/* ------------------------------- Layout ------------------------------------- */
* {margin:0; padding:0;}
body {
 background-color: #ffffff;
 background-image: url("../image/verlauf_higru.jpg");
 background-position: center;
 background-repeat: repeat-y;
 color: #000000;
 margin: 0 auto;
 text-align: center;
 font: normal 100.01%/100% arial,verdana,helvetica,sans-serif; 
}
div {

}
#aussen { /*feste Breite*/
width: 760px;
height: auto;
margin: 0 auto;

}


#logo {
margin: 0 auto;
}

#headerline { 
width: auto;
height: auto;
clear: both;
font-size: 1.0em;
text-align: center;
background-color: #EBEDED;
border: 1px solid #738080;
font-weight: bold;
font-style: normal;

}

#navilinks, #navirechts {
width: 160px;
text-align:left;
border: none 0;
margin: 10px 0;

}
#navilinks { 
float: left;
}
#navirechts { 
float: right;
}
.navi{
background-color: #EBEDED;
border: 1px solid #738080;
margin-bottom: 10px;
padding: 10px 0;
}
#content {
width: 420px;
text-align: left;
margin: 10px auto;
}
.bild {
margin-bottom: 10px;
border: 1px solid #cc6600;
height: 99px;
text-align: center;
}
.kasten {
font-size: 0.8em;
line-height: 120%;
padding: 5px;
margin-bottom: 10px;
text-align: left;
}
.mitte{
padding: 15px;
border: 1px solid #cc6600;
background-color: #FAF4EE;
}
.aussen{
line-height: 115%;
border: 1px solid #738080;
background-color: #EBEDED;
}
.transparent{
border: none 0;
background-color: #ffffff;
}

.topmitte{
padding: 2px 15px;
background-color: #FFCC99;
border-top: 1px solid #cc6600;
border-left: 1px solid #cc6600;
border-right: 1px solid #cc6600;
}
.topaussen{
padding: 2px 5px;
background-color: #B6BDBD;
border-top: 1px solid #738080;
border-left: 1px solid #738080;
border-right: 1px solid #738080;
}

#footer {
border-top:1px dotted #738080;
clear:both;
text-align:center;
font-size:0.75em;
padding: 2px;
color: #666666;
}


.nachoben {
width: 20px;
float: left;
}

.weiter {
width: 20px;
float: right;
}

.pfeile {
padding: 20px 5px;
}

.linksfloat {
float: left;

}
.rechtsfloat {
float: right;

}

img.linksfloat {
margin: 5px 5px 5px 0;
border: 1px solid #000000;
}

.bildbox {
width: auto;
min-height: 120px;
overflow: visible;
}

* html .bildbox {
height: 120px; /*IE braucht height */
}

/* --------------------- Formatierung ---------------------------------------------*/

h1, h2, h3, h4, h5, h6 {
padding: 5px 0;
}

h1{
font-size: 1.2em;
line-height: 1.0em;

}
h2{
font-size: 0.9em;

}
h3{
font-size: 0.9em;
line-height: 1.3em;

}
h4{
font-size: 1.0em;
line-height: 1.3em;

}
h5{
font-size: 0.9em;
line-height: 1.3em;

}
h6{
font-size: 0.9em;
line-height: 1.3em;

}
.ausgegraut{
color: #666666;
}
.small{
font-size: 0.70em;
line-height: 1.3em;
}
p {
margin-bottom: 1.0em;
}

.invisible{
display: none;
}

.invisiblespace {
visibility: hidden;
font-size: 0.7em;
line-height: 80%;
}

img {
border: none 0;
}

.selected {
color: #EBEDED;
background: #738080;
}

.left{
text-align: left;
}

.right{
text-align: right;
}


a {
border: none 0;
text-decoration: none;
}


a:link.ausgegraut {   color: #666666; } 
a:visited.ausgegraut {   color: #666666;}
a:hover.ausgegraut{  color: #000000;}
a:focus.ausgegraut{   color: #000000;}


a:link.reiter { color: #B6BDBD;  } 
a:visited.reiter {  color: #B6BDBD;  }
a:hover.reiter{   color: #596363; }
a:focus.reiter{   color: #596363; }

a:link.line { color: #EBEDED; font-weight: bold; } 
a:visited.line {   color: #EBEDED; font-weight: bold; }
a:hover.line{  color: #000000; font-weight: bold; }
a:focus.line{ color: #000000; font-weight: bold; }

a:link.foot { color: #666666; } 
a:visited.foot {   color: #666666;}
a:hover.foot{  color: #000000;}
a:focus.foot{ color: #000000;  }

/* Liste Navi -----------------------------------------------*/

ul.navi {
list-style:none;
}
ul.navi a{
padding: 2px 8px;
display: block;
font-size: 0.95em;
font-weight: bold;
width: 142px;
margin: 5px 0;
}
ul.navi a:link {
display: block;
color: #000000;
background: #EBEDED;
}
ul.navi a:visited {
display: block;
color: #000000;
background: #EBEDED;
}
ul.navi a:hover {
display: block;
color: #EBEDED;
background: #738080;
}
ul.navi a:focus {
display: block;
color: #EBEDED;
background: #738080;
}
/* Liste andere -----------------------------------------------*/

ul.liste{
list-style: square;
margin: 0.8em 0.5em 0.5em 2.5em;

}


/* --------------------- Formular ---------------------------------------------*/
.formbox {
width: auto;
min-height: 1.5em;
height: auto;
margin: 2em 0;
}
* html .formboxtext {
height: 8em; /*IE braucht height */
}
.formboxtext {
width: auto;
min-height: 8em;
height: auto;
margin: 2em 0;
}
* html .formbox {
height: 1.5em; /*IE braucht height */
}

.textfeld {
width: 250px;
height: 8em;
background-color: #FFCC99;
border: 1px solid #ff9900;
color: #333333;
white-space:normal; 
}
.eingabefeld {
width: 250px;
height: auto;
background-color: #FFCC99;
border: 1px solid #ff9900;
color: #333333;
}
.sendebutton {
width: 250px;
height: 30px;
color: #333333;

}
form {
font-size: 0.9em;
}
legend {
font-size: 0.8em;
color: #666666;
background-color: #ffffff;
border: 1px solid #ff9966;
padding: 0.3em;
}
fieldset {
border: 1px solid #ff9966;
padding: 20px;
}
.fehler {
border: 1px dotted #cc3300;
background-color: #ffcc99;
padding: 20px;

margin: 30px 0;
}
/* ---------------------  Ende Formular ---------------------------------------------*/