/*
 * Project: A. Bron te Marum
 * Copyright: Puur Eigen - Internet en Vormgeving
 * Company: Puur Eigen - Internet en Vormgeving
 * Author: RFS
 * Version: 1.0
 */
* {border:medium none;margin:0;padding:0;}
/* TYPEOGRAPHY */
a, a:visited {text-decoration: none;color: #000;}
p, dl, dt {
	font-family:Verdana, Geneva, sans-serif;
	font-size:70%;

	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:1.8;
	margin-top: 10px;
}
h1, h2, h3{
color: #333333;
font-family:Verdana,Geneva,Helvetica,Arial,Sans-Serif;

font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
}
h1, h2 {font-size:75%;line-height:1;margin-bottom: 5px;margin-top: 15px;font-weight: bold;font-style: normal}
/* BODY */
body {background-color: #FFF;}
/* HEADER */
#header1 {background: url(../images/header01.jpg);}
#header2 {background: url(../images/header02.jpg);}
#header3 {background: url(../images/header03.jpg);}
#header4 {background: url(../images/header04.jpg);}
#header5 {background: url(../images/header05.jpg);}
#header6 {background: url(../images/header06.jpg);}
#header1, #header2, #header3, #header4, #header5, #header6{
height:320px;margin-bottom:10px;width:950px;margin: 0 auto 0 auto;background-color:white;background-position:left top;background-repeat:no-repeat;}
/* MAIN */
#core {width:100%;min-height:950px;background: url(../images/back00.gif);background-repeat: repeat-y;background-position: 50% 0;}
#mainwrap {width:950px; margin: 0 auto 0 auto;}
#contentwrap {width:950px;}
#footer {
	width:725px;
	height: 20px;
	background-image: url(../images/footmenu.gif);
	background-repeat: repeat;
	padding-left: 225px;
	margin-bottom: 0px;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
}
#bottom {
	width:100%;
	height:100px;
	padding-top: 15px;
	background-image: url(../images/footer1.gif);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #FFF;
}
/* LEFTCOL */
#leftcol {
	float: left;
	width: 200px;
	margin-top: 15px;
	padding: 0px 3px 0 3px;
}
#leftcol-menu {
	width: 100%;
	height: 165px;
	background-image: url(../images/left-menu.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 30px;
}
#leftcol-contact {
	width: 100%;
	margin-top: 15px;
	padding-top: 30px;
	background-image: url(../images/menu-left-contact.gif);
	background-position:left top;
	background-repeat:no-repeat;
}
#leftcol-route {
	margin-top: 15px;
	padding-top: 30px;
	background-image: url(../images/left-route.gif);
	background-position:left top;
	background-repeat:no-repeat;
}
/* CENTERCOL */
#centercol {
	float: left;
	width: 500px;
	margin-top: 3px;
	margin-left: 15px;
	margin-right: 5px;
	margin-bottom: 20px;
	padding-top: 0;
	padding-right: 3px;
	padding-bottom: 0;
	padding-left: 3px;
}
#centercol li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	margin-top: 5px;
	margin-left: 15px;
}
#centercol li a {
	color: #000;
	text-decoration: none;
}
/* RIGHTCOL */
#rightcol {
	float: right;
	width: 200px;
	margin-top: 15px;
}
#rightcol-impressie {
	padding-top: 30px;
	background-image: url(../images/right-impressie.gif);
	background-position:left top;
	background-repeat:no-repeat;
}
/* MAIN MENU */
#menu {
	border-bottom: none;
	float: left;
	width: 200px;
}
#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#menu li {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #3A3A3A;
}
#menu li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #000;
	display: block;
	text-decoration: none;
	padding-top: 9px;
	padding-bottom: 9px;
	padding-left: 28px;
}
.menu1, .menu2, .menu3, .menu4, .menu5{
background-repeat: no-repeat;
background-position: 1px 11px;}
.menu1{background-image: url(../images/menu-1.gif); position: relative;}
.menu2{background-image: url(../images/menu-2.gif); position: relative;}
.menu3{background-image: url(../images/menu-3.gif); position: relative;}
.menu4{background-image: url(../images/menu-4.gif); position: relative;}
.menu5{background-image: url(../images/menu-5.gif); position: relative;}

#menu a:hover {
background-position: 1px -32px;
}
#menu li a#current { 
background-position: 1px -32px; 
} 
/* SUB MENU */
#submenu {
	border-bottom: none;
	float: left;
	width: 200px;
}
#submenu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#submenu li {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #3A3A3A;
}
#submenu li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	color: #000;
	display: block;
	text-decoration: none;
	padding-top: 10px;
	padding-bottom: 5px;
	padding-left: 20px;
	background-image: url(../images/submenu.gif); 
	position: relative;
	background-repeat: no-repeat;
	background-position: 1px 12px;
	}
#submenu a:hover {
background-position: 1px -31px;
}
#submenu li a#current { 
background-position: 1px -30px; 
} 
/* BOTTOM MENU */
#footer-menu {
	clear: left;
	float: left;
}
#footer-menu a, #footer-menu .separator {
	display: block;
	float: left;
	margin-right: 15px;
	color: #FFF;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	margin-top: 1px;
}
#footer-menu a:hover {
	color: #FFF;
	text-decoration: underline;
}
/* CONTACT-FORM */
#contact p { 
font-size : 0.8em; 
margin-bottom : 15px; 
} 
#contact-area { 
width : 398px; 
margin-top : 25px; 
margin-left : 5px; 
} 
#contact-area input, #contact-area textarea {
	padding : 5px;
	width : 270px;
	border : 1px solid #ccc;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
} 
#contact-area textarea { 
height : 120px; 
} 
#contact-area textarea:focus, #contact-area input:focus { 
border : 1px solid #900; 
} 
#contact-area input.submit-button { 
width : 100px; 
float : right; 
} 
label {
	float : left;
	text-align : left;
	margin-right : 15px;
	width : 100px;
	padding-top : 5px;
	font-size : 12px;
	font-family: Arial, Helvetica, sans-serif;
} 
/* FOOTER */
#copyright {
	height: 40px;
	width: 200px;
	position: relative;
	left: -225px;
	top:10px;
}
#realisatie {
	height: 40px;
	width: 200px;
	position: relative;
	left: 590px;
	top:-25px;
}
/* CLASSES */
#divider {
clear: both;
}
.footer  {
	font-size: 60%;
	font-family: Arial, Helvetica, sans-serif;
}
.clear { 
clear : both; 
} 
#content-2 p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 75%;
	padding-left: 5px;
}
.lead {
	font-family: Arial, Helvetica, sans-serif;
	font-size:105%;
	line-height:1.85;
	padding-bottom: 5px;
	font-style: italic;
	background-image: url(../images/lead.gif);
	background-repeat: repeat;
	margin-bottom: 20px;
}
.image-thumbspeel {
	margin-top: 10px;
	margin-right: 20px;
	margin-left: 7px;
	margin-bottom: 10px;
}
.topmarge {
	margin-top: 18px;
}