﻿:focus { -moz-outline-style: none; }

/*================ MAIN MENU ===================*/
#mainmenu {
	margin: 0px;
	padding: 0px;
	height: 32px;
	width: 580px;
	position: absolute;
	left: 160px;
}
#mainmenu a#btnhome{
	background-image:url('../images/btnhome.gif');
	height:32px;
	width:61px;
	display:block;
	text-indent:-1000px;
}
#mainmenu a#btnhome:hover{
	background-position:0px -32px;
}

#mainmenu .active a#btnhome{
	background-image:url('../images/btnhome_selected.gif');
	cursor: default;
}

#mainmenu a#btnafbouwgarantie{
	background-image:url('../images/btnafbouwgarantie.gif');
	height:32px;
	width:149px;
	display:block;
	text-indent:-1000px;
}
#mainmenu a#btnafbouwgarantie:hover{
	background-position:0px -32px;
}

#mainmenu .active a#btnafbouwgarantie{
	background-image:url('../images/btnafbouwgarantie_selected.gif');
	cursor: default;
}

#mainmenu a#btnovernoa{
	background-image:url('../images/btnovernoa.gif');
	height:32px;
	width:92px;
	display:block;
	text-indent:-1000px;
}
#mainmenu a#btnovernoa:hover{
	background-position:0px -32px;
}

#mainmenu .active a#btnovernoa{
	background-image:url('../images/btnovernoa_selected.gif');
	cursor: default;
}

#mainmenu a#btninspiratie{
	background-image:url('../images/btninspiratie.gif');
	height:32px;
	width:99px;
	display:block;
	text-indent:-1000px;
}
#mainmenu a#btninspiratie:hover{
	background-position:0px -32px;
}

#mainmenu .active a#btninspiratie{
	background-image:url('../images/btninspiratie_selected.gif');
	cursor: default;
}

#mainmenu a#btnnieuws{
	background-image:url('../images/btnnieuws.gif');
	height:32px;
	width:79px;
	display:block;
	text-indent:-1000px;
}
#mainmenu a#btnnieuws:hover{
	background-position:0px -32px;
}

#mainmenu .active a#btnnieuws{
	background-image:url('../images/btnnieuws_selected.gif');
	cursor: default;
}

#mainmenu ul {margin:0; padding:0; overflow:hidden;}
#mainmenu ul li {float:left; list-style:none;}


body {
	font-family: "Trebuchet MS";
	margin: 0px;
	padding: 0px;
}

a {
  color: #003d77;
}

a:hover {
  text-decoration: none;
  color: #003d77;
}



#logo {
	height: 170px;
	width: 160px;
	position: absolute;
	top: 32px;
	z-index: 1;
}
h1.blue {
	font-size: 14px;
	font-weight: bold;
	color: #003B77;
	margin-bottom: 0px;
}
img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#pagetitle {
	height: 45px;
	width: 480px;
	position: absolute;
	left: 160px;
	top: 116px;
}
/*================ CONTENT WINDOWS ===================*/
#contentinspiratie {
	background-color: #d6c13d;
	height: 600px;
	width: 280px !important;
        width: 320px;
	position: absolute;
	left: 320px;
	top: 160px;
	font-size: 12px;
	color: #000000;
	padding: 20px;
	z-index: 1;
}
#contentinspiratie form{
	background-color:#ddcb5e;
	padding: 5px;
	margin-bottom: 0px;
}
#contentinspiratie p.fields{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
}
#contentinspiratie label{
	display:block;
}
#contentovernoa {
	background-color: #D6C13D;
	height: 280px !important;
	height: 320px;
        width: 440px !important;
        width: 480px;
	position: absolute;
	left: 160px;
	top: 160px;
	font-size: 12px;
	color: #000000;
	padding: 20px;
	z-index: 1;
}
#contentafbouw {
	background-color: #ced2e6;
	
	 min-height:760px;
  height:auto !important;
  height:760px;

	width: 440px !important;
        width: 480px;
	position: absolute;
	left: 320px;
	top: 160px;
	font-size: 12px;
	color: #000000;
	padding: 20px;
}

