*{
padding:0;
margin:0;
border:0;
}
body, html {
background-color:#fff;
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;
}
h1 {
font-size:18px;
color:#8f8f8f;
height:33px;
float:left;
line-height:33px;
}
h2 {
font-size:18px;
color:#43536E;
line-height:33px;
float:left;
padding-left:5px;
}
h3 {
padding-top:20px;
padding-bottom:10px;
line-height:18px;
color:#000;
font-size:14px;
font-weight:bold;
}
ul{
list-style-type:square;
list-style-position:inside;
}
/* 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{
clear:left;
float:none;
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;}
.clear {clear:both;}
#mainContainer {
width:778px;
background-color:#FFFFFF;
margin:0 auto;
min-height:100%;
text-align:left;
}
* html #mainContainer {height: 100%;}
/* HEADER */
#header {
height:130px;
text-align:left;
}
#logo{
width:184px;
height:123px;
float:left;
background-image:url(../images/logo.jpg);
}
#contact{
float:right;
padding:15px;
}
#contact, #contact a{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#878789;
font-weight:bold;
}
#messageboard{
width:90%;
background-color:#ffffff;
border:4px solid #3aa5db;
padding:10px 20px 20px 20px;
margin-bottom:20px;
}
#messageboard li{
margin-top:15px;
list-style-type:none;
}
#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; z-index:1;}
.inner {
width:778px;
padding-bottom:40px;
padding-top:30px;
z-index:10;
}
* html .inner {width:100%;}
.float-wrap {
float:left;
width:778px;
margin-left:-0px;
}
* html .float-wrap {}
#content {
float:left;
width:580px;
text-align:justify;
}
* html #content {position:relative;}
.contentWrap{padding:0px;}
#filmlink{
padding-top:25px;
}
.filmmenuwrap{
height:200px;
padding-top:30px;
float:left;
}
.home{
padding:0px 15px 15px 0px;
margin-bottom:10px;
float:left;
width:100%;
}
.projectpicwrapper{
margin-top:20px;
margin-bottom:15px;
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;
}
/* LEFT COLUMN */
#left {
float:left;
width:0px;
min-height:0px;
}
* html #left {
position:relative;
height:0px;
}
/* RIGHT COLUMN */
#right {
float:right; 
width:170px;
position:relative;
min-height:200px;
}
* html #right {height:200px;}
/* 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 {
float:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
margin-top:0px;
}
.navitemsub, .navitem a{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
color:#333333;
cursor:pointer;
text-decoration:none;
line-height:24px;
}
.stretch ul, .fout ul{
list-style-type:none;
list-style-position:outside;
}
.stretch li{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#333333;
padding:4px 4px 4px 4px;
}
.stretch li a{
text-decoration:none;
}
.stretch li a:visited, .stretch li a:active, .navitem a:visited, .navitem a:active{
color:#333333;
}
.navitem a:hover{
color:#3366CC;
text-decoration:none;
}
.stretch li a:hover{
color:#fff;
background-color:#3366CC;
text-decoration:none;
}
.fotosklein{margin-bottom:10px;margin-top:20px;margin-left:50px;}
.fotosklein dl {text-align:center;font-size:10px;width:97%;}
.fotosklein dt,dd {width:210px;height:210px;float:left;display:block;}
.fotosklein dt {margin-bottom:10px;}
.fotosklein dd {margin:200px 0px 0px -210px;}
.fotosklein img {vertical-align:bottom;border:1px solid #ECE0B8;padding:2px;background:#fff;}
.fotosklein dl a:hover img,dl a:active img,dl a:focus img {background:#ECE0B8;}