/*

colors used:
olive for text-color and backgroundcolor header
#32CD32 for the mouseover of the links and text-color h1-h6
white for the links in the footer

*/

* { margin: 0px;	padding: 0px; outline-style: none; }

html {
	height: 100%;
	background: #2e3094 url(pics/bg_html.jpg) repeat-y;
}

body {
	height: 100%;
	background: url(pics/sidebar-bg.jpg) 800px 0px repeat-x;
}

body.index {
	height: 100%;
	background: url(pics/index-sidebar-bg.jpg)  800px 0px repeat-x;
}

#index {
	position: relative;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 975px;
	background: url(pics/home-bg.jpg) 0px 0px no-repeat ;
	border: 0px solid;
	float: left;
}

#site {
  position: relative;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 975px;
	font: 12px arial, verdana, sans-serif;
	line-height: 16px;
	border: 0px solid;
	float: left;
	background: url(pics/body-bg.jpg) 180px 30px no-repeat ;
	min-height: 540px;
	height: 100%;
}

#site-contact {
  position: relative;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 975px;
	font: 12px arial, verdana, sans-serif;
	line-height: 16px;
	border: 0px solid;
	float: left;
}

#bgsite {
  padding: 0px 0px 0px 0px;
	width: 975px;
	border: 0px solid;
	float: left;
	background: url(pics/bgsite.gif) repeat-y;
	min-height: 540px;
	height: 100%;
}


/* ------------------------------------------------------------------------- Header */

#print_header {
	display: none;
}

#header {
	width: 775px;
	height: 190px;
	float: left;
}

#header .logo a img {
	margin: 25px 10px 10px 130px;
	float: left;
	border: 0px solid #ffffff;
}

#header .adres {
	position: relative;
	margin: 16px 0px 10px 230px;
	padding: 0px 0px 0px 0px;
	float: left;
	border: 0px solid #ffffff;
	font-size: 9px;
	line-height: 14px;
	color: #bcb5d7;

}


/* ------------------------------------------------------------------------- Navigation */ 

#navigation {
	font-family: 'Verdana';
	font-size: 18px;
	font-weight: normal;
	color: #bcb5d7;
	padding: 0px 0px 0px 0px;
}

#navigation ul{
	position: absolute;
	top: 150px;
	left: 105px;
	list-style-type: none;
}

#navigation ul li {
	padding: 0px 0px 0px 23px;
	float:left;
}

#navigation li a:link, #navigation li a:visited {
	margin: 0px 0px 0px 0px;
	padding: 3px 0px 6px 0px;
	color: #908cca;
	text-decoration: none;
	display: inline-block;
}

#navigation li a:hover {
	color: #172983;
}

#navigation li.current a:link, #navigation li.current a:visited, #navigation li.current a:hover {
	height: 27px;
	color: #172983;
}

/* ------------------------------------------------------------------------- Content */ 

#leeg {
	margin: 0px 0px 0px 0px;
	width: 10px;
	float: left;
}

#subnavigation {
	position: relative;
	margin: 0px 0px 0px 0px;
	padding: 0px 20px 80px 0px;
	width: 125px;
	height: 350px;
	float: left;
}

#subnavigation ul{
	list-style-type: none;
}

#subnavigation li a:link, #subnavigation li a:visited {
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 1px 0px;
	color: #908cca;
	text-decoration: none;
	display: inline-block;
}

#subnavigation li a:hover {
	color: #172983;
}

#subnavigation li.current a:link, #subnavigation li.current a:visited, #subnavigation li.current a:hover {
	color: #172983;
}

#subnavigation .top{
	margin: 60px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: right;
}

#subnavigation .bottom{
	position: absolute;
	color: #bf8dba;
	bottom: 10px;
	left: 15px;
	text-align: center;
}

#subnavigation .bottom li a:link, #subnavigation .bottom li a:visited {
	margin: 0px 0px 0px 0px;
	padding: 3px 15px 1px 10px;
	color: #fff;
	line-height: 17px;
	text-decoration: none;
	display: inline-block;
	width: 101px;
	height: 23px;
	background: url(pics/button.png) top left no-repeat;
}

#subnavigation .bottom li.diff a:link, #subnavigation .bottom li.diff a:visited {
	padding: 0px;
	height: 18px;
	color: #BF8DBA;
	text-align: right;
	background: none;
}

