/* All rights reserved (c) 2008, WEBBER interactieve vormgeving. More information at info@webber.nl */

/* de standaard styles om problemen te voorkomen */

* { margin: 0; padding: 0; } 
p { margin: 0px 0px 2px 0px; padding: 0; font-size: 11px; line-height: 15px;} 
hr { display: none; clear: both; }
a img { border : none; }
a { outline: none; }
body { background-color : #fff; color : #000; margin: 0; font-family: "Lucida Grande", Lucida, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;}

h1
{
	font-family: "Lucida Grande", Lucida, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: 26px;
	font-weight: normal;
}

h2
{
	font-family: "Lucida Grande", Lucida, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: 16px;
	line-height: 22px;
	font-weight: normal;
	margin-bottom: 8px;	
}

h3
{
	font-family: "Lucida Grande", Lucida, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
	margin-bottom: 4px;
	color: #000;
}

h4
{
	font-family: "Lucida Grande", Lucida, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: 15px;
	font-weight: normal;
	margin-bottom: 3px;
}

h5
{
	font-family: "Lucida Grande", Lucida, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;
	font-weight: normal;
	margin-top: 3px;
	color: #a3a19a;
}

h6
{
	font-family: "Lucida Grande", Lucida, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #fff;
	margin-bottom: 4px;
}

.h7
{
	font-family: "Lucida Grande", Lucida, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin-top: 3px;
	color: #000;
}

/* einde standaard styles */

a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;}
a:active {text-decoration: none; outline: 0px;}
a:focus {outline: 0px;}


/* IE 5.5+ styles voor transparante PNG */

img, div { behavior: url(../html/iepngfix.htc) }

/* bovenstaand .htc bestand moet op de server staan */

/* basis DIV's start, algemene div's */


#centerblok
{
	position: absolute;
	left: 50%;
	width: 920px;
	margin-left: -460px; /* half of width */
	background-color: #fff;
	z-index: 1;
}

#logo
{
	text-align: right;
	float: left;
}

#logoindex
{
	text-align: right;
	clear: both;
}

.geel
{
	color: #FC0;		
}

.geelbg
{
	background-color: #FC0;		
}

/* specifiek voor de indexpagina */

#top
{
	clear: both;
	position: relative;
	height: 300px;
}

#indeximage
{
	width: 700px;
	float: left;
	height: 300px;
}

#indeximagegelelaag
{
	filter:alpha(opacity=30);
	-moz-opacity:.30;
	opacity:.30;
	background-color: #FC0;
	width: 700px;
	height: 150px;
	position: absolute;
	left: 0px;
	top: 0px;
}

#zoekenindex
{
	position: absolute;
	left: 700px;
	float: left;
	height: 25px;
	margin-left: 8px;
}

#zoekeninput
{
}

.box
{
	background-color:#FC0;
	color: #666;
	height: 25px;
	font-size: 11px;
	line-height: 25px;
	border: 0px;
	vertical-align: middle;
}

#indextitel
{
	position: relative;
	clear: both;
	height: 60px;
	width: 920px;
	line-height: 60px;
}

#contentbar
{
	clear: both;
	position: relative;
	width: 920px;
	background-image: url(../img/bg_contentindex.gif);
	background-repeat: repeat-y;
	background-position: top left;
}

#content
{
	background-color: #686863;
	width: 700px;
	position: relative;
	float: left;
}

#contentinput
{
	padding: 15px 260px 25px 15px;
	color: #fff;
	font-size: 11px;
	line-height: 16px;
	position: relative;
}

#contentinput a:link {text-decoration: none; color: #fc0}
#contentinput a:visited {text-decoration: none; color: #fc0}
#contentinput a:hover {text-decoration: none; color: #fff}
#contentinput a:active {text-decoration: none; outline: 0px; color: #fc0}

#blokken
{
	float: left;
	margin-left: 10px;
}

#losblok
{
	background-color: #c1c1bb;
	width: 190px;
	margin-bottom: 10px;
	position: relative;
	padding: 10px;
	font-size:11px;
}

#losblok a:link {text-decoration: none; color: #fff}
#losblok a:visited {text-decoration: none; color: #fff}
#losblok a:hover {text-decoration: none; color: #999}
#losblok a:active {text-decoration: none; outline: 0px; color: #fff}

#losblok .titel
{
	color:#000;
	font-size:14px;
	font-weight:bold;
}

#nawblok
{
	background-color: #c1c1bb;
	width: 210px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-top: 40px;
	position: relative;
}

#logoblok
{
	float: right;
}

#losblokinput
{
	padding: 4px;
}

