/*
 * Covide 2008
 */

/* Kleuren:
 * Oranje:	#ff9900
 * Appelgroen:	#99cc00
 * Donkerblauw:	#000033
 * Lichtblauw:	#003366
 * Oranje logo  #cc6600
 */

*{margin:0; padding:0;}

/*
 * {text-shadow: #000000 0 0 0px;}
 */



/*
 * Voor de body styles zie 77 en 81
 * /
 
.home{background:url(/cmsfile/1233) repeat-x left top;}
.sub{background: url(/cmsfile/1237) repeat-x left top;}

h3{
	color: #003366;
	font-size:1.6em;
	display:block;
	margin-bottom:6px; 
}
p,a,table, ul, ol, li{font-size:11px;}

/* Classes */
.header_icon{float:left;display:inline;margin-bottom:3px;}
.left{float:left;}
.right{float:right;}

/*
 * Layout
 */
#pageheader{
	width:1000px;
	height:101px; /* 118px sluit aan lager voor active tab idee*/ 
	margin:0 auto;
	background-color:transparent;
}
#pagelogo{width:220px; height:95px;float:left;}
#search{width:600px; height:60px; border: 1px dashed #000;}
#taalkeuze{padding-top:12px;text-align:right;}
#zoeken{width:500px; height:60px; background-color:transparent;float:right;}
#topnavcontainer{
	width:100%; 
	height:31px !important;
	margin:0 auto;
	background:url(/cmsfile/1253) repeat-x left top;
	overflow:hidden;
}
#topnav{width:1000px; height:31px; margin:0 auto; line-height:31px; font-size:11px; overflow:hidden;}

/* Media */
#media{
	width: 1000px;
	background-color:transparent;
	margin:0 auto;
	overflow:hidden;
	z-index:0;
	text-align:left; /* 09-09 */
}
.mediahome{height:187px;}
.mediasub{height:152px;}

#film{
	/*background: url(/cmsfile/1301) no-repeat left top;*/
	background-color:transparent;
	width:700px;
	
	/*08-08-08*/
	height:187px;
	/*height:235px;*/
	float:left;
	
	/*08-08-08*/
	display:inline;
	overflow:hidden;

}
/* 17px eraf */
.filmhome{height:210px; overflow:hidden;}
.filmsub{height:152px; overflow:hidden;}


/*
 * Quotes
 */



#rndquotehome{
	width:300px; 
	height:auto; 
	_display:block;
	text-align:center; /* 09-09 */
} 
	

#rndquotesub{
width:300px; height:auto; /*z-index:90; */ z-index:600; position:absolute; text-align:center; } 

#mediamenu{
	width:300px;
	height:100%;
	background-color:#8FC220;
	/*background: url(/cmsfile/1245) no-repeat left top;*/
	float:right; 
	text-align:left;
}
#mediamenusub{
	width:300px;
	height:100%;
	background-color:#8FC220;
	/*background: url(/cmsfile/1245) no-repeat left top;*/
	float:right; 
	text-align:left;
}
#contentcontainer{
	width:1000px;
	height:auto;
	margin: 0 auto;
	text-align:left;
	background: url(/cmsfile/1229) no-repeat left 36px;
}
#maincontent{
	color:#333;
	/*font-size:1.1em;*/
	font-size:12px;
	height:auto;
	float:left;
	overflow-x:hidden;
}
.mchome{
	width:440px;
}
.mcsub{
	width:690px;
}
#kp{margin:2px 0 12px 0;}

#watcovidebiedt{
	width:220px;
	height:auto;
	background-color:transparent;
	float:left;
	margin:36px 0 0 12px;
	padding-top:14px;
}
#rightcol{
	color:#666;
	width:290px;
	height:auto;
	float:right;
	position:relative;
	background-color:transparent;
	padding-top:4px;
}
.rightcolhome{margin-top:36px;}
.rightcolsub{margin-top:12px;}


