@import url(styles.css);
/*============== main ==============*/
	
#maincontainer {
	position:absolute;
	left:50%;
	width:980px;
	margin:0 0 0 -490px;
	background:#fafafa;
}

/*============== logo ==============*/	
#logo{
	position:absolute;
	display:block;
	float:left;
	width:170px;
	height:120px;
	z-index:200;
	
}
#logo a {	
	display:block;
	height:120px;
	
}
/*============== navigatie ==============*/
	
#navigatiecontainer {
	width:980px;
	height:70px;
}
#topnavigatie {
	position:relative;
	display:block;
	float:right;
	width:395px;
	height:27px;
	margin:8px 0 0 0;
}
#topnavigatie a {
	display:block;
	height:20px;
	padding:2px 3px 4px 0;
	margin:2px 0 0 0;
}
#topnavigatie li {
	position:relative;
	margin:0 6px 0 0;
	float:left;
	list-style:none;
}
#topnavigatie .inputzoeken {
	float:right;
	width:160px;
	margin:2px 0 0 0 !important;
	padding:2px 3px 4px 10px;
}
#topnavigatie a.zoekbutton {
	float:right;
	width:25px;
	margin:2px 0 0 0;
	padding:2px 3px 4px 0;
}

#navigatie {
	position:relative;
	top:39px;
	width:980px;
	height:35px;}

#menu .main-ul li, #menu .main-ul ul {
	display: inline;
	width: 162px;
	float: left;
}
#menu .main-ul h4 {
	padding-top: 8px;
	padding-left: 15px;
	margin-top:0;
	
}
#menu:hover .main-ul h4 {
	background: #e6e6e6;
	padding-bottom: 10px;
}
#menu .main-ul li li {
	display: inline;
	width: 147px;
	padding-left: 15px;
	float: left;
}

#menu .main-ul li:hover {
	background:#e4e4e4;
	cursor: pointer;
	cursor: hand;
}
#menu .main-ul li:hover h4 {
	background:#bababa;
}

#menu {
	position: absolute;
	z-index:100;
}
#menu .main-ul {
	position: relative;
	width: 815px;
	padding:0 0 0 165px;
	background-color: white;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
	background: -moz-linear-gradient(top, #ffffff, #f2f2f2);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f2f2') alpha(opacity = 90);
	top: 0;
	height: 35px;
	overflow: hidden;
	min-height: 30px;
	transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	opacity: 0.90;
	border-bottom:4px solid #cc071e;
}
#menu:hover .main-ul {
	height: 150px;
}
.main-ul ul {
	height: 400px;}
#menu .main-ul li{		
	border-right:1px solid #f2f2f2;}
#menu .main-ul a.activated, #menu .main-ul a:hover{
	color:#cc071e;}
#navigatiecontainer a{
	text-decoration:none;
	text-transform:lowercase;
	font-size:1.1em;
	line-height:normal;
	}
#menu .main-ul li:hover h4 {
	background:#dcdcdc;
	color:#949494;
}
#menu .main-ul h4 a{
	color:#949494}
#menu .main-ul li:hover h4 a{
	color:#4f4f4f;}
#menu .main-ul li li a {
	color:#949494;
}
#menu .main-ul li:hover li a {
	color:#8a8a8a
}
#menu .main-ul li:hover li a:hover {
	color:#4f4f4f
}	
#topnavigatie a{
	color:#afafaf}
	
/*============== foto ==============*/
#foto{
	position:relative;
	display:block;
	padding:0 0 45px 0;
	background:url(images/schaduw.png) bottom left no-repeat;}
#foto li {
	list-style:none;
}
/*============== kolom links ==============*/	
#kolomlinks {
	 position:relative;
	 float:left;
	 width:180px;
	 padding:12px 20px 0 20px;
}
#home #kolomlinks {
	display:none;
}
#kolomlinks ul {
	padding:5px 0 5px 25px;
	margin-bottom:18px;
}
#kolomlinks ul ul{
	padding:0 0 5px 10px;
	margin-bottom:0;
}
#kolomlinks l1 {
	margin:0;
}

#kolomlinks h3 {
	margin:0;
	padding:5px
}

/*============== content ==============*/
#content {
	position:relative;
	display:block;
	float:right;
	width:720px;
	padding:0 20px 20px 20px;
}
#home #content {
	overflow:hidden;
	width:940px;
}
#linkshome, #middenhome, #rechtshome{
	float:left;
	width:300px;
	margin:0 15px 0 0;
}
#rechtshome{
	margin:0;
}
#linkshome p, #middenhome p, #rechtshome p{
	padding:5px 10px}
#home #content ul{
	margin:10px 0 12px 20px;
	padding:5px;
}
#home #content l1{
	margin:0;
}
#home #content ul ul{
	margin:0;
	padding:0;
}
#home h3{
	margin:0;
	padding:5px 5px 5px 15px
}

