/*

colors used:
olive for text-color and backgroundcolor header
limegreen for the mouseover of the links and text-color h1-h6
white for the links in the footer

*/

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


html, body {
	height: 100%;
    background: url(pics/site_bg.gif) top left repeat;
}

#spacer { width: 1px; height: 50%; margin-bottom: -275px; float: left;}

#site {
	position: relative;
	margin: 0px auto;
	
	width: 999px;
	height: 550px;
	font: 14px Arial, Helvetica, sans-serif;
	line-height: 20px;
	color: #000;
    clear: left;
    
}

#background{
    position: absolute;
    width: 960px;
    height: 510px;
    background-color: #fff;
    padding: 20px;
}

#background .languages{
    position: absolute; 
    right: 20px;    
    top: -20px;
}

#background .languages a:link, #background .languages a:visited{
    color: #7c7c7c;
    text-decoration: none;
    font: 12px Arial, helvetica;
}

#background .languages a.active:link, #background .languages a.active:visited, #background .languages a:hover{
    color: #7c7c7c;
    text-decoration: underline;
}



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

#print_header {
	display: none;
}


/* ------------------------------------------------------------------------- IMG PRELOAD */ 

#imgpreload{
    display: none;
}

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

#content {
	padding: 0px;
	width: 960px;
    background-color: #fff;
}

#content p{
    margin-bottom: 17px;
}

#content .column-left{
    width: 128px;
    height: 510px;
    margin: 0px;
    float: left;
}

#content .column-right{
    position: absolute;   
    width: 812px;
    overflow: hidden;
    height: 510px;
    left: 168px;
    float: left;
}

#content .content_wrap{
    position: absolute;  
    width: 662px;
    height: 510px;
    display: block;
}

#span_1 {
    left: 0px;
    z-index: 5;
}
#span_2 {
    left: 662px;
    z-index: 15;
}
#span_3 {
    left: 692px;
    z-index: 25;
}
#span_4 {
    left: 722px;
    z-index: 35;
}
#span_5 {
    left: 752px;
    z-index: 45;
}
#span_6 {
    left: 782px;
    z-index: 55;
}

#content .content_wrap img{
    border: none;
}

#content .content_wrap a:link.navigation, #content .content_wrap a:visited.navigation{
    text-decoration: none;
    border: none;
   display: block;
   height: 510px;
   width: 30px;
   cursor: pointer;
   float: left;   
}

#content .content_wrap .navigation_over, #content .content_wrap .navigation_active{
    display:none;
}

#content .content_wrap .background{
    position: absolute;
    width: 632px;
    height: 510px;
    left: 30px;
    z-index: 1;
}

#content .content_wrap .text{
    position: relative;
    margin: 0px 20px 20px 20px;
    padding: 0px 10px 10px 10px;
    width: 572px;
    height: auto;
    max-height: 460px;
    float: left;
    overflow: hidden;
    background: url(pics/text_bg.png) top left repeat;
    z-index: 5;
    display: inline;
}

#content .content_wrap .text #ajaxContent{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 632px;
  height: 510px;
}

#content .content_wrap .text #backBtn{
  position: absolute;
  height: 20px;
  top: -1px;
  left: 10px;
  z-index: 200;  
}

#content .content_wrap .text #backBtn a:link, #content .content_wrap .text #backBtn a:visited{
  background-color: #e3001b;
  color: #fff;
  text-decoration: none;
  padding: 0px 5px;
  height: 20px;
  display: block;
  line-height: 20px;
}

#content .content_wrap .text a.arrow.left:link, #content .content_wrap .text a.arrow.left:visited{
  position: absolute;
  top: 240px;
  left: 10px;
  width: 18px;
  height: 31px;
  display: block;
  z-index: 15;
  background: url(pics/arrow-left.gif) top left no-repeat;
}

#content .content_wrap .text .SlideContainer{
  position: absolute;
  top: 0px;
  width: 632px;
  height: 510px;
  left: 0px;  
}

#content .content_wrap .text a.arrow.right:link, #content .content_wrap .text a.arrow.right:visited{
  display: block;
    position: absolute;
  top: 240px;
  right: 10px;
  width: 18px;
  height: 31px;
  z-index: 15;
  background: url(pics/arrow-right.gif) top left no-repeat;
}

#content #team_txt .text img.team_image{
    width: 255px;
    height: 450px;
    float: right;
}

#content .space30{
    height: 20px;
    width: 500px;
}

#content .content_wrap .text .space12{
    height: 10px;
    width: 100%;
}

#content .content_wrap .text .space5{
    height: 10px;
    width: 100%;
}

#content .content_wrap .text.active{
    display: block;
}

#content .content_wrap .text.klanten{
    display: none;
}