#contenthome {
	background-color: #99908f;
	height: 280px !important;
	height: 320px;
        width: 440px !important;
        width: 480px;
	position: absolute;
	left: 160px;
	top: 160px;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	color: #FFFFFF;
	font-size: 12px;
	line-height: 18px;
	text-align: justify;
}
#contentleden2 {
	background-color: #99908f;
	height: 440px !important;
	height: 380px;
        width: 440px !important;
        width: 480px;
	position: absolute;
	left: 160px;
	top: 160px;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	color: #FFFFFF;
	font-size: 12px;
	line-height: 18px;
	text-align: justify;
}
#contentnieuws {
	background-color: #bac3a9;
	height: auto;
	width: 440px !important;
        width: 480px;
	position: absolute;
	left: 160px;
	top: 160px;
	font-size: 12px;
	color: #000000;
	padding: 20px;
	z-index: 1;
}
#contentnieuws h1{
	font-size:14px;
	font-weight:bold;
	margin-top: 0px;
}
#contenthome a{
	color:#FFFFFF;
	text-decoration:underline;
}
#contenthome a:hover{
	color:#000066;
}
#contentzoek {
	background-color: #99908f;
	height: auto;
	width: 440px !important;
        width: 480px;
	position: absolute;
	left: 160px;
	top: 160px;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	color: #FFFFFF;
	font-size: 12px;
	line-height: 18px;
	text-align: justify;
}
#newshome {
	background-color: #bac3a9;
	height: 184px;
	width: 440px !important;
    width: 480px;
	position: absolute;
	left: 160px;
	top: 480px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}
.newsitem{
	color:#000000;
	font-size:12px;
	line-height: 14px;
	margin-bottom: 7px;
}
#news {
	padding: 5px;
	background-color: #c5cdb7;
}

.newsitem a{
	text-decoration:none;
	color:#003b77;
}
.newsitem a:hover{
	color:#FFFFFF;
}
.datum{
	font-size:10px;
	color:#003b77;
}

.copyright{
        background:#FFFFFF;
	color:#d6c13d;
        font-size:12px;
	line-height: 14px;
	padding-bottom: 7px;
}

.copyright a{
	color:#999999;
	font-size:12px;
	line-height: 14px;
	margin-bottom: 7px;
}

.copyright a:hover{
	color:#003b77;
	text-decoration: none;
	font-size:12px;
	line-height: 14px;
	margin-bottom: 7px;
}
/*================ IMAGE SETS ===================*/
#homeimageset1 {
	background-color: #d6c13d;
	height: 492px;
	width: 160px;
	position: absolute;
	top: 202px;
}
#homeimageset1 img{
	margin-top:118px;
}
#homeimageset2 {
	height: 320px;
	width: 320px;
	position: absolute;
	left: 640px;
	top: 160px;
}
#overnoaimageset2 {
	height: 320px;
	width: 320px;
	position: absolute;
	left: 640px;
	top: 160px;
}
#overnoaimageset1 {
	background-color: #CED2E6;
	height: 320px;
	width: 320px;
	position: absolute;
	top: 160px;
	z-index: 0;
}
#overnoaimageset1 img {
	margin-top:160px;
}
#afbouwimageset2 {
	height: 640px;
	width: 160px;
	position: absolute;
	left: 800px;
	top: 160px;
}
#afbouwimageset1 {
	background-color: #bac3a9;
	height: 320px;
	width: 320px;
	position: absolute;
	top: 160px;
	z-index: 0;
}
#afbouwimageset1 img {
	margin-top:160px;
}
#inspiratieimageset2 {
	height: 480px;
	width: 320px;
	position: absolute;
	left: 640px;
	top: 160px;
}
#inspiratieimageset1 {
	background-color: #CED2E6;
	height: 480px;
	width: 320px;
	position: absolute;
	top: 160px;
	z-index: 0;
}
#inspiratieimageset1 img {
	margin-top:42px;
}
#newsimageset1 {
	background-color: #99908F;
	height: 480px;
	width: 160px;
	position: absolute;
	top: 160px;
	z-index: 0;
}
#newsimageset1 img {
	margin-top:160px;
}
#newsimageset1 a.btnarchief{
	left: 99px;
	top: 93px;
}
#newsimageset1 a.btnoverzicht{
	left: 27px;
	top: 126px;
	width: 116px !important;
	width: 122px;
}
#newsimageset1 a{
	display:block;
	position:absolute;
	background-color: #003d77;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	text-transform: uppercase;
	padding: 3px;
}
#newsimageset1 a:hover{
	background-color:#FFFFFF;
	color: #003d77;
}
#newsimageset2 {
	height: 320px;
	width: 320px;
	position: absolute;
	left: 640px;
	top: 160px;
}
#searchimageset1 {
	background-color: #d6c13d;
	height: 228px;
	width: 160px;
	position: absolute;
	top: 202px;
}
#searchimageset1 img{
	margin-top:118px;
}
/*================ SEARCHWINDOW ===================*/
#searchwinhome {
	height: 160px;
        width: 320px !important;
        width: 340px;
	position: absolute;
	left: 640px;
	top: 480px;
}
#searchwinafbouw {
	height: 160px;
	width: 320px !important;
        width: 340px;
	position: absolute;
	left: 0px;
	top: 480px;
}
#searchwinovernoa {
	height: 160px;
	width: 320px !important;
        width: 340px;
	position: absolute;
	left: 640px;
	top: 480px;
}
#searchwininspiratie {
	height: 160px;
	width: 320px !important;
        width: 340px;
	position: absolute;
	left: 640px;
	top: 640px;
}
#searchwinnieuws {
	height: 160px;
	width: 320px !important;
        width: 340px;
	position: absolute;
	left: 640px;
	top: 480px;
}
#searchwinartikel {
	height: 160px;
	width: 320px !important;
        width: 340px;
	position: absolute;
	left: 640px;
	top: 160px;
}
#searchwin {
	background: url('../images/background_searchwin.gif') no-repeat #FFFFFF;
	height: 123px !important;
	height: 180px !important; /*height: 165px;*/
	width: 300px !important;
	width: 320px;
	margin: 0px;
	padding-top: 38px;
	padding-right: 10px;
	padding-bottom: 4px;
	padding-left: 10px;
}
#searchwin form{
	color:#99908F;
	font-size:12px;
	margin-top: 0px;
}
#searchwin p{
	margin:0px;
}
#searchwin label
{
	float: left;
	margin: 0 0 0 4px;
	clear: both;
}
#searchwin ul{
	margin: 0px;
}
#searchwin il{
	margin: 0px;
}
#searchwin div.options{
	width:160px;
	position: absolute;
	left: 8px;
	top: 113px;
}

