html,body { height:100%; }
body {
	font-family: Verdana, Tahoma, Arial;
	font-size: 12px;
	margin: 0 auto;
	padding: 0;
	color: #333;
	height: 100%;
	line-height: 20px;
	background: #000 url(../images/body-bg.jpg) fixed;
}
* { margin:0; padding:0; }

h1, h2, h3 { margin-bottom: 15px; font-family: Arial, Verdana, Trebuchet, tahoma; font-weight: normal; color: #6d6d6d; text-shadow: none; }
h1 { font-size: 24px; line-height: 26px; }
h2 { font-size: 18px; line-height: 20px; }
h3 { font-size: 14px; line-height: 18px; text-transform: uppercase; }

/*lINKS*/
a { color: #CC3333; text-decoration: none; }
a:hover { color: #AF2B2B; text-decoration: none; }
a img { border: none; }
.imgleft { float: left; margin-right: 15px; }
.imgright { float: right; margin-left: 15px; }

/*CONTAINER*/
#container{ background: #EEE; width: 970px; min-height: 600px; margin: 0 auto; border-left: 1px solid #fff; border-right: 1px solid #fff; min-height: 100%; }
#centercolumn { width: 950px; margin: 0 auto;}

/*HEADER*/
#header{}
#top { height:94px; padding: 10px 0px 10px 0px; }
#logo { background: #EEE url(../images/logo.png) no-repeat; float: left; width: 389px; height: 94px; }
#topcontact { float: right; width: 130px; margin: 40px 50px 0 0; }
.phone { float: left; }
.phonenumber { float: right; color: #666666; font-size: 16px; }

/*TOP NAV*/
#topnavigation { background-image:url(../images/nav-bg.jpg); height: 40px; z-index:9; }
#navigation { float: left; width: 675px; font-weight: bold; }
#nav { margin: 0; padding: 0; list-style-type: none; z-index: 9; position: relative; }
#nav ul { margin: 0; padding: 0; list-style-type: none; z-index: 10; position:relative; }
#nav li { 
	list-style-type: none; 
	padding: 0; 
	margin: 0; 
	float: left; 
	background: url(../images/nav-sep.jpg) no-repeat; 
	position: relative; 
	background-position: right; 
}
#nav li a { 
	color: #fff; 
	text-transform: uppercase; 
	font-size: 12px; 
	height: 30px; 
	display: block; 
	float: left; 
	padding: 10px 30px 0px 30px; 
	margin-right: 2px; 
	position: static; 
	z-index: 1
}
* html #nav li a { margin-right:1px; } /* ie6 */

#nav li a:hover { background: #333; color:#ebe8e8; text-decoration:none }
#nav li a.active {}
#nav li li {
	margin-top: 0;
	padding: 0;
	border-bottom: 1px solid #666666;
	background: #333;
	position:relative;
	z-index:10
}
#nav ul {
	display: none;
	left: -1px;
	position: absolute;
	top: 40px;
	width: 172px;
	z-index: 10
}
#nav li ul a{
	width: 128px;
	height: auto;
	float: left;
	text-align: left;
	padding: 0 21px;
	text-transform: uppercase; 
	font-size: 12px;
	line-height: 33px;
	z-index: 10
}
#nav ul ul{ top: auto; border-top: none; }	
#nav li ul ul { left: 166px; top: 0; }
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul { display: none; }
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul { display: block; }
#nav li ul a { border-top: none; }

/*CONTENT*/
#content, #content_inner { padding: 20px 0 80px 0; }

/*CONTENT LINKS*/
#contentleft { width: 610px; float: left; padding-right: 30px; text-shadow: 1px 1px 0px #fff; }
#content  ul { margin: 10px 0 0 20px; padding: 0; }
#contentleft li { margin: 0 0 0 10px; padding: 0; }
#contentleft img {}
#maintext { padding: 0 10px 0 10px; }
* html #contentleft { float: left; padding-right: 28px; } /* ie6 */

