/**
 * 100% height layout with header and footer
 * ----------------------------------------------
 * Feel free to copy/use/change/improve
 */

html,body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; height:100%; background: url("../image/backgroundvertical.jpg") }
a{outline:none;}

div#container {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:920px;
	background: url("../image/background.jpg") 98% 10px;
	
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/

	min-height:100%; /* real browsers */
}

div#header {
	padding:1em;
	background:#ddd url("../csslayout.gif") 98% 10px no-repeat;
	border-bottom:6px double gray;
}
	div#header p {
		font-style:italic;
		font-size:1.1em;
		margin:0;
	}

div#content {
	/* padding:1em 1em 5em;  bottom padding for footer */
}
	div#content p {
		text-align:justify;
		padding:0 1em;
	}

div#footer {
	position:absolute;
	width:100%;
	bottom:0; /* stick to bottom */
	background:#ddd;
	background: url("../image/background.jpg") 98% 10px;

}
	div#footer p {
		padding:1em;
		margin:0;
	}
label{font: arial;}
h1 { font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; font-size:15px; font-weight:lighter; padding-top:10px; line-height:20px; }
.clearer {height: 1px; overflow: hidden; margin-top: -1px; clear: both;}

.tekst { font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; font-size:11px; font-weight:lighter; line-height:16px; }

.tekst A { font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; font-size:11px; font-weight:lighter; line-height:16px; }

.tekst A:hover { font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; font-size:11px; font-weight:lighter; line-height:16px; }

.bigtekst { font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; font-size:13px; font-weight:lighter; line-height:24px; }
.bigtekst_paging { font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; font-size:13px; font-weight:lighter; line-height:24px;padding-left:100px;width:100% }
.bigtekst A { font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; font-size:13px; font-weight:lighter; line-height:16px; text-decoration:none; }
.bigtekst A:hover { font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; font-size:13px; font-weight:lighter; line-height:16px; text-decoration:none;}

.greytable_header { text-align:center; width: 340px; height: 90px; padding-top: 60px; }

.greytable_footerleft { width: 340px;z-index:10001; }

.greytable_footer { text-align:center; width: 340px; }

.greytable_submenu { text-align:center; width: 340px; height: 90px; padding-top: 60px; }

