/* CSS Document */

html {
	width: 100%;
	height:100%;
}

body {
	width: 100%;
	height: 100%;	
	background-color: #FFFFFF;
	margin:0px;
	font-family:verdana, tahoma, Helvetica, sans-serif;
	font-size:10px;
}

div.container{
	position:relative;
	width:1000px;
	height:572px;
	z-index:2;
	margin: 0 auto;
	top: 0px;
	background-color: #ffffff;
}

div.top {
	position:relative;
	width:1000px;
	height:125px;
	z-index:3;
	border-left-color:#999999;
	border-left-style:solid;
	border-left-width:1px;
	border-right-color:#999999;
	border-right-style:solid;
	border-right-width:1px;
}
div.content {
	position:relative;
	width:1000px;
	z-index:3;
	border-left-color:#999999;
	border-left-style:solid;
	border-left-width:1px;
	border-right-color:#999999;
	border-right-style:solid;
	border-right-width:1px;
}
div.bottom {
	position:relative;
	width:1000px;
	height:47px;
	z-index:3;
	border-left-color:#999999;
	border-left-style:solid;
	border-left-width:1px;
	border-right-color:#999999;
	border-right-style:solid;
	border-right-width:1px;
	border-bottom-color:#999999;
	border-bottom-style:solid;
	border-bottom-width:1px;
}
div.nieuwskader {
	position:absolute;
	width:175px;
	height:175px;
	left:800px;
	top:200px;
	z-index:4;
	background-image:url('images/blokje.png');
	filter:alpha(opacity=50);
	-moz-opacity:.50;
	opacity:.50;
}
div.nieuwsheadlines {
	position:absolute;
	width:175px;
	height:175px;
	left:800px;
	top:200px;
	z-index:5;
}

div.actiekader {
	position:absolute;
	width:175px;
	height:175px;
	left:800px;
	top:275px;
	z-index:4;
	background-image:url('images/blokje.png');
	filter:alpha(opacity=50);
	-moz-opacity:.50;
	opacity:.50;
}
div.actieheadlines {
	position:absolute;
	width:175px;
	height:175px;
	left:800px;
	top:275px;
	z-index:5;
}
div.contactkader {
	position:absolute;
	width:175px;
	height:40px;
	left:800px;
	top:10px;
	z-index:4;
	background-image:url('images/blokje2.png');
	filter:alpha(opacity=50);
	-moz-opacity:.50;
	opacity:.50;
}
div.contactheadlines {
	position:absolute;
	width:175px;
	height:40px;
	left:800px;
	top:10px;
	z-index:5;
}

div.menu {
	position:absolute;
	width:555px;
	height:30px;
	left:210px;
	top:65px;
	z-index:4;
	vertical-align:bottom;
}
/* menu */
#dropmenudiv{
	position:absolute;
	border-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px;
	border-style: solid;
	border-color:#999999;
	line-height: 14px;
	z-index: 100;
	background-image:url('images/menu-trans.png');
	/*
	filter:alpha(opacity=90);
	-moz-opacity:.90;
	opacity:.90;
	*/

}
#dropmenudiv a{
	width: 100%;
	display: block;
	text-indent: 3px;
	text-decoration:none;
}
#dropmenudiv a:hover{ /*hover background color*/
	background-color: #ffffff;
}
/* menu */

div.bottommenu {
	position:absolute;
	width:800px;
	height:30px;
	left:285px;
	top:15px;
	z-index:4;
}
div.erkendlogo {
	position:absolute;
	width:105px;
	height:108px;
	left:50px;
	top:55px;
	z-index:5;
}
div.noalogo {
	position:absolute;
	width:105px;
	height:108px;
	left:50px;
	top:190px;
	z-index:5;
}
div.plaatje_groot_500 {
	position:absolute;
	width:470px;
	height:430px;
	z-index:500;
	margin-left: -260px;
	left: 50%;
	top: 70px;
	text-align:center;
	background-image:url('images/back-trans.png');
	overflow: auto;
	padding-top: 10px;
	border: 1px solid #ffffff;
	visibility: hidden;
}






h1.menu {
	font-size:14px;
	font-family:verdana, tahoma, Helvetica, sans-serif;
	font-weight:normal;
	color: #000000;
	margin-top:0px;
	margin-bottom:5px;
	text-shadow: 1px 1px white;
	text-transform:lowercase;
}
h1.menu2 {
	font-size:14px;
	font-family:verdana, tahoma, Helvetica, sans-serif;
	font-weight:normal;
	color: #000000;
	margin-top:0px;
	margin-bottom:4px;
	text-shadow: 1px 1px white;
	text-transform:lowercase;
}
h1.menu2b {
	font-size:14px;
	font-family:verdana, tahoma, Helvetica, sans-serif;
	font-weight:normal;
	color: #000000;
	margin-top:10px;
	margin-bottom:4px;
	text-shadow: 1px 1px white;
	text-transform:lowercase;
}




