/* =========================================================================================

//
//	StyleSheet Desenco
//
//	Aangemaakt door Tim Kant, 11-2007
//

========================================================================================= */

/* Algemeen */

body {
   margin: 0;
   padding: 0;
   background: #706d61 url(../gfx/images/bg_content.jpg) top center repeat-y;
   cursor: default;
   scrollbar-3dlight-color: #FFFFFF;
   scrollbar-arrow-color:#CCCC99;
   scrollbar-base-color: #706d61;
   scrollbar-darkshadow-color: #333333;
   scrollbar-face-color:#FFFFFF;
   scrollbar-highlight-color:#CCCC99;
   scrollbar-shadow-color: #333333;
   scrollbar-track-color: #FFFFFF;
   overflow-y:auto;
}

html, body {
   height: 100%;
   width: 100%;
}

* {
   color:#333333;
   margin: 0;
   padding: 0;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;

}
a { 	line-height: 20px; }
a:link,
a:active,
a:visited {
   color:#333333;
   text-decoration: underline;
}

a:hover {
   color: #8f9571;
   text-decoration: none;
}
a img {
   border:0;
}
/*Main holder*/
#main_holder {
   width: 100%;
   height: 123px;
   margin: 0 auto;
   padding: 0;
   background-color:#FFFFFF;
   position:absolute;
   top: 0px;
   left: 0px;
}

#top_page_holder {
   width: 900px;
   height: 300px;
   margin: 0 auto;
   padding: 0;
}
#content_page_holder {
   width: 900px;
   height: auto;
   margin: 0 auto;
   padding: 0px;
}

/*Container voor het centreren van de pagina*/
#container {
   position:absolute;
   width: 900px;
   margin-left:-450px;
   top: 0px;
   left: 50%;
   min-height:100%;
   height:auto !important;
   height:100%;
   background: url(../gfx/images/bg_header.jpg) top center no-repeat;
   overflow-y: hidden;
   overflow-x: auto;
}


/*Hoofdkolommen*/

#main_column_left {
   width: 250px;
   height: auto;
   margin: 0;
   padding-bottom: 0;
   float: left;
}

#main_column_center {
   width: 375px;
   height: auto;
   margin: 0;
   padding: 0;
   float: left;
}

#main_column_right {
   width: 215px;
   height: auto;
   margin: 0;
   padding: 0;
   float: right;
   position:relative;
}

.reference_quote {
   position:absolute;
   top:178px;
   left:-412px;
   font-size:17px;
   color:white;
   width: 410px;
}


/*Linkerkolom*/

/* the physical logo will only be displayed in print.css, because browsers don't print backgrounds by default */
img.physical_logo {
   display:none;
}
#left_column_header {
   width: 250px;
   height: 125px;
   margin: 0;
   padding: 0;
}

#left_column_menu {
   width: 250px;
   height: 175px;
   margin: 0;
   padding: 0;
}

/*Middelkolom*/

#horizontal_navigation {
   width: 375px;
   height: 25px;
   margin: 0;
   padding-top: 100px;
   text-align: right;
   word-spacing: 3px;
}

.horizontal_navigation a:link,
.horizontal_navigation a:active,
.horizontal_navigation a:visited {
   color: #666666;
   text-decoration: none;
}

.horizontal_navigation a:hover {
   color: #666666;
   text-decoration: underline;
}


#main_nav {
   width: 250px;
   height: 175px;
   margin: 0;
   padding: 0;
}

/*Rechterkolom*/

#image_header {
   width: 215px;
   height: 200px;
   margin-top: 25px;
   padding: 0;
}

/*Contentkolommen*/

#content_column_left{
   width: 250px;
   height: 250px;
   margin: 0px;
   padding: 0;
   float: left;
   position: absolute;
}

#left_column_flashmenu {
   width: 250px;
   height: 250px;
   margin-top: 0px;
   padding: 0;
   float: left;
   
}

#content_column_right {
   width: 605px;
   height: auto;
   margin: 0px;
   padding: 10px 15px 0px 30px;
   float: right;
   overflow: auto;
}

.breadcrumbs {
   padding-bottom:10px;
}

#left_content {
   width: 375px;
   height: auto;
   margin: 0;
   float: left;
}
#left_content * {
   _padding-left:1px;
}

#right_content {
   width: 200px;
   height: auto;
   margin: 0;
   padding: 0;
   float: right;
}

#footer {
   float: right;
   height: 20px;
   width: 300px;
   text-align: right;
   padding-right: 15px;
   padding: top: 8px;
   clear: both;
}

a.powered {
   color: #A4A4A4;
   text-decoration: none;
}

/*Hoofdmenu*/

#underlinemenu{
   margin: 5px 0 0 15px;
   padding: 0;
   font-weight:bold;
}

#underlinemenu ul{
   list-style: none;
   w/idth:100px;
   position: absolute;
}

#underlinemenu li{
   height: 20px;
}

#underlinemenu li a {
   color: #FFFFFF;
   font-size: 13px;
   text-decoration: none;
   padding-rig/ht: 70px;
   display: block;
   width: 90px;
}

#underlinemenu li a:active,
#underlinemenu li a:visited{
   color: #FFFFFF;
   font-size: 13px;
   text-decoration: none;
}

#underlinemenu li a:hover {
   color: #CCCCCC;
   font-size: 13px;
   text-decoration: none;
}

