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, sub, sup, tt, var, 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;
font-weight: inherit;
font-style: inherit;
font-size: 12px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
text-decoration: none;
background: transparent;
}

input{
margin: 0;
*margin-top: -1px;
padding: 2px;
}

h1{
font-size: 20px;
font-weight: bold;
color: #ec008c;
}

h2{
font-size: 16px;
font-weight: bold;
color: #ec008c;
}

h4{
font-size: 14px;
font-weight: bold;
margin-bottom: 8px;
color: #595959;
}

h5{
font-size: 14px;
font-weight: bold;
}

.link{
color: #ec008c;
}

.maillink{
color: #ec008c;
}

.maillink:hover{
text-decoration: underline;
}

html{
overflow-y: scroll;
} 

body{
background: url(../images/bg.gif) repeat-y center #b9b9b9;
}

#container{
width: 1024px;
margin: auto;
}

#header{
*margin-left: 1px;
background: #FFFFFF;
height: 106px;
}

#header_logo{
float: left;
display: inline;
margin: 10px 0 0 22px;
}

#header_topmenu{
float: left;
display: inline;
margin: 60px 0 0 20px;
font-weight: bold;
}

#header_topmenu a{
margin-right: 10px;
color:#000000;
}

#header_topmenu a:hover{
color: #ec008c;
}

#topmenu_portfolio{
float: left;
display: inline;
margin: 0px 0 0 0px;
font-weight: bold;

}

#topmenu_portfolio a{
margin-right: 10px;
color:#000000;
}

#topmenu_portfolio a:hover{
color: #ec008c;
}



#header_img{
float: right;
display: inline;
margin-right: 70px;
}


#content{
margin: 20px 22px 0 22px;
display: inline-block;
background: url(../images/bg2.gif) repeat-y right;
}

#content_links{
float: left;
width: 184px;
display: inline;
}

#content_links a{
display: inline-block;
margin-bottom: 8px;
}

#content_midden{
float: left;
width: 480px;
padding: 25px 10px 25px 20px;
color: #5a5a64;
line-height: 150%;
}

#content_midden_inleiding a{
color: #ec008c;
}

#content_midden_inleiding a:hover{
text-decoration: underline;
}

#content_midden_werkzaamheden{
margin-top: 25px;
}

#content_midden_werkzaamheden img{
margin-right: 2px;
}

#content_midden_klanten{
margin-top: 25px;
}

#recent_werk{
overflow: auto;
margin-top: 10px;
padding: 10px;
border: 1px solid #e6e7e8;
line-height: 150%;
}

#recent_werk a{
color: #ec008c;
}


#recent_werk a:hover{
text-decoration: underline;
}

#recent_werk img{
float: right;
margin: 10px;
}

#content_midden_discription{
margin-top: 40px;
font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
color: #b9b9b9;
line-height: 150%;
}

.discription_groot{
font-size: 16px;
font-weight: bold;
}

.discription_klein{
font-size: 14px;
}

#content_midden_leesmeer{
margin: 25px 25px 0 0;
padding: 10px;
background: url(../images/bg_content_midden_leesmeer.gif) repeat-x #f2f2f2;
border: 1px solid #e6e7e8;
font-weight: bold;
line-height: 150%;
}

#content_midden_leesmeer a{
color: #5a5a64;
}

#content_midden_leesmeer a:hover{
text-decoration: underline;
}




/*contact formulier*/
#contact{
width: 400px;
margin-top: 25px;
margin-bottom: 25px;
} 
 
#contact input{
background: #F7F7F7;
border: 1px solid #C0C0C0;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
padding: 2px;
color: #000;
}

#contact textarea{
width: 200px;
height: 80px;
background: #F7F7F7;
border: 1px solid #C0C0C0;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
padding: 2px;
color: #000;
}

.contact{
overflow: auto;
margin-bottom: 10px;
}

.contact_vraag{
float: left;
display: inline-block;
width: 100px;
margin-top: 3px;
}

.contact_antwoord{
float: left;
}
/*einde contact formulier*/




#content_rechts{
float: left;
display: inline;
padding: 15px 0 15px 12px;
width: 273px;
margin-left: 1px;
background: url(../images/img_hoekje.gif) no-repeat right top;
}

#content_rechts img{
border: 1px solid #5a5a64;
}

#content_rechts_contact{
width: 231px;
margin-top: 10px;
padding: 12px;
border: 1px solid #d7d7d9;
font-weight: bold;
line-height: 150%;
color: #5a5a64;
background: url(../images/bg_adres.gif) repeat-x #f0f0f0;
}

#content_rechts_contact img{
float: right;
}

#content_rechts_contact a{
color: #ec008c;
}

#content_rechts_contact a:hover{
text-decoration: underline;
}

.content_rechts_klant{
margin-bottom: 30px;
width: 235px;
color: #595959;
}

.content_rechts_klant img{
margin-bottom: 10px;
}

#content_rechts_werk{
margin-right: 15px;
padding: 15px;
border: 1px solid #5a5a64;
background: url(../images/bg_rechts_werk.gif) repeat-x #b0b0b5;
font-size: 13px;
line-height: 175%;
color: #FFFFFF;
}

#content_rechts_werk a{
color: #FFFFFF;
}

#content_rechts_werk a:hover{
text-decoration: underline;
}






#footer{
clear: left;
height: 30px;
margin: 20px 0 0 220px;
color: #FFFFFF;
}

#footer a{
margin: 0 5px 0 5px;
color: #FFFFFF;
font-weight: bold;
}

#footer a:hover{
color: #000000;
}

.error{
font-weight:bold;
color:#ec008c;



}