/* Standard Stylesheet
www.dregger.de
Start: 27.6.2008
Letzte Aenderung: 2.7.2008
*/

/* nur fuer Druck */

#print {display:none;}

/* Reset all */

*{
padding: 0;
margin: 0;
border: 0;
}

html { height: 100%;
margin-bottom: 1px;}

body {
  color: #333;
  background: #fff;
  font-family: verdana,arial,sans-serif;
  font-size: 100.01%;
  padding: 0 0 0px 0;
  margin: 0;
  height: 100%;
  text-align: center;   /* Zentrierung fuer alte IEs */
}

a { text-decoration: none;}

a:link    { color: #043466; text-decoration: none;}
a:visited { color: #032548; text-decoration: none;}
a:hover, a:active { color: #666; text-decoration: none;}

/* Farben

Grau/Meta: #666
Linkfarbe Blau: #043466
Dunkles Braun: #191e2e und #032548
Orange: #f7b700
*/

/* Allgemeine Klassen
/* * * * * * * * * * * * * * * * * * * * * * * * * * */

.stopFloat {
  display: block;
  float: none;
  clear: both;
  height: 1px;
  font-size: 0px;
  line-height: 0px;
}

/* Container */
/* * * * * * * * * * * * * * * * * * * * * * * * * * */

#container {
   /* position: relative; */
    min-height: 100%;
}

/* IE Win < 7 only */

* html #container {
height: 100%
}

/* Rahmen, Kopf
/* * * * * * * * * * * * * * * * * * * * * * * * * * */


#header {
  width: 100%;  
  background: #043466;
  height: 100px;
}

#kopf {
  position: relative;
  width: 900px;
  height: 100px;
  margin: 0 auto;          /* Zentrierung fuer moderne Browser */
  text-align: left;        /* text-align:center (body) "neutralisieren" */
}

#logo {
  position: absolute;
  top: 55px;
  /* left: 83px; */
  left: 43px;
}

#headerbild {
  position: absolute;
  left: 690px;
}


/* Meta-Menueleiste
/* * * * * * * * * * * * * * * * * * * * * * * * * * */

#metapfad {
  width: 100%;
  height: 26px;
  margin-top: 1px;
  border-top: 1px dotted #999;
  border-bottom: 1px dotted #999;   /* Trennlinie zw. Menue u. Inhalt */
}

#meta {
  position: relative;
  width: 900px;
  height: 26px;
  font-size: 67%;
  font-weight: normal;
  margin: 0 auto;          /* Zentrierung fuer moderne Browser */
  text-align: left;        /* text-align:center (body) "neutralisieren" */
}

/* pfad */


#pfad {
  position: absolute;
  bottom: 7px;
  /* left: 230px; */
  left: 190px;
}

#pfad ul {
 /* padding: 4px 0 4px 0; */
  list-style: none;
}

#pfad li {
  display: inline;   /* Listenpunkte nebeneinander stellen */
  /* margin-right: 5px; */
}

* html #pfad li {   /* Sternchen-Hack - sehen nur IEs */
  height: 1em;       /* damit margin-right auch im IE 5 beachtet wird */
}

#pfad a {
  font-weight: normal;
}

#pfad a:link, #pfad a:visited {
  color: #666;
  text-decoration: none;
}

#pfad a:hover, #pfad a:active {
  color: #043466;
}

#pfad li.on a {
  font-weight: bold;
}

/* sprachwechsel */

#menue {
position: absolute;
bottom: 7px;
left: 690px;
}

#menue a {
  font-weight: normal;
}

#menue a:link, #menue a:visited {
  color: #666;
  text-decoration: none;
}

#menue a:hover, #menue a:active {
  color: #043466;
}

#menue .on a {
  font-weight: bold;
}


/* INHALTE */
/* * * * * * * * * * * * * * * * * * * * * * * * * * */

#main {
  /* position: relative;
  min-height: 100%; */
  width: 900px;
  padding: 0 0 35px 0;     /* Abstand zum Footer */
  margin: 0 auto;          /* Zentrierung fuer moderne Browser */
  text-align: left;        /* text-align:center (body) "neutralisieren" */
}

/* Spalte 1 * NAVIGATION */
/* * * * * * * * * * * * * * * * * * * * * * * * * * */

#spalte1 {
  float: left;
  /* width: 230px; */
  width: 190px;
  padding: 20px 0;
}

#spalte1 ul{
  list-style: none;
  padding: 0;
  margin: 0 20px 0 0px;
}

#navi li {
  margin: 0 0px 0 0px;
  font-size: 72%;
  line-height: 150%;
  border-bottom: 1px dotted #999;
  padding: 4px 0 4px 0;
}

#navi a:link, #navi a:visited {
  color: #043466;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: bold;
}

#navi a:hover, #navi a:active {
  color: #666;
  /* font-weight: bold; */
}

#navi li a.on {
  color: #666;
 /* font-weight: bold; */
 /* border-left: 2px dotted #625d5b;
  padding-left: 5px; */
}


/* Subnavi */

#navi li li{
  font-size: 100%;
  margin: 0;
  font-weight: normal;
}

#subnavi li {
  margin: 0 0px 0 0px;
  font-size: 72%;
  line-height: 150%;
  padding: 3px 0 3px 10px;
  border: 0;
  font-weight: normal;
  /* border-bottom: 1px dotted #999; */
}

#subnavi a:link, #subnavi a:visited {
  color: #043466;
  font-weight: normal;
  text-decoration: none;
  text-transform: uppercase;
}

#subnavi a:hover, #subnavi a:active {
  color: #666;
 /* font-weight: bold; */
}