#content .content_wrap .button{
    width: 30px;
    height: 510px;
    float: left;
}

#content .column-left .subnav{
    position: absolute;
    margin: 0px 0px 20px 0px;
    bottom: 0px;
    width: 141px;
    max-height: 350px;
    overflow: hidden;
    color: #e2001a;
    text-align: right;
}

#content .column-left .subnav ul{
    width: 141px;
    list-style-type: none;
    padding: 0px;
    margin: 0px;
    font-size: 11px;
    line-height: 21px;
}

#content .column-left .subnav ul li{
    width: 141px;
    margin: 0px;
    padding: 0px;
}

#content .column-left .subnav a:link, #content .column-left .subnav a:visited{
    color: #b4b4b4;
    text-decoration: none;
    border: none;
    padding-right: 12px;
    height: 20px;
    background: url(pics/sub_bg.gif) right 3px no-repeat;
}

#content .column-left .subnav a:hover{
    color: #7c7c7c;
    background: url(pics/sub_bg_active.gif) right 3px no-repeat;
}

#content .column-left a.subnav_item.active{
    color: #7c7c7c;
    background: url(pics/sub_bg_active.gif) right 3px no-repeat;    
}

#content .text .letter{
    color: #e2001a;
    font-weight: bold;
}

#content .text .text_left{
    width: 217px;
    float: left;
}

#content .text .text_right{
    width: 324px;
    float: left;
}

#content .text .text_right form{
    margin-top: 11px;
}

#content .text .text_right .row{height: 25px; margin: 5px 0px;}
#content .text .text_right .omschrijving{width: 120px; float: left; padding-top: 1px;}
#content .text .text_right .invul{width: 204px; float: left;}
#content .text .text_right .invul.area{width: 324px;}
#content .text .text_right .invul input{
    width: 205px;
    height: 22px;
    border: 1px solid #f2a0ca;    
}

#map{
    width: 572px;
    height: 430px;
}

#content .text .omschrijving{width: 260px; float: left; padding-top: 3px;}
#content .text .invul input{
    width: 150px;
    height: 19px;
    border: 1px solid #f2a0ca;
    padding-top: 3px; 
    float: left;   
}

#content img.right{
    width: auto;
    float: right;    
}

#content img.left{
    width: auto;
    float: left;    
}

#content .text .invul input.submit{
    color: #e2001a;
    font-weight: bold;
    border: 1px solid #f2a0ca;
    width: 75px;
    height: 24px;
    background-color: #f6f6f6;
    font-size: 12px;
    text-align: center;
    font-family: verdana;
    float: left;    
}

#content .text .text_right .invul input.submit{
    color: #e2001a;
    font-weight: bold;
    border: 1px solid #f2a0ca;
    width: 75px;
    height: 25px;
    background-color: #f6f6f6;
    font-size: 12px;
    text-align: center;
    font-family: verdana;
}

#content .text .text_right .invul.area textarea{
    width: 325px;
    height: 130px;
    border: 1px solid #f2a0ca;    
}



h1, td h1 {font: 14px arial, verdana, sans-serif; font-weight: bold; color: #e2001a; margin: 0px 0px 2px 0px;}
h2, td h2 {font: 14px arial, verdana, sans-serif; font-weight: bold; color: #e2001a;}
h3, td h3 {font: 15px arial, verdana, sans-serif; font-weight: bold; color: #e2001a; margin-bottom: 7px;}
h4, td h4 {font: 14px arial, verdana, sans-serif; font-weight: bold; color: #e2001a; margin-bottom: 7px;}
h5, td h5 {font: 13px arial, verdana, sans-serif; font-weight: bold; color: #e2001a; margin-bottom: 7px;}
h6, td h6 {font: 12px arial, verdana, sans-serif; font-weight: bold; color: #e2001a; margin-bottom: 7px;}

#content a:link, #content a:visited {text-decoration: underline; color: #e2001a; }
#content a:hover { text-decoration: none; background-color: #fdc2c2; color: #000;  }

table {margin: 5px 0px; width: 490px; float: left;}
td {
	font: 12px arial, verdana, sans-serif;
	line-height: 16px;
	color: #000;
}

table  a:link, table a:visited {text-decoration: underline; color: #e2001a; }
table a:hover { text-decoration: none; background-color: #fdc2c2; color: #000;  }

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

p { margin-bottom: 9px;}

#content ul { margin: 0px 0px 20px 5px; list-style-type: square; float: left; width: 250px;}
#content li { margin: 0px 0px 0px 15px;}
#content ol { margin: 10px 0px 10px 20px;}

#content .text.team{
    overflow: visible;
}

#content #home_txt .text{
    overflow: visible;
}

#content ul.team{
    margin: 10px;
    padding: 0px;
    width: 570px;
}

#content li#animatie-container{
    background: none;
    display: none;
    height: 4105px;
    left: 2px;
    top: 0px;
    width: 558px;
}

#content ul.team li{
    background: url(pics/team-bg.gif) top left no-repeat;
    height: 64px;
    width: 64px;
    float: left;
    list-style-type: none;
    margin: 0px 6px 7px 0px;
    padding: 0px;
}

#content ul.team li a:link, #content ul.team li a:visited{
    width: 64px;
    height: 64px;
    display: block;
}

#content ul.team li.red{
    background: url(pics/team-bg-red.gif) top left no-repeat;    
}

#content ul.team li.last{
    margin: 0px 0px 7px 0px;
}

