html { 
height: 100%;
width: 100%; 
overflow-x:hidden;
overflow-y:auto;
}

body { 
background-color: #9B0032; 
margin: 0px; 
padding: 0px; 
height: 100%;
width: 100%;  
border-top: 1px;
text-align:center;
}

/*achtergrond afbeeldingen */
.leeg { 
height: 100%; 
width: 100%; 
position : absolute;
}

.background { 
height: 100%; 
z-index: -1; 
float:right;
padding:  0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

/* positionering velden*/
#center {
position: absolute;
left: 50%;
top: 50%;
height: 500px;
width: 880px;
margin-left:-420px;
margin-top:-218px; 
}

#container {
position : absolute;
left : 0px;
width : 840px;
top : 0px;
padding:  0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
line-height: 1.2;
}

#titel {
position : absolute;
left : 0px;
top : 432px;
width : 840px;
height : 33px;
text-align : center;
padding:  0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}


#knoppen { 
position : absolute;
left : 0px;
top : 465px;
width : 840px;
height : 40px;
text-align : center;
padding:  0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}


/* velden voor projecten*/
.field0 {
position: relative;
float:left;
margin:15px;
padding:0px;
height: 115px;
width: 180px;
background-color:white;
line-height: 1.2;
display: inline;
opacity : 0.3;
filter : alpha(opacity=30);
}

a.field1 {
position: relative;
float:left;
margin:15px;
padding:0px;
height: 115px;
width: 180px;
background-color:white;
text-decoration : none;
line-height: 1.2;
display: inline;
}

.project {
border:0px;
width: 155px;
display: inline;
}

.projecttekst {
position: absolute;
left:0px;
top:85px;
height:23px;
width:175px;
margin: -2px 0px 0px 0px;
padding: 6px 2px 0px 2px;
z-index:2;
text-decoration:none;
background-color:white;
display: inline;

color : black;
font-family : arial;
font-size : 6pt;
font-variant : small-caps;
font-weight : normal;
letter-spacing: 0.25em;
text-transform : uppercase;
cursor: hand;
}

.projectcover{
position: absolute;
left:0px;
top:0px;
height: 100px;
width: 170px;
margin:0px;
padding:0px;
border:0px;
display: inline;
}

/* velden voor smoelenboek */

.pasfoto0 {
position: relative;
float:left;
margin:15px;
padding:0px;
height: 79px;
width: 63px;
background-color:white;
line-height: 1.2;
display: inline;
opacity : 0.3;
filter : alpha(opacity=30);
}

.pasfoto1 {
position: relative;
float:left;
margin:15px;
padding:0px;
height: 79px;
width: 63px;
background-color:white;
text-decoration : none;
line-height: 1.2;
display: inline;
}

.foto {
margin: 3px 0px 4px 1px;
height: 73px;
width: 56px;
line-height: 1.2;
}

.teamleeg {
position:absolute;
top:0px;
left:0px;
height: 79px;
width: 63px;
}

/*menutitel*/
h1 { 
color : white;
font-family : arial;
font-size : 11pt;
text-transform: uppercase;
font-weight : normal;
letter-spacing: 0.5em;
padding:  0px 0px 0px 0px;
margin: 4px 0px 0px 5px;
}

/*knoppen navigatiebalk*/

.knopaan {
border : 1px solid;
border-color : #9B0032;
width : 30px;
height : 30px;
margin: 0px 0px -6px 0px;
padding: 0px 0px 0px 0px;
}

.knopuit {
border : 1px solid;
border-color : #eeeeee;
margin: 0px 3px -7px 3px;
padding:  0px 0px 0px 0px;
width : 32px;
height : 32px;
opacity : 0.4;
filter : alpha(opacity=40);
}

.afstand {
border : 1px solid;
border-color : #9B0032;
margin: 0px 3px -7px 3px;
padding:  0px 0px 0px 0px;
width : 32px;
height : 32px;
}

a.knop{
border : 1px solid;
border-color : #C36684;
text-decoration : none;
font-size : 29px;
margin: 0px 3px 0px 3px;
padding:  0px 0px 0px 0px;
}

a.knop:hover {
border : 1px solid;
border-color : white;
}


/* tekst layout blad bureau */

h3 {
font-size : 24pt;
font-weight : bold;
line-height : 27pt;
text-align : center;
margin : 0px 45px 30px 45px;
padding : 0px 0px 0px 0px;
font-family : bodoni, times new roman, serif; 
color : white;
}

.kleiner {
font-size : 12pt;
font-weight : normal;
}

p {
margin : 0px 45px 0px 45px;
padding : 0px 0px 0px 0px;
color : white;
font-family : bodoni, times new roman, serif; 
font-size : 13pt;
font-weight : normal;
line-height : 25pt;
text-align : justify; 
}

/* preload class */
.hidden {
visibility:hidden;
width : 1px;
height : 1px;
}