#subnavi li a.on {
  color: #666;
 /* font-weight: bold; */
}

/* #navi li li a.on {
  color: #625d5b;
  font-weight: bold;
} */

/* Blauer LINK MEHR */

/* Klasse vor dem a:link */

.orange a {font-weight: bold;
}

.orange a:link, .orange a:visited {
  color: #f7b700;
}

.orange a:hover, .orange a:active {
  color: #191e2e;
}


/* Spalte 2 */
/* * * * * * * * * * * * * * * * * * * * * * * * * * */

#spalte2 {
  float: left;
  /* width: 440px; */
  width: 480px;
  padding: 20px 0;
  overflow: hidden;
 /* min-height: 100%; */
}

#spalte2 h1 {
  color: #666;
  font-size: 110%;
  line-height: 140%;
  border-bottom: 1px dotted #999;
  padding-bottom: 2px;
  margin: 0 0 1em 0;
  text-transform: uppercase;
  font-family: helvetica,verdana,sans-serif;
}

/* Meta-HL */
#spalte2 h2 {
  color: #666;
  font-size: 69%;
  line-height: 150%;
  text-transform: uppercase;
  border-bottom: 1px dotted #999;
  padding: 0 0 2px 0;
  margin: 0 0 6px 0px; 
}

#spalte2 h3 {
  color: #666;
  font-size: 85%;
  line-height: 150%;
  margin: 0 0 8px 0px;
}

#spalte2 p {
  font-size: 80%;
  line-height: 150%;
  margin: 1em 0px;
}

#spalte2 p.zitat {
  font-style: italic;
  font-size: 80%;
  line-height: 150%;
  /* color: #625d5b; */
  margin: 1em 0px;
}

/* #spalte2 p img {
  padding: 3px 10px 5px 0;
  float: left;
  border: 0;
  margin: 0;
} */

#spalte2 img {
  padding: 0;
  border: 0;
  margin: 0;
}

#spalte2 img.floatLeft { 
    float: left; 
    margin: 4px; 
}

#spalte2 img.floatRight { 
    float: right; 
    margin: 4px; 
}

#spalte2 ul {
  font-size: 80%;
  line-height: 180%;
  padding: 0 0 0 10px;
  margin: 0;
  list-style: none;
  /* list-style-type: square; */
  /* margin-left: 0.5em; padding-left: 0.5em */
}

#spalte2 li {
  background: url(images/aufzaehlung.gif) 0 0.5em no-repeat;
  padding-left: 15px;
}

#spalte2 a {font-weight: bold;
}

#spalte2 a.unfett {font-weight: normal;
}
/* Tabelle */

td {
  font-size: 80%;
  line-height: 150%;
  text-align: left;
  vertical-align: top;
  border-bottom: 1px dotted #ccc;
}

table {
width: 100%;
border-collapse: collapse;
}

td, th, tr {
padding: 5px 0px;
}

#spalte2 .spalte1 {
width: 22%
}

#spalte2 .spalte2 {
width: 77%
}

/* Sonderfall */

.small {
  font-size: 85%;
}



/* Spalte 3 */
/* * * * * * * * * * * * * * * * * * * * * * * * * * */

#spalte3 {
  float: left;
  width: 230px; 
  padding: 20px 0;
}

#spalte3 h2 {
  color: #666;
  font-size: 69%;
  line-height: 160%;
  text-transform: uppercase;
  border-bottom: 1px dotted #999;
  padding: 0 0 2px 0;
  margin: 0 0 6px 20px; 
}

#spalte3 h3 {
  color: #666;
  font-size: 75%;
  line-height: 140%;
  margin: 0 0 8px 20px;
}

#spalte3 p {
  font-size: 70%;
  line-height: 150%;
  margin: 0 0 30px 20px;
}

#spalte3 p.zitat {
  /* font-style: italic; */
  font-size: 67%;
  /* line-height: 150%; */
  color: #990000;
  margin: 0 0 30px 20px;
}

#spalte3 p.zitatblau {
  /* font-style: italic; */
  font-size: 67%;
  /* line-height: 150%; */
  color: #003366;
  margin: 0 0 30px 20px;
}

#spalte3 p.zitatneutral {
  /* font-style: italic; */
  font-size: 67%;
  /* line-height: 150%; */
  margin: 0 0 30px 20px;
}
.zitat2 {
  font-size: 100%;
  line-height: 140%;
  color: #333;
}

#spalte3 a{
  font-weight: bold;
}


/* Footer */
/* * * * * * * * * * * * * * * * * * * * * * * * * * */

#footer_aussen {
  width: 100%;
 /* position: absolute; */
 /* clear: both;
  margin: 0 auto; */
  bottom: 0px;
  border-top: 1px dotted #999;
  border-bottom: 4px solid #999;
  height: 1.4em;
  margin-top: -1.4em; /* footerAltStick */
}

#footer{
  height: 1.4em;
  padding: 4px 0 4px 0px;
  margin: 0 auto;          /* Zentrierung fuer moderne Browser */
  text-align: left;        /* text-align:center (body) "neutralisieren" */
  width: 900px;
  font-size: 68%;
  font-weight: normal;
}

/* 3 Elemente */

#navilinks {
float: left;
/* width: 230px; */
width: 190px;
}

#copy {
float: left;
/* width: 460px; */
width: 500px;
}

#navirechts {
float: left;
width: 210px;
}


#footer a {
  /* font-weight: bold; */
}

#footer a:link, #footer a:visited {
  color: #043466;
  text-decoration: none;
}

#footer a:hover, #footer a:active {
  color: #032548;
}

#footer a.on {
  font-weight: bold;
}