/*

header-color: #7e3438
red: #e52518;

*/

* { margin: 0px;	padding: 0px; outline-style: none; }

html, body {
	height: 100%;
	background-color: #000;
}

#spacer {	width: 1px; height: 50%; margin-bottom: -290px; float: left; background-color: #000; }

#site {
	position: relative;
	margin: 0px auto;
	padding: 0px;
	width: 990px;
	height: 581px;
	clear: left;
	font: 12px arial, helvetica, sans-serif;
	line-height: 16px;
	color: #000;
	background: url(pics/back_content.gif) left top repeat ;
}

/* ------------------------------------------------------------------------- Header */

#print_header {
	display: none;
}

#header {
	padding: 0px 0px 0px 0px;
	width: 990px;
	height: 190px;
	overflow: hidden;
	background-color: #7e3438;
}

#header .logo {
	width: 258px;
	height: 190px;
	float: left;
	display: inline;
	background-color: #fff;
}

#header .logo a img {
	margin: 0px 0px 0px 0px;
	float: right;
	border: 0px solid #fff;
}

/* ------------------------------------------------------------------------- Navigation */ 

#navigation {
	float: left;
	display: inline;
}

#navigation .column {
	width: 183px;
	float: left;
	display: inline;
}

#navigation .column .title {
	margin: 10px 0px 10px 15px;
	font-size: 24px;
    font-weight: bold;
}

#navigation .column .title .white {
	float: left;
	display: inline;
	color: #fff;
}

#navigation .column .title .red {
	float: left;
	display: inline;
	color: #e52518;
}

#navigation .column ul {
	margin: 10px 0px 10px 15px;
	height: 129px;
	list-style-type: none;
    line-height: 14px;
}

#navigation .column li a:link, #navigation .column li a:visited {
	color: #a9665b;
	
	text-decoration: none;
}

#navigation .column li a:hover, #navigation .column li.current a:link, #navigation .column li.current a:visited, #navigation .column li.current a:hover {
	color: #fff;
    font-weight: bold;
}

/* ------------------------------------------------------------------------- Content */ 

#overlayImage {
	position: absolute;
	right: 0px;
	z-index: 10;
}

#content {
	position: relative;
	padding: 0px;
	width: 990px;
	height: 376px;
	background-color: #fff;
}

h1, td h1 {font: 19px helvetica, arial, sans-serif; font-weight: bold; color: #e52518; margin-bottom: 7px;}
h2, td h2 {font: 17px helvetica, arial, sans-serif; font-weight: bold; color: #e52518; margin-bottom: 7px;}
h3, td h3 {font: 15px helvetica, arial, sans-serif; font-weight: bold; color: #e52518; margin-bottom: 7px;}
h4, td h4 {font: 14px helvetica, arial, sans-serif; font-weight: bold; color: #e52518; margin-bottom: 7px;}
h5, td h5 {font: 13px helvetica, arial, sans-serif; font-weight: bold; color: #e52518; margin-bottom: 7px;}
h6, td h6 {font: 12px helvetica, arial, sans-serif; font-weight: bold; color: #e52518; margin-bottom: 7px;}

#content a:link, #content a:visited {text-decoration: none; color: #e52518 ; }
#content a:hover { color: #000;  }
#content a.link-black:link, #content a.link-black:visited {text-decoration: none; color: #000 ; }
#content a.link-black:hover { color: #e52518;  }

table {margin: 5px 0px;}
td {
	font: 12px helvetica, arial, sans-serif;
	line-height: 16px;
	color: #000;
}

#content img { margin: 10px 0px; }
#content img.left {	margin: 0px 10px 10px 0px; float: left; }
#content img.right { margin: 0px 0px 10px 10px; float: right; }

p { margin-bottom: 9px;}

#content ul { margin: 10px 0px 10px 15px; list-style-type: disc;}
#content li { margin: 0px 0px 0px 15px;}
#content ol { margin: 10px 0px 10px 20px;}

#content span.file .icon img { margin: 0px; }
#content span.file .icon     { margin: 0px 5px 0px 0px; padding: 0px; font-size: 0px; line-height: 0px; float: left; }
#content span.file .info     { margin: 1px 0px; width: 300px; float: left; }

/* ------------------------------------------------------------------------- Left */

#content .left {
	width: 258px;
	height: 376px;
	float: left;
	display: inline;
	background-color: #fff;
}

#content .left .header {
	padding: 45px 25px 20px 43px;
	height: 235px;
	font-size: 24px;
	line-height: 26px;
	font-weight: bold;
	color: #e52518;	
}

#content .left .subnav {
	position: absolute;
	bottom: 30px;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 30px;
}

#content .left .subnav .search{
	padding: 0px 5px 1px 22px;
	margin: 20px 0px 0px 0px;
	height: 21px;
	width: 100px;
	overflow: hidden;
	background: #E7D3D2  url(pics/search.gif) 2px 4px no-repeat;
}
 
#content .left .subnav .search input{
		padding: 0px 3px;
    border: 1px solid #B87A79;
    margin-top: 3px;
    height: 13px;
    font-size: 11px;
    font-weight: bold;
    width: 94px;  
}

#content .left .subnav ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#content .left .subnav li a:link,#content .left .subnav li a:visited {
	color: #7e3438;
	text-decoration: none;
	border: 0px solid #fff;
}