h2.bottom {
	font-size:14px;
	font-family:verdana, tahoma, Helvetica, sans-serif;
	font-weight:normal;
	color:#000000;
	margin-top:0px;
	margin-bottom:5px;
	text-transform:lowercase;
}
h2.kadertitel {
	font-size:13px;
	font-family:verdana, tahoma, Helvetica, sans-serif;
	font-weight:normal;
	text-align:left;
	color:#000000;
	margin-top:0px;
	margin-bottom:5px;
	text-transform:lowercase;

}

h3.paginatitel {
	font-size:22px;
	font-family:Helvetica, verdana, tahoma, sans-serif;
	font-weight:normal;
	color:#000000; 
	margin-top:0px;
	margin-bottom:20px;
	margin-left:0px;
	padding-left:5px;
	padding-right:5px;
	border-bottom-color:#316cbb;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-left-color:#316cbb;
	border-left-style:solid;
	border-left-width:1px;
	background-image:url('images/bar2.png');
}
h3.headline {
	font-size:11px;
	font-family:verdana, tahoma, Helvetica, sans-serif;
	font-weight:normal;
	color:#000000; 
	margin-top:0px;
	margin-bottom:2px;
}
h3.headline-detail {
	font-size:18px;
	font-family:verdana, tahoma, Helvetica, sans-serif;
	font-weight:bold;
	color:#ffffff; 
	margin-top:55px;
	margin-bottom:2px;
}
h4.titel	{
	font-size: 12px;
	font-family:verdana, tahoma, Helvetica, sans-serif;
	font-weight:bold;
	color: #000000;
	margin-left:0px;
	margin-right:0px;
	padding-left:5px;
	padding-right:5px;
	margin-top:10px;
	border-bottom-color:#316cbb;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-left-color:#316cbb;
	border-left-style:solid;
	border-left-width:1px;
	padding-bottom:2px;
	text-align:left;
}



h4	{
	font-size: 12px;
	font-family:verdana, tahoma, Helvetica, sans-serif;
	font-weight:bold;
	color: #000000;
	margin-left:0px;
	margin-right:0px;
	padding-left:5px;
	padding-right:5px;
	margin-top:10px;
	border-bottom-color:#316cbb;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-right-color:#316cbb;
	border-right-style:solid;
	border-right-width:1px;
	padding-bottom:2px;
	text-align:right;
}
h4.datum-detail	{
	font-size: 10px;
	font-family:verdana, tahoma, Helvetica, sans-serif;
	font-weight:bold;
	color: #ffffff;
}
h5.pagina-head	{
	font-size: 20px;
	font-family:Helvetica, tahoma, times new roman;
	font-weight:normal;
	color:#333333;
	margin-left:0px;
	margin-right:0px;
	margin-top:10px;

}
	
	
p {
	font-size:12px;
	font-family:arial, verdana, tahoma, Helvetica, sans-serif;
	font-weight:normal;
	color:#000000;
}
p.standaard {
	font-size:12px;
	font-family:arial, verdana, tahoma, Helvetica, sans-serif;
	font-weight:normal;
	color:#000000;
	margin-left:10px;
	text-align:left;
}
p.headline {
	font-size:10px;
	font-family:arial, verdana, tahoma, Helvetica, sans-serif;
	font-weight:normal;
	margin-top:0px;
	margin-bottom:2px;
	margin-left:3px;
}
p.bericht-detail {
	font-size:12px;
	font-family:arial, verdana, tahoma, Helvetica, sans-serif;
	font-weight:normal;
	margin-top:0px;
	margin-bottom:2px;
	margin-left:3px;
	color:#ffffff;
}
p.pauze {
	font-size:11px;
	font-family:arial, verdana, tahoma, Helvetica, sans-serif;
	font-weight:normal;
	color:#000000;
	margin-top:5px;
	margin-left:10px;
	text-align:left;
}
p.contact {
	font-size:12px;
	font-family:arial, verdana, tahoma, Helvetica, sans-serif;
	font-weight:normal;
	color:#000000;
	margin:0px 0px 0px 10px;
	text-align:left;
}

a {
	cursor:pointer;
}


