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

html{
	height:100%;
	overflow-y:scroll;
}

body{
	margin:0; padding:0;
	background:url("/img/bg_gradiant.jpg") #dc1f1e repeat-x top center fixed;
	font-size:12px;
	height:100%;
	font-family:Arial, Helvetica, sans-serif;
	line-height:18px;
	color:#383838;
}

img{
	border:none;
}

a{
	color:#ff0000;
	text-decoration:none;
}

h1,h2,h3,h4,h5{
	margin:0; padding:0;
}

h1{font-size:18px;}
h2{font-size:16px;}
h3{font-size:14px;}
h4{font-size:12px;}
h5{font-size:10px;}

/* ALGEMEEN */

#wrapper{
	background:url("/img/background2.jpg") no-repeat top center fixed;	
	width:100%;
	min-height:100%;
	position: relative;
}

#container{
	margin:auto;
	width:978px;
}

#wendyvandijk{
	background:url("/img/xfactor_wendy.png");
}

#header_container{
	background:url("/img/homepage_header.png") no-repeat;
	height:304px;
	position:relative;
}

#logo_container{
	position:absolute;
	top:88px; left:24px;
}

#sitemap_container{
	position:absolute;
	top:22px; right:28px;
}

#middle_container{
	background:url("/img/content_bg.png") repeat-y;
	height:auto;
	padding:0 0 69px 22px;
	overflow: hidden;
}

#left_container{
	float:left;
	width:630px;
}

#right_container{
	float:left;
	width:315px;
}

/* SPOTLIGHTS */

.spot_container{
	width:300px;
	height:385px;
	float:left;
	margin:0 14px 15px 0;
	overflow:hidden;
}

/*.spot_header{
	background:url("/img/spot_header.png") no-repeat;
	height:40px;
}

.spot_header_black, #sidebar_header_black{
	background:url("/img/spot_header_black.png") no-repeat;
	height:40px;
}*/

.spot_header{
	background:url("/img/spot_header_black.png") no-repeat;
	height:40px;
}

.spot_header_black, #sidebar_header_black{
	background:url("/img/spot_header.png") no-repeat;
	height:40px;
}

.spot_header h1, .spot_header_black h1, #readon_header h1, #sidebar_header_black h1, #readon_header_breed h1 {
	color:#FFF;
	font-weight:normal;
	font-size:14px;
	line-height:38px;
	padding:0 0 0 10px;
}

.spot_middle{
	background:url("/img/spot_middle.png") repeat-y;
	height:307px;
	max-height:307px;
	overflow:hidden;
	position:relative;
}

.spot_image{
	background:#ddd;
	width:282px;
	height:165px;
	margin:9px;
}

.spot_content{
	padding:0 9px 9px 9px;
}

.blackberry{
	position:absolute;
	height:25px;
	bottom:3px;
	right:10px;
}

.spot_footer{
	background:url("/img/spot_footer.png") no-repeat;
	height:38px;
	line-height:36px;
	font-size:11px;
	padding:0 0 0 10px;
	position:relative;
}

.comments{
	width:30px;
	height:24px;
	position: absolute;
	top: 0;
	left: 70px;
}

.reacties{
	width:80px;
	height:24px;
	position: absolute;
	top: 0;
	left: 110px;
}

a.button, a.button_black{
	width:78px;
	height:24px;
	display:block;
	line-height:24px;
	text-align:center;
	color:#FFF;
}

/*a.button{
	background:url("/img/btn_bg.png") no-repeat;
}

	a.button:hover{
		background:url("/img/btn_blackbg.png") no-repeat;
	}
	
	a.button_black{
		background:url("/img/btn_blackbg.png") no-repeat;
	}
	
	a.button_black:hover{
		background:url("/img/btn_bg.png") no-repeat;
	}*/
	
a.button{
	background:url("/img/btn_blackbg.png") no-repeat;
}

	a.button:hover{
		background:url("/img/btn_bg.png") no-repeat;
	}
	
	a.button_black{
		background:url("/img/btn_bg.png") no-repeat;
	}
	
	a.button_black:hover{
		background:url("/img/btn_blackbg.png") no-repeat;
	}
	
	.spot_footer .button, .spot_footer .button_black{
		position:absolute;
		right:10px;
		top:7px;
	}

#advertentie_container{
	background:#FFF;
	border:1px #cccccc solid;
	width:292px;
	height:377px;
	padding:3px;
}

