/*

colors used:
donker grijs: 221c1c
licht grijs: dfdfdf
groen: aac711
rood: bc0003

*/

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

html, body {
	width: 100%;
	height: 100%;
	font: 12px "trebuchet ms", arial, verdana, sans-serif;
	line-height: 18px;
	color: #6d6d6d;
    background-color: #141314;
}

body {
  min-width: 990px;             
}

img{
	margin: 0px;
	border: 0px;
}

html p{
    margin: 0px 0px 0px 0px;
    padding: 0px;
}

hr{
    height: 0px;
    border-bottom: none;
    border-color: #121212;
    color: #121212;

}

/*
#site_container {
	position: relative;
	width: 100%;
	height: 100%;
}
*/
a{
    cursor: pointer;
}

/* ------------------------------------------------------------------------- Spacer top */ 

#spacer_container {
	background: url(pics/bg_spacer.gif) left top repeat;
}

#header .noscript{
    position: absolute;
    width: 705px;
    background-color: red;
    color: #fff;
    height: 40px;
    font-size: 16px;
    text-align: center;
    padding: 5px 0px 0px 10px;
    margin: 36px 0px 0px 16px;
    background: url(pics/js_bg.gif) top left no-repeat;
}

#spacer {
	margin: 0px auto;
	width: 930px;
	height: 0px;
    font-size: 0px;
    line-height: 0px;
}

#homepagecheck{
    display: none;
}

#imgpreload{
    display: none;
}

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

#print_header {
	display: none;
}

#header_container {
	background: url(pics/bg_header.gif) left top repeat-x;
}

#header {
  position: relative;
  margin: 0px auto;
  padding: 0px 0px 0px 0px;
  width: 937px;
  height: 122px;
  overflow: hidden;
}

#logo a img {
  margin: 0px 4px;
  float: right;
}

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

#navigation {
  position: absolute;
  margin: 0px ;
  width: 930px;
  bottom: 0px;
}

#navigation li { margin: 0px 10px 0px 0px; float: left; line-height: 32px; width: auto;}
#navigation ul { list-style-type: none; }

#navigation li a:link, #navigation li a:visited {
  padding: 6px 16px 2px 16px;
  font-weight: bold;
  display: block;
  color: #141314;
  text-decoration: none;
}

#navigation li a:hover, #navigation li.current a:link, #navigation li.current a:visited, #navigation li.current a:hover {
    padding: 4px 16px 2px 16px;
    border-top: 2px solid #fff;
    background:  #aac711;
}

#navigation li.current { position: relative;  background: url(pics/bg-nav-li-right.gif) top left no-repeat}
#navigation li.current span.bg_left  { position: absolute; top: -1px; left: 0px;  width: 3px; height: 41px; display: block; }
#navigation li.current span.bg_right { position: absolute; top: -1px; right: 0px; width: 3px; height: 41px; display: block; }

/* ------------------------------------------------------------------------- Content */ 
#content_container {
	position: relative;
	width: 100%;
  min-height: 335px;
	overflow: hidden;
	background: #f5f5f5 url(pics/bg_content.gif) repeat;
}

#content_container .pic_bg { 
	position: absolute; 
	top: 0px; 
	left: 0px; 
	z-index: 1;
  min-width: 990px;
  width: 100%;
  height: 100%; 
}

#content_container img#bg { 
    position: absolute; 
    top: 0px; 
    left: 0px; 
    z-index: 1;
    min-width: 990px;
    width: 100%;
    height: 100%; 
}

#flash_video {
	position: absolute;
    left: 0px;
    height: 376px;
    width: 100%;	
}

#loadingIcon {
	position: absolute; 
	top: -3px; 
	right: 4px; 
	display: none;
}

#content {
	position: relative;
	margin: 0px auto;
	padding: 30px 0px;
	width: 930px;
	z-index: 2;
}

#text-home {
	padding: 3px;
	width: 923px;
   height: 218px;
	background: #fff url(pics/bg_homepage.gif) top left no-repeat;
}

#content #text-home .head {
  padding: 0px;
  height: 27px;
  line-height: 27px;
  background: #221c1c;
  margin: 0px 0px 3px 0px;
  overflow: hidden;
  padding-left: 10px;
}

#flash_container {
	position: relative; 
	margin: 0px auto; 
	width: 930px;
}

#flash_container .flashhome { 
  position: absolute; 
  top: 0; 
  left: 0; 
  margin: 10px 0px 0px 300px; 
  height: 250px; 
  width: 300px;
  z-index: 3;
}

#content .column.flash .noscriptHome{
    margin: 25px 0px 0px 0px;    
}

#content .column.flash ul.laatstenieuws{
    margin: 0px 0px 307px 0px;   
}

#content .column.flash ul.laatstenieuws li{
    list-style-type: none;
    margin: 0px 0px 5px 0px;
    width: 298px;
    padding: 0px 0px 0px 8px;
    background: url(pics/bg_li_footer.gif) 0px 8px no-repeat;     
}

#content #text-home .column { 
  padding: 0px 0px 0px 0px;
  height: 209px;
  overflow: hidden;
  /* width: 286px; */
  width: 286px;
  float: left;
  text-align: justify;
  overflow: hidden;
}

#content #text-home .column p{
    padding-left: 10px;
}


#content #text-home .column.last p{
    padding-right: 10px;
}
 
#content #text-home .column.last  { /*width: 288px;*/ width: 286px; overflow: hidden; clear: right; float: right; }

#content #text-home .column.flash{ width: 308px;}

#content #slider-home {
  margin: 40px 0px 0px 0px;
  width: 929px;
  height: 51px;
  overflow: hidden;
  float: left;
  background: #fff;
}

