@charset "UTF-8";
/* CSS Document */

@import url('ui.tabs.css');

/*
	filter:alpha(opacity=20);
	-moz-opacity:0.2;
	opacity: 0.2;
*/


*{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	line-height:100%;
}

html{
	height:100%;
	width:100%;
	overflow:auto;
}

body{
	font-size:12px;
	position:relative;
	background:#fff;
	z-index:0;
	width:100%;
	height:100%;
}

a{ color:#00742D; text-decoration:underline; cursor:pointer; }
a:hover { text-decoration:none; }

a embed{
	cursor:pointer;
}

ul{ margin-left:10px; }
ul li{ margin-left:5px; }

label{ cursor:pointer; font-size:11px; }
input, textarea{ font-size:11px; }
textarea{ overflow:auto; }

hr{ height:1px; background:#E7E6E4; color:#E7E6E4; margin-left:15px; width:169px; margin:0px 0px 20px 22px; }

#site{
	width:975px;
	margin:0 auto 0 auto;
	position:relative;
}

#site-top{
	height:74px;
	width:100%;
	background:#fff url(../images/backgrounds/lijnen.png) repeat-y 554px 0; 
}

#site-top .small,
#site-top .big{
	position:absolute;
	top:12px;
	left:526px;
	color:#666;
	text-decoration:none;
	font-size:12px; 
}

#site-top .big{
	font-size:14px; 
	left:507px;
	top:10px;
}

#site-top .lang{
	position:absolute;
	top:10px;
	left:572px;
	width:250px;
	height:25px;
}

#site-top .lang span{
	float:left;
	display:block;
	margin:2px 5px 0px 0px;
}

#site-top .lang a{
	padding:1px;
	border:1px solid #fff;
	display:block;
	height:13px;
	width:17px;
	float:left;
	margin:0px 5px;
}

#site-top .lang a.active{ border:1px solid #CCC }


#site-menu{ height:24px; width:100%; }

#site-menu ul#menu-left,
#site-menu ul#menu-right{
	list-style:none;
	margin:0px;
	width:554px;
	display:block;
	float:left;
}

#site-menu ul#menu-left li,
#site-menu ul#menu-right li{
	list-style:none;
	float:left;
	margin:0px 6px;
	_width:25px;
}

#site-menu ul#menu-right li{
	margin:0px 10px;
}

#site-menu ul#menu-left li a,
#site-menu ul#menu-right li a{
	display:block;
	height:24px;
	font:Helvetica, sans-serif;
	font-size:10px;
	text-transform:uppercase;
	color:#00742D;
	font-weight:bold;
	text-decoration:none;
	white-space:nowrap;
}

#site-menu ul#menu-left li a.active,
#site-menu ul#menu-right li a.active{ background:#fff url(../images/backgrounds/active.png) repeat-x 0 14px; color:#002F4A; }

#site-menu ul#menu-left li a:hover,
#site-menu ul#menu-right li a:hover{ background:#fff url(../images/backgrounds/hover.png) repeat-x 0 14px; }

#site-menu ul#menu-right{ width:191px; float:right; }
#site-menu ul#menu-right li{ float:right; }

#site-header-kaart,
#site-header-big,
#site-header-small{
	height:236px;
	width:975px;
	position:relative;
	background:#fff url(../images/headers/header.png) no-repeat top left; 
}

#site-header-kaart{ height:705px; }
#site-header-small{ height:115px; }

#site-header-kaart a#logo,
#site-header-big a#logo,
#site-header-small a#logo{
	position:absolute;
	display:block;
	height:55px;
	width:135px;
	top:35px;
	left:26px;
}

#site-header-kaart a#routes,
#site-header-big a#routes,
#site-header-small a#routes{
	position:absolute;
	display:block;
	height:67px;
	width:230px;
	top:-24px;
	left:554px;
	background:url(../images/backgrounds/routes.png);
}

#site-header-kaart a#routes:hover,
#site-header-big a#routes:hover,
#site-header-small a#routes:hover{ background:url(../images/backgrounds/routes-hover.png); }

#header-big-image{
	position:absolute;
	top:41px;
	left:187px;
	height:195px;
	width:788px;
}

