/* ### GENERAL ### */
* { margin: 0px; padding: 0px; }
html, body { height: 100%; font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 9pt; color: #4F4F4F; background-color:#E9EFF7;  }
input, select, textarea { font-family: Sans-serif; font-size: 11px; color: #4F4F4F; }

/* img.block { border: 0px; display: block; } */
input.submit {width:auto; height:26px; color:#fff; padding:0 2px; background:url(../images/button.png) repeat-x 0 0; cursor:pointer; border:none; font-size:10px; font-family: Trebuchet MS, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; letter-spacing:1px; vertical-align:middle;margin-top:4px;}	

a:link, a:visited, a:active { color: #000000;font: 11px "Trebuchet MS", sans-serif;text-decoration: none; }
a:hover { text-decoration: underline; }


/* ### GLOBAL CLASSES ### */
.clear { clear: both; }
.flright { float:right; }
.flleft { float:left; }
td { padding:3px; }
.pad5 { padding:5px;width:200px;height:20px;display:block;background:#8ECAEB;margin-bottom:5px;text-align:center; }
.pad5 a { font-size:12px;font-weight:bold;color:#FFF; text-transform:uppercase;font-size:15px;font-weight:bold; }
img { border:0; }


/* ### DECORATION ### */
#birdy { background-image:url('../images/border.gif');background-repeat:no-repeat;width:1060px;height:527px;margin:0 auto;text-align:center;position:relative;left:0px; overflow:hidden;}

/* ### WRAPPER ### */
#wrapper { display: block; position: relative; width: 100%; min-height: 100%; z-index:9 ;margin-top:-527px;}

/* ### MAIN CONTAINER ### */
#mainCntr { margin: 0 auto; padding-top: 40px; width: 1000px; z-index:9 }
#mainCntr .girl { background-image: url('../images/girl.png'); }
#mainCntr .boy { background-image: url('../images/boy.png'); }
li.boy, li.girl { padding-bottom: 11px; text-indent: 25px; background: no-repeat left top; }


#mainCntr .girl img { border:1px dashed #E262C2; padding:0;margin-top:5px; }
#mainCntr .boy img { border:1px dashed #2575D0; padding:0;margin-top:5px; }
	/* ### HEADER CONTAINER ### */
	#headerCntr { position: relative; width: 1000px; height: 179px; background: url('../images/headerBg.png') no-repeat; }
	#headerCntr h1 { display: none; }
	
		/* ### MENU CONTAINER ### */
		#menuCntr { position: absolute; top: 147px; left: 10px; width: 950px; }
		#menuCntr ul { overflow: hidden; width: 950px; list-style: none; }
		#menuCntr li { float: left; display: inline; font-size: 12px; }
		#menuCntr li a { display: block; float: left; height: 29px; text-decoration: none; font-size:12px; font-variant: normal;color: #fff; }
		#menuCntr li img { display: block; padding-right:3px; float:left }
		#menuCntr li a span { display: block; float: left; height: 29px; cursor: pointer;color:#155F00; }
		#menuCntr li a span span { padding: 10px 20px 0px 20px; height: 19px; }
        #menuCntr li a:hover, #menuCntr li.selected a { background: url('../images/menuHBg.gif') repeat-x; }
		#menuCntr li a:hover span, #menuCntr li.selected a span { background: url('../images/menuHL.gif') no-repeat left;color:#FFF; }
		#menuCntr li a:hover span span, #menuCntr li.selected a span span { background: url('../images/menuHR.gif') no-repeat right; }		
		
		#menuCntr li a.link { display: block; float: left; height: 29px; text-decoration: none; font-weight: bold; color: #fff; }
		#menuCntr li a.link hover, #menuCntr li.selected a { background: url('../images/menuHBg.gif') repeat-x; }
		#menuCntr li a span { display: block; float: left; height: 29px; cursor: pointer; }
		#menuCntr li a span span { padding: 10px 20px 0px 20px; height: 19px; }


		/* ### ZOEK CONTAINER ### */
		#zoekCntr { position: absolute; top: 153px; right: 0px; width: 295px; }
		#zoekCntr fieldset { overflow: hidden; width: 295px; border: 0px; }
		#zoekCntr input.field { padding: 3px 5px 0px 15px; width: 111px; height: 13px; border: 0px; background: url('../images/field2Bg.gif') no-repeat; }
		#zoekCntr select { padding: 1px; width: 75px; height: 16px; border: 1px solid #ae2876; background: #fff; }
		#zoekCntr input.submit { width: 75px; height: 16px; font-weight: bold; color: #fff; border: 0px; background: url('../images/submit2Bg.gif') no-repeat; }
		

		/* ### PROFIEL CONTAINER ### */
		#profielCntr { position: absolute; top: 40px; right: 20px; width: 514px; }
		#profielCntr div#boy img { border:1px dashed #2575D0; }
		#profielCntr div#girl img { border:1px dashed #E262C2; }	
		#profielCntr h2 { float:right;margin-top:-37px;}
		#profielCntr div.profiel { float: left; overflow: hidden; width: 257px; }
		#profielCntr div.pic { float: left; width: 130px; }
		#profielCntr div.text { float: right; width: 127px; color: #820053; height:100px; overflow: hidden;   }
		#profielCntr p#boy { color:#002A52;padding:0;margin:0; line-height:110%;margin-top:-7px; }
		#profielCntr p#girl { color:#6F0036;padding:0;margin:0;font-size:11px; line-height:110% }				
		#profielCntr div.text img { display: inline;  }
		#profielCntr h3 { margin-bottom: 10px; padding-left: 25px; height: 20px; line-height: 20px; font-size: 12px; font-weight: bold; background: no-repeat left; }
		h3.boy {margin:0; line-height:normal;}
		#profielCntr a, a.visited { font-size: 12px; font-weight: bold; color: #820053; }
		#profielCntr p { line-height: 18px; }
	
	/* ### CONTENT CONTAINER ### */
	#contentCntr { padding: 0px 2px 0px 2px; overflow: hidden; width: 996px; background: #fff; }
	
		/* ### LEFT CONTAINER ### */
		#leftCntr { margin-right: 3px; float: left; display: inline; width: 210px; }
		
			/* ### TOP BOX ### */
			.topBox { overflow: hidden; width: 210px; height: 445px; background: url('../images/topBg.gif') no-repeat; }
			.topBox h3 { display: none; }
			.topBox ul { padding: 60px 0px 0px 75px; list-style: none; }
			.topBox li { padding-bottom: 5px; text-indent: 25px; background: no-repeat left top; }
			.topBox li img { padding-top: 4px; }
			.topBox li a { text-decoration: none; line-height: 20px; font-size: 12px; font-weight: bold; color: #820053; }
			.topBox li a:hover { text-decoration: underline; }
			.topBox a.button { margin: 0px 2px 2px 0px; float: right; display: block; width: 96px; height: 16px; text-indent: -9999px; background: url('../images/bekijk.gif') no-repeat; }
			
			/* ### LOGIN BOX ### */
			.loginBox { margin-bottom: 3px; width: 210px; height: 171px; background: url('../images/loginBg.gif') no-repeat; }
			.loginBox h3 { display: none; }
			.loginBox fieldset { padding: 60px 0px 0px 30px; overflow: hidden; width:143px; border: 0px; }
			.loginBox label { padding-bottom: 5px; display: block; font-weight: bold; color: #fff; }
			.loginBox input.field { margin-bottom: 7px; padding: 2px 5px 0px 5px; width: 131px; height: 13px; border: 1px solid #9e1162; background: #fff; }
			.loginBox input.submit { float: right; width: 72px; height: 18px; cursor: pointer; font-weight: bold; color: #af2c78; border: 0px; background: url('../images/submitBg.gif') no-repeat; }

	       /* ### LOGIN BOX ### */
			.loginBoxB { position:relative; font-size:10px; padding-left:220px; top: -29px; width: 210px; height: 171px; }
			.loginBoxB h3 { display: none; }
			.loginBoxB fieldset { padding: 45px 0px 0px 30px; overflow: hidden; width:225px; border: 0px; }
			.loginBoxB label { padding-bottom: 5px; display: block; font-weight: bold; color: #858585; font-size:90% }
			
	

			
			/* ### NIEUW BOX ### */
			.nieuwBox { margin-bottom: 3px; width: 210px; height: 171px; background: url('../images/nieuwBg.gif') no-repeat; }
			.nieuwBox h3 { display: none; }
			.nieuwBox ul { padding: 45px 0px 0px 44px; list-style: none; }
			.nieuwBox li { padding-bottom: 11px; text-indent: 25px; background: no-repeat left top; }
			.nieuwBox li img { padding-top: 4px; }
			.nieuwBox li a { text-decoration: none; line-height: 20px; font-size: 12px; font-weight: bold; color: #820053; }
			.nieuwBox li a:hover { text-decoration: underline; }
			
			/* ### Panel BOX ### */
			.panel { font-size: 11px; text-decoration: none; color:  #333;background:#f6f6f6;border:2px solid #c7c7c7;width:160px;padding:5px; }
			.panel a { font-weight: bold; text-decoration: none; color: #333; }
			.panel a:hover { text-decoration: underline; }
			
		/* ### CENTER CONTAINER ### */
		#centerCntr { float: left; width: 570px; }
		#centerCntr div.top { background: url('../images/blueTop.gif') no-repeat top; }
		#centerCntr div.top_red { background: url('../images/redTop.gif') no-repeat top; }
		#centerCntr div.bottom { padding: 10px 10px 10px 10px; overflow: hidden; width: 550px; background: url('../images/centerBottom.gif') no-repeat bottom; }
		#centerCntr h2 { margin-bottom: 18px; padding-left: 25px; font-size: 12px; font-weight: bold; color: #fff; }
		#centerCntr .top50 ul {width:225px;}
		#centerCntr .top50 ul li {list-style-type:none; clear:both;height:15px; width:225px;}

			/* ### COUNT BOX ### */
			.countBox { margin-bottom: 3px; overflow: hidden; width: 570px; background: url('../images/centerBg.gif') repeat-y; }
			.countBox h2 { background: url('../images/countH2.png') no-repeat -4px -5px; }
			.countBox h2.contest { background: url('../images/icons/medal_gold_2.png') no-repeat -1px 0px; }
			.countBox a.apanel { font-size: 12px; font-weight: bold; color: #fff; }
			.countBox a.apanel:visited { font-size: 12px; font-weight: bold; color: #fff; }
			

           /* ### CHAT BOX ### */
			.chatBox { margin-bottom: 3px; overflow: hidden; width: 991px; background: url('../images/centerBg.gif') repeat-y; }
			#centerCntr div.chatBox div.top { background-image: url('../images/pinkTop.gif'); }
			#centerCntr div.chatBox div.bottom { padding-bottom: 0px; }
			.chatBox h2 { background: url('../images/pollH2.png') no-repeat left; }
			.chatBox ul { overflow: hidden; width: 395px; list-style: none; }
			.chatBox li { margin-bottom: 5px; float: left; display: inline; width: 250px; }
			.chatBox li.poll { padding: 0px 0px 0px 3px; width: 166px; height: 20px; background: url('../images/pollBg.gif') no-repeat; }
			.chatBox li.per { width: 49px; text-align: right; font-weight: bold; color: #4e8ace; }
			.chatBox li a { text-decoration: none; color: #6c7784; }
			.chatBox li a:hover { text-decoration: underline; }
			.chatBox div.bar { position: relative; top: -5px; overflow: hidden; height: 20px; background: url('../images/pollBlue.gif') no-repeat right; }

			
			/* ### POLL BOX ### */
			.pollBox { margin-bottom: 3px; overflow: hidden; width: 570px; background: url('../images/centerBg.gif') repeat-y; }
			#centerCntr div.pollBox div.top { background-image: url('../images/pinkTop.gif'); }
			#centerCntr div.pollBox div.bottom { padding-bottom: 0px; }
			.pollBox h2 { background: url('../images/pollH2.png') no-repeat left; }
			.pollBox ul { overflow: hidden; width: 395px; list-style: none; }
			.pollBox li { margin-bottom: 5px; float: left; display: inline; width: 250px; }
			.pollBox li.poll { padding: 0px 0px 0px 3px; width: 166px; height: 20px; background: url('../images/pollBg.gif') no-repeat; }
			.pollBox li.per { width: 49px; text-align: right; font-weight: bold; color: #4e8ace; }
			.pollBox li a { text-decoration: none; color: #6c7784; }
			.pollBox li a:hover { text-decoration: underline; }
			.pollBox div.bar { position: relative; top: -5px; overflow: hidden; height: 20px; background: url('../images/pollBlue.gif') no-repeat right; }
			
			/* ### FORUM TOPIC BOX ### */
			.countBox table.contentMan { border:1px solid #2575d0;color:#002a52;margin-bottom:15px;background:#CFEDFF }
			.countBox table.contentMan .hr2 { background:transparent url(../images/blueTop.gif) no-repeat center top;color:#FFFFFF;font-weight:bold; }
			.countBox table.contentMan .hr2 a { color:#FFFFFF;font-weight:bold; }
			.countBox table.contentMan .box_quote { border:1px dashed #004B8F;padding:3px;background:#0F77BA;margin:3px;color:#FFFFFF; font-style:italic;font-weight:bold; }	
			
			.countBox table.contentVrouw { border:1px solid #e262c2;color:#4F0037;margin-bottom:15px;background:#FFDFF8 }
			.countBox table.contentVrouw .hr2 { background:transparent url(../images/pinkTop.gif) no-repeat center top;color:#FFFFFF;font-weight:bold; }		
			.countBox table.contentVrouw .hr2 a { color:#FFFFFF;font-weight:bold; }
			.countBox table.contentVrouw .box_quote { border:1px dashed #5F0049;padding:3px;background:#971077;margin:3px;color:#FFFFFF;font-style:italic;font-weight:bold; }				
			
			/* ### FORUM STYLING BOX ### */
			.countBox table.forum-index td { border-top:1px solid #83db46;padding:10px 6px 10px 6px }
			.countBox table td.head { margin:0;color:#2E6600;padding:4px;border-top:1px solid #83db46;border-top:1px solid #83db46;background:#b8f190 }
			
			/* ### TOPIC BOX ### */
			.topicBox { margin-bottom: 3px; overflow: hidden; width: 570px; background: url('../images/centerBg.gif') repeat-y; }
			.topicBox h2 { background: url('../images/topicsH2.png') no-repeat left; }
			.topicBox div.topic { float: left; width: 250px; text-align: right; }
			.topicBox div.right { float: right; }
			.topicBox h3 { padding-bottom: 5px; font-size: 12px; text-align: left; font-weight: bold; }
			.topicBox ul { padding-bottom: 5px; overflow: hidden; width: 290px; list-style: none; }
			.topicBox li { margin-bottom: 2px; padding: 0px 5px 0px 5px; float: left; display: inline; width: 60px; height: 22px; line-height: 22px; text-align: right; font-weight: bold; color: #c1498e; border: 1px solid #e5e5e5; border-left: 0px; background: #f1f1f1; }
			.topicBox li.first { width: 170px; text-align: left; font-weight: normal; border: 1px solid #e5e5e5; border-right: 0px; }
			.topicBox li a { text-decoration: none; font-weight: normal; color: #6c7784; }
			.topicBox li a:hover { text-decoration: underline; }
			.topicBox a { text-decoration: none; font-weight: bold; color: #0e508f; }
			.topicBox a span { text-decoration: underline; color: #ab2573; }
			.topicBox a:hover span { text-decoration: none; }
			
			/* ### MED BOX ### */
			.medBox { margin-bottom: 3px; overflow: hidden; width: 570px; text-align: right; background: url('../images/centerBg.gif') repeat-y; }
			#centerCntr div.medBox div.top { background-image: url('../images/pinkTop.gif'); }
			.medBox h2 { background: url('../images/medH2.png') no-repeat left; }
			.medBox h2 { text-align: left; }
			.medBox ul { padding-bottom: 5px; overflow: hidden; width: 570px; list-style: none; }
			.medBox li { margin-bottom: 2px; padding: 0px 5px 0px 5px; float: left; display: inline; width: 50px; height: 22px; line-height: 22px; text-align: right; font-weight: bold; color: #c1498e; border: 1px solid #e5e5e5; border-left: 0px; background: #f1f1f1; }
			.medBox li.first { width: 475px; text-align: left; font-weight: normal; border: 1px solid #e5e5e5; border-right: 0px; }
			.medBox li a { text-decoration: none; font-weight: normal; color: #6c7784; }
			.medBox li a:hover { text-decoration: underline; }
			.medBox a { text-decoration: none; font-weight: bold; color: #0e508f; }
			.medBox a span { text-decoration: underline; color: #ab2573; }
			.medBox a:hover span { text-decoration: none; }
			
			/* ### HANDIG BOX ### */
			.handigBox { margin-bottom: 3px; overflow: hidden; width: 570px; background: url('../images/centerBg.gif') repeat-y; }
			#centerCntr div.handigBox div.bottom { padding-bottom: 4px; }
			.handigBox h2 { background: url('../images/handigH2.png') no-repeat left; }
			.handigBox div.handig { margin-bottom: 6px; padding: 5px; float: left; overflow: hidden; width: 184px; border: 1px solid #e5e5e5; background: #f1f1f1; }
			.handigBox div.right { float: right; }
			.handigBox div.pic { float: left; width: 92px; }
			.handigBox div.text { float: right; overflow: hidden; width: 92px; }
			.handigBox p { padding-bottom: 4px; line-height: 16px; }
			.handigBox a { float: right; text-decoration: none; font-weight: bold; color: #0e508f; }
			.handigBox a span { text-decoration: underline; color: #ab2573; }
			.handigBox a:hover span { text-decoration: none; }

			
		/* ### RIGHT CONTAINER ### */
		#rightCntr { float: right; width: 210px; }
		
			/* ### SNEL BOX ### */
			.snelBox { margin-bottom: 3px; width: 210px; background: url('../images/smallBg.gif') repeat-y; }
			.snelBox div.top { background: url('../images/snelTop.gif') no-repeat top; }
			.snelBox div.bottom { padding: 50px 0px 10px 45px; background: url('../images/smallBottom.gif') no-repeat bottom; }
			.snelBox h3 { display: none; }
			.snelBox ul { list-style: none; }
			.snelBox li { padding-bottom: 11px; text-indent: 25px; background: no-repeat left top; }
			.snelBox li img { padding-top: 4px; }
			.snelBox li a { text-decoration: none; line-height: 20px; font-size: 12px; font-weight: bold; color: #820053; }
			.snelBox li a:hover { text-decoration: underline; }
			
			/* ### JARIG BOX ### */
			.jarigBox { margin-bottom: 3px; width: 210px; background: url('../images/jarigBg.png') repeat-y; }
			.jarigBox div.top { background: url('../images/jarigTop.png') no-repeat top; }
			.jarigBox div.bottom { padding: 50px 20px 10px 20px; background: url('../images/jarigBottom.png') no-repeat bottom; }
			.jarigBox h3 { display: none; }
			.jarigBox ul { list-style: none; }
			.jarigBox li { margin-bottom: 2px; padding-left: 25px; height: 22px; line-height: 20px; border-bottom: 1px solid #ca6ca3; background: no-repeat left top; }
			.jarigBox li a { font-weight: bold; text-decoration: none; color: #fff; }
			.jarigBox li a:hover { text-decoration: underline; }
			
			/* ### WIE BOX ### */
			.wieBox { margin-bottom: 3px; width: 210px; background: url('../images/smallBg.gif') repeat-y; }
			.wieBox div.top { background: url('../images/wieTop.gif') no-repeat top; }
			.wieBox div.bottom { padding: 50px 20px 0px 20px; background: url('../images/smallBottom.gif') no-repeat bottom; }
			.wieBox h3 { display: none; }
			.wieBox ul { list-style: none; }
			.wieBox li { padding-bottom: 15px; line-height: 16px; color: #0e508f; }
			.wieBox strong { display: block; }
			.wieBox a { text-decoration: none; font-weight: bold; color: #0e508f; }
			.wieBox a span { text-decoration: underline; color: #ab2573; }
			.wieBox a:hover span { text-decoration: none; }
	
	/* ### FOOTER CONTAINER ### */
	#footer {  width: 100%; overflow:hidden; height: 64px; background: url('../images/footer.gif') repeat-x; display:block }
	#footerCntr { padding: 12px 5px 0px 10px; overflow: hidden; width: 985px; height: 42px; background: url('../images/footerBg.gif') no-repeat; }
	#footerCntr p { float: left; width: 500px; color: #085C8F; }
	#footerCntr p a { font-weight: bold; color: #085C8F; }
	#footerCntr p a:hover { text-decoration: underline; }
	#footerCntr ul { float: right; overflow: hidden; width: 300px; list-style: none; }
	#footerCntr li { float: right; display: inline; color: #085C8F;padding-top:27px; }
	#footerCntr li a { padding: 20px 5px 0px 5px; font-weight: bold; text-decoration: none; color: #085C8F; }
	#footerCntr li a:hover { text-decoration: underline; }
	
.button {
	width: 100px;
	border: 1px solid #f0f0f0;
	font-weight: bold;
	height: 20px;
	padding-top: 8px;
	float: left;
	cursor: pointer;
	text-align: center;
	position: absolute;
	background: #f9f9f9;
	border-bottom: 0px;
}

#monthbutton {
	margin-left: 105px;
	height: 21px;
	background: #fff;
}

#allbutton {
	margin-left: 210px;
}

.line {
	width: 550px;
	height: 1px;
	background: #f0f0f0;
	clear: both;
	margin-top: 29px;
	*margin-top: 43px;
}

.box {
	padding: 10px;
}

.box a {
	font-size: 12px;
	display: block;
	font-weight: bold;
	margin-top: 5px;
}

.box h3 {
	margin-top: 20px;
	margin-bottom: 10px;
	color: #2096D6;
	width: 530px;
	border-bottom: 1px dotted #2096D6;
}