basic styles for all pages

html {
width: 100%;
height: 100%;
margin: 0px;
padding: 0px;
font-size: 70%;
font-weight: normal;
}

body {
width: 100%;
height: 100%;
text-align: center;
margin: 0 0 0 0;
background: #ffffff url(../plaatjes/achtergrondtegel.jpg) repeat top left; 
font-family: "Courier New";
font-size: 70%;
}

body.achtergrond1{
width: 100%;
height: 100%;
text-align: center;
margin: 0 0 0 0;
background: #ffffff url(../plaatjes/achtergrondtegeleerst.jpg) repeat top left; 
font-family: "Courier New";
font-size: 70%;
}

body.achtergrond2{
width: 100%;
height: 100%;
text-align: center;
margin: 0 0 0 0;
background: #ffffff url(../plaatjes/achtergrondtegelkoeler.jpg) repeat top left; 
font-family: "Courier New";
font-size: 70%;
}

p.titel{
font-style: normal;
font-family: "Courier New";
font-weight: normal;
font-size:1.1em;
color: #666666;
text-decoration: none;
text-align: center;
padding: 0 5px 0 0;
margin: 0 0 0 0;
}

p{
font-style: normal;
font-family: "Courier New";
font-weight: normal;
font-size:1.4em;
color: #666666;
text-decoration: none;
text-align: left;
padding: 0 0 0 0;
margin: 0px 15px 15px;
}

ul {
font-style: normal;
font-family: "Courier New";
font-weight: normal;
font-size:1.4em;
color: #666666;
text-decoration: none;
text-align: left;
padding-left: 1em;
list-style-type: circle;
margin: 0px 0px 0px 15px;
}

i{
font-style: italic;
font-family: "Courier New";
font-weight: normal;
font-size:1em;
color: #666666;
text-decoration: none;
text-align: left;
padding: 0 0 0 0;
}

dl, dd{
font-style: normal;
font-family: "Courier New";
font-weight: normal;
font-size:1.4em;
color: #666666;
text-decoration: none;
text-align: left;
padding: 0 0 0 0;
margin: 0 0 0 0;
}


a{
font-family: "Courier New";
font-weight: normal;
color: #3366cc;
text-decoration: none;
}

a:link, a:visited{
font-family: "Courier New";
font-weight: normal;
color: #3366cc;
text-decoration: none;
}


a:hover, a:active{
font-family: "Courier New";
font-weight: normal;
color: #ccccff;
text-decoration: none;
}

img {
border: 0px;
height: auto;
width: auto;
text-align: center;
position: relative;
}

/* containers */

#main_container{
float: none;
width: 640px;
min-height: 480px;
height:auto !important; /* voor moderne Browser */
height:480px; /*voor IE6 */
margin: auto;
background-color: #ffffff;
position: relative;
top: 100px;
}

#header_container{
height: 67px;
padding: 0 0 0 0;
text-align: left;
}


#left_container{
float: left;
min-height: 393px;
height:auto !important; /* voor moderne Browser */
height:393px; /*voor IE6 */
width: 160px;
padding: 0 0 0 0;
overflow:visible;
}

#right_container{
float: left;
min-height: 393px;
width: 480px;
height:auto !important; /* voor moderne Browser */
height:393px; /*voor IE6 */
padding: 0 0 0 ;
}

#tekstblok1_container{
float: left;
width: 640px;
min-height: 393px;
height:auto !important; /* voor moderne Browser */
height:393px; /*voor IE6 */
background: url(../plaatjes/achtergrondtegel_cvexpo.jpg) no-repeat bottom right;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

#tekstblok2_container{
float: left;
width: 640px;
min-height: 393px;
height:auto !important; /* voor moderne Browser */
height:393px; /*voor IE6 */
margin: 0 0 0 0;
padding: 0 0 0 0;
}


/* content */

#header{
padding: 0;
background-color: #ffffff;
}


#left, #right{
padding: 0;
text-align: center;
position: relative;
top:10px;
}

#tekst{
padding: 30px 15px 0 45px;
text-align: center;
position: relative;
top:10px;
}


/* navigation */

#nav1 {
width: 640px;
height: 45px;
background-color: #ff9999;
float: left;
}

#nav2 {
width: 640px;
height: 20px;
background-color: #ffcc33;
top: 2px;
position: relative;
float: left;
}

#nav3 {
width: 640px;
height: 20px;
background-color: #666666;
top: 2px;
position: relative;
float: left;
}

img.navigation{
  margin: 0 0 10px -23px;
  border: 0px;
  height: auto;
  width: auto;
  text-align: center;
position: relative;
top:10px;
}

a.nav1{
font-family: "Courier New";
font-weight: normal;
font-size:1.4em;
color: #ffffff;
text-decoration: none;
position: relative; 
top: 23px;
padding: 2px;
}

a.nav1:link, a.nav1:visited{
font-family: "Courier New";
font-weight: normal;
font-size:1.4em;
color: #ffffff;
text-decoration: none;
position: relative; 
top: 23px;
padding: 2px;

}

