body {
	margin: 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}


p {
	line-height: 180%;
	font-size: 70%;
	color: #000000;
	margin: 0px 0px 10px 0px;
	padding:0;
}
p a{
	color: #CC3300;
	text-decoration: underline;
}
p a:hover {
	color: #CC3300;
	text-decoration: none;
}

h1 {
	font-size: 100%;
	color: #C03233;
	margin: 0px 0px 20px 0px;
}

h2{
	color:#DF2E2F;
	font-weight:bold;
	font-size:80%;
	margin: 20px 0 3px 0;
}

h3{
	color:#007EC4;
	font-weight:bold;
	font-size:70%;
	margin: 20px 0 3px 0;
	padding:0;
}


ul{
	margin:0;
	padding:0;
	list-style:none;
	font-size: 70%;
	line-height: 180%;
}

li{
	margin:0;

}

.content li a, .nieuws li a{
	color:#007EC4;
		padding: 0 0 5px 10px;
	background:url(../images/list.gif) 0 5px no-repeat;
	
}

 .vacature li {
	color:#007EC4;
	margin:0 0 0 10px;
		padding: 0 0 5px 10px;
	background:url(../images/list.gif) 0 8px no-repeat;
	
}

 .vacature .product .omschrijving li a, .vacature .product .omschrijving li a:hover{
 	background:none;
 }	

.content li a:hover,  .nieuws li a:hover{
	color:#007EC4;
	padding: 0 0 5px 10px;
	background:url(../images/list.gif) 0 5px no-repeat;
}



table{
	font-size: 70%;
		line-height: 180%;
}

input, textarea{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #CCE5F3;
}

.noborder{
	border:none;
}

.formbutton{
	border:1px solid #ffffff;
	background-color:#007EC4;
	color:#ffffff;
}

#taal{
	position:absolute;
	top:0;
	left:15%;
}

#taal ul{
	list-style:none;
	margin:0;
	padding:0;
}

#taal ul li {
	float:left;
	font-size:90%;
}

#taal ul li a{
	padding:5px;
	background-color:#9FA0A2;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
}

#taal ul li a:hover{
	color:#E1E1E3;
	text-decoration:none;
}

#taal ul li .taalactief{
	color:#E1E1E3;
}


/*-------------------------- HOME ------------------------------------------*/
#flash{
	position:absolute;
	width:100%;
	top:0;
	left:0;
}

.home_content{
	position:relative;
	margin:0 0 0 15%;
}

.welkom{
	float:left;
	background-color:#007EC4;
	width:33%;
	margin:15px 0 0 0;
	padding: 21px 3% 20px 3%;
}
.welkom h1{
	color:#FFFFFF;
}
.welkom h1 span{
	display:block;
	font-size:65%;
}
.nieuwsblok{
float:right;
	margin: 23px 7% 0 0;
	width:35%;
	padding: 21px 2% 20px 2%;
}
.nieuws{
	float:right;
	margin: 83px 7% 0 0;
	background-color:#CCE5F3;
	width:33%;
	padding: 21px 3% 20px 3%;
}

.nieuws p{
	padding: 0 0 15px 0;	
}

.nieuws h2{
	color:#DF2E2F;
	font-weight:bold;
	font-size:80%;
	margin:0 0 10px 0;
	padding:0;
}

.nieuws a{
	text-decoration:none;
	color:#DF2E2F;
}
.nieuws a:hover{
	text-decoration:underline;
		color:#DF2E2F;
}

.welkom p{
	color:#ffffff;
}


.clear{
	clear:both;
}

  .prop {
    height:73px;
    width:1px;
	float:right;
  }

  .propcontent {
    height:230px;
    width:1px;
	float:right;
  }

  .clearprop {
    clear:both;
    height:1px;
    overflow:hidden;
  }

/*-------------------------- VERVOLG ------------------------------------------*/

.content{
	position:relative;
	margin:58px 0 0 15%;
}

