/* CSS Document */

body {
	background-color: #f5f5f5;
	margin:0px;
	font-family:arial;
	font-size:10px;
}

body, td, th {
	color: #000000;
}




/* layout */
#achtergrond {
	position:absolute;
	width:100%;
	height:75px;
	z-index:0;
	left: 0px;
	top: 111px;
	background-color: #000000;
}

#balk {
	position:absolute;
	width:1000px;
	height:75px;
	z-index:5;
	left: 0px;
	top: 111px;
	background-color: #000000;
}

#container{
	position:absolute;
	width:1000px;
	height:572px;
	z-index:1;
	left: -500px;
	top: 0px;
	margin-left:50%;
	overflow: hidden;
	
}

#kolom1 {
	position:absolute;
	width:275px;
	height:550px;
	z-index:2;
	left: 25px;
	top: 11px;
	background-color: #f5f5f5;
}

#kolom2 {
	position:absolute;
	width:200px;
	height:550px;
	z-index:2;
	left: 325px;
	top: 11px;
	background-color: #ffffff;
	border-color:#000000;
	border-width:1px;
	border-style:solid;
}

#kolom3 {
	position:absolute;
	width:200px;
	height:550px;
	z-index:2;
	left: 550px;
	top: 11px;
	background-color: #ffffff;
	border-color:#000000;
	border-width:1px;
	border-style:solid;
}

#kolom4 {
	position:absolute;
	width:200px;
	height:550px;
	z-index:2;
	left: 775px;
	top: 11px;
	background-color: #ffffff;
	border-color:#000000;
	border-width:1px;
	border-style:solid;
}
/* layout */


/* plaatsing kolomtitels (informatie/merken/voorbeelden --> plaatjes) */
#kolomtitel2 {
	position:absolute;
	width:200px;
	height:25px;
	z-index:4;
	left: 0px;
	top: 0px;
	background-color: #ffcc33;
}
#kolomtitel3 {
	position:absolute;
	width:200px;
	height:25px;
	z-index:4;
	left: 0px;
	top: 0px;
	background-color: #ff9900;
}
#kolomtitel4 {
	position:absolute;
	width:200px;
	height:25px;
	z-index:4;
	left: 0px;
	top: 0px;
	background-color: #cc6600;
}
/* plaatsing kolomtitels (informatie/merken/voorbeelden --> plaatjes) */



/* plaatsing menu's, en in kolom 1 deel boven de balk */ 
#top1 {
	position:absolute;
	width:275px;
	height:100px;
	z-index:3;
	left: 0px;
	top: 0px;
	background-color: #000000;
	border-color:#000000;
	border-width:1px;
	border-style:solid;
}

#top2 {
	position:absolute;
	width:200px;
	height:75px;
	z-index:3;
	left: 0px;
	top: 25px;
	overflow:auto;
	background-color:#ffcc33;
}

#top3 {
	position:absolute;
	width:200px;
	height:75px;
	z-index:3;
	left: 0px;
	top: 25px;
	overflow:auto;
	background-color:#ff9900;
}
#top4 {
	position:absolute;
	width:200px;
	height:75px;
	z-index:2;
	left: 0px;
	top: 25px;
	overflow:auto;
	background-color:#cc6600;
}
/* plaatsing menu's, en in kolom 1 deel boven de balk */ 


/* plaatsing titel & content vakken */ 

#informatie-titel {
	position:absolute;
	width:200px;
	height:27px;
	z-index:3;
	left: 0px;
	top: 173px;
	overflow:hidden;
	background-color:#ffcc33;
}
#informatie-content {
	position:absolute;
	width:196px;
	height:349px;
	z-index:3;
	left: 2px;
	top: 200px;
	overflow:auto;
}



#merken-titel {
	position:absolute;
	width:200px;
	height:27px;
	z-index:3;
	left: 0px;
	top: 173px;
	overflow:hidden;
	background-color:#ff9900;
}
#merken-content {
	position:absolute;
	width:196px;
	height:349px;
	z-index:3;
	left: 2px;
	top: 200px;
	overflow:auto;
}

#voorbeelden-titel {
	position:absolute;
	width:200px;
	height:27px;
	z-index:3;
	left: 0px;
	top: 173px;
	overflow:hidden;
	background-color:#cc6600;
}
#voorbeelden-content {
	position:absolute;
	width:196px;
	height:349px;
	z-index:3;
	left: 2px;
	top: 200px;
	overflow:auto;
}