a.nav1:hover, a.nav1:active{
font-family: "Courier New";
font-weight: normal;
font-size:1.4em;
color: #666666;
text-decoration: none;
position: relative; 
top: 23px;
padding: 2px;
} 

a.nav1_selected{
font-family: "Courier New";
font-weight: bold;
font-size:1.4em;
color: #ffffff;
text-decoration: none;
position: relative; 
top: 23px;
padding: 2px;
}

a.nav1_selected:link, a.nav1_selected:visited{
font-family: "Courier New";
font-weight: bold;
font-size:1.4em;
color: #ffffff;
text-decoration: none;
position: relative; 
top: 23px;
padding: 2px;

}

a.nav1_selected:hover, a.nav1_selected:active{
font-family: "Courier New";
font-weight: bold;
font-size:1.4em;
color: #ffffff;
text-decoration: none;
position: relative; 
top: 23px;
padding: 2px;
}

a.nav2{
font-family: "Courier New";
font-weight: normal;
font-size:1.4em;
color: #ffffff;
text-decoration: none;
padding: 2px;
}

a.nav2:link, a.nav2:visited{
font-family: "Courier New";
font-weight: normal;
font-size:1.4em;
color: #ffffff;
text-decoration: none;
padding: 2px;
}

a.nav2:hover, a.nav2:active{
font-family: "Courier New";
font-weight: normal;
font-size:1.4em;
color: #666666;
text-decoration: none;
padding: 2px;
} 

a.nav2_selected{
font-family: "Courier New";
font-weight: bold;
font-size:1.4em;
color: #666666;
text-decoration: none;
padding: 2px;
}

a.nav2_selected, a.nav2_selected:link, a.nav2_selected:visited{
font-family: "Courier New";
font-weight: bold;
font-size:1.4em;
color: #666666;
text-decoration: none;
padding: 2px;
}

a.nav2_selected, a.nav2_selected:hover, a.nav2_selected:active{
font-family: "Courier New";
font-weight: bold;
font-size:1.4em;
color: #666666;
text-decoration: none;
padding: 2px;
}

a.nav3{
font-family: "Courier New";
font-weight: normal;
font-size:1.4em;
color: #ffffff;
text-decoration: none;
padding: 2px;
}

a.nav3:link, a.nav3:visited{
font-family: "Courier New";
font-weight: normal;
font-size:1.4em;
color: #ffffff;
text-decoration: none;
padding: 2px;

}

a.nav3:hover, a.nav3:active{
font-family: "Courier New";
font-weight: normal;
font-size:1.4em;
color: #cccccc;
text-decoration: none;
padding: 2px;
} 

a.nav3_selected{
font-family: "Courier New";
font-weight: bold;
font-size:1.4em;
color: #cccccc;
text-decoration: none;
padding: 2px;
}

a.nav3_selected:link, a.nav3_selected:visited{
font-family: "Courier New";
font-weight: bold;
font-size:1.4em;
color: #cccccc;
text-decoration: none;
padding: 2px;

}

a.nav3_selected:hover, a.nav3_selected:active{
font-family: "Courier New";
font-weight: bold;
font-size:1.4em;
color: #cccccc	;
text-decoration: none;
padding: 2px;
}


/* footer */

#footer_container{
clear: both;
width: 640px;
height: 22px;
background-color: #666666;
text-align: right;
}

#footer{
clear: both;
width: 640px;
height: 20px;
background-color: #666666;
float: left;
}

#footer .datum{
font-style: normal;
font-family: "Courier New";
font-weight: normal;
font-size:1.4em;
color: #ff9999;
text-decoration: none;
padding: 1px 5px 0 0;
}


/* home */

#home_container{
float: none;
width: 640px;
min-height: 480px;
height:auto !important; /* voor moderne Browser */
height:480px; /*voor IE6 */
margin: auto;
background: url(../plaatjes/achtergrondtegel_home.jpg) no-repeat top left;
position: relative;
top: 100px;
}

#header1{
width: 640px;
height: 45px;
background-color: #333333;
float: left;
}

#header2{
width: 640px;
height: 2px;
background-color: #cccccc;
float: left;
}

#header3{
width: 640px;
height: 20px;
float: left;
}

#home_left_container{
float: left;
width: 185px;
min-height: 391px;
height:auto !important; /* voor moderne Browser */
height:391px; /*voor IE6 */
margin: auto;
padding: 0 0 0 0;
}

#home_middle_container{
float: left;
width: 255px;
min-height: 391px;
height:auto !important; /* voor moderne Browser */
height:391px; /*voor IE6 */
padding: 0 0 0 0;
position: relative;
top: 0px;
margin: 0 0 0 0;
}

#home_right_container{
float: left;
width: 200px;
min-height: 391px;
height:auto !important; /* voor moderne Browser */
height:391px; /*voor IE6 */
padding: 0 0 0 0;
text-align: right;
position: relative;
left: 0px;
top: -15px;
}

#home_left{
width: 185px;
float: left;
}

#home_middle{
width: 255px;
float: left;
}

#home_right{
width: 200px;
float: left;
}

