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

/*ziet IE op windows niet want deze ondersteunt het > teken niet (IE MAC ziet dit wel)*/
html>body #png {
background-image:url(locatie/naamplaatje.png);
background-repeat:no-repeat;
}
/*ziet alleen IE*/
/*
* html .png { fillter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../img/opmaak/container_bg.png); 
}
*/
body {
	/*	background-image: url(../img/opmaak/background.gif);*/
	background-repeat: repeat;
	background-color: #003366;
	background-color: #EFEFEF;
}
.container {
	background-color: #FFF;
	border: 4px solid #C5C5C5;
}	

#headerimg {
	/*background-image: url(../img/banners/default.gif);*/
	height:175px;
}

#menuleft {
	margin-left: 10px;
}

.kleur1{
	background-color: #EEEEEE;
}

.kleurtekst1{
	color: #036;
}
.kleur2{
	background-color: #008FC5;
}
.kleur3{
	background-color: #BACEEA;
}
.kleur4{
	background-color: #88ABDB;
}

#voetje {
	background-color: #008FC5;
	background-color: #C0D7E6;
}


/* begin css tabs */

ul#tabnav { /* general settings */
	text-align: left; /* set border COLOR as desired */
	list-style-type: none; /* THIRD number must change with respect to padding-top (X) below */
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #88A300;
	margin-top: 1em;
	margin-right: 0;
	margin-bottom: 1em;
	margin-left: 0;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 155px;
	font-size: 0.9em;
	font-weight: bold;
}

ul#tabnav li { /* do not change */
display: inline;
}

body#tab1 li.tab1, body#tab2 li.tab2, body#tab3 li.tab3, body#tab4 li.tab4 { /* settings for selected tab */
border-bottom: 1px solid #fff; /* set border color to page background color */
background-color: #fff; /* set background color to match above border color */
}

body#tab1 li.tab1 a, body#tab2 li.tab2 a, body#tab3 li.tab3 a, body#tab4 li.tab4 a { /* settings for selected tab link */
background-color: #fff; /* set selected tab background color as desired */
color: #000; /* set selected tab link color as desired */
position: relative;
top: 1px;
padding-top: 4px; /* must change with respect to padding (X) above and below */
}

ul#tabnav li a { /* settings for all tab links */
	background-color: #008BC6; /* set unselected tab background color as desired */
	color: #FFF; /* set unselected tab link color as desired */
	margin-right: 10px; /* set additional spacing between tabs as desired */
	text-decoration: none;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #008BC6;
	border-right-color: #008BC6;
	border-bottom-color: #008BC6;
	border-left-color: #008BC6;
	padding-top: 3px;
	padding-right: 6px;
	padding-bottom: 3px;
	padding-left: 6px;
}

ul#tabnav a:hover { /* settings for hover effect */
	color: #FFF;
	background-color: #001244;
}

/* end css tabs */


div.top {
	background-color: #008BC6;
	background-repeat: no-repeat;
	background-position: left top;
	height: 2em;
	padding-top: 0.4em;
	padding-right: 0.5em;
	padding-left: 0.5em;
	font-size: 1em;
	font-weight: bold;
	color: #EEEEEE;
	width: 240px;
}
div.midden {
	min-height:60px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: normal;
	color: #036;
	background-color: #FFF;
	padding-top: 0.4em;
	padding-right: 0.5em;
	padding-left: 0.5em;
	padding-bottom: 0.5em;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #008BC6;
	border-right-color: #008BC6;
	border-bottom-color: #008BC6;
	border-left-color: #008BC6;
	background-repeat: repeat-x;
	width: 240px;
}

div.smalltop {
	background-color: #008BC6;
	background-repeat: no-repeat;
	background-position: left top;
	height: 2em;
	padding-top: 0.4em;
	padding-right: 0.5em;
	padding-left: 0.5em;
	font-size: 1em;
	font-weight: bold;
	color: #FDFFDF;
	width: 165px;
}
div.smallmidden {
	min-height:60px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: normal;
	color: #666666;
	background-color: #EEEEEE;
	padding-top: 0.4em;
	padding-right: 0.5em;
	padding-left: 0.5em;
	padding-bottom: 0.5em;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #D2DDDD;
	border-right-color: #D2DDDD;
	border-bottom-color: #D2DDDD;
	border-left-color: #D2DDDD;
	background-repeat: repeat-x;
	width: 165px;
}


h1{
	font-size: 2.5em;
	}


/* begin css tabs */

ul#tab_abc { /* general settings */
	text-align: left; /* set border COLOR as desired */
	list-style-type: none; /* THIRD number must change with respect to padding-top (X) below */
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #BACEEA;
	margin-top: 1em;
	margin-right: 0;
	margin-bottom: 1em;
	margin-left: 0;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 10px;
	font-size: 0.9em;
	font-weight: bold;
}

ul#tab_abc li { /* do not change */
display: inline;
}

body#tab1 li.tab1, body#tab2 li.tab2, body#tab3 li.tab3, body#tab4 li.tab4 { /* settings for selected tab */
border-bottom: 1px solid #fff; /* set border color to page background color */
background-color: #fff; /* set background color to match above border color */
}