#header-kaart{
	position:absolute;
	top:41px;
	left:187px;
	height:664px;
	width:788px;
	background:#ECF0F2 url(../images/routes/kaart.png) no-repeat 215px 34px;
}

#header-kaart ul{
	display:block;
	position:absolute;
	top:75px;
	left:20px;
	width:144px;
	list-style:none;
	border-right:1px dotted #B0C1CC;
}

#header-kaart ul li{
	list-style:none;
}

#header-kaart ul li a{
	display:block;
	height:26px;
	line-height:26px;
	color:#002F4A;
	text-decoration:none;
	padding-left:22px;
}

#header-kaart ul li a.visible,
#header-kaart ul li a:hover{
	color:#2A7C3B;
	background:url(../images/routes/bus.png) no-repeat center left;
}

#header-kaart img{
	position:absolute;
	display:none;
}


#header-small-image{
	position:absolute;
	top:41px;
	left:554px;
	height:416px;
	width:230px;
	z-index:10;
}

#google_maps{
	position:absolute;
	top:-74px;
	left:367px;
	height:416px;
	width:230px;
	z-index:15;
	background:none;
}

#header-gmaps,
#feest-gmaps,
#header-show_header{
	background:url(../images/backgrounds/green.png) repeat-x top left;
	height:34px;
	line-height:34px;
	width:202px;
	position:absolute;
	top:342px;
	left:367px;
	z-index:10;
	font-size:11px;
	font-weight:bold;
	color:#fff;
	text-align:left;
	text-decoration:none;
	display:block;
	padding-left:28px;
}

#header-gmaps img,
#header-show_header img{
	position:absolute;
	top:16px;
	left:20px;
}

#header-show_header{
	display:none;
}

#header-solliciteer{
	position:absolute;
	top:439px;
	left:374px;
	height:66px;
	width:198px;
	background:url(../images/backgrounds/solliciteer.png) no-repeat top left;
	z-index:10;
	font-size:11px;
	color:#999;
	text-decoration:none;
	line-height:66px;
	padding-left:7px;
	z-index:10;
}

#site-header-kaart #breadcrumb_bg,
#site-header-kaart #breadcrumb,
#site-header-big #breadcrumb_bg,
#site-header-big #breadcrumb{
	position:absolute;
	top:0px;
	left:0px;
	height:34px;
}

#site-header-big #breadcrumb_bg{
	filter:alpha(opacity=45);
	-moz-opacity:0.45;
	opacity: 0.45;
	background:#008336;
	width:597px;
}

#site-header-kaart #breadcrumb_bg{
	background:#5E8195;
	width:597px;
}

#site-header-kaart #breadcrumb,
#site-header-big #breadcrumb{
	padding-left:30px;
	line-height:34px;
	width:567px;
	color:#FFF;
}

#site-header-small #breadcrumb{
	position:absolute;
	top:41px;
	left:187px;
	line-height:34px;
	height:34px;
	padding-left:30px;
}

#breadcrumb{ color:#FFF; }

#breadcrumb a,
#breadcrumb span{
	color:#FFF;
	text-decoration:underline;
	font-size:11px;
}

#breadcrumb span{ font-weight:bold; }

#breadcrumb span,
#breadcrumb a:hover{ text-decoration:none; }

#site-container{
	position:relative;
	width:788px;
	margin:0px 0px 0px 187px;
	background:url(../images/backgrounds/dot.png) repeat-y left top;
}

#site-container.exception{ /* IE hacks */
	background:url(/images/backgrounds/dot.png) repeat-y top left; 
	_background:url(/images/backgrounds/dot.png) repeat-y top left;
}

*:lang(nl) #site-container.exception,
#site-container.exception:empty{
	background:url(/images/backgrounds/vacatures.png) repeat-y top left; !important
}

#site-container h1{
	height:14px;
	width:169px;
	margin:-29px 0px 0px 22px;
	background:#FFF;
	color:#016127;
	position:relative;
	padding-top:15px;
	font-size:14px;
	font:Helvetica, sans-serif;
	z-index:1;
	position:relative;
	white-space:nowrap;
}

