/* CSS Document */

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+
+	File		: screen.css
+	Author		: Frismedia
+	Date		: 23-03-2005
+
+	Notes		:
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/*>>>>>>>>>>>HTML TAGS<<<<<<<<<<<<<<*/
html, body {
	margin: 0;
	padding: 0;
	font-family: Verdana;
	font-size: 0.8em;
}

body {background:#002332; height:100%;width:100%; }


hr
{
	height:1px;
	border:none;
	background:#6699cc;
	width:440px;
	margin-left:-30px;
	margin-bottom:-15px;
	margin-top:15px;
	color:white;
}

hr.plattegrond {height:2px;}

label{padding-left:5px;}
input
{
	vertical-align:middle;
}

img
{
	border:none;
}

div#wrapper {
	width:800px;
	margin:0 auto;
	height:100%;
	background-color:#FFFFFF;
	position:absolute;
	left:50%;
	margin-left:-400px;
}

div#header {
	height: 120px;
	position: relative;
	background:url(../img/header.jpg) repeat-x left #002332;
}
div#header ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	position: absolute;
	left: 20px;
	bottom: 0px;
	font-weight: bold;
	top:135px;
}
div#header li {
	float:left;
	margin-right: 5px;
	margin-left: 0px;
	width: 100px;
	background-image: url(../img/hoek_menu.gif);
	background-position: top right;
	background-repeat: no-repeat;
}
div#header li a {
	color: #FFFFFF;	
	padding: 5px;
	text-decoration:none;
	display:block;
	width: 100px;
}

#header .home, #header .aanbod, #header .projecten, #header .nieuws, #header .service, #header .reageer {
	background-color: #8A9F1C;
}

body#home #header .home, body#aanbod #header .aanbod, body#projecten #header .projecten, body#nieuws #header .nieuws, body#energie #header .service, body#reageer #header .reageer {
	background-color: #002332;
}

/*
groen: #b4c81e
donkergroen: #052428
*/


/*>>>>>>>>>>>kleuren<<<<<<<<<<<<<<*/
.donkerblauw, .blauw, .blauw_detail, .lichtblauw, .groen, .lichtgroen, .geel
{
	border: 2px solid #002332;
}

.donkerblauw
{
	background-image: url(../img/bck_service.gif);
	background-repeat: repeat-y;	
	z-index:10;
}
.blauw
{
	background-image: url(../img/bck_aanbod.gif);
	background-repeat: repeat-y;
	z-index:10;
}

.blauw_detail
{
	background-image: url(../img/bck_aanbod_detail.gif);
	background-repeat: repeat-y;
	z-index:10;
}

.lichtblauw
{
	background-image: url(../img/bck_projecten.gif);
	background-repeat: repeat-y;
	z-index:10;
}

.groen
{
	background-image: url(../img/bck_service.gif);
	background-repeat: repeat-y;
	z-index:10;
}
.lichtgroen 
{
	background-image: url(../img/bck_service.gif);
	background-repeat: repeat-y;
	z-index:10;
}
.geel 
{
	background-image: url(../img/bck_service.gif);
	background-repeat: repeat-y;
	z-index:10;
}
/*>>>>>>>>>>>content<<<<<<<<<<<<<<*/
div#content {
	float:left;
	min-height:300px;
	width: 756px;
	position:relative;
	top:37px;
	left:20px;
}
*html div#content
{
	height:300px;
}
div#content ul#sub {
	float:right;
	list-style-type: none;
	width: 258px;
	padding: 0px;
	margin: 0px;
	font-weight: normal;
	font-size: 1.0em;

}
div#content ul {
	width:450px;
	margin-top:0;
	padding-left:15px;
	margin-left:10px;
	color:#002360;
}

div#content div#content_left, div#content div#content_right
{
	float:left;
	margin:0;
	padding:0;
	z-index:5;
}
div#content div#content_left 
{
	width:auto;
}
div#content div#content_right
{
	width:476px;
}

div#content div#content_right P
{
	padding:8px 15px 5px 1px;
}

