@charset "utf-8";
body {
	background	: #FFF url(../images/bg.png) repeat-x;
	margin		: 0;
	padding		: 0;
}

a,img {
	border		: none;
	outline		: none;
}

#red {
	color				: red;
	background-color	: #FFFFFF;
	font-weight			: bold;
}

#userdata {
	font-weight			: bold;
}

#container {
	width: 1064px;
	position: relative;
	margin: 0 auto;
}

#balk_boven {
	background: url(../images/header_bg.png);
	height: 23px;
    z-index: -6;
	text-indent: 825px;
	padding-top: 22px;
}
#balk_boven a {
	font: 11px Verdana;
	color: #FFF;
	text-decoration: none;
	margin-right: 18px;
}
#balk_boven a:hover {
	text-decoration: underline;
}

#menu {
	margin: 0px;
	padding: 0px;
	background: url(../images/menu_bg.png);
	height: 42px;
	padding-left: 37px;
}
#menu li {
	margin: 0px;
	padding: 0px;
	display: inline;
	float: left;
}
#menu li a {
	display: block;
	width: 118px;
	height: 29px;
	font: bold 12px Verdana;
	color: #FFF;
	text-decoration: none;
	text-align: center;
	padding-top: 13px;
}
#menu li a:hover {
	background: url(../images/menu_hover.png) no-repeat;
	color: #fff77b;
}

#header {
	background: url(../images/header.png);
    /*
    background-repeat: no-repeat;
    background-position: center;
    */
	height: 114px;
}

#domeincheck {
	background: url(../images/domein_bg.png);
	height: 26px;
	font: 11px Verdana;
	color: #FFF;
	letter-spacing: 0.05em;
	padding-left: 74px;
	padding-top: 11px;
}
#domein_form {
	display: block;
	margin: 0px;
	padding: 0px;
}
#domein_check {
	float: left;
	display: block;
	font-weight: bold;
	margin-left: 23px;
}
#domein_text {
	width: 270px;
	height: 18px;
	padding-top: 2px;
	text-indent: 12px;
	background: url(../images/form_input.gif) no-repeat;
	border: none;
	float: left;
	margin-left: 4px;
	margin-top: -3px;
}
#domein_submit {
	width: 112px;
	height: 21px;
	background: url(../images/form_submit.gif);
	border: none;
	float: left;
	margin-left: 4px;
	margin-top: -3px;
	cursor: pointer;
}

#content {
	background: url(../images/content_bg.png) no-repeat;
	min-height: 479px;
	padding-top: 16px;
}
.titel_klein {
	font: bold 11px Verdana;
	color: #000;
	margin: 0px;
	letter-spacing: 0.05em;
}
#content #tekst {
	font: 11px Verdana;
	color: #000;
	width: 490px;
	letter-spacing: 0.05em;
}
#content .mini {
	float: left;
	width: 20px;
	height: 22px;
	margin-left: 5px;
	margin-right: 10px;
	margin-top: 3px;
}
#blok.large {
  margin-left: -36px;
  background: url(../images/blok_bg.gif);
  background-repeat: no-repeat;
  width: 704px;
  min-height: 547px;
}
#blok {
	margin-left: -36px;
	background: url(../images/blok_bg.gif);
	width: 704px;
	height: 247px;
}
#blok ul {
	margin-left: 5px;
	margin-top: 5px;
	padding: 0px;
	position: absolute;
}
#blok ul li {
	margin: 0px;
	padding: 0px;
	display: inline;
	float: left;
	text-align: center;
}
#blok ul li a {
	display: block;
	height: 27px;
	background: url(../images/blok_tabs.gif) left top no-repeat;
	font: 11px Verdana;
	color: #747474;
	text-decoration: none;
	margin-right: 5px;
	padding-left: 5px;
}
#blok ul li a:hover {
	background-position: left bottom;
	color: #000000;
}
#blok ul li a span {
	min-width: 120px;
	background: url(../images/blok_tabs.gif) right top no-repeat;
	display: block;
	height: 21px;
	padding-top: 6px;
	padding-right: 5px;
}
#blok ul li a span:hover {
	background-position: right bottom;
	font-weight: bold;
	color: green;
}
.blok_content {
	background: #FFF;
	margin-top: 32px;
	width: 620px;
	margin-left: 5px;
	position: absolute;
	padding: 30px;
	display: none;
}
.blok_wrap h1 {
	font: 20px "Century Gothic";
	color: #000;
	margin: 0px;
}
.blok_wrap h2 {
	font: 15px "Century Gothic";
	color: #000;
	margin: 0px;
	padding-top: 5px;
}
.blok_wrap p {
	font: 12px "Century Gothic";
	color: #000;
	margin: 0px;
	line-height: 2em;
	margin-top: 10px;
}
.blok_content img {
	float: right;
}
.blok_wrap {
	width: 500px;
	float: left;
}