#site-container h1 strong{
	position:absolute;
	display:block;
	bottom:-2px;
	left:0px;
	background:#FFF;
	color:#016127;
	height:18px;
	font-size:14px;
	white-space:nowrap;

}

#site-container h1 strong *{
	color:#016127;
}

#site-container #content-center h1{ margin-left:51px; width:356px; }
#site-container #content-center h1 strong{ width:330px; }
#site-container #content-right h1 strong{ width:165px; }

#site-container #content-right h1{
	margin-bottom:15px;
}

#site-container h1 span{
	position:absolute;
	top:0px;
	display:block;
	height:29px;
	width:22px;
}

#site-container h1 span.left{ left:-22px; background: url(../images/backgrounds/leftcurve.png); }
#site-container h1 span.right{ right:-22px; background: url(../images/backgrounds/rightcurve.png); }

#site-container #content-center .content h1{
	height:auto;
	width:auto;
	margin:0;
	padding:0;
	background:none;
	font-size:12px;
	margin-bottom:5px;
}

#site-container #content-center .content ul{ margin:0px 0px 20px 0px; padding:0px; list-style:none; }
#site-container #content-center .content ul li{ 
	line-height:175%; 
	background:url(../images/common/list-style.png) no-repeat 0px 8px;
	padding-left:15px;
	list-style:none;
}

#site-container #content-center .content2 ul{ margin:0px 0px 20px 0px; padding:0px; list-style:none; }
#site-container #content-center .content2 ul li{ 
	line-height:175%; 
	background:url(../images/common/list-style.png) no-repeat 0px 8px;
	padding-left:15px;
	list-style:none;
}


#content-center{
	position:relative;
	float:left;
	width:597px;
	background:url(../images/backgrounds/dot.png) repeat-y right top;
	min-height:550px;
	_height:550px;
	padding-bottom:95px;
}

#content-right{ float:right; width:191px; }


#site-submenu{
	position:absolute;
	top:115px;
	left:0px;
	padding-bottom:14px;
	background:url(../images/backgrounds/submenu.png) no-repeat left bottom;
}

#site-submenu ul{
	padding:19px 0px;
	margin:0px;
	list-style:none;
	background:url(../images/backgrounds/dot.png) repeat-y left top;
}

#site-submenu ul li{ margin:0px 0px 7px 0px; }

#site-submenu ul li a{
	color:#002F4A;
	display:block;
	height:26px;
	width:152px;
	line-height:26px;
	padding-left:35px;
	text-decoration:none;
}

#site-submenu ul li.even{ background:url(../images/backgrounds/footer.png); }
#site-submenu ul li.active{ background:#002F4A; }
#site-submenu ul li.active a{ color:#FFFFFF; }

#site-submenu ul li.odd a:hover,
#site-submenu ul li.even a:hover,
#site-submenu ul li.active a:hover{ text-decoration:none; background:url(../images/backgrounds/submenu-hover.gif) no-repeat 20px 10px; }

#site-submenu ul li.active a:hover{ background:none; }

.clear{ clear:both; }

#site-container .content{ padding:33px 30px 33px 26px; }
#site-container .content2{ padding:17px 30px 17px 26px; }
#site-container .content p{ line-height:175%; margin-bottom:20px; }
#site-container .content2 p{ line-height:175%; }

#footer{
	position:absolute;
	bottom:35px;
	left:0px;
	height:60px;
	width:975px;
	z-index:20;
}

#footer-acties{
	position:relative;
	height:26px;
	width:783px;
	background:url(../images/backgrounds/footer.png) repeat top left;
}

#footer-menu{
	position:relative;
	float:left;
	background:#B0B0B0;
	height:34px;
	width:783px;
}

#footer ul{
	position:absolute;
	top:0px;
	left:327px;
	list-style:none;
	display:block;
	margin:0px;
}

#footer ul li{
	list-style:none;
	float:left;
	margin:0px;
	_width:5px;
	
	height:26px;
	line-height:26px;
	color:#999;
}

#footer ul li a{
	display:block;
	height:26px;
	line-height:26px;
	color:#999;
	font-size:11px;
	padding:0px 10px;
	text-decoration:none;
	white-space:nowrap;
}

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