#losblokinput a:link {text-decoration: none; color: #fff;}
#losblokinput a:visited {text-decoration: none; color: #fff;}
#losblokinput a:hover {text-decoration: underline; color: #000;}
#losblokinput a:active {text-decoration: none; outline: 0px; color: #fff;}

#losbloklink
{
	background-color: #FC0;
	color: #fff;
	text-align:right;
	font-size: 12px;
	font-weight: bold;
}

.fotoplaatsen
{
	margin:0px 0px 10px 10px;
	position:absolute;
	right:0px;
	top:0px;
}

.fotoplaatsenklein
{
	margin:0px 0px 10px 10px;
	right:0px;
	top:0px;
	width: 75px;
	height: 75px;
	overflow: hidden;
	position: absolute;
}

/* voor de subpaginas */

#mensen
{
	width: 140px;
	height: 175px;
	float: left;
	margin-right: 25px;
	position: relative;
}

#mensenfotoos
{
	width: 140px;
	height: 140px;
	z-index: 20;
	position: relative;
	top: 0px;
}

#mensenmasker
{
	width: 140px;
	height: 140px;
	top: 0px;
	z-index: 21;
	position: absolute;
}

#mensennaam
{
	position: absolute;
	width: 140px;
	top: 150px;
	text-align: center;
	color: #000;
	font-weight: bold;
	font-size: 12px;
}

#clear
{
	clear: both; margin: 0px
}

#topsub
{
	clear: both;
	position: relative;
	height: 200px;
}

#subimage
{
	width: 700px;
	float: left;
	height: 200px;
}


#taalwissel
{
	position: absolute;
	right: 4px;
	top: 4px;	
}

#onri
{
	position: absolute;
	right: 15px;
	top: 4px;	
}

#paginatitel
{
	position: relative;
	clear: both;
	height: 40px;
	width: 920px;
	line-height: 40px;
}

#kruimelpad
{
	position: relative;
	clear: both;
	height: 20px;
	width: 920px;
	color: #ccc;
	font-size: 11px;
	visibility: hidden;
}

#kruimelpad a:link {text-decoration: none;color: #ccc;}
#kruimelpad a:visited {text-decoration: none;color: #ccc;}
#kruimelpad a:hover {text-decoration: underline;color: #999;}
#kruimelpad a:active {text-decoration: none;color: #ccc;}

#contentbarbasis
{
	position: relative;
	width: 920px;
	margin-top: 10px;
}

#inner
{
	display: block;
	padding-top: 15px;
	padding-bottom: 10px;
}

.item { content: ""; display: block; height: 0; clear: both; margin: 0; padding: 0;}
.clear {clear:both;}

#tekstblokbasis
{
	width: 286px;
	float: left;
	padding-left: 15px;
	position: relative;
}

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

#tekstblokproject
{
	width: 195px;
	float: left;
	padding: 5px;
	position: relative;
	margin-left: 12px;
	background-color: #7d7c79;
}

.wit
{
	color: #fff;	
}

#tekstblokbasiswit
{
	width: 286px;
	float: left;
	padding-left: 15px;
	position: relative;
	color: #fff;
}

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

#tekstblokgroot
{
	padding-left: 15px;
	padding-right: 15px;
	position: relative;
}

#tekstblokgroot p a:link {text-decoration: none;color: #333; font-weight: bold;}
#tekstblokgroot p a:visited {text-decoration: none;color: #333; font-weight: bold;}
#tekstblokgroot p a:hover {text-decoration: underline;color: #000; font-weight: bold;}
#tekstblokgroot p a:active {text-decoration: none;color: #333; font-weight: bold;} 


#tekstblokgroot .titel
{
	color:#FC0;
	font-size:14px;
	font-weight:bold;
}

#tekstblokgroot .newsitem
{
	width:500px;
	color:#FFF;
}

#tekstblokgroot .newsitem a
{
	color:#FC0;
	text-decoration:none;
}

#tekstblokgroot .newsitem a:hover
{
	color:#FFF;
	text-decoration:underline;	
}

#duwen
{
	clear: both;
	position: relative;
	background-color: #fff;
	height: 10px;
	margin: 0;
	padding: 0;
}

#projectklein
{
	
}

#projectimage
{
}

#projectimage a:hover
{
}

#projectkenmerken
{
	width: 220px;
	background-color: ;
}

#projectenbar
{
	position:relative;
	display:block; background:#686863;
	border-right:220px solid #dfdfda;
	margin-top: 10px;
}
#innerprojecten {display:block; margin-right:-220px;}
#contentprojecten {float:left; position:relative; left:0px; width: 700px;}
#kenmerken {float: right; position:relative; right:0px;width: 220px;}
#kenmerkenlijst
{
	color: #000;
	text-align: left;
	margin: 15px;
}

