@charset "utf-8";
/* CSS Document */

/* v1.0 | 20080212 CSS Reset*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

html{
background:#000;
}

body {
text-align: center;
font: 87.5%/1.63 Georgia, "Times New Roman", Times, serif;
line-height:15pt;
background:#FFF;
}

h1{

}

h2{
font: 200% Arial, Helvetica, sans-serif;
font-weight:600;
line-height:33px;
}

h3{
font: 100% Arial, Helvetica, sans-serif;
font-weight:600;
padding: 15px 0px 20px;
}

.small{
	font-family:Arial, Helvetica, sans-serif;
	font-size:78%;
	}

small {
font-family:Arial,Helvetica,sans-serif;
font-size:82%;
line-height:1.5em;
padding:4px 0 0;
text-align:justify
}

/* links */

a:link{color:#ff4b97;text-decoration:none;}
a:visited{color:#ff4b97;text-decoration:none;}
a:hover{color:#000000;text-decoration:underline;}
a:active{text-decoration:underline;}

#navcontainer {
background: #fff500;
height: 38px;
overflow:hidden;
}

#nav {
text-align: left;
margin: 0 auto;
width: 960px;
height: 38px;
}

#nav em{
background:#FFF;
width:1px;
}


#nav ul{
list-style:none;
width: 960px;
}

#nav ul li{
float:left;
}

#nav ul li a{
float:left;
padding:9px 12px;
}

#nav ul li.a{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:600;
}

#nav ul li.a a:link{color:#000000;height:100%;}
#nav ul li.a a:visited{color:#000000;height:100%;}
#nav ul li.a a:hover{color:#000000;text-decoration:none;background-color:#ff4b97;}
#nav ul li.a a:active{color:#000000;text-decoration:none;background-color:#FFF;}

#nav ul li.b{
float:right;
font-size:12px;
font-weight:600;
font-style:italic;
}

#nav ul li.b a:link{color:#000000;}
#nav ul li.b a:visited{color:#000000;}
#nav ul li.b a:hover{color:#000000;text-decoration:none;background-color:#ff4b97;}
#nav ul li.b a:active{color:#000000;text-decoration:none;background-color:#FFF;}

/* Sliding doors buttons
--------------------------------------------------------------------*/
a.button {/* Sliding right image */background: transparent url('/media/button_right.png') no-repeat scroll top right;display: block;float: left;height: 22px;
margin-right: 1pt;padding-right: 7px;text-decoration: none;color: #000000;font-family: Arial, Helvetica, sans-serif;font-size:.66em;}
a.button span {/* Background left image */background: transparent url('/media/button_left.png') no-repeat;display: block;line-height:.8em;padding: 7px 0 9px 6px;}

a.button:hover{background: transparent url('/media/button_right_hover.png') no-repeat scroll top right;}
a.button:hover span{background: transparent url('/media/button_left_hover.png') no-repeat;}

a.button:active{background: transparent url('/media/button_right_active.png') no-repeat scroll top right;color:#FFF;}
a.button:active span{background: transparent url('/media/button_left_active.png') no-repeat;}

/** Slider **/

#slider{
	height: 250px;
	padding: 40px 0px 0px;
	text-align: left;
	margin: 0 auto;
	overflow: hidden;
}

#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
	}
	
#slider, #slider li{
	width:960px;
	height:250px;
	overflow:hidden;
	}

#sliderContainer{
	width:960px;
	margin: 0 auto;
	overflow:hidden;
}

/** Slider **/

#slider2{
	text-align: left;
	margin: 0 auto;
	overflow: hidden;
	max-height:500px;
}

#slider2 ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
	text-align:left;
	}
	
#slider2, #slider2 li{
	width:680px;
	overflow:hidden;
	}

	/* numeric controls */	

ol#controls{
	float:left;
	width:640px;
	padding:1em 0;
	}
	
ol#controls li{
	margin:0 10px 0 0;
	float:left;
	list-style:none;
	padding-right:10px
	}
	
ol#controls li a{
	float:left;
	border:1px solid #FF4B97;
	background:#FFF;
	text-decoration:none;
	padding:9px 14px;
	}
	
ol#controls li.current a{
	background:#FF4B97;
	color:#fff;
	}
	
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}

/******** Knoppen bij slider *************/

#prevBtn a{
background:url(/media/arrowleft.png) center right no-repeat;
float:right;
width:15px;
height:100%;
}

#nextBtn a{
background:url(/media/arrowright.png) center right no-repeat;
float:left;
width:100%;
height:100%;
}

