/* 
STANDAARD CSS BESTAND 
DATUM: 05-01-2006
*/

/* BODY */
html {
	overflow-y:		scroll;
}
body {		
	text-align:		center; 
	margin-left:	0px; 
	margin-right:	0px; 
	margin-top:		0px; 
	margin-bottom:	0px; 
	font-family:	Verdana, Arial, Helvetica, sans-serif; 
	color:			#000000;
	height:			100%;
 	behavior:		url("/library/csshover.htc");
	font-size:		10px;
	background-color:#DCDDDE;
}


/* LAYERS */
div#container 			{	width:784px; margin:0 auto; text-align:left; height:auto; background:#FFFFFF; }
div#container .navblock	{	width:784px; margin:0 auto; text-align:left; }
div#container .header 	{	width:784px; margin:0 auto; text-align:left; float:left; background: url(/images/language_bg.jpg) top right no-repeat; min-height:120px; _height:120px;}

div#container .header img { margin-bottom:8px; }

div#container .main 	{	
	text-align:justify;
	clear:both;
	background:url(/images/container_bg.jpg) top right repeat-y;
	width:754px; 	
	padding-top:20px;
	padding-bottom:20px;
	margin-left:30px;
	min-height:600px; 
	_height:600px; 
}

div#container .main .subNav {
	float:left;
	width:150px;
	_height:600px;
	min-height:600px;
}

div#container .main .noSubNav {
	float:left;
	width:50px;
	height:600px;
}

.headContent {
	text-align:justify;
	float:left;
	clear:right;
	width:510px;
	min-height:600px; 
	_height:600px;
}
.headContent table{
	width:100%;
	clear:both;
}
.headContent a:link, .headContent a:hover, .headContent a:active, .headContent a:visited {
	color:#000 !important;
}
div#container .footer 	{	
	position:relative;
	width:759px; 
	padding-left:25px;
	text-align:left;
	background-color:#808284; 
	font-size:9px; 
	height:18px; 
	line-height:18px; 
	color:#FFFFFF; 
}

div#container .footer .dots {
	position:absolute;
	width:70px;
	height:300px;
	top:-300px;
	right:0px;
	background:url(/images/main_bg.jpg) top right repeat-y;
}

/* KOPJES */
h1 { 			font-size:15px; font-weight:bold; color:#325690; text-align:left; }
h2 { 			font-size:13px; font-weight:bold; color:#325690; }
h3 {			font-size:11px; font-weight:bold; color:#325690; margin:0px 0px 5px 0px; clear:left; text-align:left;}
hr {			border:1px solid #D1D3D4; width:70%; float:left; clear:both;}

/* ESM STYLES */
.kop1 { 					font-family: Verdana, Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; color:#325690; text-align:left; margin:0px 0px 10px 0px;  display:block;}
.kop2 { 					font-family: Verdana, Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#325690; margin:0px 0px 7px 0px; display:block;}
.kop3 {						font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#325690; text-align:left; margin:0px 0px 4px 0px; display:block;}
.tekstBlauw { 				font-family: Verdana, Arial, Helvetica, sans-serif; color:#325690; font-size: 10px; text-align:justify;}
.achtergrondGeel { 			font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px; background:#FFFBE8; padding:10px; }

/* AFBEELDINGEN */
.hoofdfoto 	{ 	float:right; margin:0px 0px 15px 15px; }
.thumbfoto 	{ 	float:left; margin-right:5px; }  
img			{	border:0; }

/* LINKS */
a:link, a:visited, a:active {	
	color:#000000; 
	text-decoration: underline; 
}
a:hover 	{ 	
	color:#000000; 
	text-decoration: none; 
}

div#container .footer a:link, div#container .footer a:active, div#container .footer a:visited {
	color:#FFFFFF;
	text-decoration:none;
	margin-left:5px;
	margin-right:5px;
	float:left;
}
div#container .footer a:hover {
	color:#FFD520;
}

.verder {
	color:#939598; 
}
a.verder:link, a.verder:visited, a.verder:active {		
	color:#939598; 
	text-decoration: none; 
}
a.verder:hover {
	color:#939598; 
	text-decoration: underline; 
}

/* REALISATIE */
div#realisatie {clear: left; float: right; margin: 5px; padding-right:12px; _padding-right:7px; width: 35px;}
div#realisatie a {display: block; text-indent: -500px; overflow: hidden; width: 100%; height: 30px; background: url('/images/e-sites.gif') center center no-repeat}
div#realisatie a:hover {background-image: url('/images/e-sites-active.gif')}


/* EXTRA */
object {
	margin:0 auto;
}
.header object, .navblock object { 
	float:left; 
}

.overzicht {
	position:relative;
	vertical-align:top;
	text-align:justify;
	width:300px;
	float:left;
	clear:both;
}

.index {
	text-align:justify;
	vertical-align:top;
	width:300px;
	margin-left:40px;
	float:left;
}

.contact {
	vertical-align:top;
	text-align:justify;
	width:250px;
	float:left;
	clear:both;
}
.contact td {
	padding-bottom:4px;
}
.form {
	text-align:left;
	vertical-align:top;
	width:365px;
	margin-left:40px;
	float:left;
}
.form input {
	width:259px;
	height:13px;
	border:1px solid #000000;
	font-size:10px;
}
.form select{
	float:right;
	width:230px;
	height:auto;
	border:1px solid #000000;
	font-size:10px;
}

.form textarea {
	width:259px;
	border:1px solid #000000;
}

.language {
	width:85px; 
	height:65px;
	float:left; 
	text-align:center;
}
	.language a:link, .language a:active, .language a:visited {
		text-decoration:none;
	}
	.language a:hover {
		text-decoration:underline;
	}
	.language a:hover img {
		text-decoration:none;
	}
.clearBoth {
	clear:both !important;
}
.sheets li {
	padding:2px;
}
.message {
	text-align:center;
	font-weight:bold;
}