ul#toc { list-style: none; width: 430px; margin: 20px 0 0 -10px; }
#toc li { background: url(../images/dot.gif) repeat-x 0 0.95em; }
#toc li a { background: #EEE; padding: 0 4px 0 0; cursor: default; color: #333; }
#toc li span { float: right; background: #EEE; padding: 0 0 0 4px; }
#toc li br { clear: both; }
.toc-alignright { background: #fff; border: 1px solid #ccc; padding: 1px; float: right; margin: 25px 0 0 12px; height: 170px; }

/*CONTENT RECHTS*/
#contentright { width: 300px; float: right; margin: 0 10px 0 0; }
.box { margin: 6px; }
.box img { background: #FFF; padding: 1px; border: 1px solid #CCC; width: 288px; margin: 10px 0 0 0; }
.box img:hover { border: 1px solid #999; }

/*NIEUWS*/
.latestnews { }
ul.news { list-style-type: none; margin: 0; padding: 0; line-height: 18px; }
ul.news li { border-bottom: solid 1px #f0f0f0; clear:left; padding: 0 0 10px 0; margin-bottom: 10px; }
ul.news li a { color: #333; display: block; }
ul.news li a:hover { color: #AF2B2B; }
* html ul.news li { height: 70px; } /* ie6 */
.imgleft { margin: 4px 8px 0 0; }
.imgborder{ background: #FFF; border: solid 1px #CCC; padding: 1px; }
.date { color: #999; }

.navscroll  { clear:left; height: 40px; position: relative; }
a.next, a.prev { width:14px; text-indent:-9999px; position: absolute; }
a.next { background:url(../images/down.png) no-repeat; right: 10px; }
a.prev { background:url(../images/up.png) no-repeat; right: 24px; }

.alignright { background: #fff; border: 1px solid #ccc; padding: 1px; float: right; margin: 5px 0 0 12px; }
.alignleft { background: #fff; border: 1px solid #ccc; padding: 1px; float: left; margin: 5px 12px 0 0; }

/*NIEUWSBRIEF*/
.newsletter { padding-top: 200px; }
.newsletter h2 { padding-top: 175px; }
.newsletter p { margin: -10px 0 0 0; }

/* --- Headings  --- */

.expand { padding-bottom: 0em; }
.expand a:hover, .expand  a:active, .expand  a:focus { text-decoration:none; }
.expand a { display:block; padding:3px 10px }
.expand a:link, .expand a:visited {
  background: #F8F8F8; 
  border-width: 1px;
  background-image:url(../images/down.png);
  background-repeat:no-repeat;
  background-position:98% 50%;
}

.expand a.open:link, .expand a.open:visited { background:#FFF url(../images/up.png) no-repeat 98% 50% }


#n { width: 290px; border: 1px solid #CCC; font-style: italic; color: #999; margin: 4px 0 0 0; padding: 4px; }

/*PROJECT INFO*/
.project_info { float: right; margin: 0; width: 310px; font-size: 11px; }
.project_info p { text-align: left; }

.projecten_small { width: 970px; }
.projecten_small ul { display: inline;  padding: 0; margin: 0; }
.projecten_small li { display: inline; float: left; }
.projecten_small li a { float: left; list-style: none; background: #fff; margin: 0 24px 14px 0; padding: 5px 5px 0 5px; border: 1px solid #ccc; }

.projecten_small li a:hover { border: 1px solid #AFAFAF; }
.projecten_small img { display: inline;  }

.googlemaps { border: 5px solid #CCC; }

.sitemap { list-style-image: url(../images/arrow.gif); }
.sitemap ul { margin-left: 20px; }

#player { }

/*FOOTER*/
#footer { width: 950px; height: 50px; color: #454545; bottom: 0;  }
#footer a, #footer a:visited { color: #454545; }
#footer a:hover { color: #454545; text-decoration: underline; }
#footerleft { padding: 20px 0 0 10px; float: left; }
#footerright { padding: 20px 10px 0 0; float: right; }

/*OVERIG*/
hr { border-top: 1px solid #CCC; border-bottom: 1px solid #FFF; border-left: none; border-right: none; }
.clr { clear: both }
form{ margin:0; padding:0; }