@charset "utf-8";

/* class */
.breaker {clear:both;}

/* body */
body {background-color:#000; margin:0; padding:0;}
#mainContainer {position:relative; background:url(../images/mainContainerBackground.jpg) repeat-x top left;}

/* header */
#header {position:relative; width:940px; height:154px; margin:0 auto; background:url(../images/headerBackground.jpg) no-repeat top left;}

/* menu */
#menu {position:relative; width:790px; height:56px; margin:0 auto; padding:12px 0 0 151px; background:url(../images/menuBackground.jpg) no-repeat top left; z-index:1;}

/* menu buttons + hover */
.home,
.homehover {position:relative; width:64px; height:48px; background:url(../images/home.png) no-repeat top left; float:left;}
.home a,
.homehover a {width:64px; height:48px; display:block;}
.home:hover,
.homehover {background:url(../images/homeHover.png) no-repeat top left;}
.geschiedenis,
.geschiedenishover {position:relative; width:109px; height:48px; background:url(../images/geschiedenis.png) no-repeat top left; float:left;}
.geschiedenis a,
.geschiedenishover a {width:109px; height:48px; display:block;}
.geschiedenis:hover,
.geschiedenishover {background:url(../images/geschiedenisHover.png) no-repeat top left;}
.wieiswie,
.wieiswiehover {position:relative; width:94px; height:48px; background:url(../images/wieiswie.png) no-repeat top left; float:left;}
.wieiswie a,
.wieiswiehover a {width:94px; height:48px; display:block;}
.wieiswie:hover,
.wieiswiehover {background:url(../images/wieiswieHover.png) no-repeat top left;}
.vacatures,
.vacatureshover {position:relative; width:93px; height:48px; background:url(../images/vacatures.png) no-repeat top left; float:left;}
.vacatures a,
.vacatureshover a {width:93px; height:48px; display:block;}
.vacatures:hover,
.vacatureshover {background:url(../images/vacaturesHover.png) no-repeat top left;}
.projecten,
.projectenhover {position:relative; width:93px; height:48px; background:url(../images/projecten.png) no-repeat top left; float:left;}
.projecten a,
.projectenhover a {width:93px; height:48px; display:block;}
.projecten:hover,
.projectenhover {background:url(../images/projectenHover.png) no-repeat top left;}
.faq,
.faqhover {position:relative; width:98px; height:48px; background:url(../images/faq.png) no-repeat top left; float:left;}
.faq a,
.faqhover a {width:98px; height:48px; display:block;}
.faq:hover,
.faqhover {background:url(../images/faqHover.png) no-repeat top left;}
.fotoimpressie,
.fotoimpressiehover {position:relative; width:118px; height:48px; background:url(../images/fotoimpressie.png) no-repeat top left; float:left;}
.fotoimpressie a,
.fotoimpressiehover a {width:118px; height:48px; display:block;}
.fotoimpressie:hover,
.fotoimpressiehover {background:url(../images/fotoimpressieHover.png) no-repeat top left;}
.contact,
.contacthover {position:relative; width:121px; height:48px; background:url(../images/contact.png) no-repeat top left; float:left;}
.contact a,
.contacthover a {width:121px; height:48px; display:block;}
.contact:hover,
.contacthover {background:url(../images/contactHover.png) no-repeat top left;}

/* logo */
#logo {position:absolute; width:137px; height:126px; top:-45px; left:22px; z-index:2;}

/* content gebied */
#contentContainer {position:relative; width:100%; background-color:#7f6421;}
#contentSubContainer {position:relative; width:940px; margin:0 auto; background:url(../images/contentContainerBackground.png) repeat-y top left;}
#background {position:absolute; width:679px; height:459px; top:-10px; left:80px; background:url(../images/contentBackground.png) no-repeat top left;}
#content {position:relative; float:left; width:679px; padding:20px 0 0 30px; color:#003a65; font-size:11px; font-family:Verdana, Geneva, sans-serif; line-height:18px;}
#content h1 {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:21px; color:#003a65;}
#content h1.project {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; color:#003a65;}
/*#content p {margin:0; padding:0;}*/
#content img {padding:5px 5px 5px 0;}
/* submenu */
#submenu		{position:relative; float:left; width:179px; margin:30px 0 0;}
#submenuHeader {position:relative; width:179px; height:20px; background:url(../images/submenuHeader.png) no-repeat top left;}
#submenuFill {position:relative; width:179px; background:url(../images/submenuFill.png) repeat-y top left; font-family:Verdana, Geneva, sans-serif;}
#submenuFooter {position:relative; width:179px; height:20px; background:url(../images/submenuFooter.png) no-repeat top left;}
#submenuFill h1 {margin:0; padding:0 5px 15px 15px; color:#FFF; font-size:18px; font-weight:normal; text-transform:uppercase; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
#submenuFill h2 {margin:0; padding:0 0 5px 5px; color:#0060a9; font-size:12px;}
#submenuFill ul {margin:0; padding:8px 0 8px 13px;}
#submenuFill li {list-style-type:none; background:url(../images/listStyleType.png) no-repeat top left; height:19px; padding:0 0 0 9px; font-size:11px;}
#submenuFill a {text-decoration:none; color:#0060a9;}
.hr {height:1px; width:153px; background-color:#8a9878;}

/* link naar webshop */
#webshopContainer {position:relative; width:100%; height:38px; background:url(../images/webshopContainer.png) repeat-x top left;}
#webshop {position:relative; width:825px; height:28px; margin:0 auto; padding:10px 60px 0 0; background:url(../images/webshopBackground.jpg) no-repeat top left; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; color:#FFF; text-transform:uppercase; font-weight:bold; text-align:right;}
#webshop a {text-decoration:none; color:#FFF; background:url(../images/arrow.png) no-repeat center right; padding:0 25px 0 0;}

/* footer */
#footer {position:relative; width:845px; height:37px; margin:0 auto; padding:20px 0 0 95px; background:url(../images/footerbackground.jpg) no-repeat top left; font-size:13px; text-transform:uppercase; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
#footer ul {margin:0; padding:0;}
#footer li {list-style-type:none; float:left; color:#808588; margin:0 25px 0 0; display:inline;}
#footer a {text-decoration:none; color:#808588;}

#footer2 {position:relative; text-align:center; height:37px; margin:0 auto; padding:20px 0 0 95px; font-size:11px; text-transform:uppercase; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
#footer2 ul {margin:0; padding:0;}
#footer2 li {list-style-type:none; font-size:10px; color:#2D2D2D; margin:0 25px 0 0; display:inline;}

input,
textarea { border:1px solid #222222; }

.error input,
.error textarea { background-color:#FCC; border:1px solid red; }

.blauw { background-color:#0060A9; color:#FFF;}
.blauw a { color:#FFF; text-transform:uppercase;font-weight:bold; text-decoration:none; padding:0 20px 0 020px }
.right {text-align:right }
.center {text-align:center }

.wit { background-color:#FFF }
.wit { color: #0060A9; font-weight:bold; }
.wit.nobold { font-weight:normal }

.geel { background-color:#ffeec4; border:1px solid #ffffff }