#banner_container{
	width:248px; /* Orgineel: 292px; */
	height:214px;	/* Orgineel: 376px; */
	background:url("/img/backgroundtvring.jpg") no-repeat;
	padding:162px 22px 0 22px;
}

#banner_container h1, #banner_container li a{
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
}

#banner_container h1{
	margin:0; padding:0;
	font-size:22px;
	line-height:40px;
	text-align:center;
}

#banner_container ul, #banner_container li{
	margin:0; padding:0;
	list-style-type:none;
}

#banner_container li a{
	background:url("/img/btn_red_up.png") no-repeat;
	width:251px;
	height:55px;
	display:block;
	font-size:15px;
	text-align:center;
	line-height:52px;
}

#banner_container li a:hover{
	background:url("/img/btn_red_down.png") no-repeat;
}

/* READON PAGINA */

#readon_container{
	width:615px;
	margin: 0 0 15px 0;
}

#readon_container_breed{
	width:930px;
	margin: 0 0 15px 0;
}

#readon_header{
	background:url("/img/readon_header.png") no-repeat;
	height:41px;
}

#readon_header_breed{
	background:url("/img/readon_header_breed.png") no-repeat;
	height:41px;
}

#readon_middle{
	background:#FFF;
	border:1px #cccccc solid;
	padding:10px;
	overflow:hidden;
}

form input[type="submit"] {
	background-color: #CCCCCC;
    border: 1px solid #333333;
    clear: both;
    color: #000000;
    float: none;
    text-transform: uppercase;
}

/* SIDEBAR NAV*/

#sidebar_container{
	width:300px;
}

#sidebar_middle{
	background:#FFF;
	border:1px #cccccc solid;
	padding:5px 0 0 0;
	overflow:hidden;
	margin:0 0 15px 0;
}

#sidebar_nav{
	padding:0 0 16px 0;
}

#sidebar_nav ul, #sidebar_nav li{
	list-style-type:none;
	margin:0; padding:0;
}

#sidebar_nav ul{
	padding:2px 0;
}

#sidebar_nav li{
	background:url("/img/sidebar_nav_bg.png") repeat-x bottom;
}

#sidebar_nav li a{
	display:block;
	height:27px;
	line-height:27px;
	text-decoration:none;
	font-size:12px;	
	color:#424242;
	padding:0 0 0 10px;
}

#sidebar_nav li a:hover{
	text-decoration:underline;
}

/* REACTIES */

#reacties_container{
	width:615px;
}

#reacties_container h1{
	padding:10px;
}

.reactie_container{
	background:#FFF;
	border:1px #cccccc solid;
	padding:10px;
	margin:0 0 15px 0;
	min-height: 100px;
}

.reactie_image{
	width:117px;
	height:117px;
	background:#dddddd;
	border:3px #424242 solid;
	float:left;
}

.reactie{
	float:left;
	padding:0 10px;
	width:450px;
}

.reactie ul, .reactie li{
	list-style-type:none;
	margin:0; padding:0;
}

.reactie_title{
	float:left;
}

.reactie_title h2{
	padding:0 0 5px 0;
	font-size:14px;
}

.reactie_name_date{
	float:right;
	font-size:11px;
	font-style:italic;
}

.reactie_content{
	clear:both;
}

#pagenumber_container{
	width:615px;
	margin:0 0 15px 0;
}

#pagenumbers{
	margin:0;
}

#pagenumbers a{
	color:#1d1d1d;
	text-decoration:none;
}

#pagenumbers a:hover{
	text-decoration:underline;
}

#pagenumbers ul, pagenumbers li{
	list-style-type:none;
	padding:0; margin:0;
}

#pagenumbers ul{
	text-align:center;
}

#pagenumbers li{
	display:inline;
	padding:0 4px;
}

/* HOOFD NAVIGATIE */

#nav_container{
	position:relative;
	background:url("/img/nav_bg.png") no-repeat;
	height:52px;
	width:933px;
	position:absolute;
	bottom:16px; left:21px;
	padding:0 2px;
}

#nav{

}

#nav ul, #nav li{
	list-style-type:none;
	margin:0; padding:0;
}

#nav ul{
	padding:2px 0;
}

#nav li{
	float:left;
}

