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

* {
	margin: 0;
}

p {
	margin: 0;
	padding:0;
}

html, body
{
    font-family: 'Droid Sans', sans-serif;
    font-size: 14px;
	line-height: 18px;
	text-align: left;
    color: #000;
    width: 100%;
	height: 100%;
	min-width: 945px;
	min-height:500px;
}

#centreren
{
	position:relative;
	width:945px;
	margin: 0px auto 0px auto;
	height:100%;
}

#container {
	min-height: 100%;
	height: 100%;
	height: auto !important;
	margin: 0 auto -460px; /* zelfde hoogte als de #footer:height  */
	background-color:#a00202;
	background-image:url(../afbeeldingen/bg-header.jpg);
	background-repeat:no-repeat;
}

#footer {
	position: relative;
	height: 324px;
	background-image:url(../afbeeldingen/bg-footer.jpg);
	background-repeat:no-repeat;
	background-position:center;
	padding-left:0px;
}

.clearfooter {
	height: 324px;
	clear: both;
}

#footercontent {
	position: relative;
	height: 0px;
	width:925px;
	top:-260px;
	margin: 30px auto 0px auto;
}

#footercontent-home {
	position: relative;
	height: 0px;
	width:925px;
	top:20px;
	margin: 260px auto 0px auto;
}

#links {
	position: absolute;
	left:0;
	width:auto;
	color:#FFF;
}

#midden {
	position: absolute;
	left:220px;
	width:240px;
	color:#FFF;
}

#rechts {
	position: absolute;
	left:500px;
	width:400px;
	color:#FFF;
}

#copyright
{
	position:relative;
	left:0px;
	top:250px;
	width:auto;
	height:auto;
	text-align:left;
    font-family: 'Droid Sans', sans-serif;
	font-size:11px;
	color:#fff;
	line-height:18px;
}