#subnavigation .bottom li a:hover {
	color: #fff;
}

#subnavigation .bottom li.current a:link, #subnavigation .bottom li.current a:visited, #subnavigation .bottom li.current a:hover {
	color: #fff;
}

#content {
	width: 583px;
	margin: 26px 0px 0px 0px;
	padding: 0px 30px 15px 7px;
	min-height: 290px;
	height: auto !important;
	height: 290px;
	color: #172983;
	line-height: 19px;
	text-align: justify;
	float: left;
	font-size: 12px;
	font-weight: normal;
	border: 0px solid;
}

#content-list {
	width: 485px;
	margin: 65px 0px 0px 0px;
	padding: 0px 30px 15px 0px;
	height: 253px;
	color: #172983;
	line-height: 19px;
	overflow: auto;
	text-align: justify;
	float: left;
	font-size: 12px;
	font-weight: normal;
	border: 0px solid;
}

#content-list a:link, #content-list a:visited {
	text-decoration: none;
	border-bottom: 0px;
	background-image: none;
}

#content-contact {
	width: 775px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 350px;
	color: #172983;
	line-height: 16px;
	background-color: #f1f0f8;
	overflow: auto;
	text-align: justify;
	float: left;
	font-size: 11px;
	font-weight: bold;
	border: 0px solid;
}

#content.index {
	margin: 0px 0px 0px 0px;
	padding: 75px 30px 10px 260px;
	width: 478px;
}

#sidebar {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-image: url(pics/sidebar-bg.png);
	background-position: left top;
	background-repeat: repeat-y;
	float: right;
	background-color: #2e3192;
}

#trans{
	width: 775px;
	height: 350px;
	float: left;
	background: url(pics/overlay-bg.png) repeat;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/pics/overlay-bg.png', sizingMethod='scale');

}

#sidebar .logo {
	margin: 40px 0px 0px 20px;
	width: 180px;
	height: 150px;
}

#sidebar .logo img { border: 0px; }
#sidebar .logo a:link, #sidebar .logo a:visited { height: 150px; width: 165px; overflow: hidden; border: 0px; }

#overlay2{
	width: 775px;
	float: left;
	background: url(pics/overlay-bg.png) repeat;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/pics/overlay-bg.png', sizingMethod='scale');
}

#transp{
	margin: 0px 0px 0px 0px;
	padding: 32px 0px 0px 0px;
	height: 318px;
	width: 200px;
	background: url(pics/midden.jpg) top left repeat-y;
	color: #c39cc5;
}



#midden{
	margin: 0px 0px 0px 0px;
	padding: 25px 0px 0px 0px;
	height: 325px;
	color: #c39cc5;
}

#transp .nieuws{
	margin: 0px 25px 0px 20px;
	height: 318px;
	width: 155px;
	color: #c39cc5;
	overflow: hidden;
}

#transp .contact{
	margin: 0px 25px 0px 20px;
	height: 318px;
	width: 155px;
	color: #ffffff;
	overflow: hidden;
}

#transp .contact{color: #ffffff;}
#transp .contact a:link, #transp.contact a:visited, #transp.contact a:hover{color: #ffffff;}

#transp .nieuws h6 a:link, #transp .nieuws h6 a:visited {
	text-decoration: none; color: #ffffff; border-bottom: 0px solid #172983; 	background-image: none;
	}

#overlay2 #content ul li a:link, #overlay2 #content ul li a:visited {text-decoration: none; color: #172983 ;  border-bottom: 0px solid olive;}
#overlay2 #content ul li a:hover { color: #172983;  border-bottom: 0px solid #172983; }

#overlay2 #content ul li.current a:link, #overlay2 #content ul li a:visited {text-decoration: none; color: #172983 ;  border-bottom: 0px solid olive;}
#overlay2 #content ul li.current a:hover { color: #172983;  border-bottom: 0px solid #172983; }

#transp .nieuws ul li a:link, #transp .nieuws ul li a:visited {text-decoration: none; color: #fff ;  border-bottom: 0px solid olive;}
#transp .nieuws ul li a:hover { color: #fff;  border-bottom: 0px solid #fff; }

