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



/*************/
/*** 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, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{ margin:0px; padding:0px;}



/************/
/*** body ***/
/************/
html { height:100%;}
body { background:#bb0f47 url(../images/bg.png) repeat-x top; height:100%; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFF;}

ul { list-style:none;}
img { border:0px;}
.clear { clear:both;}



/***************/
/*** wrapper ***/
/***************/
#container { position:relative; width:100%; min-height:100%; height:auto !important; height:100%;}
#wrapper { width:878px; margin:0 auto;}



/**************/
/*** header ***/
/**************/
#header { position:relative; float:left; background:url(../images/header_bg.png) no-repeat; width:878px; height:259px;}

	/*** logo ***/
	#header h1 { position:absolute; left:-8px; top:54px; background:url(../images/logo.png) no-repeat; width:278px; height:109px; text-indent:-100000px; overflow:hidden;}
	#header h2 { position:absolute; right:15px; bottom:3px; font-size:22px;}
	#header h2 i { color:#fabc00;}
	
	/*** talenMenu ***/
	ul.talenMenu { position:absolute; left:2px; top:9px;}
	ul.talenMenu li { float:left; margin:0px 12px 0px 0px;}
	
	/*** banner ***/
	#header a.bookmark { position:absolute; left:26px; top:169px; background:url(../images/header_bookmark_bg.png) no-repeat; width:231px; height:59px; text-indent:-100000px; overflow:hidden;}



/***************/
/*** content ***/
/***************/
#content { float:left; width:878px; padding:0px 0px 230px 0px;}

	/*** tags ***/
	#content a:hover { color:#fabc00;}
	.rij { float:left; width:878px;}
	.links { float:left; width:245px;}
	

	/*** contentBoxMedium ***/
	.contentBoxMedium { float:left; background:#d23a6c url(../images/contentBox_bg.png) repeat-x top; width:609px; margin:14px 0px 0px 0px; padding:0px 4px 5px 4px; display:inline;}
	
		/*** titel ***/
		.contentBoxMedium h3 { display:block; width:599px; height:29px; font-size:21px; padding:2px 0px 0px 10px;}
		.contentBoxMedium h3 i { color:#fabc00;}
		
		/*** wrapper ***/
		.contentBoxMedium .wrapper { background:#e3477b; width:609px;}
		
			/*** filmLijst ***/
			ul.filmLijst { float:left; width:294px; padding:5px 0px 5px 10px;}
			ul.filmLijst li { float:left; background:url(../images/contentBox_bullit.png) no-repeat 0px 6px; width:279px; padding:0px 0px 0px 15px; line-height:20px; display:inline;}
			ul.filmLijst li a { color:#FFF; text-decoration:none;}
			
		/*** webcams ***/
		.contentBoxMedium .webcams { background:#e3477b; width:601px; padding:6px 0px 4px 8px;}
		
			/*** webcam ***/
			.webcam { float:left; background:#efe7ec; width:113px; height:143px; margin:3px 0px 0px 3px; border:1px solid #6f3b4c; color:#7d1145; text-align:center; display:inline;}
			
				/*** tags ***/
				.webcam strong { display:block; padding:4px 0px 4px 0px; font-size:13px;}
				.webcam img { display:block; border:1px solid #6f3b4c; margin:0 auto;}
				.webcam span { display:block; padding:0px 0px 5px 0px; font-weight:bold; font-size:10px;}
				.webcam a { display:block; color:#d3afc1;}
				.webcam a span { color:#7d1145; font-size:14px; font-weight:normal;}
				
					/*** hover ***/
					#content .webcam a:hover { color:#d3afc1; text-decoration:none;}


	/*** contentBoxSmall ***/
	.contentBoxSmall { float:left; background:#d23a6c url(../images/contentBox_bg.png) repeat-x top; width:237px; margin:14px 0px 0px 0px; padding:0px 4px 5px 4px; display:inline;}
	
		/*** titel ***/
		.contentBoxSmall h3 { display:block; width:227px; height:29px; font-size:21px; padding:2px 0px 0px 10px;}
		.contentBoxSmall h3 i { color:#fabc00;}
		
		/*** wrapper ***/
		.contentBoxSmall .wrapper { background:#e3477b; width:237px; overflow:hidden;}
		
			/*** tekst ***/
			.contentBoxSmall p { padding:5px 15px 5px 15px; line-height:20px;}
			
			/*** menuBar ***/
			ul.menuBar { float:left; width:294px; padding:5px 0px 5px 10px;}
			ul.menuBar li { float:left; width:294px; padding:0px 0px 0px 0px; line-height:20px; display:inline;}
			ul.menuBar li a { color:#FFF; text-decoration:none;}
	
	
	/*** contentBoxBreed ***/
	.contentBoxBreed { float:left; background:#d23a6c url(../images/contentBox_bg.png) repeat-x top; width:870px; margin:14px 0px 0px 0px; padding:0px 4px 5px 4px; display:inline;}
	
		/*** titel ***/
		.contentBoxBreed h3 { display:block; width:860px; height:29px; font-size:21px; padding:2px 0px 0px 10px;}
		.contentBoxBreed h3 i { color:#fabc00;}
		
		/*** wrapper ***/
		.contentBoxBreed .wrapper { background:#e3477b; width:870px;}
		
		/*** webcams ***/
		.contentBoxBreed .webcams { background:#e3477b; width:862px; padding:6px 0px 4px 8px;}
		
	/*** right ***/
	.right { float:right;}	



/**************/
/*** footer ***/
/**************/
#footer { position:absolute; left:0px; bottom:0px; background:url(../images/footer_bg.png) repeat-x; width:100%; height:180px; border-top:1px solid #e2618b;}
.footerWrapper { width:1100px; margin:0 auto; padding:0px 0px 0px 30px;}

	/*** partnerLijst ***/
	ul.partnerLijst { float:left; width:107px; margin:20px 30px 0px 0px; display:inline;}
	ul.partnerLijst li { line-height:20px;}
	ul.partnerLijst li a { color:#FFF; text-decoration:none;}
	ul.partnerLijst li a:hover { color:#fabc00;}