.kolom {
	float: left;
	margin-right: 33px;
}

.kolom h2 {
	font: 26px "Myriad Pro";
	color: #2a8c13;
	margin: 0px;
	margin-bottom: 28px;
}
.kolom .vak {
	background: url(../images/content_vak.gif);
	width: 314px;
	height: 232px;
	padding-left: 3px;
	padding-top: 2px;
}
.kolom .vak ul {
	margin: 0px;
	padding: 0px;
	z-index: 2;
	position: absolute;
	margin-top: 1px;
}
.kolom .vak ul li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.kolom .vak ul li a {
	background: url(../images/content_vak_item.gif);
	width: 143px;
	height: 19px;
	padding-top: 4px;
	display: block;
	font: 10px Verdana;
	color: #7f7f7f;
	text-decoration: none;
	text-indent: 20px;
}
.kolom .vak ul li a:hover {
	background-position: 0px -25px;
	color: #363636;
}
.kolom .vak .info {
	width: 157px;
	height: 222px;
	background: url(../images/content_vak_info.gif);
	position: absolute;
	margin-left: 142px;
	padding-left: 11px;
	z-index: 1;
}
.kolom .vak .info p,.kolom .vak .info a,.info_tekst {
	font: 10px Verdana;
	color: #363636;
	letter-spacing: 0.02em;
	text-decoration: none;
}
.kolom .vak .info .thumb {
	width: 147px;
	height: 88px;
	margin-top: 5px;
}
#links {
	float: left;
	width: 670px;
	margin-bottom: 12px;
	padding-left: 74px;
}

#sidebar {
	
  float: left;
	width: 281px;
}

.login_tekst {
	font: 11px Verdana;
	color: #000;
	float: left;
	margin-left: 20px;
	width: 240px;
}
.login_input {
	width: 170px;
	height: 16px;
	padding-top: 5px;
	font: 10px Verdana;
	color: #000;
	background: url(../images/login_input.gif) no-repeat;
	float: right;
	margin-right: 30px;
	text-indent: 4px;
	margin-top: -3px;
	border: none;
}
.login_submit {
	width: 112px;
	height: 21px;
	background: url(../images/login_submit.gif) no-repeat;
	float: right;
	margin-top: 10px;
	margin-right: 88px;
	border: none;
	cursor: pointer;
}
.login_pwd {
	margin-left: 81px;
	margin-top: 10px;
	float: left;
	font: 10px Verdana;
	color: #000;
	text-decoration: none;
}

.toggler {
	font		: 11px Arial;
	color		: #363636;
	display		: block;
	width		: 281px;
	height		: 19px;
	margin		: 0px;
	background	: #dadada url(../images/acc_bg.gif);
	padding-top	: 6px;
	text-indent	: 20px;	
	font-weight	: normal;
	cursor		: pointer;
}