.producten{
	/*width:61%;*/
	padding: 36px 5% 20px 5%;
	margin: 0 208px 36px 0;
	background:#007ec4;
}
.producten p, .producten h1{
	color:#FFFFFF;
	max-width:600px;
}
.producten a{
	color:#cce5f3;
}
.producten a:hover{
	color:#FFFFFF;
}
.image_vervolg{	
	z-index:1;
	position:absolute;
	top:0;
	right:0;
	width:209px;
	height:362px;
	background:url(../images/top-default.jpg) no-repeat;
}

.vervolg_tekst{
	width:55%;
	padding: 0 2% 10px 5%;
	margin: 0 0 15px 0;
}

#image_left{
	float:left;
	margin:5px 25px 25px 0;
}


/*-------------------------- PRODUCT ------------------------------------------*/

.product{
	width:53%;
	padding: 0 2% 10px 2%;
	border-bottom: 1px solid #7FBEE1;
	margin: 0 0 15px 0;
	max-width:600px;
}

.omschrijving{
	padding: 0 0 0 134px;
}

.omschrijving p{
	padding: 0;
	color:#000000;
}

.line{
	height:8px;
	border-bottom: 1px solid #7FBEE1;
}

.product img{
float:left;
border:0;
padding:5px 0 0 10px;
margin:0;
}

.product a{
	color:#DF2E2F;
	text-decoration:none;
}

.product a:hover{
	color:#DF2E2F;
	text-decoration:underline;
}

.omschrijving img{
	float:none;
	padding:0;
	margin:0 5px 0 0;
}



#sitemap li a{
	text-decoration:none;
}

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

#sitemap ul li{
	padding: 0 0 5px 0;
}

#sitemap ul li ul {
font-size:100%;
padding: 3px 0 0 15px;
}

#sitemap ul li ul li{
padding: 2px 0 2px 0;
}




/*-------------------------- ADRES ------------------------------------------*/

.adres{
	margin: 35px 0 9px 2%;
		word-spacing:2px;
}

.adres p{
	color:#6C6D70;
	font-size:65%;
	line-height:170%;
}

.footer{
	height:18px;
	padding: 2px 0 2px 0;
	background-color:#6C6D70;
}

.footer p{
	color:#FFFFFF;
	margin: 0 0 0 2%;
	font-size:65%;
}

.footer a{
	color:#FFFFFF;
	text-decoration:none;
}

.footer a:hover{
	color:#FFFFFF;
	text-decoration:underline;
}

/* ----------------------------------------------- MENU --------------------------------------------- */

#menu{
	position:relative;
	margin:57px 0 0 0;
	padding:77px 0 0 0;
	width:15%;
	height:225px;
	background:#CCE5F3;
	z-index:1;
}
#menu_vervolg{
	position:absolute;
	left:0;
	top:56px;
	width:15%;
	height:300px;
	background-color:#ffffff;
	z-index:1;
}
ul#nav {
	margin:0;
	padding:14px 10px 0 0;
	/*width:7em; */
	font-size:70%;
	line-height:100%;
	
}
ul#nav li {
	position:relative;
	width:100%; /* Make list items do what they're supposed to in IE6 */
	padding:0 0 10px 0;	
	margin:0;
	list-style-type:none; 
	text-align:right;
}
ul#nav li a {
	padding:0 7px 0 21px;
	margin:0;
	display:block;
	color:#007ec4;
	text-decoration:none;
}


ul#nav li ul {
	position:absolute;
	display:none;
	left:100%; /* (1) the width of mainmenu items */
	top:0;
	width:15.5em; /* the width of submenu items, used again bellow (2)  */
	padding:0;
	margin:0;
	font-size:85%;
	background:#FFFFFF;
	border: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;
	padding:0;
	background:#FFFFFF;
	text-align:left;
	/*border-bottom:1px solid #7D7C7C;*/
}
ul#nav li ul li a, #menu ul#nav li ul li a  {
	display:block;
	margin:0;
	padding:3px 10px 3px 10px;
	color:#007ec4;
	text-decoration:none;
	background:#FFFFFF;
}
ul#nav li ul li a:hover, #menu ul#nav li ul li a:hover{
	background:#e2e2e2;
}
ul#nav li ul li ul{
	top:-1px; /* the height of the top border */
	left:13.5em; /* (2) 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*/