/*****************************************************/
/******************  MAIN CONTAINERS *****************/
body{
	font: 11px verdana;
	color: #6f1400;
	background-color: #e9eaed;
}

#position{
	position: relative;
	margin: 0 auto;
	width: 940px;
	margin-top: 20px;	
}

#site,
#home{
	position: relative;
	border:1px solid #000;
	width: 940px;
	float: left;	
	display: block;
	background: #fff;
	margin: auto;
}

#home{
	background: #000 url(/images/menuimg/main.jpg);
	height: 616px;
}

#header{

	display:block;
	width: 100%;
	height: 172px;
	background: #0084a4 url(images/header_bg.gif) no-repeat;
}

#header #logo{
	position:absolute;
	top: 85px;
	left: 260px;
}

#header #homebutton{
	position:absolute;
	top: 30px;
	left: 20px;
	width:200px;
	height:140px;
}


#main{
	background: #fff url(images/main_bg.gif) no-repeat;
	width: 470px;
	display:block;
	float: left;


	height: 500px;
	overflow: auto;	
}


#main #content{
	width:100%;
	margin-top: 50px;
	height:450px;
	overflow: auto;		
}


#right{
	
	width: 470px;
	display:block;
	float: right;
	padding-top: 0px;
	background: #000 url(images/beeld_02.jpg);

	height: 500px;
	overflow: hidden;
}

.nieuws #main{
	width: 570px;
}	

.nieuws #right{
	width: 350px;
}

/*****************************************************/
/******************  ALGEMENE STYLES *****************/

h1{
	font: 1.4em arial;
	font-weight: bold;
	letter-spacing: 0px;
	text-transform:uppercase;
	margin-bottom: 17px;
	padding-left: 20px;
}

strong, b {
	font-weight: bold;
}

em, i {
	font-style:italic;
}
a{
	color: #0084a4;
	font-size: 0.9em;
}

#main ul{

	margin: 5px 0 10px 0;
	
}
#main li {
	list-style-type:disc;
	margin-left: 30px;
}	

#main p{
	margin-bottom: 8px;
}

#main .quotes{
	padding-left: 30px;
}

#main .quotes span {

	font-size: 0.9em;
}

blockquote{
	margin-left: 30px;
	margin-bottom: 8px;
}
#main cite{
	color: #0084a4;
	font-style:italic;
	clear:both;
}


/*****************************************************/
/******************  COMPONENTEN STYLES***************/

.component,
form{
	padding: 0 20px 0 20px;
	margin-bottom: 10px;
}

.bodytext{
	letter-spacing: 0px;
	line-height: 140%;
}
.component h2,
h2{
	padding:0;
	font-weight: bold;
	color: #0084a4;
	font-size:1.2em;
}

h3{
	color: #0084a4;
	font-size:1em;
	padding:0;
	margin:0;
	font-weight: bold;
}

.component div.extra{
	color: #243f8f;
	font-size: 0.9em;
	font-weight: bold;
}
.component div.extra a{
	color: #243f8f;
}



.kleur2 h2{
	color : #6f1400;
}

.kleur2 h3{
	color : #6f1400;
}
img{
	padding-right:10px;	
}

/*****************************************************/
/******************  MENU STYLES *********************/

ul#menu{
	font: 1.2em arial;
	margin-top: 150px;
}
#home ul#menu{
	margin-left: 200px;
	margin-top: 400px;
}

ul#menu li { 
	margin-bottom: 15px;
	margin-left: 20px;
}

ul#menu li a{
	background: url(images/menu_bg0.gif) no-repeat;
	display:block;

	width: 150px;
	padding: 5px 0 4px 40px;
	text-decoration: none;
	color: #6f1400;
	text-transform: uppercase;
	font: bold 13px arial;
}
ul#menu li a:hover{
	background: url(images/menu_bg1.gif) no-repeat;
	color: #fff;
}


ul#menu li a#men-verfrissing {margin-left: 50px; width: 130px; }
ul#menu li a#men-toenadering {margin-left: 100px; width: 130px;}
ul#menu li a#men-stromingen {margin-left: 50px; width: 130px;}
ul#menu li a#men-bronnen {margin-left: 150px; width: 110px;}
ul#menu li a#men-home {margin-left: 165px; width: 50px;}


ul#menu-extra{
	display:block;
	position:absolute;
	right: 30px;
	top:20px;
}


ul#menu-extra li{
	float: left;
	height: 40px;
}

ul#menu-extra li a{
	color: #fff;
	font: bold 12px arial;
	text-transform:uppercase;
	display:block;
	padding: 28px 10px 0 10px;
	text-decoration: none;
	background: url(images/extramenu-0.gif) top center no-repeat;
}

ul#menu-extra li a:hover{
	background: url(images/extramenu-1.gif) top center no-repeat;
}
/*
ul#menu-extra span {
	width: 100%;
	height: 100%;
	position: absolute;
	display:block;
}

ul#menu-extra a{

}
*/
ul#menu-extra #but_contact span{
	background: url(images/menue_contact.gif) no-repeat;}
ul#menu-extra #but_links span{
	background: url(images/menue_links.gif) no-repeat;}


/*****************************************************/
/******************  FORMULIEREN *********************/

.formfield{
	display:block;
	clear:both;
	margin-bottom:10px;
}

.formfield label{
	width:130px;
	display:block;
	float: left;
	color: #0084a4;
	font-weight: bold;
}

.formfield .test{
	clear: both;
	margin-left: 130px;
	float: left;
	margin-bottom: 10px;
}

input, textarea, select {
	font: 12px arial;

}