.toggler2 {
	font: 11px Arial;
	color: #363636;
	display: block;
	width: 281px;
	height: 19px;
	margin: 0px;
	background: #dadada url(../images/acc_bg.gif);
	padding-top: 6px;
	text-indent: 20px;
	font-weight: normal;
	text-decoration: none;
}
.toggler2:hover {
	text-decoration: underline;
}
.element p {
	font: 11px Arial;
	color: #454545;
	padding: 10px;
	margin: 0px;
	width: 261px;
}
.element p a {
	font: 11px Arial;
	color: #454545;
	text-decoration: none;
	font-weight: bold;
}

#accordion {
	margin-top: 175px;
	margin-left: 0px;
}
.acc_top {
	display: block;
	width: 281px;
	height: 19px;
	background: url(../images/acc_top.gif);
	text-indent: 20px;
	padding-top: 5px;
	font: bold 11px Arial;
	color: #FFF;
	margin: 0;
}

#footer {
	clear: both;
	width: 998px;
	height: 206px;
	background: url(../images/footer.gif) no-repeat;
	margin-left: 33px;
}
.footer1 {
	font: italic 11px Verdana;
	color: #180706;
	padding-top: 20px;
	display: block;
	text-decoration: none;
	text-align: center;
	margin-bottom: 40px;
}

.footer_kolom {
	float: left;
	width: 113px;	
	margin-right: 45px;
}
.footer_kolom ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.footer_kolom ul li {
	margin: 0px;
	padding: 0px;
}
.footer_kolom ul li a {
	display: block;
	width: 154px;
	height: 16px;
	font: 10px Verdana;
	color: #FFFFFF;
	text-decoration: none;
	padding-top: 4px;
	padding-left: 5px;
}
.footer_kolom ul li a:hover {
	background: url(../images/footer_hover.png);
}
.titel {
	font: bold 11px Verdana;
	color: #FFF;
	text-indent: 5px;
}
#footer_copyright {
	text-align: center;
	font: 10px Verdana;
	color: #9f9f9f;
	margin-top: 20px;
	margin-bottom: 100px;
}


#sub_top {
	background: url(../images/sub_top.gif);
	width: 697px;
	height: 30px;
	font: 10px Verdana;
	color: #757575;
	text-indent: 25px;
	padding-top: 16px;
}
#sub_top a {
	font: 10px Verdana;
	color: #757575;
	text-decoration: underline;
}
#sub_top a:hover {
	font-weight: bold;
	text-decoration: none;
}
#sub_mid {
	background: url(../images/sub_repeat.gif) repeat-y;
	width: 660px;
	padding-left: 30px;
	font: 11px Verdana;
	color: #363636;
}
#sub_mid h1 {
	display: block;
	margin: 0px;
	font: 20px "Trebuchet MS";
	color: #268812;
	text-indent: 30px;
	background: url(../images/sub_icon.gif) no-repeat 0px 16px;
	padding-top: 10px;
	padding-bottom: 30px;
}
#sub_bottom {
	background: url(../images/sub_bottom.gif);
	width: 697px;
	height: 50px;
}


table th {
	font: bold 11px Verdana;
	color: #2d9115;
	width: 150px;
	text-align: left;
	padding-bottom: 10px;
	background: #FFF;
}
tr {
	
	height: 22px;
}
td {
	font: 11px Verdana;
	color: #363636;
	padding-bottom: 1px;
}

.bestellen {
	display: block;
	background: url(../images/bestellen.gif);
	width: 112px;
	height: 20px;
	margin-top: 15px;
}

.arrow_left {
	background: url(../images/arrow_left.gif);
	display: block;
	width: 8px;
	height: 8px;
	float:left; 
	margin-left:20px; 
	margin-top:8px;
}
.arrow_right {
	background: url(../images/arrow_top.gif);
	display: block;
	width: 8px;
	height: 8px;
	float:right; 
	margin-right:20px; 
	margin-top:8px;
}
#sub_mid form {
	width: 600px;
}
#tabBoxes {
    margin-right:0px;
}
#tabBoxes .tabSet {
    margin: 0;
    padding: 0 0 0 6px;
    height: 26px;
    width: auto; 
    
}

