/** 
 * screen.css 
 * 
 * Screen styles (all parts) for <website name>.
 * 
 * @version			1.0.0
 * @date			2009-08-28
 * @lastmodified	2009-09-09 16:34
 * @author			Studio Dumbar (Jonathan van Wunnik)
 * @project			Starters Kit Rijksoverheid
 * @link			http://www.website.com
 * @cssdoc			version 1.0-pre
 * 
 * @colordef		#f3f5f6; background (light grey)
 * @colordef		#535353; text links on background (dark grey) layer
 * @colordef		#154273; text links (blue)
 *
 */


/** 
 * Import 
 * 
 * @section			Import of individual stylesheets
 */

@import url("reset.css");
@import url("grids.css");
@import url("template.css");
@import url("type.css");
/* @import url("src/fancy-type.css"); */
@import url("forms.css");
@import url("colors.css");


/** 
 * Miscellaneous
 * 
 * @section			Miscellaneous style definitions
 */

hr { border: none; }
/*:focus { outline: 0.2em solid blue; }*/
.img { margin-bottom: 1.4545em; }
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; padding: 0; }


/** 
 * Header
 * 
 * @section			Header, main navigation and functional links style definitions
 */

.header { text-align: center; }
.header .branding { font: 0/0 sans-serif; margin: 0; padding: 0; min-height: 87px; }
.header .branding img { margin: 0; }

.nav_bar { margin: 0; padding: 2.8em 0 0; text-align: left; position: relative; }