/* Footer */ 

#copyright{
	background: url(/cmsfile/1361) repeat-x left -1px;
	border-top: 1px solid #e2e2e2;
	color:#333;
	width:1000px;
	height:30px;
	margin: 0 auto;
	float:left;
	clear:both;
}

/*
 * Topnavigatie
 */
#topnav ul {list-style-type:none;}
#topnav ul li {float:left; line-height:31px;}
#topnav ul li a{border-right: 1px solid #dadada; color:#003366; display:block; padding:0 6px; line-height:31px; text-decoration:none;}
/* #topnav li:last-child {border-right: 0px solid #dadada; color:#003366; padding:0 6px; line-height:31px;text-decoration:none;}*/
#topnav ul li a:hover{border-right: 1px solid #dadada; color:#333; padding: 0 6px; line-height:31px;} 


/* Mediamenu */
#mediamenu ul{list-style-type:none;}
#mediamenu ul li{border-bottom: 1px solid #fff;}
#mediamenu ul li a{color:#fff; font-size:1.4em; text-decoration:none; text-indent: 12px; display:block; padding:12px 0; }
#mediamenu ul li a:hover{background-color:#a8cd3b;}

#mediamenusub ul{list-style-type:none;}
#mediamenusub ul li{border-bottom: 1px solid #fff;}
#mediamenusub ul li a{color:#fff; font-size:1.4em; text-decoration:none; text-indent: 12px; display:block; padding:12px 0; }
#mediamenusub ul li a:hover{background-color:#a8cd3b;}

/* Tabs */
ul#tabs {list-style-type:none; line-height:32px; margin-top:6px; margin-left:0px; width:730px; height:32px; }
ul#tabs li {float:left;}
ul#tabs li a{color:#fff; font-weight:bold; padding: 8px 6px; margin-left:1px; text-decoration:none; outline:none;}
ul#tabs li a:hover{background-color:#fff; color:#333; font-weight:bold;padding: 8px 6px;border-top: 1px solid #e2e2e2;}
ul#tabs li a.currenttab{background-color:#fff; color:#333; font-weight:bold;padding: 8px 6px;border-top: 1px solid #e2e2e2;}
ul#tabs li a.selected{background-color:#fff; color:#333; font-weight:bold;padding: 8px 6px;border-top: 1px solid #e2e2e2;}

/* Tabs */
#maincontent #tabs ul {
	list-style-type:none; 
	line-height:32px;
	margin-top:6px; 
	margin-left:0px; 
	width:540px;
	border-left: 1px solid #000;
}
#maincontent #tabs ul li {float:left;}
#maincontent #tabs ul li a{color:#fff; font-size:1.1em; font-weight:bold; padding: 8px 6px; margin-left:1px; text-decoration:none; outline:none;}
#maincontent #tabs ul li a:hover{background-color:#fff; color:#333; font-weight:bold;padding: 8px 6px;border-top: 1px solid #e2e2e2;}
#maincontent #tabs ul li a.currenttab{background-color:#fff; color:#333; font-weight:bold;padding: 8px 6px;border-top: 1px solid #e2e2e2;}
#maincontent #tabs ul li a.selected{background-color:#fff; color:#333; font-weight:bold;padding: 8px 6px;border-top: 1px solid #e2e2e2;}

/* Kruimelpad */
#maincontent #kp{
	width:640px !important;
	height:20px;
	color:#666;
	float:left;
	clear:both;
	font-size:11px;
}
#maincontent #kp a{color: #666; text-decoration:none;}
#maincontent #kp a:hover{color:#333; text-decoration:none;}

/*
 * Specific Layout items
 */
 
#pageheader a img{border:none;}
#pagelogo a img{border:none;margin-top:6px;}