a:link		{color: #316cbb; text-decoration: none; }
a:visited 	{color: #316cbb; text-decoration: none; }
a:active	{color: #316cbb; text-decoration: none; }
a:hover		{color: #316cbb; text-decoration: underline;}

a.menu:link		{color: #000000; text-decoration: none; }
a.menu:visited 	{color: #000000; text-decoration: none; }
a.menu:active	{color: #000000; text-decoration: none; }
a.menu:hover	{color: #316cbb; text-decoration: none;}


a.headline:link		{color: #999999; text-decoration: none; }
a.headline:visited 	{color: #999999; text-decoration: none; }
a.headline:active	{color: #999999; text-decoration: none; }
a.headline:hover	{color: #316cbb; text-decoration: underline; }  

a.terug:link		{color: #000000; text-decoration: none; }
a.terug:visited 	{color: #000000; text-decoration: none; }
a.terug:active		{color: #000000; text-decoration: none; }
a.terug:hover		{color: #316cbb; text-decoration: underline; }  
 

li {
	font-size: 12px;
}
	
img {
	border:0px;
	padding:0px;
	margin:0px; 
}
img.right {
	border:0px;
	padding:0px;
	margin:0px; 
	float:right;
}
img.standaard {
	margin-top:10px;
	border:0px;
}
img.merklogo {
	height:80px;
	border-width:1px;
	border-color:#999999;
	border-style:solid;
}
img.projecten {
	margin-bottom:5px;
	margin-left:0px;
	margin-right:0px;
	margin-top:5px;
}
img.img_plaatje_450 {
	width:450px;
}
img.pointer {
	cursor:pointer;
	margin-top:10px;
}



/* opmaak tables */
table.top {
	width:1000px;
	height:125px;
	border:0px;
}
td.top1 {
	width:200px;
	height:125px;
	background-image:url('images/top-left.png');
	cursor:pointer;
}
td.top2 {
	width:575px;
	height:125px;
	background-image:url('images/menu2.png');
}
td.top3 {
	width:195px;
	height:90px;
	background-image:url('images/top-right.png');
	vertical-align:bottom;
	text-align:left;
	margin-top:3px;
	padding:0px 5px 35px 25px;
}

table.content {
	width:1000px;
	height:100%;
	border:0px;
}
td.content1 {
	width:225px;
	background-image:url('images/back-left2.png');
	vertical-align:top;

}
td.content2 {
	width:525px;
	background-image:url('images/frame.png');
	background-repeat:no-repeat;
	vertical-align:top;
}
td.content3 {
	width:250px;
	background-image:url('images/back-right2.png');
	vertical-align:top;
}

table.bottom {
	width:1000px;
	height:47px;
	border:0px;
}
td.bottom1 {
	width:200px;
	height:47px;
	background-image:url('images/bottom-left.png');
}
td.bottom2 {
	width:575px;
	height:47px;
	background-image:url('images/bottom-frame.png');
	vertical-align:bottom;
	text-align:center;
}
td.bottom3 {
	width:225px;
	height:47px;
	background-image:url('images/bottom-right.png');
}

table.menu {
	width:555px;
	height:40px;
	vertical-align:middle;
}
td.menu {
	text-align:center;
	cursor:pointer;
}

table.bottommenu {
	width:155px;
	height:30px;
	vertical-align:middle;
}
td.bottommenu {
	text-align:center;
}

table.kader2 {
	width:175px;
	height:40px;
	padding-left:5px;
}
table.kader {
	width:175px;
	height:175px;
}
th.kader {
	height:20px;
	padding-left:5px;
}
td.kader {
	height:155px;
	padding:5px;
	vertical-align:top;
}

table.standaard {
	width:520px;
}
td.standaard-text {
	width:350px;
	vertical-align:top;
}
td.standaard-foto {
	width:170px;
	vertical-align:top;
}
td.merklogo {
	text-align:center;
	margin-left:0px;
}
td.projecten {
	vertical-align:top;
	border-width:1px;
	border-style:solid;
	border-color:#CCCCCC;
}

td.projectenfoto {
	width:170px;
	vertical-align:top;
}










/* ----------------------------------------------------------------------------------------------------------------------*/


.bericht1:link	 	{color: #000000; text-decoration: underline;}
.bericht1:visited	{color: #000000; text-decoration: underline;}
.bericht1:active	{color: #000000; text-decoration: underline;}
.bericht1:hover		{color: #000000; text-decoration: underline;} 


/*algemeen*/

h1.invh1 {
	color: #FFFFFF;
	margin-top:80px;
}

p.melding {
	line-height: 14px;
	margin-bottom: 2px;
}

p.navigator {
	text-align:center
}

.melding1:link 		{color: #000000; text-decoration: underline;}
.melding1:visited 	{color: #000000; text-decoration: underline;}
.melding1:active 	{color: #000000; text-decoration: underline;}
.melding1:hover 	{color: #000000; text-decoration: underline;}

select, input {
	font-size: 10px;
	}
	
.textarea{
}

/*acties*/

h2.actietitel {
	margin: 0px 0px 0px 10px;
}

h3.actie {
	margin: 0px 10px 0px 10px;
	color: #555555;
}

table.acties {
	width:520px;
	margin-top: 15px;
}

tr.actie0 {
	background-color: #BBBBBB;
	border: 0px;
}

tr.actie1 {
	background-color: #999999;
}

td.actie {
	width:400px;
}

span.prijs_r{
	font-family:arial, verdana, tahoma, Helvetica, sans-serif;
	font-weight:normal;
	font-size:12px;
	float: right;
	color:#000000;
}

/*actiedetail*/
div.actiesdetail {
	position:absolute;
	width:500px;
	height:500px;
	left: 50%;
	top: 20px;
	margin-left:-275px;
	z-index:25;
	overflow: auto;
	padding: 15px;
	border: 1px solid #ffffff;
	visibility: hidden;
}

h2.actiesdetail{
}

h3.actiesdetail{
	color: #999999;
}

p.details{
}

p.geldig {
	color:#555555;
	font-size:10px;
	line-height: 14px;
	margin-top:10px;
	margin-bottom: 2px;
	margin-left:10px;
}

.acties:link{}
.acties:visited{}
.acties:active{}
.acties:hover{}

/*contact*/

td.dagen, td.tijden {
	height:15px;
	font-size:12px;
	font-family:arial, verdana, tahoma, Helvetica, sans-serif;
	font-weight:normal;
	color:#000000;
	margin:0px;
	text-align:left;
}

#contactform {
}

#Naam {
	  width: 200px;
	  }
	  
#From {
	  width: 200px;
	  }
	  
#Subject {
	  width: 200px;
	  }

#Beschrijving {
	  width: 200px;
	  }

table.contact {
	width:100%;
	border:0px;
}

td.contact1 {
	vertical-align:middle; 
	text-align:left;
	width:110px;/*moeten padding/margin rechts krijgen...*/
}

td.contact2 {
	vertical-align:middle; 
	text-align:left;
	width:11px;/*moeten padding/margin rechts krijgen...*/
}

select, input {
	font-size: 10px;
}
	
img.right {
	float:right;
	margin:5px;
	border: 0px;
}

/*nieuws*/

div.detail-back {
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	z-index:9;
	overflow:hidden;
	background-color: #000000;
	visibility: hidden;
	filter:alpha(opacity=90);
	-moz-opacity:.90;
	opacity:.90;

}

div.nieuwsdetail {
	position:absolute;
	width:500px;
	height:450px;
	left: 50%;
	top: 100px;
	margin-left:-280px;
	z-index:20;
	background-image:url('images/back-trans.png');
	overflow: auto;
	padding: 15px;
	border: 1px solid #ffffff;
	visibility: hidden;
}

h2.news {
	margin-bottom: -15px;
}

h4.news{
}

h4.datum_l{
	margin-top:0px;
	margin-bottom:0px;
	font-style:italic;
	color: #999999;
}

p.bericht1 {
}

.nieuws:link		{color: #ffffff; text-decoration: none;}
.nieuws:visited		{color: #ffffff; text-decoration: none;}
.nieuws:active		{color: #ffffff; text-decoration: none;}
.nieuws:hover		{color: #ffffff; text-decoration: none;}

.bericht:link	 	{color: #ffffff; text-decoration: none;}
.bericht:visited	{color: #ffffff; text-decoration: none;}
.bericht:active		{color: #ffffff; text-decoration: none;}
.bericht:hover		{color: #ffffff; text-decoration: none;} 

img.right {
	float:right;
	margin:5px;
	border: 0px;
}

.datum_r{
	font-size:11px;
	float: left;
	text-align: right;
	color: #999999;
}

/*nieuwsbrief*/

#nieuwsbrief{
}

#aanhef0{
}

#aanhef1{
}

#voornaam {
	  width: 173px;
	  }

#achternaam {
	  width: 173px;
	  }

#adres {
	  width: 173px;
	  }

#postcode {
	  width: 50px; /*padding ipv spatie*/
	  margin-right:6px;
	  }

#woonplaats {
	  width: 113px;
	  }

#telefoonnummer {
	  width: 173px;
	  }

#land {
	  width: 173px;
	  }

#email {
	  width: 173px;
	  }

#emaildis {
	  width: 173px;
	  }

table.nieuwsbrief {
	width:344px;
	border:0px;
}
td.nieuwsbriefa {
	padding:-3px;
	width:144px;
	height:20px; 
	vertical-align:middle; 
	text-align:left; 
	font-size:12px;
	font-family:arial, verdana, tahoma, Helvetica, sans-serif;
	font-weight:normal;
	color:#000000;
	margin-left:10px;
}

td.nieuwsbriefb {
	padding:-3px;
	width:200px;
	height:20px; 
	valign:middle; 
	align:left;
}