#content #slider-home ul { padding: 3px; margin: 0px 1px 0px 2px; list-style-type: none; } 
#content #slider-home li { margin: 0px 2px 0px 0px; width: 90px; height: 45px; float: left; } 
#content #slider-home li img { margin: 0px; }

#content #slider-home ul li a{
	float: left;
    border: none;
    text-decoration: none;
    width: auto;
}

#content .column-left .bottom {
    position: absolute;
    height: 23px;
    width: 200px;
    bottom: 0px;
    left: 0px; 
    background-color: #dfdfdf;
}

#content .column-left .bottom .overzichtimg{
    position: absolute;
    width: 13px;
    height: 13px; 
    margin: 2px 0px;
    left: 0px;   
}

#content .column-left .bottom .back{
    position: absolute;
    width: 100px;
    height: 20px;
    line-height: 16px;
    bottom: 0px;
    left: 10px;
    font-weight: normal;
    padding: 0px;
}

#content .column-left .bottom .back a:link, #content .column-left .bottom .back a:visited{
    margin-top: 2px;
    width: 100px;
    height: 20px;
    line-height: 16px;
    padding: 0px 0px 0px 17px;
    background: url(pics/overzicht_btn.gif) center left no-repeat;
    text-decoration: none;
}

 #content .column-left .bottom .back a:hover{
    width: 100px;
    padding: 0px 0px 0px 17px;
    background: url(pics/overzicht_btn_over.gif) center left no-repeat;
    text-decoration: none;
    color: #6d6d6d;     
}

#content .column-left .bottom .back a span{
    font-size: 16px;
    font-weight: normal;
    margin: 0px 2px 0px 0px;
    padding: 0px 0px 0px 0px;
    float: left;
    width: auto; 
}

#content .column-left .bottom .icons{
    position: absolute;
    bottom: 4px;
    right: 6px;
}

#content .column-left .bottom .icons .img1{
    width: 16px;
    height: 16px;
    float: left;
    margin-right: 3px;
}

#content .column-left .bottom .icons .img2{
    width: 16px;
    height: 16px;
    float: left;
}

#content .container-column-left .column-left { margin: 0px;} 

#content .column-left img { margin: 0px 0px 0px -3px; font-size: 0px; line-height: 0px; border: none; text-decoration: none; }
#content .column-left a:link, #content .column-left a:visited { border: none; text-decoration: none;}

#content .column-left {
    position: relative;
    margin: 0px 34px 0px 0px;
    width: 194px;
    height: 335px;
    float: left;
    border: 3px solid #fff;    
    background: #fff;
    overflow: hidden;  
}

#content .column-left.subnavigation {
    width: 194px;
    margin-bottom: 10px;
    min-height: 200px;
	height: auto !important;
	height: 200px;
    background-color: #fff;
    /*background: url(pics/white95.png) top left repeat;*/
}

#content .column-left.subnavigation a img { margin: 2px 0px 0px 0px; font-size: 0px; line-height: 0px; border: none; text-decoration: none; }

#content .column-left.subnavigation ul { margin: 3px 0px; list-style-type: none; }
#content .column-left.subnavigation li { margin: 0px;	display: inline; height: 20px; }

#content .column-left.subnavigation li a:link, #content .column-left.subnavigation li a:visited {
	padding: 3px 10px;
    height: 20px;
	display: block;
	color: #6d6d6d;
	border: none;
    text-decoration: none;
}
#content .column-left.subnavigation li a:hover, #content .column-left.subnavigation li.current a:link, 
#content .column-left.subnavigation li.current a:visited { color: #000; background: #aac711; height: 20px; } 

#content .column-right {
	position: relative;
	margin: 0px 0px 20px 34px;
	width: 220px;
	min-height: 100px;
	height: auto !important;
	height: 100px;
	float: left;
	border: 3px solid #fff;		
	background: #fff;
    display: inline;
}

#content .column-right .content .row .value.right{
    margin: 5px 2px 0px 0px;
    width: 100px;
    float: right;
}

#content .column-right .scroll {
	min-height: 308px;
	height: 308px;
    width: 220px;
    margin: 0px;
    padding: 0px;
	overflow: auto;
}

#content .column-right img.logos {
	margin: 5px 10px 5px 0px;	
}

.jScrollPaneContainer{
    width: 220px;
    padding: 0px;
    margin: 0px;
}

#content .head {
	padding: 0px 10px;
	height: 27px;
	line-height: 27px;
	background: #221c1c;
	overflow: hidden;
} 

#content .text {
    position: relative;
	width: 430px;
	height: 335px; 
	float: left;
	border: 3px solid #fff;
    background-color: #fff;
	/*background: url(pics/white95.png) top left repeat;*/
}

#content .text .bottomNews{
    position: absolute;
    height: 22px;
    width: 430px;
    bottom: 0px;
    left: 0px; 
    background-color: #dfdfdf;  
    overflow: hidden;
    clear: left;  
}

#content .text .bottomNews .previous {
    width: 178px;
    padding: 2px 12px;
    float: left;
}
#content .text .bottomNews .next{
    width: 205px;
    padding: 3px 11px; 
    text-align: right;
    float: left;
}

#content .text .bottomNews .previous.newsdetail{
    width: 154px;
    padding: 2px 12px;
    text-align: left;
    float: left;
}

#content .text .bottomNews .next.newsdetail{
    width: 156px;
    padding: 3px 10px; 
    text-align: right;
    float: left;
}

#content .text .bottomNews .newslist{
    width: 52px;
    padding: 3px 11px; 
    float: left;
}