#content .left .subnav li a:hover, #content .left .subnav li.current a:link, #content .left .subnav li.current a:visited, #content .left .subnav li.current a:hover {
	color: #e52518;
}

/* ------------------------------------------------------------------------- Branches */
#content ul.brancheblock{
    margin: 0px 0px 10px 0px;
    float: left;
    width: 180px;
}

#content ul.brancheblock li{
    color: #000;
    list-style-type: none;
    margin: 0px;
}

#content ul.brancheblock h1{
    color: #000;
    text-transform: uppercase;
    letter-spacing: 1px;
}

#content ul.brancheblock li a:link, #content ul.brancheblock li a:visited{
    color: #e52518;
    text-decoration: underline;
}

#content ul.brancheblock li a:hover{
    text-decoration: none;
}
/* ------------------------------------------------------------------------- Center */

#content .center {
  position: relative;
  padding: 50px 0px 0px 0px;
	width: 366px;
	height: 323px;
	float: left;
	overflow: hidden;
}

#content .center .scroll-container{
	padding: 0px 30px 10px 0px;
  width: 336px;
  height: 316px;
  overflow: auto;    
}

#content .center.nopadding { padding: 0px; width: 366px;  height: 376px; }
#content .center.nopadding .scroll-container { padding: 0px 0px 10px 0px; width: 366px; height: 365px;}

#content .center.nopadding.big                  { width: 732px; }
#content .center.nopadding.big .scroll-container{ padding: 0px 10px 10px 0px; width: 722px; height: 366px; }

/* 
 * Specific styles Opdrachtgevers 
 */

#content .center.nopadding.big .logos {
	padding: 5px 0px;
	width: 383px;
	float: left;	
}

#content .center.nopadding.big .logos ul { margin: 0px; padding: 0px; list-style-type: none; font-size: 0px; line-height: 0px; }
#content .center.nopadding.big .logos li { position: relative; margin: 0px 4px 4px 0px; padding: 0px; width: 87px; height: 53px; float: left; overflow: hidden; border: 1px solid #e94e43;font-size: 0px; line-height: 0px; }

#content .center.nopadding.big .logos li a:link img,
#content .center.nopadding.big .logos li a:visited img { float: left; }

#content .center.nopadding.big .logos li a:link,
#content .center.nopadding.big .logos li a:visited,
#content .center.nopadding.big .logos li img  { position: absolute; top: 0px; left: 0px; border: none; margin: 0px; font-size: 0px; line-height: 0px; }