#footer-menu ul{ left:615px; }
#footer-menu ul li{ _width:50px; }

#footer-menu ul li a{
	height:34px;
	line-height:34px;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
}

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

#footer-left{
	float:right;
	height:34px;
	line-height:34px;
	text-align:center;
	width:192px;
	background:#E7E6E4;
	color:#666;
	font-size:11px;
}

dl.contact_form dt{
	line-height:23px;
	min-height:23px;
	_height:23px;
	width:102px;
	font-size:11px;
	color:#666;
}

dl.contact_form dd{
	min-height:23px;
	_height:23px;
	margin:-23px 0px 7px 102px;
	width:220px;
	position:relative;	
	font-size:11px;
	color:#666;
}

dl.contact_form dd span textarea,
dl.contact_form dd span input.input_text{
	border:1px solid #C6C6C6;
	height:18px;
	width:205px;
	color:#666;
	padding:3px 0px 0px 3px;
}

dl.contact_form dd span select.select{
	border:1px solid #C6C6C6;
	width:50px;
	color:#666;
}

dl.contact_form dd span textarea{ height:123px; }

dl.contact_form dd input.submit_button{
	height:21px;
	width:95px;
	background:url(../images/buttons/verstuur.png);
}

dl.contact_form dd sup{
	position:absolute;
	top:2px;
	right:2px;	
}

.laatste_nieuws,
.laatste_vacatures,
.nieuws_archief{ padding:20px 0px 15px 28px; }

.laatste_nieuws,
.laatste_vacatures,
.vacature_info,
.contact_info{ padding-left:22px; }

#site-container #content-right .vacature_info h1{
	margin:40px 0px 5px 0px;
	padding:0px;
	color:#00742D;
	position:relative;
	font-size:11px;
	font-weight:normal;
	height:auto;
}

.vacature_info p,
.contact_info p{
	padding-top:10px;
	line-height:170%;
	color:#666;
	font-size:11px;
}

.laatste_nieuws a,
.laatste_vacatures a{
	display:block;
	font-size:11px;
	line-height:160%;
}

.laatste_vacatures a{
	margin:7px 0px 15px 0px;
}

.laatste_vacatures a.functie{
	display:block;
	font-size:13px;
	color:#002F4A;
	text-decoration:none;
	margin:0px;
	padding:0px;
	line-height:100%;
	background:url(../images/backgrounds/submenu-hover.gif) no-repeat 0px 4px;
	padding-left:13px;
}

a.route{
	display:block;
	font-size:11px;
	height:20px;
	line-height:20px;
	background:url(../images/buttons/file.png) no-repeat 0px 5px;
	padding-left:15px;
}

.contact_info a:hover{ text-decoration:none; }

.laatste_nieuws span.datum,
.laatste_vacatures span.datum,
.nieuws_archief span.datum,
.content span.datum{
	display:block;
	margin:7px 0px 15px 0px;
	color:#999;
	font-size:11px;
}

.laatste_nieuws span.datum{ margin:7px 0px 20px 0px; }
.laatste_vacatures span.datum{ margin:5px 0px 20px 13px; }
.nieuws_archief span.datum{ margin:5px 0px 20px 15px; }

.nieuws_archief a{
	display:block;
	height:14px;
	line-height:14px;
	background:url(../images/buttons/file.png) no-repeat 0px 0px;
	padding-left:15px;
}

.nieuws_archief a.active{
	font-size:12px;
	color:#144562;
	text-decoration:none;
	background:url(../images/buttons/file_blue.png) no-repeat 0px 0px;
}


.site_search,
.nieuws_search{
	position:absolute;
	top:130px;
	left:13px;
	height:16px;
	border:1px solid #ccc;
	border-right:none;
	padding:3px 0px 0px 5px;
	width:134px;
}

.site_search{
	top:10px;
	left:801px;
	width:127px;
}

.site_submit,
.nieuws_submit{
	position:absolute;
	top:130px;
	left:153px;
	height:21px;
	width:21px;
	background:url(../images/buttons/search.png) no-repeat center center;
	cursor:pointer;
}