#prevBtn, #nextBtn{
text-indent:-8000px;
height:21px;
float:left;
width:935px;
}
#nextBtn {
float:right;
width:15px;
}

/**********************/

#sitecontainer {
padding: 20px 0px 20px 0px;
}

#contentcontainer {
background: url(/media/striped.png) top left repeat-x;
text-align: left;
margin: 0 auto;
width: 960px;
overflow: hidden;
}

#content {
text-align: left;
margin: 0 auto;
width: 960px;
}

/* Search bar */

#searchcontainer {
background:url(/media/dok21.png) bottom left no-repeat;
text-align: left;
margin: 0 auto;
width: 960px;
overflow:hidden;
padding:60px 0px 0px 0px;
}

#searchcontainer search,
#searchresults search{
margin: 0 auto;
overflow:hidden;
}

#searchcontainer input#keywords_formId,
#searchresults input#keywords_formId {
float:right;
width: 207px;
border: #000 thin solid;
padding: 9px 5px 9px 5px;
}

#searchcontainer input#submitbutton,
#searchresults input#submitbutton{
float:right;
background:#000;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#fff;
padding: 9.5px 12px;
border:none;
cursor:pointer;
}

.zoekButton{
background:url("/media/zoek.gif") no-repeat;
float:left;
height:22px
width:100px
display:block;
}

.formContents span.keywords{
float:left;
}

/* Footer */

#footer {
background: #000;
font:72% Arial, Helvetica, sans-serif;
color:#ff4b97;
height: 121px;
margin-top:80px;
}

#footer ul{
margin: 0 auto;
width: 960px;
padding-top: 35px;
}

#footer ul#pinkspacer li{
float:left;
background:url(/media/footerspacer.png) no-repeat center right;
padding: 0px 30px 0px 20px;
}

#footer ul#grayspacer li{
float:left;
background:url(/media/footerspacergray.png) no-repeat center right;
padding: 0px 30px 0px 20px;
}

#footer ul#loginlinks a:link{color:#525252;text-decoration:none;}
#footer ul#loginlinks a:visited{color:#525252;text-decoration:none;}
#footer ul#loginlinks a:hover{color:#ff4b97;text-decoration:underline;}
#footer ul#loginlinks a:active{color:#525252;text-decoration:none;text-decoration:underline;}

/*content-part with fixed width two opposite direction floating text area's giving automatic margin in the middle*/

.leftcontentcontainer{
width:640px;
float:left;
overflow:hidden;
}

.rightcontentcontainer{
width:266px;
float:right;
overflow:hidden;
}

/*linker kolom*/

.artikelsmal{
width:266px;
float:left;
overflow: hidden;
padding:20px 0 0;
}

.artikelsmal p{
	padding-left:2px;
	}

#fotoseries{
background:url(/media/Fotoseries.png) top left no-repeat;
width:266px;
float:left;
overflow: hidden;
padding:20px 0px 80px;
}

#fotoseriesArtikel{
padding:0px 0px 80px;	
}

#videos{
background:url(/media/videos.png) top left no-repeat;
width:266px;
float:left;
overflow: hidden;
padding:20px 0px 80px;
}

#videosArtikel{
padding:0px 0px 80px;		
}

#wieheeftvisie{
background:url(/media/wieheeftvisie.png) top left no-repeat;
width:266px;
float:left;
overflow: hidden;
padding:20px 0px 80px;
}

#wieheeftvisieArtikel{
padding:0px 0px 80px;		
}

.smalartikelheaderimage{
width:300px;
height:80px;
display:block; /*er staat ook een stukje in het artikel template*/
}


/** contact dropdownbox css **/

.main1 {
display:block;
padding:10px 12px;
}

.main1:hover {
display:block;
padding:10px 12px;
background: #ff4b97;
}

.sub {
position: absolute;
width: 265px;
background: #ff4b97;
padding:10px;
font: 100% Georgia, "Times New Roman", Times, serif;
line-height:15pt;
top:38px;
}

#uitklapmenuContentContainer, #uitklapmenuContentContainer ul, #uitklapmenuContentContainer ul li{
width: 265px;
color: #FFF;
}

#uitklapmenuContentContainer ul li{
height: 50px;
}

#uitklapmenuContentContainer ul li a:hover{
color:#000;
z-index:100020;
}

/** Tweeterbox standardlayouthack **/

.twtr-bd {
margin-top:19px;
}

.twtr-hd {
display:none;
}

/** opmaak thingything **/

.kleinonbelangrijk{
background:#CCC;
font: 8px/14px sans-serif;
}

/** CS thread **/