body#tab1 li.tab1 a, body#tab2 li.tab2 a, body#tab3 li.tab3 a, body#tab4 li.tab4 a { /* settings for selected tab link */
background-color: #fff; /* set selected tab background color as desired */
color: #000; /* set selected tab link color as desired */
position: relative;
top: 1px;
padding-top: 4px; /* must change with respect to padding (X) above and below */
}

ul#tab_abc li a { /* settings for all tab links */
	background-color: #D1DEF2; /* set unselected tab background color as desired */
	color: #666; /* set unselected tab link color as desired */
	margin-right: 1px; /* set additional spacing between tabs as desired */
	text-decoration: none;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #BACEEA;
	border-right-color: #BACEEA;
	border-bottom-color: #BACEEA;
	border-left-color: #BACEEA;
	padding-top: 3px;
	padding-right: 6px;
	padding-bottom: 3px;
	padding-left: 6px;
}

ul#tab_abc a:hover { /* settings for hover effect */
background: #fff; /* set desired hover color */
}
.box {
	padding:0.5em;
	margin-bottom:1em;
}
.box {
	background-color: #EEE;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: dashed;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #008BC6;
	border-right-color: #008BC6;
	border-bottom-color: #008BC6;
	border-left-color: #008BC6;
	}
	
.imageright {
	border:0px none #e5e5e5;
	background-color:#ffffff;
	padding:5px;
	margin-left:10px;
	margin-right:0px;
	float:right;
	max-width: 250px;

} 
.imageleft {
	border:0px none #e5e5e5;
         background-color:#ffffff;
         padding:5px;
         margin-left:0px;
         margin-right:10px;
         float:left;
		 max-width: 150px;

} 	
.imageborder {
	border:0px none #e5e5e5;
	background-color:#ffffff;
	padding:5px;
	margin-left:0px;
	margin-right:10px;
	float:left;
	height: 285px;
} 	
.streepgroen {
	max-width: 150px;
	border-bottom-width: 7px;
	border-bottom-style: solid;
	border-bottom-color: #78A22F;
} 
.blok_orange{
	color: #FFF;
	background-color: #E8A713;
	padding: 1px;
	border: 2px solid #E8A713;
	width: 50px;
	font-weight: bold;
	font-size: 12px;
	float: right;
	}
a.link_groen:link, a.link_groen:visited, a.link_groen:hover, a.link_groen:active{
	color: #78A22F;
	}	
 a.link_groen:hover{
	color: #E8A713;
	}	
.centreer{
	text-align: center;
	}	

.boxdark {
	padding:0.5em;
	margin-bottom:1em;
	background-color: #E9E9E9;
	border: 1px solid #E2E2E2;
	color: #666;
	text-align: left;
	}	
/* end css tabs */
h1 {
	font-size: 28px;
}

#webtitel {
	position:absolute;
	top:18px;
	height:40px;
	z-index:1;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	background-color: #003366;
	color: #FFFFFF;
	padding: 5px;
	text-align: left;
	margin-right: 0px;
	top:43px;
	border-top-width: 3px;
	border-right-width: 3px;
	border-bottom-width: 3px;
	border-left-width: 3px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #EEE;
	border-right-color: #EEE;
	border-bottom-color: #EEE;
	border-left-color: #EEE;
}

#webtitel a{
	position:absolute;
	color: #008BC6;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
	top: 25px;
	display: block;
		text-align: right;
}

#navigatie li.selected {
	background-color: #CAEFFF;
		border-color:#008BC6;
	border-style:dashed none none;
	border-width:thin;
}

#navigatie li.selected a{
	color: #008BC6;	
	}
	
#navigatie li.selected a:hover{
	text-decoration: none;
		display: block;
	}

#navigatie 
{
	list-style: none;
	padding: 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10.5px;
} 

#navigatie a
{
	text-decoration: none;
	color: #003;
} 
#navigatie a:hover
{
	text-decoration: underline;
	color: #000;


} 

#navigatie li
{
	text-decoration: none;
	left: 5px;
	text-align: left;
	border-color:#008BC6;
	border-style:dashed none none;
	border-width:thin;
	color:#001244;
	display: block;
	height: 20px;
	width: 185px;
	padding: 2px;	
} 

#navigatie li a:hover
{
	display: block;
	height: 20px;
	width: 185px;
	background-color: #008BC6;
	text-decoration: none;
	color:#FFF;
	font-weight: bold;
} 

#navigatie li a
{	display: block;
} 

.niveau1  {
	text-indent: 2px;
	background-color: #E4E4E4;
	color: #036;
}

.niveau2 {
	text-indent: 8px;
	background-color: #EBEBEB;
	font-size: 10px;
	color: #004F9D;
}
.niveau3 {
	text-indent: 15px;
	background-color: #F5F5F5;
	font-size: 9.5px;
	color: #006AD5;
}
#iframeWrapper {
width:100%;
min-height: 100%;
height:auto !important; /* voor moderne browsers */
height:100%; /* voor IE */
}
.box {
	font-size: 12px;
}
.boxdark {
	font-size: 12px;
}