/* Zoekbox */
#zoeken fieldset{border:none;margin-left:32px;padding-top:20px;}
#zoeken input[type="text"]{ border: 1px solid #e2e2e2;color:#666; height:21px;width:180px;margin-left:92px;margin-top:-1px;}
#zoekwoord{border: 1px solid #e2e2e2; height:21px;}
.zoekbtn{
	background-color:#fff;
	border: 1px solid #e2e2e2; 
	color:#333;
	font-size:0.8em; 
	height:21px; 
	line-height:13px;
	width:42px;
}
.zoekbtn:hover{
	background-color:#e2e2e2;
	border: 1px solid #e2e2e2; 
	color:#333;
	font-size:0.8em; 
	height:21px; 
	line-height:13px;
}

/* Maincontent */

#maincontent h1{
	color:#99cc00;
	font-size:1.8em;
	margin: 4px 0;
	clear:both;
}
#maincontent .tabbox h2{
	color:#99cc00;
	font-size:1.8em;
	margin:16px 0 8px 0;
	padding-top:12px;
}
#maincontent.tabbox h2{
	color:#99cc00;
	font-size:1.8em;
	margin: 4px 0;
}

#maincontent .tabbox p{
	font-size:12px;
	line-height:18px;
}

#maincontent h2{
	color:#333;
	font-size:1.1em;
	line-height:1.4em;
	margin:4px 0 12px 0;
}
#maincontent h3{
	color:#003366;
	display:block;
	font-size:1.4em;
	margin: 8px 0 8px 0;
}
#maincontent h4,h5,h6{
	color:#003366;
	font-size:1.2em;
	font-weight:bold;
}
#maincontent p{
	color:#333;
	font-size:12px;
	line-height:18px;
	margin: 12px 0;
}
#maincontent a{text-decoration:none; color:#000033; color:#cc6600;}
#maincontent a:hover{text-decoration:none; color:#ff6600;}
#maincontent a img{border:none;}
#maincontent table{font-size:12px; line-height:18px;}

#maincontent hr{
	margin: 4px 0 8px 0;
	padding: 0px;
	display: block;
	height: 1px;
	background-color: #e2e2e2;
	border: none;
}
/*
#maincontent li{font-size:1em;}
*/
#maincontent ol{
	list-style-position:outside;
	margin-left:24px;
	font-size:12px;
}
#maincontent ol li{
	color:#333;
	font-size:12px;
	line-height:18px;
}
/*
#maincontent ul li {font-size:12px;color:#333;}
*/

/* lijsten netjes inspringen */
#maincontent .box ul li {margin-left:24px;line-height:1.8em;}
#maincontent .box ol li {margin-left:24px;line-height:1.8em;}


/* Featurelist */
#featurelist{padding: 6px 0 12px 12px; margin:10px 0 0 0; background-color:transparent;}
#featurelist h3{text-indent:3px; color:#003366;}

#featurelist a{color:#000033;font-size:11px; text-decoration:none;}
#featurelist a:hover{text-decoration:underline;}

#featurelist ul{list-style-image: url(/cmsfile/1325); margin: 6px 0 12px 24px;}
#featurelist ul li{height:auto;padding:4px 0;}
#featurelist ul li a{
	color:#000033;
	display:block;
	font-size:11px;
	line-height:18px;
	margin-left:6px;
	padding:3px 0;
	text-decoration:none;
}
#featurelist ul li a:hover{text-decoration:underline;}

/*Wat Covide biedt */
#watcovidebiedt h3{color:#003366;font-size:1.2em; text-transform:uppercase;}

/* Rightcol */
#rightcol h3, #featurelist h3{
	color: #003366;
	font-size:1.2em;
	display:block;
	margin-bottom:6px; 
	text-transform:uppercase;
}
#rightcol h4{
	color: #003366;
	font-size:1.1em;
}
#rightcol p{
	color:#666;
	font-size:11px;
	line-height:16px;
}
#rightcol a{color:#333; text-decoration:none;}
#rightcol a img{border:none;}