.blogartikel{
width:640px;
float:left;
overflow: hidden;
padding:20px 0px 20px;
background: url(/media/striped.png) bottom left repeat-x;
text-align: justify;
}

.blogartikel #slider2 ul li img{
	width:100%;
	}

/**
.blogartikel p:first-letter {
	float: left;
	font-size: 3em;
	font-weight:bold;
	line-height: 2;
	margin: .17em 0.15em 0 0;
}
**/

.blogartikel img.firstImage{
	padding:20px 0px;
	float:left;
	width:640px;
}

.caption{
	float:left;
	display:inline;
	position:relative;
	}

.caption a span{
	display:none;
	}

.caption a:hover{
	z-index:100010;
	}

.caption a:hover span{
	display:block;
	font:300% 'Arial Black', Helvetica, sans-serif;
	color:#FFF;
	font-weight:600;
	padding:20px 10px 20px 40px;
	margin:60px 0 0;
	background:url(/media/transparentblackpixel.png);
	text-align: left;
	z-index:1010;
	position:absolute;
	left:0;
	float:left;
	max-width:480px;
	letter-spacing:-1.8pt;
	text-decoration:none;
	}

.caption em{
	display:block;
	font:11px Arial, Helvetica, sans-serif;
	font-weight:100;
	line-height:36pt;
	text-align: left;
	z-index:1010;
	position:relative;
	top:0;
	left:0;
	float:right;
	width:auto;
	letter-spacing:-.01pt;
	padding:0 20px 0 0;
	}

/** Thread CSS uit Template**/
	.postBorder {
		border: 1px solid #cccccc;
		margin-bottom: 10px;
	}
 	.postBorderCurrent {
		border: 3px dotted black;
		margin-bottom: 10px;
	}
	.postSubject {
		border-bottom: 1px solid #cccccc;
		font-weight: bold;
		padding: 3px;
	}
	.postData {
		border-bottom: 1px solid #cccccc;
		font-size: 9pt;
		background-color: #eeeeee;
		color: black;
		padding: 3px;
	}
	.postData a {
		color:#29587E;
		text-decoration:underline;
	}
	.postData a:hover {
		text-decoration:none;
	}
	.postControls {
		border-top: 1px solid #cccccc;
		background-color: #676767;
		color: black;
		padding: 3px;
		text-align:right;
	}
	.postControls a:link, .postControls a:visited {
		color:white;
		text-decoration:underline;
	}
	.postControls a:hover {
		text-decoration:none;
	}
	.bottomControls {
		background-color:#676767;
		padding: 3px;
		text-align:right;
	}
	.bottomControls a:link, .bottomControls a:visited {
		color:white;
		text-decoration:underline;
	}	
	.bottomControls a:hover {
		text-decoration:none;
	}
	.postMessage {
		padding: 3px;
	}
	.currentThread {
		background-color: #eeeeee;
	}
	.threadHead {
		font-weight: bold;
		border-bottom: 1px solid #cccccc;
		font-size: 9pt;
		background-color: #eeeeee;
		color: black;
		padding: 3px;
	}
	.threadData {
		font-size: 11px;
		padding: 3px;
	}

/** CS thread bottom **/

