body, html
{
	text-align: center;
	margin: 0;
	font-family: Arial;
	font-size: 12px;
	height:100%;

	background:url(../../www/images/ag.gif) left bottom repeat-x;

}
img
{
	border:0px;
}
form 
{
	margin:0;
	padding:0;}

#wrapper_outer
{	border:0px solid #ff0001;
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	text-align:center;
	width: 980px;
	background:rgb(255,255,255);
}

#wrapper
{	border:0px solid #00ff01;
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	background:url(../../www/images/wrapper_bg.gif) left bottom no-repeat rgb(255,255,255);
	width: 970px;
	/*background:rgb(255,255,255);*/
}

#header_print 
{
	display:none;
	height: 115px;
	background: #FFFFFF;

}

.Image
{
display:none;
left: 0px;
float: left;
}
table 
{
	font-family: Arial;
	font-size: 12px;
	height:100%;
	}
#header
{
	height: 113px;
	width:970px;
	background: #FFFFFF;
	background:url(../../www/images/logo.png) no-repeat;
}

#logo 
{
	float: left;
	width: 280px;
	height: 100px;
	padding:0px 0 0 0;

}
#service_navigatie 
{
	float: right;
	width:auto;
	height: 20px;
	padding:5px 0 0 0;
	
}

a  {
	margin-left: 0;
	padding-left: 0;
	display: inline;
	text-decoration:none;
	color:#4C5759;
	} 
	/*
#service_navigatie ul li {
	margin-left: 0;
	padding: 0px 15px;
	border-left: 1px solid #000;
	list-style: none;
	display: inline;
	}
#service_navigatie li:hover a {
	color:#00A68E;
	text-decoration:none;
	}	
#service_navigatie ul li.first {
	margin-left: 0;
	border-left: none;
	list-style: none;
	display: inline;
	}
	
#service_navigatie ul li ul li {
	display: none;
}		
	*/
	
#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

#nav a {
	display: block;
	padding: 3px 15px 3px;
	border-left: 1px solid #cccccc;
	text-decoration:none;
}
#nav a:hover {
	display: block;
	padding: 3px 15px 3px;
	border-left: 1px solid #cccccc;
}

#nav li {
	float: left;
}

#nav li ul { 
	position: absolute;
	text-indent:0;
	width:80px;
	line-height:18px;
	left: -999em;
}

#nav li:hover ul, #nav li.sfhover ul  { 
	left: auto;
}

#nav li.sfhover ul  { 
	left: auto;
	width:170px;
/*	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
*/
}

a.sfhover_link:hover {
	background-color:#f1f1f1;
	color:#333333;
	width:170px;

	}
#hoofdnav_wrapper{
height: 45px;
background:#ffffff;

}

#hoofdnav

{

	height: 35px;
	background: url(../../www/images/h_menu_grijs.gif);
	
	
}

.hoofd_menu_item_c
{
	width:16.62%;
	float:left; 
	text-align:center;
	height:35px;
}

.hoofd_menu_item, .hoofd_menu_item_h, .hoofd_menu_item_h_left, .hoofd_menu_item_h_right
{	
	text-decoration:none;
	font:Normal 15px "Segoe UI", "Trebuchet MS";
	line-height:30px;
	color:#FFFFFF;
	height:35px;

}

.hoofd_menu_item_h 
{
	background-color:#00A68E;
	display:block;
}

.hoofd_menu_item_h_left 
{
	background: url(../../www/images/groen.gif);
	display:block;
}

.hoofd_menu_item_h_right 
{
	background: url(../../www/images/groen.gif) right;
	display:block;
}



.hnav, .hnav2
{
	float:left;
	height:35px;
}

.hnav2
{	
	background-color:#00A68E;
	height:35px;
}

.hitem
{	
	text-decoration:none;
	font:Normal 18px "Segoe UI", "Trebuchet MS";
	color:#FFFFFF;
	margin:41px;
}


#links_container
{
	float:left;
	margin: 0 10px 10px 0;
	width: 225px;
	overflow:visible;
	background:#ff00dd;

}
#links_content
{
	color: #FFFFFF;
	background: #313536;
	width: 225px;
}
ul li {
	
	line-height:18px;
}
p {
	
	
	line-height:18px;
	}
