/* SPRITEBAKER.COM */
/* ### GENERAL ### */
* { margin: 0px; padding: 0px; }
html, body { height: 100%; font-family: Tahoma,Verdana,Geneva,sans-serif;
; font-size: 11px; color: #333; }
input, select, textarea { font-family: Tahoma,Verdana,Geneva,sans-serif; font-size: 11px; color: #333; }
body { height: 100%; background: #fff; }
img { border: 0px; display: block; }

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

/* ### WRAPPER ### */
#wrapper { display: block; position: relative; width: 100%; min-height: 100%; }
.home { background: url('../images/homeBg.png') repeat-x; }
.uitleg { background: url('../images/uitlegBg.png') repeat-x; }

/* ### MAIN CONTAINER ### */
#mainCntr { margin: 0 auto; padding-bottom: 134px; width: 970px; }

	/* ### HEADER CONTAINER ### */
	#headerCntr { margin: 0px 4px 0px 4px; position: relative; width: 962px; height: 109px; }
	#headerCntr h1 { position: absolute; top: 33px; left: 0px; }
	#headerCntr h1 a { display: block; width: 300px; height: 54px; text-indent: -9999px; background: url('../images/logo.png') no-repeat; }
	
		/* ### MENU CONTAINER ### */
		#menuCntr { position: absolute; top: 72px; left: 0px; width: 962px; }
		#menuCntr ul { overflow: hidden; width: 962px; list-style: none; }
		#menuCntr li { margin-left: 1px; float: right; display: inline; }
		#menuCntr li a { display: block; float: left; height: 33px; text-indent: -9999px; }

		#menuCntr li.home a { width: 72px; background: url('../images/home.gif') no-repeat bottom; }
		#menuCntr li.home a:hover, #menuCntr li.home a.selected { background: url('../images/homeH.gif') no-repeat bottom; }
		#menuCntr li.uitleg a { width: 70px; background: url('../images/uitleg.gif') no-repeat bottom; }
		#menuCntr li.uitleg a:hover, #menuCntr li.uitleg a.selected { background: url('../images/uitlegH.gif') no-repeat bottom; }
		#menuCntr li.aanmelden a { width: 113px; background: url('../images/aanmelden.gif') no-repeat bottom; }
		#menuCntr li.aanmelden a:hover, #menuCntr li.aanmelden a.selected { background: url('../images/aanmeldenH.gif') no-repeat bottom; }
		#menuCntr li.overzicht a { width: 98px; background: url('../images/overzicht.gif') no-repeat bottom; }
		#menuCntr li.overzicht a:hover, #menuCntr li.overzicht a.selected { background: url('../images/overzichtH.gif') no-repeat bottom; }
		#menuCntr li.blog a { width: 61px; background: url('../images/blog.gif') no-repeat bottom; }
		#menuCntr li.blog a:hover, #menuCntr li.blog a.selected { background: url('../images/blogH.gif') no-repeat bottom; }
		
		/* ### USER CONTAINER ### */
		#userCntr { position: absolute; top: 0px; right: 0px; height: 29px; background: url('../images/userBg.gif') repeat-x; }
		#userCntr strong { padding-left: 22px; display: block; float: left; height: 29px; line-height: 29px; color: #666; background: url('../images/userL.gif') no-repeat left; }
		#userCntr ul { padding-right: 14px; float: left; height: 29px; list-style: none; background: url('../images/userR.gif') no-repeat right; }
		#userCntr li { float: left; display: inline; line-height: 29px; color: #319eee; }
		#userCntr li a { padding: 0px 5px 0px 5px; color: #319eee; }
		#userCntr li a:hover { color: #e58d0a; }

/* ### FOOTER CONTAINER ### */
#footerCntr { position: absolute; bottom: 0px; left: 0px; padding-top: 22px; width: 100%; height: 94px; background: url('../images/footerBg.gif') repeat-x; }
#footerCntr div.content { margin: 0 auto; padding-top: 14px; overflow: hidden; width: 962px; height: 79px; font-size: 12px; color: #fff; border-top: 1px solid #3c3c3c; }
#footerCntr ul { float: left; overflow: hidden; width: 500px; list-style: none; }
#footerCntr li { margin-right: 20px; float: left; display: inline; }
#footerCntr li a { padding-left: 18px; text-decoration: none; color: #fff; background: no-repeat left; }
#footerCntr li a:hover { text-decoration: underline; color: #319eee; }
#footerCntr p { margin-top: 0; float: right; width: 300px; height: 19px; line-height: 19px; background: url('../images/logo.gif') no-repeat right; }

#footerCntr li.vragen a { background-image: url('../images/vragen.gif'); }
#footerCntr li.contact a { background-image: url('../images/contact.gif'); }
#footerCntr li.overons a { background-image: url('../images/overons.gif'); }
#footerCntr li.privacy a { background-image: url('../images/privacy.gif'); }
#footerCntr li.voorwaarden a { background-image: url('../images/voorwaarden.gif'); }


/* ### GLOBAL : SUBPAGES ### */

	/* ### TEXT BOX ### */
	.textBox { padding-bottom: 15px; overflow: hidden; width: 629px; font-size: 12px; }
	.textBox h1 { margin-bottom: 10px; padding-bottom: 10px; font-size: 18px; font-weight: bold; border-bottom: 1px solid #a5a5a5; }
	.textBox h2 { margin-bottom: 10px; padding-bottom: 5px; font-size: 14px; font-weight: bold; border-bottom: 1px dotted #a5a5a5; }
	.textBox p { text-align:justify; padding-bottom: 11px; line-height: 18px; }
	.textBox ul { padding-bottom: 11px; line-height: 18px; }
	.textBox li {padding-bottom:3px;}
	.textBox p.blue, .textBox div.blue { margin-bottom: 10px; padding: 10px; font-family: Georgia,Times,"Times New Roman",serif; font-size: 13px; border: 1px solid #b7daff; background: #ddf4ff; }
	.textBox a { color: #319eee; }
	.textBox a:hover { color: #e58d0a; } 
	.textBox a:visited { color:#bb33a0;}
	.textBox img.rechts{ float:right; margin:3px; padding: 5px; border: 1px solid #dedede; background: #fff; }
	.textBox ul, .textBox ol { padding-left:22px;}
		/* ### SCREENSHOT / AFBEELDING ### */
		.textBox ul.screens { padding-bottom: 10px; overflow: hidden; width: 629px; list-style: none; }
		.textBox ul.screens li { margin-right: 25px; float: left; display: inline; text-align: center; }
		.textBox ul.screens li.last { margin-right: 0px; }
		.textBox ul.screens li img { padding: 5px; border: 1px solid #dedede; background: #fff; }
		.textBox ul.screens li a { padding-left: 20px; line-height: 22px; font-weight: bold; color: #319eee; background: url('../images/view.gif') no-repeat left; }
		.textBox ul.screens li a:hover { color: #e58d0a; }
		
	/* ### MELD CONTAINER ### */
	#meldCntr { margin-left: 5px; position: relative; overflow: hidden; width: 960px; background: url('../images/meldBg.gif') repeat-y; }
	#meldCntr div.mBottom { padding: 18px; overflow: hidden; width: 924px; background: url('../images/meldBottom.gif') no-repeat bottom; }
	#meldCntr p.succes, p.succes { margin-bottom: 6px; padding: 10px 15px 10px 50px; font-size: 14px; font-weight: bold; border: 1px solid #f6eba9; background: url('../images/success.gif') #fffad7 no-repeat 10px center; }
	#meldCntr p.failed, p.failed { margin-bottom: 6px; padding: 10px 15px 10px 50px; font-size: 14px; font-weight: bold; border: 1px solid #ebb8b5; background: url('../images/failed.gif') #f7dbdb no-repeat 10px center; }
	#meldCntr .textBox { width:920px;}
	
	/* ### QUOTE CONTAINER ### */
	#quoteCntr { margin: 0px 4px 0px 14px; position: relative; overflow: hidden; width: 940px; background: url('../images/quoteBg.gif') repeat-y; }
	#quoteCntr div.top { background: url('../images/quoteTop.gif') no-repeat top; }
	#quoteCntr div.bottom { padding: 20px 20px 55px 20px; background: url('../images/quoteBottom.gif') no-repeat bottom; }
	#quoteCntr div.quote { padding-bottom: 20px; background: url('../images/quote1.gif') no-repeat left top; }
	#quoteCntr blockquote { text-indent: 30px; font: italic 13px/18px Georgia,Times,"Times New Roman",serif;
; background: url('../images/quote2.gif') no-repeat right bottom; }	#quoteCntr h4 { font-size: 12px; font-weight: bold; text-align: right; }
	#quoteCntr a { position: absolute; bottom: 8px; right: 0px; color: #319eee; }
	#quoteCntr a:hover { color: #e58d0a; }

	
		
/* meldingen */			
	div.alert,p.alert,div.error,p.error{
		display:block;
		margin-bottom:13px;
		margin-top:7px;
		background-color:#FFF3A3;
		border:1px solid #E7C900;
		color:#333333;
		padding:6px;
	}
	p.error,div.error{
		background-color:#FAEFE5;
		border:1px solid #E5997F;
		color:#CC3300;
	}

strong.website { margin-bottom: 10px; padding-bottom: 5px; font-size: 14px; font-weight: bold; border-bottom: 1px dotted #a5a5a5; display: block; }

.footer-social {
	margin-top: 25px;
	padding-top: 10px;
	border-top: 1px solid #3C3C3C;
}

.fb-like { vertical-align: top; margin-right: 10px; }