﻿/**************** menu coding *****************/ 
#menu { position:relative; margin-left:5px; background-color:#29499c; float:left; padding-left:85px; width:897px; height:20px; border-bottom:2px solid #ff0000; }
* html #menu {position:relative; z-index:99; margin-left:5px; background-color:#29499c; float:left; padding-left:80px; width:979px; height:20px; border-bottom:2px solid #ff0000; }

#menu ul {list-style: none; margin: 0; padding: 0; padding-right:10px; float: left; border:0px solid red;}


#menu li a {color: white; margin: 0 20px 0 0; padding-top:1px; line-height:14px; font-weight:bold; font-size:10px; background-color:#29499c; 
text-decoration: none; display: inline; float: left;}

#menu a:hover { color: #cccccc; background-color:#29499c;}

#menu li { position: relative; list-style: none; margin: 0; padding: 0; }
#menu ul ul {list-style: none; position: absolute; z-index: 500; width: 150px; left:-5; display: block; clear:both; top: 15px; background-color:#29499c; filter:Alpha(Opacity=80); -moz-opacity:0.80;}
#menu ul ul li { display: block; height: 23px; float: none; }
#menu ul ul li a { display: block; margin: 0; padding: 5px 20px 3px 5px;}
#menu ul ul a {padding-top:5px; padding-left:5px; padding-right:3px; padding-bottom:3px; font-weight:normal; color:white; background-color:#29499c; border: 0px; list-style: none; filter:Alpha(Opacity=80); -moz-opacity:0.80;}
#menu ul ul a:hover {font-weight:normal;  color:#999; background-color:#29499c; border: 0px; list-style: none; list-style: none;}
* html #menu ul ul a:hover {font-weight:normal;  color:white; background-color:#29499c; border: 0px; list-style: none; background-color:#29499c; border: 0px; list-style: none; filter:Alpha(Opacity=100); -moz-opacity:1.00;}


#menu ul ul ul {list-style: none; position: absolute; top: 0; left: 100%; text-align: left; }
#menu ul ul ul a {text-align: left;	padding-left: 3px; }
div#menu ul ul, div#menu ul li:hover ul ul, div#menu ul ul li:hover ul ul {display: none;}

div#menu ul li:hover ul, div#menu ul ul li:hover ul, div#menu ul ul ul li:hover ul {display: block;}

/* main menu  ---------------------------------------------------- 
div.main_menu a{font-size:10px; font-weight:bold; color:white; text-decoration:none; margin-right:21px;}
div.main_menu a:hover{font-size:10px; font-weight:bold; color:#cccccc; text-decoration:none; margin-right:21px;}
/**************** end menu coding *****************/ 