#rightcol #featurelist a{color:#000033;font-size:11px; text-decoration:none;}
#rightcol #featurelist a:hover{text-decoration:underline;}

#rightcol hr{
	margin: 4px 0 8px 0;
	padding: 0px;
	display: block;
	height: 1px;
	background-color: #e2e2e2;
	border: none;
}
#rightcol hr{ /* inset lines */
	height:2px;
	width:100%;
	border-top: 1px solid #e1e1e1;
	border-bottom: 1px solid #f7f7f7;
	margin: 4px 0;
}

/* Referentietekst + pullquotes */

.pullquote {
	color:#666;
	font-size:12px;
	font-style:italic;
	width: 100%;
	/*background: url(/cmsfile/1381) no-repeat bottom right !important;*/
	background /**/:url(); /* afb. weg in IE5+ */
	margin:16px 0 0 12px;
	/*margin:16px 0 0 12px;*/
	padding-bottom: 8px;
	letter-spacing:1px;
	line-height:16px;
	
}
.pullquote:first-letter {
	/*background: url(/cmsfile/1377) no-repeat left top !important;*/
	padding: 6px 0;
	/*padding:5px 2px 10px 40px!important;*/
	/*padding: 6px 3px 10px 0!important;*/
	padding /**/:0px; 	/* weg met de padding in IE5+ */
	/*background /**/  /*   : url();  afb. weg in IE5 */
}

/* Actueel */
ul#actueel{
	list-style-type:none;
	float:left;
	width:99%;
}
ul#actueel li {padding:3px 0; }
ul#actueel li a{
	color:#666; 
	padding: 3px 0; 
	text-decoration:none; 
	border-bottom: 1px dotted #e2e2e2; 
	display:block;
	font-size:11px;
	margin-left:0px;
}
ul#actueel li a:hover{color:#333; text-decoration:none;}

/* Copyright */
#copyright p{padding:4px 0;}
#copyright a{color:#666; text-decoration:none;}
#copyright a:hover{text-decoration:underline;}

/* Footer Menu */
ul#footer{list-style-type:none;}
ul#footer li {float:left; padding: 3px 6px;}

/* Div classes */
.box{padding:9px; }
.tabbox{padding:0 0 6px 9px;}
.tabbox ul{list-style-type:none;}
.tabbox ul li {line-height:18px;}

.clr{clear:both;}
.infobox{
	background:url(/cmsfile/1241) repeat-x left bottom; 
	width:100%;
	height:auto; 
	border: 1px solid #e2e2e2;
}

/* Links vanuit de boxes homepage */