#content .text .bottomNews .newslist a:link, #content .text .bottomNews .newslist a:visited{
    margin-top: 2px;
    height: 20px;
    line-height: 16px;
    text-decoration: underline;
}

 #content .text .bottomNews .newslist a:hover{
    color: #aac711;     
}

#content .text .bottomNews .previous a:link, #content .text .bottomNews .previous a:visited{
    margin-top: 2px;
    width: 100px;
    height: 20px;
    line-height: 16px;
    padding: 0px 0px 0px 17px;
    background: url(pics/overzicht_btn.gif) top left no-repeat;
    text-decoration: none;
    float: left;
    text-align: left;
}

 #content .text .bottomNews .previous a:hover{
    width: 100px;
    padding: 0px 0px 0px 17px;
    background: url(pics/overzicht_btn_over.gif) top left no-repeat;
    color: #6d6d6d;     
}

#content .text .bottomNews .next a:link, #content .text .bottomNews .next a:visited{
    margin-top: 2px;
    width: 100px;
    height: 20px;
    line-height: 16px;
    padding: 0px 17px 0px 0px;
    background: url(pics/overzicht_btn_next.gif) center right no-repeat;
    text-decoration: none;
    
}

 #content .text .bottomNews .next a:hover{
    width: 100px;
    padding: 0px 17px 0px 0px;
    background: url(pics/overzicht_btn_next_over.gif) center right no-repeat;
    color: #6d6d6d;     
}

#content .text .bottomWoordenboek{
    position: absolute;
    height: 22px;
    width: 686px;
    bottom: 0px;
    left: 0px; 
    background-color: #dfdfdf;    
}



#content .text .bottomWoordenboek .previous{
    width: 180px;
    padding: 2px 11px;
    float: left;
}                                   
#content .text .bottomWoordenboek .next{
    width: 180px;
    padding: 2px 11px; 
    text-align: right;
    float: right;
}

#content .text .bottomWoordenboek .previous a:link, #content .text .bottomWoordenboek .previous a:visited{
    margin-top: 2px;
    width: 100px;
    height: 20px;
    line-height: 16px;
    padding: 0px 0px 0px 17px;
    background: url(pics/overzicht_btn.gif) center left no-repeat;
    text-decoration: none;
}

 #content .text .bottomWoordenboek .previous a:hover{
    width: 100px;
    padding: 0px 0px 0px 17px;
    background: url(pics/overzicht_btn_over.gif) center left no-repeat;
    color: #6d6d6d;     
}

#content .text .bottomWoordenboek .next a:link, #content .text .bottomWoordenboek .next a:visited{
    margin-top: 2px;
    width: 100px;
    height: 20px;
    line-height: 16px;
    padding: 0px 17px 0px 0px;
    background: url(pics/overzicht_btn_next.gif) center right no-repeat;
    text-decoration: none;
    
}

 #content .text .bottomWoordenboek .next a:hover{
    width: 100px;
    padding: 0px 17px 0px 0px;
    background: url(pics/overzicht_btn_next_over.gif) center right no-repeat;
    color: #6d6d6d;     
}
                       

#content .text img.screen { margin: 0px; float: left; width: auto; }

#content .text.dynamic {
	position: relative;
    min-height: 200px; 
	height: auto !important;
	height: 200px;
    margin: 0px 0px 20px 0px;
}

#content .text.dynamic img.left{
    margin-top: 4px;
    margin-bottom: 0px;
    border:1px solid #221C1C;
}

#content .text.dynamic img.right{
    margin-top: 4px;
    margin-bottom: 0px;
    border: 1px solid #221c1c;
}

#content .text.dynamic ul.nieuws{
    margin: 0px;
    padding: 6px 0px 28px 0px;
    list-style-type: none;
}

#content .text.dynamic ul.nieuws li{
		position: relative;
    padding: 0px 20px;
    margin: 0px 5px 3px 0px; 
   	text-indent: -10px; 
   	background: url(pics/tweet.gif) top right no-repeat;
}

#content .text.dynamic ul.nieuws li span.twitter a {
		position: absolute;
		top: 0;
		right: 0;
		padding: 0px;
		width: 15px; 
		height: 15px;
		display: block;
		text-decoration: none;
		background: none; 
}

#content .text.dynamic ul.nieuws li a:link, #content .text.dynamic ul.nieuws li a:visited{
    text-decoration: underline;
    background: url(pics/bg_li_footer.gif) 0px 6px no-repeat;
    padding: 0px 0px 0px 11px;    
}

#content .text.dynamic ul.nieuws li a:hover{
    text-decoration: underline; 
}

#content .column-right ul.laatstenieuws{
    margin: 0px;
    padding: 4px 0px 0px 0px;
    list-style-type: none;
}

#content .column-right ul.laatstenieuws li{
    padding: 0px 10px;
    margin: 0px 0px 8px 1px;
    line-height: 16px;
    height: auto;
    background: url(pics/bg_li_footer.gif) 0px 6px no-repeat;    
}

#content .column-content { padding: 6px 10px 10px 10px; float: left; width: auto; margin: 0px;}

#content .column-content ul li.pdflist{
    color: #6d6d6d;
    list-style-type: none;
    width: 400px;
    margin: 0px 0px 5px 0px;
    padding: 3px 0px 0px 0px;
    float: left;
}

#content .column-content ul li.pdflist img{
    width: 16px;
    padding: 0px;
    height: 16px;
    margin: 0px 3px 0px 0px;
}


