html{
	margin: 0;
	padding: 0;

}
html, body, #wrap{
	height: 100%;

}

body > #wrap {height: auto; min-height: 100%;}

#wrap {
	background-image:url(../img/bg_innercontent.gif);
	background-position:center center;
	background-repeat:repeat-y;
}

body{
	margin: 0;
	padding: 0;
	text-align: center;
	background-image: url(../img/bg_main.gif);
	background-repeat: repeat-x;
	background-color:#f0f0f0;
}

div, p, td {
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px; /* was 11px, Rick */
	color: #666;
	margin: 0px;
	padding: 0px;
}

#ext_frame {
	width: 100%;
    height: 500px;
    border: none;
    overflow-x: hidden;
}

#kaartjes  {
	position:relative;
	max-height:169px;
	overflow:hidden;
	text-align: left;
}

#clickmap, #clickmap2 {
	float:left;
}

#switch1, #switch2 {
	left:147px;
	position:absolute;
	top:132px;
}

#container{
	padding-bottom: 60px;
	width: 779px;
	height: 100%;
	margin: 0 auto;
	background-image: url(../img/page_top.gif);
	background-repeat: no-repeat;
	position: relative;
	top: 0px;
}

#content {
	clear:both;
	width:745px;
	margin-left:6px;
	padding:0 11px;
	padding-bottom:100px;
}

#content_left {
	float:left;
	width:180px;
	margin:-14px 0 0 -11px;
	padding:0;
}

#content_right {
	float:right;
	width:570px;
	margin:0;
	margin-right:6px;
	padding-left:0px;
	background-image:url(../img/bg_pagina_titel.gif);
	background-repeat:no-repeat;
}

#content_sluiter {
	clear:both;
}



#kopje {
	clear:both;
	padding:6px 0 0 15px;
	font-weight:bold;
}

#kopje p {
	font-size: 15px;
}

p, h1, h2, h3, h4, td, img {
	text-align:left;
}

#main {
	padding-bottom: 110px;
	}



#header {
	margin:0;
	position: relative;
	float: left;
	clear: both;
	width: 779px;
	height: 305px;
}

#headerfoto {
	margin:0px 0 0 6px;
	width:354px;
	float:left;
}

#animatie {
	float:right;
	width:413px;
	height:200px;
	margin:0px 6px 0 0;
}


#logo{
	width: 223px;
	height: 52px;
	position: absolute;
	left: 19px;
}

a img  {
	border:0;
}


/* --------- kruimelpad -------------- */
#kruimelpad {
	float:right;
	margin:40px 25px 0 0;
	font-weight:bold;
}

#kruimelpad p a {
	text-decoration:none;
	color:#4f5650;
}

#kruimelpad .naam {
	color:#e12e29;
}

/* -------- content --------- */

/* ----------- content right --------------- */

/*
#content_right h1 {
	width:495px;
	background-image: url(../img/bg_h1.gif);
	background-repeat: no-repeat;
	color:#4f5650;
	font-size:14px;
	height:30px;
	padding:7px 0 0 5px;
	margin:0;
}
*/

#content-title {
	color:#4f5650;
	font-size:15px;
	font-weight:bold;
	margin:5px 0 0 15px;
	padding:0;
	height:27px;
	text-align: left;
}

#content_right .csc-header h1, #content_right h1.csc-firstHeader {
	margin:0;
	font-size:15px;
	padding:5px 0 0 0;
}

#content_right h2 {
	font-size:12px;
	padding:10px 0 0 5px;
}

#content_right p, #content_right form, .content-spacing {
	padding-left:5px;
	font-size:12px;
	line-height:1.5em;
	margin:0 0 12px 0;
	padding-left:0;
}

#content_right li {
	padding-left:5px;
	font-size:12px;
	line-height:14px;
	margin:4px 0 4px 0;
}

#content_right_inside {
	margin-left: 15px;
}

#content_right table.contactinfo tr td {
	padding-left:5px;
	font-size:12px;
	line-height:14px;
	width:140px;
}


#content_right hr {
	clear:both;
	background-color: #d5d7d6;
	border:0;
	height:1px;
	margin-top:10px;
}

#content_right ul {
	text-align:left;
	list-style-position: outside;
	list-style-image: url(../img/list_bullet.gif);
	list-style-type: square;
}
/*
#content_right a {
	color:#e12e29;
	font-weight:bold;
}
*/

#content_right a {
	color:#666666;
	font-weight:bold;
	text-decoration:none;
}



#content_right a.afdrukken {
	float:left;
	padding:10px 0 0 5px;
}

#content_right a.meervacatures {
	float:right;
	padding:10px 0 0 5px;
	text-decoration:none;
}

#content_right a.meervacatures img {
	padding-left:5px;
}

#content_right a:hover {
	text-decoration:underline;
}

/* ----------- content left --------------- */

