/* Allgemeine Angaben zur Seite */
html, body {

     text-align: center;
     background-color: #D3D3D3;
     width: 100%;
     height:101%;
     margin: 0;
     padding: 0;

     background-image: url(/globimg/bg.gif);
     background-position: top;
     background-repeat: repeat-y;
}

html, body, td, th, input, textarea{
     font-family: arial, sans-serif;
     font-size: 9pt;
     color: black;
}


/* Images haben keinen Rand */
img {
   border: 0;
}


/* Tags von störenden Abständen befreifen */
p, div, form, a, h1, h2, h3, h4, ul, li {
   margin: 0;
   padding: 0;
}




table {
   margin-left: 10px;
   border-collapse: collapse;
   margin-bottom: 20px;
}





th {
  font-weight:bold;
  background-color: #EFEFEF;
}


td, th {
  margin: 0px;
  padding: 3px;
  border: 1px solid #CCCCCC;

}



table.abzugeben td {
  align: left;
  vertical-align: top;
  border: 0;
  margin:0;
  padding:0;
  padding-bottom:10px;
  padding-right:25px;

}


table.abzugeben td img {
 margin:0;
 padding:0;
}


ul {
  list-style-type: none;
  padding-left: 10px;
  margin-bottom: 15px;

}


/* Normale Links */
#content a:link {
   color: #FF0000;
   text-decoration: none;
}
#content a:visited {
   color: #FF0000;
   text-decoration: none;
}
#content a:hover {
   color: #000099;
   text-decoration: none;
   background-image: url(/globimg/link.gif);
   background-repeat: no-repeat;
   background-position: right top;
   padding-top:4px;


}



/* Container der Seite, feste Breite */
#site {

     text-align: left;
     position: relative;
     width: 770px;
     height: 100%;
     margin-top: 0;
     margin-left: auto;
     margin-right: auto;
     padding: 0;

}


/* Grafiken am oberen Rand ausrichten */

#banner {
     position: absolute;
     top: 0;
     right: 0;

}
#logo {
     position: absolute;
     top: 0px;
     left: 3px;
}
#trennstrich {
     position: absolute;
     top: 100px;
     left: 0;

}
#trennstrich2 {
     position: absolute;
     top: 100px;
     right: 0;

}


/* Adressangabe formatieren + positionieren */
#adresse {
  position: absolute;
  top: 85px;
  right: 10px;
  color: #FFFFFF;
  font-size: 8pt;

}

#adresse span {
  color: #990000;
}

/* Container für die Navigation */
#navi {
     position:absolute;
     top: 125px;
     left: 0;
     padding: 0;
     margin: 0;
     width: 119px;
     font-size: 8pt;
     text-align: right;

}

/* Links in der Navigation, 1. Ebene */
#navi a:link {
   display: block;
   color: #333333;
   text-decoration: none;
   background-image: url(/globimg/streifen.gif);
   background-repeat: no-repeat;
   background-position: bottom;
   margin-top: 1px;
}
#navi a:visited {
   display: block;
   color: #333333;
   text-decoration: none;
   background-image: url(/globimg/streifen.gif);
   background-repeat: no-repeat;
   background-position: bottom;
   margin-top: 1px;
}
#navi a:hover {
   display: block;
   color: white;
   text-decoration: none;
   background-image: url(/globimg/streifen.gif);
   background-repeat: repeat-y;
}

/* Container für die 2. Linkebene */
#navi .knavi {
     font-size: 7pt;
     margin-bottom: 20px;
     background: none;
}


/* Links in der Navigation, 2. Ebene */
#navi .knavi a:link {
   background: none;
}
#navi .knavi a:visited {
   background: none;
}
#navi .knavi a:hover {
   display: block;
   color: #333333;
   background-color: #EFEFEF;
}



#navi .pointed {
  background-color: #D3D3D3;
}

#site #navi .knavi a.pointed {
   background-repeat: no-repeat;
   background-image: url(/globimg/pfeil.gif);
   background-position: 20px 1px;
}



/* Container für den eigentlichen Content */
#content {

  position: absolute;
  top: 120px;
  left: 152px;
  width: 600px;

}


/* Textabsätze im Content Container */
#content p {

  text-align: justify;
  line-height: 1.3em;
  margin-bottom: 10px;
  padding-left: 10px;
  border-left: 1px solid #CCCCCC;
  width: 350px;
}


#content p.full {
 width: auto;
}

#content li p {

  width: 270px;

}


#content ul.contentlist {
  width: 350px;
  list-style-type: square;
  padding-left: 25px;
}

#content ul.contentlist li {
 line-height: 1.3em;
}




