/* colors
----------------------------------------------- 
rood: e74155
lichtblauw: f2fafc -> achtergrond
donkerblauw: 003399 -> tekst
donkergrijs: 333
blauw: cee4ef -> kader
*/


html,body
{
margin:				0;
padding:			0;
height:				100%;
}

#container {
	min-height: 100%;
	position: relative;
}
#header {
	padding-top: 19px;
	background: #f2fafc url(/media/bg_header.gif) no-repeat bottom center;
	margin-bottom: 9px;
}
#body {
	padding-bottom: 80px;	/* Height of the footer */
}
#footer {
	background: #f2fafc url(/media/bg_footer.gif) no-repeat top center;
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 50px;			/* Height of the footer */
	padding-top: 10px;
}

#grid {
	margin-left: auto;
	margin-right: auto;
	width: 990px;
}

#logo {
	display: block;
	float: right;
}


/* Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_1_margin,
.grid_2_margin,
.grid_3_margin,
.grid_4_margin,
.grid_5_margin,
.grid_6_margin,
.grid_margin,
.grid_half {
	/*display: inline;*/
	float: left;
	margin-left: 0;
	margin-right: 0;
	background-repeat: no-repeat;
}
div.grid_margin {
	height: 1px;
}
div.bottom {
	margin-bottom: 20px;
}
div.bottom10 {
	margin-bottom: 10px;
}
.bottom1 {
	margin-bottom: 1px;
}


/* Grid >> Columns
----------------------------------------------------------------------------------------------------*/

#grid .grid_margin { width: 15px;
}
#grid .grid_1 { width: 160px;
}
#grid .grid_1_margin { width: 175px;
}
#grid .grid_2 {
width: 320px;
}
#grid .grid_2_margin {
width: 335px;
}
#grid .grid_3 {
width: 480px;
}
#grid .grid_3_margin {
width: 495px;
}
#grid .grid_4 {
width: 640px;
}
#grid .grid_4_margin {
width: 655px;
}
#grid .grid_5 {
width: 800px;
}
#grid .grid_5_margin {
width: 815px;
}
#grid .grid_6 {
width: 960px;
}

#grid .grid_6_margin {
width: 990px;
}

#grid .grid_half {
width: 80px;
}


/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}


/* Quicksearch
----------------------------------------------- */

form.searchbar fieldset {
	border: none;
	padding: 0;
	background: none;
	margin: 0;
}
form.searchbar input.text_96px,
form.searchbar input.text_111px,
form.searchbar input.text_162px {
	border: none;
	padding: 3px 6px;
	color: #9e9e9e;
	height: 14px;
	display: block;
	float: left;
	margin-right: 5px;
}
form.searchbar input.text_96px {
	background: transparent url(/media/searchbar_text_96px.gif) no-repeat top left;
	width: 84px;
}
form.searchbar input.text_111px {
	background: transparent url(/media/searchbar_text_111px.gif) no-repeat top left;
	width: 99px;
}
form.searchbar input.text_162px {
	background: transparent url(/media/searchbar_text_162px.gif) no-repeat top left;
	width: 150px;
}
form.searchbar input.button {
	border: none;
	background: transparent url(/media/searchbar_button.gif) no-repeat top left;
	width: 22px;
	height: 22px;
	display: block;
	float: left;
}




/* Custom
----------------------------------------------- */

div.elementsleft {

}
div.elementsright {

}
div.elementsbottom {

}

div.box,
div.box_blue,
div.box_blue_dark,
div.box_blue_light {
	padding: 0 20px 10px 20px;
}
div.grid_1_margin div.box,
div.grid_2_margin div.box,
div.grid_3_margin div.box,
div.grid_4_margin div.box,
div.grid_5_margin div.box,
div.grid_6_margin div.box,
div.grid_1_margin div.box_blue,
div.grid_2_margin div.box_blue,
div.grid_3_margin div.box_blue,
div.grid_4_margin div.box_blue,
div.grid_5_margin div.box_blue,
div.grid_6_margin div.box_blue,
div.grid_1_margin div.box_blue_dark,
div.grid_2_margin div.box_blue_dark,
div.grid_3_margin div.box_blue_dark,
div.grid_4_margin div.box_blue_dark,
div.grid_5_margin div.box_blue_dark,
div.grid_6_margin div.box_blue_dark,
div.grid_1_margin div.box_blue_light,
div.grid_2_margin div.box_blue_light,
div.grid_3_margin div.box_blue_light,
div.grid_4_margin div.box_blue_light,
div.grid_5_margin div.box_blue_light,
div.grid_6_margin div.box_blue_light {
	padding: 0 10px 10px 14px;
}

