/*****************SITE*******************/
body{
	margin:0px 0px 0px 0px;
	padding:0;
	font-size:12px; 
	font-family:Verdana,sans-serif;
	color:#000000;
	width:100%;
	height:100%;
}
.outerwrapper {
	width:100%;
	*height:100%;
	position:absolute;
	top:0px;
	left:0px;
	*bottom:0px;
	background-image:url(bodybg.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
}
#container {
	width:990px;
	height:100%;
	left: 50%;
	position: relative;
	margin-left:-495px;
	background-position:center;
	float:left;
}
/*****************HEADER*******************/
.header {
	width:990px;
	height:200px;
	background-image:url(headerbg.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	float:left;
}
.headerlogo {
	width:400px;
	height:175px;
	float:left;
	margin:30px 0px 0px 0px;
}
.headerrechts {
	width:210px;
	height:175px;
	float:right;
	margin:30px 0px 0px 0px;
}
.headeruitspraak {
	width:210px;
	height:70px;
	float:right;
	margin:0px 0px 0px 0px;
}
.headerengels {
	width:60px;
	height:36px;
	float:right;
	margin:0px 0px 0px 0px;
}
.headerduits {
	width:60px;
	height:36px;
	float:right;
	padding:0px 0px 0px 5px;
	margin:0px 0px 0px 0px;
}
/*****************MENU*******************/
.menu {	
	float:left;
	width:165px;
	*width:159px;
	height:257px;
	*height:270px;
	
	padding:13px 0px 0px 0px;
	margin:15px 0px 0px 0px;
	background-color:#CCE1EF;
	text-align:left;
}
.menu ul {	
	list-style: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.menu li {
	color: #FFFFFF;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border-left: 0px solid #FFFFFF;
	position:relative;
}
.menu li.Nivo0 a {
	float:left;
	*float:none;
	border: solid 0px;
	color : #0168B3;
	font-size : 13px;
	height:19px;
	*height:21px;
	width:135px;
	*width:147px;
	background-image:url(menupoint.jpg);
	background-position:left;
	background-repeat:no-repeat;
	margin: 0px 0px 0px 12px;
	padding:2px 0px 0px 12px;
	text-decoration:none;
}
.menu li.highlite0 a, .menu li.Nivo0 a:hover, .menu li.Nivo0 a.sfhover, .menu li.Nivo0 a:active{
	border: solid 0px;
	color : #333333;
	/*color : #7E7B76;*/
	font-size : 13px;
	margin:0 0 0 12px;
	padding:2px 0px 0px 12px;
	
	text-decoration:none;
	}
/****SUBMENU****/
.menu ul li.Nivo0 {
	float:left;
	text-align:left;
	padding:0 8px 0 0;
	margin: 0px 0px 0px 0px;
	display:block;
}
.menu li.Nivo0 ul {
	position: absolute;
	top:0px;
	left:165px;
	font-size: 10px;
	margin: 0px 0px 0px 0px;
	padding:2px 2px 2px 2px;
	border:0px;
	width:100px;
	float:left;
	display:none;
	line-height:12px;
	
	text-transform: none;
	background-color:#D0CFCD;
}
.menu li.sfhover ul, .menu li:hover ul {
	display:block;
}
.menu li.Nivo1 {
	text-align: left;
	text-decoration : none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position:static;
	border: 0px;
}
.menu li.Nivo1 a {
	diplay:block;
	float:left;
	*float:none;
	border: solid 0px;
	color : #0168B3;
	font-size : 12px;
	height:17px;
	*height:21px;
	width:80px;
	*width:92px;
	background-image:url(menupoint.jpg);
	background-position:left;
	background-repeat:no-repeat;
	margin: 0px 0px 0px 8px;
	padding:4px 0px 0px 12px;
	text-decoration:none;
}
.menu li.highlite1 a, .menu li.Nivo1 a:active, .menu li.Nivo1 a:hover, .menu li.Nivo1 a.sfhover {
	border: solid 0px;
	/*color : #7E7B76;*/
	color:#333333;
	font-size : 12px;
	margin: 0px 0px 0px 8px;
	padding:4px 0px 0px 12px;
	text-decoration:none;
	background-image:url(menupoint.jpg);
	background-position:left;
	background-repeat:no-repeat;
}
/****SUBSUBMENU****/
.menu ul li.Nivo1 {
	float:left;
	text-align:left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	position:relative;
}
.menu li.Nivo1 ul {
	position: absolute;
	top:-2px;
	left:90px;
	font-size: 10px;
	margin: 0px 0px 0px 0px;
	padding:2px 2px 5px;
	border:0px;
	width:auto;
	float:left;
	display:none;
	line-height:12px;
	
	text-transform: none;
	background-color:#D0CFCD;
width:154px;
}
.menu li li.sfhover ul, .menu li.Nivo1:hover ul {
	display:block;
}
.menu li.Nivo2 {
	text-align: left;
	text-decoration : none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position:static;
	border: 0px;
}
.menu li.Nivo2 a {
	diplay:block;
	float:left;
	border: solid 0px;
	color : #0168B3;
	font-size : 12px;
	height:17px;
	*height:21px;
	width:140px;
	
	background-image:url(menupoint.jpg);
	background-position:left;
	background-repeat:no-repeat;
	margin: 0px 0px 0px 8px;
	padding:4px 0px 0px 12px;
	text-decoration:none;
}
.menu li.highlite2 a, .menu li.Nivo2 a:active, .menu li.Nivo2 a:hover, .menu li.Nivo2 a.sfhover {
	border: solid 0px;
	/*color : #7E7B76;*/
	color:#333333;
	font-size : 12px;
	margin: 0px 0px 0px 8px;
	padding:4px 0px 0px 12px;
	text-decoration:none;
	background-image:url(menupoint.jpg);
	background-position:left;
	background-repeat:no-repeat;
}
/***AFBEELDING***/
.afbeelding{
	width:400px;
	height:225px;
	float:left;
	margin:15px 0px 0px 180px;
	*margin:15px 0px 0px 178px;
	padding: 0px 0px 0px 0px;
}
/***NIEUWS EN TWITTER***/
.nieuwsvak {
	width:230px;
	height:225px;
	float:right;
	margin:15px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.nieuwsitem {width:230px;
	height:150px;
	float:right;
	background-color:#CCE1EF;
	margin:0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.nieuwsitem h1{
	width:220px;
	height:15px;
	font-size:14px;
	color:#0168B3;
	margin:5px 5px 5px 5px;
	padding: 0px 0px 0px 0px;
}
.nieuwsitem .news{ 
	color : #0168B3;
	font-size:12px;
	margin:5px 5px 5px 5px;
}
.nieuwsitem .title{display:none;}
.nieuwsitem .info .date{display:none;}
.nieuwsitem .leesmeer{display:none;}
.twitter  {
	width:230px;
	height:25px;
	margin:20px 0px 0px 0px;
	float:right;
}
.twitterlogo {
	width:45px;
	height:50px;
	float:left;
}
.twittertekst{	
	width:185px;
	height:20px;
	color:#0168B3;
	font-size:11px;
	float:right;
	margin:12px 0px 0px 0px;
	font-weight:bold;
}
.twittertekst a{	
	color:#0168B3;
	text-decoration:none;
}
.twittertekst a:hover{	
	color:#0168B3;
	text-decoration:underline;
}
/****VIDEOBOX****/
.videobox {
	height:270px;
	width:270px;
	float:right;
	color : #0168B3;
	margin:8px 0px 0px 0px;
}
.videotop {
	height:30px;
	width:270px;
	text-align:center;
	margin:10px 0px 0px 0px;
}
.videoafbeelding {
	height:173px;
	width:230px;
	margin:0px 0px 0px 20px;
}
.videobottom {
	height:71px;
	width:270px;
	text-align:center;
}
.videobottom a{	color : #0168B3;
	text-decoration:none;}
.videobottom a:hover{	color : #0168B3;
	text-decoration:underline;}
/****KEYWORDCLOUD****/
.keywordcloudbox {
	width:230px;
	float:right;
	color : #0168B3;
	margin:50px 0px 50px 0px;
	padding:0 30px 0 10px;
}
.keywordcloudbox ul {
margin:0;
padding:0;
}
.keywordcloudbox .kop {
font-size:16px;
font-weight:bold;
margin-bottom:10px;
}
.keywordcloudbox span {
text-decoration:none;
color:#666666;
font-size:12px;
}
.keywordcloudbox span.k3, .keywordcloudbox span.k6, .keywordcloudbox span.k9 {
font-size:14px;
color:#666666;
}
.keywordcloudbox span.k2, .keywordcloudbox span.k5, .keywordcloudbox span.k8 {
font-size:10px;
color:##666666;
}
.keywordcloudbox span.k1, .keywordcloudbox span.k4, .keywordcloudbox span.k7 {
font-size:16px;
color:#0168B3;
}
/****CONTENTTITEL****/
.toptitel {
	background-color:#CCE1EF;
	height:30px;
	width:477px;
	*width:565px;
	padding: 0px 0px 0px 88px;
	margin: 15px 4px 0px 15px;
	*margin: 15px 4px 0px 13px;
	float:left;
}
.toptitel H1 {
	font-size: 18px;
	font-weight: bold;
	color:#0168B3;
	padding: 4px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.toptitel H1 .date {display:none;}
/****CONTENT****/
.contentwrap {	
	width:990px;
	height:auto;
}
#content {
	width: 610px;
	font-size: 12px;
	color: #666666;
	min-height:200px;
	height:auto!important;
	height:200px;
	line-height: 150%;
	padding:  0px 0px 0px 0px;
	margin: 15px 110px 10px 0px;
	border: 0px;
	text-align:left;
	float:right;
font-family:Verdana,sans-serif;
}
#content table {
	font-size: 12px;
	color: #666666;
	border: 0px solid #FFFFFFF;
	text-align:left;
}
#content H1 .date {display:none;}
#content p {
	margin: 0px 0px 10px 0px;
}
#content a {	
	font-size: 12px;
	color:#0168B3;
	text-decoration:none;
	font-weight:bold
}
#content a:hover {
	font-size: 12px;
	color:#0168B3;
	text-decoration:underline;
	font-weight:bold;
}
/***NIEUWSITEMS***/
#content .subview .date {
	padding:0px 5px 0px 0px;
	margin:0px 0px 0px 0px;
}
/*****FOOTER*****/
.footer {
	height:60px;
	width:990px;
	float:left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.footertekst {
	text-align: center;
	color:#0168B3;
	font-size:12px;
	
	
}
/*****************FORMULIER*******************/
.contactform{	
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
}
input.tekst {
	width: 300px;
	height: 20px;
	max-height: 18px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #000000;
	margin: 0px 0px 3px 0px;
	border: 1px solid #CCCCCC;
}
select.tekst {
	width: 260px;
	height: 20px;
	max-height: 18px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #000000;
	margin: 0px 0px 3px 0px;
	border: 1px solid #CCCCCC;
}
input.tekst {
	width: 270px;
	height: 22px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #000000;
	border: 1px solid #CCCCCC;
	overflow: auto;
	margin: 0px 0px 3px 0px;
}
textarea.tekstgebied {
	width: 270px;
	border: 1px solid #CCCCCC;
	height: 125px;
	max-height: 123px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #000000;
	margin: 0px 0px 3px 0px;
	overflow: auto;
}
.knop {
	width: 102px;
	background: #FFFFFF url(versturen-button.jpg) no-repeat;
	border: 1px solid #CCCCCC;
	cursor:pointer;
	color:#000066;
	margin:-5px 0px 0px 0px;
}
select {	
	width: 270px;
	height: 20px;
	font-size: 12px;
	color: #000000;
	border: 1px solid #CCCCCC;
	overflow: auto;
	margin: 0px 0px 3px 0px;
}
form {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
hr {
	height: 0px;
	border: 0px;
}
.materiaalbottom {with:600px;
	height:100px;
	text-align:center;
	font-weight:bold;
	color:#0168B3;}
/*****KNOPPPEN*********/
.metaalknop { width:70px; height:100px; float:left; margin: 0px 1px 0px 0px;}
.metaalknop a { width:70px; height:70px; background-image:url(metaal.png); background-repeat:no-repeat; background-position:center; display:block;}
.metaalknop a:hover { width:70px; height:70px; background-image:url(metaal-over.png); background-repeat:no-repeat; background-position:center; display:block;}
.metaalknop a:active { width:70px; height:70px; background-image:url(metaal-over.png); background-repeat:no-repeat; background-position:center; display:block;}
.houtknop { width:70px; height:100px; float:left; margin: 0px 1px 0px 0px;}
.houtknop a { width:70px; height:70px; background-image:url(hout.png); background-repeat:no-repeat; background-position:center; display:block;}
.houtknop a:hover { width:70px; height:70px; background-image:url(hout-over.png); background-repeat:no-repeat; background-position:center; display:block;}
.composietknop { width:72px; height:100px; float:left; margin: 0px 1px 0px 0px;}
.composietknop a { width:72px; height:70px; background-image:url(composiet.png); background-repeat:no-repeat; background-position:center; display:block;}
.composietknop a:hover { width:72px; height:70px; background-image:url(composiet-over.png); background-repeat:no-repeat; background-position:center; display:block;}
.kunststofknop  { width:70px; height:100px; float:left; margin: 0px 1px 0px 0px;}
.kunststofknop  a { width:70px; height:70px; background-image:url(kunststof.png); background-repeat:no-repeat; background-position:center; display:block;}
.kunststofknop  a:hover { width:70px; height:70px; background-image:url(kunststof-over.png); background-repeat:no-repeat; background-position:center; display:block;}
.steenknop { width:73px; height:100px; float:left; margin: 0px 1px 0px 0px;}
.steenknop a { width:73px; height:70px; background-image:url(steen.png); background-repeat:no-repeat; background-position:center; display:block;}
.steenknop a:hover { width:73px; height:70px; background-image:url(steen-over.png); background-repeat:no-repeat; background-position:center; display:block;}
.glasknop  { width:70px; height:100px; float:left; margin: 0px 1px 0px 0px;}
.glasknop  a { width:70px; height:70px; background-image:url(glas.png); background-repeat:no-repeat; background-position:center; display:block;}
.glasknop  a:hover { width:70px; height:70px; background-image:url(glas-over.png); background-repeat:no-repeat; background-position:center; display:block;}
.rubberknop { width:70px; height:100px; float:left; margin: 0px 1px 0px 0px;text-align:left;}
.rubberknop a { width:70px; height:70px; background-image:url(rubber.png); background-repeat:no-repeat; background-position:center; display:block;}
.rubberknop a:hover { width:70px; height:70px; background-image:url(rubber-over.png); background-repeat:no-repeat; background-position:center; display:block;
}
.diversknop  { width:126px; height:100px; float:left; margin:0 1px 0 -16px;
*margin:0 1px 0 -20px;
}
.diversknop  a { width:106px; height:70px; background-image:url(diverse-materialen.png); background-repeat:no-repeat; background-position:center; display:block;}
.diversknop  a:hover { width:106px; height:70px; background-image:url(diverse-materialen-over.png); background-repeat:no-repeat; background-position:center; display:block;}
.houtfilm a, .driedfilm a {
	color:#0168B3;
	text-decoration:none;
	font-size:12px;
}
.driedfilm a, .houtfilm a {
	font-size:11px;
}
.driedfilm {
	left:556px;
	position:absolute;
	top:463px;
	width:190px;
	*top:468px;
}
.houtfilm {
	left:496px;
position:absolute;
top:463px;
*top:468px;
width:260px;
}
span.date {
	margin-right:10px;
}
body.materialen #content {
border:0 none;
color:#666666;
float:right;
font-family:Verdana,sans-serif;
font-size:12px;
height:auto !important;
left:30px;
line-height:150%;
margin-bottom:10px;
margin-right:110px;
margin-top:15px;
min-height:200px;
padding:0;
position:relative;
text-align:left;
width:640px;
} 
.materiaalbottom {
	display:none;
}
body.materialen .materiaalbottom {
	display:block;
}