
* {
font-size:100.01%;
Padding-right: 0px; 
Padding-left: 0px; 
Padding-bottom: 0px; 
Margin: 0px; 
Padding-top: 0px;
}


body{
Background: url(../images/bodybg.gif) no-repeat center 0px;
margin:0 auto;
font: 12px/1.6em Verdana, Arial, Geneva, Helvetica, sans-serif;
color:#3C3C3C;

}


img {
display: block;
border: none;
text-decoration: none;
}

form, fieldset {
margin: 0;
padding: 0;
border: none;
}
input {
color: #333;
font: 1.1em/1.45em Verdana, Geneva, Arial, Helvetica, sans-serif;
/*
border: 1px solid #c6c6c6;
*/
}

textarea {
color: #333;
font: 1.1em/1.45em Verdana, Geneva, Arial, Helvetica, sans-serif;
/*
border: 1px solid #c6c6c6;
*/
}
p {
margin: 5px 0 15px 0;
}
img.withpadding {
background-color: #fff;
padding: 3px 3px;
padding: 0;
}
sub, sup {
font-size: 10px;
}

#main {
Padding: 0px 15px 0px 15px;
Margin: 0px auto; 
Width: 968px;
position: relative;
overflow: hidden;
}

#main a.logo, #main h1 {
width: 349px;
height: 92px;
overflow: hidden;
display: block;
margin-top: 14px;
padding: 0;
z-index: 3;
}
#main h1 a {
display: block;
width: 100%;
text-indent: -9999px;
height: 100%;
background-color: #fff;
}
#main h1 a img {
	text-indent: 0;
}

#sitemap{
	float: right;
	color: #fff;
	font-size: 10px;
	}

#sitemap a{
	color: #D4D4D4;
	text-decoration: none;
}

#sitemap DIV{
	float: left;
	
	margin-right: 5px;	
}

#sitemap .contact a{
	Background: url(../images/icons/contact2.gif) no-repeat left top;
	padding-left: 23px;
	padding-right: 5px;	
	border-right: #A9C6E9 1px solid;
}

#sitemap .contact a:hover{
	color: #fff;
	Background: url(../images/icons/contact2.gif) no-repeat left top;
	text-decoration: underline;
}

#sitemap .rss a{
	Background: url(../images/icons/rss2.gif) no-repeat left 1px;
	padding-left: 23px;	
	border-right: #A9C6E9 1px solid;
	padding-right: 5px;
}

#sitemap .rss a:hover{
	color: #fff;
	Background: url(../images/icons/rss2.gif) no-repeat left 1px;
	text-decoration: underline;
}

#sitemap .siteinfo a{
	Background: url(../images/icons/informatie2.gif) no-repeat left 1px;
	padding-left: 20px;	
	
	
}

#sitemap .siteinfo a:hover{
	color: #fff;
	Background: url(../images/icons/informatie2.gif) no-repeat left 1px;
	text-decoration: underline;
}

#sitemap .sitemap a{
	Background: url(../images/icons/sitemap2.gif) no-repeat left top;
	padding-left: 23px;
	padding-right: 5px;	
	border-right: #A9C6E9 1px solid;
}

#sitemap .sitemap a:hover{
	color: #fff;
	Background: url(../images/icons/sitemap2.gif) no-repeat left top;
	text-decoration: underline;
}

ol{	
	padding-left: 47px;
}


#header ul {
float: left;
font: normal 0.8em Verdana, Arial, sans-serif;
Background: url(../images/menubg.gif) repeat-x left top;
color: #EBEBEB;  
padding: 0 0 0 1px;
list-style:none;		
width: 100%;
margin-top: 15px;
height: 59px;
}

#header ul span{
font: bold 2.4em Verdana, Arial, sans-serif;
clear: both;
display: block;
}

#header li {
display: inline;

padding: 0;
margin-right: 2px;	
float: left;
}

#header li.current {
Background: url(../images/menucurr.gif) no-repeat 10px 2px;
}

#header li a {
color: #EBEBEB;
float: left;
margin:	0;
padding-left:3px;
text-decoration: none;
display: block;	
padding:7px 19px 15px 23px;
float: none;
}


#header li a:hover {
color: #CCC;
text-decoration:none;
Background: url(../images/menucurr.gif) no-repeat 10px 2px;
}

#additional {
Float: right;
margin-right: 10px;
Margin-top: 60px; 
Color: #305BB7;
}

#additional a{
Color: #305BB7; 
}

#additional a:hover{
Color: #FF5A00; 
}

