html { overflow: hidden;}
* html { overflow: scroll; }
html, body { margin: 0px; height: 100%; }
body { 
	background-color: #FFFFFF; 
	background-image: url('../images/body_bg_dark.gif'); 
	background-position: top center; 
	background-repeat: no-repeat;
	font-family: Arial, Verdana;
	font-size: 12px;
	color: #000000;
}

#website { margin: 0px auto 0px; width: 850px; }
#webcontainer { position: relative; width: 770px; margin: 0px 40px 0px; height: 100%; }

#header { height: 125px; }
#headernav { margin: 58px 0px 0px 15px; font-family: Arial; font-size: 12px; font-weight: bold; }
#headernav a { color: #BCBDBF; text-decoration: none; }
#headernav a:hover { color: #000000; }
#headernav a.on { color: #FFFFFF; }

#language { position: absolute; left: 800px; top: 52px; width: 90px; display: none;}
#language img { margin-right: 5px; opacity:0.5;}
#language img.active { opacity:1.0; }
#language img:hover { opacity:1.0; }

#logo { position: absolute; left: 540px; height: 100px; width: 200px; }

#achtergrond { position: fixed; bottom: 0px; left: 50%; margin-left: 310px; width: 75px; height: 212px; }
* html #achtergrond { position: absolute; }
.achtergrond { background-image: url('../images/i-zwart.jpg'); background-repeat: no-repeat; }
.spacer { margin: 0px 7px 0px;}

#middle { margin: 0px 0px 0px 15px ; font-family: Arial; font-size: 11px; line-height: 18px; color: #000000; }
#middle h1 { color: #D94144; text-transform: uppercase; font-size: 12px; font-weight: normal; margin: 0px 0px 5px 0px;}
#middle p, #projecttekst p { font-family: Arial; font-size: 11px; line-height: 18px; color: #000000; margin: 10px 0px 0px 0px;}
#middle ul,#projecttekst ul { margin: 0px; padding: 0px; }
#middle ul li,#projecttekst ul li { margin-left: 15px;}
#middle ol { margin-left: 0px; padding: 0px;}
#middle ol li,#projecttekst ol li { margin-left: 15px;}
#middle h1 a { color: #D94144; }
#middle  a { color: #000000; text-decoration: none; }
#middle  a:hover { text-decoration: underline; }


#middle li { color: #000000; margin-left: 15px; padding: 0px;}
#middle li a{ color: #D94144; }
#middle ul li li { color: #D94144; margin-left: 25px; padding: 0px;}
#middle li li a{ color: #D94144; }

#print { border-top: 1px solid #D94144; padding-top: 4px; margin-top: 10px;}
#print a { text-decoration: none; line-height: 16px;}
#print img { vertical-align: -3px;}



#middle table { width:100%; }

#disclaimer { position: fixed; bottom: 10px; left: 50%; margin-left: 175px;font-family: Arial; font-size: 11px; line-height: 18px; color: #FFFFFF; }
* html #disclaimer { position: absolute; }
#disclaimer a { color: #FFFFFF; text-decoration: none; }
#disclaimer a:hover { color: #BCBDBF;}

#slide_1, #slide_2, #slide_3 { width: 185px; line-height: 1px;}
#slide_1 { display:block; height: 100%; }
#slide_2, #slide_3{ display:none; }


#slidenav { background-color: #BCBDBF; width: 185px; height: 25px;} 
#slidenav a { display: inline-block;margin: 0px; color: #FFFFFF; height: 25px; line-height: 25px; text-decoration: none; }
#slidenav a.num { padding: 0px 8px 0px 8px; }
#slidenav a:hover { color: #D94144;  }
#slidenav a.on { background-color: #D94144; color: #FFFFFF;}

#slideshow_1 {
    position:relative;
    height:225px;
}

#slideshow_1 IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow_2 {
    position:relative;
    margin-top: 30px;
    height:60px;
}

#slideshow_2 IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow_1 IMG.active,#slideshow_2 IMG.active { z-index:10; opacity:1.0; }
#slideshow_1 IMG.last-active,#slideshow_2 IMG.last-active { z-index:9; }

.png { behavior: url('lib/iepngfix.htc'); }

#middle_container { overflow-y: auto; position: absolute; bottom: 0px; top: 125px; left: 15px; width: 530px; _width: 530px; }
* html #middle_container {  width: 490px; overflow:auto; bottom: 0px;}
#middle_content { width: 490px; margin-bottom: 20px;}
* html #middle_content { padding: 0px; margin-bottom: 20px;}


#carousel_container {
border-top: 1px solid #CCC;
border-bottom: 1px solid #CCC;
height: 140px;
margin-top: 40px;
}
#carousel_inner {
position: relative;
float:left; /* important for inline positioning */
width:440px; /* important (this width = width of list item(including margin) * items shown */
overflow: hidden;  /* important (hide the items outside the div) */
/* non-important styling bellow */
background: #FFF;
}

#carousel_ul {
position:relative;
left:-130px; /* important (this should be negative number of list items width(including margin) */
list-style-type: none; /* removing the default styling for unordered list items */
margin: 0px;
padding: 0px;
width:9999px; /* important */
/* non-important styling bellow */
padding-bottom:10px;
}

#carousel_ul li{
float: left; /* important for inline positioning of the list items */
width:100px;  /* fixed width, important */
/* just styling bellow*/
padding:0px;
height:120px;
margin-top:10px;
margin-bottom:10px;
margin-left:0px;
margin-right:0px;
}

#carousel_ul li img {
.margin-bottom:-4px; /* IE is making a 4px gap bellow an image inside of an anchor (<a href...>) so this is to fix that*/
/* styling */
ccursor:pointer;
ccursor: hand;
border:0px;
}
#left_scroll, #right_scroll{
float:left;
height:120px;
width:24px;
margin-top: 10px;
background: #C0C0C0;
}
#right_scroll { width: 15px; margin-left: 10px;}
#left_scroll img, #right_scroll img{
/*styling*/
ccursor: pointer;
ccursor: hand;
}