/* HTML elementen en wrappers*/
body {background-image: url(../_files/images/AZ.gif); background-attachment: fixed; background-position: 97% 100%; background-repeat: no-repeat; background-color: #DCDCDC; font: 12px Trebuchet MS, Arial, Georgia, Times, sans; margin: 0px; display: inline;}
h1 {border-bottom: #8c8c8c solid 4px; text-align: right; color: #8c8c8c; font-family: Trebuchet MS, Arial, Georgia, Times, sans; margin-top: 10px;}
h2 {border-bottom: #8c8c8c solid 2px; text-align: left; color: #8c8c8c; font-family: Arial, Georgia, Times, sans; margin-top: 15px; font-size: 18px;}
h3 {border-bottom: #8c8c8c solid 2px; text-align: left; color: #8c8c8c; font-family: Arial, Georgia, Times, sans; margin-top: 15px; font-size: 16px;}
span {display: none;}
#shadow {background: url(../_files/images/bg-body.png) repeat-x; height: 400px;}
#wrapper {margin-left: auto; margin-right: auto; margin-top: -380px; width: 900px;}
#header {background: url(../_files/images/header.png) center top no-repeat; margin-top: 20px; height: 150px;}
/* Menu */
#menu_wrapper{float: left; width: 215px;}
#menu_head {background: url(../_files/images/menu_top.png) center top no-repeat; height: 7px; width: 215px; font-size: 1px;}
#menu_main {background: url(../_files/images/menu_main.png) center top repeat-y; width: 215px; padding-top: 1px; padding-bottom: 1px;}
#menu_bottom {background: url(../_files/images/menu_bottom.png) center top no-repeat; height: 12px; width: 215px;}
#menu {margin: 10px 10px 10px 10px; font-weight: bold; font-size: 14px;}
#menu ul {list-style-image: url(../_files/images/small_arrow.png); list-style-type: square;}
#menu ul li {margin-top: 3px; }
#menu ul li a {text-decoration: none; color: #8c8c8c;}
#menu ul li a:hover {text-decoration: underline; color: #000;}
.sub1menu {font-size: 12px; padding: 0; margin-left: 10px; font-weight: bold;}
.sub2menu {margin-left: -30px; font-size: 12px;}
/* Content */
#content_wrapper{float: right; height: 400px; width: 682px;}
#content_head {background: url(../_files/images/content_top.png) center top no-repeat; height: 7px; width: 682px; font-size: 1px; }
#content_main {background: url(../_files/images/content_main.png) center top repeat-y; width: 682px; padding-top: 1px; padding-bottom: 1px; min-height: 350px; }
#content_bottom {background: url(../_files/images/content_bottom.png) center top no-repeat; height: 12px; width: 682px;}
#content ul {list-style-image: url(../_files/images/bullet.png); list-style-type: square;}
#content ul li {margin-top: 5px; }
#content ul li a {text-decoration: none; color: #8c8c8c;}
#content {margin : 0px 26px 20px 20px; text-align: left;}
#content a img{border-style: none;}
.home {margin-top: 70px; margin-left: 10px; text-align: center;}
.projecten {padding: 10px; margin-top: 15px;}
.projectenlink {text-align: right;}
.referentie {margin-bottom: 5px; margin-top: 10px; padding: 10px;}
.disclaimer {margin-bottom: 5px; margin-top: 5px;}
.iconleft{margin-right: 10px; margin-bottom: 2px; float: left;}
.iconright{margin-left: 10px; margin-bottom: 10px; float: right;}
.photoleft {float: left; min-width: 100px; display: inline; margin-right: 25px;}
.photoright {float: right; min-width: 100px; display: inline;}
.it {margin-top: 10px; padding: 10px;}
.GEOC {margin-bottom: 10px; margin-top: 5px; padding: 10px;}
.clear {clear: both; font-size: 1px;}
.portifolio {text-align: center;}
.portifolio_image {border: 1px solid #8c8c8c;}
.left {float:left;}
.right {float:right;}
/*Contactpagina */
#contactcontainer {margin:0 auto;padding: 0;}
#contactcontainer label {float: left;width: 200px;text-align: left;padding-top: 5px;}
#contactcontainer input, textarea { padding: 3px; margin: 3px; border: 1px solid #8c8c8c; font: 10px Verdana, sans-serif; background: #fff;}
#contactcontainer input.fout, textarea.fout {border: 1px solid #FF0000;}
#contactcontainer label.fout {color: #FF0000;}
#contactreply {text-align: center;}
#errors {padding: 10px; border: 1px solid #FF0000;}
#contactcontainer input[type="checkbox"] {border: 0; margin: 0;}
.contactboxes {margin-top: 15px}
/* Footer */
#footer{text-align: center; margin-top: 3px; margin-bottom: 10px; font: 10px Arial, Georgia, Times, sans;}
#footer a {text-decoration: none; color: #000;}
/*Lightbox*/
#lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{ width: 49%; height: 100%; /*background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(_files/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(_files/images/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; }
#imageData{ padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold; }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; }
#imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; outline: none;}
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
/* -------------------------- gallery opmaak --------------------------------*/
#galleryContainer {width: 500px; margin-left: auto; margin-right: auto;} /*container for the gallery*/
.imgThumbContainer {float: left; margin: 5px; border: 3px solid #8c8c8c;} /*Holder for thumb*/
.imgThumbContainer:hover {margin: 5px; border: 3px solid #8c8c8c;} /*Holder for thumb*/
.imgThumbGallery {width: 150px; border: 0; /*opacity: 0.38;*/} /*actual thumb*/
.imgThumbGallery:hover {/*opacity: 1;*/}
#caption{display: block;}
/* Give Away of the Day Link pagina */
#link2 {width: 600px; text-align: center; float: left;}
#link {width: 600px; text-align: center; float: left;}
#ga_block {width: 600px; clear: both;}
#ga_block img { display: block; border: none; }
#ga_block #ga_title { font: normal 16px Verdana, sans-serif; border: none; margin: 4px 0 0 0; }
#ga_block #ga_title a { text-decoration: none; color: #000; }
#ga_block #ga_text { font: normal 12px Arial, sans-serif; border: none; margin: 4px 0 0 0; overflow: auto; width: 100%; }
#ga_block #ga_text a { text-decoration: none; color: #000000 }
#ga_block #ga_text p { margin: 4px 0; }
#ga_block #ga_text img { display: block; position: relative; float: left; border: none; margin: 0 1em 1em 0; }