#nav li a{
	display:block;
	height:48px;
	line-height:48px;
	text-decoration:none;
	font-size:14px;	
	color:#FFF;	
}

.nav_home_btn a, .nav_btn a{
	padding:0 16px;
}

.nav_home_btn{
	border-right:1px #575757 solid;
}

.nav_home_btn:hover{
	background:url("/img/nav_home.png") no-repeat;
	border-right:1px #df3f3f solid;
}

.nav_btn{
	border-right:1px #575757 solid;
	border-left:1px #2c2c2c solid;
}

.nav_btn:hover{
	background:url("/img/nav_hover.jpg") repeat-x;
	border-right:1px #df3f3f solid;
	border-left:1px #b90f0f solid;
}
/* END HOOFDNAVIGATIE */

/* FOOTER */

#footer_wrapper{
	background: #121212 url("/img/footer_bg.jpg") repeat-x;
	height:75px;
	width:100%;
	position:absolute; /*fixed*/
	bottom:0;
	z-index:100;
}

#footer_container{
	width:978px;
	margin:auto;
	position:relative;
}

#copyright_container{
	/*width:250px;*/
	padding:10px 0 0 22px;
	float:left;
	font-size:11px;
	color:#FFF;
}

/*FOTOGALERIJ*/

ul#fotoboek {
	list-style:none;
	width: 930px;
	float: left;
	clear: both;
	margin: 20px 0 0 0;
	padding: 0;
	}

ul#fotoboek li {
	display: inline;
	float: left;
	margin: 5px;
	}
	
#original-photo {
	width: 930px;
	text-align: center;
	clear: both;
	float: left;
	}

/* FOOTER NAVIGATIE */

#links_container{
	width:660px; /*470 /390*/
	float:right;
	padding:10px 0 0 40px;
	align:right;
}

#links_container ul, #links_container li{
	list-style-type:none;
	margin:0; padding:0;
}

#links_container li{
	float:left;
	margin: 0 10px 0 0;
}

	.rtl4{
		float:left;
		background:url("/img/rtl4_hover.png") no-repeat;
		height:53px;
		width:82px;
		display:block;
	}
	
	/*.rtl4:hover{
		background:url("/img/rtl4_hover.png") no-repeat;
	}*/
	
	.talentcompany{
		float:left;
		background:url("/img/talentcompany_hover.png") no-repeat;
		height:53px;
		width:82px;
		display:block;
	}
	
	/*.talentcompany:hover{
		background:url("/img/talentcompany_hover.png") no-repeat;
	}*/
	
	.doeeenwens{
		float:left;
		background:url("/img/doeeenwens_hover.png") no-repeat;
		height:53px;
		width:82px;
		display:block;
	}
	
	/*.doeeenwens:hover{
		background:url("/img/doeeenwens_hover.png") no-repeat;
	}*/
	
	.semmy{
		float:left;
		background:url("/img/semmy_hover.png") no-repeat;
		height:53px;
		width:82px;
		display:block;
	}
	
	/*.semmy:hover{
		background:url("/img/semmy_hover.png") no-repeat;
	}*/
	
	.facebook-ushi {
		float:left;
		background:url("/img/facebook_ushi_hover.png") no-repeat;
		height:53px;
		width:82px;
		display:block;
	}
	
	.facebook-leenders {
		float:left;
		background:url("/img/facebook_leenders_hover.png") no-repeat;
		height:53px;
		width:82px;
		display:block;
	}
	
	.facebook-wendy {
		float:left;
		background:url("/img/facebook_wendy_hover.png") no-repeat;
		height:53px;
		width:82px;
		display:block;
	}
	
	/*.facebook-ushi:hover { 
		background:url("/img/facebook_ushi_hover.png") no-repeat; 
	}*/

/*FORMULIER*/

fieldset { border: none; }
.formRow { float: left; clear:both; margin:15px 0 0 0; width:590px; }
.formRow label { width:200px; float:left; }
.formRow input[type=text], .formRow textarea { width:300px; float:left; }
label.formRequired { color: #f00; }

/* HULPZAAM */

.breaker{
	clear:both;
}	

span.none {
	position:absolute;
	left: -9999px;
	}
	
/*GASTENBOEK*/

.formRowSmall {
	width: 275px;
	float: left;
	margin: 0 0 5px 0;
	}

.formRowSmall label {
	width: 275px;
	float: left;
	}
	
.formError {
	color: #f00;
	padding: 0 5px;
	}
	
/*button.btn-submit {
	border: solid 1px #ccc;
	background-color: #fff;
	}*/

button.btn-submit {
	background-color: #CCCCCC;
    border: 1px solid #333333;
    clear: both;
    color: #000000;
    float: none;
    text-transform: uppercase;
}
	
.reply {
	padding: 10px 25px;
	font-style: italic;
	color: #666;
	}
	
/*BLACKBERRY*/

ul#blackberrylist {
	margin: 0;
	padding: 0;
	list-style: none;
	}
	
