body {
margin:0;
padding:0;
background-image:url(bilder/hintergrund.jpg);
font-size:16px;
font-family:"Microsoft Sans Serif", Helvetica, Arial, sans-serif;
text-align: center;
}
img { border:none; }

.container
{
margin-top: 3em;
margin-left: auto;
margin-right: auto;
width: 90%;
text-align: left;
background:#D9E0E4;
border:2px solid #BECAD1;
}

.container img
{
float:right;
clear:both;
margin-left:1em;
}

.container h1
{
margin-top:0.5em;
margin-right:0.5em;
margin-bottom:1.5em;
font-size:1.6em;
text-align: right;
font-style: oblique;
color:#AABAC4;
}

.container h2
{
margin-top:0.2em;
margin-right:2em;
margin-bottom:0.5em;
font-size:1em;
text-align: right;
font-style: oblique;
color:#7892A0;
}

.container p
{
margin:0;
padding-top:0.5em;
padding-right:2em;
padding-left:2em;
padding-bottom:0.5em;
font-size:0.8em;
color: #3E4F59;
}

.container ol
{
margin-left:1em;
padding-top:0.5em;
padding-right:2em;
padding-left:2em;
padding-bottom:0.5em;
font-size:0.8em;
color: #3E4F59;
list-style-type:decimal;
list-style-position:outside;
}

.container span
{
padding-top:2em;
padding-right:2em;
padding-left:2em;
padding-bottom:0.5em;
font-size:0.6em;
color: #516673;
}

.container table
{

margin-top:0.5em;
margin-right:2em;
margin-left:2em;
margin-bottom:0;
}

.container td
{
margin:0;
padding-bottom:0.8em;
padding-right:0.8em;
vertical-align:top;
font-size:0.8em;
color: #3E4F59;
}

/* ------- Thumbnails ------- */
.rahmen
{
margin-top: 3em;
margin-left: auto;
margin-right: auto;
width: 755px;

}

.thumbnailkl
{
float: left;
width: 150px;
border:2px solid #BECAD1;
margin: 0px 15px 30px 15px;
color: #516673;
font-size:1.2em;
background:#D9E0E4;
}

.thumbnailkl a
{
text-decoration: none;
color: #516673;
background:#D9E0E4;
}

.thumbnailkl a:hover
{
color: #3E4F59;
}

.thumbnailgr
{
float: left;
width: 330px;
border:2px solid #BECAD1;
margin: 0px 15px 30px 15px;
color: #516673;
font-size:1.2em;
background:#D9E0E4;
}

.thumbnailgr a
{
text-decoration: none;
color: #516673;
background:#D9E0E4;
}

.thumbnailgr a:hover
{
color: #3E4F59;
}

.clearboth { clear: both; }

/* ------- Navigation ------- */
#navcontainer ul
{
position:fixed;
bottom:0px; left:0px; right:0px;
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}

#navcontainer ul li
{
display: inline;
}

#navcontainer ul li a
{
text-decoration: none;
padding: 0em 0.5em;
color: #3E4F59;
background-color:#BECAD1;
}

#navcontainer ul li a:hover
{
color: #000;
background-color: #AABAC4;
}

.container:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/*.versteck counter */
#versteckt
{
display:none;
}

/* Hides from IE-mac \*/
* html .container {height: 1%;}
.container {display: block;}
/* End hide from IE-mac */