a.menu:link { color: #fff; text-decoration:none;}
a.menu:visited { color: #fff; text-decoration:none;}
a.menu:hover { color: #fff; text-decoration:underline;}
a.menu:active { color: #fff; text-decoration:underline;}

a.dienst:link { color: #fff; text-decoration:none;}
a.dienst:visited { color: #fff; text-decoration:none;}
a.dienst:hover { color: #897e8c; text-decoration:none;}
a.dienst:active { color: #897e8c; text-decoration:none;}

.style1 {color: #fff}
.style2 {color: #000}
.style3 { text-align:center }

.projecten
{
width:184px;
height:41px;
background-image:url(../afbeeldingen/projecten-aan.jpg);
float:left;
}

.versturen
{
width:114px;
height:24px;
background-image:url(../afbeeldingen/versturen-aan.jpg);
float:left;
}

.projecten a {display:block}
.projecten img {width:100%; height:100%}
.projecten a:hover img {visibility:hidden;}
.versturen a {display:block}
.versturen img {width:100%; height:100%}
.versturen a:hover img {visibility:hidden;}

h1 {
    font-family: 'Droid Sans', sans-serif;
	font-size:30px;
	font-weight:bold;
	line-height:36px;
	color:#fff;
	margin:0px;
	padding:0px;
	text-align:left;
	margin-bottom:18px;
}

h2 {
    font-family: 'Droid Sans', sans-serif;
	font-size:18px;
	font-weight:normal;
	line-height:34px;
	color:#fff;
	margin:0px;
	margin-bottom:15px;
	padding:0px;
	float:left;
	text-align:left;
}

h3 {
    font-family: 'Droid Sans', sans-serif;
	font-size:24px;
	font-weight:normal;
	line-height:36px;
	color:#fff;
	margin:0px;
	padding:0px;
	text-align:left;
	text-shadow: 2px 2px #000;
}

#menu
{
	position:absolute;
	left:0px;
	top:163px;
	width:auto;
	height:20px;
	z-index:999;
	margin-left:0px;
	text-shadow: 2px 2px #463d3d;
}

#menu ul li
{
	display:block;
	float:left;
	width:auto;
	height:16px;
	list-style:none;
	margin-left:23px;
	margin-top:10px;
	margin-right:0px;
	padding:0;
    font-family: 'Droid Sans', sans-serif;
	font-size:18px;
	text-align:center;
	text-transform:uppercase;
	font-weight:700;
}

#logo
{
	position:absolute;
	left:0px;
	top:25px;
	width:945px;
	height:auto;
	text-align:center;
}

#expertise{
	position:absolute;
	left:550px;
	top:235px;
	width:395px;
	height:auto;
	z-index:9999;
}

#foto
{
	position:absolute;
	left:0px;
	top:230px;
	width:506px;
	height:278px;
	border:solid #463d3d 10px;
}

#content-home
{
	position:relative;
	left:0px;
	top:580px;
	width:100%;
	height:300px;
	text-align:left;
    font-family: 'Droid Sans', sans-serif;
	font-size:15px;
	line-height:26px;
	color:#000;
	margin-bottom:430px;
	padding:0px;
}

#dienst {
	position:relative;
	width:945px;
	height:auto;
}

#dienst ul {
	padding-left:0;
}

#dienst li {
	float:left;
	height:205px;
	width:293px;
	list-style:none;
	margin-right:15px;
	padding-top:0px;
	text-align:center;
	font-weight:bold;
	font-size:30px;
	line-height:46px;
	background-image:url(../afbeeldingen/schaduw.png);
	background-repeat:no-repeat;
	background-position:center bottom;
}

#content
{
	position:relative;
	left:0px;
	top:230px;
	width:100%;
	height:auto;
	text-align:left;
    font-family: 'Droid Sans', sans-serif;
	font-size:15px;
	line-height:26px;
	color:#fff;
	margin-bottom:130px;
	padding:0px;
}

#content ul li {
	list-style-image:url(../afbeeldingen/icoon-vinkje.png);
	list-style-position:outside;
	margin-left:0px;
}

#map-canvas {
	position:absolute;
	right:0;
	border:8px #FFF solid;
	color:#000;
	z-index:99999;
	height: 300px;
	width:400px;
	margin:0;
}


/***** FORM ****/

form, fieldset, input, textarea {
	margin: 0; padding: 0; border: 0; outline: none;
	position: relative;
	z-index: 3;
}

input {
	width: auto; height: 24px; padding: 0px 0px 0px 10px; margin: 0 10px 10px 0; float:left;
	background: #d1d1d1;
	background: -moz-linear-gradient(top, #ececec 0%, #d1d1d1 40%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ececec), color-stop(40%,#d1d1d1)); /* webkit */
	-moz-box-shadow: 0px 1px 0px #f2f2f2;-webkit-box-shadow: 0px 1px 0px #f2f2f2;
	font-family: Tahoma, Geneva, sans-serif; font-size: 12px; color: #000; text-shadow: 0px 0px 0px #334f71; /* tekstkleur die klant invult */
}

textarea {
	width: auto; height: auto; padding: 10px 3px 3px 10px; margin: 0 0 10px 0;
	background: #d1d1d1;
	background: -moz-linear-gradient(top, #ececec 0%, #d1d1d1 40%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ececec), color-stop(40%,#d1d1d1)); /* webkit */
	-moz-box-shadow: 0px 1px 0px #f2f2f2;-webkit-box-shadow: 0px 1px 0px #f2f2f2;
	font-family: Tahoma, Geneva, sans-serif; font-size: 12px; color: #000; text-shadow: 0px 0px 0px #334f71; /* tekstkleur die klant invult */
}

	input::-webkit-input-placeholder  {
    	color: #474747; text-shadow: 0px 0px 0px #000; /* tekstkleur van label */
	}
	input:-moz-placeholder {
	    color: #474747; text-shadow: 0px 0px 0px #000;
	}

input:focus, textarea:focus {
	background: #897e8c;
	background: -moz-linear-gradient(top, #897e8c 0%, #897e8c 40%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#897e8c), color-stop(40%,#897e8c)); /* webkit */
}

input[name=submit] {
	width: 114px; height: 24px; float: right; padding: 0px 0px; margin: 0px 20px 0 0;
	cursor: pointer;
	background-color:transparent;
	background-image:url(../afbeeldingen/versturen-uit.jpg);
	background-repeat:no-repeat;
	box-shadow:none;
}

input[name=verzenden] {
	width: 100px; height: 38px; float: left; padding: 0px 0px; margin: -55px 0px 0 0;
	cursor: pointer;
	background: #138d24;
	background: -moz-linear-gradient(top, #138d24 0%, #24c64a 40%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#24c64a), color-stop(40%,#138d24)); /* webkit */
	box-shadow:none;
	font-weight:bold;
}


/* Easy Slider */

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{
		/*
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/
		width:506px;
		height:278px;
		overflow:hidden;
		}

	/* numeric controls */

	ol#controls{
		position:absolute;
		left:-10px;
		top:300px;
		margin:0;
		padding:0;
		height:11px;
		z-index:500;
		}
	ol#controls li{
		margin:0 5px 0 0;
		padding:0;
		float:left;
		list-style:none;
		height:11px;
		line-height:11px;
		z-index:500;
		}
	ol#controls li a{
		float:right;
		height:11px;
		line-height:48px;
		background-image:url(../afbeeldingen/on.png);
		background-repeat:no-repeat;
		color:#a00202;
		padding:0 2px;
		text-decoration:none;
		z-index:500;
		}
	ol#controls li.current a{
		background-image:url(../afbeeldingen/off.png);
		background-repeat:no-repeat;
		color:#a00202;
		z-index:500;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}

/* // Easy Slider */

    /* image replacement */
        .graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */