/* Global containers */

html {
	min-height: 100%;
	height: auto;
}

body {
	background-color: #0c1c3e;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 16px;
	color: #fff;
}

div#container {
	min-height: 100%;
	min-width: 100%;
	position: absolute;
	background-image: url(../images/footer.png);
	background-position: bottom center;
	background-repeat: repeat-x;
}


div#header_content, div#content, div#footer {
	width: 850px;
	margin: 0 auto;
}

/* Header */

div#header {
	min-height: 268px;
	background-image: url(../images/header_gradient.png);
	background-repeat: repeat-x;
}

div#header_inside {
	min-height: 268px;
	background-image: url(../images/header.png);
	background-position: top center;
	background-repeat: no-repeat;
}

div#header img#logo {
	left: -18px;
	position: relative;
	float: left;
}

div#header ul#navigation {
	float: right;
	width: auto;
	margin-top: 15px;
}

div#header ul#navigation li {
	display: inline;
	margin-left: 20px;
}

div#header ul#navigation li a {
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	text-decoration: none;
}

div#header #navigation li.back {
	background-image: url(../images/selector.gif);
	background-repeat: no-repeat;
	background-position: center;
	height: 16px;
	margin: 0;
	position: absolute;
	top: -4px;
}

div#header img#striper {
	float: right;
	margin-top: 65px;
	margin-right: -200px;
}

/* Content */

div#content img#tagline {
	position: absolute;
	top: 75px;
}

div#content #dropshadow {
	position: absolute;
	margin: -16px 0 0 -16px;
}

/* Homepage */

div#content div#home_slider {
	min-height: 200px;
}

div#content div#home_slider ul {
	list-style: none;
}

div#content div.home_slider_overlay {
	position: relative;
	background-image: url(../images/overlay.png);
	margin-top: -50px;
	width: 810px;
	padding: 10px 20px;
	font-size: 0.8em;
	font-family: Arial, Helvetica, sans-serif;
	color: #ddd;
}

div#content div. home_slider_overlay strong {
	color: #eee;
}

div#content div#home_left {
	float: left;
	width: 325px;
}

div#content div#home_right {
	margin-left: 375px;
}

div#content div#home_left, div#content div#home_right, div#content div#services_left, div#content div#services_right {
	background-image: url(../images/bullets.gif);
	background-position: top right;
	background-repeat: no-repeat;
}

div#content div#home_left, div#content div#home_right {
	margin-top: 50px;
}

div#content div#home_left p, div#content div#home_right p, div#content div#services_left p, div#content div#services_right p {
	font-size: 0.8em;
	text-align: justify;
	line-height: 1.8em;
	color: #ddd;
}

/* Diensten */

div#content div#services_left {
	position: absolute;
	float: left;
	width: 400px;
}

div#content div#services_right {
	margin-left: 450px;
}

div#content div#services_left img, div#content div#services_right img {
	margin: 25px 0;
}

/* Contact */

div#content form {
	background-image: url(../images/contact.png);
	height: 268px;
	width: 850px;
}

div#content div#contact_left {
	float: left;
	height: 268px;
	width: 245px;
	text-align: center;
}

div#content div#contact_right {
	float: right;
	height: 268px;	
	width: 344px;
}

div#content div#contact_middle {
	height: 268px;	
	margin: 0 359px 0 260px;
}

div#content form input, div#content form textarea {
	background-color: #2a364c;
	border: 1px solid #3d4f68;
	width: 85%;
	margin-top: 5%;
	padding: 5px;
	color: #ccc;
	font-size: 0.7em;
}

div#content form input:focus, div#content form textarea:focus {
	background-color: #627384;
	border: 1px solid #9dbed7;
}

div#content div#contact, div#content div#contact a {
	font-size: 2.5em;
	color: #9ebdff;
	text-align: center;
}

div#content div#contact a {
	font-size: 0.5em;
	text-decoration: none;
}

/* Footer */

div#footer {
	margin: 50px auto 250px auto;
}

div#footer img#bones {
	float: left;
}

div#footer ul {
	float: right;
	width: auto;
	line-height: 110px;	
	list-style: none;
}

div#footer ul li {
	color: #9ebdff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	font-weight: bold;
	float: left;
	width: auto;
	margin-left: 20px;
}

div#footer ul li span.sub {
	color: #4773de;
}

/* Global markup */

a {
	outline: none;
}

h1 {
	font-size: 1.4em;
	font-weight: normal;
}