/* CSS Document */
*{
	margin:0;
	padding:0;
	font-size: 100%;
}
img,object{
display:block;
}

body{
	background:url(../images/home_bg.gif) repeat-y 30% 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

body.vervolg{
	background:url(../images/vervolg_bg.gif) repeat-y 8% 0;
}

h1{
	font-size: 80%;
	font-weight:bold;
	color: #710578;
	line-height: 170%;
}

h2{
	font-size: 70%;
	font-weight: bold;
	color: #F29200;
	line-height: 170%;
}
p{
	font-size: 70%;
	color: #434343;
	line-height: 170%;
}
p a{
	color: #F29200;
	text-decoration: underline; 
}
p a:hover{
	text-decoration: none; 
}
#adres p{
	font-size: 65%;
	color: #710578;
}
#adres p a{
	color: #710578;
	background:url(../images/adres_bullit.gif) no-repeat left top;
	padding: 0 0 0 20px;
}

#vacatures{
	margin-top:60px;
}
#vacatures p{
	font-size: 65%;
	color: #710578;
}
#vacatures p a{
	color: #710578;
	background:url(../images/adres_bullit.gif) no-repeat left top;
	padding: 0 0 0 20px;
}

p.icon a{
	color: #F29200;
	text-decoration: none;
	background:url(../images/menu_bullit.gif) 0 5px no-repeat #FFFFFF;
	padding:6px 0 6px 20px;
}

p.icon a:hover{
	color: #F29200;
	text-decoration: underline;
	background:url(../images/menu_bullit.gif) 0 5px no-repeat #FFFFFF;
	padding:6px 0 6px 20px;
}

td{
width: 150px;
}

.input{
	color: #434343;
	width: 150px;
	font-size: 70%;
	line-height: 170%;
	padding: 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #cccccc;
	background: #FFF;
}
input#verzenden{
	width: 100px;
	color:#FFFFFF;
	background: #F29200;
	border: none;
	padding: 1px;
}

#contents {
	position: absolute;
	top: 0;
	left: 0;
	background:url(../images/home_bg2.gif) repeat-y 70% 0;
}
html, body, #contents {
	min-height: 100%;
	width: 100%;
	height: 100%;
} 

html>body, html>body #contents {
	height: auto;
}
#main {
	margin-bottom: 25px;
	height: auto;
}

#video{
	text-align:center;
	margin:10px 0 15px 0;
}

#homeflash{
	background:#FFFFFF;
	height: 350px;
}

#vervolgflash{
	background:#FFFFFF;
	height: 210px;
}

#content_Links{
	float:left;
	width: 30%;
}

body.vervolg #content_Links{
	width: 8%;
}

#content_Midden{
	float:left;
	width: 40%;
}

body.vervolg #content_Midden{
	width: 62%;
}

#content_Midden img{
	 float: right;
	 margin: 0 0 20px 20px;
}

#content_Midden ul{
	font-size: 70%;
	color: #434343;
	line-height: 170%;
	padding: 0;
	list-style: none;
}

#content_Midden ul.bullit li{
	background:url(../images/menu_bullit.gif) 0 3px no-repeat #FFFFFF;
	padding:0 0 5px 20px;
} 

#content_Midden ul li a{
	color: #434343;
	text-decoration: none;
	background:url(../images/menu_bullit.gif) 0 5px no-repeat #FFFFFF;
	padding:6px 0 6px 20px;
}

#content_Midden ul li a:hover{
	text-decoration: underline;
}

#content_Midden ul li ul{
	font-size: 100%;
	padding: 0 0 0 35px;
}

#content_Midden ul li .linkli{
	background:none;
	padding:0;
	margin:0;
	color: #F29200;
}


#content_Rechts{
	margin-left: 70%;
}
#content_inner{
	padding: 35px;
}
.clear{clear:both;}

#footer {
	position: absolute;
	bottom: 0;
	background-color: #710477;
	width: 100%;
	height: 21px;
	padding: 4px 0 0 0;
}
body.vervolg #footer{
	padding: 4px 0 0 8%;
	width: 92%;
}

#footer p{
	margin: 0 0 0 35px;
	color: #EFE5F0;
	font-size: 65%;
}
#footer p a{
	text-decoration: none;
	color: #EFE5F0;
}
#footer p a:hover{
	text-decoration: underline;
}
/*menu*/
#menu{
	position:absolute;
	height:27px;
	z-index:1;
	left: 20px;
	top: 93px;
	background: url(../images/transparent.gif);
	height: 30px;
}
ul#nav {
	padding:8px 0 0 0;
	font-size:70%;
	line-height:100%;
	font-weight: bold;
	font-family: "Trebuchet MS", Trebuchet, Verdana;
}
ul#nav li {
	position:relative;
	float:left;
	padding:0 0 30px 0;	
	margin:0;
	list-style-type:none; 
}
ul#nav li a {
	/*width:100%;/* Make list items do what they're supposed to in IE6 */
	padding:0 14px;
	margin:0;
	display:block;
	color:#FFFFFF;
	text-decoration:none;
}
ul#nav li a:hover{
 	color: #EEE2F0;
}
ul#nav li ul {
	position:absolute;
	font-weight:normal;
	display:none;
	top:19px; 
	left:20px; 
	width:19em; /* the width of submenu items, used again bellow (1)  */
	background:#FFFFFF;
	border:1px solid #7D7C7C;
	z-index:14;
}
ul#nav li ul li{ 
	padding:0;	
	clear:left; /* It inherits float:left. No float:none, because that creates a whitespace beneath the last item in IE6 
*/
	display:block;
	width:100%; /* Make list items do what they're supposed to in IE6 */
	background:#FFFFFF;
	/*border-bottom:1px solid #7D7C7C;*/
}
ul#nav li ul li a {
	display:block;
	padding:6px 0 6px 20px;
	color:#000000;
	text-decoration:none;
	background:url(../images/menu_bullit.gif) 4px 5px no-repeat #FFFFFF;

}
ul#nav li ul li a:hover{
color: #DB7B00;
}
ul#nav li ul li ul{
	top:-1px; /* the height of the top border */
	left:13.5em; /* (1) the width of submenu items */
	font-size:100%; /* 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*/