div#content h2
{
	margin:0;
	padding:10px 5px 10px 10px;
	border-bottom:1px solid white;
	color:#002360;
	display:block;
	background-color:#C6DEFF;	
	width:482px;
	font-size: 1.2em;
}

h4
{
	margin:0 0 0 1px;
	padding:5px 0 0 10px;
	color:#002360;
	width:465px;
	font-size: 1.4em;
	font-weight:normal;
}

h3
{
    margin:0;
	font-size: 1.0em;
	padding:10px 0px 10px 10px;
	border-bottom:1px solid white;
	border-left:1px solid white;
	color:#002360;
	display:block;
	background-color:#C6DEFF;	
	width:248px;
	
}


div#content .omschrijving_project p
{
	margin:0 0 0 10px;
	padding:10px 0 0 0;
    color: #002360;
}

div#content p
{
	margin:5px;
	padding:0 5px 5px 5px;
    color: #002360;
}

div#content img.nut
{
	float:right;
	margin:10px 10px;
}

div#content a.link
{
	position:absolute;
	right:0px;
	bottom:10px;
	margin:0 8px 0 0;
	padding:0;
}

div#content a.link_project
{
float:right;
border:none;
/*	position:relative;
	left:310px;
	bottom:10px;
	margin:0;
	padding:0;*/
}

div#content li 
{
	margin-top: 5px;
	margin-bottom: 5px;
}


div#content li a 
{
	display:block;
	position:relative;
	border: 0px;
	text-decoration: none;
	color: #002360;
	padding:0 5px;
}


div#content li em a
{
	position:relative;
	width: 253px;
	display:block;
	padding:5px 0 5px 5px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	font-weight:bold;
	font-style:normal;
}

div#content a {
	text-decoration:none;
	color:#002360;
}

div#content_left a {
	font-weight:bold;
}
div#content a:hover {
	color: #6EAE1A;
}


/*>>>>>>>>>>>AANBOD<<<<<<<<<<<<<<*/


div#content ul.project
{
	background-color:#C6DEFF;
	border-top:1px solid white;
	position:relative;
	width:237px;
	padding:0;
	margin:0;
	list-style:none;
	font-size: 1.2em;
}

div#content ul.project li
{
	height:20px;
	padding:5px 0 0 0;
	margin:0;
}

div#content ul.project li a
{
	margin:0;
	padding:5px;
}

div#content ul.project li em a
{
	display:block;
	width:227px;
	background-color:#FFFFFF;
	font-weight:bold;
	font-style:normal;
	background-image:url(../img/pijl_rechts_menu.gif);
	background-repeat:no-repeat;
	background-position:right;
}

div#content ul.project a:hover
{
	background-color:#E3F0FF;
	color:#002360;
}


.paging_rechts, .paging_links {
	background-color: #DBEAFF;
	width: 20px;
	float: left;
	border-right-width: 1px;
	border-right-style: solid;
	margin-top: 145px;
	position: relative;
	text-align:center;
}
.paging_links {
	border-right-color: #FFFFFF;
}
.paging_rechts {
	border-right-color: #DBEAFF;

}
.paging_links a:hover img, .paging_rechts a:hover img
{
	visibility:hidden;
}

.paging_rechts a:hover
{
	background:no-repeat url(../img/pijl_rechts_unselect.gif)
}
.paging_links a:hover
{
	background:no-repeat url(../img/pijl_links_unselect.gif)
}

div#project_wrap{
	display:block;
	float:left;
	margin:0;
	padding:24px 0 0 0;
	width:237px;
	background-color:#DBEAFF;

}

.img
{
	background-color:#DBEAFF;
	margin:0px;
	padding:0px;
	text-align:center;
	vertical-align:middle;
}
.img img
{
	margin:10px;
	border:1px solid #ffffff;
}

div#content .omschrijving_project .img
{
	margin:5px 0 0 10px;
	padding:0px;
	text-align:center;
	vertical-align:middle;
}

div#content .omschrijving_project .swfcenter
{	
	margin:5px 0 0 0px;
	padding:0px;
	text-align:center;
	vertical-align:middle;
}

.aanbod {
	position:relative;
	float: left;
	width: 237px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
    color: #002360;
	padding:0;
}