#content .column-content .file { height: 25px; overflow: hidden; padding: 0px; margin: 0px; } 
#content .column-content .file img { float: left; clear: both; margin: 0px; padding: 0px; }
#content .column-content .file a { margin: 0px; padding: 0px; line-height: 18px; }

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


#content .column-content p{margin-bottom: 9px;}

#content .column-content.static{height: 179px; overflow: hidden;}

#content .column-right .content {
	margin: 3px 6px 0px 10px;
}

#content .column-right .content ul{
    width: 200px;
}

#content .column-right .content ul li{
    width: 180px;
}

#content .column-right ul { margin: 0px; list-style-type: none; }
#content .column-right li { margin: 0px; height: 22px; line-height: 22px; width: 430px; } 

h1, td h1 {font: 13px "trebuchet ms", arial, verdana, sans-serif; font-weight: normal; color: #aac711; line-height: 27px; height: 27px;}
h2, td h2 {font: 13px "trebuchet ms", arial, verdana, sans-serif; font-weight: bold; color: #aac711; margin-bottom: 4px;}
h3, td h3 {font: 12px "trebuchet ms", arial, verdana, sans-serif; font-weight: bold; color: #121212; margin-bottom: 4px; line-height: 22px;}
h4, td h4 {font: 14px "trebuchet ms", arial, verdana, sans-serif; font-weight: bold; color: #121212; margin-bottom: 4px;}
h5, td h5 {font: 13px "trebuchet ms", arial, verdana, sans-serif; font-weight: bold; color: #121212; margin-bottom: 4px;}
h6, td h6 {font: 12px "trebuchet ms", arial, verdana, sans-serif; font-weight: bold; color: #121212; margin-bottom: 4px;}
.login_form h1{font-weight: bold;}

#tagclouds {
  margin: 0px auto;
  padding: 0px 20px;
  width: 902px;
  height: 80px;
  color: #2c2c2c;
  text-align: justify;
  overflow: hidden;
  z-index: 10;
}

#tagclouds a:link, #tagclouds a:visited { height: 25px; line-height: 25px; color: #2b2c2c; text-decoration: none; }
#tagclouds a:hover { color: #f3f3f3; }

#content a:link, #content a:visited {text-decoration: none; color: #6d6d6d ; text-decoration: underline;}
#content a:hover { color: #aac711; }

table { margin: 5px 0px; }
td {
	font: 12px "trebuchet ms", arial, verdana;
	line-height: 16px;
	color: #6d6d6d;
}

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

p { margin-bottom: 5px;}

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

span.floatLeft 	{ float: left;  width: auto;}
span.floatMiddle 	{ margin: 0px 0px 0px 34px; float: left;  width: auto;}
span.floatRight { float: right; width: auto;}

span.floatMiddle span.streep {
	margin: 0px;
	padding: 0px;
	float: left;
	display: inline;
	color: #464646;
}

span.floatMiddle img {
	margin: 1px 2px 0px 2px;
	padding: 0px;
	float: left;
	display: inline;
}

#content .text.privacy {
    width: 686px;
    min-height: 335px; 
    height: auto !important;
    height: auto;
    float: left;
    overflow: hidden;
    border: 3px solid #fff;
}

#content .text.netwerken {
    width: 923px;
    min-height: 335px; 
    height: auto !important;
    height: auto;
    float: left;
    overflow: hidden;
    border: 3px solid #fff;
}

#content .text.netwerken ul.netwerk-borrel{
  margin: 6px 0px 0px 3px;
}

#content .text.netwerken ul.netwerk-borrel li{
  position: relative;
  height: 95px;
  width: 112px;
  margin: 0px 3px 3px 0px;  
  list-style-type: none;
  float: left;
  overflow: hidden;
}

#content .text.netwerken ul.netwerk-borrel li.last{
  margin: 0px 0px 3px 0px;  
}

#content .text.netwerken ul.netwerk-borrel li a:link, #content .text.netwerken ul.netwerk-borrel li a:visited{
  display: block;
  line-height: 0px;
  font-size: 0px;
}

#content .text.netwerken ul.netwerk-borrel li a.overlayNetwerk:link, #content .text.netwerken ul.netwerk-borrel li a.overlayNetwerk:visited{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 112px;
  height: 95px; 
  z-index: 10;
  background-color: #221c1c;
  opacity:0.4;
  filter:alpha(opacity=40);
}

#content .text.netwerken ul.netwerk-borrel li a.overlayNetwerk:hover{
    position: absolute;
  top: 0px;
  left: 0px;
  width: 112px;
  height: 95px; 
  z-index: 10;
  background-color: #221c1c;
  opacity:0.1;
  filter:alpha(opacity=1);
}

#content .text.netwerken ul.netwerk-borrel li a:link img, #content .text.netwerken ul.netwerk-borrel li a:visited img{
  margin: 0px;
  width: 112px;
  line-height: 0px;
  font-size: 0px;
}  

#content .text.privacy .content-privacy{
    padding: 6px 11px;
    margin: 0px 0px 10px 0px;
}

#content .text.privacy .content-privacy h3{
    margin-bottom: -3px;
}

/* ------------------------------------------------------------------------- BRANCHES */

#branches .branchegroup {
    width: 200px;
}  

#branches ul {
    margin: 0px;
    padding: 0px;
    float: left;
    width: 670px;
}

#branches li {
    margin: 0px;
    padding: 0px 5px 0px 0px;
    width: 218px;
    list-style-type: none;
}

#branches ul.brancheblock{
    width: 220px;
    margin: 0px 0px 10px 0px;
}

#branches ul li a:link, #branches ul li a:visited{
    text-decoration: none;
    padding: 0px 14px 0px 0px;
    background: url(pics/klantenLink.gif) right center no-repeat;
}

