@charset "utf-8";
/* CSS Document */

body {
	font-size:62.5%;
	font-family:Arial, Helvetica, sans-serif;
	background:url(/images/bg.gif) center 130px no-repeat;	
	margin:0;
	padding:0;
}

#sitecontainer { 
	width:900px;
	margin:20px auto;
	position:relative;
}

#koppic {
	position:absolute;
	top:30px;
	left:325px;	
	z-index:2;
}
#kop {
	background:url(../images/kop.png) top center no-repeat;
	height:249px;
	position:relative;
	z-index:3;	
	
}
#homelink {
	display:block;
	border:0px solid #000;
	width:230px;
	height:124px;	
}
#offertebutton {
	position:absolute;
	left:742px;
	top:77px;	
}

#contentcontainer {
	position:relative;
	display:block;	
}
#belmijbutton {
	margin-left:50px;	
}

#content {
	float:left;
	width:530px;
	margin-top:10px;
	font-size:1.2em;
	line-height:1.5em;
	padding-bottom:50px;
	color:#333;
}

#content ul { list-style-type:none; padding:0.6em 0; margin:0; line-height:1.7em; }
#content li { 
	background: url(../images/li.gif) top left no-repeat;
	padding-left:2.5em;
}
h1 { 
	font-size:2em;
	font-family:"Century Gothic",Arial, Helvetica, sans-serif;
	color:#65b22d;
	font-weight:normal;
	padding-bottom:0.5em;
}
h2 {
	font-size:1em;
	padding:0;
	margin:0;
	color:#65b22d;
	font-weight:bold;
}
h3 {
	font-size:1em;
	padding:0;
	margin:0;
	color:#333;
	font-weight:bold;
}
#content a { color:#cc0066; }
#content a:hover { color:#ff9933; }

#footer {
	position:relative;
	background:url(../images/footer.gif) center 20px no-repeat;	
	font-size:1.1em;
	padding:40px 10px;
	color:#333;
}
#footer-spacer {
	display:inline-block;
	width:320px;
	color:#666;
}
#tk, #brinqer {
	display:inline-block;
	width:170px;
	vertical-align:top;	
	text-align:center;
	float:right;
}
#footer img {
	border:0px;	
}
#contact { 
	padding-bottom:40px;
	color:#333;
}

.clear {
	clear:both;	
}
.small { font-size:0.8em; }

/*tabellen*/
.styled { width:100%; }
td { vertical-align:top; }
.styled td {
	border-bottom:1px solid #ccc;	
}

td.kol1, td.kol2 { padding:2px 0px 2px 20px; background:#ececec url(../images/bullet.gif) left 0.3em no-repeat; border-bottom:1px solid #fff; }
.kol2 { width:37%; }
.kol3, .kol5 {
	background-color:#ececec;
	text-align:center;	
}
.kol4 {
	text-align:center;	
}

/*formulieren*/
form {
	width:530px;
	/*height:800px;*/
}
.form_label { display:inline-block; width:240px;  }
.special { width:5px; visibility:hidden;  }
#offerteform input { width:220px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1em; padding:0.3em; margin:0.2em 0em; }
#offerteform select { width:229px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1em; padding:0.3em; margin:0.2em 0em; }
#offerteform textarea { width:470px; vertical-align:top; padding:0.3em; margin:0.2em 0em; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1em;}
.ster { display:inline-block; width:10px; padding:0 5px 0 0; font-size:1em; font-weight:bold;  }
fieldset {
	margin-top:1em;
	padding:10px;
	border:1px solid #ccc;
	color:#666;
}
legend {
	font-family:Arial, Helvetica, sans-serif;	
	color:#65b22d;
}
.error { border:1px solid #cc0033; }
#errormsg { color:#cc0033; font-weight:bold; }

/*tooltip*/
.tt{
    position:relative;
    z-index:240;
    color:#333;
	font-weight:bold;
    text-decoration:blink;
	line-height:1.4em;
	padding-left:10px;
}
.tt span{ display: none; }
.tt:hover{ z-index:250; color: #333; text-decoration:none;}
.tt:hover span.tooltip{
   	display:block;
    position:absolute;
    top:0px; 
	right:60px;
	padding: 8px;
	width:200px;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
	background-color:#333;
	color:#EEE;
}