#projectfotogroot
{
	float: left;
	width: 316px;
	position: relative;
	padding: 20px 15px 20px 30px;
}

#projectfoto
{
	float: left;
	position: relative;
	padding: 15px 15px 15px 15px;
}

#projectomschrijving
{
	color: #fff;
	float: left;
	width: 325px;
	position: relative;
	padding-top: 15px;
}

/* projecten groot */

#projectomschrijvinggroot
{
	color: #fff;
	clear: both;
	position: relative;
	padding-top: 15px;
	padding-left: 30px;
	width: 650px;
}

#projectfotos
{
	clear: both;
	margin-top: 12px;
}

#projecthumbs
{
	float: left;
	width: 230px;
	position: relative;
	padding-top: 15px;
	padding-left: 30px;
	font-size: 11px;
	color: #bbb1a6;
}

#projecthumbs img
{
	margin-right: 20px;
	margin-bottom: 12px;
	float: left;
	border: 1px solid #fff;
}

#projecthumbs img a:hover
{
	border-color: #000;
}

#bladerenlinks
{
	position: absolute;
	top: 100px;
	left: -15px;
	z-index: 200;
}

#bladerenrechts
{
	position: absolute;
	top: 100px;
	left: 905px;
	z-index: 200;
}


/* specifiek voor de menuitems, zie verder ook flyout.css en flyout_ie.css */

#menu
{
	position: absolute;
	left: 0px;
	top: 150px;
	z-index: 100;
}

#menu2
{
	position: absolute;
	right: 220px;
	top: 240px;
	z-index: 100;
}

#menusub
{
	position: absolute;
	left: 0px;
	top: 50px;
	z-index: 100;
}

#menusub2
{
	position: absolute;
	right: 220px;
	top: 140px;
	z-index: 100;
}


#hoofdmenu
{
	margin: 0;
	padding: 0;
	font-size: 12px;
}

#hoofdmenu li
{
	height: 30px;
	width:150px;
	line-height: 30px;
	list-style-type: none;
	text-align: center;
	display: block;
}

#submenubar
{
	clear: both;
	height: 25px;
	width: 920px;
	position: relative;
}

#submenu
{
	position: relative;
	width: 700px;
	float: left;
	background-color: #FC0;
	height: 25px;
	font-size: 12px;
}

#submenu a:link {text-decoration: none;color: #000;}
#submenu a:visited {text-decoration: none;color: #000;}
#submenu a:hover {text-decoration: none;color: #fff;}
#submenu a:active {text-decoration: none;color: #000;}

/* specifiek voor de footer */

#naw
{
	position: relative;
	width: 920px;
	clear: both;
	height: 30px;
	background-color: #c1c1bb;
}

#nawinput
{
	color: #000;
	font-size: 12px;
	padding: 8px;	
}

#nawinput a:link {text-decoration: none;color: #666;}
#nawinput a:visited {text-decoration: none;color: #666;}
#nawinput a:hover {text-decoration: none;color: #000;}
#nawinput a:active {text-decoration: none;color: #666;}

#webber
{
	position: absolute;
	right: 5px;
	top: 0px;
	height: 20px;	
}

#servicemenu
{
	
	position: relative;
	width: 920px;
	clear: both;
	height: 20px;
	background-color: #dfdfda;
}

#servicemenuinput
{
	color: #fff;
	font-size: 10px;
	padding: 5px 8px 5px 8px;
}

#disclaimer
{
	position: absolute;
	right: 30px;
	top: 4px;
	color: #fff;
	font-size: 10px;	
}

#servicemenuinput a:link, #disclaimer a:link {text-decoration: none;color: #fff;}
#servicemenuinput a:visited, #disclaimer a:visited {text-decoration: none;color: #fff;}
#servicemenuinput a:hover, #disclaimer a:hover {text-decoration: none;color: #999;}
#servicemenuinput a:active, #disclaimer a:active {text-decoration: none;color: #fff;}


/* specifiek voor het dropdownmenu onder projecten */

#dropmenudiv
{
	position:absolute;
	border:0px solid black;
	border-bottom-width: 0;
	font-size:11px;
	line-height:18px;
	z-index:100;
	margin-top: 7px;
	margin-left: -10px;
	width: 175px;
}

#dropmenudiv a
{
	width: 100%;
	display: block;
	text-indent: 5px;
	border-bottom: 0px solid black;
	padding: 0px;
	text-decoration: none;
	color: #000;
}

#dropmenudiv a:hover
{
	background-color: #333;
	color: #fff;
}

/* added by Wijnand Schenning */

.searchresulthighlight
{
	color:#0000ff;
	background-color:#ffff00;
}