/* plaatsing route/contact/nieuwsbrief/actieslayer incl content */
#routelayer {
	position:absolute;
	width:470px;
	height:545px;
	z-index:6;
	left: 275px;
	top: 20px;
 	background-color: #ffffff;
	border-color:#000000;
	border-width:3px;
	border-style:solid;
	overflow-y: auto;
	overflow-x: hidden;
	visibility:hidden;
}
#contactlayer {
	position:absolute;
	width:400px;
	height:350px;
	z-index:6;
	left: 310px;
	top: 150px;
 	background-color: #ffffff;
	border-color:#000000;
	border-width:3px;
	border-style:solid;
	overflow: auto;
	visibility:hidden;
}
#nieuwsbrieflayer {
	position:absolute;
	width:400px;
	height:350px;
	z-index:6;
	left: 310px;
	top: 150px;
 	background-color: #ffffff;
	border-color:#000000;
	border-width:3px;
	border-style:solid;
	overflow: auto;
	visibility:hidden;
}
#actieslayer {
	position:absolute;
	width:400px;
	height:350px;
	z-index:6;
	left: 310px;
	top: 150px;
 	background-color: #ffffff;
	border-color:#000000;
	border-width:3px;
	border-style:solid;
	visibility:hidden;
}
div.fotopopup {
	position:absolute;
	width:480px;
	z-index:6;
	left: 310px;
	top: 30px;
 	background-color: #ffffff;
	border-color:#000000;
	border-width:3px;
	border-style:solid;
	overflow: visible;
	text-align: center;
	visibility: hidden;
}

img.clickableimg {
	cursor: hand;
}

img.clickableimg2 {
	padding: 10px;
	cursor: hand;
}
/* plaatsing route/contact/nieuwsbrief/actieslayer incl content */

/* plaatsing welkomvak */
#welkomvak {
	position:absolute;
	width:275px;
	height:151px;
	z-index:1;
	left: 0px;
	top: 174px;
	overflow:auto;
	background-color: #ffffff;
	border-color:#000000;
	border-width:1px;
	border-style:solid;
}
#welkom {
	position:absolute;
	width:274px;
	height:149px;
	z-index:2;
	left: 0px;
	top: 175px;
	overflow:auto;
}
/* plaatsing welkomvak */




/* plaatsing contact --> nieuws/route/contact */
#info {
	position:absolute;
	width:275px;
	height:200px;
	z-index:4;
	left: 0px;
	top: 352px;
	overflow:auto;
	border-color:#000000;
	border-width:1px;
	border-style:solid;
}

#contact {
	position:absolute;
	width:272px;
	height:197px;
	background-color: #ffffff;
	z-index:1;
	left: 1px;
	top: 1px;
	overflow:auto;
	visibility:visible;
}	


#nieuws {
	position:absolute;
	width:272px;
	height:197px;
	background-color: #ffffff;
	z-index:1;
	left: 1px;
	top: 1px;
	overflow:auto;
	visibility:visible;
}	
div.nieuwsdetail {
	position: absolute;
	width: 500px;
	height: 350px;
	z-index: 7;
	left: 310px;
	top: 100px;
	background-color: #ffffff;
	border-color:#000000;
	border-width:3px;
	border-style:solid;
	overflow:auto;
	visibility: hidden;
}	

div.actiedetail {
	position: absolute;
	width: 500px;
	height: 350px;
	z-index: 7;
	left: 310px;
	top: 100px;
	background-color: #ffffff;
	border-color:#000000;
	border-width:3px;
	border-style:solid;
	overflow:auto;
	visibility: hidden;
}	

#acties {
	position:absolute;
	width:272px;
	height:197px;
	z-index:1;
	background-color: #ffffff;
	left: 1px;
	top: 1px;
	overflow:auto;
	visibility:visible;
}


/* plaatsing contact --> nieuws/route/contact */




/* plaatsing logo's */
#logoklein {
	position:absolute;
	width:100px;
	height:100px;
	z-index:4;
	left: 0px;
	top: 0px;
}
#objectrenonlogo {
	position:absolute;
	width:175px;
	height:50px;
	z-index:4;
	left: 100px;
	top: 0px;
}

#titelgroot {
	position:absolute;
	width:568px;
	height:67px;
	z-index:3;
	left: 0px;
	top: 14px;
}

#wwlogo {
	position:absolute;
	width:280px;
	height:40px;
	z-index:3;
	left: 700px;
	top: 35px;
}
/* plaatsing logo's */



/*header opmaak */
h1 {
	font-size:11px;
	font-family:arial;
	font-weight:bold;
	margin-top:5px;
	margin-bottom:4px;
	margin-left:3px;
}

h2 {
	font-size:10px;
	font-family:arial;
	font-weight:bold;
	margin-top:5px;
	margin-bottom:0px;
	margin-left:3px;
}
h2.acties-titel {
	font-size:14px;
	font-family:arial;
	font-weight:bold;
	margin-left:7px;
	margin-top:4px;
	margin-bottom:3px;
}


h3 {
	font-size:10px;
	font-family:arial;
	font-weight:bold;
	text-align: center;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:3px;
}
h3.actiesdetail {
	font-size:26px;
	font-family:arial;
	font-weight:bold;
	color:#ff9900;
	text-align: left;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:3px;
}