.site_submit{
	top:10px;
	left:934px;
}

.kop{
	height:32px;
	line-height:32px;
	color:#FFF;
	background:url(../images/backgrounds/kop.png) repeat-x top left;
	font-size:11px;
	padding:0px 0px 0px 22px;
}

.subkop{
	height:32px;
	line-height:32px;
	color:#002F4A;
	font-weight:bold;
	padding:0px 0px 0px 22px;
	background:url(../images/backgrounds/footer.png) repeat top left;
}

table.vacatures{
	width:100%;
}

table.vacatures tr th{
	background:#E1E1E1;
	height:26px;
	line-height:26px;
	font-weight:normal;
	font-size:11px;
	text-align:left;
	padding-left:22px;
} 

table.vacatures tr td{
	height:26px;
	line-height:26px;
	padding-left:22px;
	font-size:11px;
}

table.vacatures tr.bg{
	background:#E8E8E8;
}

html body div#site div#site-container div#content-center div#google_maps div a,
html body div#site div#site-container div#content-center div#google_maps div span,
html body div#site div#site-container div#content-center div#google_maps span.gmnoprint a img{
	display:none;
}

form.vacature #stap-1 dl{
	margin:15px 0px 26px 21px;
	color:#666;
	font-size:11px;
}

form.vacature #stap-1 dl dt{
	width:122px;
	min-height:23px;
	_height:23px;
	line-height:23px;
}

form.vacature #stap-1 dl dd{
	margin:-23px 0px 7px 122px;
	min-height:23px;
	_height:23px;
	line-height:23px;
	width:215px;
}

form.vacature #stap-1 dl dd input.input_text,
form.vacature #stap-2 input.input_file{
	width:191px;
	height:18px;
	border:1px solid #C6C6C6;
	color:#666;
	padding:3px 0px 0px 5px;
}

form.vacature #stap-1 dl dd label{
	margin:0px 20px 7px 0px;
}

form.vacature #stap-2 input.input_file{
	margin-left:19px;
}

form.vacature #stap-2 textarea.input_textarea{
	width:315px;
	height:108px;
	border:1px solid #C6C6C6;
	padding:3px 0px 0px 5px;
	margin-left:19px;
	line-height:175%;
	color:#999;
	overflow:auto;
}

form.vacature #stap-2 span,
form.vacature #stap-3 span{
	display:block;
	margin:15px 0px 4px 19px;
}

form.vacature #stap-3 *{
	font-size:12px;
}

form.vacature #stap-3 strong{
	display:block;
	margin:25px 0px 10px 19px;
}
form.vacature #stap-3 p{
	margin:15px 18px 16px 19px;
	font-size:11px;
	line-height:175%;
}

form.vacature #stap-3 dl{
	margin:0px 0px 12px 19px;
	color:#666;
}

form.vacature #stap-3 dl dt{
	width:146px;
	min-height:14px;
	_height:14px;
	line-height:14px;
}

form.vacature #stap-3 dl dd{
	color:#002F4A;
	margin:-14px 0px 7px 146px;
	min-height:14px;
	_height:14px;
	line-height:14px;
}

form.vacature #stap-3 dl dd span{
	display:inline;
	color:#002F4A;
	margin:0px;
	margin-right:3px;
	float:left;
}

.tussenruimte{
	height:100px;
}

/*** TABS ***/

.ui-tabs-nav a {
	height:40px;
	line-height:40px;
	font-size:11px;
	color:#00742D;
	font-weight:bold;
	width:122px;
	padding:0;
	margin:0;
	background:url(../images/backgrounds/footer.png) repeat top left;
}

.ui-tabs-nav li.ui-tabs-selected a{
	background:url(../images/backgrounds/dark.png) repeat top left;
}

ul.vac_nav{
	display:block;
	height:40px;
	background:url(../images/backgrounds/dot.png) repeat-y 183px 0px;
	margin:0px;
	padding:0px;
}

ul.vac_nav li{
	margin:0px;
	padding:0px;
	display:block;
	float:left;
}

ul.vac_nav li a{
	display:block;
	width:183px;
	height:40px;
	text-align:center;
	line-height:40px;
	font-size:11px;
	text-decoration:none;
}

