/* CSS document ---------------------------------------------------
Webdevelopement by Webism: info@webism.nl
Default fonttype	 		10pt Verdana, Arial, Helvetica, sans-serif

oranje:						#fc7f01
donker grijs:				#242424
licht grijs:				#878787
zwart
------------------------------------------------------------------- */
body{
	margin:0px;padding:0px;
	height:100%;width:100%;
	background-color:#FFFFFF;
	text-align: center;
	background-position: center;
}

p, td, li {
	font:10pt Verdana, Arial, Helvetica, sans-serif;
	color:#323232
}
h1{font-size:120%; color:#878787}

.content img {padding:3px;border:1px solid #333}

th{color:black}
/* HOOFDMENU 
// -------------------------------------------------------------------------------------- */
ul.hoofdmenu{
	width: 190px; /* to display the list horizontaly */
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
	}
ul.hoofdmenu li{
	display: inline; /* for IE5 and IE6 */
	}
ul.hoofdmenu li a:link, ul.hoofdmenu li a:visited{
	width: 99.99%;
	display: block;
	background: url(/styles/default/images/menubolopen.png) no-repeat 0px center;
	border-top:none;
	border-bottom: 1px #333 dotted;
	border-left: none;
	border-right: none;
	text-decoration: none;
	color:#333;
	padding-top:20px;
	padding-bottom:20px;
	font: 700 15px/20px Verdana, Arial, Helvetica, sans-serif;
	}
ul.hoofdmenu li a:hover{
	color:ff8900;
}


/* SUBMENU 
// -------------------------------------------------------------------------------------- */
ul.submenu{
	width: 180px; /* to display the list horizontaly */
	font: 700 15px/30px Arial, Helvetica, sans-serif;
	padding: 0;
	margin-top: 10;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 10px;
	}
ul.submenu li{
	display: inline; /* for IE5 and IE6 */
	}
ul.submenu li a{
	width: 99.99%;
	display: block;
	padding-top: 15px;
	padding-left: 0px;
	padding-bottom:15px;
	border-top:none;
	border-left: none;
	border-right: none;
	border-bottom: 1px white dotted;
	text-decoration: none;
	color: white;
	font: 700 11px/15px Verdana, Helvetica, sans-serif;
	}
ul.submenu li a:hover{
	color:#ff8900;
}

ul.hoofdmenu li a.current,ul.submenu li a.current{
	color:#fc7f01;
	
}

td.leftcol{
	border-top:1px solid #999999;
	border-bottom:1px solid #999999;
	background-color:#575757;
	background-image: url(/styles/default/images/bgSubMenu.jpg);
	background-repeat: repeat-x;
}
td.leftcol div{
	margin-left:5px; 
	margin-right:10px; 
	margin-top:20px; 
	text-align:left
}
td.content{	
	color: #FFFFFF;
	background-image: url(/styles/default/images/bgcontent.png);
	background-repeat: repeat-y;
	border-top:1px solid #999999;
	border-bottom:1px solid #999999;
}
td.content div{
	margin-left:30px; 
	margin-right:30px; 
	margin-top:20px;
	text-align:left
}	
td.content div th{
	color:#333
	}
td.footer{
	color: #FFFFFF;
	background-image: url(/styles/default/images/bgfooter.png);
	background-repeat: no-repeat;
}
td.footer a{font:8pt Verdana;color:white}


/* RSS FEEDS
// -------------------------------------------------------------------------------------- */
ul.rssfeed, ul.rssfeed ul, ul.rssfeed li{
	list-style-type: none;
}
ul.rssfeed li a{
	background-image: url(/images/icon_rssfeed.png);
	background-position:0px 1px; 	
	background-repeat: no-repeat;
	margin: 0px 0px 7px 0px; 
	padding:0px 0px 0px 18px; 
	font-size:10pt; 
	font-weight:bold;  
	line-height: 18px;
}

ul.rssfeed ul li a{
	background-image: url(/images/icon_rssfeed.png);
	background-position:0px 0px;
	background-repeat: no-repeat;
	font-size:11px;
	line-height: 20px;
	font-weight:500;
	text-decoration:underline;
	margin-top: 7px;
	margin-right: 0px;
	margin-bottom: 7px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 18px;
}

/* Bladerfunctie boven resultaat pagina's
---------------------------------------------------- */
#navi{
	position:relative;
	top:-70px;
	right: 5px;
	padding:2px 0px 2px 2px;
	text-align:right;
}
#navi{border:1px none #16285A; background-color:transparent; color:black }
#navi a:link, #navi a:visited{background-color: #FFFFFF; text-decoration:none}
#navi a:hover, #navi a:active{color:red}
#navi a:link.navi, a:visited.navi{border-right: 1px none #16285A;background-color:white; color:black}
#navi a:hover.navi, a:active.navi{color:red}
#navi a:link.sort,  a:active.sort, a:visited.sort, a:active.sort{color:black; font-weight:700;border: 1px solid #16285A; background-color:orange;}

/* FORMS: VELDEN EN BUTTONS
---------------------------------------------------- */
#SearchForm{float:left;margin-left:10px;margin-top:3px;margin-bottom:0px}
label {
	font-weight:700;
	font-size:80%;
	}
legend {
	margin-left: 2px;
	font-weight:700;
	}
input, textarea, select {
	background-color:#F8F8F8;
 	border: 1px #333 solid; 
	padding: 1px 0 1px 1px; 
	font-size: 92%; 
	color: #010133; 
	width:220px;	
}
textarea {
	height: 150px;
	overflow: auto;
	}
input:focus, textarea:focus, select:focus, input.submit:focus, input.verstuur:focus {
	background-color:#fc7f01; 
	color:#000;
	border-bottom:1px solid #154B91;	
	} 
		
input.checkbox {
 	border: 1px #AEAE95 none; 	
	}	
input.search {
	width:175px;
	padding-top:0.15em;
	padding-bottom: 0.15em; 	
	padding-left: 27px;
	background-image: url(/styles/default/images/forms/loop.png);
	background-color:#F1EABC;
	background-repeat: no-repeat;
	background-position: left -1px;		
	}
	
input.email{
	width:130px;
	padding-left: 27px;	
	background-image: url(/styles/default/images/forms/mail.png);
	background-repeat: no-repeat;
	background-position: left 2px;
}

input.smile{
	width:130px;
	padding-left: 27px;		
	background-image: url(/styles/default/images/forms/smile.png);
	background-repeat: no-repeat;
	background-position: left 0px;
}	

input.submit {
	font-weight: bold; 
	padding: 0.1em 0.1em 0.15em 0.1em; 
	width: auto !important; 
	margin: 0 0 0 0.2em;
	cursor: pointer;
	background-color:#000; color:#fc7f01; 
	}



#LoginForm td.inputboxLabel, #LoginForm td.inputboxHolder{border:none; background:none} 
#LoginForm td.inputboxHolder{text-align:right}