@charset "UTF-8";
/* CSS Document */


* {
	margin:0;
	padding:0;
}

html, body {
	height:100%;
	overflow-y:hidden;
}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #333333;
	text-align:center; /* horizontal centering for IE Win quirks */
	background-image: url(/images/background.gif);
	background-repeat: repeat-x;
	background-position:center center;
}
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height:20px;
}
img {
	border:0px;
}
#distance { 
	width:1px;
	height:50%;
	background-color:#fc6;
	margin-bottom:-300px; /* half of container's height */
	float:left;
}

#container_top {
	margin:0 auto;
	position:relative;
	text-align:left;
	height:45px;
	width:960px;
	clear:left;
	overflow:hidden;
}
#container_top div div {
	float:right;
	margin-left:30px;
	margin-top:20px;
	color:#999999;
	font-size:11px;
}
#container_top div div a{
	color:#999999;
	text-decoration:none;
}
#container_top div div a:hover{
	color:#FFFFFF;
	text-decoration:none;
}
#container_top div div img{
	vertical-align:middle;
	margin-right:6px;
}
#container_center {
	margin:0 auto;
	position:relative;
	text-align:left;
	height:510px;
	width:100%;
	clear:left;
	background-color:#EAEAEA;
	background-image: url(/images/background_midden.jpg);
	background-repeat: repeat-x;
	background-position:center center;
	overflow:hidden;
}
#container_center2 {
	margin:0 auto;
	position:relative;
	text-align:left;
	height:510px;
	width:960px;
	clear:left;
	background-color:#FFFFFF;
	overflow:hidden;
}
#container_bottom {
	margin:0 auto;
	position:relative;
	text-align:left;
	height:30px;
	width:960px;
	clear:left;
	overflow:hidden;
}
#container_bottom div {
	margin-top:7px;
	color:#999999;
	font-size:11px;
}
#container_bottom div a{
	color:#EAEAEA;
	text-decoration:none;
}
#container_bottom div a:hover{
	color:#00CC00;
}

#container_navigatie1 {
	margin:0 auto;
	position:relative;
	z-index:11;
	text-align:left;
	height:510px;
	width:160px;
	float:left;
	background-color:#FFFFFF;
	overflow:hidden;
}
#container_navigatie1 div div {
	padding:6px 0px 6px 0px;
}
#container_navigatie1 a {
	color:#0099FF;
	font-size: 12px;
	line-height:16px;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:normal;
}
#container_navigatie1 a:hover {
	color:#003366;
}

#container_navigatie2 {
	margin:0 auto;
	position:relative;
	z-index:12;
	text-align:left;
	height:510px;
	width:160px;
	float:left;
	/* background-color:#41B3FF; */
	background-color:#5DBEFF;
	overflow:hidden;
}
#container_navigatie2 div div {
	padding:6px 0px 6px 0px;
}
#container_navigatie2 a {
	color:#FFFFFF;
	font-size: 12px;
	line-height:16px;
	text-decoration:none;
	font-weight:normal;
}
#container_navigatie2 a:hover {
	color:#003366;
}
#container_navigatie2 div div.subnavigatie {
	padding:0px 0px 2px 16px;
}
#container_navigatie2 div div.subnavigatie a {
	color:#FFFFFF;
	font-size: 10px;
	line-height:12px;
	text-decoration:none;
	font-weight:normal;
}
#container_navigatie2 div div.subnavigatie a:hover {
	color:#003366;
}

#container_main_fotos {
	margin:0 auto;
	position:relative;
	text-align:left;
	height:510px;
	width:320px;
	float:left;
	background-color:#FFFFFF;
	overflow:hidden;
}
#container_main_webpaginas {
	margin:0 auto;
	position:relative;
	text-align:left;
	height:510px;
	width:320px;
	float:left;
	overflow:hidden;
}
#container_main_webpaginas a {
	text-decoration:none;
	color:#003366;
}
#container_main_webpaginas a:hover {
	text-decoration:none;
	color:#000033;
}

#container_referenties {
	position:absolute;
	z-index:10000;
	height:510px;
	width:480px;
	overflow:hidden;
	display:none;
	margin-left:0px;
}