/*============== rechterkolom ==============	
#rechterkolom {
	position:absolute;
	overflow:auto;
	overflow-x:hidden;
	width:200px;
	top:180px;
	bottom:36px;
	left:50%;
	padding:20px 0 0 0;
	margin:0 0 0 290px;
	z-index:3;
}
#rechterkolom ul {
	margin:-5px 0 20px 0;
	padding:0 0 0 17px;
}
#rechterkolom p {
	margin:-5px 0 20px 0;
	padding:0 5px 0 10px;
}
li {
	padding:0 5px 0 0;
}
#rechterkolom h3 {
	padding:0 0 5px 5px;
	margin:0;
}
#rechterkolom img {
	width:100%;
}*/	

/*togglen in projecten*/
dl#tabcontrol {
	position: relative;
	width: 700px;
	margin:0 0 0 -5px;
}
dl#tabcontrol dt a.activated, dl#tabcontrol dt a {
	padding:2px 14px;
	border-bottom:none;
}
dl#tabcontrol dt a {
	display: inline;
	margin: 0 10px 0 0;
}
dl#tabcontrol dt a.activated {
	position:relative;
	padding-bottom:3px;
	z-index:2;
}
dl#tabcontrol div.display {
	display : block;
}
dl#tabcontrol dd {
	display:none;
	position: relative;
	overflow: hidden;
	top: 0;
	margin:0;
	padding:0;
}
dl#tabcontrol dd div {
	padding:15px;
}
dl#tabcontrol dd #intro {
	padding:5px;
}
dl#tabcontrol dd #galerij {
	padding:50px 0 15px 5px !important;
}
dl#tabcontrol dd #galerij p, dl#tabcontrol dd #intro p {
	margin:0;
}
div#galerij img {
	width:90px;
	height:90px;
	-moz-opacity:0.8;
	opacity:0.8;
}
div#galerij a {
	display:block;
	float:left;
	margin:5px 5px 0 0;
	padding:8px;
	-moz-opacity:0.7;
	opacity:0.7;
}
div#galerij a:hover {
	-moz-opacity:1;
	opacity:1;
}
div#galerij span {
	position:absolute;
	display:none;
	overflow:hidden;
	height:50px;
	width:690px;
	top:0;
	left:1px;
	padding:5px 10px;
	margin:0 5px 5px -5px;
}
div#galerij a:hover span {
	display:inline;
}
dl td, dl th {
	padding:0 10px 0 0
}
dl th {
	width:140px;
}
/*============== footer ==============*/
#footer {
	position:relative;
	width:960px;
	height:30px;
	padding:0 20px 0 0;
	text-align:right;
	
	
}
#footer a {
	display:block;
	height:20px;
	padding:2px 3px 4px 0;
	margin:10px 0 0 0;
}
/*============== extra ==============*/
	

h1, h2, h3, h4, p {
	margin:12px 0;
}
#foto h1, #foto h2, #foto h3, #foto h4{
	margin:12px 20px 0 0;
	text-align:right;
}
#foto p {
	margin:0;
}
h1 {
	padding-bottom:5px
}

img.links, img.left {
	margin-right:15px;
}
img.rechts, img.right {
	margin-left:15px;
}
hr {
	display:block;
	height:1px;
	margin:0;
	padding:0;
	clear:both;
	visibility:hidden;
}
#sitemenu dd {
	padding:0 0 10px 10px
}
/*============== formulier ==============*/
#contact .adres {
	display:block;
	margin-left:-210px;
	width:190px;
	float:left;
	padding:1.4em 0 0 20px;
}
fieldset {
	margin:0 0 20px -20px;
	padding:20px;
}
legend {
	padding: 4px 10px;
	margin: 0;
}
form th {
	width:170px;
}
form td, form th {
	vertical-align:top;
	padding:5px;
}
#content form thead td, #content form tfoot td {
	padding-right: 13px;
}
input.extrashort, input.short, input.normal, input.large, input.extralarge, textarea, input#captcha_code, input[type=submit] {
	float:left;
	margin:2px 5px 2px 0;
	padding:2px;
}
img#captcha {
	margin:7px 0 0 0;
}
input#captcha_code {
	width:170px;
}
input.extrashort {
	width:50px;
}
input.short {
	width:110px;
}
input.normal {
	width:180px;
}
input.large {
	width:207px;
}
input.extralarge {
	width:330px;
}
textarea {
	width:527px;
	height:200px;
	overflow:auto;
}
label.required {
	padding-right:8px;
}
em.required {
	padding-right:8px;
}
input[type=submit] {
	padding:1px 10px;
}
input[disabled], input[disabled]:hover {
	cursor:default !important;
}
input[type=submit]:hover, a.knop:hover {
	cursor:pointer;
	cursor:hand;
}
form label.error {
	display:block;
	position:relative;
	margin:-5px 0 0 0;
}
 */doorklik nieuwsitems*/ .prevnext {
 display:block;
 height:20px;
 padding:6px 0;
}
.prevnext a {
	display:block;
	width:290px;
	float:left;
	padding:0 5px;
}
.prevnext a.volgend {
	float:right;
}
.prevnext a.overzicht {
	margin:0 7px;
	width:90px;
}
.expolijst div {
	display:block;
	padding:6px;
	margin:4px 0;
}
.expolijst div a {
	display:block;
	width:auto;
	height:auto;
}
.expolijst div p, .expolijst div h3 {
	margin:0;
}