#content .center.nopadding.big .logos li .floater	{ 
	margin-bottom:-10px;
	height:50%;
	float:left;  
}
   		
#content .center.nopadding.big .logos li .floaterContent {
	position:relative; 
}	

#content .center.nopadding.big .logos li .floaterContent img { position: absolute; }

#content .center.nopadding.big .list {
	padding: 30px 15px 0px 0px;
	width: 309px;
	float: left;
	overflow: hidden;
}

#content .center.nopadding.big .list .column {
	margin: 0px 15px 0px 0px;
	width: 139px;
	float: left; 
}

#content .center.nopadding.big .list .column .item h1 { margin: 0px; color: #000; text-transform: uppercase; font-size: 14px; }
#content .center.nopadding.big .list .column .item    { margin: 0px 0px 20px 0px; }
#content .center.nopadding.big .list .column .item ul { margin: 0px; padding: 0px; list-style-type: none; }
#content .center.nopadding.big .list .column .item li { margin: 0px; padding: 0px; }

/*-----------------------------------------*/

/* 
 * Specific styles Projecten 
 */

#content .center.projecten                    { padding: 0px; width: 732px; height: 376px; overflow: hidden; }
#content .center.projecten #slideshowContainer{ width: 366px; height: 376px; overflow: hidden; float: left;  }
#content .center.projecten #slideshowContainer img { margin: 0px; }
#content .center.projecten .project-content   { position: relative; padding: 0px 45px 0px 15px; width: 306px; height: 376px; float: left; overflow: hidden; }
#content .center.projecten .scroll-container  { padding: 8px 16px 100px 0px; height: 256px; width: 336px; overflow: hidden; }
#content .center.projecten .project-content .images { position: absolute; z-index: 10; padding: 11px 15px; bottom: 0px; left: 0px; height: 58px; width: 325px; font-size: 0px; line-height: 0px; background: #fff; }
#content .center.projecten .project-content .images ul { margin: 0px; padding: 0px; list-style-type: none; }
#content .center.projecten .project-content .images li { margin: 0px 2px 0px 0px; width: 50px; height: 55px; overflow: hidden; float: left; border: 1px solid #191919; cursor: pointer; }
#content .center.projecten .project-content .images li img { margin: 0px; width: 50px; height: 55px; }

#content .center.projecten .project-content span.item    { margin: 3px 0px; display: block; clear: both;}
#content .center.projecten .project-content span.item p { margin: 0px; }
#content .center.projecten .project-content span.item.link-black a:link, #content .center.projecten .project-content span.item.link-black a:visited{
    color: #000;
}
#content .center.projecten .project-content span.item.link-black a:hover{color: #e52518;}
#content .center.projecten .project-content .prev-next { margin-bottom: 5px; height: 15px; width: 340px; display: block; font-size: 10px; }
#content .center.projecten .project-content .prev-next .vorige{ width: auto; float: left; }
#content .center.projecten .project-content .prev-next .volgende{ width: auto; float: right; }

#content .center.projecten .project-content .prev-next .vorige{ width: auto; float: left; }
#content .center.projecten .project-content .prev-next .volgende{ width: auto; float: right; }

/*-----------------------------------------*/

#content .center.image{padding: 0px; width: 366px; height: 376px;}
#content .center.image img{
    padding: 0px;
    line-height: 0px;
    font-size: 0px;
    margin: 0px;
}

#content ul.medewerkers    { margin: 0px; list-style-type: none; }
#content ul.medewerkers li { margin: 5px 5px 0px 0px; width: 82px; height: 88px; float: left; font-size: 0px; line-height: 0px; }
#content ul.medewerkers li span.description { display: none; }  

#content ul.medewerkers li a img {margin: 0px; width: 82px; height: 88px; border: 0px; }

/* ------------------------------------------------------------------------- Nieuws */