div.block p.chapeau {
	margin-bottom: 3px;
	color: #003399;
	font-size: 9px;
}
#grid div.left div.box_blue,
#grid div.left div.box_blue_dark,
#grid div.left div.box_blue_light {
	background: #f2fafc url(/media/bg_marginleft.gif) repeat-y top left;
}
#grid div.right div.box_blue,
#grid div.right div.box_blue_dark,
#grid div.right div.box_blue_light {
	background: #f2fafc url(/media/bg_marginright.gif) repeat-y top right;
}

#grid div.box_blue,
#grid div.box_blue_dark,
#grid div.box_blue_light {
	padding: 10px 10px 5px 10px;
	overflow: hidden;
	border: 1px solid #cee4ef;
	background-color: #f2fafc;
	font-size: 11px;
	line-height: 16px;
}
#grid div.logo {
	height: 160px;
}
#grid div.photo {
	padding: 0;
}
#grid div.photo,
#grid div.photo_text {
	background-repeat: no-repeat;
	background-position: top left;
}
#grid div.clickable:hover {
	cursor: pointer;
}
#grid div.photo_text {
	/*height: 137px;*/
	/*padding: 20px 20px 0 0;*/
}
#grid div.photo_text div.box_blue {
	border-width: 0;
}
#grid div.photo_text div.box_blue,
#grid div.photo div.box_blue,
#grid div.photo_text div.box_blue_dark,
#grid div.photo div.box_blue_dark,
#grid div.photo_text div.box_blue_light,
#grid div.photo div.box_blue_light {
	padding: 10px 10px 5px 10px;
	height: 133px;
	background-repeat: no-repeat;
	background: transparent url(/media/bg_box_blue.png);
}
#grid div.logo div.box_blue,
#grid div.logo div.box_blue_dark,
#grid div.logo div.box_blue_light {
	padding: 0;
}
#grid div.photo_text div.box_blue,
#grid div.photo_text div.box_blue_dark,
#grid div.photo_text div.box_blue_light {
	margin-top: 50px;
}


#grid div.left div.box_blue,
#grid div.left div.box_blue_dark,
#grid div.left div.box_blue_light {
	padding-left: 25px;
}
#grid div.right div.box_blue,
#grid div.right div.box_blue_dark,
#grid div.right div.box_blue_light {
	padding-right: 25px;
}


#grid div.grid_1_margin div.left div.photo_text {
	width: 107px; /* 175 */
	padding: 53px 0 0 68px;
}
#grid div.grid_1 div.left div.photo_text {
	width: 107px; /* 160 */
	padding: 53px 0 0 53px;
}
#grid div.grid_1 div.center div.photo_text {
	width: 160px; /* 160 */
	padding: 53px 0 0 0;
}
#grid div.grid_1_margin div.right div.photo_text {
	width: 107px; /* 175 */
	padding: 53px 68px 0 0;
}
#grid div.grid_1 div.right div.photo {
	width: 107px; /* 160 */
	padding: 53px 53px 0 0;
}


#grid div.grid_2_margin div.left div.photo_text {
	width: 160px; /* 335 */
	padding: 53px 0 0 175px;
}
#grid div.grid_2 div.left div.photo_text {
	width: 160px; /* 320 */
	padding: 53px 0 0 160px;
}
#grid div.grid_2 div.center div.photo_text {
	width: 320px; /* 320 */
	padding: 53px 0 0 0;
}
#grid div.grid_2_margin div.right div.photo_text {
	width: 160px; /* 335 */
	padding: 53px 175px 0 0;
}
#grid div.grid_2 div.right div.photo {
	width: 160px; /* 320 */
	padding: 53px 160px 0 0;
}


#grid div.grid_3_margin div.left div.photo_text {
	width: 320px; /* 495 */
	padding: 53px 0 0 175px;
}
#grid div.grid_3 div.left div.photo_text {
	width: 320px; /* 480 */
	padding: 53px 0 0 160px;
}
#grid div.grid_3 div.center div.photo_text {
	width: 480px; /* 480 */
	padding: 53px 0 0 0;
}
#grid div.grid_3_margin div.right div.photo_text {
	width: 320px; /* 495 */
	padding: 53px 175px 0 0;
}
#grid div.grid_3 div.right div.photo_text {
	width: 320px; /* 480 */
	padding: 53px 160px 0 0;
}