#content_left h4 {
	background-image: url(../img/bg_h3_left.gif);
	background-repeat: repeat-x;
	height:22px;
	width:172px;
	padding:6px 0 0 8px;
	margin:13px 0 0 0;
	font-size:12px;
}

#content_left h4.spacer45 {
	margin-top:45px;
}

#content_left h4.spacer20 {
	margin-top:25px;
}


#content_left ul {
	list-style: none;
	padding:0;
	margin:0;
	text-align:left;
	font-weight:bold;
	font-size:12px;
	line-height:27px;
	color:#e12e29;
}

#content_left ul li {
	border-bottom:1px solid #d5d7d6;
}

#branches li a {
	padding:0 0 0 10px;
	color: #666666;
	text-decoration:none;
}

#nieuwste_vacatures li a {
	padding:0 0 0 10px;
	color:#e12e29;
	text-decoration:none;
}

#content_left a.meervacatures {
	float:right;
	padding:10px 10px 0 5px;
	text-decoration:none;
}

#content_left a {
	color:#E12E29;
	font-weight:bold;
}

#content_left a:hover {
	text-decoration:underline;
}

#content_left a.meervacatures img {
padding-left:5px;
}

/* ------------------footer----------------------- */
/*
#footer {
	position: relative;
	margin-top: -110px;
	height: 160px;
	clear: both;
	width: 100%;
	background-color: #515852;
	background-image: url(../img/bg_footer.gif);
	background-repeat: repeat-x;
}

#footercontent {
	width: 779px;
	height: 100%;
	margin: 0 auto;
	text-align: left;
}

#contact1 {
	float:left;
	margin:0;
}

#contact2 {
	float:left;
	margin:0;
}

#contact1 ul li, #contact2 ul li {
	list-style-type:none;
	color:#bababa;
	line-height:20px;
}

#contact1 li.telefoon, #contact2 li.telefoon {
	background:transparent url(../img/icon_telefoon.gif) no-repeat scroll 0 0;
	padding-left:23px;
}

#contact1 li.email, #contact2 li.email {
	background:transparent url(../img/icon_email.gif) no-repeat scroll 0 0;
	padding-left:23px;
}

#footernav {
	float:right;
}

#footernav ul {
	list-style-type:none;
	padding-right:20px;
}

#footernav ul li a {
	line-height:20px;
	color:#bababa;
}*/

#footer {
	position: relative;
	margin-top: -50px; /* negative value of footer height */
	height: 50px;
	clear: both;
	width: 100%;
	background-color: #4f5650;
	background-image: url(../img/bg_footer.gif);
	background-repeat: repeat-x;
}

#footercontent{
	width: 990px;
	height: 100%;
	margin: 0 auto;
	text-align: center;
}

#footernav{
	height: 35px;
	position: relative;
	top: 15px;
	line-height: 18px;
	text-align: center;
	margin: 0 auto;
	width: 900px;
}

#footernav ul{
	width: 700px;
	margin: auto;
}

#footernav li{
	display: inline;
}

#footernav a{
	color: #e1e1e1;
	font-weight: normal;
	padding: 0px 15px 0px 15px;
}

#language{
	width: auto;
	height: auto;
	position: absolute;
	right: 15px;
	top: 4px;
	text-align: right;
}

#language a{
	display:block;
	float:left;
	height:25px;
	margin-right:5px;
	padding:0 0 0 0;
	width:20px;
}

.be{
	background-image:  url(../img/taal_sprite_alt.gif);
	background-position: 0px 0px;
}

.hu{
	background-image:  url(../img/taal_sprite_alt.gif);
	background-position: -23px 0px;
}

.nl{
	background-image:  url(../img/taal_sprite_alt.gif);
	background-position: -69px 0px;
}

.pl{
	background-image:  url(../img/taal_sprite_alt.gif);
	background-position: -46px 0px;
}

.de{
	background-image:  url(../img/taal_sprite_alt.gif);
	background-position: 20px 0px;
}

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#video-preview {
	display: block;
	width: 180px;
	height: 133px;
	background-image:  url(../img/movie.jpg);
}

a.branche{
	display: block;
	width: 180px;
	height: 29px;
	background-image:  url(../img/branches_sprite_de.gif);
}

#bouw{
	background-position: 0px 0px;
}


#bouw:hover{
	background-position: 180px 0px;
}

#metaal{
	background-position: 0px -29px;
}


#metaal:hover{
	background-position: 180px -29px;
}

#productie{
	background-position: 0px -58px;
}


#productie:hover{
	background-position: 180px -58px;
}

#logistiek{
	background-position: 0px -87px;
}


#logistiek:hover{
	background-position: 180px -87px;
}

td.csc-form-labelcell {
	vertical-align: top;
	padding-right: 8px;
}

span.label {
	float:left;
	display:block;
	font-weight:bold;
}

span.text {
	display:block;
	margin-left:110px;
}

#op {
	margin:15px auto;
}
