*{
padding:0;
margin:0;
border:0;
}
body, html {
background-color:#3F372F;
text-align:center;
height:100%;
}
body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
line-height:18px;
}
p {padding:17px 0 7px 0;}
a {
color:#575447;
text-decoration:underline;
cursor:pointer;
}
a:hover{
color:#3366CC;
text-decoration:none;
cursor:pointer;
}
h1, h2, h3 {
font-weight:bold;
padding-bottom: 5px;
}
h1 {
font-size:18px;
color:#BF4423;
height:33px;
}
h2 {
font-size:18px;
color:#43536E;
padding-top:5px;
line-height:38px;
}
h3 {
padding-top:20px;
padding-bottom:0px;
line-height:18px;
color:#BE4949;
font-size:18px;
font-weight:normal;
}
/* FORMULIEREN */
form{
margin-bottom:10px;
margin-top:5px;
}
label{
color:#575447;
width:17em;
float:left;
clear:left;
text-align:left;
margin-right:0.2em;
display:block;
font-weight:bold;
}
input, textarea, .knop{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
}
input, textarea{
padding:3px 1px 3px 2px;
border:1px solid #575447;
}
.inputradio{
margin-left:0px;
float:none;
}
.inputradio input{
border:0;
}
.knop{
background-color:#F7F4EA;
padding:4px 6px 4px 6px;
border:2px solid #534E47;
margin-right:20px;
}
.fout{
float:left;
color:#BE4949;
width:100%;
text-align:center;
margin-top:20px;
margin-bottom:15px;
padding-bottom:10px;
border:2px solid #534E47;
}
.fout span{font-weight:bold;}
#produktform{
margin-bottom:15px;
background-color:#F7F4EA;
border:1px solid #534E47;
padding:4px 15px 4px 15px;
width:100%;
float:left;
}
.clear {clear:both;}
#mainContainer {
width:778px;
background-color:#FFFFFF;
margin:0 auto;
min-height:100%;
text-align:left;
}
* html #mainContainer {height: 100%;}
/* HEADER */
#header {
background-image:url(../images/header_bg.jpg);
background-position:15px 15px;
background-repeat:no-repeat;
height:183px;
text-align:left;
z-index:100;
}
#pic{
text-align:center;
width:153px;
height:88px;
float:left;
padding-top:44px;
padding-left:25px;
}
/* CONTENT EN COLUMNS */
.outer {}
* html .outer {padding-right:0px;}
.inner {
width:748px;
padding-bottom:40px;
padding-top:40px;
z-index:10;
}
* html .inner {width:100%;}
.float-wrap {
float:left;
width:748px;
margin-left:-0px;
}
* html .float-wrap {}
#content {
float:left;
width:748px;
text-align:justify;
}
* html #content {position:relative;}
.contentWrap{padding:15px;}
#filmlink{ padding:1px 15px 1px 15px;}
.home{
background-color:#F5F0E8;
border:1px solid #CCB899;
padding:0 15px 15px 15px;
margin-bottom:10px;
float:left;
width:100%;
}
.procent { color: red; font-size:24px; }
.vestigingen table{
width:700px;
border:0;
}
.vestigingen table th{
font-size:14px;
font-weight:bold;
color:#3366CC;
text-align:left;
background-color:#EFEAE0;
padding:3px 3px 3px 3px;
margin-bottom:20px;
}
.vestigingen img{
margin-right:20px;
}
.vestigingen{
float:left;
}
.projectpicwrapper{
margin-top:20px;
margin-bottom:25px;
width:100%;
float:left;
}
.fotokader{
width:160px;
height:160px;
margin-right:60px;
margin-bottom:0px;
float:left;
}
.picproject, .pichome{
border:5px solid #D9CFBD;
}
.picproject{
display: block;
margin-left: auto;
margin-right: auto
}
.picwrapper{
padding-left:10px;
float:left;
width:100%;
}
.pichome{
float:left;
}
.eigenschappen{
float:left;
background-color:#FAF9F5;
border:1px solid #DFDAD4;
padding:15px;
width:690px;
}
.eigenshappen ul, ul{
margin-top:10px;
list-style-type:circle;
}
.eigenschappen li, li{
list-style-position:inside;
margin-left:15px;
}
/* LEFT COLUMN */
#left {
float:left;
width:0px;
min-height:0px;
}
* html #left {
position:relative;
height:0px;
}
/* RIGHT COLUMN */
#right {
float:right; 
width:0px;
position:relative;
min-height:0px;
}
* html #right {height:150px;}
/* FOOTER */
#footer {
width:100%;
height:40px;
margin-top:-40px;
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#333333;
font-size:10px;
line-height:12px;
}
#footer a:link, #footer a:visited, #footer a:active{
text-decoration:none;
color:#333333;
}
#footer a:hover{text-decoration:underline;}
/* NAVIGATIE */
#navcontainer {
height:32px;
width:748px;
padding-left:0;
margin-left:15px;
margin-top:165px;
float:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
z-index:199;
position:absolute;
background-image:url(../images/bg_menu.jpg);
background-repeat:repeat-x;
}
#navlist{
margin: 0;
padding: 10px 0 20px 10px;
border-bottom: 1px solid #CFBD8E;
}
#navlist ul, #navlist li{
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
}
#navlist a:link, #navlist a:visited{
float: left;
line-height: 14px;
font-weight: bold;
margin: 0 10px 4px 25px;
text-decoration: none;
color: #666;
}
#navlist a:hover{
border-bottom: 4px solid #CFBD8E;
padding-bottom: 2px;
background: transparent;
color: #333333;
}
#navlist a:hover { color: #333333; }