#branches ul li a:hover{
    text-decoration: underline;
    background: url(pics/klantenLink_over.gif) center right no-repeat;
}

#branches h1 {
    font-weight: bold;
    line-height: 16px; 
    height: 16px;
    text-decoration: underline; 
}


/* ------------------------------------------------------------------------- PORTFOLIO */ 

#content .text.portfolio {
	margin: 0px;
	padding: 0px;
    width: 686px;
    min-height: 335px; 
    height: auto !important;
    height: auto;
    float: left;
	overflow: hidden;
    background: #342e2e;
    border: 3px solid #342e2e;
}

#content .text.portfolio ul.portfolio {
	margin: 10px 0px 0px 10px;
	list-style-type: none;
}

* html #content .text.portfolio ul.portfolio { display: inline; }

#content .text.portfolio ul.portfolio li .infoWindow{
    height:30px;
    left: 1px;
    font-weight: bold;
    text-align: center;
    line-height: 30px;
    position:absolute;
    width:195px;
    bottom:-30px;
    background-color: #221c1c;
}

#content .text.portfolio ul.portfolio li a.portfolioLink:link, #content .text.portfolio ul.portfolio li a.portfolioLink:visited{
    width: 197px;
    height: 142px;
    overflow: hidden;
    display: block;
    position:relative;
}


#content .text.portfolio ul.portfolio li{
	padding: 0px;
	margin: 0px 31px 31px 0px;
	width: 197px;
	height: 142px;
	float: left;
	overflow: hidden;
    background: #221c1c url(pics/ajax-loader.gif) center center no-repeat;
    z-index: 1;
    position: relative;
}

#content .text.portfolio ul.portfolio li.last{
    margin: 0px 0px 31px 0px;
}

#content .text.portfolio ul.portfolio li img {
	margin: 0px;
	width: 195px;
	height: 140px;
	border: 1px solid #fff; 	
}

.text.portfolio ul.portfolio li span.shadow{
    position: absolute;
    width: 200px;
    height: 148px;
    margin-top: -1px;
    margin-left: 3px;
    background: url(pics/shadow.png) top left no-repeat;
    z-index: 5;
}

.text.portfolio ul.portfolio li span.portfolio-image{
    position: relative;
    z-index:10;
}

#content .text.portfolio ul.portfolio li span.portfolio-image a:hover{
    text-decoration: none;
    border: none;
}


#content .container-column-left .column-left.referenties{
    min-height: 235px;
    height: auto !important;
    height: auto;
    width: 194px;
    float: left;
    margin: 31px 0px 0px 0px;
}
#content .container-column-left .column-left.referenties #checkboxes{
    padding: 6px 0px 0px 6px; 
}

#content .column-right-container {
    height: auto;
    width: 200px;
    float: left;
    margin: 0px;
    padding: 0px;
    display: inline;
}

#content .column-left.referenties ul{
	margin: 10px 0px 0px 7px;
	list-style-type: none;
}

#content .column-left.referenties ul li{
	margin: 0px 1px 3px 0px;
	width: 90px;
	height: 45px;
	float: left;
	overflow: hidden;
}

#content .container-column-left{
    margin: 0px 35px 0px 0px;
    width: 200px;
    float: left;   
}


#map{
    position: relative;
    margin: 0px 0px 0px 0px;
    padding: 0px;
    height: 381px;
    width: 430px;
}

#content .column-content.maps{
    padding: 0px;
}

.relevante_image{
    width: 200px;
}

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

#footer_container {
  padding: 0px; 
  width: 100%;
  min-height: 25px;
  height: auto !important;
  height: 25px;
  font: 10px "trebuchet ms", arial, verdana, sans-serif; 
  color: #fff; 
}

#footer {
  padding: 5px 0px;
  width: 902px;
  margin: 0px auto;
  border-left: 0px; 
  border-right: 0px;
  border-bottom: 1px solid #272727;
}

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

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

.spacer30{
    height: 30px;
    width: 100%;
}
.spacer20{
    height: 20px;
    width: 100%;
}
/* ---------------------------------------------------  */
 
#login_container {

    position: fixed;
    /* bottom: -0px; */
    width: 100%;
    height: 150px;
    z-index: 10;
    background: #fff url(pics/bg_sitemap.gif) top left repeat-x;
    display: none;
}
 
/*    position: fixed;
    margin-bottom: -135px;
    min-width: 990px;
    width: 100%;
    height: 135px;
    z-index: 10;
    background: url(pics/bg_login.gif) top left repeat-x;
    display: none;*/
 
#login_container .text-login {
    width: 419px; 
    float: left;
}

#login_container .colum-left-login {
    margin: 0px 33px 0px 0px;
    width: 200px;
    height: 10px;
    float: left;    
}

#login{ 
	margin: 0px auto;
	padding: 13px 0px;
	width: 905px; 
}

#login .login_form    { width: 200px; float: left; }
#login .logo_imanager { float: right; width: 200px; height: 35px; margin: 35px 0px 0px 0px; display: inline;}
#login .column-right.login .logo_imanager img { margin: 30px 35px; }

#login .row 				{	height: 28px; clear: left; }  
#login input			  { font-size: 11px; }
#login input.text   { width: 197px; height: 19px; border: 1px solid #221c1c; color: #aaaaaa; padding: 3px 0px 0px 3px; margin: 0px 0px 8px 0px;}
#login input.submit { margin: 5px 0px; padding: 0px 0px 0px 0px; border: 1px solid #9b9c99; font: 11px 'Trebuchet MS', arial, verdana, sans-serif; background:  url(pics/btn-back.gif) top left repeat-x; height: 17px; width: 100px; line-height: 11px;  color: #221c2c;  float: right; }

