html, body
{
background-color: #dddddd;
font-family: arial, helvetica, veranda;
color: #000;
}

#wrapper
{
background-color: #7eb8e0;
width: 850px;
margin: 0 auto;
}

/* navigation */
#navigation ul
{
margin: 0;
padding: 0;
width: 100%;
background-color: #99ccff;
float: left;
}

#navigation ul li
{
list-style-type: none;
display: inline;
}

#navigation ul li a
{
text-decoration: none;
padding: 0.2em 1em;
float: left;
border-right: 2px solid #6badde;
font-weight: bold;
color: #000;
}

#navigation ul li a:hover
{
background-color: #6badde;
color: #fff;
}

#content p
{
display: block;
width: 250px;
text-align: left;
font-weight: bold;
padding: 20px;
border-right: 2px dotted #000;
line-height: 130%;
}

p.bottom
{
text-align: center;
font-size: 10px;
}

p.right
{
float: right;
margin-top: -400px;
margin-right: 10px;
display: block;
width: 250px;
}

p.under
{
margin-left: 100px;
display: block;
margin-top: 0px;
}

#bilder
{
margin: 0;
width: 780px;
}

img.main
{
margin-top: -300px;
margin-right: 20px;
width: 450px;
height: 200px;
float: right;
}

img.active
{
margin-left: 30px;
}

#bilder h2
{
text-align: center;
}

img.thumb
{
width: 70px;
height: 60px;
float: left;
clear: left;
border: 2px solid #000;
} 


#footer
{
background-color: #99ccff;
text-align: center;
font-size: 10px;
font-weight: bold;
width: 850px;
margin: 0 auto;
}