/* Main navigation */
.nav_main { font-size: 1.2em; font-weight: bold; list-style: none; margin: 0; padding: 0 24px; }
ul.nav_main a:hover, ul.nav_main a:visited:hover { text-decoration:none; color:#000;}
.nav_main li { background: none; float: left; margin: 0; padding: 0; }
.nav_main a { display: block; padding: 0.16em 0.9091em 0.24em; text-decoration: none; }
.nav_main a:hover { color: #000; text-decoration: none; }
.sel a { color: #000; }

/* Title bar */
.title_bar { margin: 0; padding: 0 0 0 24px; text-align: left; position: relative; }
.title_bar em { font-weight: normal; font-style: italic; }
.title_bar a { color: #000; text-decoration: none; }
.title_bar a:hover { text-decoration: none; }

/* Functional links */
.func_links { width: 100%; position: absolute; top: -1.6em; }
.func_links h2,
.func_links h3,
.func_links h4,
.func_links h5 { display: none; }
.func_links ul { color: #535353; display: inline; list-style: none; margin: 0 8px; padding: 0; }
.func_links li { background: none; float: left; margin: 0; padding: 0; }

.func_links a { padding: 0.3636em 0.9091em; text-decoration: none; }
.func_links a:link { color: #535353; }
.func_links a:visited { color: #535353; }
.func_links a:hover { color: #000; text-decoration: underline; }

.func_links a.minus,
.func_links a.plus { background-image: url(skin/icons.png); background-repeat: no-repeat; font-size: 0.8em; padding: 0 0.24em; text-decoration: none; }

.func_links a.minus { background-position: left top; height: 12px; margin-right: -7px; width: 11px; }
.func_links a.plus { background-position: left -85px; height: 12px; width: 11px; }

.func_links .rss { background: url(skin/icons.png) 11px -175px no-repeat; height: 11px; padding-left: 24px; width: 11px; }
.func_links .font_size { padding-left: 0.9091em;  }


/** 
 * Vertical navigation
 * 
 * @section			Vertical (sub) navigation style definitions
 */

.nav_sub h2,
.nav_sub h3,
.nav_sub h4,
.nav_sub h5
.nav_sub h6 { display: none; }

.nav_sub ul { font-size: 1em; list-style-type: none; margin: 0; padding: 0; }
.nav_sub ul ul { margin: 0.1em 0; }
.nav_sub ul li { background: none; list-style: none; margin: 0; padding: 0; }

.nav_sub ul li a { color: #000; font-size: 1.1em; }
.nav_sub ul li a:hover { text-decoration: none; color:#000000;}

.nav_sub li a { background: url(skin/arrows.png) 1.8em 7px no-repeat; text-decoration: none; display: block; padding: 0.2em 1em 0.2em 2.8em; width: 17.6em; }
.nav_sub li.open li a,
.nav_sub li.active li a { background: url(skin/arrows.png) 2.8em 7px no-repeat; padding: 0.2em 1em 0.2em 3.8em; width: 16.6em; }
.nav_sub li.open li.open li a,
.nav_sub li.open li.active li a { background: url(skin/arrows.png) 3.8em 7px no-repeat; padding: 0.2em 1em 0.2em 4.8em; width: 15.6em; }
.nav_sub li.open li.open li.open li a,
.nav_sub li.open li.open li.active li a { background: url(skin/arrows.png) 4.8em 7px no-repeat; padding: 0.2em 1em 0.2em 5.8em; width: 14.6em; }
.nav_sub li.open li.open li.open li.open li a,
.nav_sub li.open li.open li.open li.active li a { background: url(skin/arrows.png) 5.8em 7px no-repeat; padding: 0.2em 1em 0.2em 6.8em; width: 13.6em; }
.nav_sub li.open li.open li.open li.open li.open li a,
.nav_sub li.open li.open li.open li.open li.active li a { background: url(skin/arrows.png) 6.8em 7px no-repeat; padding: 0.2em 1em 0.2em 7.8em; width: 12.6em; }

.nav_sub li.open a { background-position: 1.8em -82px; }
.nav_sub li.open li.open a { background-position: 2.8em -82px; }
.nav_sub li.open li.open li.open a { background-position: 3.8em -82px; }
.nav_sub li.open li.open li.open li.open a { background-position: 4.8em -82px; }
.nav_sub li.open li.open li.open li.open li.open a { background-position: 5.8em -82px; }


/** 
 * Content
 * 
 * @section			Content specific style definitions
 */

p.intro { font-weight: bold; }
p.caption { color: #767676; margin-bottom: 1.2em; margin-top: -1em; }
p.date { color: #6a6a6a; margin-bottom: 0; margin-top: -0.2em; }

p a:link { text-decoration: underline; }
p a.continue { display: inline; }
p.back_to_top a:visited { color: #154273; }
p.password a:visited { color: #154273; text-decoration: underline; }
p.password a:hover { color: #154273; text-decoration: none; }

.breadcrumb { color: #767676; line-height: 1.8; }
.breadcrumb a:link { color: #154273; text-decoration: underline; }
.breadcrumb a:visited { color: #154273; text-decoration: underline; }
.breadcrumb a:hover { color: #0162cd; text-decoration: underline; }

.breadcrumb em { display: none; }
.breadcrumb span { /*white-space: nowrap;*/ }
.breadcrumb .imgreplacement { background-image: url(skin/arrows.png); height: 7px; margin: 0 3px; width: 7px; }

.home h3 a, .home h4 a, .home h5 a, .home h6 a { font-family: Verdana, Arial, sans-serif; font-size: 0.7333em; text-decoration: underline; }

h2.header_link { font-family: Arial, Verdana, sans-serif; font-size: 1.5em; font-weight: bold; }
h2.header_link a:link, h2.header_link a:visited { background: url(skin/arrows.png) right -179px no-repeat; color: #000; padding-right: 11px; text-decoration: none; }
h2.header_link a:hover, h2.header_link a:visited:hover { text-decoration: underline; }


/** 
 * Lists
 * 
 * @section			List style defenitions
 */

ol { margin-left: 2.4em; }

ul { list-style-type: none; }
ul li { background: url(skin/arrows.png) left 6px no-repeat; margin-bottom: 0.5em; padding-left: 11px; }
ul a:link { color: #154273; text-decoration: none; }
ul a:visited { text-decoration: none; }
ul a:hover, ul a:visited:hover {color: #154273; text-decoration: underline;}

ul li.more { font-weight: bold; }

ul.anchors li { margin-bottom: 0.2em; background: none; padding-left: 0; }
ul.anchors a,
ul.anchors a:link { text-decoration: underline; }
ul.anchors a:visited { color: #154273; text-decoration: underline; }
ul.anchors a:hover { text-decoration: none; }

ul.bullets { list-style-position: inside; list-style-type: square; }
ul.bullets li { background: none; margin-bottom: 0.2em; padding-left: 0; }

/* external link lists and individual external links  */
ul.external li, li.external { background-position: left -371px; }

/* lists in error and/or info box */

.message_err ul,
.message_info ul,
.message_err ol,
.message_info ol { margin: 0; }


/** 
 * Footer
 * 
 * @section			Footer (referentie aan het lintje) style definitions
 */

.footer .ref { border: 0; font: 0/0 sans-serif; padding: 0 0 8px; text-align: center; }
.footer .ref img { margin: 0; }


/**
 * Modules
 * 
 * @section			Content specific (modules) style definitions
 */

/* scale images together with font resize */
p.full { line-height: 0; }
p.full img { float: none; height: auto; margin: 0.4em 0 0 0; padding: 0; width: 100%; }

.mod { margin-right: 20px; padding: 10px; }
.mod h1, .mod h2, .mod h3, .mod h4, .mod h5, .mod h6, .mod ul, .mod ol, .mod dl, .mod p, .mod blockquote { padding-right: 0; }

/* module 'tong' */
.tong { margin-bottom: 30px; padding-top: 50px; position: relative; margin-top: -50px; }

/* sitemap */
.header_sitemap { font-size: 1.2em; font-weight: bold; line-height: 1.5; margin-bottom: 0; }

.header_sitemap a,
.header_sitemap a:link,
.header_sitemap a:visited,
.list_sitemap li a,
.list_sitemap li a:link,
.list_sitemap li a:visited { color: #154273; text-decoration: underline; }
.header_sitemap a:hover,
.list_sitemap li a:hover { text-decoration: none; }
.list_sitemap{padding-right:20px;}
.list_sitemap li { font-weight: bold; }
.list_sitemap li li { font-weight: normal; }

.list_sitemap ul, form  { font-size: 1em; line-height: 1.6; margin-bottom: 0; margin-top: -0.4em; }

.list_sitemap ul { list-style-type: none; padding-right: 0; padding-top: 0.8em; }
.list_sitemap li { background: transparent url(skin/sm_hor_line.gif) left 1.2em no-repeat; border-left: 1px solid #dcdcdc; margin-bottom:-2px; margin-left: 1px; padding: 0.4em 0 0.4em 8px; }
.list_sitemap .last_item { background: transparent url(skin/sm_last_item.gif) left 0.2em no-repeat; border-left: none; padding-left: 9px; }
/* module 'visual' */
.visual img { font: 0/0 sans-serif; float: left; margin: -10px 20px -10px -10px; padding: 0; }
.size11 .visual img { height: auto; width: 67.4311%; } /* width: (588/(892-20))*100=67.4311 */
.size812 .visual img,
.size23 .visual img { height: auto; width: 63.3803%; } /* width: (360/(588-20))*100=63.3803 */
.size512 .visual img { height: auto; width: 61.1765%; } /* width: (208/(360-20))*100=61.1765 */
.size23 .visual.half img,
.size12 .visual.half img { height: auto; width: 50%; } /* width: (284/(588-20))*100=50 */

/* module 3 column 'visual' */
.mod.three_col .size13 img { height: auto; width: 100%; }
.mod.three_col { margin-right: 20px; padding: 10px 0; }
.mod.three_col h1, .mod.three_col h2, .mod.three_col h3, .mod.three_col h4, .mod.three_col h5, .mod.three_col h6, .mod.three_col ul, .mod.three_col ol, .mod.three_col dl, .mod.three_col p, .mod.three_col blockquote { padding-left: 10px; padding-right: 20px; }
.mod.three_col h1, .mod.three_col h2, .mod.three_col h3, .mod.three_col h4, .mod.three_col h5, .mod.three_col h6{ clear:left; }

/* module 'banner' */
.banner { display: block; margin-bottom: 2em; margin-top: 0.9em; text-decoration: none; }
.banner.bottom { margin-bottom: 0.4em; }
.banner img { float: left; margin: -10px 10px -10px -10px; height: auto; width: 31.9149%; }
#home .banner h3, #home .banner h4, .banner h3, .banner h4 { font-family: Verdana, Arial, sans-serif; font-size: 1.1em; font-weight: bold; line-height: 1.2; margin: 0; padding: 0; }
#home .banner h3 a, #home .banner h4 a, .banner h3 a, .banner h4 a, .banner p a { font-size: 1em; text-decoration: none; }
#home .banner h3 a:hover, #home .banner h4 a:hover, .banner h3 a:hover, .banner h4 a:hover, .banner p a:hover { text-decoration: underline; }
.banner p, .banner p a { line-height: 1.2; margin: 0; padding: 0; }

/* module 'box' */
.box { margin-bottom: 2em; }
.mod.box { padding: 0; }

.mod.box h2,
.mod.box h3,
.mod.box h4,
.mod.box h5,
.mod.box h6,
.mod.box ul,
.mod.box ol,
.mod.box dl,
.mod.box p,
.mod.box blockquote { margin: 0; padding: 10px; }
.mod.box legend { padding: 10px 10px 0; }

.box h2.head,
.box h3.head,
.box h4.head,
.box h5.head,
.box h6.head { margin: 0; padding: 0.2em 12px 0.3em; }

.box h2.head.small,
.box h3.head.small,
.box h4.head.small,
.box h5.head.small,
.box h6.head.small { padding: 0.5em 12px; }

/* 'box' header subdued (grey) color */
.container .box.subdued h2,
.container .box.subdued h3,
.container .box.subdued h4,
.container .box.subdued h5,
.container .box.subdued h6 { background-color: #e1e1e1; }

.container .box.closed.subdued { background-color: #f1f1f1; border: 1px solid #e1e1e1; }
.container .box.open.subdued { background-color: #fff; border: 1px solid #e1e1e1; }

/* Message + info box */
.message_err,
.message_info { background-position: 0.5em 0.5em; background-repeat: no-repeat; margin-top: 3em; margin-bottom: -1em; padding: 8px 10px 5px 34px; }
.message_err { background-color: #fab2bd; background-image: url(skin/message_err.png); }
.message_info { background-color: #fef1bc; background-image: url(skin/message_info.png); }

#home .message_err h2,
#home .message_info h2,
.message_err h2,
.message_info h2 { font-size: 1.3em; }

.message_err p,
.message_info p { margin-bottom: 0.1em; }

/* Zoekresultaten */

p span.searchword { font-weight:bold;}

/*div.content_main ol{ margin-left:2em;}
div.content_main ol li{ margin-bottom:1.8em; color:#046f96;}
div.content_main ol a{color:#046f96; font-weight:bold;}
div.content_main ol li p{ margin-bottom:4px; font-size:1.1em; color:#000;}*/
div.content_main ol li span.grey{color:#525454;}
div.content_main h2.searchResults{font-size:12px;font-weight:bold;}
hr.seperator{ border-top:3px solid #0E4A10; margin-left:0px; width:92%;}

/* default list */
.list { border-bottom: 3px solid #ccc; border-top: 3px solid #ccc; font-size: 1em; margin: 0.6em 20px 0.6em 0; padding: 0 0 1em 0; }
.list li, .list h2, .list p { background: none; padding: 0; }

.list h2 { font-size: 1.1em; font-weight: bold; line-height: 1.5; margin-bottom: 0; }

.list h2 a,
.list h2 a:link,
.list h2 a:visited { color: #154273; text-decoration: underline; }
.list h2 a:hover { text-decoration: none; }

.list p { margin-bottom: 0; }
.list p.details { color: #535353; }

/* search results list */
.search_results { color: #154273; /*list-style-type: decimal-leading-zero;*/ list-style-type: decimal; padding-left: 2.5em; }
.search_results p { color: #000; }
.search_results.wide li { padding-right: 6em; }

/* FCK Editor voegt automatisch een <p> om elke content */ 
.noFck p { margin:0; padding:0;}

td span img{ margin:0 !important;}
table.ModuleTitle_SubMenu td img{ width:auto !important; margin:0 !important;}

div.actionbutts{
	padding:0;
	margin:0;
}

span.icn img {width:13px !important; height:13px !important; float:none; margin:0;}

div#dnn_ctr436_ViewNewsletterSignup_tblFormPart ul li {
	background:none !important;
}

div#dnn_ctr436_ViewNewsletterSignup_tblFormPart .postform {
	padding-left:116px;}
	
.invisible{ display:none;}

#dnn_visualLeft {}
#dnn_visualLeft img{ z-index:1;}


/* Adminpanel CSS */

#dnn_ContentPane .TitleHead{ font-size: 18px; color:#000; font-family:Verdana, Arial, Helvetica, sans-serif;}

#dnn_ctr_ManageTabs_UP .Head, .PortalsContent .Head, .ExtensionsContent .Head, .c_contentpane .Head
{ font-size:16px; color:#000; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif;}

#dnn_ctr_ManageTabs_UP .Normal, .PortalsContent .Normal, .ExtensionsContent .Normal, .c_contentpane .Normal
{ font-size:14px;}

#dnn_ctr_ManageTabs_UP .SubHead, .PortalsContent .SubHead, h3.SubHead, .ExtensionsContent .SubHead, .c_contentpane .SubHead
{ font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#000;}

td.SubHead{vertical-align:top;}

#dnn_ctr_ManageTabs_UP textarea.NormalTextBox, .PortalsContent textarea.NormalTextBox, textarea.NormalTextBox, .ExtensionsContent textarea.NormalTextBox, .c_contentpane textarea.NormalTextBox
{ border:1px solid #7F9DB9;}

/*#dnn_ctr_ManageTabs_UP table, .PortalsContent table, .ExtensionsContent table, .c_contentpane table
{border-collapse:separate !important; border-spacing:5px;}*/


/* End of Adminpanel CSS */

img.editImage{ width:16px !important; height:16px !important;}

/* End of Adminpanel CSS */

/* NewsletterSignup */
.NewsLetterSignup ul li {background:none; padding-left:0px;}
.NewsLetterSignup input.text { width:auto;}

.Icatt_NewsletterSignupContent li { background:none; padding-left:0px;}
/* end of newsletter signup*/

/* Zoekresultaten volgende button */
.PageNavPreviousNext a { font-size:1.1em; font-family:Verdana, Arial, Helvetica, sans-serif;}
/* einde */

/* Voor waarschuwingen bij formulieren */
.required {color:#FF0000;}
/* einde */

.faq-questions { font-family:Verdana, Arial, Helvetica, sans-serif;}
.faqs-list { border-top:2px solid #ccc; margin-right:1em;}
.faqs-list ol { padding-top:1em;}
.faqs-list li h4{ font-size:1.1em; font-weight:bold; line-height:1.5; margin-bottom:0; font-family:Verdana, Arial, Helvetica, sans-serif;}
.faqs-list p.back_to_top { margin-bottom:1em; font-size:1em;}

/* Newsletter Display cancel image*/
.nlitem li img{ padding-left:8px;}
/* Einde*/


/* Bijlagegenerator styling */
#AttachmentBuilderView_Container .letterNavTop {}
#AttachmentBuilderView_Container .letterNavBottom { border-top:solid 1px #666; margin-top:1em;}
.attachBlock {}	/*border-top:2px solid #CCCCCC;*/
.attachBlock h3{ display:inline-block;}
.attachBlockMargin { margin-top:.3em;}
.attachBlockTitle {cursor: default; font-size:1.1em;}
.attachBlockDescription {position:relative;display:none;width:300px;white-space:nowrap;overflow:hidden;}
.attachBlockMargin:hover .attachBlockDescription{display:block;}

.attachmentBuilderEdit_Container li{ clear:both; background:none; padding-bottom:15px; border-bottom:2px solid #CCC;}
.attachmentBuilderEdit_Container label{display:inline-block; margin-right:15px;}
.AttachmentBlock { padding:8px; border:2px solid #CCC; margin:10px 8px 10px 2px;}
.AttachmentButtons { border-bottom:2px solid #CCC; padding-bottom:22px;}
.GenerateAttach p{ font-size:11px;}

/*Bijlage Generator*/
#letternav a, .letterNavBottom a{ font-size:1.2em;}
.letterHeaderBlock{ margin-top:.5em; border-top:1px solid #666;}
.letterHeaderBlock h3 { margin-bottom:0; padding-bottom:0; margin-top:1em;}

/* FORUM STYLE*/