body,html{
width:100%;
height:100%;
margin:0px;
padding:0px;
overflow:hidden;
background-color:#666;
font-family:Trebuchet ms,Verdana,sans-serif;
}

img, div, a, input { 
behavior: url(css/iepngfix.htc);
}
 
a img{
border:none;
}

h2{
font-size:14px;
}

h3{
font-size:14px;
}

#header{
display:block;
position:absolute;
top:0px;
width:100%;
height:283px;
background-color:#ccc;
/*background-image:url('../images/header_bg.jpg');
background-repeat:repeat-x;*/
}

#top{
display:block;
position:absolute;
top:0px;
width:100%;
height:120px;
background-image:url('../images/header_bg.gif');
background-repeat:repeat-x;
font-size:12px;
/*border-width:1px; 
border-style:solid;
border-color:#CCC*/
}

#logo{
display:block;
position:absolute;
top:-20px;
left:15%;
width:234px;
height:120px;
background-image:url('../images/logo.png');
}

#adres{
display:block;
position:absolute;
top:5px;
right:15%;
width:427px;
height:120px;
background-image:url('../images/adres.png');
float:right;
}

#toppic{
display:block;
position:absolute;
top:120px;
height:193px;
/*left:-1px;*/
background-image:url('../images/header_pic01.jpg');
background-position:top left;
width:100%;
/*_height:expression(document.body.clientHeight-220);*/
}
#toplogo{
display:block;
position:absolute;
width:230px;
height:200px;
top:-30px;
right:15%;
background-image:url("../images/5staronroadB.png");

}
#toplogo h1{
margin:0px;
display:inline;
font-size:12px;
position:absolute;
bottom:15px;
text-align:center;
width:100%;
color:#000000;
font-weight:bold;
left:-2px;


filter:alpha(opacity=30); /* msie */  
 -moz-opacity: 0.30; /* firefox 1.0 */  
 -khtml-opacity: 0.30; /* webkit */  
opacity: 0.30; /* css 3 */  

}
#toplogo h2{
margin:0px;
display:inline;
font-size:12px;
position:absolute;
bottom:20px;
text-align:center;
width:100%;
color:#ffffff;


}
#menubar{
display:block;
position:absolute;
top:300px;
left:0px;
width:100%;
height:28px;
/*z-index:100;*/
}

#menu{
display:block;
margin-left:15%;
margin-right:15%;
height:23px;
background-image:url('../images/menu_back.gif');
border-width:1px; 
border-style:solid;
border-color:#ccc;
font:"Trebuchet MS", Arial, Helvetica, sans-serif, sans-serif;
font-size:14px;
font-weight: bolder;
padding-top: 5px;
}

#menu ul{
list-style:none;
padding-top: 8px;
padding-right: 16px;
padding-bottom: 0;
padding-left: 20px;
margin:0px;
}

#menu li, #menu li a, #menu li a:hover{
display:inline;
float:left;
color:#cccccc;
text-decoration:none;
}
			
/*#menu li, #menu li a{
color:#cccccc;
}*/

#menu li a{
padding-top: 0;
padding-right: 20px;
padding-bottom: 0;
padding-left: 20px;
margin-left:2px;
}
				
/*#menu li a, #menu li a:hover{
text-decoration:none;
}*/

#menu li a:hover{
color:#c00;
}

#menu li a:active{
/*text-decoration:underline;*/
}
#menu li .active{
color:#c00;
cursor:default;
}
#center{
display:block;
position:absolute;
top:335px;
bottom:85px;
background-color:#666;
width:100%;
overflow:hidden;
height:expression(document.body.clientHeight-420);
/*left: -1px;*/
}

#content{
display:block;
height:100%;
margin-left:15%;
margin-right:15%;
background-color:#ffffff;
overflow:auto;
font-size:12px;
line-height:150%;
}

#content2{
display:block;
height:100%;
margin-left:15%;
margin-right:15%;
background-color:#666666;
overflow:auto;
font-size:12px;
line-height:150%;
}

.box{
width:420px;
padding:10px;
border:2px solid #c00;
margin:0px;
background-color:#c00;
color:#fff;
font-size:1.0em;
font-style:bold;
}

.box2{
width:600px;
padding:10px;
border:5px solid #c00;
margin:0px;
background-color:#666;
color:#fff;
font-size:1.5em;
font-style:bold;
}

.box3{
width:140px;
height:70px;
padding:2px;
border:2px solid #c00;
margin:2px;
background-color:#ccc;
color:#fff;
font-size:1.0em;
font-style:bold;
text-align:center;
display:block;
}

.box4{
width:375px;
height:185px;
padding:0px;
border:2px solid #c00;
margin:0px;
background-color:#ccc;
color:#fff;
font-size:1.0em;
font-style:bold;
text-align:center;
display:block;
}

.scroller{
	display:block;
	float:left;
	margin:5px;
	}

#bottom{
display:block;
position:absolute;
bottom:0px;
width:100%;
height:55px;
background-color:#666;
}

#footer{
display:block;
bottom:30px;
position:absolute;
left:15%;
right:15%;
height:49px;
background-image:url('../images/footer_back.gif');
background-repeat:repeat-x;
border-width:1px; 
border-style:solid;
border-color:#ccc;
width:70%; /*expression(document.body.clientWidth-30%);*/
}