#rechts_container
{
	float: right;
	width: 225px;
	background: #FFFFFF;
	min-height: 490px;
}
#midden_container
{
	float: left;
	width: 500px;
	background: #FFFFFF;
	margin: 0 0 10px;
}

#sfeerfoto
{
	
	width: 500px;
	margin: 0 0 10px;
	height: 190px;
}

#slideshow {
    position:relative;
    height:190px;
}

#slideshow img {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slideshow img.active {
    z-index:10;
}

#slideshow img.last-active {
    z-index:9;
}

#cover
{
	position:absolute;
	width:500px;
	height:190px;
	background: url(../../www/images/cover_sfeer.png) no-repeat;
	z-index:9999;
	}

#midden_content
{
	float: left;
	width: 500px;
	background: #FFFFFF;
	overflow:hidden;
}
#footer_print
{
	display:none;
	
	clear: both;
	background: #4C5759;
	margin-top:0px;
	text-align: left;
	color:#FFFFFF;
	font:Normal 10px Arial;
	}
#footer 
{
	

	clear: both;
	background: #4C5759;
	margin-top: -10px;
	text-align: center;
	color:#FFFFFF;
	font:Normal 10px Arial;
}
a.footer 
{
	color:#ffffff;
}
.onpage 
{
	background:#FE5D03;
	border:1px solid #aaaaaa;
	width:22px;
	padding:3px;
	color:#000000;
	margin:0 2px 0 2px;
}

.Paging a
{
	padding:3px;
	width:22px;
	background:#F9F9F9;
	border:1px solid #aaaaaa;
	margin:0 2px 0 2px;

}

.Paging2 a
{
	padding:3px;
	background:#F9F9F9;
	border:1px solid #aaaaaa;
	margin:0 2px 0 2px;

}



.Paging a:hover
{
	background:#FE5D03;
	
}
.VacOverlay 
{
	position:absolute;
 height:50px;
	border: 1px solid #ff0000;
}

img.footer 
{
	border:1px solid #ffffff;
	vertical-align:middle;
}
img.footer_dis
{
	border:1px solid #333333;
	vertical-align:middle;
}

#vac_zoeken, #vac_top5, #news_top5
{
	margin: 5px 0 0 10px;
	width: 205px;
}
#vac_cat
{
	color: #000000;
	margin: 5px 0 0;
	padding: 2px 0 0 2px;
	width: 205px;
	height: 20px;
	background: url(../../www/images/bg_selectinput.gif) no-repeat;
}
#vac_show
{
	padding:0 0 0 2px;
	margin: -20px 0 0;
	display: none;
	color: #000000;
	background-color: #FFFFF0;
}



input.vac_input
{
	margin: 5px 0 0;
	width: 205px;
	height: 20px;
	background: url(../../www/images/bg_textinput.gif) no-repeat;
	border: 0;
	outline :0;
}
input.zoeken, input.zoeken_over
{
	margin:10px 0 10px 0;
	width: 88px;
	height: 20px;
	background: url(../../www/images/btn-88x20.png) no-repeat;
	border: 0px;
	outline:0;
}
input.zoeken_over
{
	cursor:pointer;
	background: url(../../www/images/btn-88x20-o.png) no-repeat;
	
}
H1
{
	color: #00A68E;
	font-size: 18px;
	font-weight: 700;
}
.padbot10 
{
	padding:0 0 10px 0;
}
.oranje
{
	color: #FE5D03;
}
.size11 
{
	font-size:11px;
}
	
.nounder
{
	text-decoration: none;
}
.hr1
{
	height: 1px;
	border: 1px solid #5D6162;
	color: #5D6162;
}
A.top5link
{
	font-size:12px;
	line-height:17px;
	color: #FFFFFF;
	text-decoration: none;
}
A.top5link:hover
{
	color: #FE5D03;
}