#content .column-right .content input.submitRoute { margin: 11px 2px 11px 0px; font: 11px "trebuchet ms", arial, verdana, sans-serif; border: 1px solid #9b9c99; padding: 0px 0px 0px 0px; height: 17px; width: 100px; line-height: 13px;  color: #221c2c; background:  url(pics/btn-back.gif) top left repeat-x; float: right; }
#content .column-right .content .row { height: 28px; line-height: 21px; clear: left; } 
#content .column-right .content .description { width: 150px;    float: left; } 
#content .column-right .content .value { width: 200px;   float: left; } 
#content .column-right .content input { font: 12px "trebuchet ms", arial, verdana, sans-serif; }
#content .column-right .content input.text   {font: 12px "trebuchet ms", arial, verdana, sans-serif;  width: 197px; height: 19px; border: 1px solid #221c1c; color: #aaaaaa; padding: 3px 0px 0px 3px;}
#content .column-right .content input.submit {font: 11px "trebuchet ms", arial, verdana, sans-serif; border: 1px solid #9b9c99;  margin: 2px 0px 2px 0px; padding: 0px 0px 0px 0px; height: 17px; width: 100px; line-height: 13px;  color: #221c2c; background:  url(pics/btn-back.gif) top left repeat-x;}

#login_container .tab_container { 
	position: absolute;
	top: -25px;
	width: 100%; 
}

#login_container .tab_container .tab { margin: 0px auto; text-align: center; width: 83px; height: 25px; display: none; }
#login_container .tab_container .tab a { position: relative; z-index: 999999; }
#login_container .tab_container .tab img{ width: 88px; height: 35px; margin-left: 0px;}
  

/* --------------------------------------------------- SITEMAP */

#sitemap_container {
	position: fixed;
	/* bottom: -0px; */
	width: 100%;
	min-height: 150px;
	height: auto !important;
	height: 150px;
	z-index: 10;
	background: #fff url(pics/bg_sitemap.gif) top left repeat-x;
    display: none;
}

#sitemap { 
	margin: 0px auto;
	padding: 5px 13px;
	width: 904px; 
}

#cert_container {
    position: fixed;
    /* bottom: -0px; */
    width: 100%;
    min-height: 150px;
    height: auto !important;
    height: 150px;
    z-index: 10;
    background: #fff url(pics/bg_sitemap.gif) top left repeat-x;
    display: none;
}

#cert { 
    margin: 0px auto;
    padding: 5px 13px;
    width: 904px; 
}

#tab_container { 
	position: fixed;
	bottom: 0px;
	width: 266px;
    left: 50%;
    height: 29px;
    margin-left: -123px; 
}

.spanTooltip{
    display: none;
}

.spanTooltip img{
    width: 40px;
    height: 30px;
}

#tab_container .tab.big {width: 100px;}
#tab_container .tab.big a {width: 100px;}
#tab_container .tab { margin: 0px auto; float: left; text-align: center; width: 78px; display: none; height:29px; line-height: 0px; font-size: 0px; position: relative; }

#tab_container .tab a{position: relative; width: 78px; display: block; height: 29px; line-height: 0px; font-size: 0px; z-index: 999999;}

#tab_container .tab img{} 

#sitemap .column150 h1 { margin: 0px 0px 5px 0px; font-size: 14px; font-weight: normal; color: #6c745b; border-bottom: 1px solid #cfd2bc; }
#sitemap .column150 { width: 150px; float: left; }
#sitemap .column150 ul { margin: 0px; padding: 0px; list-style-type: none;  }
#sitemap .column150 li { margin: 0px; padding: 0px 10px; width: 116px; background: url(pics/bg_li_footer.gif) 0px 6px no-repeat; }
#sitemap .column150 li a:link, #sitemap .column150 li a:visited { color: #8f8f8f; border: none; text-decoration: none; }
#sitemap .column150 li a:hover{text-decoration: underline;}

#sitemap .column150.small{
    width: 130px;
}

#sitemap .column150.small li{
    width: 130px;
}

#sitemap .column150.verysmall{
    width: 100px;
}

#sitemap .column150.verysmall li{
    width: 100px;
}

#sitemap .column150.big{
    width: 180px;
}

#sitemap .column150.big li{
    width: 160px;
}

#content .column500 { width: 200px; float: left; margin:0px; padding: 0px; }
#content .column500 a:link, #content .column500 a:visited{border: none; text-decoration: none;}
#content .column500 a:hover{text-decoration: underline;}
#content .column500 ul{ list-style-type: none; margin: 0px; padding: 0px;}
#content .column500 h1{ font-weight: bold; padding: 0px; margin: 0px;}
#content .column500 ul li{ list-style-type: none; background: url(pics/joinbottom.gif) 0px 2px no-repeat; padding: 0px 0px 0px 20px; margin: 0px;}


#sitemap .text.sitemap { width: 400px;}

#sitemap .column150 h1 a {
	color: #6c745b;
	font-weight: bold;
	text-decoration: none;
	border: none;
}

#content .text .head li{
  list-style-type:none;
  display: inline;
  float: left;
  width: auto;
}

#content .text .head ul{
  position: absolute;
  right: 0px;
  top: 0px;
}

#content .text #imageticker{
  width: 430px;
  height: 308px;
  overflow: hidden;
  margin: 0px;
  padding: 0px;
  position: relative; 
}

#content .text .head li a{
  color: #fff;
  text-decoration: none;
  border: none;   
}
      
