/*----------- General -----------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, 
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { 
margin:0; 
padding:0; 
border:0; 
outline:0;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
line-height:18px;
}

body {
background-image:url(images/header.jpg);
background-color:#FFFFFF;
background-repeat:repeat-x;
color:#000000;
font-family: Arial, Verdana, Tahoma; 
font-size:12px;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:1.5em;
}

html, body, #wrapper {height: 100%;}

body > #wrapper {height: auto; min-height: 100%;}

a {
color:#74ac37;
text-decoration:none;
}

a:hover {
color:#74ac37;
text-decoration:underline;
}

/*----------- Header -----------*/

div#header {
margin:0 auto;
width:960px;
height:450px;
margin-bottom:1em;
}

img#logo {
float:left;
}

/* navigatie */

div#navwrap {
float:right;
margin-top:60px;
}

#uppernav li {
float:left;
display:block;
text-decoration:none;
margin-left:10px;
line-height:30px;
font-family: calibri, Arial, Verdana, Tahoma; 
font-size:16px;
}

#uppernav a.button {
    color: #fff;
	font-weight:bold;
    display: block;
    float: left;
    height: 26px;
    padding:5px 10px 0 10px;  
    text-decoration: none;
}

#uppernav a:hover.button {
    background-color:#74ac37;
    color: #fff;
	font-weight:bold;
    display: block;
    float: left;
    height: 26px;
    padding:5px 10px 0 10px;  
    text-decoration: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#uppernav a.active {
    background-color:#74ac37;
    color: #fff;
	font-weight:bold;
    display: block;
    float: left;
    height: 26px;
    padding:5px 10px 0 10px;  
    text-decoration: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

/* einde navigatie */

img#slogan {
float:left;
margin-top:6em;
}

img#einstein {
float:right;
margin-top:6px;
}


/*----------- Content -----------*/

div#mainwrap {
margin:0 auto;
width:960px;
padding-bottom:320px;
}

div#content1{
width:650px;
float:left;
display:block;
}

div.logoboxfirst {
width:310px;
float:left;
padding-right:30px;
}

div.logobox {
width:310px;
float:left;
}

h2.logonaam {
font-size:14px;
font-weight:bold;
color:#363636;
width:180px;
margin:1em 0 0 10px;
float:left;
}

h2.logonaam2 {
font-size:14px;
font-weight:bold;
color:#363636;
width:300px;
}

p.logotekst {
float:left;
width:290px;
margin:1em 0 0 10px;
color:#5a5a5a;
}

a.button2 {
background-color:#74ac37;
color: #fff;
font-weight:bold;
font-size:14px;
font-family: calibri, Arial, Verdana, Tahoma; 
display: block;
float: left;
height: 24px;
padding:5px 10px 0 10px;  
margin:1em 0 0 10px;
text-decoration: none;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

a:hover.button2 {
background-color:#85867c;
}

h1.kop1 {
color:#555555;
font-size:20px;
}

h1.kopcontact {
color:#555555;
font-size:20px;
margin-bottom:1em;
}

h2.kop2 {
color:#74ac37;
font-size:16px;
margin-top:2em;
}

p.text1 {
color:#5a5a5a;
width:600px;
margin-top:1em;
}

p.text2 {
color:#5a5a5a;
width:310px;
margin-top:1em;
}

div.werkitemsfirst {
float:left;
margin-top:2.5em;
}

div.werkitems {
float:left;
margin-top:2em;
padding-top:2em;
border-top:1px solid #cbcbcb;
}

img.itempics {
float:left;
margin-right:20px;
}

div.info {
float:right;
width:310px;
}

h2.title {
font-size:18px;
color:#e273ad;
}

h3.subtitle {
font-size:16px;
font-style:italic;
font-weight:lighter;
}

p.tekstcontact {
padding-top:1.5em;
width:420px;
}

p.tekstcontact2 {
padding-top:1.5em;
width:420px;
color:#797979;
font-style:italic;
}

/* formulier */

div.formulier {
color:#000;
float:left;
font-size:12px;
text-align:left;
font-weight:lighter;
padding-top:2em;
padding-right:100px;
}

div.formobject {
margin:0 0 12px;
}

div.formobject2 {
margin:0 0 12px;
}

div.formobject3 {
margin:0 0 12px;
}

div.formobject4 {
margin:0 0 4.5em;
}

div.formobject label {
display:block;
float:left;
vertical-align:baseline;
width:110px;
}

div.formobject input {
background-color:#ededed;
border:1px solid #cccccc;
width:210px;
}

div.formobject textarea {
background-color:#ededed;
border:1px solid #cccccc;
color:#373738;
width:210px;
height:70px;
}

div.formobject button{
background-color:#74ac37;
border: none;
font-family: calibri, Arial, Verdana, Tahoma; 
float:right;
display:block;
margin:5px 0 0 20px;
width:100px;
height:26px;
color:#fff;
font-size:14px;
font-weight:bold;
padding-top:2px;
padding-bottom:5px;
text-decoration: none;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

div.formobject button:hover{
background-color:#85867c;
border: none;
}

div#leftbox {
float:left;
width:300px;
margin:0 20px 0 0;
}

h1.contactkop {
margin-bottom:1em;
}
div#googlemaps {
border:4px solid #e7e6eb;
float:right;
}