body{margin-bottom:0px; margin-left:0px; margin-right:0px; margin-top:0px; background-color:#fffaeb;}

body,table,tr,td,p,ol,ul,li,input,select,textarea
{font-family:verdana, arial, helvetica, sans-serif; color:black;}

td
{vertical-align:top; font-size:11px;}


ol
{line-height:16pt; margin-left:25px; margin-top:0px;}
ol li
{line-height:16pt;}

ul {line-height:16pt; margin-left:15px; margin-top:0px;}
ul li {line-height:16pt; list-style-type:square;}

.lisearchResult {line-height:12pt; list-style-type:square;}


h1{font-size:12px; font-weight:bold; color:#ec1b2c; letter-spacing:2px;}
h2{font-weight:bold; font-size:9px; color:#000000;}
h3{font-weight:bold; font-size:8px; color:#000000;}

hr{width:100%; height:1px; color:#e7e0cc; border:0px solid #e7e0cc; background-color:#e7e0cc;}

.liVeelgesteldevragen
{
	 list-style-type:decimal;
	 margin-left: 10px;
}

.header{font-size:15px; font-weight:bold; color:#ec1b2c; letter-spacing:2px; height:20px;}
*html td.header_home{padding:5px; font-size:12px; font-weight:bold; color:#ec1b2c; letter-spacing:2px; border-top:1px solid #e7e0cc; border-bottom:1px solid #e7e0cc; border-right:1px solid #e7e0cc;}
td.header_home{height:20px; font-size:12px; font-weight:bold; color:#ec1b2c; letter-spacing:2px;  border-top:1px solid #e7e0cc; border-bottom:1px solid #e7e0cc; border-right:1px solid #e7e0cc;}
td.header_contact{padding:5px; font-size:12px; font-weight:bold; color:#ec1b2c; letter-spacing:2px;  border-bottom:1px solid #e7e0cc;}
/*.subheader{font-size:15px; font-weight:bold; color:#29499c; line-height:24px;}*/
.subheader{font-size:12px; font-weight:bold; color:#29499c;}
.subsubheader{font-size:11px; font-weight:normal; color:#29499c;}
.txt_blue{color:#29499c;}

/* NEWS PAGE */
.search { margin-top:35px;}
.search h1.zoeken { margin-bottom:23px; font-weight:bold;}
.search h1 { margin:0 0 10px 0;}
.search input.text { width:215px; margin-bottom:15px;}

.article	{ width:100%; font-family:Arial, Verdana, Helvetica, sans-serif; float:left; clear:both; margin-bottom:18px;}
*+html .article, * html .article	{ margin-bottom:18px;}
.article .date { font-size:11px; font-weight:normal; color:#29499c; display:block; margin-bottom:9px;}
.article h2 { font-size:15px; color:#29499c; font-weight:bold; margin:0 0 7px 0;}
.article p, .article span { font-size:13px; font-family:Arial, Verdana, Helvetica, sans-serif;}

.tablesearch { padding-right:50px;}
.tablesearch { width:698px;}
.news { margin-top:25px; border-right:1px solid #e7e0cc;}
.newsitems { padding-bottom:24px;}
.oldernews { border-top:1px solid #e7e1cd; padding-top:24px;}

iframe { background:#FFFF33 !important;}

/* top  ---------------------------------------------------- */
div.top{width:990px;}
table.top_table{background-position:top right;background-image:url(../../images/bgr_top.gif);background-repeat:no-repeat; width:990px; }
td.top_logos{vertical-align:bottom; padding-bottom:12px; padding-left:40px;}
td.top_nav{vertical-align:top; padding-left:44px; padding-top:4px;}
td.top_nav a{font-size:10px; color:#29499c; text-decoration:none;}
td.top_nav a:Hover{font-size:10px; color:#29499c; text-decoration:underline;}

/* content home ---------------------------------------------------- */
div.content{width:979px; margin-left:5px; margin-top:35px; border:1px solid #e7e0cc; position:relative;}
* html div.content{width:979px; height:80%; margin-left:11px; margin-top:35px; border:1px solid #e7e0cc; position:relative;}
td.header_img{width:704px; height:124px; border-right:1px solid #e7e0cc;}
table.three_columns{width:979px; height:100%;}
table.three_columns td{line-height:14px;}
td.home_column{border-right:1px solid #e7e0cc; padding:5px;}
td.home_column_vragen{border-right:1px solid #e7e0cc; padding:5px; background-color:#fef6d6;}
td.home_column_vragen table td{line-height:20px;}

select.contact{height:15px; width:230px; font-size:10px;}

/* content vervolg ---------------------------------------------------- */
table.content_2kolom{ width:979px; margin-left:5px; margin-top:15px; border:1px solid #e7e0cc; vertical-align:top; padding:15px; float:left; line-height:15px;}
table.content_2kolom td {line-height:14px; line-height:15px} 
table.content_2kolom td.links{ margin-left:11px; margin-top:15px;}
table.content_2kolom td.links_contact{ width:709px; margin-left:11px; margin-top:15px;}
table.content_2kolom td.rechts{ width:204px; padding-left:25px;}
*+html table.content_2kolom td.rechts{ border-left:0;}
table.content_2kolom td.rechts_contact{ width:270px; border-left:1px solid #e7e0cc; padding:0px;}

.meernieuws { margin-top:27px; padding-top:15px; border-top:1px solid #e7e1cd;}
.meernieuws a { text-decoration:none;}
.meernieuws h2 { padding-left:10px; }/*background:url("/images/dash.gif") no-repeat left 7px;*/
.meernieuws h3 { font-size:11px; color:#EC1B2C; font-weight:bold; letter-spacing:2px; }
.meernieuws h2,
.meernieuws h2 a,
.meernieuws h2 a:hover { margin:0 0 14px 0; color:#29499c; font-size:11px; font-weight:normal; font-family: verdana, arial, helvetica, sans-serif; line-height:1;}
.meernieuws h2 a:hover { text-decoration:underline;}

div.breadcrumbs{color:#999; font-size:10px; width:100%; margin-bottom:20px;}
div.breadcrumbs a {color:#666;}
div.breadcrumbs a:hover {color:#666;}

div.printing{ text-align:right;}

div.downloads{background-color:#fef2c2; width:210px; margin-top:15px; text-align:left; padding:7px;}
div.downloads a {font-size:10px;}
div.downloads a:hover {font-size:10px;}

.forum_table{ width:100%; border:1px solid #fffaeb; text-align:left; padding:0px; }
.forum_table a {color:#29499c;}
.forum_header{font-size:12px; border:0px;}
.forum_row{border:0px;}
.forum_alt{border:0px solid #e7e0cc}

table.product { width:695px; border-bottom:1px solid #e7e1cd; padding:16px 0;}
* html table.product { width:620px; margin:10px 0;}
* html table.product p { padding-bottom:16px;}
td.definition { padding:0 5px 0 50px;}
td.definition h2 { color:#29499c; font-weight:bold; font-size:15px; font-family:Arial, Verdana, Helvetica, sans-serif;}
td.definition label { cursor:pointer;}

.productform td.rechts { display:none;}

.product input {background-color:transparent;}

.form_product	{ width:220px; margin:8px 0 0 35px; float:left;}
* html .form_product { margin-right:0;}
.form_product td{ line-height:25px; vertical-align:top; }
.form_product input{height:20px; font-size:10px; width:215px; margin-bottom:3px;}
.form_product textarea { margin-bottom:19px;}
.form_product label { font-size:12px; font-family:Arial, Verdana, Helvetica, sans-serif;}
.form_product a.button, 
.form_product a.button:hover { width:102px; float:left;}
.form_product a.versturen { margin-left:11px;}

.img {border-width:1; border-style:solid; border-color:#000000; float:right; margin-left:10px; margin-bottom:5px;}

span.verplicht, 
span.verplichtmain { color:#f00; float:right; margin:-14px 5px 0 0;}

a{font-size:11px; color:#29499c; text-decoration:underline;}
a:Hover{font-size:11px; color:#29499c; text-decoration:none;}

a.more { margin-right:3px; font-size:13px; font-weight:normal; color:#29499c; text-decoration:underline;}
a.more:hover { font-size:13px; text-decoration:none;}

a.subheader{font-size:11px; font-weight:bold; color:#29499c; text-decoration:underline;}
a.subheader:hover{font-size:11px; font-weight:bold; color:#29499c; text-decoration:none;}

a.button{text-decoration:none; display:block; background-color:#f3ecd6; color:#29499c; font-weight:bold; font-size:9px; width:140px; vertical-align:middle; text-align:center; border:1px solid #e9e1c6;}
a.button:Hover{text-decoration:none; display:block; background-color:#f3ecd6; color:#29499c; font-weight:bold; font-size:9px; width:140px; vertical-align:middle; text-align:center; border:1px solid #e9e1c6;}

input.zoek{width:203px; height:18px; color:#666666; font-size:10px; margin-top:3px; margin-right:4px;}
input.zoek_btn{width:57px; height:15px; margin-top:5px; margin-right:3px;}

#login{width:100%; height:100%; text-align:right;}
#login table{height:40px; margin-top:10px;}
#login table td{color:#666666; font-size:10px;}
input.input_login{width:110px; height:18px; font-size:10px;}
input.login_btn{width:57px; height:15px; margin-top:2px; margin-right:3px;}


input {background-color:#ffffff;}
select {background-color:#ffffff; width:200px;}
textarea {background-color:#ffffff; width:200px;}

input.btn_zoeken{background-color:#f3ecd6; color:#29499c; font-weight:bold; font-size:9px; width:80px; margin-bottom:2px; border:1px solid #e9e1c6;}

textarea.form
{background-color:#ffffff; width:260px; float:right; margin-top:4px;}

.printlogo
{display: none;}

.knoprood
{cursor:pointer;background-color:#FF0000;font-size:11px; font-weight:bold; color:#FFFAEB; border-top: 1px solid #E7E0CC;border-left: 1px solid #E7E0CC; border-right: 1px solid #29499C;border-bottom: 1px solid #29499C;}

/* new video page */
.videoThumbsContainer 
{
    border: 1px solid #c2bfb8;
    _padding: 0 0 10px 0; /* only ie < 7 picks up this style */
}
.videoThumbsContainer .videoThumb 
{
    display: block;
    float:left;
    width: 119px;
    height: 100px;
    margin: 10px 0 5px 10px;
    _margin: 10px 0 10px 5px; /* only ie < 7 picks up this style */
    text-decoration: none;
    cursor: pointer;
    overflow: hidden;
}
.videoThumbsContainer .videoThumb img 
{
    margin: 3px 0;
    border: 2px solid transparent;
    width: 115px;
    height: 78px;
    overflow: hidden;
}
.videoThumbsContainer .videoThumb img:hover, .videoThumbsContainer .active img 
{
    border: 2px solid red;
}
.videoDetailContainer 
{
    border: 1px solid #c2bfb8;
    background-color: #efece4;
}
.videoDetailContainer .videoDetail 
{
    display: block;
    margin: 10px;
}
.videoDetailContainer .flashText 
{
    display: block;
    margin: 3px 0 0;
    overflow: hidden;
}
.videoDetailContainer .flashText .flash 
{
    width: 332px;
    float:left;
    display: block;
}
.videoDetailContainer .flashText .text 
{
    float:left;
    display: block;
    width: 280px;
}