.tekst {
	font-size:13px;
	line-height:20px;
	color:#333333;
}
.tekst_klein {
	font-size:10px;
	line-height:18px;
	color:#333333;
}
.kop {
	font-weight:bold;
	text-transform:uppercase;
	color:#000033;
	font-size:15px;
}
.subkop {
	font-weight:bold;
	color:#000033;
}
.nieuws_datum {
	font-size:11px;
	color:#FFFFFF;
	font-style:italic;
}
.nieuws_kop {
	font-weight:bold;
	color:#000033;
}
.scroll-pane {
	height: 510px;
	overflow: hidden;
}
#leftrightslides {
	width:320px;
	height:510px;
	overflow:hidden;
}
#leftrightslides div {
	position:absolute;
	width:320px;
	height:510px;
	overflow:hidden;
	z-index:0;
}
#leftrightslides img {
	display:none;
}
#leftrightslides_title_background {
	width:320px;
	position:relative;
	margin-top:-40px;
	height:40px;
	overflow:hidden;
	background-color:#FFFFFF;
	-moz-opacity:.40;
	filter:alpha(opacity=40);
	opacity:.40;
	display:none;
}
#leftrightslides_title {
	width:320px;
	position:relative;
	margin-top:-40px;
	height:40px;
	overflow:hidden;
}
#leftrightslides_title div {
	padding:3px;
	font-size:11px;
	line-height:14px;
	text-align:center;
	color:#333333;
}


#sitemap ul {
	margin-left:20px;
}
#sitemap li {
	color:#FFFFFF;
}
#sitemap li a {
	color:#FFFFFF;
}



form {
}

input, textarea {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 11px;
	line-height: 11px;
	margin: 0px 10px 0px 0px;
	padding: 1px;
	border: 1px solid #CCCCCC;
	background-color:#FFFFFF;
	background-image:url(/images/verloop.jpg);
	background-repeat:repeat-x;
}
form input {
		width:100%;
}

select {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 11px;
	line-height: 11px;
	margin: 0px 10px 0px 0px;
	padding: 1px;
	border: 1px solid #CCCCCC;
	background-color:#FFFFFF;
	background-image:url(/images/verloop.jpg);
	background-repeat:repeat-x;
}

.smal {
		width:120px;
}
form textarea {
		width:100%;
		background-position:bottom;
}
form div {
	margin-bottom:6px;
}
.block { display: block; }

.submit {
	display:inline-block;
	padding:0px 8px 0px 8px;
	height:28px;
	width:inherit;
	line-height:27px;
	font-size:11px;
	background-color:#5DBEFF;
	border:0px;
	color:#FFFFFF;
	font-weight:bold;
	float:right;
}
a.submit:hover {
	background-color:#FFFFFF;
}

#referentiescroll_container {
	width:480px;
	height:40px;
	position:relative;
	margin-top:-40px;
	background-color:#66C2FF;
	overflow:hidden;
}
#referentiescroll {
	height:40px;
}
#referentiescroll div {
	height:40px;
	overflow-y:hidden;
	line-height:40px;
	float:left;
	margin:0px 10px 0px 10px;
	color:#FFFFFF;
}


label { font-weight:bold;}
label.error { font-weight:normal;display: none; color:#FFFFFF; text-transform:none; font-size:10px; line-height:10px;}	
div.error { color:#FFFFFF; text-transform:none; font-size:10px; }	


.referentiebedrijven {
}
.referentiebedrijven div {
	padding:2px 0px 2px 0px;
}
#container_main_webpaginas .referentiebedrijven a {
	color:#FFFFFF;
	font-size: 11px;
	line-height:13px;
	text-decoration:none;
}
#container_main_webpaginas .referentiebedrijven a:hover {
	color:#000033;
}

.referentieprojecten {
	font-size: 11px;
	line-height:13px;
}
.referentieprojecten div {
	padding:2px 0px 2px 0px;
}
.referentieprojecten a {
	text-decoration:none;
	color:#000033;
}
.referentieprojecten a:hover {
	color:#003366;
}

.referentieprojecten table td {
	vertical-align:top;
	font-size:11px;
	line-height:14px;
}

.button_orange {
	display:block;
	width:300px;
	background-image:url(/images/background_button_orange.jpg);
	background-position:center;
	padding:4px 4px 4px 10px;
	border:2px solid #FFFFFF;
	font-size:12px;
	font-weight:bold;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color:#FFFFFF;
}