/*afronding linker kolom*/
B.rtop, B.rbottom{display: block;	background: #FFF;}
B.rtop B, B.rbottom B{display: block;	height: 1px;	overflow: hidden;	background: #313536;}
B.r1{margin: 0 5px;}
B.r2{margin: 0 3px;}
B.r3{margin: 0 2px;}
B.rtop B.r4, B.rbottom B.r4{margin: 0 1px;	height: 2px;}
/*afronding hoeken footer en hoofdnav. */
B.rtop1, B.rbottom1{display: block;	background: #FFF;}
B.rtop1 B, B.rbottom1 B{display: block;	height: 1px;	overflow: hidden;	background: #4C5759;}
B.r11{margin: 0 5px;}
B.r12{margin: 0 3px;}
B.r13{margin: 0 2px;}
B.rtop1 B.r14, B.rbottom1 B.r14{margin: 0 1px;	height: 2px;}

.koporanje
{
		font:Normal 12px Arial;
		color:#FE5D03;
}

.kopwit
{
		font:bold 16px Arial;
}


#zoekbox
{
	margin:5px 0 0 0;
	text-decoration:none;
	color:#000000;
}
a.main 
{
	text-indent:2px;
	padding-top:2px;
	width:172px;
	height:16px;
	text-decoration:none;
	background: url(../images/bg_selectinput.gif) no-repeat;
	color:#000000;
}

input {
	border:1px solid #cccccc;	
}

a.mainZoek
{
	text-decoration:none;
	color:#000000;
	text-indent:2px;
}

#zoekboxSelect 
{
	
	width:205px;
	height:20px;
	padding: 2px 0 0 0;
	background: url(../images/bg_selectinput.gif) no-repeat;
}


#zoekbox_mouseover
{
	margin-left:0px;
	margin-top:0px;	
	position:absolute;
	z-index:100;
	width:205px;
	height:20px;
	display:none;
}

#zoekbox_mouseover a
{
	text-indent:2px;
	text-decoration:none;
	color:#000000;
	display:block;
	width:205px;
	height:20px;
	background: url(../images/bg_dropList.gif) no-repeat;
}

#zoekbox_mouseover a:hover
{
	
	width:205px;
	height:20px;
	background: url(../images/bg_dropListOver.gif) no-repeat;
}

.VacLeft  {
	float: left;
	width: 180px;
	overflow:auto;
}

.BackButton {
	float: left;
	width: 180px;
	height: 30px;
	overflow:hidden;
	padding-top: 10px;
}

.VacRight {
	
	width: 500px;
	overflow:auto;
}

.VacName
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
}

.VacSub
{
	font-weight: bold;
}

a.VacListName 
{
	font-weight: bold;
	color: #00A68E;	
	font-size:16px;
	letter-spacing:-1px;
}
#container {
/*	background-color:#ff0000;
	display:block;
	
	background:url(../../www/images/wrapper_bg.gif) left bottom no-repeat rgb(255,255,255);*/

	
	}

.VacContainer 
{
	margin-top:10px;
	width:490px;	
	clear:both;	
}
.vac_left 
{
	width:370px;

	float:left;
	
}
.vac_right 
{
	width:110px;
	height:80px;
	float:right;
	font-size:1.5em;

}
.VacHead 
{
	margin-bottom: 12px;
}

.HeadVacs
{
	display: none;
}




.clear {
    overflow: hidden;
    width: 100%;
}

a.buttontest {
    background: transparent url('../images/button-a.gif') no-repeat scroll top right;
    color: #FFFFFF;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.buttontest span {
    background: transparent url('../images/button-span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
} 

a.buttontest:active {
    background-position: bottom right;
    color: #FFFFFF;
    outline: none; 
}

a.buttontest:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px;
} 


a.button_groot {
    background: transparent url('../images/button_groot_a.gif') no-repeat scroll top right;
    color: #FFFFFF;
    display: block;
    float: left;
    text-indent:20px;
    font: bold 16px arial, sans-serif;
    height: 35px;
    margin-right: 35px;
    padding-right: 35px;
    text-decoration: none;
}

a.button_groot span {
    background: transparent url('../images/button_groot_span.gif') no-repeat;
    display: block;
    line-height: 25px;
    padding: 5px 0 5px 18px;
} 
a.button_groot:hover {
	background: transparent url('../images/button_groot_a.gif') no-repeat scroll;
	background-position: bottom right;
	color: #FE5202;
  }

a.button_groot:active {
    background-position: bottom right;
    color: #FE5202;
    outline: none; /* safari omlijning */
}

a.button_groot:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px;
}