/* ===== Copyright (c) 2009 PHATmedia - http://www.phatmedia.nl ===== */

/* ============================== Main ============================== */
body { background: #666666; margin: 5px 0px; }

#all { width: 100%; height: 100%; text-align: center; }
#main { width: 990px; height: 630px; }
#main2 { width: 990px; height: 830px; }

td { font-family: Verdana, Tahoma, Arial, sans-serif; color: #ffff99; font-size: 11px; font-weight: normal; line-height: 1.2em; }
td.portfolio { padding-left: 30px; }
br { line-height: 0.7em; }

h1 {font-size:18px}
h2 {font-size:16px}
h3 {font-size:14px}

/* ============================= Header ============================= */
#header_profiel { width: 990px; height: 287px; background: url('../images/main/header_profiel.jpg'); }
#header_aanleg { width: 990px; height: 287px; background: url('../images/main/header_aanleg.jpg'); }
#header_onderhoud { width: 990px; height: 287px; background: url('../images/main/header_onderhoud.jpg'); }
#header_innovatie { width: 990px; height: 287px; background: url('../images/main/header_innovatie.jpg'); }
#header_portfolio { width: 990px; height: 287px; background: url('../images/main/header_portfolio.jpg'); }


/* ============================= Footer ============================= */
#footer_profiel { width: 990px; height: 328px; background: url('../images/main/footer_profiel.jpg'); }
#footer_profiel2 { width: 990px; height: 528px; background: url('../images/main/footer_profiel2.jpg'); }
#footer_profiel3 { width: 990px; height: 578px; background: url('../images/main/footer_profiel3.jpg'); }
#footer_aanleg { width: 990px; height: 328px; background: url('../images/main/footer_aanleg.jpg'); }
#footer_onderhoud { width: 990px; height: 328px; background: url('../images/main/footer_onderhoud.jpg'); }
#footer_innovatie { width: 990px; height: 328px; background: url('../images/main/footer_innovatie.jpg'); }
#footer_portfolio { width: 990px; height: 328px; background: url('../images/main/footer_portfolio.jpg'); }


/* =========================== Navigation =========================== */
#navigation, #navigation ul { width: 980px; height: 30px; list-style: none; padding: 0px; margin: 0px; }
#navigation a { display: block; }
#navigation li { float: left; margin-left: 8px; }
#navigation li:hover ul { left: auto; background-position: 0 0;}

li#bt1 a { width: 171px; height: 30px; background: url('../images/main/button_profiel.png'); }
li#bt1 a:hover { width: 171px; height: 30px; background: url('../images/main/button_profiel_ov.png'); }

li#bt2 a { width: 203px; height: 30px; background: url('../images/main/button_aanleg.png'); }
li#bt2 a:hover { width: 203px; height: 30px; background: url('../images/main/button_aanleg_ov.png'); }

li#bt3 a { width: 146px; height: 30px; background: url('../images/main/button_onderhoud.png'); }
li#bt3 a:hover { width: 146px; height: 30px; background: url('../images/main/button_onderhoud_ov.png'); }

li#bt4 a { width: 127px; height: 30px; background: url('../images/main/button_innovatie.png'); }
li#bt4 a:hover { width: 127px; height: 30px; background: url('../images/main/button_innovatie_ov.png'); }

li#bt5 a { width: 130px; height: 30px; background: url('../images/main/button_portfolio.png'); }
li#bt5 a:hover { width: 130px; height: 30px; background: url('../images/main/button_portfolio_ov.png'); }

li#bt6 a { width: 147px; height: 30px; background: url('../images/main/button_accessoires.png'); }
li#bt6 a:hover { width: 147px; height: 30px; background: url('../images/main/button_accessoires_ov.png'); }


/* ============================ Contents ============================ */
#content { width: 990px; height: 285px; vertical-align: top; }
#content2 { width: 990px; height: 485px; vertical-align: top; }

.spacer { width: 23px; background: url('../images/main/blank.gif'); }
.stip_wit { width: 18px; height: 276px; background: url('../images/main/stip_wit.gif') repeat-y top center; }
.text { width: 770px; height: 135px; vertical-align: top; padding-top: 10px; }
.text_port { width: 770px; height: 95px; vertical-align: top; padding-top: 10px; }
.text_form { width: 770px; height: 70px; vertical-align: top; padding-top: 10px; }

.images { width: 770px; height: 150px; }
.images2 { width: 770px; position:absolute; top:740px; }

.images_portfolio { width: 770px; }
.image_bg { width: 180px; height: 135px; background: url('../images/main/image_bg.png') top; }
.formulier { width: 770px; height: 215px; vertical-align: top; text-align: center; }
.check { width: 770px; height: 285px; text-align: center; padding-top: 110px; }
.footer { width: 990px; padding-top: 3px; }


/* =========================== Contactbox =========================== */
.box { width: 156px; text-align: left; padding-top: 35px; }
.box_bg { width: 156px; background: url('../images/main/box_bg.png') repeat-y; color: #000000; text-align: left; padding: 10px; }
.box_header { width: 156px; height: 30px; background: url('../images/main/box_header.png'); }
.box_footer { width: 156px; height: 30px; background: url('../images/main/box_footer.png'); }


/* ============================== Font ============================== */
a { color: #ffff99; text-decoration: underline; }
a:hover { color: #ff9900; text-decoration: underline; }

a.meer { color: #8cc63f; font-size: 9px; font-style: italic; text-decoration: none; }
a.meer:hover { color: #ff9900; font-size: 9px; font-style: italic; text-decoration: none; }

a.phat { color: #ffffff; font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 9px; font-weight: bold; text-decoration: none; }
a.phat:hover { color: #ffff99; font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 9px; font-weight: bold; text-decoration: none; }

a.contact { color: #009933; font-size: 11px; font-weight: bold; text-decoration: none; padding-left: 11px; }
a.contact:hover { color: #009933; font-size: 11px; font-weight: bold; text-decoration: underline; padding-left: 11px; }

a.link img { filter: alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; border: 4px #ffff99 solid; }
a.link:hover img { filter: alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; border: 4px #ffff99 solid; }

.txt1 { color: #ff9900; font-size: 10px; vertical-align: top; text-align: right; }
.txt2 { color: #ffff99; font-size: 12px; font-weight: bold; }
.txt3 { color: #000000; font-size: 11px; font-weight: normal; line-height: 1.2em; padding: 0px 15px; }
.txt4 { color: #ffffff; font-size: 9px; font-weight: bold; vertical-align: bottom; padding: 0px 20px; }
.txt5 { color: #000000; font-size: 11px; font-weight: normal; line-height: 1.2em; }
.hd1 { color: #000000; font-size: 15px; font-weight: bold; padding: 12px 0px 0px 15px; }


/* ============================== Form ============================== */
input#naam, input#email, input#telefoon, input#adres, input#postcode, input#plaats { height: 19px; background: url('../images/main/opacity.png'); font-family: Tahoma, Verdana, Arial, sans-serif; color: #ffffff; font-size: 12px; border: 1px solid #999999; margin-top: 2px; }
textarea { overflow-y: auto; background: url('../images/main/opacity.png'); color: #ffffff; font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 12px; border: 1px solid #999999; margin-top: 2px; }
input#button { background: #8cc63f; height: 16px; font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 11px; font-weight: bold; color: #333333; border: 0px; cursor: hand; }


/* =========================== Disclaimer =========================== */
#disclaimer { position: absolute; }

td.close { padding: 15px 15px 0px 0px; }
a.close img { filter: alpha(opacity=65); -moz-opacity: 0.65; opacity: 0.65; }
a.close:hover img { filter: alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; }

.popup { width: 659px; height: 339px; background: url('../images/main/disclaimer.png'); }