#footer_content{
display:block;
position:absolute;
width:319px;
margin-left:25%;
margin-top: 5px;
margin-right:22%;
height:43px;
background-image:url('../images/footer.png');
background-position:center;
}

#wrapper{
width:600px; 
padding:20 auto; 
align:center;
margin-left:5%;}

.message{
background:#F00;
color:#fff;
display:none;
width:594px;
margin-top:10px;
border-width:2px; 
border-style:solid;
border-color:#c00;
align:center;}

.fotomap{
height:20px;
width:250px;
border:0px solid #FF5D00;
background-color:#FFffff;
color:#ffffff;
}

.inputline, .inputblock{
height:20px;
width:250px;
border:0px solid #FF5D00;
background-color:#FFffff;
color:#ffffff;
background-position: center center;
background-repeat:no-repeat;
}

.inputblock {
height:200px;
background-position: center top;
background-color:#FF5d00;
}

.contact {text-align:left;}
.contact ul {list-style-type:none;width:500px;}
.contact li {list-style-type:none;}
.contact li.special {display:none;}
.contact input {width:460px;}
.contact textarea {width:460px;}
p {text-align:center;}



.ptable{


}
.ptable img{
display:block;
float:left;
margin:2px;
border-color:#FF0000;
border-style:solid;
border-width:2px;


}
.ptable img:hover{
display:block;
float:left;
margin:2px;

}
.splitter{
display:block;
width:100%;
float:left;
height:2px;
/*background-image:url("../images/lijn.jpg");
background-position:top right;
background-repeat:no-repeat;*/
}


.databox{
display:block;
float:left;
width:100%;
height:auto;
}

.databox h2{
font-size:14px;
}
.databox p{
font-size:12px;
text-align:left;
}
.databox .left{
display:block;
width:300px;
float:left;
margin-left:50px;
}
.databox .right{
display:block;
float:left;
padding:25px;
}

.textfield1{
display:block;
float:left;
margin-bottom:5px;


}
.textfield1 p{
text-align:justify;
}
.textfield1 h2{
font-size:14px;
font-weight:bold;
}
.fw{width:99%;
margin-right:1%;
}
.hw{width:48%;
margin-right:1%;
}

.fw p,.fh p{
text-align:justify;
}
.marger{
margin:4px;
display:block;
float:left;
}

.calendar{
display:block;
float:left;
margin:0px;
padding:0px;
list-style:none;
width:100%;
}
.calendar li{
margin:0px;
padding:0px;
display:block;
width:100%;
float:left;
}
.calendar li ul{
margin:0px;
padding:0px;
display:block;
width:100%;
float:left;

}
.calendar li ul li{
margin:0px;
padding:0px;
display:block;
width:30%;
float:left;
/*margin-right:1%;*/
}

.calendar li .even {
background-color:#eeeeee;
}
.calendar li .oneven {
background-color:#cccccc;
}
.calendar .title{
font-weight:bold;
}

#note{
display:block;
position:absolute;
top:0px;
left:0px;
width:20px;
height:20px;
background-color:#ffcc00;
border:1px solid #000000;
display:none;
}

.mailblock {
display:block;
float:left;
width:250px;

}
.mailblock *{
display:block;
float:left;
width:200px;
}
.mailblock h3{
font-size:12px;

}
#commentForm{

}
#commentForm .inputline,#commentForm .inputfield, #commentForm .inputline_A, #commentForm .inputline_B , #commentForm .formbutton {
display:block;
float:left;
width:99%;
margin-right:1%;
background-color:#333333;
border:none;
color:#ffffff;
font-size:11px;
font-family:verdana;
}

#commentForm .inputline_A{

width:30%;

}
#commentForm .inputline_B{
width:68%;
}

.sblock{
display:block;
float:left;
width:300px;

margin-bottom:2px;
}
.scroller2{
width:100%;
height:100%;
}
.scroller2 .col2{
display:block;
float:left;
width:50%;
text-align:left;

}
.scroller .col2{
display:block;
float:left;
width:50%;
text-align:left;
}

.scroller .col2 .elm {
display:block;
float:left;
width:45%;
padding:1%;
margin:1%;
margin-bottom:5px;
text-align:left;
background-color:#09F;
}

.scroller2 .col2 .elm {
display:block;
float:left;
width:90%;
padding:1%;
margin:1%;
margin-bottom:5px;
text-align:left;
}

.uur {
display:block;
float:auto;
width:90%;
/*padding:1%;*/
color:#ffffff;
text-align:center;
margin:1%;
margin-bottom:5px;
text-align:left;
}


.scroller2 .col2 .red{
background-color:#cc0000;
color:#ffffff;
text-align:center;
}
.scroller2 .col2 .elm p{
text-align:left;
}
.scroller2 .col2 .red p{
text-align:center;
}
.ill{
display:block;
}

.ill:hover img{
border:1px solid #990000;
}
.ill img{
height:180px;
margin:2px;
border:1px solid #ffffff;
}
.ill2{
display:block;
}
.ill2:hover img{
border:1px solid #990000;
}
.ill2 img{
height:180px;
margin:5px;
border:1px solid #ffffff;
}
.all{
display:block;
}

.all:hover img{
border:2px solid #ffffff;
}
.all img{
height:111px;
margin:2px;
border:2px solid #ff0000;
}

.left{
float:left;
}
.right{
float:right;
}