#grid div.photo div.left div.box_blue,
#grid div.photo div.left div.box_blue_dark,
#grid div.photo div.left div.box_blue_light {
	border-width: 0 1px 1px 0;
}
#grid div.photo div.center div.box_blue,
#grid div.photo div.center div.box_blue_dark,
#grid div.photo div.center div.box_blue_light {
	border-width: 0 1px 1px 0;
}
#grid div.photo div.right div.box_blue,
#grid div.photo div.right div.box_blue_dark,
#grid div.photo div.right div.box_blue_light {
	border-width: 0 0 1px 0;
	
}

#grid div.box_blue_dark {
	background-color: #cee4ef;
}
#grid div.left div.box_blue_dark {
	background: #cee4ef url(/media/bg_marginleft_dark.gif) repeat-y top left;
}
#grid div.right div.box_blue_dark {
	background: #cee4ef url(/media/bg_marginright_dark.gif) repeat-y top right;
}

#grid div.box_blue_light,
#grid div.left div.box_blue_light,
#grid div.right div.box_blue_light {
	background-color: #fff;
}

#grid div.box_blue {
	border-color: #cee4ef;
}
#grid div.box_blue_light {
	border-color: #cee4ef;
}
#grid div.box_blue_dark {
	border-color: #fff #cee4ef;
}



#grid span.description,
#grid a.description {
	display: 			block;
	background-color:	black;
	padding: 			5px 4px 4px 10px;
	color: 				#fff;
	width: 				87px;
	font-size: 			9px;
	line-height: 		11px;
	position:			absolute;
	margin: 			15px 0 0 0;
}
#grid a.description_movie,
#grid a.description_download {
	display: 			block;
	background:			black url(/media/button_play.gif) no-repeat center right;
	padding: 			5px 24px 4px 10px;
	color: 				#fff;
	width: 				87px;
	font-size: 			9px;
	line-height: 		11px;
	position:			absolute;
	margin: 			15px 0 0 0;
	cursor:				pointer;
}
#grid a.description_movie:hover
#grid a.description_download:hover {
	background:			white url(/media/button_play_hover.gif) no-repeat center right;
	color: 				#000;
}
#grid a.description_download {
	background:			black url(/media/button_download.gif) no-repeat center right;
	padding: 			5px 23px 4px 10px;
	margin: 			5px 0 0 0;
	position:			relative;
}
#grid a.description_download:hover {
	background:			white url(/media/button_download_hover.gif) no-repeat center right;
	color: 				#000;
}
#grid div.description a {
	color: #e74155;
}

#grid a.klantnaam {
	color: #000;
	font-size: 9px;
}



.photo h1 {
	color: white;
	position: absolute;
	bottom: 4px;
	left: 495px;
	font-size: 36px;
	line-height: 40px;
	width: 470px;
}


p.more span {
	display: block;
	float: left;
	font-size: 9px;
	color: #003399;
	padding: 3px 4px 3px 0;
	margin-bottom: 4px;
}

p.more a {
	display: block;
	float: right;
	font-size: 9px;
	padding: 2px 0 0 0;
	margin-bottom: 4px;
}
p.more a span {
	display: inline;
	float: none;
	color: #e74155;
	margin: 0;
	padding: 0;
}
p.more a:hover span {
	color: #333;
}


img.thumb {
	margin-right: 1px;
}



div#geen_bovenbalk {
	height: 10px;
}


p.date {
	font-size: 10px;
	color: #003399;
}


/* Contact form / Forward form
----------------------------------------------- */

form#forwardform,
form#contactform {
	margin-top: 10px;
	background-color: #eee;
	padding: 10px 10px 0 10px;
	border: 1px solid #ddd;
}
form#forwardform td.left,
form#contactform td.left {
	width: 118px;
}
form#forwardform td.right,
form#contactform td.right {
	width: 150px;
}
form#forwardform td,
form#contactform td {
	color: #003399;
}
form#forwardform input.text,
form#contactform input.text,
form#forwardform textarea,
form#contactform textarea {
	background-color: #fff;
	border: 1px solid #ddd;
	color: #9E9E9E;
	height: 14px;
	padding: 4px 5px 2px 5px;
	width: 138px;
	margin: 0 0 3px 0;
	font-family: Helvetica,Arial,'Liberation Sans', FreeSans, sans-serif;
	font-size: 12px;
}
form#contactform table tr td textarea {
	height: 74px;
}
form#forwardform table tr th,
form#contactform table tr th {
	text-align: left;
}
form#forwardform table tr td {
	padding-right: 10px;
	vertical-align: top;
}
form#forwardform textarea {
	width: 250px;
	height: 75px;
}
form#forwardform {
	margin-bottom: 20px;
	background: #eee url(/media/bg_forwardform.gif) repeat-y;
	padding: 15px 25px 5px 25px;
}
form#contactform.nieuwsbrief_aanmelden {
	background: #eee url(/media/bg_nieuwsbrief_aanmelden.gif) repeat-y top right;
}