#content .text .head .headcolumn300 { width: 300px; }
#content .text .head .headcolumn300 h1 a:link, #content .text .head .headcolumn300 h1 a:visited{ color: #aac711; text-decoration: none;}
#content .text .head .headcolumn300 h1 a:hover{text-decoration: underline;}
#content .text .head .headcolumn200 { width: 300px; }

/* ------------------------------------------------------------- KLANTEN SLIDESHOW */

#content #imagetickercontainer {
  padding: 0px;
  margin: 0px;
  width: 430px;
  height: 308px;
  overflow: hidden;
  position:relative; 
}
      
#content #imagetickercontainer img{
  width: 431px;
  height: 308px;
  padding: 0px;
  margin: 0px;
}

#imagetickercontainer ul{
    width:39000px;
    padding: 0px;
    margin: 0px;
}

#imagetickercontainer li{
    float:left;
    margin:0px;
    padding: 0px;
    list-style-type: none;
}

/* position and dimensions of the navigator */
#content .navi {
    position: absolute;
    right: 3px;
    top: 8px;
    height:10px;
    z-index: 5;
}

#content .navi li{
    list-style-type: none;
    float: left;
    margin: 0px;
}

/* items inside navigator */
 #content .navi a:link,  #content .navi a:visited {
    width: 10px;
    height: 10px;
    float: left;
    margin: 0px;
    display: inline;
    font-size: 0px;
    background-color: #4c4c4c;     
    cursor:default;
    border: none;   
}

/* mouseover state */
 #content .navi a:hover {
    background-color: #b5b5b5;      
}

/* active state (current page state) */
#content .navi a.active {
    background-color: #b5b5b5;   
}


#content #imagetickerKlanten {
  padding: 0px;
  margin: 10px 0px 0px 11px;
  width: 408px;
  height: 140px;
  overflow: hidden;
  position:relative; 
}
      
#content #imagetickerKlanten img{
  width: 193px;
  height: 138px;
  padding: 0px;
  margin: 0px 18px 0px 0px;
  border: 1px solid #221c1c;
}

#imagetickerKlanten ul{
    width:3900px;
    padding: 0px;
    margin: 0px;
}

#imagetickerKlanten li{
    float:left;
    margin:0px;
    padding: 0px;
    list-style-type: none;
} 


 /* ========================= invulformulier ========================= */
 
#form_message { color: #f32330; }  
 
.invulformulier-contact {
	margin-bottom: 10px;
	width: 410px;
	float: left;
	font: 12px 'Trebuchet MS' arial, verdana, sans-serif; 
	line-height: 18px;
	color: #6D6D6D;
} 

.invulformulier-contact .omschrijving {
	width: 140px;
	float: left;
	display: inline;
}

.invulformulier-contact .invul, .invulformulier-contact .invullen {
	margin: 2px 5px 2px 5px;
	width: 260px;
	float: left;
	display: inline;
}

.invulformulier-contact .invulsmall{
	margin: 2px 0px 2px 2px;
	width: 102px;
	float: left;
	display: inline;
	font: 11px 'Trebuchet MS' arial, verdana, sans-serif; 
}

.invulformulier-contact .invulsmall2{
	margin: 2px 5px 2px 0px;
	width: 158px;
	float: left;
	display: inline;
	font: 11px 'Trebuchet MS' arial, verdana, sans-serif; 
}

.invulformulier-contact .invultekst {
	margin: 2px 5px 2px 5px;
	width: 260px;
	float: left;
	display: inline;
	font-weight: bold;
    font-size: 10px;
}

.invulformulier-contact .invul_box {
	margin: 2px 0px 2px 5px;
	float: left;
	display: inline;
}

.invulformulier-contact .invul_tekst {
	margin: 5px 0px 0px 0px;
	float: left;
	display: inline;
	line-height: 18px;
}

.invulformulier-contact fieldset {
	padding: 0px 10px;
	border: 1px solid #556371;
}

.invulformulier-contact legend {
	padding: 2px 6px;
	margin-bottom: 10px;
	font-weight: bold;
	color: #515151;
	background: #fff;
	border: 1px solid #515151;
} 

.invulformulier-contact input.extrasmall{
	padding: 1px 3px;
	margin: 2px 5px 2px 0px;
	width: 30px;
	float: left;
	display: inline;
	font: 11px arial, verdana, sans-serif; 
	font-weight: bold;
	color: #515151;
}

.invulformulier-contact input.checkbox{
    float: left;
    margin-top: -2px;
}

.invulformulier-contact .invulsmall .checkbox-txt{
    width: 78px;
    float: left;
    margin-left: 3px; 
}

.invulformulier-contact .invulsmall2 .checkbox-txt{
    width: 135px;
    float: left;
    margin-left: 3px; 
}

.invulformulier-contact input.small{
	padding: 1px 3px;
	margin-right: 5px;
	width: 67px;
	float: left;
	display: inline;
	font: 11px arial, verdana, sans-serif; 
	font-weight: bold;
	color: #221C1C;
    border: 1px solid #6D6D6D;
}

.invulformulier-contact input.medium{
	padding: 1px 3px;
	width: 160px;
	float: left;
	display: inline;
	font: 11px arial, verdana, sans-serif; 
	font-weight: bold;
	color: #221C1C;
    border: 1px solid #6D6D6D;
}

.invulformulier-contact input.medium2{
	padding: 1px 3px;
	width: 165px;
	float: left;
	display: inline;
	font: 11px arial, verdana, sans-serif; 
	font-weight: bold;
	color: #515151;
    border: 1px solid #6D6D6D;
}