#content #imgNav{
  position: absolute;
  bottom: 20px;
  left: 20px;
  z-index: 15;
}

#content #imgNav a:link, #content #imgNav a:visited{
  width: 16px;
  height: 16px;
  background-color: #e2001a;
  float: left;
  margin-right: 10px;  
}

#MapsBack{
    width:  500px;
    margin: 0px 20px 20px 20px;
    padding: 10px 10px 10px 10px;
    background: url(pics/text_bg.png) top left repeat;
    font-family: Arial, Helvetica, sans-serif; 
}


#content ul.team a:hover, #content ul.team a.hover
{
    background: transparent url(pics/team_sprite.jpg) no-repeat 0px 0px;
}
#content #member_7 a:hover, #content #member_7 a.hover
{
    background-position: -64px -64px;
}#content #member_2 a:hover, #content #member_2 a.hover
{
    background-position: -64px 0px;
}#content #member_3 a:hover, #content #member_3 a.hover
{
    background-position: -128px 0px;
}#content #member_6 a:hover, #content #member_6 a.hover
{
    background-position: 0px -64px;
}#content #member_14 a:hover, #content #member_14 a.hover
{
    background-position: -192px -128px;
}#content #member_4 a:hover, #content #member_4 a.hover
{
    background-position: -192px 0px;
}#content #member_5 a:hover, #content #member_5 a.hover
{
    background-position: -256px 0px;
}#content #member_9 a:hover, #content #member_9 a.hover
{
    background-position: -192px -64px;
}#content #member_15 a:hover, #content #member_15 a.hover
{
    background-position: -256px -128px;
}#content #member_1 a:hover, #content #member_1 a.hover
{
    background-position: 0px 0px;
}#content #member_10 a:hover, #content #member_10 a.hover
{
    background-position: -256px -64px;
}#content #member_11 a:hover, #content #member_11 a.hover
{
    background-position: 0px -128px;
}#content #member_13 a:hover, #content #member_13 a.hover
{
    background-position: -128px -128px;
}#content #member_8 a:hover, #content #member_8 a.hover
{
    background-position: -128px -64px;
}#content #member_12 a:hover, #content #member_12 a.hover
{
    background-position: -64px -128px;
}

#content .text .back{
    position: absolute;
    top: -20px;
    left: 0px;
    height: 20px;
    width: 50px;
    background-color: red;
    z-index: 1000;
    text-align: center;
}

#content .text .back a:link, #content .text .back a:visited{
    color: #fff;
    text-decoration: none;
    border: none;
}

 #content .text .back a:hover{
     text-decoration: underline;
 }
 
 
 #content #newsTicker {
   position: relative;
   z-index: 10;
   float: left;
   margin-left: 20px;
   
   color: #fff;
   width: 592px;
   height: 50px;
   overflow: hidden; 
 }
 
 #content #newsTicker .items {
  /* this cannot be too large */
  width:20000em;
  position:absolute;
  clear:both;
}

 #content #newsTicker .items div.item {
  float:left;
  width:572px;
  height: 35px;
  padding: 5px 10px 10px 10px;
  background-color: #606060; 
}

#content #home_txt a.news-next:link, #content #home_txt a.news-next:visited {
  float: right;
}

#content #home_txt a.load-item:link, #content #home_txt a.load-item:visited {
  text-decoration: none;
  font-weight: bold;  
}

#content #home_txt a.load-item:hover {
  background-color: transparent;
}

#content #home_txt a.news-prev:link, #content #home_txt a.news-prev:visited {
  float: left;
}
 
#content #newsTicker .date {
  font-style: italic;
  font-size: 11px; 
}

#content #newsTicker .desc {
  font-weight: bold;
}

#content #newsTicker .desc a.read-more:link, #content #newsTicker .desc a.read-more:visited {
  float: right;
  text-decoration: none;
  border: 0px solid #fff;
  color: #e3001b;
}

#content #newsTicker .desc a.read-more:hover {
  background-color: transparent;
  text-decoration: underline;
}

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