/* top level html containers */
html { height: 100%; overflow: auto; }
body {
	height: 100%;
	margin: 0px;
	padding: 0px;
	background: url(../img/bg_gray_white_vertical.jpg) fixed repeat-x #fff;
	color: #000;
	font-family: Verdana, sans-serif;
	font-size: 10px;

}

/* general styling rules */
a { color: #000; }
a:hover { color: #336699; }
table, form, p { margin: 0px; padding: 0px; }
img { border: 0px; }
.colorized { background-image: url(../img/shade.png); }

/* form validation */
input.disabled { border: 1px solid #ccc; background-color: #F2F2F2; }
input.required, input.normal, textarea.required { border: 1px solid #ccc; width: 200px; }
input.validation-failed, textarea.validation-failed { border: 1px solid #FF3300; color : #FF3300; }
input.validation-passed, textarea.validation-passed { border: 1px solid #00CC00; color : #000; }
.validation-advice { color: #FF3300; font-weight: bold; }
.custom-advice { color: #C8AA00; font-weight: bold; }


.orange_font{
	color: #f68b1f;
}

.red_fond{
	color: #e32c28;
}

.green_fond{
	color: #009966;
}
.clear_div{
	clear: both;
}

/* footer position using 'footerStickAlt' technique */
#contents {
	position: relative;
	min-height: 100%;
	left: 50%;
	border: 0px;
	overflow-x: hidden;
	margin-left: -400px;
	width: 801px;
	background: url(../img/main_bg.png) repeat-y;
}
* html #contents {
	height: 100%;
}

#top{
	width: 797px;
	height: 18px;
	margin: 0 2px 0 2px;
	background: url(../img/top_bg.jpg) bottom center no-repeat #e7e5e5;
} 

#right_img{
	position: absolute;
	top: 0px;
	right: 19px;
	width: 389px;
	height: 224px;
	/*background: red;*/
}

#main_contents{
	width: 762px;
	margin: 0 20px 0 20px;
}

/* heder + menu */
#header{
	width: 100%;
	height: 226px;
	background: url(../img/menu_bg.jpg) repeat-x;
}

#topmenu{
	width: 100%;
	height: 19px;
	padding: 5px 0 0 73px;
}

#header_logo{
	display: block;
	margin: 63px 0 0 24px;
	float: left;
}


/* SLIDESHOW */
#header_image_container {
	width:389px;
	height:225px;
	background:url(../img/header_img.gif);
}
.slide {
	position: absolute; left: 0; top: 0;
	margin-top:41px;
}

#slideshow_overlay, #slideshow_overlay img {
	position: absolute; left: 0; top: 0;
	z-index:999;
	display:block;
	width:389px;
	height:225px;
}


#menu {
	float: left;
	margin: 10px 0 0 20px;
}

.nav, .nav_selected{
	display: block;
	background: url(../img/menu_bg.gif) top repeat-x;
	padding: 4px 0 4px 10px ;
	text-decoration: none;
	font-size: 13px;
	color: #666;
	width: 300px;
}

.nav_selected{
	padding: 4px 0 4px 0px ;
	text-decoration: none;
	color: #336699;
}

.nav_selected img{
	margin-right: 3px;
	margin-top: -6px;
}
/* content divs*/

.content_home, .content_gray{
	width: 333px;
	float: left;
	padding: 10px 15px 11px 25px;
	margin-bottom: 10px;
}


.content_gray{
	background: #f2f0f0;
	position: relative;
}

.content_gray_top, .breed_content_gray_top{
	position: absolute;
	top: 0px;
	left: 0px;
	background: url(../img/gray_top.jpg);
	height: 11px;
	width: 100%;
}

.content_gray_bottom, .breed_content_gray_bottom{
	position: absolute;
	bottom: 0px;
	left: 0px;
	background: url(../img/gray_bottom.jpg);
	height: 11px;
	width: 100%;
}

.breed_content, .breed_content_gray{
	position: relative;
	width:	695px;
	margin-left: 15px;
	padding-left: 30px;
	padding: 11px 15px 11px 20px; 
}

.breed_content_gray{
	background: #f2f0f0;
	color: #666;
	overflow: hidden;
}

.breed_content_gray_top{
	background: url(../img/gray_top_breed.jpg);
}

.breed_content_gray_bottom{
	background: url(../img/gray_bottom_breed.jpg);
}

.vacature{
	color: #666;
}

.vacature img{
	float: right;
}

.medewerkers{
	float: left;
	width: 328px;
	height: 516px;
}

.medewerkers img{
	float: left;
	margin-right: 13px;
}
/*dienstverlening */

.dva_intro {
	margin-bottom:6px;
	padding-bottom:6px;
	font-size:104%;
}
#contactgegevens{
	width: 100%;
	height: 93px;
	/*padding-left: 50px;*/
}

.contact_detal{
	width: 145px;
	float: left;
}

.contact_detal span{
	color: #e32c28; 
}

.vacature_link{
	display: block;
	width: 328px;
	height: 12px;
	margin-bottom: 12px;
	float: left;
	text-decoration: none;
}

.vacature_link_container_alle_vacatures {
	height:30px;
}

#linkcontanter{
	width: 328px;
	height: 90px;
	float: left;
	
}	

.vacature_link img{
	margin-right: 17px;
}

.reageer{
	float: right;
}

.dienst{
	width: 233px;
	padding-left: 20px;
	margin-bottom: 20px;
	float: left;
}

.credit{
	width: 100%; 
	height: 100px;
	overflow: hidden;
	margin-bottom: 15px;
}

.credit img {
	float: left;
	margin: 0 5px 20px 0;
}

	

/* footer */

#footer {
	position: relative;
	left: 50%;
	width: 762px;
	margin-left: -380px;
	height: 20px;
	margin-top: -20px;
	overflow: hidden;
	border-top: 6px solid #edeaea;
}

#footbar {
	position: relative;
	left: 50%;
	width: 762px;
	margin-left: -380px;
	height: 20px;
	padding-top: -5px;
	margin-top: -25px;
	overflow: hidden;
	background: #ECEBE9;
	border-top: 5px solid #edeaea;
}

#footbar a{
	margin-left: 20px;
}




/* CONTACT FOOTER */

#contact_footer {
	position:absolute;
	bottom:25px;
	padding:5px;
	background:#F2F0F0;
	height:80px;
	width:752px;
}

#contact_footer span.title {
	color:#ED2C28;
}

#contact_footer div.item {
	width:230px;
	float:left;
	height:80px;
	padding-top: 10px;
	padding-left:20px;
}

#contact_footer span {
	display:block;
}

#contact_footer  #iso {
	position:absolute;
	background-image: url('../img/iso.png');
	right: 10px;
	height:63px;
	width:60px;
	top: 13px;
}


.move_left {
	float:left;
	margin-left:10px;
}

.move_right {
	float:right;
}




#vacatures_alle {
	margin-top:18px;
	margin-bottom:30px;
	text-align:right;
}




/* GOOGLE MAPS PRINT PAGE */

#gmaps_print {
	background:white;
}

#gmaps_print #gmaps_print_wrapper {
	width:800px;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
}
#gmaps_print #gmaps_print_button_container {

	text-align:right;
}