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

* { margin:0; padding:0;}

/* STRUCTUUR */
body { background:#fff url(../images/bg.png) repeat-x; font-family: Verdana, Arial, Helvetica, sans-serif; color:#4c4c4c; font-size:13px;}
#container { width: 992px; position:relative; margin:0 auto;  background:url(../images/container_bg.png) repeat-y;}
#header { width: 992px; height:146px; background:url(../images/header.png) no-repeat; position:relative; }
#content { background:url(../images/container_bg_noreflection.png) no-repeat; padding: 35px 45px 45px 45px; }
#content_hp { background:url(../images/container_bg_reflection.png) no-repeat; padding: 35px 45px 45px 45px;  }
#footer { width: 992px; height:26px; background:url(../images/footer.png) no-repeat; position:relative; }

.hp_textblock { width:415px; height:297px; background:url(../images/hp_tekstblokje.png) no-repeat; float:left; margin:35px 0 0 40px;}
.hp_textblock_padding { padding:45px 70px 10px 25px;}
.hp_image_block { width:379px; float:left;}
.video_block { width:422px; float:left;  margin:0 15px 0 0;}


/* TEXT */
a { color:#4c4c4c;}
a:hover { color:#e90303;}
p { margin: 0 0 10px 0;}
.smalltext { font-size:10px; color:#999;}

/* LISTS */
ul { list-style: none; margin:0 0 0 10px;}
ol { margin:0 0 0 35px;}
ul li{ padding:0 0 4px 15px; margin: 0px; background: url(../images/bullet.gif) no-repeat; background-position: 0px 6px;}
ul.morespace li { margin:0 0 10px 0;}
ul.morespace li li { margin:0 0 3px 0;}

/* SPECIAL CLASSES*/
.hidden { position:absolute; left:-999px;} /* gebruik deze class om inhoud te verbergen (dmv verplaatsing, anders wordt het ook onzichtbaar voor Google) */
.clear { clear:both;}
.clear5 { clear:both; height:5px;}
.clear10 { clear:both; height:10px;}
.clear15 { clear:both; height:15px;}
.clear20 { clear:both; height:20px;}
.clear30 { clear:both; height:30px;}
.clear50 { clear:both; height:50px;}
.divider { height:2px; margin:0 0 0 6px; background:url(../images/divider.png) no-repeat bottom right;}
a.pdf { background:url(../images/icon_pdf.png) no-repeat; padding:2px 0 3px 20px;}

/* IMAGES */
.sfeerbeeld { margin:0 0 10px 0; border:none}
.thumbnail { border:1px solid #4c4c4c; margin:17px;}
.thumbnail:hover { border:1px solid #e90303;}

/* NAVIGATION */
#navigation { width:958px; position:absolute; top:118px; left:17px;}
#navigation ul { margin:0; padding:0 0 0 420px; } 
#navigation ul li {margin:0; padding:0; background:none; float:right; display:block; } 
#navigation ul li a { color:#646464; display:block;  padding:4px 25px 10px 25px; text-decoration:none; margin:0; font-size:11px; text-transform:uppercase; }
#navigation ul li a:hover { color:#e90303;}
#navigation ul li.last a { background: url(../images/nav_button_bg.png) top left no-repeat; } /* de laatste button heeft geen divider aan de rechterkant */
#navigation ul li a.current { background: url(../images/nav_current.png) bottom center no-repeat; font-weight:bold; }
#navigation ul li.last a:hover { background:url(../images/nav_button_bg.png) bottom left no-repeat;}

/* subnavigation */
#navigation ul ul { width:958px; height:23px; background:#fff url(../images/subnav_bg.png) bottom repeat-x; position:absolute; top:28px; left:0px; margin:0; padding:0}
#navigation ul ul li {margin:0; padding:0; float:right;display:block; background: none; height:21px; border-left:1px dotted #ddd;}
#navigation ul ul li a { font-size:10px; line-height:21px; display:block;  padding:0 28px; text-decoration:none; margin:0;} 
#navigation ul ul li a:hover { background:none; color:#ee090c;}
#navigation ul ul li a.current { background:none;}

/* TABNAVIGATION */
#tabnavigation { font-weight:bold; }
#tabnavigation ul { margin:0; padding:10px 10px 0 5px; list-style:none;  }
#tabnavigation li { display:inline;  margin:0; padding:0; }
#tabnavigation a { float:left; background: url(../images/tabnav_button_left.png) no-repeat left top;  margin:0px 3px 0 2px; padding:0 0 0 7px; text-decoration:none; cursor:pointer; font-size:10px; }
#tabnavigation a span { float:left; display:block; background:url(../images/tabnav_button_right.png) no-repeat right top; padding:8px 20px 6px 11px;  color:#939393; }
#tabs a:hover span { color:#627EB7; }
#tabnavigation a:hover { background-position:0% -26px;  }
#tabnavigation a:hover span {  background-position:100% -26px; color:#fff; }
#tabnavigation #current a { background-position:0% -26px; }
#tabnavigation #current a span { background-position:100% -26px;color:#fff; }

.tab_block { background:#fff; border:1px solid #e0dfdf; padding: 15px 25px 25px 25px;}
.tab_block_video { background:#fff; border:1px solid #e0dfdf; padding: 15px 0px 25px 20px;}

/* tooltip - text hoverbox */
.hovertooltip a { position:relative; text-decoration:none; z-index:60; display: inline-block; }
.hovertooltip a:hover {text-decoration:none; z-index:200;}
.hovertooltip a div.tooltipbox { position:absolute; left:-9999px; z-index:210;  }
.hovertooltip a:hover div.tooltipbox {  display:block; position:absolute; top:0px; left:0px; width:365px; color:#4c4c4c; z-index:70; }
.hovertooltip img.tooltip_icon { border:none; position:relative; top:3px; }
div.tooltip_header { width:365px; height:29px; background:url(../images/tooltip_top.png) no-repeat; }
div.tooltip { width:365px; background:url(../images/tooltip_bg.png) repeat-y; font-size:10px; }
div.tooltip_padding { padding:0 25px 10px 50px;}
div.tooltip_footer { width:365px; height:25px; background:url(../images/tooltip_bottom.png) no-repeat;}
div.tooltip h3 { margin:0; padding:0}

/* FORM */
.frmLine {	padding-bottom:		10px;	margin-left: 20px;}
.clsInputText {		width:			355px;	font-family:	"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;	font-size:			12px;	color: #444444;}
.clsInputTextSmall {	width:			40px;	font-family:		"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;	font-size:			12px;	color: #444444;}
.clsInputTextarea {		width:			355px;	height:			100px;	color: #444444;	font-family:		"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;	font-size:		12px;}

/* TABEL */
.tabel { border-collapse:collapse; font-size:10px; }
.tabel td { border:1px dotted #ccc; padding:2px 5px; text-align:right; }
.tabel tr.dark { background:#333; color:#fff; font-weight:bold;}
.tabel tr.light { background:#d5d5d5; font-weight:bold;}
.tabel tr.lighter { background:#eee; font-weight:bold;}
.tabel tr.centreer td { text-align:center;}
.tabel td.centreer { text-align:center;}