body{ background : url('../img/bg.gif'); margin : 0; font-size : 10pt; font-family : "Trebuchet MS"; position : relative; }
h1{ margin : 0; padding : 5px 0; color : #16b0c6; font-weight : normal; font-size : 18pt; }
h2,h3,h4{ margin : 0; padding : 0; }
h3{ color : #666666; }
h4{ font-size : 10pt; }
.webdoos{ display : none; }

h1.right{ margin : 0 0 0 210px; color : #16b0c6; }
.clearer{ clear : both; }
.rightp{ float : right; width : 550px; margin : 0; padding : 0; } 
#left{ float : left; width : 150px; }
#buttons{ margin : 10px 0 0 0; }
.quote{ background : url('../img/quote.png') 5px top no-repeat #16b0c6; color : #fff; padding : 10px 5px 10px 45px; border-bottom : 2px solid #d3d2d2; border-right : 2px solid #d3d2d2; margin : 25px 0 10px 0; }
.quote a{ color : #fff !important; }
.quote a:hover{ text-decoration : none; }
.quote img{ margin: 0px 0px 5px 5px; border : 1px solid #fff; float : right; }
.quote h4 img{ border : 0 !important; clear : both !important; float : none !important; margin : 0 !important; }
.quote p{ margin : 5px 0 0 0 !important; padding : 0 !important; }
.quote #persoon{ margin : 20px 0 0 0; }
#loader{ color : #cccccc; text-align : center; position : absolute; top : 50%; left : 50%; width : 250px; margin : -30px 0 0 -125px; }
#loader img{ display : block; margin : 0 auto; }

/* MENU */

#menu{ background : url('../img/bg_menu.png') repeat-x; height : 52px; position : relative; z-index : 2; text-align : center; }
#menu ul{ margin : 0; padding : 5px 0 0 0; list-style : none; }
#menu ul li{ display : inline; padding : 5px 0 0 0;  }

/* SUBMENU */

#submenu1{ background : url('../img/16b0c6.png') repeat-x; margin : 0 15px 0 0 !important; list-style : none; width : 193px !important; padding : 2px !important; color : #fff !important; line-height : 1.8; border-bottom : 2px solid #d3d2d2; border-right : 2px solid #d3d2d2; float : left; }
#submenu1 li{ background : none !important; padding : 0 !important; }
#submenu1 a{ display : block; color : #fff !important; padding : 0 10px; }
#submenu1 a:hover{ background : #ffffff; color : #16b0c6 !important; }
#submenu1 a.active{ background : #ffffff; color : #16b0c6 !important; }

#banner{ position : absolute; left : 0; top : 0;  width : 100%; z-index : 0; overflow : hidden; }
#logo{ position : absolute; left : 50%; top : 44px; margin : 0 0 0 -128px; background : url('../img/logo.jpg') no-repeat center; width : 257px; height : 162px; z-index : 1; }
#top{ width : 801px; height : 50px; margin : 95px 0 0 -400px; position : absolute; left: 50%; background : url('../img/content_top.png') no-repeat; }
#bottom{ width : 801px; height : 19px; margin : 0 auto; background : url('../img/content_bottom.png') no-repeat; }
#container{ width : 801px; margin : 145px 0 0 -400px; position : absolute; left: 50%;  }
#inhoud{ padding : 0 20px 10px 20px; background : url('../img/repeater.gif') no-repeat top;}
#inhoud a{ color : #16b0c6; }
#inhoud a:hover{ text-decoration : none; }
#inhoud ul{ margin : 10px; padding : 0; list-style : none; }
#inhoud ul li{ background : url('../img/li.png') no-repeat left; padding : 0 0 0 10px; }

/* FOOTER */

#footer{ background : url('../img/bg_footer.png') repeat-y 7px; padding : 20px 20px 5px 20px; position : relative; }
#footer #bottommenu{ float : left; font-size : 10pt; font-family: "Trebuchet MS"; }
#footer #bottommenu img{ display : block; margin : 30px 0 0 0; width : 82px; }
#footer ul{ list-style : none; margin : 0 0 10px 0; padding : 0; }
#footer ul li{ display : inline; padding : 0 5px 0 0; }
#footer ul li a{ color : #333; text-decoration : underline; text-transform : capitalize; }
#footer ul li a:hover{ color : #333; text-decoration : none; }
#footer #disc{ float : left; width : 580px; }
#footer #adres{ font-size : 10pt; font-family : "Trebuchet MS"; text-align : right; float : left; width : 180px;}
#footer a{ color : #16b0c6 }
#footer a:hover{ text-decoration : none; }
#footer #feweb{ position : absolute; left: 90px; bottom : 0; }
#footer #fewebkwaliteitslabel{ position : absolute; left: 20px; bottom : 0; height : 65px !important; width : 65px !important; }
#footer #voka{ position : absolute; left: 176px; bottom : 0; height : 45px !important; width : 104px !important; }

/* BOX */

.box1{ background : url('../img/block_1.png') no-repeat; margin : 0 5px 0 0; }
.box2{ background : url('../img/block_2.png') no-repeat; margin : 0 5px 0 0; }
.box3{ background : url('../img/block_3.png') no-repeat; }
.box1,.box2,.box3{ width : 204px; height : 65px; float : left; padding : 60px 23px; font : 10pt "Trebuchet MS"; color : #fff; text-decoration : none !important; cursor : pointer !important; }
.box1 div,.box2 div,.box3 div{ display : block; font : 10pt "Trebuchet MS"; color : #fff !important; height : 33px; padding : 6px 0 0 40px; margin : 15px 0 0 0; text-decoration : none !important; }
.box1 div:hover,.box2 div:hover,.box3 div:hover{ text-decoration : none; }
.box1 a,.box2 a,.box3 a{ text-decoration : none !important; cursor : pointer; }


/* PORTFOLIO */

#buttonleft{ float : left; margin : 115px 20px 0 0; }
#buttonright{ float : right; margin : 115px 0 0 0; }
#buttonleft img,#buttonright img{ border : 0; }
#afbeelding{ width : 289px; margin : 0 10px 0 0; float : left; }
#portfolioPH{ height : 267px;  position : relative; }
#portfolioPH #omschrijving{ float : left; margin : 0; padding : 0; width : 350px; }
#portfolioPH h4{ margin : 0; padding : 3px 0; }
#portfolioPH p{ margin : 10px 0; padding : 0; }
#portfolioPH #omschrijving a{ color : #333; }
#portfolioPH a{ color : #16b0c6 !important; }
#portfolioPH #omschrijving a:hover{ text-decoration : none; }
ul#portfolio{ list-style : none; margin : 10px 0 0 0; padding : 0 0 10px 0; float :left; width : 250px; }
ul#portfolio li{ background : url('../img/li.png') no-repeat left; padding : 0 0 0 10px; }


/* DIENSTEN */

.dbox1{ background : url('../img/block_1.png') no-repeat; margin : 0 5px 0 0; }
.dbox2{ background : url('../img/block_2.png') no-repeat; margin : 0 5px 0 0; }
.dbox3{ background : url('../img/block_3.png') no-repeat; }
.dbox1,.dbox2,.dbox3{ width : 204px; height : 65px; padding : 60px 23px; font : 10pt "Trebuchet MS"; color : #fff; }
.dboxcont{ float : left; }
ul#uldiensten{ list-style : none; margin : 0 10px; padding : 0; }
ul#uldiensten li{ background : url('../img/li.png') no-repeat left; padding : 0 0 0 10px; }
ul#uldiensten li a{ color : #000; }
.activeimage{ margin : 0 0 10px 0; }

/* BUTTONS */

#buttons img{ margin : 5px 0; border : 0; }

/* FORMULIEREN */

fieldset{ border : 0; margin : 0; padding : 0; }
fieldset div{ padding : 10px; background : #efefef; margin : 5px 0; }
fieldset label{  padding : 5px 0; }
fieldset #button{ background : url('../img/bg_button.png') repeat-x; border : 1px solid #cccccc; padding : 5px; font : 10pt "Trebuchet MS"; color : #333333; text-decoration : underline; font-weight : bold; }
fieldset #button:hover{ color : #16b0c6; background : url('../img/bg_button.png') repeat-x; border : 1px solid #16b0c6; }
fieldset .input,.form_text{ background : #ffffff; border : 1px solid #cccccc; padding : 5px; font : 10pt "Trebuchet MS"; color : #333333; font-weight : bold; width : 175px; }
fieldset .form_textarea{ background : #ffffff; border : 1px solid #cccccc; padding : 5px; font : 10pt "Trebuchet MS"; color : #333333; font-weight : bold; width : 375px; height : 150px; }
fieldset .inputerr{ background : #ffffff; border : 1px solid #16b0c6; padding : 5px; font : 10pt "Trebuchet MS"; color : #333333; font-weight : bold; width : 175px; }

/* KLANTEN */

#loginfieldset{ position : relative; }

/* FACTUREN */

table tr td { padding : 5px; background : #efefef; margin : 5px 0; border-bottom : 1px solid #ccc;  border-top : 2px solid #fff; }
table tr.header td{ font-weight : bold; }
table a{ color : #333 }
table a:hover{ color : #16b0c6; }

/* SITEMAP */

.sitemapul_1,.sitemapul_2,.sitemapul_3{ list-style : none; margin : 0; padding : 10px 20px; }
.sitemapul_1 li{ background : url('../img/li.png') no-repeat left; padding : 0 0 0 10px; }
.sitemapli_1{ font-size : 12pt; }
.sitemapli_2{ font-size : 11pt; }
.sitemapul_1 li a{ color : #333; }
.sitemapul_1 li a:hover{ color : #16b0c6; }

/* CONTACTEER ONS */

fieldset label { font-weight: bold; display: block; float: left; color: #333; width:300px; }
fieldset legend { display: none; }
fieldset .required { display: block; float: right; color: #ffcc00; font: bold 20pt "Trebuchet MS", sans-serif; }
fieldset .buttonAdd{ background : url('../img/bg_button.png') repeat-x; border : 1px solid #cccccc; padding : 5px; font : 10pt "Trebuchet MS"; color : #333333 !important; text-decoration : none ! important; font-weight : bold; margin : 10px auto; display : block; float : right; text-transform : uppercase; text-align : center; width : 200px; }
fieldset .buttonAdd:hover{ color : #16b0c6 !important; background : url('../img/bg_button.png') repeat-x; border : 1px solid #16b0c6; }
#map{ width : 450px; height : 300px; float : right; border : 1px solid #cccccc; margin : 40px 20px 0 20px; }
#contact{ float : left; width : 200px; }

/* POSTIT */

#postit{ position : absolute; background : url('../img/post-it.png'); height : 163px; width : 195px; z-index : 3; left : 50px; top : -140px; }

/* NIEUWSBRIEF */

#maildoos_placeholder{ padding : 0; margin : 20px 0; text-align : left;}
.maildoos_copyright{ display : none; }
.maildoos_text{ background : #ffffff; border : 1px solid #cccccc; padding : 6px; font : 10pt "Trebuchet MS"; color : #333333; font-weight : bold; width : 175px; }
.maildoos_submit{ background : url('../img/bg_button.png') repeat-x; border : 1px solid #cccccc; padding : 5px; font : 10pt "Trebuchet MS"; color : #333333; text-decoration : underline; font-weight : bold; margin : 0 0 0 10px; }
.maildoos_submit:hover{ color : #16b0c6; background : url('../img/bg_button.png') repeat-x; border : 1px solid #16b0c6; }
.maildoos_form{	margin : 0; }

/* EXTRA STIJN */

.hiddenlink{ color: #000 !important; text-decoration: none !important; }
.hiddenlink a{ color: #000 !important; text-decoration: none !important; }