/* alle -----------------------------------------------  */

* {
padding: 0;
margin: 0;
}

html, body {
height: 100%;
}

body {
font-family: Arial, sansserif;
font-size: 1.4em;
background-color: #fff;
color:  #000;
background-image:url(wap.jpg);
background-attachment:fixed;
}

.info a {           /* Popup im Text */
display:inline;
color:#069;
font-weight:normal;
border-bottom:1px dashed black;
}

.info a span {
display:none;
}

.info a:hover {
color:blue;
}

.info a:hover span {
display:block;
position:absolute;
color:#000;
width:20em;
font-size:1em;
margin-left:10px;
font-weight:normal;
margin-top:10px;
margin-bottom:10px;
margin-right:5px;
background-color:#fff;
border:1px solid black;
padding:5px;
}


/* wrapper --------------------------------------------- */

#wrapper {
height: auto;
min-height: 100%;
margin: 0 180px -41px 200px;
border-left: 2px solid #000;
border-right: 2px solid #000;
background-color: #fff;
color: #000;
}

#wrapper h3 {
margin-left:2em;
margin-right:2.5em;
font-size:0.8em;
}


#wrapper p {
margin-left:2em;
margin-right:1.5em;
font-size:0.8em;
}


html>body #wrapper {
height: auto;
} /* Nur fuer Geckos (IE behandelt height sowieso als min-height */


/* header --------------------------------------------- */

#header {
position: fixed;
height: 4em;
width:100%;
margin: 0 -182px 0 -202px;
border-bottom: 1px solid #000;
color: #000;
background-color:#fff ;
}

/* Formate */

#header h1{
color:red;
font-size:1.75em;
text-indent:300px;
margin-top:15px;
}

#header h2 {
font-size:0.8em;
color:#000;
margin-top:-5px;
text-indent:430px;
}

/* menu ----------------------------------------------------- */

#menue1 {
width: 180px;
margin: 10px 0;
margin-left:-190px;
background-color:#d3d3d3;
}

#menue1 #abstand1 { /* hintergrundkasten */
border: 1px solid;
background: #d3d3d3;
padding: 5px 6px;
position:fixed;
border: 1px solid red;
}

#schalter1 a {
display: block;
padding: 2px;
text-decoration: none;
color:#444;
border: 1px solid #ccc;
width: 150px;
font-weight: bold;
text-align: right;
margin: 3px 0;
background-color: #fff;           
padding-right:10px;
}

#schalter1 a:link {
font-size:0.8em; 
color:#636363;
}

#schalter1 a:visited {
font-size:0.8em; 
color:#636363;
}

#schalter1 a:hover {
border: 1px solid;
border-color: #eeeeee #304e6a #304e6a #eeeeee;
background-color:grey;
color: #fff;
font-size:0.8em; 
}

#schalter1 a:active {
color: #c00;
}


/* rechtespalte --------------------------------------------- */

#rechtespalte {
float: right;
width: 180px;/* same as right margin on #wrapper*/
margin-right: -179px;/*must be 1px less than width otherwise won't push footer down */
}

#rechtespalte .abstand1 { /* hintergrundkasten */
border: 1px solid;
width: 140px;
height:230px;
border-color: #ccc;
background: #d3d3d3;
color:#000;
padding: 5px 10px;
margin-top:-10px;
margin-left:12px;
Position:fixed;
border: 1px solid red;
}

#rechtespalte .teaser {
position:fixed;
font-size:0.8em;
width:7em;
padding:10px;
margin-top:100px;
margin-left:-3px;
background-color: #fff;
color: #000;
border: 1px solid #ccc;
}

#rechtespalte .teaser a {
text-decoration:none;
border-bottom:0;
color:#000;
font-weight:bold;
}

#rechtespalte .teaser a span {
display:none;
}

#rechtespalte .teaser a:hover {
color:red;
}

#rechtespalte .teaser a:hover span {
display:inline;
width:auto;
height:auto;
position:absolute;
font-size:2em;
margin-top:-1.5em;
margin-left:-10em;
padding:10px;
background-color:white;
border:2px solid red;
color:black;
}

#rechtespalte .kl {
font-size:0.9em;
}

/*  Mitte -------------------------------------------  */

#mitte {
text-indent:20px;
height:auto;
margin-top:-80px;
color:#000;
}

#mitte h2 {
padding: 20px 0px 10px 20px;
text-indent:20px;
color:#000;
}

#mitte h4 {
background-color:white;
border: 2px solid red;
font-size:1.2em;
color:black;
font-weight:bold;
margin-left:0em;
margin-top:20px;
margin-bottom:20px;
padding: 15px;
}

#mitte h5 {
display:inline;
background-color:#fff;
width:auto;
font-size:1.2em;
color:white;
padding:0 10px 0 10px;
}

#mitte div {
margin-left:2em;
margin-right:1.5em;
font-size:0.8em;
}

#mitte div h1 {
font-size:1.2em;
font-weight:bold;
}

#mitte div h2 {
font-size:1.5em;
display: inline;
background-color:#fff;
color:red;
padding:0 0.8em;
}
#mitte div h3 {
font-size:1.5em;
display: inline;
background-color:#fff;
color:red;
padding:0 0.8em;
}

#mitte div ez {                /* hängender Einzug */
width:40em;
margin-left: 25px;
text-indent: -35px;
}

#kontaktform {
width:auto;
height:auto;
background:#fff;
padding-left: 20px;
font-family: Arial, sansserif;
font-size: 17px;
line-height: 160%;
}

form {
}

input, textarea {
font-size: 100%;
background-color: #ddd;
}