.invulformulier-contact input.large{
	padding: 1px 3px;
	width: 240px;
	float: left;
	display: inline;
	font: 11px arial, verdana, sans-serif; 
	font-weight: bold;
    border: 1px solid #6D6D6D;
	color: #221C1C;
}

.invulformulier-contact textarea{
	padding: 1px 3px;
	width: 241px;
	height: 48px;
	float: left;
	display: inline;
	font: 11px arial, verdana, sans-serif; 
	font-weight: bold;
	color: #221C1C;
    border: 1px solid #6D6D6D;
}

.invulformulier-contact select {
	padding: 0px 0px 0px 3px;
	width: 250px;
	float: left;
	display: inline;
	font: 11px arial, verdana, sans-serif; 
	color: #515151;
}

.invulformulier-contact select.small {
	padding: 0px 1px 0px 3px;
	margin-right: 5px;
	width: 70px;
	float: left;
	display: inline;
	font: 11px arial, verdana, sans-serif; 
	font-weight: bold;
	color: #515151;
}

.invulformulier-contact optgroup {
	font: 11px arial, verdana, sans-serif; 
	font-weight: bold;
	font-style: italic;
	color: #515151;
}

.invulformulier-contact option {
	padding-left: 5px;
	color: #515151;
}

.invulformulier-contact optgroup option {
	padding-left: 20px;
	color: #515151;
}

.invulformulier-contact input.radio{
	margin: 0px;
	padding: 0px;
	width: 27px;
}

.invulformulier-contact input.button{
	margin-bottom: 10px;
	padding: 0px 3px 0px 3px;
	width: 80px;
	height: 17px;
	color: #221c2c;
	font: 11px 'Trebuchet MS', arial, verdana, sans-serif; 
	line-height: 14px;
	text-align: center;
	border: 1px solid #9b9c99;
	background:  url(pics/btn-back.gif) top left repeat-x;
}

.invulformulier-contact input.file{
	padding: 1px 3px;
	width: 250px;
	height: 20px;
	float: left;
	display: inline;
	font: 11px arial, verdana, sans-serif; 
	font-weight: bold;
	line-height: 16px;
	border: 1px solid #a5acb2;
	background-color: #fff;
}


 #content .column form#applyForm{
    width: 250px;
    float: right;
    margin-top: 5px;
 }

 #content .column #column-script #column1{
    width: 300px;
    float: left;
 }
 
 #content .column #column-script #column2{
    width: 300px;
    float: right;
 }
 
 #content .column .landingtext{
    width: 631px;
    float: left; 
 }
 
 #content .column .landingtext ul{
    margin: 8px 0px 8px 15px;
 }
 
 #content .column .landingtext p{
    margin: 0px 0px 10px 0px;
 }
 
#content #text-home .column.landing{
width: 912px !important;
    padding: 0px 0px 0 10px;
    overflow: visible;
    height: auto;
    }
#content #text-home .column.landing .head{
    width: 651px;    
}
#content .column  .row { min-height: 28px; height: auto !important; height: 28px; line-height: 21px; clear: left; } 
#content .column  .omschrijving { width: 150px;    float: left; } 
#content .column  .invul { width: 250px;   float: left; } 
#content .column  input { font: 12px "trebuchet ms", arial, verdana, sans-serif; }
#content .column  input.text   {font: 12px "trebuchet ms", arial, verdana, sans-serif;  width: 245px; height: 19px; border: 1px solid #221c1c; color: #aaaaaa; padding: 3px 0px 0px 3px;}
#content .column  textarea   {font: 12px "trebuchet ms", arial, verdana, sans-serif;  width: 245px; height: 75px; border: 1px solid #221c1c; color: #aaaaaa; padding: 3px 0px 0px 3px;}
#content .column  input.submit {font: 12px "trebuchet ms", arial, verdana, sans-serif; float: right;  margin: 2px 0px 2px 0px; padding: 0px 0px 10px 0px; height: 20px; width: 100px; line-height: 18px; border: none; color: #fff; background: #2f2929 ; }

/* ------------------------------------------------------------------------- List */  

#list .row        { padding: 10px; min-height: 10px; height: auto !important; height: 10px; }
#list .row.head   { padding: 0px 10px; font-weight: bold; color: #fff; background: #221c1c; }
#list .row.even   { background: #ebebeb; border-bottom: 1px dashed #ccc;}
#list .row.uneven { background: #ebebeb; border-bottom: 1px dashed #ccc; }

#list .row .column_90 { padding: 0px 5px 0px 0px; width: 85px; float: left;   }
#list .row .column_95 { padding: 0px 5px 0px 0px; width: 90px; float: left;  }
#list .row .column_150 { padding: 0px 5px 0px 0px; width: 145px; float: left;  }
#list .row .column_170 { padding: 0px 5px 0px 0px; width: 165px; float: left;  }
#list .row .column_200 { padding: 0px 5px 0px 0px; width: 175px; float: left; }
#list .row .column_639 { margin: 10px 0px 0px 0px; padding: 5px; width: 634px; float: left; background: #ddd; }

#list .row a:link, #list .row a:visited { font-weight: bold;  }

/* ------------------------------------------------------------------------- Datepicker */ 

a.dp-choose-date {
    float: left;
    width: 16px;
    height: 16px;
    padding: 0;
    margin: 2px 3px 0;
    display: block;
    text-indent: -2000px;
    overflow: hidden;
    background: url(pics/calendar.png) no-repeat; 
}
a.dp-choose-date.dp-disabled {
    background-position: 0 -20px;
    cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
    width: 140px;
    float: left;
}