/*--- colors---
tekst 066E97
links 0089B3
hover links B62C61

*/

body {
	background:#eef6fa;
	font-family: Verdana, "Trebuchet MS", Arial, sans-serif;
	color:#373737;
	font-size:11px;
}

h1 {
	margin-top: 0;
	color:#b62c61;
	font-size:140%;
}

h2 {
	color:#b62c61;
	font-size:120%;
}
h3 {
	color:#b62c61;
	font-size:100%;
	font-weight:bold;
	margin-bottom: 0;
}
p {
	margin: 0 0 1em 0;
}
a {
	color:#0089B3;
	font-size:100%;
	font-weight:bold;
	text-decoration:none;
}
a:hover {
	color:#B62C61;
}

div#container1 {
	width:990px;
	background:#fff;
	padding-bottom:20px;
	top:0px;
	margin: auto;
}

div#container2 {
	width:970px;
	float: left;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom:20px;
	background:#fff;
}

div#top {
	width:970px;
	position:relative;
	height:20px;
	color:#33a1c2;
}

div#top a {
	font-size:10px;
	text-decoration:none;
	color:#0083B5;
	line-height:18px;
}

div#header {
	width:970px;
	height:110px;
	background:url(/skin/header.jpg) no-repeat left top #bcdaeb;
}

div#header a#home {
	padding-left:14px;
	text-decoration:none;
	font-family: Verdana, Tahoma, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#fff;
	top:93px;
	position:relative;
}

div#header a#home:hover {
	color:#B62C61;
}
#offerte48u input.textfield {
	width: 230px;
}
#offerte48u input  {
	float: right;
}
#offerte48u div {
	height: 30px;
	text-align: left;
}
#offerte48u .validation-advice {
	color: red;
}
#offerte48u .sendform {
	margin-top: 10px;
}
div#email {
	width:160px;
	height:20px;
	position:absolute;
	right:30px;
	top:70px;
}

div#logo {
	width:240px;
	height:80px;
	left:20px;
	position:absolute;
}

div#navigatie {
	height:259px;
	width:970px;
	position:relative;
	}

div#links {
	width:582px;
	height:259px;
	position:relative;
	float:left;
}

div#navigatielinks {
	width:194px;
	height:259px;
	position:relative;
	background:#b62c61;
	float:left;
}

div#plaatje {
	width:388px;
	height:259px;
	position:relative;
	float:right;
	background:url(/skin/foto1.jpg);
}

div#rechts {
	width:388px;
	height:259px;
	position:relative;
	float:right;
	background:#bcdaeb;
}

div#klantenservice {
	width:194px;
	/*height:259px;*/
	position:relative;
	float:left;
}

div#overenergiewacht {
	width:194px;
	/*height:259px;*/
	position:relative;
	float:right;
}

/*--- Subnavigatie ---*/

div#subnavigatie {
	width:626px;
	height:24px;
	position:relative;
	padding-left:144px;
}

div#subnavigatie ul {
	list-style: none;
	margin-top:10px;
}

div#subnavigatie ul li{
	display: inline;
	margin: 0 10px 0 0;
}

div#subnavigatie ul li a {
	text-decoration:none;
	color:#0083b5;
	line-height:18px;
}

div#subnavigatie ul li a:hover, div#subnavigatie ul li a.active {
	color:#b62c61;
}

/*--- End ---*/

div#content {
	width:970px;
	position:relative;
	min-height:350px;
	clear:right;
}

div#linksplaatje {
	width:190px;
	height:280px;
	position:relative;
	background: #ffffff;
	color: #B62C61;
	float:left;
}
div#linksplaatje .text {
	position: relative;
	min-height: 30px;
	margin-bottom: -30px;
	background-color: #0089B3;
	color: #fff;
	padding: 5px;
	text-align: center;
		font-family: Verdana, Tahoma, sans-serif;
		font-size:13px;
		font-weight:bold;
}
div#linksplaatje h2 {
	margin: 0;
	padding: 0;
	font-size: 17px;
	color: #ffffff;
}

div#tekst {
	width:566px;
	padding-left:30px;
	padding-right:30px;
	position:relative;
	float:right;
}