.titel {
	color: #002360;
	background-color: #FFFFFF;
	width: 217px;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	text-align: left;
	font-size: 1.2em;
	font-weight: bold;
}
.omschrijving {
	width: 217px;
	padding-top: 5px;
    padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;

}
.omschrijving img
{
	display:block;
	margin:5px 0 5px 0;
}

.omschrijving_project {
	width: 475px;
	margin:0 0 0 1px;
	padding: 5px 0px 10px 0px;
	background-color:#C6DEFF;

}

.te_koop{
	width:375px;
	margin:0 0 0 1px;
	padding:20px 0 20px 65px;

}

.indicator {
	background-color: #DBEAFF;
	float: left;
	width: 756px;
	border-top-color: #FFFFFF;
	border-top-style: solid;
	border-top-width: 1px;
	height: 15px;
	
}

div#submenu
{
	position:relative;
	height:24px;
	width:475px;
	background:#DBEAFF;
	border-bottom:1px solid white;
}
div.subcontent#submenu {background:#C6DEFF;
	border-right:1px solid white;
	border-left:1px solid white;}
	
div#subcontent_left {
	float:left;
	display:block;
	padding:25px 0px 20px 50px;
	width:200px;
}

div#subcontent_right {
	float:right;
	display:block;
	padding:20px 20px 20px 0px;
	width:200px;
}

div#subcontent_center {
	float:left;
	padding:15px;
}

div#submenu div#tabs
{
	display:block;
	position:absolute;
	top:11px;
	left:5px;
}

div#submenu div#tabs a
{
	display:block;
	float:left;
	margin:0 10px 0 0;
	padding:1px 3px 0 0;
	color:black;
	background:no-repeat top right url(../img/tabHoek.gif);

}

div#submenu div#tabs a span
{
	height:11px;
	border:1px solid white;

	padding:0 3px;
	border-bottom:none;
	border-right:none;
}

div#submenu div#tabs a.select
{
	background-color:#C6DEFF;
	border-bottom:1px solid #C6DEFF;
	color:#336598;
	font-weight:bold;
}

div#submenu div#tabs a:hover
{
	background-color:#C6DEFF;
	color:#336598;
}

div#submenu a#terugOverzicht
{
	float:right;
	color:black;
	margin:5px 5px 0 0;
}

div#submenu a#terugOverzicht:hover{text-decoration:underline;}

div#print
{
	position:absolute;
	top:5px;
	right:5px;
}

div#detail
{
	width:455px;
	padding:10px 10px;
	margin:0;
	color:#002360;
}
/*div#detail br
{
	line-height:normal;
	font-family: Verdana;
	font-size: 0.8em;
}*/

div#detail p
{
	padding:0 0 0 0;
	margin:0 0 1.2em 0;
/*	color:black !important;*/
}

div#detail ul {
	margin:0 0 0 0;
	padding:0 0 0 15px;
	width:440px;
	list-style-type:disc;
	list-style-position:outside;
}
div#detail ul li {
	margin:0;
	padding:0;
}

div#detailFoto
{
	position:relative;
	width:365px;
	padding:24px 60px 14px 60px;
	color:#002360;
}

div#detailFoto img
{
	border:1px solid white;
	margin:5px 10px 10px 0;
	padding:0;
	vertical-align: text-top;
}

div#introFoto img
{
	border:1px solid white;
}

div#detailFoto .paging
{
	position:relative;
	right:0;
	left:207px;
	color:#002360;
}

* html div#detailFoto
{
	width:360px;
	padding:24px 0 24px 60px;
}

* html div#detailFoto img
{
	margin:5px 10px 10px 0;
}

div.onderschrift a{
	position:relative;
	display:block;
	float:left;
	padding:0 0 10px 0;
	width:159px;
	margin:0 20px 20px  0;
	background-color:#FFFFFF;
	text-align: center;
	font-size: 1.0em;
	font-weight: bold;

}

div.onderschrift img{
	border:1px solid white;
	margin:0 0 5px 0;
	padding:0;
}

a.sluiten
{
	margin:0 0 0 310px;
	padding:0;
}