#content{
width: 100%;
padding:  15px 30px 0px 0;
overflow: hidden;
float: left;
height: 100%;
}

#content.driekoloms{
width: 468px;
padding:  15px 30px 0px 15px;
overflow: hidden;
float: left;
}

#content.driekolomsdocs{
width: 468px;
padding:  15px 30px 0px 15px;
overflow: hidden;
float: left;
}

#content.tweekoloms{
width: 698px;
padding:  15px 30px 0px 15px;
overflow: hidden;
float: right;
}



#content h3 {
		width: 100%;
		float: left;
		color: #FF5A00;
		margin: 1.3em 0 0.4em 0px;
		font: italic 1.7em Georgia, Helvetica, Trebuchet MS, Arial, sans-serif;          
     }
     
   
     
#content h5 {
		color: #5C6067;
		float: left;
		width: 100%;
		margin: 0em 0 0.4em 0px;
		font: italic 1.7em Georgia, Helvetica, Trebuchet MS, Arial, sans-serif;          
     }
     
#content h5 p{
		
		font-size: 70%;          
     }     
     
#content h5.stripe {
		float: left;
		margin: 3.8em 0 0.4em 0px;
		border-bottom: 3px solid #ccc;
		display: block;
		clear: all;
     }     
     
#content h5.attentiongr{
float: left; color: green; text-align: center; margin: 20px 50px 50px 50px; width: 90%; padding: 50px 0 50px 0; background-color: #F6F6F6;border: 1px dashed #D1D1D1
}

#content h5.attentionsm{
display: block; color: #919191;
		clear: all;float: left; text-align: center; margin: 20px 50px 0px 90px; width: 70%; padding: 20px 0 20px 0; background-color: #F6F6F6;border: 1px dashed #D1D1D1; font-size:120%;
}

#content h5.attentionred{
float: left; color: red; text-align: center; margin: 20px 50px 50px 50px; width: 90%; padding: 50px 0 50px 0; background-color: #F6F6F6; border: 1px dashed #D1D1D1
}          



#content ul{
list-style:none;
margin-top: 4px;

}

#content .inhoud table li{
Background: url(../images/nieuws_rechts.gif) no-repeat left 6px;
padding-left: 18px;
margin-left: 0px;
}

#content .inhoud table ul{
	margin: 0;
	padding: 0 0 30px 5px;
	width: 100%;
}
#content h4 {
          font: italic 1.4em Georgia, Helvetica, Trebuchet MS, Arial, sans-serif;	
          letter-spacing:0px;
          border: 0;
          
          padding: 30px 0 0 0;
          
     }

#content ul h4{
		  font: bold 1.1em / 1.1em Tahoma, Verdana, Arial, Helvetica, sans-serif;
          letter-spacing:0px;
          border: 0;
          padding: 0 0 5px 0;
          margin: 0;
}
#begrippenlijst ul{
	float: left;
	padding: 10px 0 0 30px;
	margin: 20px 0 20px 0;	
	border-left: solid 1px #ccc;
	line-height: 130%;
	list-style:none;	
	width: 80%;
}	
#begrippenlijst li {
	padding: 0 0 0 15px;
	width: 90%;
	margin: 5px 0 15px 0;
	float: left;
	Background: url(../images/bulletLB.gif) no-repeat left 7px;
}

#begrippenlijst li p{
	margin: 5px 0 15px 0;
	padding: 0 0 0 12px;
	font: italic 1.2em Georgia, Helvetica, Trebuchet MS, Arial, sans-serif;
}

#begrippenlijst li a.supersize{
		color: #FF5A00;
		margin: 10px 0 0 10px;
		padding: 0;
		font: italic 1.4em Georgia, Helvetica, Trebuchet MS, Arial, sans-serif;
}

#begrippenlijst li a:hover.supersize{
		color: #124D96;
		margin: 10px 0 0 10px;
		padding: 0;
		font: italic 1.4em Georgia, Helvetica, Trebuchet MS, Arial, sans-serif;
}

#content h3.letterding {
		width: 5%;
		padding-top: 18px;
		
		float: left;
		color: #FF5A00;
		margin: 10px;
		font: italic 2.5em Georgia, Helvetica, Trebuchet MS, Arial, sans-serif;          
     }  


#content .inhoud1 ul, #content .inhoud2 ul, #content.inhoud ul{
	list-style:none;
	float: left;
	margin: 0;
	padding: 0 0 15px 0;
	width: 100%
}	
     
