/* CSS Document */
*{
	padding:0;
	margin:0;
}
img,object{
	display:block;
}

body{
	background:url(../images/polka_bg.gif) repeat-y  0 0;
	font-family:Lucida Sans Unicode, Verdana, Arial, Helvetica, sans-serif;
}

body.vervolg{
	background:url(../images/vervolg_polka_bg.gif) #f5f5f5 repeat-y  0 0 ;
	font-family:Lucida Sans Unicode, Verdana, Arial, Helvetica, sans-serif;
}

h2{
	color: #5e6cac;
	font-size: 70%;
	line-height: 170%;
	margin:0 0 10px 0;
}

h2 a{
	text-decoration: none;
	color: #5e6cac;
}

h2 a:hover{
	text-decoration: underline;
}

h3{
	color: #1f338c;
	font-size: 70%;
	line-height: 170%;
	margin: 0 0 20px 0;
}

p{
	color: #4a4a4a;
	font-size: 70%;
	line-height: 170%;
}

p a{
	color:#FF0000;
	text-decoration: underline;
}

p a:hover{
	text-decoration: none;
}

.inner ul, #content ul{
	padding-left: 20px;
	color: #4a4a4a;
	font-size: 70%;
	line-height: 170%;
	list-style:square;
	margin-bottom:15px;
}

.inner ul ul{
	font-size:100%;
	margin-bottom:0;
}

.inner ul li a{
	color: #4a4a4a;
}
.inner ul li a:hover{
	text-decoration: underline;
}

#links table ul li{
	font-size:140%;
	line-height: 170%;
}



table tr td{
	font-size: 70%;
	line-height: 170%;
	color: #4a4a4a;
	}


input{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #4a4a4a;
	font-size: 100%;
	padding: 2px;
}

.grijs{
	color: #949494;
}

#contents {
	position: absolute;
	top: 0;
	left: 0;
}
#contents.lijn{
	background: url(../images/border_dotted.gif) repeat-y 50% 0;
}

html, body, #contents {
	min-height: 100%;
	width: 100%;
	height: 100%;
} 

html>body, html>body #contents {
	height: auto;
}

#main {
	margin-bottom: 65px;
	height: auto;
}
#top{
	height: 95px;
}

body.vervolg #top{
	background:url(../images/polka_bg.gif) #FFF repeat-y  0 0 ;
}


#top img{
	position:absolute;
	margin-left: 50%;
	left: -100px;
}

#top #login{
	float: right;
	margin: 20px 0 0 0;
	width: 250px;
}

#top #login p {
	color: #999;
}

#top #login p a{
	color: #1f338c;
}


#home_flash{
	background:url(../images/home_flash.jpg) 50% 0 #0066CC repeat-x;
	height: 247px;
}


#vervolg_flash{
	background:url(../images/header.jpg) left top #1f68b7 no-repeat;
	height: 112px;
}

#balk{
	background:url(../images/balk_verloop.gif) right top no-repeat #2A3688;
	height: 52px;
}

#balk.subtitle{
	background:url(../images/polka_bg.gif) #FFF repeat-y  0 0;
}


#balk h1{
	color: #5e6cac;
	padding: 17px 0 0 65px;
	font-size: 90%;
}

#balk .tabs{
	position:absolute;
	left: 65px;
	top: 231px;
}

#balk.subtitle h1.left{
	color: #7d7d7d;
	float:left;
}

#balk.subtitle h1.right{
	color: #7d7d7d;
	padding: 17px 0 0 35px;
	left: 50%;
	position:absolute;
}

#balk.subtitle img.vlag{
	margin: 0 3px 0 0;
	float: right;
	border: none;
}
#balk.subtitle img.vlaglaatst{
	margin: 0 20px 0 0;
	float: right;
	border: none;
}
#content{
	padding: 30px 65px;
}

#content h1{
	color: #C03233;
	font-size: 110%;
}


#content_links{
	float:left;
	width: 100%;
}

#content_links .inner{
	padding: 30px 65px;
}

#links{
	float:left;
	width:50%;	
	padding:0 0 100px 0;
/*	background: url(../images/border_dotted.gif) repeat-y right 0;*/
}

.tekst{
	width:350px;
	padding:0 0 20px 0;
}

#rechts{
	margin-left:50%;
}

#content_rechts{
	margin-left: 50%;
}
#content_rechts .inner{
	padding: 30px 35px;
}
#content_rechts .inner p{
	color: #949494;
}
table.login{
	border: 1px solid #656565;
}

table.login td{
	padding: 2px;
}

#content_rechts table.login td p{
	color: #000;
}

table.overzicht{
	border-collapse: collapse;
}

table.overzicht td{
	border: 1px solid #ababab;
	padding: 15px;
	margin: 0;
}


#info{
	padding:17px 0 0 0;
}

#vensters{
	margin:10px 0 0 0;
	}
	
#vensters img{
	float:left;
	margin:0 5px 0 0;
	/*border:1px solid #999999;*/
}


