@import url("default.css");
@import url("forall.css");
@import url("home.css");
@import url("style_1-0.css");
@import url("style_2-0.css");
@import url("style_3-0.css");
@import url("style_4-0.css");
@import url("style_4-1.css");
@import url("style_5-0.css");



/* IMPORTANT: For deFault styling of <a> elements, see the "links" section in default.css */

/* TOP */

/* The CSS that's required to position the footer */

	html
	{
		height: 100%;
	}

	body
	{
		height: 100%;
		text-align: center;
	}

	div#page
	{
		position: relative;
		min-height: 100%;
		/* margin-bottom:20px; */
	}

	* html #page
	{
		height: 100%;
	}

span.required {
	color:#FF0000;
}

input.formField {
	width:180px;
}
 
div#main { 	
		text-align: left;
		vertical-align: middle;	
		padding: 0px;
		width: 1000px;
		background-color: #ffffff;
		background-position:top;
		background-repeat: repeat-x;
		width:100%;		
}

div#top {
	width:1000px;
	height:100px;
	margin: 0px auto;
}

div.menu {
	postion:absolute;
  text-align: left;
  vertical-align: middle;
  margin: 0px auto;
  padding: 0px;
  height:32px;
  width: 100%;
  background-color: #CCCCCC;
	background-image:url("/img/menu_back.jpg");
	background-repeat: repeat-x;    
}

div.navigatie {
		postion:absolute;
		text-align: left;
		vertical-align: middle;	
		margin: 0px auto;
		padding: 0px;
		width: 1000px;
		height:32px;
		z-index:-1;
}

#titel {
	font: 24px Arial Narrow, Arial, Verdana, Helvetica, sans-serif;
	position:absolute;
	margin-left:20px; 
	margin-top:40px;
	text-align: left;
	width:500px;
	padding: 0px 13px 13px 0px;
}

#logo {
	position:relative;
	margin-top:17px;
	float:right;
	background:url("/img/logo.jpg") no-repeat;
	width:160px;
	height:72px; 
}


/* MIDDLE */

div#middle {
	margin: 0px auto;
	width:1000px;
}


/* BOTTOM */
#bottom {
 	position: relative;
	margin: -26px auto 0 auto;
	background-image:url("/img/footer_back.jpg");
	background-repeat: repeat-x;   
	height:26px;  
}


div#bottom div#disclaimer {
		text-align: left; 
/*		vertical-align: middle;	*/
		margin: 0px auto; 
		padding: 0px;
		width: 1000px; 
		padding-top:5px;
}
div#bottom div#disclaimer a {
		float:left;
		color:#ffffff;
		text-decoration:none;
/*		height:26px; */
		padding-left:5px;
}

/* BUTTONS */

/* main navigatie */
div#main-menu{
	position:absolute;
	float: left;
	height:31px;

}

#main-menu ul
{
	float: left; 
	list-style: none;
	padding: 0;
	margin: 0;
}

#main-menu ul li
{
	float: left;
	margin-left:10px;
}

#main-menu a:hover{
	background:url(/img/menu_hover.jpg);
}

#main-menu li a
{
	background:url(/img/menu_off.jpg) #fff bottom left repeat-x;
	height:26px;
	line-height: 2em;
	float: left;
	width: 95px;
	display: block;
	color: #FFFFFF;
	text-decoration: none;
	text-align: left;
	margin-left:-10px; 
	padding:5px 0 0 5px;
	font-weight:bold;
}
#main-menu li:hover a, #nav-menu li.hover a.hover{
	background:url(/img/menu_hover.jpg);
}

#main-menu #werken-menu-item {
	margin-left:580px;
	height:31px;
}
#main-menu #werken-menu-item ul li a {
	color:#ffdf1a;
}
#main-menu .menuitemon {
	color:#94958d;
}

a.menuactiefsel {
	text-decoration:none;
	color:#94958d;
}
a.menuactiefsel:hover {
	text-decoration:none;
	color:#94958d;
/*	background:url(/img/menu_off.jpg) #fff bottom left repeat-x; */
		background-image:none;
}



div.menuitemonvac {
	color:#990000;
}

a.menuitemonvac {
	color:#990000;
	margin-left:5px;
	background:0;
}

a.menuitemonvac:hover {
	color:#990000;
	margin-left:5px;
	background:0;
}

/* HOOFD NAVIGATIE ACTIEF */

#main-menu_on{
	position:relative; 
	float:left; 
	width:100px; 
	height:23px; 
	background:url(/img/menu_on.jpg) repeat; 
	font-weight:bold;
	color:#969890; 
	padding:10px 0 0 10px;
}



/* CORPORATE NAVIGATIE */
div#nav-menu{
/*	float: right; */
	margin-top:269px;
	margin-right:70px;
}

#nav-menu ul
{
	float: right;
	list-style: none;
	padding: 0;
	margin: 0;
	
}
#nav-menu li
{
	float: left; 
}

/*#nav-menu a:hover{
	background:url(/img/navi_on.jpg);
}
*/