#content .inhoud1 li, #content .inhoud2 li, #content.inhoud li{
	padding: 5px 0 10px 20px;
	color: #54565C;
	Background: url(../images/nieuws_rechts.gif) no-repeat left 9px;		
}

#content .inhoud1 li:hover, #content .inhoud2 li:hover, #content.inhoud li:hover{
	padding: 5px 0 10px 20px;	
	color: #000;
	Background: url(../images/nieuws_rechts.gif) no-repeat left 9px;		
}

#content .inhoud ul{
	float: left;
	padding: 4px 8px 35px 23px;
	margin-left: 0px;
	margin-bottom: 20px;
	border-left: solid 1px #fff;
	line-height: 210%;
	list-style:none;	
}


#content .inhoud  h2 {
font: bold 22px Verdana, Arial, Calibri, sans-serif;
margin: 7px 0 5px 0;
color: #000;
width: 100%;
}

#content .inhoud li {
	padding: 7px 0 0 20px;
	margin-bottom: 5px;
	Background: url(../images/bulletLB.gif) no-repeat left 11px;
}

#content IMG{
	padding: 4px; border: 1px solid #ccc;margin: 3px 9px 3px 0;float: left;
}



#content a{
	color: #FF5A00;
	text-decoration: underline;
}

#content a:hover{
	color: #124D96;
	text-decoration: underline;
}

#content .inhoud{
	margin: 0 0 15px 0;
	width: 98%;
	float: left;
	overflow: hidden;
}

#content .inhoud1{
	width: 46%;
	float: left;
	clear: all;	
	overflow: hidden;	
}

#content .clear{
	width: 100%;
	float: left;
	line-height: 1%;
	font-size: 1%;
	margin-bottom: 10px;
	padding: 0;
}

#content .inhoud2{
	width: 46%;
	float: left;
	padding-left: 40px; 
	clear: none;
	overflow: hidden;	
}

.orangebar .inhoud{
	width: 31%;
	float: left;
	
	overflow: hidden;	
	padding-right: 30px;
	margin-left: 0px;
}

.orangebar .nopadding{
	padding-right: 0px;
	
}

.orangebar .inhoud p{
	color: #fff;	
}


.orangebar .inhoud IMG{
	border: 1px #fff solid;
	padding: 1px;
	margin: 0 0 9px 0;
}

.orangebar{	
	Background: url(../images/orangebg.gif) no-repeat center 0px;
	background-color:#E3720A;
	Width: 100%;
	margin-top: -20px;
	overflow: hidden;
	height: 255px;
	font-size: 100%;
}


.orangebarwrap{	Padding-top: 20px; 
	
	Margin: 0px auto; 
	Width: 960px; 	
	Position: relative;
	color: #969696;
	line-height: 20px;
}

#rightside{
float: left;
width: 230px;	
padding:  15px 0 15px 0px;
overflow: hidden;
}

#rightside.docs{
float: left;
width: 230px;	
padding:  15px 0 15px 0px;
overflow: hidden;
}

#rightside IMG{
	float: left;
	padding:  0 10px 0 0 ;
}

#rightside .door{
	font: normal 1.0em / 1.7em Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #8A9634;	
	
}

#rightside a{
	text-decoration: none;
	color: #FF5A00;	
}

#rightside a:hover{
	text-decoration: underline;
	color: #124D96;	
}


#rightside h3 {
color: #FF5A00;
margin: 0.3em 0 0.4em 0px;
font: 1.5em Helvetica, Trebuchet MS, Arial, sans-serif;
}

#rightside h5 {
color: #124D96;
margin: 0.7em 0 0 0px;
font: 1.5em Helvetica, Trebuchet MS, Arial, sans-serif;
}

#rightside p{
margin: 0;
font: normal 0.9em / 1.7em Tahoma, Verdana, Arial, Helvetica, sans-serif;
color: #8E9299;
padding: 5px 0 0 0;	
}

#rightside .itemrechts{
	border-bottom: #CCCCCC 1px solid;
	padding-bottom: 17px;
	}

#rightside ul{
list-style:none;
font: normal 0.9em / 1.7em Tahoma, Verdana, Arial, Helvetica, sans-serif;
color: #8E9299;
}

#rightside li{
padding-bottom: 12px;
}

.orangebar h2 {
font: bold 26px Verdana, Arial, Calibri, sans-serif;
margin: 0px 0 -5px 0;
color: #1F1D1F;
width: 100%;
}

h2 a{
color: #8A9634;
}