/* Aanmeldblokjes */

.aanmeldblokje {
	position: relative;
	float: left;
	background: no-repeat top right;
	padding: 10px;
	margin-right: 1px;
	margin-bottom: 1px;
	padding-right: 9px;
	padding-bottom: 9px;
}
.aanmeldblokje.h1 {
	width: 300px;
	height: 80px;
	background-image: url('/media/bg_aanmeldblokje_1.jpg');
}
.aanmeldblokje.h2 {
	width: 300px;
	height: 180px;
	background-image: url('/media/bg_aanmeldblokje_2.jpg');
}
.aanmeldblokje.h3 {
	width: 140px;
	height: 280px;
	background-image: url('/media/bg_aanmeldblokje_3.jpg');
}
.aanmeldblokje.left {
	background-position: -5px 0;
}
.aanmeldblokje.center {
	background-position: -20px 0;
}
.aanmeldblokje h2 {
	width: 130px;
    font-size: 22px;
    line-height: 22px;
	display: block;
	margin-bottom: 6px;
}
.aanmeldblokje.h1 h2 {
	font-size: 18px;
	line-height: 18px;
	width: 300px;
	margin-bottom: 6px;
}
.aanmeldblokje input.button {
	position: absolute;
	display: block;
	left: 10px;;
	width: 140px;
	height: 40px;
	background: url(/media/button_aanmelden.png) no-repeat bottom left;
	padding: 0;
	margin: 0;
	color: #fff;
	font-size: 16px;
	font-weight: normal;
	border: none;
	cursor: pointer;
}
.aanmeldblokje input.button:hover {
	background-image: url(/media/button_aanmelden_hi.png);
}
.aanmeldblokje.h1 input.button { left: 170px; top: 48px; }
.aanmeldblokje.h2 input.button { left: 170px; top: 148px; }
.aanmeldblokje.h3 input.button { top: 248px; }
.aanmeldblokje.h1.left input.button,
.aanmeldblokje.h2.left input.button { left: 185px; }
.aanmeldblokje.h3.left input.button { left: 25px; }
.aanmeldblokje input.text {
	width: 130px;
	padding: 3px 5px;
	border: 0;
	margin: 0 0 7px 0;
	background-color: #fff;
	color: #003399;
}
.aanmeldblokje a {
	position: absolute;
	display: block;
	font-size: 9px;
	line-height: 10px;
	margin-bottom: 7px;
}
.aanmeldblokje.h1 a { top: 34px; left: 169px; }
.aanmeldblokje.h1.left a { left: 184px; }
.aanmeldblokje.h2 a,
.aanmeldblokje.h3 a { top: 160px; }
.aanmeldblokje a span {
    color: #E74155;
}
.aanmeldblokje a:hover span {
    color: #333;
}
.aanmeldblokje.right,
.aanmeldblokje.left.elements_left {
	margin-right: 0;
	padding-right: 10px;
}
.aanmeldblokje.h1.right,
.aanmeldblokje.h2.right { width: 315px; }
.aanmeldblokje.h1.left,
.aanmeldblokje.h2.left { width: 300px; }
.aanmeldblokje.h3.right { width: 155px; }
.aanmeldblokje.h3.left { width: 140px; }
.aanmeldblokje.left .line,
.aanmeldblokje.right .line {
	position: absolute;
	width: 1px;
	background-color: #fff;
	top: 0;
	right: 15px;
}
.aanmeldblokje.h1.left .line,
.aanmeldblokje.h1.right .line { height: 100px; }
.aanmeldblokje.h2.left .line,
.aanmeldblokje.h2.right .line { height: 200px; }
.aanmeldblokje.h3.left .line,
.aanmeldblokje.h3.right .line { height: 300px; }
.aanmeldblokje.left{
	padding-left: 25px;
}
.aanmeldblokje.left .line {
	left: 15px;
	right: auto;
}