#searchwin div#ledenFlash{
	width:120px;
	height:145px;
	position: absolute;
	left: 178px;
	top: 45px;
}

#searchwin input.field_zoek {
	background-image: url('../images/background_fields.gif');
	border: 1px solid #003b77;
	font-size: 10px;
	width: 140px;
	margin: 4px 0 0 4px;
	float: left;
	clear: both;
}

#searchwin input.knop{
	background-color:#003b77;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	position: absolute;
	left: 16px;
	top: 182px;
	border: 1px solid #003b77;
	height: 21px;
	width: 57px;
}
/*================ COMPANY WINDOW ===================*/
.company {
	background-color: #ada6a5;
	padding: 5px;
	color: #000000;
	font-size:12px;
	margin-bottom: 10px;
}
.company h1{
	font-size:14px;
	font-weight:bold;
	margin-bottom:0px;
	color:#003d77;
	margin-top: 0px;
}
.company h2{
	font-weight:bold;
	font-size:12px;
	margin:0px;
}
.company p.adres{
	background-color:#bdb8b7;
	padding:5px;
	margin-top: 0px;
	margin-bottom: 5px;
}
.company p.bezoekadres{
	background-color:#bdb8b7;
	padding: 5px;
	width:202px !important;
	width:212px;
        margin-top: 0px;
	margin-bottom: 5px;
}
.company p.bezoekadres2{
	background-color:#bdb8b7;
	padding: 5px;
	width:420px !important;
	width:430px;
        margin-top: 0px;
	margin-bottom: 5px;
}
.company p.postadres {
	background-color:#bdb8b7;
	padding: 5px;
	width:202px !important;
	width:212px;
	margin-top: 0px;
	float: right;
	margin-bottom: 5px;
}
.company p.telefoonnummers{
	background-color:#bdb8b7;
	padding:5px;
	margin: 0px;
}
.company a{
	color:#003d77;
	text-decoration:none;
}
.company a:hover{
	color:#000000;
	text-decoration:underline;
}
.defaultknop {
	font-size: 10px;
	color: #FFFFFF;
	background-color: #003B77;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	height: 20px;
}

.bluetext {
	color: #003B77;
}.greytextsmall {
	font-size: 10px;
	color: #99908F;
}
.field {
	background-image: url('../images/background_fields.gif');
	border: 1px solid #003b77;
	font: normal 10px verdana
}

.witteknop{
	background-color:#FFFFFF;
	font-size: 12px;
	color: #003D77;
	border: 1px solid #FFFFFF;
}
/*================ LOGIN WINDOW ===================*/
#loginwin {
	height: 160px;
	width: 119px;
	position: absolute;
	left: 841px;
	top: 0px;
}

#loginwin form{
	margin-left:4px;
	margin-right:3px;
	margin-bottom: 0px;
}
#loginwin div {
	font-size: 12px;
	color: #FFFFFF;
	background-color: #003d77;
	position: absolute;
	height: 139px;
	width: 119px;
	top: 21px;
	left: 0px;
	visibility: hidden;
}
#loginwin p{
	margin:0px;
}
#loginwin a.textlink{
	margin-left:20px;
	color:#FFFFFF;
	text-decoration:none;
}
#loginwin a.textlink:hover{
	text-decoration:underline;
}
.bluetextsmall {

	font-size: 10px;
	color: #003d77;
}
.whitetextsmall {

	font-size: 10px;
	color: #FFFFFF;
}

/*================ EDITOR OPTIONS ===================*/
.edtr_knop {
        background-color:#003b77;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	border: 1px solid #003b77;
	height: 21px;
}

#checklist { float:left; position:absolute; left: 640px; top: 110px; }
#checklist a.checklist { width:321px; height:46px; text-indent:-9999px; display:block; background: url('../images/checklist.png') 0 0 no-repeat; }