h2 a:hover{
text-decoration: underline;
color: #8A9634;
}

#rightside h4 {
          font: normal 1.5em / 1.1em Tahoma, Verdana, Arial, Helvetica, sans-serif;
          letter-spacing:0px;
          border: 0;
          color: #cc0000;
          margin: 0.5em 0 0 0;          
     }
     
#rightside h4 a{
          color: #cc0000;          
     } 
#rightside h4 a:hover{
          color: #cc0000;          
          text-decoration: underline;
     }          


#mainmenu{
	Background: url(../images/topbg.gif) repeat-x left top;
	background-color:#EBEBEB;
	Width: 100%;
	margin-top: 0px;
	overflow: hidden;
	height: 20px;
	font-size: 100%;
	}

#footer{	
	Background: url(../images/footerbg.gif) repeat-x left top;
	background-color:#1B1B1B;
	Width: 100%;
	margin-top: 0px;
	overflow: hidden;
	min-height: 197px;
	font-size: 100%;
	}

#footer2{	
	Background: url(../images/footerbg3.gif) repeat-x left top;
	background-color:#1B1B1B;
	padding-top: 40px;
	Width: 100%;
	margin-top: 0px;
	overflow: hidden;
	min-height: 197px;
	font-size: 100%;
	}	


#footerwrap{
	Padding-top: 20px; 
	Margin: 0px auto; 
	Width: 968px; 	
	Position: relative;
	color: #969696;
	line-height: 20px;
}

#footerwrap .inhoud{
	width: 31%;
	float: left;
	
	overflow: hidden;	
	padding-right: 37px;
	margin-left: -4px;
}

#footerwrap .inhoud h2{
	font: bold 26px Verdana, Arial, Calibri, sans-serif;
	margin: 0px 0 -5px 0;
	color: #FFF;
	width: 100%;
}

#footerwrap .nopadding{
	padding: 0;
}

#footerwrap .inhoud p{
	color: #D8D8D8;	
	font-size: 110%;
}

#footerwrap .inhoud p a{
	color: #E46F06;	
	font-weight: bold;
	text-decoration: underline;
}

#footerwrap .inhoud p a.button{
	Background: url(../images/orangebutton.gif) repeat-x left top;
	border: 0px solid #fff;
	background-color: #DD4400;
	-moz-border-radius:6px;	
	-webkit-border-radius:6px;
	padding: 9px 14px 9px 14px;
	margin-left: 55px;
	text-decoration: none;
	font-weight: bold;
	color: #fff;
}

#footerwrap .inhoud p a.button:hover{
	
	text-decoration: underline;
}

#footer h3{		
		float: left;
		padding-right: 9px;
		color: #FF5A00;
		margin: 0 0 0 0;
		font: italic 1.7em Georgia, Helvetica, Trebuchet MS, Arial, sans-serif;	
}

#footerwrap ul{
	float: left;
	padding-left: 13px;
	padding-right: 8px;
	margin-left: 0px;
	border-left: solid 1px #fff;
	overflow: hidden;	
	width: 210px;	
	list-style:none;	
}

#footerwrap a{
	text-decoration: none;
	color: #969696;
}

#footerwrap a:hover{
	text-decoration: underline;
	color: #F3774F;
}

#footerwrap li {
	padding-right: 30px;
}


.sitedoor a{
	text-decoration: none;
	color: #969696;
}

.sitedoor a:hover{
	text-decoration: underline;
	color: #F3774F;
}

.sitedoor{
float: right;
clear: none;
display:block;
margin-top: 55px;
width: 960px;
text-align: right;
padding-bottom: 10px;
font-size: 90%;
}

.topicdate{
	Background: url(../images/icons/date.gif) no-repeat left 2px;	
	padding: 0 0 0 19px;
	margin: -11px 0 12px 0;
	color:#8E9299;
	font-size: 90%
}

.showtags{
	Background: url(../images/icons/tag_blue.gif) no-repeat left 2px;	
	padding: 0 0 0 19px;
	margin: 31px 0 12px 0;
	color:#8E9299;
	font-size: 90%;
	float: left;
	width: 100%;
}

#content .showtags a{
	color:#8E9299;	
}

#content .showtags a:hover{
	color:#FF6500;	
}

.artby{
	Background: url(../images/doc2.gif) no-repeat left 2px;	
	padding: 0 0 0 19px;
	margin: -11px 0 12px 0;
	color:#8E9299;
	font-size: 90%
}