#transp .nieuws ul li.current a:link, #transp .nieuws ul li.current a:visited {text-decoration: none; color: #fff ;  border-bottom: 0px solid olive;}
#transp .nieuws ul li.current a:hover { color: #fff;  border-bottom: 0px solid #fff; }


h1, td h1 {font: 19px arial, verdana, sans-serif; font-weight: bold; color: #32CD32; margin-bottom: 7px;}
h2, td h2 {font: 19px arial, verdana, sans-serif; font-weight: bold; color: #93117e; margin-bottom: 12px;}
h3, td h3 {font: 11px arial, verdana, sans-serif; font-weight: bold; color: #93117e; margin-bottom: 3px;}
h4, td h4 {font: 14px arial, verdana, sans-serif; font-weight: bold; color: #32CD32; margin-bottom: 7px;}
h5, td h5 {font: 12px arial, verdana, sans-serif; font-weight: bold; color: #172983; margin-bottom: 7px;}
h6, td h6 {font: 12px arial, verdana, sans-serif; font-weight: normal; color: #ffffff; margin-bottom: 7px;}

#content a:link, #content-contact a:link, #content a:visited, #content-contact a:visited {text-decoration: none; color: #172983 ;  border-bottom: 1px solid #172983; 	background-image: none;}
#content a:hover, #content-contact a:hover { color: #172983;  border-bottom: 0px solid #172983; 	background-image: none;}

#sidebar a:link, #sidebar a:visited {text-decoration: none; color: #172983 ;  border-bottom: 0px solid #172983;}
#sidebar a:hover { color: #172983;  border-bottom: 0px solid #172983; }

table {margin: 5px 0px;}
td {
	font: 12px arial, verdana, sans-serif;
	line-height: 16px;
	color: #172983;
}

.adres img { margin: 0px 0px; }
.adres a img  { border: 0px; }

#content img { margin: 0px 0px; }
#content img.left {	margin: 5px 10px 5px 0px; float: left; }
#content img.right { margin: 5px 0px 5px 10px; float: right; }

p { margin-bottom: 8px;}

#content ul { margin: 10px 0px 10px 15px; list-style-type: disc;}
#content li { margin: 0px 0px 0px 15px;}
#content ol { margin: 10px 0px 10px 20px;}


#pagina1{display: none;}
#pagina2{display: none;}
#pagina3{display: none;}
#pagina4{display: block;}

/* ------------------------------------------------------------------------- list */

.lijst {
	width: 555px;
	height: 56px;
	border: 0px solid;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 20px 0px;
}

.intro-foto {
	width: 50px;
	height: 56px;
	border: 0px solid;
	padding: 0px 20px 0px 0px;
	margin: 0px 0px 0px 0px;
	float: left;
} 

.intro-tekst {
	width: 485px;
	height: 56px;
	overflow: hidden;
	padding: 0px 0px 0px 0px;	
	float: left;
}

#content .lijst .intro-tekst a:link, #content .lijst .intro-tekst a:visited{ border: none;}
#content .lijst .intro-tekst a:hover{ border: none; }


.lijst-large {
	width: 555px;
	height: 70px;
	border: 0px solid;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 20px 0px;
}

.intro-foto-large {
	width: 70px;
	height: 70px;
	border: 0px solid;
	padding: 0px 20px 0px 0px;
	margin: 0px 0px 0px 0px;
	float: left;
} 

.intro-foto-large a img  { border: 0px; }

.intro-tekst-large {
	width: 455px;
	height: 70px;
	overflow: hidden;
	padding: 0px 0px 0px 0px;	
	float: left;
}


/* ------------------------------------------------------------------------- Downloads */ 

#downloads {
	margin: 0px 0px 0px 0px;
	list-style-type: none;
	border-top: 1px dashed #bab9b9;
}

#content .download {
	margin: 0px;
	padding: 10px 0px;
	border-bottom: 1px dashed #bab9b9;
}

#content .datum {
	color: #bab9b9;
}

#content .kop {
	font-weight: bold;
}

#content .file {
	margin-top: 3px;
}

#downloads img.icon {
	margin-right: 3px;
	padding: 0px;
	float: left;
	border: none;
}

/* ------------------------------------------------------------------------- Footer */ 

br.clear { height: 0px; font: 0px arial, verdana, sans-serif; line-height: 0px; clear: both; }