#nav-menu li a
{
	background:url(/img/navi_def_off.jpg) #fff bottom left repeat-x;
	height: 2em;
	line-height: 2em;
	float: left; 
	width: 55px;
	display: block;
	color: #0d2474;
	text-decoration: none;
	padding-left:15px;
	text-align: left;
}
#nav-menu li:hover a, #nav-menu li.hover a.hover{
	background:url(/img/navi_def_on.jpg);
}

#nav-menu li a.mainnavi, #nav-menu li.hover a.mainnavi:hover {
	background:url(/img/navi_werken_off.jpg);
}
#nav-menu li:hover a.mainnavi, #nav-menu li.hover a.mainnavi:hover {
	background:url(/img/navi_werken_on.jpg);
}


/* RIGHT DOWN CORPORATE NAVIGATIE */
div#rd-nav-menu{
	position:absolute;
	float: left;
	
	width: 30%;
	margin: 290px auto;
	padding: 1em 0;
}

#rd-nav-menu ul
{
	float: left;
	list-style: none;
	padding: 0;
	margin: 0 auto 0 0px;
	
}

#rd-nav-menu li
{
	margin-left:0px;
	float: left;
	width:70px;
}

/*#rd-nav-menu a:hover{
	background:url(/img/navi_on.jpg);
}*/

#rd-nav-menu li a
{
	background:url(/img/navi_def_off.jpg) #fff bottom left repeat-x;
	height: 2em;
	line-height: 2em;
	float: left;
	width: 55px;
	display: block;
	color: #0d2474;
	text-decoration: none;
	text-align: left;
	padding-left:15px;
	margin-top:2px;
}
#rd-nav-menu li:hover a, #nav-menu li.hover a.hover{
	background:url(/img/navi_def_on.jpg);
}

#rd-nav-menu li a.werkennavi {
	background:url(/img/navi_werken_off.jpg);
}
#rd-nav-menu li:hover a.werkennavi, #nav-menu li.hover a.hover{
	background:url(/img/navi_werken_on.jpg);
}
#rd-nav-menu li a.watnavi {
	background:url(/img/navi_wat_off.jpg);
}
#rd-nav-menu li:hover a.watnavi, #nav-menu li.hover a.hover{
	background:url(/img/navi_wat_on.jpg);
}
#rd-nav-menu li a.wienavi {
	background:url(/img/navi_wie_off.jpg);
}
#rd-nav-menu li:hover a.wienavi, #nav-menu li.hover a.wienavi:hover{
	background:url(/img/navi_wie_on.jpg);
}
#rd-nav-menu li a.hoenavi {
	background:url(/img/navi_hoe_off.jpg);
}
#rd-nav-menu li:hover a.hoenavi, #nav-menu li.hover a.hover{
	background:url(/img/navi_hoe_on.jpg);
}
#rd-nav-menu li a.restnavi {
	background:url(/img/navi_rest_off.jpg);
}
#rd-nav-menu li:hover a.restnavi, #nav-menu li.hover a.hover{
	background:url(/img/navi_rest_on.jpg);
}
#rd-nav-menu li a.vacanavi {
	background:url(/img/navi_vaca_off.jpg);
}
#rd-nav-menu li:hover a.vacanavi, #nav-menu li.hover a.hover{
	background:url(/img/navi_vaca_on.jpg);
}


/* QUOTE BLOCK */

.quote-block{
		position:relative;
		width:361px;
		margin-top:10px;
}

.quote-header{
	float:left;
	background-color: #808080;
	color: #FFFFFF;
	width:110px;
	padding: 5px 5px 5px 5px;
	height:90px;
}
.quote-image{
	height:100px;
 	width:239px;
 	float:left;
 	margin-bottom: 20px;
}

.quote-body{
	position: relative; 
}
.quote-body h3{
	width:100%;
	font-weight:bold;
	margin-top: 10px;	
}
h3 { font-size: 14px;}
.quote-body p {
}


/* AANVRAGEN PAGINA */
.aanvraag_header{
	background-color:#3e393a;
	color:#FFFFFF;
	margin-left:10px;
	text-align:left;
}


.even{
	text-align:left;
	background-color:#e6e6e5;
}

.even a {
	color:#3366cc;
}

.odd {
	text-align:left;
}
.odd a {
	color:#3366cc;
}


.rss {
	position:absolute;
	color:#FFFFFF;
	margin-left:900px;
	margin-top: 120px;
	z-index:1;
}

#aanvraag_box {
	position:absolute;
	border: thin solid #000000;
	background-color:#FFFFFF;
	width:500px;
	height:400px;
	padding: 10px 10px 10px 10px;
	margin-left:400px;
	margin-top:100px;
	overflow: auto;
	z-index:2;
}


/* Sitemap */
ul.sitemap {
	margin:0;
	margin-left:10px;
	padding:0;
	list-style-image: url(/img/li_vacature_img.jpg);
}
li.sitemap {
	margin:0;
	margin-left:20px;
	padding:0;
}
a.sitemap {
	margin:0;
	padding:0;
}
a.sitemaptitel {
font-size:17px;
	text-decoration: none;
	color:#000000;
	margin:0;
	padding:0;
}



#special:visited{ color: #006699; }
#special:visited { color: #006699; }
#special:hover { color: #333; text-decoration: none; }


.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button {
    background: transparent url('../img/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    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.button span {
    background: transparent url('../img/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}

a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}