body {
position: relative;
background: #3a3a3a url(gedicht.html);
font: 1em/1.5em Verdana, Arial, Helvetica, san-serif;
margin: 0;
padding: 0;
}


#container {
margin: 0 auto;
padding: 0;
width: 730px;

}


#midden { 
position: relative;
width: 730px;
z-index: 2;
background-color: #ff9933;
}

#txtbackground {
position: absolute;
top: 0;
left: 0;
width: 100%;
color: #414131;
font: 2em/2.5em Verdana, sans-serif;
overflow: hidden;
margin: 0;
padding: 0;
text-align: center;
z-index: 1;
}

#txtbackgroundfixed {
position: fixed;
}


/* ---------- Navigatie ------------- */

#nav {
position: absolute;
top: 145px;
left: 0px;
}

#nav a {
text-decoration: none;
color: #000;
}

#nav a:hover {
color: #fff;
}

#nav ul {
list-style: none inside;
font: bold 0.85em/2em Verdana, Arial, Helvetica, san-serif;
}

#nav li {
margin: 0 0 10px 0;
}

.active {
color: #fff;
}

.bgcolor {
background-color: #ff9933;
padding: 2px 10px;
}

/* ---------- grote beeld + tekst ------------- */

#txtopbeeld {
font: 1em/1.5em Verdana, Arial, Helvetica, sans-serif;
position: absolute;
top: 300px;
left: 356px;
color: #fff;
width: 360px;
}

.groter {
font-size: 120%;
}

.noggroter {
font: 1.6em/1.5em Georgia, "Times New Roman", Times, serif;
}

.kleiner {
font-size: 85%;
}

#banner {
position: absolute;
top: 15px;
right: 15px;
}

#banner img {
border: none;
text-decoration: 0;
}



/* ---------- contentdeel ------------- */

#content {
width: 650px;
padding: 40px;
margin-top: -10px;
background-color: #ff9933;
font: 0.8em/1.8em Verdana, Arial, Helvetica, san-serif;
color: #000;
}

#impressie {
width: 730px;
padding: 0;
padding-top: 40px;
margin-top: 0;
background-color: #ff9933;
font: 0.8em/1.8em Verdana, Arial, Helvetica, san-serif;
color: #000;
text-align: center;
}

#impressie em {
font-size: 80%;
}

#impressie p{
margin-top: -32px;
text-align: right;
padding-right: 20px;
color: #fff;
}

.intro {
font-size: 1.1em;
}

.floatingimage {
float: left;
margin: 0 8px 8px 0;
border: 1px solid #333;
}

#content p{
clear: left;
}

#content a{
color:#953f00
}

.small {
font-size: 0.7em
}

#impressie p.quote  {
text-align: right;
color:#000;
font-size: 1.1em;
padding: 10px 20px;
}

/* ---------- Slideshow 2010 ------------- */

/*preload classes*/ 

.svw {
width: 50px; 
height: 20px; 
background: #fff;
} 

.svw ul {
position: relative; 
left: -999em;
} 

/*core classes*/ 
.stripViewer { 
position: relative; 
overflow: hidden; 
border: 5px solid #ff9933; 
margin: 0 auto; 
} 

.stripViewer ul { /* UL met foto's */ 
margin: 0; 
padding: 0; 
position: relative; 
left: 0; 
top: 0; 
width: 1%; 
list-style-type: none;
cursor: pointer; 
} 

.stripViewer ul li { 
float:left; 
} 

.stripTransmitter { 
overflow: auto; 
width: 1%; 
} 

.stripTransmitter ul { 
margin: 0 0 50px 0; 
padding: 0 0 0 16px; 
position: relative; 
list-style-type: none; 
} 

.stripTransmitter ul li{ 
width: 20px; 
float:left; 
margin: 0 1px 1px 0; 

} 

.stripTransmitter a{ 
font: bold 10px Verdana, Arial; 
text-align: center; 
line-height: 22px; 
background: #333; 
color: #fff; 
text-decoration: none; 
display: block; } 

.stripTransmitter a:hover, a.current{ 
background: #fff; 
color: #000; 
} 

/*vormgeving van de tooltips */ 
.tooltip { 
padding: 0.5em; 
background: #fff; 
color: #000; 
border: 5px solid #dedede; 
}