#tabBoxes .tabSet li:before {
    content: "" !important;
}

#tabBoxes .tabSet li {
    list-style-type: none;
    float: left !important;
    margin: 0 2px 0 2px !important;
    
    cursor: pointer;
}    

#tabBoxes .tabSet li a {
    display: block !important;
    float: left !important;
    height: 18px !important;
    overflow: hidden !important;
    color: #545454 !important;
    
    padding: 3px 15px 3px 3px !important;
    text-decoration: none;
}

#tabBoxes .tabSet li.on {
    background:url(/images/tabs/page_product_tabs.gif) ; 
    background-position:0 -32px;
    color: red !important; 
    padding-left:15px;
}    
#tabBoxes .tabSet li.on a { 
    background:url(/images/tabs/page_product_tabs.gif) ; 
    background-position:100% -32px; 
    padding-right:15px;
}
#tabBoxes .tabSet li.off { 
    background:url(/images/tabs/page_product_tabs.gif) ; 
    color: black !important; 
    padding-left:15px;
    
}    
#tabBoxes .tabSet li.off a { 
    background:url(/images/tabs/page_product_tabs.gif) ; 
    background-position:100% 0;  
    color: black !important; 
    padding-right:15px;
    
}    


#tabBoxes .panelSet {
    padding: 10px;
    margin-bottom:35px; 
    border:solid 1px #ccc;
    border-top: 0px;
    background: #fff;
}

#tabBoxes .panel {
    padding:5px;
    border-top: 0px;
    background: white;
}

.referenties .contenttop
{
  background: #91ad3a;
}

.referenties .item
{
  height: 210px;
  margin: 0 -2px;
  padding: 0;
  overflow: hidden;
  width:665px;
}

.referenties .item .imgprojectdetails {
  margin-left: 100px;
  vertical-align:middle;
}


.referenties .item .businessunit
{
  display: none;
}

.referenties h3
{
  border-top: #e5e4e1 solid 1px;
  color: #729604;
  font-family: Arial;
  font-size: 13px;
  font-weight: normal;
  margin: 0 2px;
  overflow: hidden;
  padding: 4px 18px 0 18px;
  width: 665px;
  height: 25px;
}

.referenties h3.hover
{
  cursor: pointer;
}

.referenties h3 span
{
  position: absolute;
  left: 450px;
}

.referenties .itemcontent
{
  background:black;
  border-top: none;
  height: 210px;  
  margin: 0 2px; 
  width: 665px;
}

.referenties .itemcontent .left
{
  padding-top:5px;
  margin: 0 2px; 
  padding-left: 22px;
  float: left;
}

.referenties .itemcontent .right
{
  padding-right: 22px;
  float: right;
}

.referenties .summary
{
  height: 210px;
  width:420px;
  padding: 0px 0 0 0;
}

.referenties h4
{  
  border: none;
  color: #fff;
  font-family: Arial Narrow, Arial;
  font-size: 24px;
  font-weight: normal;
  height: auto;
  padding: 4px 5px 0 18px;
  margin: 0 2px; 
  width: auto;  
}

.referenties h4 span
{
  float: none;
  color: #96b143;
}

.referenties h4 span.split
{
  color: #555;  
  float: none;
  font-size: 22px;  
  margin: 0 8px;
}

.referenties .summary p
{
  color: #999999;
  line-height: 20px;
  font-size: 11px;
  padding: 4px 5px 0 18px;
  margin: 0 2px; 
}

.referenties .summary p span
{
  color: #cecece;
  float: none;
}

.referenties .summary a
{
  color: #729604;
  float: none;
  font-size: 11px;
}