/* CSS Document */

* {
padding: 0;
margin: 0;
}

html {
height:100%;
}

body {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 0.9em;
color: #000;
height:100%;
}


.rechts {
position:relative;
float: right;
margin: 0.5em 1.5em;
}

.links {
float: left;
margin: 0.5em 2em 0.5em 0;
}

.mitte {
text-align: center;
margin: 0.5em 2em;
}

img {
border:none;
}

/* CONTAINER */

#container {
height:100%;
position:relative;
}

/* Kopfbereich */

#kopf {
background-color: #fff;
font-family: Lucida Sans, Arial, Verdana, Helvetica, sans-serif;
font-size: 2em;
color: #69c;
margin:0;
height: 160px;
}


#logocontainer {
background-color: transparent;
margin: 0;
padding: 10px 20px;
float: left;
}

#titel {
background-color: transparent;
margin: 0;
padding-top: 60px;
padding-left: 70px;
text-align: left;
float: left;
}

#drucken {
float: right;
display:inline;
margin-right: 20px;
padding-top: 120px;
}

#drucken img {
border:none;
}

.clear {   
   clear: both;
}


/* Navigation */

#zweitnavcontainer {
background-color: #69c;
height:20px;
border:1px solid #fff;
text-align:right;
margin:0;
padding-right:20px;
color:#fff;
}

#zweitnavcontainer a, #zweitnavcontainer a:visited {
width: 10em;
text-align:right;
text-decoration: none;
font-size: 80%;
color: #fff;
background-color:#69c;
padding: 1px 0;
margin:1px 0 0 5px;
}

#zweitnavcontainer a:hover {
color: #fff;
background-color:#c99;
}

#zweitnavcontainer a:active {
color: #fff;
background-color:#c99;
}

#wrapper {
clear:both;
margin:0;
background:#e5f2f2 url(../bilder/bg_navi.jpg) 0 0 repeat-y;
}

#hauptnavigation {
display:inline;
width: 180px;
background-color: transparent;
float:left;
margin: 0 0 0 20px;
padding: 20px 0 0 0;
color:#000;
}

#hauptnavigation a, #hauptnavigation a:visited {
display:block;
padding: 10px 3px;
margin: 0;
border-bottom:2px dotted #e5f2f2;
text-decoration: none;
font-size: 0.9em;
color: #000;
background-color:#fff;
}

#hauptnavigation a:hover {
color: #fff;
background-color:#c99;
}

#hauptnavigation a:active {
color: #933;
background-color:#c99;
}

/* Inhalt */

#inhalt {
background-color: #fff;
margin: 0 100px 40px 220px;
}

#inhaltcontainer {
position:relative;
background-color: #fff;
padding: 20px;
}

.index {
margin-right: 170px;
}

#inhaltcontainer p {
margin: 0 0 1em 0;
line-height:120%;
}

#inhaltcontainer h1 {
font-size: 1.4em;
margin: 0 0 1em 0;
font-weight: normal;
color: #933;
}

#inhaltcontainer h2 {
font-size: 1.2em;
margin: 2em 0 1em 0;
font-weight: bolder;
color: #69c;
}

#inhaltcontainer h3 {
font-size: 1em;
margin: 0 0 1em 0;
font-weight: bolder;
color: #000000;
}

#inhaltcontainer ul {
font-size: 1em;
margin: 0 0 1em 0;
list-style-position:outside;
}

#inhaltcontainer ul li {
padding: 0.5em 0;
margin: 0.5em 0 0 2em;
}

* html #inhaltcontainer ul li { /* Korrektur fuer IE 5.x */
margin-left: 0;
ma\rgin-left: 2em;
padding-top: 0;
padd\ing-top: 0;
}


#inhaltcontainer a, #inhaltcontainer a:visited {
color: #069;
}

#inhaltcontainer a:hover {
color: #933;
}

#inhaltcontainer a:active {
color: #933;
}

#inhaltcontainer hr {
background-color:#69c; /* Mozilla 1.4 */
color:#69c; /* IE 6 */
border: #69c; /* Opera 7.11 */
height: 1px; /* in Opera für die Anzeige nötig, in Mozilla für die einheitliche Höhe */
width: 90%;
text-align: center;
}

/* Infokasten und Bild */

#infokasten {
position:absolute;
top:190px;
right:20px;
width:250px;
background-color:transparent;
color:#fff;
z-index:5;
}

.info {
margin-top:10px;
padding:5px;
background-color:#69c;
color:#fff;
z-index:5;
}

.info h1, .info h2, .info h3 {
color:#fff;
font-weight:bold;
font-size:1em;
margin-bottom:1em;
}

.info p {
font-size:0.9em;
font-weight:bold;
margin-bottom:1em;
}

.info a, .info a:visited {
color:#fff;
}

.info a:hover {
color:#933;
}



/* Fuß */

#design {
position:relative;
text-align: right;
height:20px;
margin:0;
border:1px solid #fff;
padding:0 10px 0 0;
font-size: 0.8em;
background-color:#69c;
color: #ffffff;
}

#fuss {
height: 50px;
margin:0;
background-color:#fff;
}

.invis {
display: none;
}