div#links2 {
	float:left;
	width:816px;
}

div.rechts2 {
	float:right;
	clear:right;
	margin: 0;
	width:150px;
	cursor: pointer;
}
div.rechts2 img {
	margin: 0 0 15px 0;
	border: 0;
}

div#footer {
	height:50px;
	width:970px;
	/*position:inherit;*/
	float: left;
	background:#fff;
	clear:both;
	}

div#footer div#space {
	width:970px;
	height:30px;
	background:none;
}

/*--- main nav ---*/

#nav {
	position: relative;
	width: 194px;
	height: 200px;
	background: #9eb817;   
}
#sitenav {
	list-style: none;
	width: 194px;
	margin: 0;
	padding: 0 0 0 0;
}
#sitenav li {
	height: 21px;
	margin: 0;
	padding: 0;
}
#sitenav a {
	display: block;
	height: 22px;
	width: 180px;
	color:#fff;
	text-decoration:none;
	padding-left:14px;
	line-height:22px;
	font-family: Verdana, Tahoma, sans-serif;
	font-size:10px;
	font-weight:bold;
	background:#b62c61;
}
#sitenav a:hover, #sitenav a.active {
	background:#e2abc0;
	color:#b62c61;
}

#sitenav li.topnav a {
	background:#fff;
	color:#0083b5;
	font-weight:bold;
}

#sitenav li.topnav a:hover {
	color:#0083b5;
}

#sitenav li.default a:hover, #sitenav li.default a.active {
	color:#fff;
	background:#b62c61;
}

#sitenav li.topnav a:hover, #sitenav li.topnav a.active {
	background:#fff;
	color:#b62c61;
}

div#navigatielinks.subnav {
	background:#e2abc0;
}

#sitenav li.topsubnav a {
	background:#e2abc0;
	color:#b62c61;
}

#sitenav li.topsubnav a:hover, #sitenav li.topsubnav a.active{
	color:#fff;
	font-weight:bold;
}    

#sitenav li.default a:hover {
	background:#b62c61;
	color:#fff;
}

/*--- rechternavigatie ---*/

#servicenav {
	list-style: none;
	width: 194px;
	margin: 0;
	padding: 0 0 0 0;
}
#servicenav li {
	height: 22px;
	margin: 0;
	padding: 0;
}
#servicenav a {
	display: block;
	height: 22px;
	width: 180px;
	color:#0083b5;
	text-decoration:none;
	padding-left:14px;
	line-height:22px;
	font-family: Verdana, Tahoma, sans-serif;
	font-size:10px;
	font-weight:bold;
}
#servicenav a:hover, #servicenav a.active {
	color:#fff;
	background:#0083b5;
}

#servicenav li.topnav a {
	color:#0083b5;
	font-weight:bold;
	background:#fff;
}

#servicenav li.topnav a:hover, #servicenav li.topnav a.active {
	color:#B62C61;
	background:#fff;
}

#servicenav li.topsubnav a:hover,
#servicenav li.topsubnav a.active  {
	background:#81c1da;
	color:#fff;
}

#servicenav li ul.dropdown {
	display:none;
	list-style: none;
	position:absolute;
	left:-40px;
}

#servicenav li:hover ul.dropdown {
	display:block;
}


#servicenav li ul.solid {
	list-style: none;
	position:absolute;
	left:-40px;
}

#servicenav li.topnav li a:hover, #servicenav li.topnav li a.active {
	background:#0083B5;
	color:#fff;
}

#servicenav li.topnav li.topsubnav a:hover, #servicenav li.topnav li.topsubnav a.active {
	background:#81c1da;
	color:#fff;
}

/*--- Footer ---*/

table.disclaimer {
	color:#fff;
	padding-left:10px;
	padding-right:10px;
	font-size:10px;
	line-height:20px;
	background:#0083B5;
}

table.disclaimer a {
	font-weight:normal;
	text-decoration:none;
	color:#fff;
	font-size:10px;
}


