#contentColumn { position: relative; float: left; width: 194px; padding: 0; margin: 0; height: 100%; background: #fff; }
#messageColumn { position: relative; float: right; width: 194px; padding: 0; margin: 0; height: 100%; background: #fff; overflow: hidden; }
#news, 
#projects { position:relative; height: 194px; padding: 0; margin: 0; /*background: url(../../skins/home/pics/menu_bgNews.gif) no-repeat right 0;*/ }
#projects { border-bottom: 1px solid #000; /*background: url(../../skins/home/pics/menu_bgProject.gif) no-repeat right 0;*/}

#news h2, 
#projects h2 { margin: 10px 0; height: 24px;padding: 2px 0 2px 36px; /*background: url(../../skins/home/pics/menu_blokje.gif) no-repeat 0 0;*/ color: #000; }
#news .news, 
#projects .projects { color: #000;}
#news .news ul, 
#projects .projects ul { margin: 0 0 0 32px; padding: 0; list-style: none; }
#news .news ul li, 
#projects .projects ul li { margin: 3px 0; padding: 0; }
#news .news ul li a, 
#projects .projects ul li a  { display: block; height: 18px; padding: 0 4px; color: #000; text-decoration: none;}
#news .news ul li a:hover, 
#projects .projects ul li a:hover { text-decoration: underline;}

#holder #hbody .tpl #breadcrumMenu { display: none; } 

#content .onderdelen {float: left; width: 100%; margin-left: 0px; margin-top: 10px; }
#content .onderdelen ul li {float: left; width: 199px; height: 138px; }

#topmenu { float: left; width: 100%; height: 128px; margin-top: 10px;padding-bottom: 25px;  }
#topmenu a.link { position: absolute; text-decoration: none; bottom: 5px; left: 5px; text-align: center; float: left; background: url(/skins/default/pics/bg_btn_blok2.gif) repeat-x 0 0; height: 25px; display: block; width: 109px; }
#topmenu a.link:hover { background: url(/skins/default/pics/bg_btn_blok2_hover.gif) repeat-x 0 0; color: #c0c0c0; }
#topmenu a span {padding-right: 10px; position: relative; top: 3px;}
#topmenu span.left { background: url(/skins/default/pics/btn_left.gif) no-repeat 0 0; height: 25px; display: block; width: 9px; }
#topmenu span.right { background: url(/skins/default/pics/btn_right.gif) no-repeat 0 0; height: 25px; display: block; width: 9px; }
#topmenu h2{ width: 310px; font-size: 18px; color: #fff; float: left; margin-left: 10px; margin-top: 10px;  font-weight: normal; }
#topmenu .werken { position: relative; float: left; background: url(/skins/default/pics/bg_menu.gif) no-repeat 0 0; width: 320px; height: 128px; margin-left: 10px; }
#topmenu  p{ font-size: 13px; width: 220px; height: 47px; margin-left: 10px; color: #fff; float: left;  }
#topmenu .diensten{float: left; background: url(/skins/default/pics/bg_menu.gif) no-repeat 0 0; width: 320px; height: 128px; position: relative;  }
#topmenu .over{ position: relative; float: left; background: url(/skins/default/pics/bg_menu.gif) no-repeat 0 0; width: 320px; height: 128px; }

#topmenu .diensten ul.serviceMenu { position: relative; top: 10px; left: 10px; float: left; list-style: none;}
#topmenu .diensten ul.serviceMenu li { float: left; width: 300px;  }
#topmenu .diensten ul.serviceMenu img.pijl { width: 7px; height: 7px; float: left; margin-top: 7px;}
#topmenu .diensten ul.serviceMenu a { display: block; font-size: 14px; color: #fff; padding-left: 10px; }
#topmenu .diensten ul.serviceMenu a:hover { color: #87defe; text-decoration: none; }

#topmenu img.ico { position: absolute; top: 35px; right: 5px; }
#topmenu img.logo { position: absolute; top: 35px; left: 5px; }

/* head */
#hhead { float: left; position: relative; margin-top: 15px; width: 100%; height: 210px; z-index: 4;}
#hhead .beeld { position: relative; width: 100%; height: 210px; overflow: hidden; }
#hhead .beeld #beeldwissel { position: absolute; top:0; left:0; width: 980px; height: 210px; }
#hhead .beeld #beeldwissel li { position: absolute; left:0; top:0; z-index: 3;  }
#hhead .beeld #beeldwissel li img { z-index: 3; }
.medewerker { position: absolute; left: 509px; top: -96px; z-index: 200; width: 314px; height: 306px; } 

#hhead h1.logo { position: absolute; top: -115px; right: 0px; display: block; width: 198px; height: 88px; background: url(/skins/default/pics/logo_home.jpg); margin: 0px; z-index: 4;}
#hhead h1.logo a { display: block; width: 198px; height: 88px; float: left;  }
#hhead h1.logo a span { display: none;  }
#hhead .contact { position: absolute; width: 140px; top: 25px; right: 0px; z-index: 4; font-weight: bold; }
#hhead .contact a { color: #000; text-decoration: underline; font-weight: bold; }
/* head */

#hbody .tpl #content {width: 640px; padding: 0; }
#content #homeContent {  width: 100%; }
#content #homeContent .item{ float: left; width: 300px; padding-left: 10px; padding-right: 10px;  }
#content #homeContent .item h2.titel{ margin-bottom: 25px; font-weight: normal; position: relative; }
#hbody #newsBox #newsBox h2.titel { margin-bottom: 25px; font-weight: normal; }
#content #homeContent a.homelink {float: left; padding: 3px 35px 5px 24px; background: url(/skins/default/pics/home_link2.gif) no-repeat 0 0; margin-top: 10px; color: #fff; font-size: 13px;}
#content #homeContent a.homelink span { position: relative; right: 7px;}

#hbody #newsBox ul { float: left; }
#hbody #newsBox ul li.newsItem { float: left; line-height: 1.5em; }
#hbody #newsBox ul li .more { padding-right: 8px; margin-left: 0px; padding-left: 0px;}
#hbody #newsBox ul h2.other { float: left; }
#holder #mainMenu { margin-top: 130px; }
#searchBox {top: 185px; }

#holder a.print { left: 272px; top: -5px; }