ul#blackberrylist li {
	float: left;
	width: 590px;
	clear:both;
	margin: 10px 0;
	padding: 0 0 15px 0;
	background: url("/img/sidebar_nav_bg.png") repeat-x scroll center bottom transparent
	}
	
a.blackberrypic {
	width: 155px;
	float: left;
	}
	
.blackberryintrotext {
	width:430px;
	float: left;
	}
	
.blackberryintrotext h2 a { color:#383838; font-size: 12px; }

#loginForm label, #aanmeldForm label {
	width: 100px;
	float: left;
}

#wachtwoord_vergeten label, #aanmeldForm label {
	width: 100px;
	float: left;
}

/*FILPMJES en MEDIA*/

.galleryHolder { width:900px; overflow:auto; clear:both; margin: 0 0 15px 0; }

#filmpjes, .filmpjes, .fotoListHolder { list-style:none; margin:0; padding:0; }
.fotoListHolder li {display:inline; float:left; margin: 5px;}
#filmpjes li, .filmpjes li { display:inline; float:left; width:160px; height:98px; margin:0; position:relative; }
#filmpjes li img, .filmpjes li img { position:absolute; left:0; top:0; z-index:25;}
#filmpjes li a.overlay-image, .filmpjes li a.overlay-image { position:absolute; width:160px; height:98px; display:block; left:0; top:0; z-index:50; background: url(/img/icon-play.png) no-repeat; }

#pollWrapper { margin: 10px; }


/*REACTIES*/

h2.head-reacties { font-size:11px; padding:0; font-style:normal; width:595px; display:inline; color:#ff0000 }
.head-reacties { clear:both; font-size:11px; padding:0; margin:0; font-style:normal; width:595px; height:38px; color:#ff0000; }
.login-reacties { float:left;  border: 1px solid #ff0000; height:20px; padding:8px 10px 8px 10px; margin:0 0 0 10px; text-align:center; width:464px;}

#reacties {width:615px;}

#reacties ul, .gastenboek-reacties ul { margin:0; padding:5px 0 1px 0; }
#reacties ul li, .gastenboek-reacties ul li { list-style:none; background: none repeat scroll 0 0 #FFF; border: 1px solid #ff0000; overflow: hidden; padding: 10px; margin:5px 0 10px 0; width:571px; }

#reacties ul li .reactie-pic, #gastenboek-reacties ul .reactie-pic { width: 133px; float:left; }
#reacties ul li .reactie-pic img, #gastenboek-reacties ul li .reactie-pic img { width: 116px; height:116px; border: solid 3px #424242; }
#reacties ul li .reactie-text { width: 430px; float:left; }
#gastenboek-reacties ul li .reactie-text { width: 430px; float:left; }
#reacties ul li .reactie-text .reactie-naam, #gastenboek-reacties ul li .reactie-text .reactie-naam { float:leftt; font-size:11px; font-style:normal; }

#reacties ul li form textarea, #gastenboek-reacties ul li form textarea { clear:both; float:none; width:500px; margin:0 0 10px 0; }
#reacties ul li form input[type=submit], #gastenboek-reacties ul li form input[type=submit] { clear:both; float:none; border:solid 1px #333; background-color:#ccc; color:#000; text-transform:uppercase; }

/* FILEBROWSER */

#file_browse_wrapper {
	width: 93px;
	height: 20px;
	margin-right: 5px;
	background: url('/img/browse.png') 0 0 no-repeat;
	float:left;
	border:none;
	overflow:hidden;
}

/*#file_browse_wrapper:hover {
	background: url('file_browse_hover.png') 0 0 no-repeat;
}

#file_browse_wrapper:active {
	background: url('file_browse_pressed.png') 0 0 no-repeat;
}*/

#file_browse{
	margin-left:-145px;
	opacity:0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
}