/*  Copyright Lasbedrijf Verhoef */


/* Main */
html{width: 100%; height: 100%; margin: 0px; padding: 0px;}
body{width: 100%; height: 100%; background-color: #0e0e0e; font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 12px; color: #928f8f; margin: 0px; padding: 0px; text-align: center}
a{color: #928f8f; text-decoration: underline;}
a:hover{color: #cecece;}
p{clear: both; margin: 0px; padding: 0px;}
h1{font-size: 16px; color: #cecece; margin: 0px 0px 10px 0px; padding: 0px;}
h1 a{text-decoration: none;}
h2{font-size: 16px; color: #cecece; margin: 0px 0px 10px 0px; padding: 0px; float: left;}
h3{font-size: 14px; color: #cecece; margin: 0px 0px 10px 0px; padding: 0px; float: left;}

/* Header */
#header{width: 900px; height: 125px; margin: 0px auto; text-align: left;}
#logo{width: 111px; height: 104px; margin: 8px 0px 0px 0px; float: left; border: 0px;}
#languages{height: 25px; width: 70px; float: right; border-right: 1px solid #666666; border-bottom: 1px solid #666666; border-left: 1px solid #666666; visibility: hidden;}
#languages img{margin: 4px; border: 0px;}

/* Navigation */
#header ul{float: right; clear: right; margin:  13px 0px 0px 0px; padding: 0px; color: #838383; font-size: 14px;}
#header ul li{margin: 5px 0px 5px 0px; padding: 0px; list-style-image: url(../media/square.gif);}
#header ul li a{color: #838383; text-decoration: none;}
#header ul li a:hover{color: #cecece;}
#header ul li #current_service{color: #cecece;}
#sectionmenu{width: 100%; height: 40px; margin: 0px 0px 25px 0px; background-color: #181818; border-top: 1px solid #666666; border-bottom: 1px solid #666666;}
#sectionmenu ul{width: 900px; display: block; margin: 0px auto; padding: 12px; list-style: none; font-size: 16px; font-weight: bold;}
#sectionmenu ul li{float: left; margin: 0px 45px 0px 45px;}
#sectionmenu ul li a{text-decoration: none;}
#current_section{font-size: 16px; font-weight: bold; color: #cecece;}

/* Content */
#preloader{width: 240px; height: 140px; position: absolute; top: 50%; left: 50%; margin: -70px 0px 0px -120px; z-index: 5; border: 1px solid #ff0000;/*display: none;*/}
#content{width: 900px; height: 360px; margin: 0px auto; text-align: left; background-color: #181818; border: 2px solid #666666;}
.arrow{width: 315px; height: 50px; display: block; padding: 22px 0px 0px 22px; background: url(../media/arrow.png); z-index: 100; position: relative; font-size: 24px; font-weight: bold; color: #666666; text-decoration: none;}
.arrow:hover{background: url(../media/arrow-hover.png); color: #666666;}
.home_image{width: 600px; height: 360px; position: absolute; top: 127px; margin-left: 300px;}
#industrieel_img{z-index: 5;}
#maritiem_img{z-index: 4;}
#design_img{z-index: 3;}
#machines_img{z-index: 2;}
#tekenwerk_img{z-index: 1;}

#content_service{width: 880px; margin: 0px auto; padding: 10px; text-align: left; background-color: #181818; border: 2px solid #666666;}
#content_service span{font-size: 12px; font-weight: bold; margin: 0px;}
#EmailConfirmation_div{border: 1px solid #ffffff; background: #202020; margin-bottom: 20px; padding: 5px; color: #ffffff; font-weight: bold;}
#contactinfo{clear: left;}
#contactinfo tr td{vertical-align: top;}
#mapcontainer{float: right; text-align: center;}
#map{width: 400px; height: 385px; margin: 0px 0px 5px 0px; border: 2px solid #666666;}
#contactform{width: 470px; float: left;}
#contactform tr td textarea{width: 300px; height: 100px; float: left; overflow-x: hidden; overflow-y: scroll; padding: 2px; background-color: #333333; border: 1px solid #555555; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #bbbbbb;}
.errormsg{height: 20px; margin: 4px 2px 0px 135px; clear: left; background: url(../media/error.gif) no-repeat;}
.errormsg span{display: block; padding: 2px 0px 0px 27px;}
#lasterrormsg{margin-bottom: 10px;}
.first_column{width: 125px;}
.textbox{width: 200px; float: left; padding: 2px; background-color: #333333; border: 1px solid #555555; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #bbbbbb;}
.textbox_error{background-color: #181818;}
#submit_btn{width: 86px; height: 25px; margin-left: 350px;}
#cleaner{clear: both;}

#content_info{width: 600px; margin: 0px auto; padding: 10px; text-align: left; background-color: #181818; border: 2px solid #666666;}
#content_info input{width: 125px; height: 25px; margin-left: 227px;}
#cross{width: 17px; height: 17px; display: block; float: right; background-image: url(../media/cross.gif);}
#cross:hover{background-image: url(../media/cross-hover.gif);}

/* Footer */
#nav_info{text-align: center; margin-bottom: 20px;}
#footer{clear: both; width: 880px; margin: 0px auto; padding: 10px; text-align: left;}
#footer span span{margin: 0px 5px 0px 50px; color: #cecece; font-weight: bold;}
#copyright{margin-right: 326px;}