#content .right {
  position: relative;
	padding: 45px 15px 0px 20px;
	width: 331px;
	height: 331px;
	float: left;
	display: inline;
	overflow: auto;
}

#content .right.small {
	padding: 30px 15px 10px 20px;
	height: 240px;
	overflow: hidden;
}

#content .right.branche{
    padding: 30px 0px 0px 20px;
    width: 346px;
}

#content #functiondescription{
	padding: 10px 15px 10px 20px;
	width: 331px;
	height: 60px;
	float: left;
}

#currentFunction { display: none; }

#content .right.image{
  padding: 0px;
  width: 366px;
  height: 376px; 
  overflow: hidden;
}

#content .right.red {
	color: #fff;
	background-color: #e52518;	
}

#content .right.image img{
	padding: 0px;
  margin:  0px;
}

#content .right.image img.background{
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1;
}

#content .right.image .text{
	position: relative;
	z-index: 5;
	margin: 80px 0px 0px 15px;
}

#content .right h1 {
	font-size: 12px;
	margin-bottom: 3px;
}

#content .right a:link, #content .right a:visited {
	color: #fff;
	border-bottom: 1px solid #fff;
}

#content .form_login .row .description { font-weight: bold; }
#content .form_login .row input { padding: 2px 3px;width: 200px; font-size: 11px; border: 1px solid #e12826; } 
#content .form_login .row input.button { width: 207px; text-align: left; font-weight: bold; background: #e12826; color: #fff; }

#content .form .row .description { padding: 1px 0px; width: 100px;  float: left;}
#content .form .row input { margin: 0px 0px 3px 0px; padding: 2px 3px; width: 210px; float: left; font-size: 11px; border: 1px solid #e12826; } 
#content .form .row input.button { width: 217px; text-align: left; font-weight: bold; background: #e12826; color: #fff; }
#content .form .row textarea { margin: 0px 0px 3px 0px; padding: 2px 3px; float: left; width: 210px; height: 100px; font: 11px helvetica, arial, sans-serif; border: 1px solid #e12826; }
#content .form .row input.radio {  width: 25px; border: none; }
#content .form .row span.radioInput { margin: 0px 0px 6px 0px; float: left; }

#itemlist .item    { margin: 0px 0px 25px 0px; }
#itemlist .item p  { margin: 0px; }
#itemlist .item h2 { margin: 0px 0px 3px 0px; font-size: 21px; color: #e12826; }

#content .right ul.actueel      { margin: 0px; list-style-type: none; }
#content .right ul.actueel li   { margin: 0px 0px 15px 0px; }
#content .right ul.actueel li a { font-weight: bold; border: none; text-decoration: underline; }

#pagination { margin: 20px 0px 0px 0px; }
#pagination .volgende { float: right; }
#pagination .vorige{ float: left; }

/* ------------------------------------------------------------------------- Footer */ 

#footer {
	padding: 0px 10px;
	width: 970px;
	height: 20px;
	font: 10px helvetica, arial, sans-serif;
	color: #fff;
	text-align: left;
	background-color: #e52518;
}

#footer .left{
    float: left;
    width:630px;
}

#footer a:link, #footer a:visited {
	text-decoration: none;
	line-height: 20px;
	color: #fff;
}

#footer .right .vorige{
    width: auto;
    float: left;
}

#footer .right .volgende{
    width: auto;
    float: right;
}

#footer a:hover { color: #7e3438; }

br.clear { height: 0px; font: 0px arial, verdana, sans-serif; line-height: 0px; clear: both; }

/* -------------------- Google Map -------------------- */

#map{
	margin: 0px;
	padding: 0px;
	width: 366px;
	height: 316px;
	overflow: hidden;
}

#directionsform {
	position: absolute;
	padding: 10px;
	bottom: 0px;
	width: 346px;
	height: 40px;
	z-index: 10;
	overflow: hidden;
	background: #ccc;
}

