/* 
Website: Flinck Film
Author: CYBOX internet & communicatie, Boxmeer, www.cybox.nl
*/


body {
	background-color: #545454;
	background-image: url('../images/bg.jpg');
	background-repeat: no-repeat;
	background-position: 50% 0;
	font-family: arial;
	font-size: 11px;
	height: 100%;
}

h1 { color: #ff006d; }
h1 a { color: #ff006d; }
h1 a:hover { color: #fff; }
a { text-decoration: none; color: #ff006d;}
hr {
	clear: both;
	color: #ccc;
	background-color: #151515;
	height: 1px; width: 950px;
	border: 0; float: left;
	margin-left: 3px;
	border-top: 1px dotted #ccc;
}

#container {
	width: 974px;
	height: 100%;
	margin: 0 auto;
	color: #fff;
	height: 700px;
	position: relative;
}

#container #menu {
	position: absolute;
	top: 90px;
	left: 20px;
	font-size: 20px;
	text-transform: uppercase;
}
#container #submenu {
	position: absolute;
	top: 115px;
	left: 20px;
	font-size: 11px;
}
#container #menu span a, #container #submenu span a {
	color: #fff;
	text-decoration: none;
}
#container #menu span a:hover, #container #submenu span a:hover {
	color: #ee0066;
}
#container #menu span.mini, #container #submenu span.mini {
	font-size: 11px;
	padding-right: 5px;
}
#container #menu span .on, #container #submenu span .on {
	color: #ee0066;
}


/* content */

#container #content {
	width: 974px;
	position: absolute;
	top: 139px;
	min-height: 365px;
}

	
#container .light { background-color: #d3d3d3; color: #333; }
#container .dark { background-color: #151515; }

	/* afwisselende hoogtes bij enkele pags */
	/* update: hoogtes uit.
	.algemeencontent { 	height: 430px; }
	.productiescontent { height: 400px;  } 
	.productiescat { height: 380px;  }
	.tvcontent { height: 555px;  }
	.bedrijfprofielcontent { height: 530px;  }	
	.bedrijfprofielcontent-en { height: 560px;  }
	.bedrijfmensencontent { height: 405px;  }
	.bedrijfcontactcontent { height: 393px;  }*/
	
/* content adres */
.adres { 
	background-color: #a6a6a6;
	color: #333333;
	height: 30px;
	width: 974px;
	position: absolute; 
	bottom: -30px;
	left: 0;
	font-size: 10px;
	text-align: center;
}
.adres .adres-data { padding: 10px; }
.adres .social { position: absolute; right: 7px; top: 7px; }

#container #content .body { padding-top: 10px; padding-left: 10px; padding-top: 10px; margin-bottom: 10px; }
#container #content .body .text { margin-left: 10px; line-height: 13px; padding-right: 10px; }
#container #content .body .nieuwsitem .text { margin: 0; padding: 0; margin-top: 10px; line-height: 13px; padding-right: 10px; }

#container #content .body .nieuwsbericht {  }

/* algemeen nut */



/* home */

#container #content .body .home_foto { margin-right: 10px; margin-bottom: 10px; float: left }

/* nieuws */

#container #content .body .nieuwsitem { width: 320px; float: left; }

/* producties overzicht */

#container #content .body .videolisting_col { width: 315px; float: left; height: 314px; margin-left: 3px; margin-top: 7px; }
#container #content .body .videolisting { line-height: 13px; width: 312px; height: 80px; margin-bottom: 25px; }

/* producties overzicht 3 cats */
#container #content .body .videolisting_row { width: 950px; height: 90px; margin-top: 3px; border-bottom: 0px solid #fff; clear: both; padding-top: 1px; display: block; position: relative; }
#container #content .body .videolisting_row  .videolisting { margin-left: 3px; line-height: 13px; width: 297px; height: 70px; float: left; padding-right: 15px; }
#container #content .body .onderdeel { color: #EE0066; display: block; margin-bottom: 8px; margin-top: 3px; clear: left; }
#container #content .body .videonav_inrow { position: absolute; right: 0px; bottom: 0px; width: 60px; height: 10px; background-color: #ff000; }
#container #content .body .videonav_inrow .meer { width: 60px; height: 10px; float: right; }
#container #content .body .videonav_inrow .meer div {  z-index: 9999; text-align: right; background-image: url('../images/next.gif'); background-repeat: no-repeat; background-position: 43px 3px; }
#container #content .body .videonav_inrow .meer div a { display: block; width: 40px; height: 10px; padding-right: 15px; color: #fff; }
#container #content .body .videonav_inrow .meer div a:hover { color: #FF006D; }
/* #producties overzicht 3 cats */