.menu { background-color:#999999; text-align:left; width: 460px; padding-top: 70px; }

.menuitem { font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; font-size:15px; font-weight:lighter; padding-left:13px; padding-right:13px;}
.menuitem A { font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; font-size:15px; font-weight:lighter; text-decoration:none; }
.menuitem A:active { font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; font-size:15px; font-weight:lighter; text-decoration:none; }
.menuitem A:visited { font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; font-size:15px; font-weight:lighter; text-decoration:none; }
.menuitem A:hover { font-family: Arial, Helvetica, sans-serif; color: #FF0000; font-size:15px; font-weight:lighter; text-decoration:none; }

.menuitem #active { font-family: Arial, Helvetica, sans-serif; color: #FF0000; font-size:15px; font-weight:lighter; text-decoration:none; }
.menuitem #active A { font-family: Arial, Helvetica, sans-serif; color: #FF0000; font-size:15px; font-weight:lighter; text-decoration:none; }
.menuitem #active A:active { font-family: Arial, Helvetica, sans-serif; color: #FF0000; font-size:15px; font-weight:lighter; text-decoration:none; }
.menuitem #active A:visited { font-family: Arial, Helvetica, sans-serif; color: #FF0000; font-size:15px; font-weight:lighter; text-decoration:none; }
.menuitem #active A:hover { font-family: Arial, Helvetica, sans-serif; color: #FF0000; font-size:15px; font-weight:lighter; text-decoration:none; }



.contentvlak { background-color:#999999; text-align:left; width: 460px; padding-left:15px; padding-right:15px; padding-bottom:15px; }

.banner { background-color:#999999; width: 800px; height: 400px; border:0px; cellpadding:0px; cellspacing:0px; }

.bannergrey { background-color:#6B6B6B; width: 90px; height: 400px; border:0px; cellpadding:0px; cellspacing:0px; }

.bullet {list-style-image: url(../image/bullet.png); text-align:left; padding-top:5px; }

#navTop, #navTop li{list-style:none; margin:0; padding:0;}
#navTop li { border-bottom: dashed 1px #fff; border}
#navTop li a{font:16px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; padding:00px 10px; color:#fff;}
#navTop li a:hover{color:#00CCFF;}
#navTop li a.active{font-weight:bold;}

.textInput
{
	width: 200px;
	height: 20px;
	background: #ffffff;
	border: 1px solid #999999;
	color: #6b6b6b;
	margin-top: 5px;
	margin-left: 0px;
	font:8px !important  Arial, Helvetica, sans-serif;
}
textarea {
	width: 200px;
	height: 80px;
	border: 3px solid #cccccc;
	padding: 5px;
	background-image: url(bg.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
	font-size:12px !important ;
	font-family : Arial, Helvetica, sans-serif !important;
	color: #6b6b6b;
}

/* added by kobe */

.navSide, .navSide li{list-style:none;}
.navSide{color:white;font-family: Arial, Helvetica, sans-serif; font-size:15px; margin:13px 30px 30px 30px; padding:0;}
.navSide li ul{margin:0; padding:0;}
.navSide li{border-bottom:dashed 1px white;}
.navSide li ul li{border-bottom:0 !important}
.navSide a{color:white; text-decoration:none; padding-left:24px; line-height:36px;}
.navSide a.active, .navSide a:hover, .navSide li ul li.active{background:url(../image/bullet.gif) no-repeat;}

.no_link{color:white; text-decoration:none; padding-left:24px !important; line-height:36px !important;cursor:pointer}
.no_link:hover{background:url(../image/bullet.gif) left 11px no-repeat;}
.no_link ul {display:none;}

.overlaySmall{background:url(../image/blackOpacity20.png); width:340px; height:400px; position:absolute; z-index:50}

#mycarousel ul li{position:relative;}
.txtDescription{position:absolute; bottom:20px; left:20px; width:300px; color:white; font-size:18px; font-family:Arial, sans-serif; z-index:600;}
.txtDescription img{float:left; margin:0 10px 5px 0;}

.rowHeight150{height:150px; #height:80px;}


ul.paging{ float:right; list-style:none; margin:0; padding:0; }
ul.paging li{display:block; float:left; margin:0; padding-bottom:5px;}
ul.paging li a {padding:3px 7px; color:#404040;  font-family: Verdana; font-size: 8pt; text-decoration:none }
ul.paging li a:hover {padding:3px 7px; color:#FFFFFF; background-color:#6B6B6B; font-family: Verdana; font-size: 8pt; text-decoration:none }
ul.paging li a.active{background:#6B6B6B; color:#FFFFFF; font-family: Verdana; font-size: 8pt; text-decoration:none }

.floatLeft{float:left;}
.floatRight{float:right;}

br.clear{clear:both; height:0px; font-size:0; line-height:0;}

img.floatNone{margin:0;}
img.floatRight{margin:0 0 7px 15px;}
img.floatLeft{margin:0 15px 7px 0;}

.antwoord_tekst {font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; font-size:13px;  line-height:16px;position:relative; left:-15px;}


.pers_pdf{border:0;text-decoration:none;font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; font-size:13px; font-weight:lighter; line-height:24px;}
.pers_image{display:block; float:left;clear:none ; width: 20px;margin-left:0px;}
.pers_datum{display:block; float:left;clear:none ; width: 80px;margin-left:10px;}
.pers_bron{display:block; float:left;clear:none ; width: 100px;margin-left:0px;}
.pers_datum{display:block; float:left;clear:none ; width: 80px;margin-left:10px;}
a img{border:0;}

/* PROJECTEN
------------------------------------*/

.contentvlak,  .bigtekst {font:arial;}
.contentvlak a {color:#ffffff !important; font:11px arial !important;text-decoration : underline;line-height:3.0em;}
.jNice {margin:15px 0 0 10px;background:#8F8F8F;padding :5px;  width:437px;}
.keuzeveld{float:left; clear:none; width:180px; height:25px;}
label{color :#fff; font: 11px arial;}
select{background:#666; color:#fff;border:0;margin: 3px 0 0 5px;}
.submitter{margin-left:0px ; border:0; background:#666;color:#fff;padding: 2px;}
#gal{margin-top:12px;}
#projectWrapper{clear:left; float:left; width:100%; margin: 20px 0 0 10px;}
.projectBox {width:138px; float:left; clear:none; margin-right:15px; height:180px;}
.projectBox a{text-decoration: none; }
.projectBox h1{text-align:center;}

.bigtekst1 {font-weight: normal;font-size:16px;text-transform:uppercase;color:#fff; font-family: arial;line-height:3.6em;}
.bigtekst2 {font-weight: normal;font-size:14px;text-transform:uppercase;color:#fff; font-family: arial;line-height:2.5em;}
.oppervlakte{color:#fff; float:left; clear:none; width:50px;line-height:25px;margin:2px 0;font-family:arial;font-size:12px;}
.benaming{color:#fff; float:left; clear:left; width:150px;line-height:26px;margin:2px 0;font-family:arial;font-size:12px;}
.extra{color:#fff; float:left; clear:none; width:100px; line-height:26px;margin:2px 0;font-family:arial;font-size:12px;}
.status{color:#fff; float:left; clear:none; width:75px;line-height:26px;margin:2px 0;font-family:arial;font-size:12px;}
.prijs{color:#fff; float:left; clear:none; width:55px;line-height:26px;margin:2px 0;font-family:arial;font-size:12px;}

.small_img{height: 72px; width:84px; float:left; clear:none; display:block;margin-right:11px;}
.small_img_last{height: 72px; width:80px; float:left; clear:none; display:block;margin-right:0px;}
.sup {font-size: 10px;position: relative;top: -5px;}
.return {color:#fff;text-decoration:none; font-size:16px;font-family:arial;padding-left:25px;}

.gmaps{margin: 10px 0;}
.gmaps a {margin:10px 0 !important; line-height:3.0em !important; padding:10px 0;}
.clearer {height: 1px; overflow: hidden; margin-top: -1px; clear: both;}