/* ------ KLEUREN ------*/
/*
blauw logo: #0D0E2D;
rood logo: #FB0000;
*/
/* Force scrollbars */
html {
    overflow: -moz-scrollbars-vertical;
    overflow-y: scroll;
}
body, html {
    height: 100%;
    font-family: Tahoma, Arial, Geneva, sans-serif;
    font-size:12px;
    margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
    padding: 0;
    text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
    color: #000;
    line-height: 16px;
	background:url(../img/bg.jpg) repeat-x top right #FFF;
}
/* ------ ELEMENTS ------*/
a			{ color: #FB0000; text-decoration:none; }
a:hover 	{ color: #900;}
a img 		{ border:none;}
.related 	{ clear: both;}
.date 		{ font-size:10px; color: #128C91;}
.floatLeft 	{ float: left;}
.floatRight { float: right;}
.noBorder 	{ border:none;}
#form 		{ border: #666 dotted 1px; padding: 10px 20px 10px 20px; }
.transparent { filter:alpha(opacity=50); -moz-opacity:0.5;	-khtml-opacity: 0.5; opacity: 0.5; }
* {	outline: none; }

/* ------ CLASSES ------*/
.w240 { width: 240px;}
.w300 { width: 240px;}
.w480 { width: 480px;}



/* ------ CONTENT ------*/
#container 		{	left:  50%;	margin: 0 0 0 -480px; padding: 0;	width: 960px;	text-align:left;	position:absolute;	z-index:1; }
#header 		{	background: url(../img/bg_header.png) no-repeat center bottom;	height: 400px; }
#header .logo	{	position:absolute; z-index: 99999;	margin: 30px 0 0 70px; }
#header .images	{	margin: 0 0 0 70px;	}
#header .images	img{	display: none;	}

#content		{	padding: 0 0 0 0; }
#content .mainContent {	width: 750px;	margin: 20px 0 0 100px; padding:0;}

#footer {	left: 0; background:#333333; height: 130px;	position:absolute;	width: 100%; clear:both;	bottom:0;	margin:0; color: #fff;	}
#footer .marginCenter {	margin: 30px auto 0 auto;	width: 800px;	font-size:10px; }
#footer .bottomAdres {	text-align: left; color: #fff;}
#footer .bottomAdres table	td{ font-size:10px; vertical-align:top; }
#footer .related	{	border-bottom: #CCC solid 1px; margin: 10px 0; clear:both;	}

#projectenHome {	width: 750px;	margin: 20px 0 0 100px; padding:0; }

#projecten table td { border-bottom: #1F1F38 solid 1px;	padding: 5px 0;	}
#projecten .projectImg	{	width: 125px; height: 110px; border: #1e1f3a solid 6px;	}
#projecten .projectImg:hover	{	width: 125px; height: 110px; border: #F0EC05 solid 6px;	}

#cycleSlide ul 		{	list-style:none; width: 100%; margin: 0; padding: 0; font-size:10px;	}
#cycleSlide ul li	{ float: left; margin: 0 0 0 13px; text-align:center;}
#cycleSlide ul li .projectImg	{	width: 125px; height: 110px; border: #1e1f3a solid 6px;	}
#cycleSlide ul li:hover .projectImg	{	width: 125px; height: 110px; border: #F0EC05 solid 6px;	}
#cycleSlide ul li span	{ 	}

#pager { text-align:center;}
#pager a{ margin: 0 2px; color: #718DC5;}
#pager a:hover{ color: #F0EC05;  }
#pager a.activeSlide{ color: #F0EC05;  }

/* ------ FONTS ------*/
h1, h2, h3, h4, h5, h6 {
      font-size: 100%;
}
/* TEXT */
h1 {
    font-size: 26px;
    font-style:normal;
    font-weight: lighter;
	padding:0;
	margin:0;
    color: #000;
}
h2 {
    font-size: 20px;
    font-style:normal;
    font-weight:normal;
	padding:0;
	margin:0;
    color: #000;
}
h3 {
    padding:0;
    margin:0;
    color: #000;
}
/* ------ MODULES ------*/
#subnav { width: 220px; list-style: none; margin: 0; padding: 0;}
#subnav li { border-bottom: #718DC5 solid 1px;}
#subnav li a { line-height: 32px; display: block; padding: 5px 0 5px 15px; line-height: 14px;}
#subnav li:hover { background-color:#EEE; }

.galleryDir li {	list-style:none;	padding: 0;	margin: 0;	height: 60px;	border-bottom:#CCC solid 1px; }
.galleryDir li a{	line-height: 50px;	display:block;	color: #0A2654;	font-weight:bold; }
.galleryDir li a:hover{	display:block;	color: #CCC;	font-weight:bold; }

#archief			{    padding: 0;    margin: 0;    width: 100%; }
#archief li			{    background:url(../img/bg_nieuws_quotes.gif) no-repeat left top;    width: 100%;   list-style:none; border-bottom: #CCC dotted 1px; padding: 5px 0; font-size:11px; }
ul#fotogallery 		{    margin:0;    padding:0; width: 100%;}
ul#fotogallery li	{	float:left;  list-style:none; height: 112px; width: 150px; margin: 5px; padding: 3px; border:#CCC solid 1px; }
ul#fotogallery li:hover	{	border: #999 solid 1px; }