/* ------ 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; overflow: hidden; }
#content .mainContent {	width: 750px;	margin: 20px 0 0 100px; padding:0; overflow: hidden;}

#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: 240px; float: left; font-size: 10px; list-style: none; margin: 0 10px 0 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; }

#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; }


/* ------ PHOTOGALLERY ------*/
.galleryDir {
	padding: 0;
	margin: 0;
}
.galleryDir li {
	list-style:none;
	padding: 5px;
	margin: 0 0 10px 0;
	border:#CCC solid 1px;
	display:block;
	overflow:hidden;
}
.galleryDir li h3 {
	margin: 20px 0 0 0;
}
.galleryDir li img {
	display:block;
	color: #0A2654;
	font-weight:bold;
	width: 150px;
	float:left;
	margin: 0 15px 0 0;
}

#fotogallery		{	 margin:20px 0 0 0;    padding:0;	 overflow: hidden;}
#fotogallery .col1	{	 width: 100px; margin:0 5px 5px 5px; float:left; }
#fotogallery .col1 {
	background: #FFFFFF;
	border:3px solid #4CABDC;
	padding: 3px;
	font-size:10px;
	width:100px;
	height:100px;
}
#fotogallery a {
	background: #FFFFFF;
	border:1px solid #CCCCCC;
	font-size:10px;
	margin:0 2px 2px 2px;
	width:135px;
	height:135px;
	float:left;
}