/* CSS Layout */

html, body, p, ol, ul, li, a, td, h1, h2, h3, h4, img {
padding:0; margin:0;
}


/* Seite zentrieren fuer Browser, die auto margins nicht unterstützen */
body {
	text-align: center;
	background-image: url(../images/background.gif);
}


/*
--------------------------------------------------------------------
Container
--------------------------------------------------------------------
*/
#container
{
width: 80%;
margin: 10px auto;

/* Textausrichtung für gesamte Seite wieder auf links zurücksetzen */
text-align: left;

background-color: #ffffff;
color: #333333;
border: 1px solid gray;
line-height: 130%;
background-image: url(../images/container_bg.jpg);
background-repeat:repeat-y;
}


/*
--------------------------------------------------------------------
Header
--------------------------------------------------------------------
*/
#top
{
padding: .5em;
background-color: #999999;
border-bottom: 1px solid gray;
background-image: url(../images/background_grey.gif);
}

#top h1
{

/* Browserspezifische Abstände um H1 entfernen, so dass nur die Abstände in #top {padding:...} berücksichtigt werden*/
padding: 0;
margin: 0;
font-family:Arial, Helvetica, sans-serif;
font-size:1.2em;
font-weight:bold;
color:#FFFFFF;
letter-spacing:4px;
text-align:center;
}


/*
--------------------------------------------------------------------
Navigation
--------------------------------------------------------------------
*/
#leftnav
{
float: left;
width: 200px;
margin:0;
padding:0em;
}


#leftnav img {
margin-top:50px;
margin-left:50px;
}


 ul#Navigation {
    width: 200px;
    margin:0;
  }

 
ul#Navigation li {
  list-style: none;
  text-align: left;
  margin:0;

}


ul#Navigation li a {
  display: block;
  width:180px;
  text-decoration: none;
  font-family:Arial, Helvetica, sans-serif;
  font-size:0.8em;
  font-weight:bold;
  padding: .4em;
  padding-left:15px;
  border-bottom: solid 1px silver;
  background-image:url(../images/parchment.jpg);
  letter-spacing:2px;
 }
 

ul#Navigation li a:link, a:visited { color: #ffffff; }
ul#Navigation li a:hover, a:active { color: #ffffff; }
ul#Navigation li a:hover { background-image:url(../images/background_grey.gif);}

/* Unternavigation */
ul#Navigation li ul li {
font-size:0.75em;
text-indent:2em;
font-weight:bold;
}

/*
--------------------------------------------------------------------
Hauptanzeigebereich
--------------------------------------------------------------------
*/
#content
{
	margin-left: 200px;
	padding: 2em;
	background-image: url(../images/content_bg.jpg);
}

#content img {
margin-right:30px;
margin-bottom:5px;
}


/*
--------------------------------------------------------------------
Fusszeile
--------------------------------------------------------------------
*/
#footer
{
clear: both; /* Fusszeile in eigene Zeile zwingen */
margin: 0;
padding: .5em;
background-color: #6699CC;
border-top: 1px solid gray;
font-family:Arial, Helvetica, sans-serif;
font-size:0.8em;
font-weight:normal;
text-align:center;
color:#FFFFFF;
background-image: url(../images/background_grey.gif);
}

.leftfloat {
float:left;
margin:0;
padding:0;
}

.image_caption {
clear:both;
font-size:85%;
margin-left:5px;
}

.caption {
    font-family: Verdana, sans-serif;
    font-size: 10px;
    float: left;
    margin: 0;
	margin-bottom:80px;
    padding: 0;
    position: relative;
}
 
.caption img {
    float: left;
    margin: 0;
    padding: 0;
    background: #fff;
    border: none;
}
 
.caption span {
    float: left;
    margin: 0;
	margin-top:30px;
    padding: 10px;
    width: 100%;
    color: #222	;
	width:94%;
    position: absolute;
    left: 0;
    bottom: -50px;
}
 
.caption span strong {
    font-weight: bold;
    font-size: 11px;
    text-transform: uppercase;
    display: block;
    padding-bottom: 5px;
}