form table {
	border-collapse: collapse;
	width:500px;
}
form tr {
	vertical-align: top;
}
form th {
	color: #FFF;
	background-color: #0089b3;
	text-align: left;
	padding: 1px;
	margin: 0;
}
form table.sollicitatie th {
	color: #0089b3;
	background-color: #ffffff;
	text-align: left;
	padding: 1px;
	margin: 0;
}
form td {
	padding: 4px 4px 4px 0;
}
form input[type="text"] {
	border: 1px solid #0089b3;
	color: #000;
	width: 90%;
}
form textarea {
	border: 1px solid #0089b3;
	color: #000;
	width: 100%;
}
select {
	border: 1px solid #0089b3;
}

/* ADDITIONS BY TIM */
div#linksplaatje {
/*
		margin-top: 0;
	position: absolute;
	top: 0;
	left: 0;
float: left;
*/
}
div#linksplaatje img#kaartje {
	border: 0;
}
div#postform {
	text-align: left;
	position: relative;
	float: left;
	top: -28px;
	font-weight: bold;
	color: #b62c60;
	padding-left: 100px;
	margin: 0px;
}
div#error {
	text-align: left;
	color: #b62c60;
	font-weight: bold;
	position: absolute;
	top: 285px;
	left: 5px;
}
input#postcode {
	width: 60px;
	border: 0;
	background: #ffffff;
}
input#postbtn {
	border: 0;
		color: #b62c60;
	background-color: #b62c60;
	background-image: url('/skin/submit.jpg');
	background-repeat: no-repeat;
	background-position: center center;
	height: 20px;
	width: 20px;
	cursor: pointer;
}
input#postbtn:hover {
	background-image: url('/skin/submith.jpg');
}
div#checkdiv {
	width: 200px;
	color: #ff0000;
	position: absolute;
	top: 152px;
	left: 515px;
	border: 1px solid #999999;
	background-color: #fff9f0;
	padding: 4px 10px;
}
div#navigatie #rechts #klantenservice, div#navigatie #rechts #overenergiewacht {
	z-index: 1;
}
div#storing {
	position: absolute;
	top: 370px;
	margin-left: 590px;
	width: 380px;
}
.hidden {
	height: 0;
	width: 0;
	display: none;
}

		div#gallery {
			height: 445px;
			width: 566x;
			overflow: hidden;
			position: relative;
			top: 0;
			right: 0;
		}
			div#gallery div.items {
				height: 405px;
				width: 100%;
				overflow: hidden;
				position: absolute;
				left: 0;
			}
				div#gallery div.item {
					float: left;
					height: 120px;
					width: 186px;
					margin: 15px 1px 0;
					text-align: center;
					overflow: hidden;
					position: relative;
				}
				div#gallery div.item span.overlay {
					display: block;
					height: 40px;
					width: 100%;
					background: #ffffff;
					opacity: 0.50;
					filter: alpha(opacity=50);
					position: absolute;
					bottom: 0;
					left: 0;
				}
				div#gallery div.item span.name {
					display: block;
					padding-left: 19px;
					line-height: normal;
					font-size: 13px;
					font-weight: bold;
					position: absolute;
					bottom: 10px;
					left: 0;
				}
			div#gallery div.nav {
				width: 100%;
				background: #e1e1e1;
				text-align: center;
				position: absolute;
				bottom: 0;
				left: 0;
			}
				div#gallery div.nav a, div#gallery div.nav a:visited {
					display: inline-block;
					height: 36px;
					width: 23px;
					margin: 0 25px;
					background: transparent none no-repeat center top;
					outline: none;
				}
				div#gallery div.nav a:hover {
					background-position: center bottom;
				}
				div#gallery div.nav a#gallery_prev {
					background-image: url('/skin/gallery_prev.png');
				}
				div#gallery div.nav a#gallery_next {
					background-image: url('/skin/gallery_next.png');
				}

div#credits {
	float: left;
	clear: both;
	width: 100%;
	font-size: 10px;
	color: #777777;
	position: relative;
}
		div#credits a, div#credits a:visited,
		div#credits a:hover, div#credits a:active {
			text-decoration: none;
			color: #091bc8;
		}

div#video {
	height: 259px;
	width: 388px;
	position: absolute;
	top: 0;
	left: 0;
}
	div#video object {
		height: 100%;
		width: 100%;
		outline: none;
	}