h4 {
	font-size:9px;
	font-family:arial;
	font-weight:normal;
	text-align: left;
	margin-bottom:0px;
	margin-left:3px;
	margin-top:0px;
}
h4.nieuwsdate {
	font-size:9px;
	font-family:arial;
	font-weight:normal;
	text-align: left;
	margin-bottom:0px;
	margin-left:7px;
	margin-top:0px;
}

h4.nieuwstitel {
	font-size:11px;
	font-family:arial;
	font-weight:normal;
	text-align: left;
	margin-bottom:6px;
	margin-left:3px;
	margin-top:4px;
}

/*header opmaak */


/*paragraph opmaak */	
p {
	font-size:10px;
	font-family:arial;
	font-weight:normal;
	margin-left:3px;
	margin-top:3px;
	margin-bottom:5px;
}
p.navigator {
	text-align: center;
}

p.center {
	text-align: center;
}
p.right {
	text-align: right;
}

.leesmeer {
	font-style: italic;
}
p.acties1 {
	font-size:11px;
	font-family:arial;
	font-weight:normal;
	margin-left:3px;
	margin-top:1px;
	margin-bottom:2px;
}
p.bericht1 {
	font-size:11px;
	font-family:arial;
	font-weight:normal;
	margin-left:3px;
	margin-top:1px;
	margin-bottom:2px;
}
p.geldig {
	text-align: center;
	color:#ffcc33;
}

/*paragraph opmaak */	
		


/* link opmaak */
a:link			{color: #000000; text-decoration: none; }
a:visited 		{color: #000000; text-decoration: none; }
a:active		{color: #000000; text-decoration: none; }
a:hover			{color: #999999; text-decoration: none; } 

a.extern:link		{color: #cc6600; text-decoration: underline; }
a.extern:visited 	{color: #cc6600; text-decoration: underline; }
a.extern:active		{color: #cc6600; text-decoration: underline; }
a.extern:hover		{color: #cc6600; text-decoration: underline; }  

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

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

.nowrap {
	white-space: nowrap;
}

/* link opmaak */

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

img.acties {
	border: 0px;
}


/* table opmaak */
table {
	border-width:0px
}

table.menu {
	width:252px;
	border-width:0px;
}

table.acties {
	width:252px;
	border-width:0px;
}
table.actiespopup {
	width:470px;
	border-width:0px;
}

table.nieuws {
	width:252px;
	border-width:0px;
}


tr.acties0 {
	height:60px;
}

tr.acties1 {
	background-color: #f5f5f5;
	height:60px;
}
tr.navigator {
	height:60px;
}

tr.nieuws1 {
	background-color: #f5f5f5;
}
tr.nieuws0 {
	height: 40px;
}
tr.blank {
	height: 10px;
}

td {
	vertical-align: top
}

td.l {
	width: 33%;
	height: 15px;
	vertical-align:middle;
	
}
td.m {
	width: 34%;
	height: 15px;
	vertical-align:middle;
}
td.contact {
	width: 33%;
	height: 15px;
	background-color: #ffcc33;
	vertical-align:middle;	
}
td.nieuws {
	width: 33%;
	height: 15px;
	background-color: #ff9900;
	vertical-align:middle;	
}
td.routemail1 {
	width: 50%;
}
td.routemail2 {
	width: 50%;
}


td.acties {
	width: 34%;
	height: 15px;
	background-color: #cc6600;
	vertical-align:middle;
}
td.actiesfoto {
	width: 20%;
	vertical-align:middle;
}
td.actiestekst {
	width: 60%;
	vertical-align:middle;
}
td.actiesdetail {
	width: 20%;
	vertical-align:middle;
}
td.actiespopup1 {
	width: 270px;
	vertical-align:top;
}

td.actiespopup2 {
	width: 200px;
	vertical-align:middle;
}
td.nieuwspopup {
	width: 470px;
	vertical-align:top;
}




td.tekst {
	padding-left:5px;
	padding-right:5px;
}
td.datum {
	padding-left:5px;
	padding-right:5px;
	padding-bottom:0px;
}
/* table opmaak */

/*nieuwsbrief*/

table.nieuwsbrief {
	width:400px;
	border:0px;
}
td.nieuwsbriefa {
	padding:-3px;
	width:150px;
	height:20px; 
	valign:middle; 
	text-align:left; 
}

td.nieuwsbriefb {
	padding:-3px;
	valign:middle; 
	align:left;
}

#nieuwsbrief{
}

#aanhef0{
}

#aanhef1{
}

#voornaam {
	  width: 173px;
	  }

#achternaam {
	  width: 173px;
	  }

#adres {
	  width: 173px;
	  }

#postcode {
	  width: 50px; /*padding ipv spatie*/
	  }

#woonplaats {
	  width: 105px;
	  }

#telefoonnummer {
	  width: 173px;
	  }

#land {
	  width: 173px;
	  }

#email {
	  width: 173px;
	  }

#emaildis {
	  width: 173px;
	  }