/*	Reset to new default
*/
body, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, pre, form { margin:0; padding:0; }
ul { list-style:none; }
ol { padding-left:2em; }
object { display:block; outline:none; }
img { vertical-align:top; border:none; }
a img { border:none; }
textarea { resize:vertical; }

/*	Layout
*/
body { text-align:center; background-color:#f3f5f6; }
body.header-hoog { background:#f3f5f6 url(../img/bg_header_hoog.gif) left top repeat-x; }
body.header-middel { background:#f3f5f6 url(../img/bg_header_medium.gif) left top repeat-x; }
body.header-laag { background:#f3f5f6 url(../img/bg_header_laag.gif) left top repeat-x; }
	#container { min-width:954px;}
		#brand, #skip-links, .skip-links { position:absolute; top:0; left:-1000px; width:990px; }
		#main { position:relative; margin:0 auto; width:954px; text-align:left;  }
		body.header-hoog #main {padding-top:425px;}
		body.header-middel #main {padding-top:193px;} 
		body.header-laag #main {padding-top:173px;}
			#header-container { position:absolute; left:0; top:5px; }
				#header {margin:0 7px 0; clear:both; background-color:#000;}
				body.header-hoog div#header { width:940px; height:420px; }			
				body.header-middel div#header { width:940px; height:188px; }
				body.header-laag div#header { width:940px; height:168px; }
			#navigation { height:45px; width:100%; background:#666 url(../img/bg_nav_black.gif) left top no-repeat; clear:both; overflow:hidden; }
			#content {  padding-top:82px; background:transparent url(../img/bg_content.gif) left top repeat-y; clear:both; }
			body.no-navigation #content { padding-top:37px; }		
				#content-body { float:left; display:inline; width:664px; margin-left:31px; }
					#content-body-main { float:right; display:inline; width:436px; }
					#content-body-sidebar { width:208px; }
					#content-body .col-1 { float:left; display:inline; width:208px; }
					#content-body .col-2 { float:left; display:inline; margin-left:20px; width:436px; }
					#content-body-clear, #content-body .col-1 { clear:both; }
				#content-sidebar { float:left; display:inline; margin-left:20px; width:208px; }
				#content-clear { height:21px; clear:both; }
			#footer { margin:0 auto; width:954px; background:transparent url(../img/bg_content.gif) left top repeat-y; text-align:center; clear:both; }
				#footer-inner { padding-bottom:7px; background:transparent url(../img/bg_content_bottom.gif) left bottom no-repeat; width:100%; }
		#legal { margin:3px auto; width:942px; text-align:left; clear:both; }	
		#sponsors { margin:12px auto 0 auto; width:942px; background:transparent url(../img/bg_hr.gif) left top repeat-x; clear:both; }
		#container-clear { clear:both; padding-bottom:20px; }
	.stats { display:none; }

/*	Styles
*/
/* line-height + padding-bottom: een veelvoud van 16px voor het behoud van (zoveel mogelijke) horizontale leesregels */
h1 { padding-bottom:14px; }
h2, h3, h4, h5, h6, p, ol, ul, dl, #contact-formulier { padding-bottom:16px; }
.no-padding-bottom, #footer p { padding-bottom:0; }
.link-list li, .media-list li, .toggle-list li { padding-bottom:6px; } /* exception */
h1 { line-height: 18px; }
h2, h3, h4, h5, h6, p, li, pre, label, blockquote { line-height:16px; }

body, input, textarea, h2.small { font-family:Verdana, Sans-serif; }
h1, h2, #legal { font-family:Arial, Helvetica, Sans-serif; }
pre, code { font-family:Courier, monospace; }

body { color:#000; }
a { color:#154273; }
a:hover, a:active { color:#0162cd; }
a:visited { color:#696969; }
.meta-data, #legal a { color:#535353; }
#legal a:hover, #legal a:active, #legal a.active { color:#000; }
.breadcrumb, .caption, .note { color:#767676; }

h1 { font-size:18px; font-weight:bold; }
h2 { font-size:16px; font-weight:bold; }
h3, h4, h5, h6, h2.small { font-size:11px; font-weight:bold; }
body, p, li, pre, code, label, blockquote, textarea, input { font-size:11px; }

#legal li { float:left; display:inline; padding-right:10px; }
#sponsors li { float:left; display:inline; }
#content img { vertical-align:middle; }

.list li { padding-left:30px; background:transparent url(/img/icon_list-item_disc.gif) no-repeat 3px 6px; }

.media-list li { padding-left:20px; background:transparent url(../img/icon_media.gif) 0 2px no-repeat; }

.link-list ul { width:100%; } /* avoid double margins for nested ul elements in IE6 */
.link-list li { padding-left:15px; background:transparent url(../img/icon_internal.gif) 0px 4px no-repeat; } 
.external li, li.external { background:transparent url(../img/icon_external.gif) 0 6px no-repeat; }
.pdf li, li.pdf { padding-left:20px; background:transparent url(../img/icon_pdf.gif) 0 3px no-repeat; }
.no-bullet { background:none !important; }

.up { float:left; display:inline; padding-left:15px; background:transparent url(../img/icon_up.gif) 0 6px no-repeat; }
.internal { float:left; display:inline; padding-left:15px; background:transparent url(../img/icon_internal.gif) 0px 4px no-repeat; }

ol.no-bullets { padding:0; list-style:none; }

.hidden { display:none; }
.float-left { float:left; padding:0 20px 20px 0; }
.float-right { float:right; padding:0 0 20px 20px; }
.clear { clear:both; }
.no-wrap { white-space:nowrap; }

.help{}

/* Form
*/
.info { margin-bottom:16px; padding:7px 0 7px 33px; background:#fef1bc url(../img/icon_info.gif) 5px 5px no-repeat; font-weight:bold; }
.update { background-color:#fef1bc; margin-bottom:1px; }
.update div.description,
.update div.format,
.update div.options { padding:5px 0 0; }

.legend .note { padding-bottom:5px; float:right;  }

.error-message { margin-bottom:16px; padding:7px 0 7px 33px; background:#fab2bd url(../img/icon_error.gif) 5px 5px no-repeat; }
.error-message p { font-weight:bold; padding-bottom:0; }
.error-message ul { padding-bottom:0; }
.error-message ul li { padding-left:10px; background:transparent url(../img/icon_bullet.gif) 0 7px no-repeat; }

.error { color:#e70022; }
.error input, .error textarea { border-color:#e70022 !important; }

.input-set { background-color:#f5f5f5; padding:8px 10px; margin-bottom:2px; }
.input-set label { float:left; display:inline; width:140px; }
.input-set input, .input-set textarea { float:left; display:inline; padding:2px; border:1px solid #000; width:270px; }

.submit { float:right; display:inline; margin-top:5px; border:1px solid #000; width:74px; background-color:#deebe3; color:#000; text-align:center; }

/*	Navigation
*/
#navigation ul { padding:0 0 0 15px; }
#navigation li { float:left; display:inline; background:transparent url(../img/icon_pipe_nav.gif) 0 12px no-repeat; }
#navigation li.first-child { background:none; }
#navigation a, #navigation a:visited { float:left; display:inline; padding:13px 17px 11px 18px; color:#fff; font-weight:bold; text-decoration:none; }
#navigation a:hover, #navigation a.active { color:#929292; }

/*	Dialog media
*/
iframe#jQ_gov-dialog-iframe, div#jQ_gov-dialog-overlay { position:fixed; top:0; left:0; width:100%; height:100%; z-index:10000; }
#jQ_gov-dialog-overlay { background:transparent url(../img/dialog/bg_overlay.png); }
#jQ_gov-dialog { position:fixed; left:-1000em; top:-1000em; z-index:10001; visibility:hidden; }
#jQ_gov-dialog .container { position:relative; text-align:left; }

#dialog-body, #dialog-body a { color:#fff; }
#dialog-body a:hover { text-decoration:underline; }
#dialog-body h1 { padding-bottom:16px; }
#dialog-body .close { float:right; padding-top:4px; }
#dialog-body .close a { padding:0 0 0 18px; background:transparent url(../img/dialog/icon_close.gif) no-repeat 0 4px; color:#fff; font-weight:normal; }
#dialog-body .close a:hover { text-decoration:underline; }

#dialog-body .media-list li { background-image:url(../img/dialog/icon_media.gif); }
#dialog-body .media-list li.active { background-position: 0 -29px; }
#dialog-body .media-list li.active a { color:#767676; }
#dialog-body .link-list li { background-image:url(../img/dialog/icon_internal.gif); }

.dialog-media-video { width:583px; }
.dialog-media-banner { width:336px; }

/* Toggle list
*/
.toggle-list { width:100%; }  /* avoid double margins for nested ul or ol elements in IE6 */
.toggle-list .toggler { padding-left:15px; background:transparent url(../img/icon_toggler_open.png) 0 5px no-repeat; }
.toggle-list .closed { background:transparent url(../img/icon_toggler_closed.png) 0 3px no-repeat; }
.toggle-list ul { padding:8px 0 0 15px; }

/* Campagne specifiek
*/
#split-visual-agressie-112 { width:940px; height:420px; background:transparent url(../img/visuals/hp_agressie_112.jpg) left top no-repeat; }
#split-visual-agressie-112 a { float:left; display:inline; width:470px; height:420px; }
#split-visual-agressie-112 span { display:none; }

#platform-huiselijk #navigation { background:transparent url(../img/bg_nav_brown.gif) left top no-repeat; }

#platform-huiselijk #cta {display:block;background-color:#9c968d;color:#fff;margin-bottom:5px;text-decoration:none;font-size:13px}
#platform-huiselijk #cta strong{display:block;font-size:18px;}
#platform-huiselijk #cta span.phone, 
#platform-huiselijk #cta span.url { display:block; padding:8px 0;text-align:center; }

#platform-huiselijk #cta span.phone {border-bottom:1px solid #fff;}
#platform-huiselijk #cta .colorize {color:#acd14f;}

#veiliginternetten #sponsors h3 { padding-top:12px; font-family:Arial, Helvetica, Sans-serif; font-size:14px; font-weight:bold; text-align: left;}
#veiliginternetten #tips { list-style:none; margin:0 0 16px; padding:0; width:664px; height:auto; }
#veiliginternetten #tips li { background-color:#ebf3f7; width:100%;margin-bottom:1px;}
#veiliginternetten #tips li div{padding:22px 0 23px 45px; background:transparent url(../img/content/vi_but_1.gif) left top no-repeat;}
#veiliginternetten #tips li#tips-list-2 div{background-image:url(../img/content/vi_but_2.gif);}
#veiliginternetten #tips li#tips-list-3 div{background-image:url(../img/content/vi_but_3.gif);}
#veiliginternetten #tips li#tips-list-4 div{background-image:url(../img/content/vi_but_4.gif);}
#veiliginternetten #tips li a.tip-header {display:block;margin-bottom:4px;font-family:Arial, Helvetica, Sans-serif; font-size:13px; font-weight:bold;}
#veiliginternetten #tips li span {}

#veiliginternetten .subnav a { text-decoration: none; display: block; margin-left: -24px; padding: 2px 2px 2px 36px; margin-bottom: 1px; background:transparent url(../img/icon_internal.gif) 24px 6px no-repeat; }
#veiliginternetten .subnav a:hover, #veiliginternetten .subnav li.active a { background-color: #deeff6; }
#veiliginternetten .indent { margin-left: 20px; }
#veiliginternetten #content-sidebar .list li { padding-left:20px;}

#minder-misbruik-112 #home-alt-content { width:940px; height:420px; background:transparent url(../img/visuals/112_home.jpg) no-repeat 0 0; }
#minder-misbruik-112 #home-alt-content h2, #minder-misbruik-112 #home-alt-content p { display:none; } /* Only for text browsers */
#minder-misbruik-112 #campagne-alt-content { position:relative; width:940px; height:420px; background:transparent url(../img/visuals/112_campagne.jpg) no-repeat 0 0; }
#minder-misbruik-112 #campagne-alt-content #waarom { display:block; position:absolute; left:203px; top:148px; width:242px; height:30px; background:transparent url(../img/visuals/112_campagne_link1.jpg) no-repeat 0 0; }
#minder-misbruik-112 #campagne-alt-content #wanneer { display:block;  position:absolute; left:647px; top:196px; width:116px; height:54px; background:transparent url(../img/visuals/112_campagne_link2.jpg) no-repeat 0 0; }
#minder-misbruik-112 #campagne-alt-content a span { display:none; } /* Only for text browsers */