#container #content .body .videopreview { float: left; margin-right: 10px; }
#container #content .body .videonav {	clear: left; width: 945px; border-top: 1px solid #666; height: 45px; position: absolute; bottom: 0px; }
#container #content .body .videonav .terug { width: 60px; height: 10px; float: left; position: absolute; right: 70px; bottom: 25px;}
#container #content .body .videonav .terug2 /* bij nieuwsartikel */ {right: 0px;}
#container #content .body .videonav .terug div { background-image: url('../images/back.gif'); background-repeat: no-repeat; background-position: 0px 3px; }
#container #content .body .videonav .terug div a { display: block; width: 40px; height: 10px; padding-left: 10px; color: #fff; }
#container #content .body .videonav .terug div a:hover { color: #FF006D; }
#container #content .body .videonav .verder { width: 60px; height: 10px; float: left; position: absolute; right: 0px; bottom: 25px;}
#container #content .body .videonav .verder div { text-align: right; background-image: url('../images/next.gif'); background-repeat: no-repeat; background-position: 43px 3px; }
#container #content .body .videonav .verder div a { display: block; width: 40px; height: 10px; padding-right: 15px; color: #fff; }
#container #content .body .videonav .verder div a:hover { color: #FF006D; }
.rubriek { font-size: 9px; text-transform: uppercase; color: #ccc; display: inline; }

/* video */

#container #content .body  #video { margin-left: 7px; margin-top: 7px; float: left; margin-right: 15px; }
#container #content .body  #slideshow { position: relative; margin-left: 7px; margin-top: 15px; float: left; margin-right: 15px; margin-bottom: 100px; width: 500px; height: 360px; overflow: hidden; }
#container #content .body  #slideshow img {  }
#container #content .body .videobody .text { padding-right: 20px; padding-top: 3px; margin-bottom: 30px; }
#container #content .body .videobody .text .credits { position: relative; float: left; width: 300px; border-top: 1px solid #767676; border-bottom: 1px solid #767676; padding-top: 15px; padding-bottom: 15px; margin-top: 15px; }
#container #content .body .videobody .text .credits a { display: block; color: #666; font-weight: bold; }
#container #content .body .videobody .text .credits a:hover { color: #FF006D; }
#container #content .body .videobody .text .credits .terug { width: 100px; height: 10px; float: left; position: absolute; left: 0px; bottom: -25px;}
#container #content .body .videobody .text .credits .terug div { background-image: url('../images/back.gif'); background-repeat: no-repeat; background-position: 0px 3px; }
#container #content .body .videobody .text .credits .terug div a { display: block; width: 90px; height: 10px; padding-left: 10px; color: #fff; }
#container #content .body .videobody .text .credits .terug div a:hover { color: #FF006D; }
/* video -> image rotator */

.nav { display: block; height: 20px; margin-bottom: 15px; margin-top: 7px; position: absolute; top: 3px; left: 20px; }
.nav a { background-color: #000; margin-right: 5px; font-size: 9px; color: #fff; padding-top: 3px; text-decoration: none; display: block; width: 20px; height: 15px; text-align: center; float: left; font-family: arial; }
.nav a:hover { background-color: #FF006D; }	
.nav a.activeSlide { background-color: #fff; color: #FF006D; }	

/* bedrijf > mensen */

#container #content .body .mensen { width: 315px; margin-left: 5px; float: left; margin-top: 4px; line-height: 20px; height: 450px; }
#container #content .body .mensen img { margin-bottom: 7px; display: block; color: #151515; }

/* bedrijf > profiel */

#container #content .body .bedrijf_foto { margin-right: 10px; margin-bottom: 275px; float: left }