#content .praeambel p, #content .praeambel h2 {

  padding-left: 90px;
  width: auto;
}

#content .praeambel p {
  margin-bottom: 50px;
}

#content .leitlinien p {

  padding-left: 90px;
  margin-bottom: 25px;
  width: auto;
  background-image: url(/globimg/haken.gif);
  background-position: 40px 0px;
  background-repeat: no-repeat;


}


#content .note {

 float: right;
 font-size: 9pt;
 text-align: right;
 border: 0;
 width: 200px;

}



/* h1 h2 Überschriften formatieren */
h1 {

 font-size:12pt;
 font-weight:bold;
 text-align: left;
 border-bottom: 1px solid #333333;
 color: #333333;
 margin-bottom: 10px;
 margin-left: 10px;
 clear:both;

}

h2 {

 font-size:10pt;
 font-weight:bold;
 text-align: left;
 color: #333333;
 margin-bottom: 10px;
 padding-left: 10px;
 clear:both;

}

h3 {

 font-size:10pt;
 font-weight:bold;
 text-align: left;
 color: #333333;
 margin-bottom: 10px;
 clear:both;

}


/* Seitenende Container */
#footer {

 text-align: right;
 margin-top: 20px;
 height: 50px;

 background-image: url(/globimg/footer.gif);
 background-repeat: no-repeat;
 background-position: 360px 0;
 clear: both;


}

/* Impressum etc im Footer, Ausrichtung */
#footer p {
  text-align: right;
  border: 0;
  padding-top:45px;
  width: auto;
}



/* Bilder im Content rechts und link */
.pageimgr {
  float: right;
  margin-left: 10px;
  margin-bottom: 10px;
  margin-top: 0;
  margin-right: 0;
  border: 1px solid #333333;

}
.pageimgl {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
  margin-top: 0;
  margin-left: 0;
  border: 1px solid #333333;

}


#content .galeriestrg {
  background-color: #EFEFEF;
  margin-top: 30px;
  padding-right: 10px;
  text-align: right;
  clear:both;

}

#content .galeriestrg span {
 float: left;
}



.dynliste {
 float: left;
 text-align: left;
 margin-left: 50px;
}

.dynliste li {
  margin-top: 10px;
  text-align: left;
}


.thumbl {
 float: left;
 text-align: left;
}


.thumbr {
 float: right;
 text-align: left;
}


.thumbl img, .thumbr img {
  margin-left: 10px;
  border: 1px solid #333333;

}

.thumbl li, .thumbr li {

  margin-top: 10px;
  text-align: left;

}


.bildleiste {
  float: right;
}

.bildleiste img {
  margin-left: 10px;
  border: 1px solid #333333;

}
.bildleiste li {

  text-align: right;
  margin-bottom: 10px;

}



form {
  margin-top: 30px;
}

form li {
  margin-bottom: 10px;
}

form .radio {
 border: 0;
 width: auto;
 margin-left: 10px;
}


form .plz {
  width: 50px;

}

form .ort {
  width: 136px;
  margin-left: 10px;

}



label {
  text-align: right;
  float: left;
  width: 110px;
  margin-right: 10px;
  padding-top: 4px;
  color: #333333;
  font-weight: bold;

}





input, select, textarea {
  border: 1px solid #333333;
  width: 200px;
  margin:0;

}

input.small {
  width: 70px;
}

.submit {
  margin-left: 10px;
}


.fehler {
  color: #990000;
}


#textliste {
  line-height:1.5em;
}

#textliste .spacer {
 margin-bottom: 20px;
}

.thumbl .spacer, .thumbr .spacer {
 margin-bottom: 20px;
}

td.kritisch, label.kritisch {
  background-color: salmon;
  text-align:center;
}

td.achtung, label.achtung {
  background-color: #FFDF00;
  text-align:center;
}

td.normal, label.normal {
  background-color: lightgreen;
  text-align:center;
}

td.outofrange {
  background-color: white;
  text-align:center;
}




ul.kritisch {
  border-left: 5px solid salmon;

}

ul.achtung {
  border-left: 5px solid #FFDF00;
}

ul.normal {
  border-left: 5px solid lightgreen;
}

ul.outofrange {
  border-left: 5px solid white;
}

ul.kritisch, ul.achtung, ul.normal, ul.outofrange {
  margin-bottom: 20px;
  line-height: 1.5em;
}

ul.kritisch li, ul.achtung li, ul.normal li {
   margin-bottom: 10px;
}

ul.kritisch li span, ul.achtung li span, ul.normal li span {
   text-align:right;
   font-size: 8pt;
   padding: 2px;
   border: 1px solid black;

}