.meer {
	color:#003366; 
	text-transform: uppercase; 
	font-size:11px; 
	text-decoration:none; 
	margin:4px 0;
	padding: 6px 0;
	display:block;
	float:left;
	clear:both;
	width:100%;
	height:20px;
}
.meer a:hover{color:#2e4198;}

/* Footer menu */

ul#footermenu {list-style-type:none;}
ul#footermenu li{float:left; padding: 3px 8px 3px 0;}
ul#footermenu li a:first-child{padding-left:0px; border-left:1px solid #fff;}
ul#footermenu li a{float:left; padding: 3px 8px 3px 0; border-left:0px solid #e2e2e2;}
ul#footermenu li a:hover{color:#333; text-decoration:none;}

#copyright ul:first-child{border-left:1px solid #ff99cc; padding-left:0px;}

/*
 * Lijsten + zoekresultaten
 */
 
.view_header_table_data { background-color: #000; color:#fff;}
.table_data{font-size:11px;}
.list_header {background-color: #333; color:#fff;}
.list_header_center{padding:4px 0 4px 6px;}
.list_record{padding-right:6px;}
.list_record:hover {background-color: #e5e2e2;}
.valign_top {padding: 3px 6px;}

td ul li a{line-height:18px;}

/*
 * CMS textfooter
 */
 
#cms_textfooter{color:#666; display:block; margin-top:24px;} 
#cms_textfooter a{color:#666; text-decoration:none;}
#cms_textfooter a:hover{color:#333;text-decoration:none;}  


/*
 * Zoekresultaten
 * Tabledata
 * /

tr.tabledata{
	font-size:1em;
	line-height:2em;
} 
td.valign_top{background-color:#fff;}
td.valign_top:hover{background-color:#e2e2e2;}


/*
 * Topmenu 
 */
 
#chromemenu a{color:#fff;}

.chromestyle2 {
	width: 1000px;
	height:31px !important;
	text-align:left;
	margin:0;
	padding:0;
	overflow:hidden;
}
.chromestyle2:after{ /*Add margin between menu and rest of content in Firefox*/
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.chromestyle2 ul{
	border: 0px solid #BBB;
	width: 100%;
	margin: 0;
	text-align: left; 
	line-height:31px;
	overflow:hidden;
}
.chromestyle2 ul li{
	display: inline;
	line-height:31px;
}
.chromestyle2 ul li a{
	color: #FFFFFF;
	font-size:11px;
	margin: 0;
	text-decoration: none;
	border-right: 0px solid #DADADA;
	line-height:31px;
	padding: 4px 7px;
}
.chromestyleActive2  ul li a{
	color: #ffffff;
	font-size:11px;
	padding: 4px 7px;
	margin: 0;
	text-decoration: none;
	border-right: 0px solid #DADADA;
	line-height:31px;
}
.chromestyle2 ul li a:hover{
	padding: 4px 7px;
	margin:0;
	border-right: 0px solid #DADADA;
	line-height:31px;
}
.chromestyle2 ul li a[rel]:after{ /*HTML to indicate drop down link*/
	content: "";
	color:#ffffff;
}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv2{
	position:absolute;
	top: 0;
	border: 0px solid #BBB; 
	border-bottom-width: 0;
	font-size:11px;
	line-height:18px!important;
	z-index:100;
	width: 165px;
	visibility: hidden;
	background-color:#eee;
	background:url(/cmsfile/73) no-repeat center bottom;
	color:#fff;
	margin-top:4px;
	padding: 4px 0 12px 0;
}
.dropmenudiv2 a{
	width: auto;
	display: block;
	text-indent: 14px;
	border-bottom: 1px solid #BBB; 
	padding: 2px 0 2px 8px;
	text-decoration: none;
	font-weight: bold;
	font-size:11px;
	line-height:18px!important;
	color:#003366!important;
	background-color: #eee;
	/*background:url(/cmsfile/81) no-repeat 10px center;*/
}
* html .dropmenudiv2 a{ /*IE only hack*/
	width: 100%;
}
.dropmenudiv2 a:hover{ 
	background-color: #eee;
	color: #003366;
}

/* Veelgestelde vragen + uitklappanels */

#maincontent .faq_answer{
	border-bottom: 1px dotted #666; 
	width:100%; 
	height:auto; 
	padding-bottom:6px;
	float:left; 
	clear:both;
}

/*
#maincontent .faq_answer ul li ul{list-style-type:disc; }
*/

.faq_list{
	width:600px;
	/*height:auto;*/
}
/*
ol.faq_list {
	list-style: none;
	width: 600px;
	height:auto;
}
*/

.faq_list li {
/*
	padding: 0;
	margin: 0;
	*/
	/*display:block;*/
	width:600px;
	line-height:normal;
	/*
	float:left;
	clear:both;
	*/
}
.faq_header {
	padding: 0;
	cursor: pointer;
	/*
	float:left;
	clear:both;
	*/
	font-weight:bold;
	width:600px;
	/*border-top: 1px solid #666;*/
	color:#cc6600;
}
#maincontent p.faq_header{color:#cc6600;}
#maincontent p.faq_header:hover{color:#ff6600;}
.faq_answer {
	/*padding: 0;*/
	float:left;
	clear:both;
	width:600px;
	height:auto;
}

/* Box met de link om de fims te bekijken */
.bekijkfilm{
	width:170px;
	height:100px; 
	border: 1px solid #e2e2e2; 
	float:right; 
	padding-top:8px;
	background:url(/cmsfile/1241) repeat-x left bottom; 

}
.bekijkfilm a img {padding:4px 4px 0 0;}

/*
 * Sourceforge News
 */
#sfnews p{padding: 3px 0; border-bottom: 1px dotted #e2e2e2;}

/*
 * Formulieren
 */
form{font-family: Arial, Helvetica, sans-serif;} 
fieldset {border:none;}
legend {border:none;}
/*
input {font-size:11px; margin-top:4px;padding:2px 3px; border: 1px solid #666; background-color:#fff;height:22px;}
*/
input:focus{background-color:#fff;}
input[type="checkbox"]{margin: 2px 0 2px 12px;}
input[type="radiobutton"]{border:1px solid #fff !important;}
input[type="password"]{border:1px solid #666;}
input[type="select"]{margin-top:4px;border:1px solid #000; background-color:#e2e2e2;}
#maincontent .inputselect{border: 1px solid #e2e2e2;}
textarea{margin-top:4px;width:240px;border: 1px solid #e2e2e2; background-color:#fff;}
textarea:focus{margin-top:4px;background-color:#fff;}
.inputtextarea{width:250px;height:auto;border: 1px solid #666;} /* staat standaard op veels te breed */ 

#supportform{font-family: Arial, Helvetica, sans-serif;}
.inputtextarea{width:250px;height:auto;border: 1px solid #666;margin-left:12px;} /* staat standaard op veels te breed */ 
.inputtext{border: 1px solid #666; margin:4px 0 0 12px;}
.inputselect{margin:4px 0 0 12px; border: 1px solid #666!important;}

/*buttons*/
.inputsubmit {
	display: block;
	border: 1px solid;
	border-color: #aaa #000 #000 #aaa;
	width: 8em;
	background: #e2e2e2;
	margin:12px;
}
.inputsubmit:hover{
	position: relative;
	top: 1px;
	left: 1px;
	border-color: #000 #aaa #aaa #000;
}
option{padding:0 3px; }

#myHiddenDiv {display:none;}
	.popup {background:#FFF; border:1px solid #333; padding:1px;}
	.popup-header {height:24px; padding:7px; background:url("bgr_popup_header.jpg") repeat-x;}
	.popup-header h2 {margin:0; padding:0; font-size:18px; float:left;}
	.popup-header .close-link {float:right; font-size:11px;}
	.popup-body {padding:10px;
}
fieldset ul, fieldset li{border:0; margin:0; padding:0; list-style:none;}
#quickreact fieldset{background: url(/cmsfile/1241) repeat-x left 10px; border: 1px solid #f4f4f4; margin: 24px 0 12px 0; padding: 24px 0;}
#quickreact legend {font-size: 16px; font-weight:bold; margin-left:24px;}
#quickreact li{clear:both;list-style:none;padding-bottom:10px;}
#quickreact input, #quickreact textarea{float:left; border:1px solid #ccc; font-size:10px; margin-bottom:8px; padding:2px; font-family:Arial, Helvetica, sans-serif;font-size:1.1em; width:300px;}
#quickreact label{width:90px;float:left;}
#quickreact label.error{width:100px; font-style: italic; white-space:nowrap; padding-left:6px;}
#quickreact .submitbtn{border-color: #aaa #000 #000 #aaa; width:60px; margin-left: 90px; margin-top:10px;}
#quickreact .submitbtn:hover{border-color: #000 #aaa #aaa #000;}
.c2a td a{background: url(/cmsfile/1241) repeat-x left bottom; display:block; padding:8px 0 8px 8px; width:300px; height:40px;}