* {
margin: 0;
padding: 0;
}

html,
body {
margin: 0;
padding: 0;
/*height: 100%;*/
}

body {

/*background-image: url(../bilder/keller.jpg);*/
background-image: url(../bilder/farbverlauf_rot.gif);
background-repeat: repeat-x;
/*background-color: #C43B46;*/
}


/*#wrapper {
position: absolute;
background-color: #FAE8C2;
width: 600px;
height:300px;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
font-family: verdana, arial, sans-serif;
}*/

#wrapper {
position: absolute;
background-color: #FBF9DE; /* beige */
width: 50em;
/*width: 800px;*/
/*height: 40em;*/
/*bottom: 5em;
top: 5em;*/
right: 50%;
left: 50%;
margin-top: 2%;
margin-bottom: 2%;
margin-left: -25em;
font-family: verdana, arial, sans-serif;
}

#header {
/*height: 10em;*/
margin-top: 0;
padding-top: 0;
border-bottom: 1px solid #000;
margin-bottom: -0.4em;
}

/*nur zur Probe: der feststehende Footer 
#footer {
background-color: #ccc;
width: 100%;
height: 2em;
position: fixed;
bottom: 0;
}
*/


#hauptteil {
width: 100%;

}



/* Navigation */

#navi {
width: 100%;
border-bottom: 1px outset #000;
border-top: 1px outset #000;
}


ul#menue {
list-style: none;
float:left;
width: 100%;
background: #aaa;

}

#menue ul {
position: absolute;
left: -9999px;
list-style: none;
}

#menue li {
float: left;
width: 9em;
background: #aaa;
}

#menue li:hover ul {
left: auto;
}


#menue a {
color: #000;
text-decoration: none;
display: block;
padding: .2em 1em;
background: #ccc;
border-right: 1px solid #000;
}

#menue a:hover {
background: #FBF9DE; /*beige*/
color: #C43B46;	/*rot*/

}


#menue li li {
float: none;
}

#menue li li a {
background: #C43B46;
color: #FBF9DE;
border-right: none;
}

#menue li li a:hover {
color: #C43B46;
}

#menue li span {
color: #ccc;
display: block;
padding: .2em 1em;
}

#menue li li span {
color: #aaa;
background-color: #ccc;
display: block;
padding: .2em 1em;
}

#text {
display: inline-block;
padding: 2em 1em .5em 1em;
height: 40em;
/*height: 30em;*/
width: 48em;
overflow: auto;
}

.square {
list-style-type: square;
list-style-position: inside;
}

.rot {
color: #C43B46;
}	

/* Bilder */

.il {
display: block;
float: left;
padding-right: 10px;
padding-bottom: 10px;
clear: both;
}

.in {
display: block;
float: left;
padding-right: 10px;
padding-bottom: 10px;
}

.ir {
display: block;
float: right;
padding-left: 10px;
padding-bottom: 10px;
clear: both;
}

/* clear fuer Texte*/
.tc {
display: block;
float: right;
clear: both;
}

.clear {
display: block;
clear: both;
}



p, a, td, th, li, ul, dl, dt, dd {
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: small;
/*   vertical-align: top ;*/
}

p, h4, h5  {
	margin-bottom:0.5em;
	}


a {
color: #C43B46;
text-decoration: none;
}


p,li,ul,a,div,i,td {
  line-height: 150%;
}

/* paragraph */
p {
  text-align:left;
}

/* headlines */
h1 {
   font-weight: bold;
   font-size: x-large;
   line-height: 1.2;
   color: #C43B46;
}
h2 {
   font-weight: bold;
   font-size: large;
   line-height: 1.5;
   color: #C43B46;
   }
h3 {
   font-weight:normal;
   font-size:large;
   line-height: 1.5;
}
h4 {
   font-weight: bold;
   font-size: medium;
   line-height: 1.5;
}
h5 {
   font-weight: bold;
   font-size: small;
   line-height: 1.5;
   }