#underlinemenu ul.sub {
   font-weight:normal;
}

#underlinemenu li.sub a:link {
   color: #CCCCCC;
   text-decoration: none;
   p/adding-right: 70px;
}

#underlinemenu li.sub a:active,
#underlinemenu li.sub a:visited{
   color: #CCCCCC;
   text-decoration: none;
   p/adding-right: 70px;
}

#underlinemenu li.sub a:hover {
   color: #FFFFFF;
   text-decoration: none;
   p/adding-right: 70px;
}

/* popup */
div.popup {
   position: absolute;
   top: 315px;
   right: 25px;
   z-index: 80;
   width: 350px;
   border: 1px solid #b5b480;
   background-color: #fff;
   display:none;
}
div.popup_titel_left {
   padding:10px 0 0 10px;
   width: 300px;
   color: #fff;
   font-weight: bold;
   margin:0;
}
.popup_titel_left h2 {
   margin-bottom:10px;
}
div.popup a.sluit {
   position: absolute;
   left: 330px;
   top: 10px;
   display: block;
   border: 1px solid #c0c89a;
   height: 10px;
   width: 10px;
   line-height: 7px;
   font-size: 10px;
   text-align: center;
   text-decoration: none;
   color: #fff;
   font-weight: bold;
}
div.popup a.sluit:hover {
   background-color: #b5b480;
   color: #fff;
}

div#popcontent {
   position: relative;
   margin: 7px;
   margin-top: 0;
}
div#popcontent_geenimages {
   position: relative;
   margin: 7px;
   margin-top: 5px;
   overflow: auto;
}

div#fotoscroll {
   background-color: #706d61;
   width: 350px;
   height: 73px;
   padding-top: 7px;
   text-align: center;
   position:relative;
}
div#fotoscroll img {
   padding-left: 5px;
   padding-right: 5px;
   display: inline;
   border: 0px;
}
div#fotoscroll div#img1 img, div#fotoscroll div#img2 img, div#fotoscroll div#img3 img  {
   border: 0px;
}

a.prev {
   position: absolute;
   top: 30px;
   left: 30px;
}
a.next {
   position:absolute;
   top:30px;
   left:295px;
}
a.next img, a.prev img {
   border: 0px;
}


.green_text {
   color:#8f9571;
}


/*Typefaces*/
h1 {
   font-size: 18px;
   font-weight: normal;
   color: #8f9571;
   margin-bottom: 18px;
}

h2 {
   font-size: 16px;
   font-weight: normal;
   color: #8f9571;
   margin-bottom: 18px;
}

/*Fixes*/

.clearfix:after {
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {
   height: 1%;
}
/* End hide from IE-mac */


#nav li ul {
   display: none;
}
#nav li>ul {
   top: auto;
   left: auto;
}
#nav li li {
   display: block;
   float: none;
   background-color: transparent;
   border: 0;
}
#nav li:hover ul, li.over ul {
   position: absolute;
   width: 110px;
   display: block;
   left: 75px;
   margin-top: -20px;
   padding-left: 10px;
   background-image: url('../gfx/images/subnavbg.png');
   z-index: 70;
}

#nav li.over ul {
   display:block;
}

#pagenav {
   clear:left;
}

.clearitnav {
   clear:both; height: 1px;
   width:100%;
   margin:-1em 0 0 0;
   padding:0px;
}

.message {
   color: #ff0000;
}

p {
   padding: 0;
   margin: 0 0 15px 0;
   line-height: 20px;
}

td, th {
   padding-right: 10px;
   text-align: left;
   vertical-align: top;
}
tr.even {
   background-color: #EDEDED;
}
input {
   font-size: 12px;
}

#reactform th {
   font-weight: normal;
}

/*Hoofdmenu*/

.suckerdiv ul{
   margin: 5px 0 0 15px;
   padding: 0;
   list-style-type: none;
   width: 92px; /* Width of Menu Items */
}

.suckerdiv ul li{
   position: relative;
}

/*Sub level menu items */
.suckerdiv ul li ul{
   position: absolute;
   top: 0;
   visibility: hidden;
}

/* Sub level menu links style */
.suckerdiv ul li a{
   color: #FFFFFF;
   font-size: 13px;
   font-weight: bold;
   text-decoration: none;
   padding-rig/ht: 70px;
   display: block;
   width: 100%;
}

.suckerdiv ul.sub li a{
   color: #FFFFFF;
   font-size: 13px;
   text-decoration: none;
   padding-rig/ht: 70px;
   display: block;
   width: 90px;
}

.suckerdiv ul li a:visited{
   color: white;
   text-decoration: none;
}

.suckerdiv ul li a:hover{
   color: #CCCCCC;
   text-decoration: none;
}

.suckerdiv ul.sub{
   margin-left: -2px;
   color: #FFFFFF;
   font-size: 13px;
   text-decoration: none;
   font-weight: normal;

   display: block;
   width: 110px;
   background-image: url('../gfx/images/subnavbg.png');
}

.suckerdiv ul.sub a{
   font-weight: normal;
   text-decoration: none;
   padding-left: 10px;
}

.shoehorn {
   clear:both;
   line-height:1px;
   font-size:1px;
   height:1px;
}


/* Holly Hack for IE \*/
* html .suckerdiv ul li { float: left; height: 1%; }
* html .suckerdiv ul li a { height: 1%; }
/* End */