ul.vac_nav li a:hover{
	background:url(../images/backgrounds/footer.png) repeat top left;
	text-decoration:none;
}


ul.vac_nav li.p2, ul.vac_nav li.p3{
	display:none;	
}


/*** SITEMAP ***/
#site-container #content-center .content ul.sitemap li{
	background:url(../images/common/sitemap-list.png) no-repeat 0px 4px;
	padding-left:33px;
	margin-bottom:20px;
}

#site-container #content-center .content ul.sitemap li a{
	font-weight:bold;
	color:#000;
	text-decoration:none;
}

#site-container #content-center .content ul.sitemap li ul li{
	background:url(../images/common/sitemap-sublist.png) no-repeat 0px 7px;
	padding-left:25px;
	margin-bottom:0px;
}

#site-container #content-center .content ul.sitemap li ul li a{
	font-weight:normal;
	color:#00742D;
	text-decoration:underline;
}

/*** MAILEN ***/
#mailen_bg{
	position:fixed;
	_position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	background:#FFF;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity: 0.7;
	z-index:200;
	display:none;
}

#mailen{
	background:#015624 url(../images/backgrounds/mailen.png) no-repeat top left;
	position:fixed;
	_position:absolute;
	top:50%;
	left:50%;
	margin:-186px 0px 0px -270px;
	height:370px;
	width:538px;
	z-index:210;
	border:1px solid #015624;
	display:none;
	
}

#mailen h1{
	position:absolute;
	top:32px;
	left:27px;
	color:#fff;
	font-size:13.5px;
}

#mailen .close{
	position:absolute;
	top:0px;
	right:0px;
	height:26px;
	width:26px;
}

#mailen p{
	position:absolute;
	top:70px;
	left:27px;
	color:#FFF;
	line-height:175%;
	width:486px;
}

#mailen dl{
	position:absolute;
	top:168px;
	left:27px;
}

#mailen dl dt{
	width:162px;
	min-height:23px;
	_height:23px;
	line-height:23px;
	color:#FFF;
}

#mailen dl dd{
	margin:-23px 0px 7px 162px;
	min-height:23px;
	_height:23px;
	width:310px;
	color:#fff;
}

#mailen dl dd input.input_text{
	width:291px;
	height:18px;
	border:1px solid #015624;
	padding:3px 0px 0px 5px;
}

#mailen dl dd textarea.input_textarea{
	width:291px;
	height:87px;
	border:1px solid #015624;
	padding:3px 0px 0px 5px;
}

#mailen input.submit{
	position:absolute;
	bottom:0px;
	right:0px;
	background:#002F4A;
	color:#FFF;
	width:349px;
	height:24px;
	font-size:12px;
	cursor:pointer;
}

#select_vacature{
	position:absolute;
	top:396px;
	left:367px;
}

#select_vacature .fake_button{
	display:block;
	height:19px;
	line-height:19px;
	width:200px;
	border:1px solid #C6C6C6;
	padding:0px 0px 0px 6px;
	font-size:11px;
	color:#666;
	text-decoration:none;
	background:url(../images/common/arrow_down.png) no-repeat top right;
	margin:0px 10px 0px 10px;	
}

#select_vacature .box{
	position:relative;
	display:none;
	background:#FFF;
	z-index:50;
	width:208px;
	border:1px solid #C6C6C6;
	margin:0px 10px 0px 10px;	
}

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

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

#select_vacature ul li a{
	display:block;
	font-size:11px;
	color:#666;
	height:30px;
	line-height:30px;
	text-decoration:none;
	padding:0px 0px 0px 5px;
}

#select_vacature ul li.opt2{
	background:url(../images/backgrounds/footer.png) repeat top left;
}

dl dd img{
	display:block;
	float:right;
}

.foto-overzicht{
	height:500px;
	width:165px;
	padding-left:22px;
	overflow:auto;
}

.foto-overzicht img{
	display:block;
	margin:0 0 3px 0px;
}

#content-center .content a img.fotoalbum{
	display:block;
}

.next{
	margin-left:50px;
}

.banner{
	left:25px;
	position:absolute;
	top:150px;
}