#content .right #directionsform .description {  color:#000; font-weight: bold; }
#content .right #directionsform .value input { float: left; }
#content .right #directionsform .value #fromAddress { width: 145px; }
#content .right #directionsform .value input.country, #content .right.small #directionsform .value input#smallfromCountry { margin: 0px 5px 0px 3px; width: 30px; overflow: hidden;}
#content .right #directionsform .value input.button { padding: 2px 0px;width: 140px; font-size: 11px; text-align: center; font-weight: bold;  color: #ffffff; background: #e12826; border: none; }

#googlemap{
	padding: 0px 0px 20px 20px;
	margin: 0px;
	width: 425px;
	float: left;
	color: #000;
	background: #f7f7f7;
}

#googlemap .invul{
	margin: 0px;
	width: 360px;
	float: left;
	color: #000;
}

#googlemap form{
	width: 150px;
}
#googlemap .omschrijving {
	margin: 10px 2px 2px 0px;
	width: 110px;
	float: left;
}

#googlemap input{
	padding: 1px 3px;
	width: 200px;
	float: left;
	color: #434343;
	font: 12px arial, sans-serif; 
	border: 1px solid #a5acb2;
}

#googlemap input.button { margin: 0px 0px 0px 5px; color: #fff; width: 110px; }

#googlemap input.small{
	margin-left: 1px;
	padding: 1px 3px;
	width: 20px;
	float: left;
	color: #434343;
	font: 12px arial, sans-serif; 
	border: 1px solid #a5acb2;
}

#directions{
	position: relative;
	margin-left: -5px;
	padding: 0px;
	width: 445px;
	font: 11px  arial;
}

#directions a{ color: #000; }

* html body.directions { text-align: center; }

#site_map {
	position: relative;
	margin: 0px auto;
	padding: 0px 15px;
	width: 600px;
	background: #fff;
}

        #content .center.nopadding.big .picture {
            padding: 5px 0px;
            width: 538px;
            float: left;    
        }
        
        #content .center.nopadding.big .picture ul { margin: 0px; padding: 0px; list-style-type: none; font-size: 0px; line-height: 0px; }
        #content .center.nopadding.big .picture li { position: relative; margin: 0px 4px 4px 0px; padding: 0px; width: 100px; height: 60px; float: left; overflow: hidden; border: 1px solid #e94e43;font-size: 0px; line-height: 0px; }

        #content .center.nopadding.big .picture li a:link img,
        #content .center.nopadding.big .picture li a:visited img { float: left; }

        #content .center.nopadding.big .picture li a:link,
        #content .center.nopadding.big .picture li a:visited,
        #content .center.nopadding.big .picture li img  { position: absolute; top: 0px; left: 0px; border: none; margin: 0px; font-size: 0px; line-height: 0px; }

        #content .center.nopadding.big .picture li .floater    { 
            margin-bottom:-10px;
            height:50%;
            float:left;  
        }
                   
        #content .center.nopadding.big .picture li .floaterContent {
            position:relative; 
        }    

        #content .center.nopadding.big .picture li .floaterContent img { position: absolute; }

        #content .center.nopadding.big ul.picture-nav {
            list-style-type: none;
            float: left;
            width: 167px;
            margin:10px 0 0px 0px;
        }
        
        #content .center.nopadding.big ul.picture-nav li ul {
            list-style-type: none;
            margin-top: 3px;

        }
        
        #content .center.nopadding.big ul.picture-nav li{
            margin: 0px 0px 3px 0px;
        }
        
        
        #content .center.nopadding.big .list {
            padding: 30px 15px 0px 0px;
            width: 309px;
            float: left;
            overflow: hidden;
        }

.header_map     { position: relative; clear: both; height: 190px; }
.header_map img { float: left; }
.header_map h1  { position: absolute; right: 0px; bottom: 8px; }