a.sluiten img
{
	margin:0 !important;
	padding:0 !important;
	border:none !important;
}

* html a.sluiten img
{
	margin:0 0 -2px 0 !important;
}
div#detail .rechts
{
	margin:0 0 0 0;
}
div#detail .links
{
	margin:0 10px 0 0;
	float:left;
}
div#detail .rechts:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac and IE-win \*/
* html div#detail .rechts {height: 1%;}
/* End hide from IE-mac and IE-win */

/*>>>>>>>>>>>form<<<<<<<<<<<<<<*/
.form_links, .form_midden {
	float: left;
	text-align:right;
	padding-right:5px;
	width: 244px;

}
.form_rechts {
	float: left;
	text-align:left;
	width: 240px;
}
.form_links input, .form_links textarea {
	margin-left:20px;
	margin-top:-1px;
	vertical-align:top;
	width: 135px;

}
.form_midden input {
	margin-left:20px;
	margin-top:-1px;
	vertical-align:top;
	width: 135px;
}

/*aanbod form*/

div#detail form
{
	margin:0;
	padding:0;
}

div#detail form p
{
	width:380px;
}
div#content_left p
{
	width:400px;
}
form#project_reageer p {width:430px;}

div#content_left p input.verstuur
{
	margin-bottom:20px;
	width:auto;
	float:right;
}

div#content_left p input.checker
{	width:13px;
	float:right;
	position:relative;
	left:-191px;
	padding:0;
}

*html div#content_left form p {margin:0 0 0 5px!important;}
*html div#content_left form label.bezichtiging {margin-left:5px;}
div#detail form p label
{
	margin:0;
	padding:5px 0 0 0;
/*	display:block;*/
	font-weight:normal;
}

/*div#content_left label {margin:0 0 0 -10px!important;}
* html div#detail form p label, * html div#content_left p label
{
	margin:0;
	padding:5px 0 0 0;
}*/


div#detail form p input, div#detail form p #area, div#content_left p input, div#content_left p #area
{
	display:block;
	float:right;
	margin:0;
	font-weight:normal;
	font-family: Verdana;
	font-size: 12px;
	width:200px;
	text-align:left;
}

div#content_left p #area
{
	margin-bottom:10px;
}

div#detail form p .check, div#content_left form p .check
{
	width:13px;
}

div#detail form p span.right, div#content_left p span.right
{
	float:right;
	padding:5px 0 0 0;
	text-align:left;
}

div#detail a.submit
{
	display:block;
	float:right;
	clear:both;
	margin:5px 0 20px 0;
}

/*>>>>>>>>>>>footer<<<<<<<<<<<<<<*/
div#footer {
	width: 760px;
	position: relative;
	text-align: left;
	font-size: 0.9em;
	color: #002360;
	margin:5px 0 10px 0;
	padding:5px 0 0 0;
	clear:both;
	top:37px;
	left:20px;
}
div#footer a {
	text-decoration: none;
	color: #002360;
}

div#footer a:hover
{
	text-decoration:underline;
	font-style:normal;
}
.grijs {
    color: #999999;
}

.disclaimer {
	text-align:left;
	right: 0px;
	float:right;
	position: relative;
}
div#disclaimer a:hover
{
	text-decoration:underline;
	font-style:normal;
}
.print
{
	display:none;
}
.verkocht
{
	position:absolute;
	top:75px;
	left:35px;
}
#detailFoto .verkocht
{
	visibility:hidden;
	position:absolute;
	top:109px;
	left:66px;
}

div#wrapper div#content_left textarea {
display:block;
float:right;
clear:both;
height:50px;

}

.clearfix:after, p:after, div.project_detail:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac and IE-win \*/
* html .clearfix, p, div.project_detail {height: 1%;}
/* End hide from IE-mac and IE-win */

form {
margin:0;
padding:0;
width:auto;
}

div.detail {float:left;
width:300px;}
a.project {float:left;}
a.project img {border:1px solid white;}
div.project_detail {display:block;
margin:10px;
padding:0 0 10px 0;
border-bottom:1px solid white;}