/* ################################################## */
/*  MADE BY: WWW.DIRECTBASING.COM                     */
/*  ALEX VAN DER VEGT                                 */
/* ################################################## */

/* ### GENERAL ### */
* { margin: 0px; padding: 0px; }
html, body { height: 100%; font-family: Sans-serif; font-size: 11px; color: #6c7784; }
input, select, textarea { font-family: Sans-serif; font-size: 11px; color: #6c7784; }
/* img.block { border: 0px; display: block; } */

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

#dhtmltooltip{
position: absolute;
width: 150px;
border: 2px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}


/* ### GLOBAL CLASSES ### */
.clear { clear: both; }

/* ### WRAPPER ### */
#wrapper { display: block; position: relative; width: 100%; min-height: 100%; }

/* ### MAIN CONTAINER ### */
#mainCntr { margin: 0 auto; padding-top: 40px; width: 1000px; }
#mainCntr .girl { background-image: url('../images/girl.png'); }
#mainCntr .boy { background-image: url('../images/boy.png'); }

	/* ### HEADER CONTAINER ### */
	#headerCntr { position: relative; width: 1000px; height: 179px; background: url('../images/headerBg.gif') 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-weight: bold; text-transform: uppercase; color: #fff; }
		#menuCntr li a span { display: block; float: left; height: 29px; cursor: pointer; }
		#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; }
		#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; text-transform: uppercase; 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: 87px; height: 26px; font-weight: bold; color: #fff; border: 0px; background: url('../images/bttn_login.jpg') no-repeat; }
		
		/* ### PROFIEL CONTAINER ### */
		#profielCntr { position: absolute; top: 40px; right: 20px; overflow: hidden; width: 514px; }
		#profielCntr h2 { display: none; }
		#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; }
		#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; color: #820053; background: no-repeat left; }
		#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 { margin-bottom: 3px; overflow: hidden; width: 210px; height: 446px; 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: 11px; 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: 87px; height: 26px; cursor: pointer; font-weight: bold; color: #af2c78; border: 0px; background: url('../images/bttn_login.jpg') no-repeat; }

	       /* ### LOGIN BOX ### */
			.loginBoxB { margin-bottom: 3px; width: 210px; height: 171px; no-repeat; }
			.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: #000000; }
			.loginBoxB input.field { margin-bottom: 7px; padding 2px 5px 0px 5px; width: 131px; height: 13px; border: 1px solid #9e1162; background: #fff; }
			.loginBoxB input.submit { float: right; width: 87px; height: 26px; cursor: pointer; font-weight: bold; color: #af2c78; border: 0px; background: url('../images/bttn_login.jpg') no-repeat; }
			
			/* ### 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: #000000; }
			.panel a { font-weight: bold; text-decoration: none; color: #000000; }
			.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.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; }

			/* ### 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 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; }
			
			/* ### 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 ### */
	#footerCntr { padding: 35px 5px 0px 10px; overflow: hidden; width: 985px; height: 29px; background: url('../images/footerBg.gif') no-repeat; }
	#footerCntr p { float: left; width: 500px; color: #fff; }
	#footerCntr p a { font-weight: bold; color: #fff; }
	#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: #fff; }
	#footerCntr li a { padding: 0px 5px 0px 5px; font-weight: bold; text-decoration: none; color: #fff; }
	#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;
}