#talen{
	padding-left: 15%;
}
.clear{ clear:both;}

.taal img{
	float: left;
	border: none;
}


.taal h1{
	color: #2A3786;
	font-size: 120%;
	margin: 0 0 20px 30px;
}

.taal h2{
	color: #5e6cac;
	font-size: 70%;
	margin: 0 0 0 30px;
}

.taal a{
	margin: 30px 0 30px 0;
	padding: 30px 3% 0 4%;
	height: 150px;
	width: 15%;
	display:block;
	float:left;
	text-decoration:none;
	color: #7E7E7E;
	font-size: 70%;
	line-height: 170%;
}

.taal a:hover{
	background-color: #F5F5F5;
}

#fotoimpressie{
width: 185px;
}

#fotoimpressie img{
	border: none;
}
#fotoimpressie a{
	padding: 2px;
	display:block;
	background: #1f338c;
	text-decoration: none;
}

#fotoimpressie a:hover{
	background:#5e6cac;
}

#fotoimpressie a span{
	font-size: 70%;
	color:#FFFFFF;
}

/* plaats de footer */
#footer {
	background:url(../images/footer_bg.gif) repeat-x 0 0;
	position: absolute;
	bottom: 0;
	width: 100%;
	color: #939393;
	font-size: 65%;
	line-height: 170%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}


#footer a{color: #939393;}
#footer a:hover{text-decoration: none;}

#footer span{
	width: 160px;
	float: left;
}

#footer #left{
	height: 50px;
	float:left;
	padding:15px 0 0 80px;
	background:url(../images/footer_polka_bg.gif) no-repeat 0 0;
}

#footer #right{
	float:right;
	padding:15px 20px 0 0;
	text-align: right;
}


/* -------------css menu-------------- */

#menu{
	position:absolute;
	top: 216px;
	left:0;
	height:38px;
	z-index:1;
	font-family:Lucida Sans Unicode, Verdana, Arial, Helvetica, sans-serif;
	width:100%;
	/*background:url(../images/menu_tabs.gif) 0 5px no-repeat;*/
}
ul#nav {
	margin:0;
	padding:8px 0 0 65px;
	font-size:70%;
	line-height:100%;
	font-size:9px;
}
ul#nav li {
	position:relative;
	float:left;
	padding:2px 0 0 0;	
	margin:0;
	list-style-type:none;
	text-align:center;
	width: 110px;
	height:33px;
	background:url(../images/menu_li.gif) 0 0 no-repeat;
	z-index:1000;

	line-height:165%;
}
ul#nav li a {
	/*width:100%;/* Make list items do what they're supposed to in IE6 */
	margin:0;
	display:block;
	color:#8ba0b8;
	font-weight: bold;
	text-decoration:none;
}
ul#nav li a:hover{
	color:#2A3787;
}
ul#nav li ul {
	position:absolute;
	font-size:9px;
	display:none;
	top:35px; 
	left:11px; 
	/*width:17em; /* the width of submenu items, used again bellow (1)  */
	width:140px;
	padding:0 ;
	margin:0;
	font-size:9px;
	background:#FFFFFF;
	/*border:1px solid #7D7C7C;*/
	border-top:1px solid #7D7C7C;
	border-left:1px solid #7D7C7C;
	border-bottom:1px solid #7D7C7C;
}
ul#nav li ul li{ 
	clear:left; /* It inherits float:left. No float:none, because that creates a whitespace beneath the last item in IE6 */
	display:block;
	width:139px; /* Make list items do what they're supposed to in IE6 */
	padding:0;
	background:#FFFFFF;
	text-align: left;
	border-right:1px solid #7D7C7C;
}
ul#nav li ul li a {
	display:block;
	margin:0;
	padding:7px 0 7px 20px;
	color:#424242;
	text-decoration:none;
	background:url(../images/icon_subnav.gif) 8px 14px no-repeat #FFFFFF;
	font-weight: normal;
}
ul#nav li ul li a:hover{
	background:url(../images/icon_subnav.gif) 8px 14px no-repeat #ecf1fc;
	text-decoration:none;
}
ul#nav li ul li ul{
	top:-1px; /* the height of the top border */
	left:17em; /* (1) the width of submenu items */
	font-size:9px; /* font reset for submenu's after the first*/
}
/*switch submenu's for full css supporting browsers*/
ul#nav li:hover ul{display:block;}
ul#nav li:hover ul li ul{display:none;}
ul#nav li ul li:hover ul{display:block;}
ul#nav li ul li:hover ul li ul{display:none;}
ul#nav li ul li ul li:hover ul{display:block;}
ul#nav li ul li ul li:hover ul li ul{display:none;}
ul#nav li ul li ul li ul li:hover ul{display:block;}
ul#nav li ul li ul li ul li:hover ul li ul{display:none;}
ul#nav li ul li ul li ul li ul li:hover ul{display:block;}
ul#nav li ul li ul li ul li ul li:hover ul li ul{display:none;}
/*add styles if needed*/