.blogartikel a.blogartikelHeaderLink{color:#000;}
.blogartikel a.blogartikelHeaderLink:hover{color:#FF4B97;}

.blogartikel ul{
	font-family:Arial, Helvetica, sans-serif;
	font-size:80%;
	color:#585858;
	font-weight:400;
	overflow:hidden;
	}

.blogartikel ul li ul li{
	float:right;
	padding-left:20px;
	font-size: 120%;
	}

.blogartikel ul li ul li a{
padding-left:30px;
	}

.blogartikel ul li ul li a.Reacties{background:url(/media/spriteBlock.png) no-repeat 2px -87px scroll;}
.blogartikel ul li ul li a.Reacties:hover{background:url(/media/spriteBlock.png) no-repeat 2px -107px scroll;}

.blogartikel ul li ul li a.interessantItem{background:url(/media/spriteBlock.png) no-repeat 0 -41px scroll;}
.blogartikel ul li ul li a.interessantItem:hover{background:url(/media/spriteBlock.png) no-repeat 0 -61px scroll;}

/** CS thread bottom bookmarks**/

.blogartikel ul li.bookmarks{
	float:left;
	width:334px;
	}
	
.blogartikel ul li.bookmarks a{
	width:20px;
	height:18px;
	margin:0 2px;
	float:right;
	}
	
.blogartikel ul li.bookmarks span{
	margin-left:-9999px;
	float:left;
	}

.blogartikel ul li a.RSS{background:url(/media/spriteBlock.png) no-repeat -60px -20px scroll;}
.blogartikel ul li a.RSS:hover{background:url(/media/spriteBlock.png) no-repeat -60px 0 scroll;}

.blogartikel ul li a.Mail{background:url(/media/spriteBlock.png) no-repeat -180px -20px scroll;}
.blogartikel ul li a.Mail:hover{background:url(/media/spriteBlock.png) no-repeat -180px 0 scroll;}

.blogartikel ul li a.Twitter{background:url(/media/spriteBlock.png) no-repeat -120px -20px scroll;}
.blogartikel ul li a.Twitter:hover{background:url(/media/spriteBlock.png) no-repeat -120px 0 scroll;}

.blogartikel ul li a.facebook{background:url(/media/spriteBlock.png) no-repeat -20px -20px scroll;}
.blogartikel ul li a.facebook:hover{background:url(/media/spriteBlock.png) no-repeat -20px 0 scroll;}

.blogartikel ul li a.digg{background:url(/media/spriteBlock.png) no-repeat 0 -20px scroll;}
.blogartikel ul li a.digg:hover{background:url(/media/spriteBlock.png) no-repeat 0 0 scroll;}

.blogartikel ul li a.delicious{background:url(/media/spriteBlock.png) no-repeat -39px -20px scroll;}
.blogartikel ul li a.delicious:hover{background:url(/media/spriteBlock.png) no-repeat -39px 0 scroll;}

.blogartikel ul li a.LinkedIn{background:url(/media/spriteBlock.png) no-repeat -80px -20px scroll;}
.blogartikel ul li a.LinkedIn:hover{background:url(/media/spriteBlock.png) no-repeat -80px 0 scroll;}

.blogartikel ul li a.StumbledUpOn{background:url(/media/spriteBlock.png) no-repeat -100px -20px scroll;}
.blogartikel ul li a.StumbledUpOn:hover{background:url(/media/spriteBlock.png) no-repeat -100px 0 scroll;}

.blogartikel ul li a.Technocrati{background:url(/media/spriteBlock.png) no-repeat -140px -20px scroll;}
.blogartikel ul li a.Technocrati:hover{background:url(/media/spriteBlock.png) no-repeat -140px 0 scroll;}

.blogartikel ul li a.MySpace{background:url(/media/spriteBlock.png) no-repeat -160px -20px scroll;}
.blogartikel ul li a.MySpace:hover{background:url(/media/spriteBlock.png) no-repeat -160px 0 scroll;}


/** Pagination **/

.pagination{
	color:#C0C0C0;
	text-align:right;
	padding:3px;
	font-size:80%;
    font-family:arial;
	width:640px;
	float:left;
}
.pagination a{color:#FF4B97;text-decoration:underline;}
.pagination a:hover {text-decoration:none;}

/* moderatorButtons */

.moderatorButtons{
	float:left;
	width:640px;}

/** Reacties **/

.reacties{
	width:640px;
	overflow:hidden;
	}

.reactiesPosterProfile{
	float:left;
	width:180px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:80%;
	font-weight:400;
	color:#585858;
	}

.reactiesPostTekst{
	float:right;
	width:440px;
	}

.reacties a{color:#585858;}
.reacties a:hover{color:#000;text-decoration:none;}


.reageerKnopje{
	font-family:Arial, Helvetica, sans-serif;
	font-size:80%;
	color:#585858;
	font-weight:400;
	float:right;
	}

/* Folow Us */

.followUs{
	float:left;
	width:266px;
	}
	
.followUs ul li{
	float:left;
	width:266px;
	text-align: center;
	font: 100% Arial, Helvetica, sans-serif;
	font-weight:600;
	line-height:15pt;
	padding:0 0 1px;
	}

.followUs ul li a{background:#FF4B97;width:266px;float:left;color:#FFF;padding:6px 0;}	
.followUs a:hover{background:#9f9f9f;text-decoration:none;}

/* Table Thingy border */

.wgThingy table{
	border:1px #999;
	}

/* tekstje wat is DOK21 opmaak */

.kleinArial{
	font-family:arial;
	font-size:80%;
	}


/* Caption in Images */


/* Addbutton
--------------*/

#addThisButton {
	float:right;
	padding-right:18em;
	}

#inHetKort{
	font-family:Arial, Helvetica, sans-serif;
	font-size:82%;
	line-height:1.5em;
	padding:4px 0 0;
	text-align:justify;
}

/*/ captcha fix /*/

form .wg-captchaForm {
margin:15px 5px 5px 0;
float:left;
width:65px;
}
form .wg-captchaImage {
float:left;
}
.formSubtext {
clear:both;
}