/*-------------------+
| CLEAR ALL STYLES   |
+--------------------*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

body { 
  line-height: 1.5; 
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }
a {outline:none;}
/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }



/*-------------------+
| SET ALL STYLES     |
+--------------------*/

* {
	margin: 0;
}

html, body {background:#f4f4f4 url('/images/site/bg_website.jpg') top left repeat-x; width:100%; height:100%; 
		max-height:100%;  margin:0; padding:0;  font-family:"Arial", serif; line-height:1.4em; text-align:justify; 
	  font-size: 11px;color: #4e4e4e;}
#wrapper {width:100%; height: 100%; margin:0; padding:0; position:absolute; top:0;  left:0; right:0; bottom:0;}
#container {width:830px; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -95px; padding:0;position:relative;}
#logo_gevas {background:url('/images/site/logo_gevas.jpg') top left no-repeat; width:258px; height:60px; position:absolute; top:90px;}

#container_left{background:#ffffff; width:470px; padding:15px 15px 30px 15px; float:left; margin:105px 0 35px 0; border-bottom:1px solid #d7d8d2;}

#container_right{width:285px; float:left; margin:50px 0 10px 40px; padding:0;}

#IE7-problem {height:1px; line-height:1px;}

.container_right_inner{background:#ffffff; width:265px; float:left; margin:0 0 15px 0; padding:10px; border-bottom:1px solid #d7d8d2;}
.container_right_inner a{float:right; font-weight:bold; text-decoration:none;}
.container_right_inner a:hover{text-decoration:underline;}
.container_right_inner b {font-weight:bold; float:left; margin:10px 0 0 0; padding:0;}

.container_right_title {background:url('../images/site/bg_title_right.jpg') top left no-repeat; font-size:12px; font-weight:bold; color:#00592e; font-family:"Arial", serif; width:225px; height:39px; float:left; margin:0; padding-left:40px; line-height:3.2em;}
.project_title {font-weight:bold; color:#52524e; width:265px; font-family:"Arial", serif; margin:0 0 5px 0; padding:0;}
.link_right {float: right; margin:0; padding:0;}
.link_right a {float: right; margin:0; padding:0; text-decoration:none;}
.link_right a:hover {text-decoration:underline;}

p {margin:0; padding:0;}
a {text-decoration:none; color:#f56e01; font-weight:bold; cursor: pointer;}
a:hover {text-decoration:underline; position: relative;}

b {font-weight:bold;}
.b_green {font-weight:bold; color:#00592e;}
i {font-style:italic;}

ul {list-style:disc; margin:0; padding:0; text-align:left;}
li {padding:2px 0}

.clearer {height: 1px; overflow: hidden; margin-top: -1px; clear: both;}

h1{color:#00592e; font-family:"Arial", serif; font-size:16px; font-weight:bold; margin-bottom:15px; padding:0;}
h2{color:#719325; font-family:"Arial", serif; font-size:12px; font-weight:bold; margin:15px 0 5px 0; padding:0;}
.headerke{color:#719325; font-family:"Arial", serif; font-size:12px; font-weight:bold; margin:0; padding:0;}
h3{color:#00592e; font-family:"Arial", serif; font-size:12px; font-weight:bold; margin:15px 0 15px 0; padding:0;}


.thmb_right {width:265px; height:150px; float:left; margin:5px 0; padding:0;}
.thmb_right_145 {width:265px; height:145px; float:left; margin:5px 0 0 0; padding:0;}

#thumb_120_left {width:120px; height:120px; float:left; }
#thumb_120_right {width:120px; height:120px; float:right; clear:none; }
#thumb_120_mid {width:120px; height:120px; position:relative; left:57px; }

.img_holder {margin:15px 0 15px 0;  width:470px; height:120px; padding:0;}

/*----------------------+
| popup foto            |
+-----------------------*/

.simple_popup_div { position: absolute; top: 0;left: 0; background: #fff !important; width: 300px; z-index:100;}
.simple_popup_inner {padding:10px 20px 10px 20px; background: #fff !important; border:2px solid #8d917f; font-weight:bold; text-align: left;}
.simple_close {float: right; text-align:center;  line-height:2.2em; font-weight:bold; font-weight:bold; background:url('/images/site/close_popup.jpg') top left no-repeat; width:90px; height:25px; margin-bottom:10px; text-transform:none;}
.simple_close a {float: right; text-align:center; line-height:2.2em; font-weight:bold; font-weight:bold; background:url('/images/site/close_popup.jpg') top left no-repeat; width:90px; height:25px; margin-bottom:10px; text-decoration:none; text-transform:none;}
.simple_close a:hover {text-decoration:underline;}

.simple_popup_info {text-align: right; }
.popup_txt {font-weight:bold;}

/*---------------------+
 | popup bij galerij   |
 +---------------------*/

#closeWrap {height:40px; padding-top:10px;}
#loader{float: right;margin-right:25px; text-align:center;  line-height:2.2em; font-weight:bold; font-weight:bold; background:url('/images/site/close_popup.jpg') top left no-repeat; width:90px; height:25px;cursor:hand; pointer:cursor;}
#PopUpwrapper {background : #ffffff;text-align:center;border:2px solid #62534c;}
#largeImage {border:0px solid #62534c;}
#imageBlock{display:none;}
/*-------------------+
| MENU               |
+--------------------*/

ul#nav {width:651px; height:75px; float:right; list-style:none; margin:0; padding:0;}
ul#nav li {float:left; margin:0; padding:0;}
ul#nav li a {
		background:url('../images/site/menu_sprite.jpg') top left no-repeat;
		display:block;
		height:75px;
		position:relative;
		margin:0;
		padding:0;
	}
	
ul#nav li a.home {width:82px;position: relative;}
ul#nav li a:hover.home {width:82px; background-position:0px -75px;}
ul#nav li a.home_act {width:82px; background-position:0px -150px;}

ul#nav li a.overons {width:118px; background-position:-82px 0px; position: relative;}
ul#nav li a:hover.overons {width:118px; background-position:-82px -75px;}
ul#nav li a.overons_act {width:118px; background-position:-82px -150px;}

ul#nav li a.producten {width:104px; background-position:-200px 0px; position: relative;}
ul#nav li a:hover.producten {width:104px; background-position:-200px -75px;}
ul#nav li a.producten_act {width:104px; background-position:-200px -150px;}

ul#nav li a.realisaties {width:117px; background-position:-304px 0px; position: relative;}
ul#nav li a:hover.realisaties {width:117px; background-position:-304px -75px;}
ul#nav li a.realisaties_act {width:117px; background-position:-304px -150px;}

ul#nav li a.contact {width:100px; background-position:-421px 0px; position: relative;}
ul#nav li a:hover.contact {width:100px; background-position:-421px -75px;}
ul#nav li a.contact_act {width:100px; background-position:-421px -150px;}

ul#nav li a.montage {width:130px; background-position:-521px 0px; position: relative;}
ul#nav li a:hover.montage {width:130px; background-position:-521px -75px;}
ul#nav li a.montage_act {width:130px; background-position:-521px -150px;}


/*-------------------+
| SUBMENU            |
+--------------------*/

ul#submenu {width:265px; background:transparant; list-style:none; margin:0; padding:0;} 
ul#submenu li {width:265px; font-family:"Arial", serif; font-weight:bold; font-size: 11px; color: #5a5a56; padding:10px 0 10px 0; float:left; border-bottom:1px dotted #c5c0ba;}
ul#submenu li.onderverdeling {padding:10px 0 10px 0;}
ul#submenu li a {width:265px; text-decoration:none; margin:0; color: #5a5a56; padding:0;}
ul#submenu li ul li a {width:255px;}
ul#submenu li a:hover {text-decoration:none; color:#00592e; margin: 0; padding:0;}
ul#submenu li a.sub_act {text-decoration:none; color:#00592e; margin: 0; padding:0;}
ul#submenu #last {border:0; padding:10px 0 0 0;}
ul#submenu a.active { color:#00592e;text-decoration:none; margin:0; padding:0;}
ul#submenu .selected {padding-bottom:1px; }

ul#submenu ul {width:265px; background:transparant; list-style:none; margin:0; padding:0; border-top:1px dotted #c5c0ba; float:left;overflow:hidden;}

ul#submenu ul li {width:245px; font-family:"Arial", serif; color:#6f6f6c; font-size:11px; font-weight: bold; list-style:none; margin:2px 0 0 0; padding:5px 0 5px 20px !important; background:#e9eae7; border:none; float:left;}
* html ul#submenu ul li {width:245px; font-family:"Arial", serif; color:#6f6f6c; font-size:11px; font-weight: bold; list-style:none; margin:2px 0 0 0px; padding:5px 0 5px 5px ; background:#e9eae7; border:none; float:left;}

.button_realisaties {background:url('../images/site/button.jpg') top left no-repeat; width:131px; height:22px; float:left; margin:15px 0 0 0; padding-left:20px; color:#00592e; font-family:"Arial", serif; font-size:11px; font-weight:bold; line-height:1.9em;}


/*------------------+
| REALISATIES       |
+-------------------*/

.img_realise {margin:15px 0 10px 0; padding:0; width:470px; height:260px; background:#ccc; }
.ffw_button {background:url('../images/site/forward_butt.jpg') top left no-repeat; width:91px; height:22px; float:left; margin:10px 0 0 0; padding:0; color:#00592e; font-family:"Arial", serif; font-size:11px; font-weight:bold; line-height:1.9em; text-align:center;}
.bw_button {background:url('../images/site/backward_butt.jpg') top left no-repeat; width:91px; height:22px; float:left; margin:10px 10px 0 0; padding:0; color:#00592e; font-family:"Arial", serif; font-size:11px; font-weight:bold; line-height:1.9em; text-align:center;}


/*------------------+
| CONTACTFORM       |
+-------------------*/

.contact_txt{color: #5a5a56; font-weight:normal; font-size:11px;}
.contact_indent{margin-left:15px;}
.contact_indents{margin-left:25px;}

.contact_form{margin-top:30px; width:470px;height:235px;}
.box_contact {margin:0 0 4px 0;}
.label_contact{float: left; width: 106px; height:16px; margin-right: 4px; padding:4px; background: #e9eae7; color:#00592e; font: bold 11px "Arial",Helvetica,sans-serif; line-height:16px;}

.field{float: left; width: 345px; height:18px; margin-bottom:0; padding:2px; border:1px solid #b7b6b6; color: #495152; background-color:#fff; line-height:1.5em; font: normal 11px "Arial",Helvetica,sans-serif;}
.fielddeep{float: left; width: 345px; height:85px; margin:0; padding:2px; border:1px solid #b7b6b6; color: #495152; background-color:#fff; line-height:1.5em; font: normal 11px "Arial",Helvetica,sans-serif;}

#contact_submit {background:url('../images/site/button.jpg') top left no-repeat; float:right; width:151px; height:22px; cursor:pointer; border:none; padding-left:24px; color:#00592e; font-family:"Arial", serif; font-size:11px; font-weight:bold;}

p.warning {padding-top:10px;color:#f56e01;  }


/*------------------+
| STICKY FOOTER     |
+-------------------*/

#push {height: 95px; /* #push must be the same height as #footer */}

#footer {background:#c4c7bd; border-top:5px solid #ffffff; width:100%; height:90px; color:#808184;}
.footer_txt {width:660px; margin: 0 auto; padding-top:10px; height:25px;}
.footer_txt p {font-family:"Arial", serif; font-weight:normal; font-size:11px; color:#6c6e66; float:left; line-height:1.6em;  text-align:center;}
.footer_txt a {color:#6c6e66; text-decoration:none;}
.footer_txt a:hover {color:#6c6e66; text-decoration:underline;}

.footer_txt b {font-weight:bold; color:#6c6e66; float:left; line-height:1.6em;}
.footer_divide {font-weight:normal; color:#6c6e66; margin:0 8px; float:left; font-size:11px;}

/*-------------------+
| FOTOGALERIJ        |
+--------------------*/

div.content{
/* The display of content is enabled by a javascript generated style on the page.   This is so that the slideshow content won't display unless javascript is enabled. */
display:none; margin:5px auto 0; width:470px;}
div.content a,div.navigation a {text-decoration:none; font-weight:bold;}
div.controls{margin-top:5px; height:23px;}
div.controls a{padding:5px;}
div.ss-controls{float:left;}
div.nav-controls{float:right;}
div.loader{background-image:url('/images/loader.gif'); background-color:white; background-repeat:no-repeat; background-position:center;}
div.slideshow{clear:both;}
div.slideshow span.image-wrapper{margin:0; padding:0}
div.slideshow a.advance-link{display:block;}
div.slideshow a:hover.advance-link{background:transparent;}
div.slideshow img{border:none;display:block;margin:auto;border:2px solid #a3a3a3;}
div.download {width:75px;float: right;line-height:1.9em; text-align:right; height:20px; margin-top:5px; padding:0 15px 0 25px; font-style:normal; background:url('/images/site/big_img.jpg') top left no-repeat;}
div.embox{clear:both;}
.image-title{font-weight:bold;font-size:1.4em;} 
.image-desc{padding-left:12px;line-height:1.4em;font-size:12px;} /*text bij image */
div.navigation{
/* The navigation style is set by a javascript generated style on the page.   This is so that the javascript specific styles won't be applied unless javascript is enabled. */
}


ul.thumbs{float:left;width:452px; margin:0 0 0 5px;padding:5px 0 0 5px;} /*background:#cccccc !important; }*/
ul.thumbs li{float:left;padding:0 0 6px 0; margin: 0 6px 0px 0 ; list-style:none; }
a.thumb{display:block; border:2px solid #a3a3a3;}
ul.thumbs li.selected a.thumb{border:2px solid #006d38;}
a.thumb:focus{outline:none;}
ul.thumbs img{border:none;display:block;}

/* NAVIGATIE ENKEL GETOOND ALS MEER DAN 12 PICTURES **/
div.pagination{clear:both; height:25px; width:470px; margin:10px 0 3px 5px;}
div.navigation div.top{border:0px solid red;} /*bovenste navigatie wel tonen*/
div.navigation div.bottom{display:none; margin-top:12px;} /*onderste navigatie wel tonen*/
div.pagination a,div.pagination span.current{display:block;float:left;margin-right:2px; padding:4px 7px 2px 7px; border:1px solid #98b749;}
div.pagination a:hover{background-color:#98b749;text-decoration:none;}
div.pagination span.current{font-weight:bold;background-color:#98b749;border-color:#98b749;color:#fff;border:1px solid #98b749;}


/*-----------------------------+
| ALERT BOX IF FIELDS NOT OK   |
+------------------------------*/

#modalContainer {background-color:#b3c586; position:absolute; width:100%; height:100%; top:0px;left:0px; z-index:10000;
opacity: 0.95; -moz-opacity: 0.95;  filter:alpha(opacity=95)}
#alertBox {position:relative;width:400px;height:175px;margin-top:122px;border:none; background: url('/images/site/warning.png') top left no-repeat;}
#modalContainer > #alertBox {position:fixed;}
/*#alertBox h1 {margin:0;font-family:"Trebuchet MS", serif; font-size:14px; height:10px; background-color:#e8ecb1; color:#74655e;border-bottom:2px solid #3f3525;padding:10px 0 10px 5px;}*/
#alertBox p {font-family:"Arial", serif; font-size: 11px; line-height:1.4em; color: #3f3525;height:50px;padding-left:5px;margin-left:55px;}
#alertBox #closeBtn {display:block;position:absolute;top:140px; left:250px; background:url('/images/site/button_submit.png') top left no-repeat; width:127px; height:25px;font-family:"Trebuchet MS", serif; font-size: 11px; line-height:1.4em;
	text-transform:uppercase;text-align:text-decoration:none;color:#ffffff; text-align:center;vertical_align:middle;padding-top:5px;}
#alertBox p{padding-left:10px;padding-top:10px; font-family:"Trebuchet MS", serif; font-size: 13px; line-height:1.4em; font-weight:bold;color:#3f3525;width:257px;display:block:}