#content .meerlezen a{
	text-decoration: underline;
	font-size: 110%;
	float: right;
	padding: 0 10px 20px 0;
}

#content .terugnaar a{
	background: url(../images/terugsm.gif) no-repeat left 4px;	
	text-decoration: none;
	font-size: 110%;
	float:right;
	padding: 0 10px 0 20px;
	margin: 15px 0 15px 0;
}

#content .terugnaar a:hover{
	background: url(../images/terugsm2.gif) no-repeat left 4px;	
	
}

.puzzleholder{
	width: 300px;
	float: right;
	border: 1px solid #c2c2c2;
	padding: 4px;
	margin-left: 25px;
}

#content .noborders{
	padding: 0px; border: 0px solid #ccc;margin: 0;float: left;
}

.paginanummers{
	font-size: 80%;		
	text-align: center;
}

.actionbar{
	background-color: #fff;
	text-align: right;
	font-size: 90%;
	padding-right: 15px;
}

.reacties{
	margin: 20px 50px 50px 50px; width: 80%; padding: 20px 20px; 150px 20px; background-color: #FBFBFB;border: 1px dashed #D1D1D1; float: left;

}

.contactid{
font-size: 90%;
float: left;
}

.contactid span{
color: #8E9299
}

.button{
	Background: url(../images/orangebutton.gif) repeat-x left top;
	border: 0px solid #fff;
	background-color: #DD4400;
	-moz-border-radius:6px;	
	-webkit-border-radius:6px;
	padding: 9px 14px 9px 14px;
	
	text-decoration: none;
	font-weight: bold;
	color: #fff;
}

a.button{
	Background: url(../images/buttonbg.gif) repeat-x left top;
	border: 0px solid #fff;
	background-color: #2D2D2D;
	-moz-border-radius:6px;	
	-webkit-border-radius:6px;
	padding: 9px 14px 9px 14px;
	margin-left: 85px;
	text-decoration: none;
	font-weight: bold;
}

a.button:hover{
	
	text-decoration: underline;
}

#content .button:hover{
	
	text-decoration:underline;
	cursor: pointer
}


#content ul.sitemap{
	float: left;
	padding-left: 53px;
	padding-right: 8px;
	margin-left: 0px;
	border-left: solid 1px #fff;
	line-height: 210%;
	list-style:none;	
}


.sitemap li {
	padding-left: 20px;
	Background: url(../images/bulletLB.gif) no-repeat left 9px;
}

#leftside{
float: left;
width: 210px;	
padding:  15px 0 15px 0px;
margin-right: 15px;
overflow: hidden;
height: 100%;
}

#breadcrums{
	font-family: arial;
	font-size: 90%;
	color: #A2A2A2;
	margin-top: -2px;
	padding-bottom: 2px;
	width: 100%;
	border-bottom: solid 0px #DDDDDD
}

#breadcrums a{
	text-decoration: underline;
	color: #A2A2A2;	
}

#breadcrums a:hover{
	text-decoration: underline;
	color: #000;	
}

#rightside .keuzemenu{

}

SPAN.pdfdocs{
	Background: url(../images/img_pdf.gif) no-repeat left -2px;
	padding-left: 25px;
	padding-bottom: 5px;
	text-decoration: none;
	margin-left: -12px;
}

#rightside .keuzemenu h5{
font: bold 16px Verdana, Arial, Calibri, sans-serif;
margin: 2px 0 5px 0;
color: #000;
width: 100%;
padding: 0 0 5px 0;
}

#rightside .keuzemenu ul{	
	border-left: solid 0px #ccc;
	line-height: 110%;
	list-style:none;	
	color: #fff;
	font-size: 110%;
	font-weight: normal;
}

#rightside .keuzemenu ul a{		
	color: #fff;
	Background: url(../images/submenu2.gif) repeat-x left top;
	background-color: #DD5507;
	padding: 11px 0 11px 18px;
	width: 100%;
	display: block;
}

#rightside .keuzemenu li{
	padding: 0;
	margin: 0;
}

#rightside .keuzemenu ul a:hover{
	Background: url(../images/submenu1.gif) repeat-x left top;	
	background-color: #454545;
	text-decoration: none
}

.sitemaplink{
float: right; overflow: hidden; margin-top: 74px; padding-left: 23px;
Background: url(../images/sitemap.gif) no-repeat left top;	
font-size: 11px; 
}

.sitemaplink a{
color: #c2c2c2;
text-decoration: none;
}

.sitemaplink a:hover{
color: #E3720A;
text-decoration: none;
}