#footer_container_home{
clear: both;
width: 640px;
height: 22px;
text-align: right;
}

#footer_home1{
width: 640px;
height: 2px;
background-color: #ffcc33;
float: left;
}

#footer_home2{
width: 640px;
height: 20px;
background-color: #ff9999;
float: left;
text-align: right;
}

#home_titel1{
font-style: normal;
font-family: "Courier New";
font-weight: bold;
font-size:1.9em;
color: #ff9999;
text-decoration: none;
padding: 0 0 0 15px;
margin: 20px 0 0 0px;
}
#home_titel2{
font-style: normal;
font-family: "Courier New";
font-weight: bold;
font-size:1.9em;
color: #ffcc33;
text-decoration: none;
text-align: left;
padding: 0 0 0 15px;
margin:0 0 0 0;
position: relative;
}

#home_titel3{
font-style: normal;
font-family: "Courier New";
font-weight: normal;
font-size:1.4em;
color: #ffffff;
text-decoration: none;
text-align: left;
padding: 0 0 0 0px;
position: relative;
top: 34px;
}

#footer_home2 .datum{
font-family: "Courier New";
font-weight: normal;
font-size:1.4em;
color: #333333;
text-decoration: none;
text-align: right;
padding: 1px 5px 0 0;
}

a.homenav{
font-family: "Courier New";
font-weight: normal;
font-size:1.4em;
color: #cccccc;
text-decoration: none;
padding: 0 5px 0 0;
}

a.homenav:link, a.homenav:visited{
font-family: "Courier New";
font-weight: normal;
font-size:1.4em;
color: #cccccc;
text-decoration: none;
padding: 0 5px 0 0;

}

a.homenav:hover, a.homenav:active{
font-family: "Courier New";
font-weight: normal;
font-size:1.4em;
color: #ffffff;
text-decoration: none;
position: relative; 
padding: 0 5px 0 0;
} 

a.homenav_selected{
font-family: "Courier New";
font-weight: bold;
font-size:1.4em;
color: #cccccc;
text-decoration: none;
padding: 0 5px 0 0;
}

a.homenav_selected:link, a.homenav_selected:visited{
font-family: "Courier New";
font-weight: bold;
font-size:1.4em;
color: #cccccc;
text-decoration: none;
padding: 0 5px 0 0;
}

a.homenav_selected:hover, a.homenav_selected:active{
font-family: "Courier New";
font-weight: bold;
font-size:1.4em;
color: #cccccc;
text-decoration: none;
padding: 0 5px 0 0;
}

/* home Werk in uitvoering */

/* The containing box for the gallery. */
#container {
position:relative;
top:35px;
width:255px; 
height:255px; 

margin:0px 0px 0px 0px;
padding: 0px;
}

/* Removing the list bullets and indentation - add size - and position */
#container ul {
width:255px; 
height:255px; 
padding:0;  
margin:0px; 
list-style-type:none; float:left;
}

#container li {
float:left;
padding:0 0 0 0;  
margin:0 0 0 0;
}

/* Remove the images and text from sight */
#container a.gallery span {
position:absolute; 
width:0px; 
height:0px; 
top:0px; 
left:0px; 
overflow:hidden;
}

/* Adding the thumbnail images */
#container a.gallery, #container a.gallery:visited {
display:block; 
color:#000000; 
text-decoration:none; 
border:0px; 
margin:0px 0px 0px 0px; 
cursor: auto;
}

#container a.slidea {
background:url(../plaatjes/werkinuitvoering1_klein.jpg) no-repeat center; 
height:85px; 
width:85px;
padding:0px;
}

#container a.slideb {
background:url(../plaatjes/werkinuitvoering2_klein.jpg) no-repeat center; 
height:85px; 
width:85px;
padding:0px;
}

#container a.slidec {
background:url(../plaatjes/werkinuitvoering3_klein.jpg) no-repeat center; 
height:85px; 
width:85px;
padding:0px;
}

/* styling the hovers */
#container a.gallery:hover {
border:0px solid #fff;
}
#container a.gallery:hover span {
position:absolute; 
width:255px; 
height:225px; 
top:90px; 
color:#000; 
background:#fff;
padding:0px 0px 0px 0px; 
text-align: left;
}

#container a.gallery:hover img {
border:0px solid #fff; 
float:left; 
margin-right:1px;
margin-left:0px;
}

#container a.slideb:hover img, #container a.slidei:hover img {
float:right;
}

/* verticale scrollbar */

div.sc_menu_wrapper {
position: relative;
height: 393px;
/* Make bigger than a photo, because we need a place for a scrollbar. */
width: 160px;


margin-top: 0px;
overflow: auto;
}

div.sc_menu {
padding: 0 0 0 30px;
position: relative;
text-align: center;
}

.sc_menu a {
display: block;
width: 75px;
padding: 10px 0 0 0;

  border: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;              

  /* When image support is turned off */
  color: #fff;
  background: rgb(255, 255, 255);
}
.sc_menu a:hover {
  border-color: rgb(255, 255, 255);
  border-style: dotted;
}
.sc_menu img {
  display: block;
  border: none;
}