div#rightbox {
float:left;
width:300px;
}

ul.adresgegevens a#email {
color:#74ac37;
}

ul.adresgegevens a#email:hover {
color:#74ac37;
text-decoration:underline;
}

ul.algemeen a {
color:#74ac37;
}

ul.algemeen a:hover {
color:#74ac37;
text-decoration:underline;
}

ul.links a {
color:#74ac37;
line-height:26px;
}

ul.links a:hover {
color:#74ac37;
text-decoration:underline;
}

/*----------- Sidebar -----------*/

div#sidebar{
width:310px;
float:right;
display:block;
}

a#bestel {
background-image:url(images/bestel1.jpg);
background-repeat:no-repeat;
width:250px;
height:90px;
float:right;
}

a:hover#bestel {
background-image:url(images/bestel2.jpg);
}

a#twitter {
background-image:url(images/twitter1.jpg);
background-repeat:no-repeat;
width:250px;
height:67px;
float:right;
margin-top:1.5em;
}

a:hover#twitter {
background-image:url(images/twitter2.jpg);
}

a#facebook {
background-image:url(images/facebook1.jpg);
background-repeat:no-repeat;
width:250px;
height:67px;
float:right;
margin-top:1.0em;
}

a:hover#facebook {
background-image:url(images/facebook2.jpg);
}

a#mail {
background-image:url(images/mail1.jpg);
background-repeat:no-repeat;
width:250px;
height:67px;
float:right;
margin-top:1.0em;
}

a:hover#mail {
background-image:url(images/mail2.jpg);
}

/*----------- Footer -----------*/

#footer {
background-color:#eaeaea;
position: relative;
margin-top: -250px; /* negative value of footer height */
height: 250px;
clear:both;
} 

div#footerwrapper {
margin-left:auto;
margin-right:auto;
width:960px;
}

div.footerbox {
width:240px;
float:left;
display:block;
margin-top:0.5em;
}

h1.footerkop {
font-size:14px;
width:150px;
color:#555555;
margin:1.5em 0 0 10px;
padding-bottom:0.5em;
font-family: Arial, Verdana, Tahoma; 
font-weight:bold;

}

/* bottom navigatie */

.bottomnav {
display:block;
float:left;
font-size:12px;
list-style-image:none;
list-style-type:none;
margin:0.5em 0 0 10px;
padding:0;
}

.bottomnav li {
list-style-image:none;
margin-right:15px;
text-align:left;
line-height:24px;
border-bottom:1px solid #bcbdbd;
padding-bottom:0.1em;
margin-bottom:0.1em;
width:150px;
}

.bottomnav a {
color:#6c6c6c;
text-decoration:none;
}

.bottomnav a:hover {
color:#000;
text-decoration:none;
}

.bottomnav a.active {
color:#000;
text-decoration:none;
}

/* einde bottom navigatie */

img#logo2 {
float:left;
display:block;
margin:1.5em 0 1em 0;
}

p.copyright {
float:left;
display:block;
color:#6c6c6c;
margin-right:10px;
}

div#optimalisatiebalk {
float:left;
width:960px;
margin-top:1em;
}

div#optimalisatiewrap {
float:left;
margin-left:180px;
}

a#footerlink1 {
color:#9f9f9f;
margin-left:10px;
float:left;
font-size:10px;
}

a.footerlink2 {
color:#9f9f9f;
float:left;
font-size:10px;
}

a.footerlink2:hover, a#footerlink1:hover {
color:#000000;
text-decoration:none;
}

p.streepje {
color:#9f9f9f;
float:left;
margin:0 5px 0 5px;
}

html, body, #wrapper {
height:100%;
}

body > #wrapper {
height:auto; 
min-height:100%;
}

.clearfix:after {
content: ".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
	
.clearfix {
display: inline-block;
} /* Hides from IE-mac \*/

* html .clearfix { 
height:1%;
}

.clearfix {
display:block;
} /* End hide from IE-mac */