/* *** RETTET-DAS-INTERNET STARTSEITE *** */

#vorratsdatenspeicherung {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; text-align: center; color: #fff; font-family: Verdana,sans-serif; visibility: hidden; -moz-opacity: 0.85; filter:alpha(opacity=85); opacity: 0.85; z-index: 100;}

#vorratsdatenspeicherung a {color: white; font-size: 11px;}
#vorratsdatenspeicherung img {border: none;}


/* Grunddefinition | Neutralisierung von Vorgaben */

html, body, table {
  color: black;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 10pt;
  margin: 0;
  padding: 0;
  text-align: left;
}
h1, h2, h3 {
  margin: 0 0 2px 0; /* top, right, bottom, left */
  padding: 0;
  font-color: black;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 16pt;
}
form { margin: 0; padding: 0; }

a:link, a:visited, a:active {
  color: #007733;
  font-weight: bold;
  text-decoration: none;
}
a:hover { text-decoration: underline; }

a:link.info, a:visited.info, a:active.info { color: black; }

/* in Details können diese Vorgaben später überschrieben werden */

div.line { line-height: 5px; }
div.space { line-height: 10px; }
div.space2 { line-height: 15px; }
div.space3 { line-height: 20px; }

#head {
  margin-left: 20px;
  position: absolute;
  width: 900px;
}
#frame {
  background-color: #bbddff;
  border-style: solid;
  border-color: #0000b0;
  border-width: 1px;
  color: black;
  margin: 0 0 0 20px;
  padding: 0 0 10px 0;
  position: relative;
  width: 980px;
}

#topmenu {
  left: 500px;
  position: relative;
  top: 14px;   /* überdeckt den Balken */
  z-index: 10;
}
#topmenu a:link, #topmenu a:visited, #topmenu a:active {
  color: black;
  font-weight: normal;
  text-decoration: none;
}
#topmenu a:hover { text-decoration: underline; }
#topmenu .eintrag {
  background-color: #bbddff;
  border-style: solid;
  border-color: white;
  border-width: 0 1px 2px 0;
  font-size: 8pt;
  margin: 0;
  padding: 0 6px 1px 6px;
}
#logo {
  position: relative;
  left: 0px;
  top: 10px;
}
#selectmenu {
  text-align: right;
  width: 900px; 
}
#selectmenu a:link, #selectmenu a:visited, #selectmenu a:active {
  color: white;
}


#balken {
  height: 60px;
  left: -8px;  
  margin: 0;
  padding: 0;
  position: relative;
  width: 985px;
}
#balken .top_left {
  background-image: url(../grafik/rand_top.gif);
  background-position: 0 0;
  background-repeat: no-repeat;
  font-size: 2px;
  height: 10px;
  margin: 0;
  padding: 0;
  width: 8px;
}
#balken .top {
  background-image: url(../grafik/balken_top.gif);
  background-position: 0 0;
  font-size: 2px;
  height: 10px;
  margin: 0;
  padding: 0;
  
}
#balken .content {
  background-color: #0000b0;
  color: white;
  height: 40px;
  margin: 0;
  padding: 0px 20px 0px 30px;
  position: relative;
  text-align: left;
  vertical-align: middle;
  
}
#balken .bottom_left {
  background-image: url(../grafik/rand.gif);
  background-position: 0 0;
  font-size: 2px;
  height: 10px;
  margin: 0;
  padding: 0;
  width: 8px;
}
#balken .bottom {
  background-image: url(../grafik/balken.gif);
  background-position: 0 0;
  font-size: 2px;
  height: 10px;
  margin: 0;
  padding: 0;
  
}

#ticker {
  background-color: white;
  border-style: solid;
  border-color: #445599;
  border-width: 1px 0 0 1px;
  color: black;
  cursor: crosshair;
  font-family: Courier New, Serif;
  font-weight: bold;
  padding: 2px 2px 2px 8px;
  position: relative;
  left: -2px;
  top: - 3px;
}

#content {
  position: relative;
  margin: 0;
  padding: 0;
  width: 970px;
}
#content .left {
  font-size: 8pt;
  padding: 0 0 0 20px;
  vertical-align: top; 
  width: 210px;
}
#content .middle {
  font-size: 9pt;
  padding: 6px 30px 0 30px;
  text-align: left;
  vertical-align: top;
  width: 570px;
}
#content .middle h1, #content .middle h2 {
  color: #007733;
  font-size: 9pt;
}
#content .right {
  font-size: 8pt;
  padding-right: 15px;
  text-align: left;
  vertical-align: top; 
  width: 190px;
}

div.schatten, div.schatten2 {
  background-color: #445599;
  margin: 10px 0 20px 0;
  padding: 0;          /* padding 0 ergänzt */
  position: relative;
  width: 100%;
}
div.schatten2 { margin-bottom:10px; }

.kasten, .kasten2 {
  background-color: white;
  border-style: solid;
  border-color: black;
  border-width: 1px;
  left: -3px;
  margin: 0;
  padding: 0;
  position:relative;
  text-align:left; 
  top: -5px;
}
.kasten2 {
  font-size: 8pt;
  left: -2px;
  top: -3px;
}
.kasten a:link, .kasten a:visited, .kasten a:active {
  font-weight: bold;
  text-decoration: none;
}
.kasten a:hover { text-decoration: underline; }

.kategorie {
  background-color: #0000b0;
  border-color: black;
  border-style: solid;
  border-width: 0 0 1px 0;
  color: white;
  font-weight: bold;
  margin: 0;         /* margin ergänzt, width weggelassen! *)  */
  padding: 5px 5px 5px 10px;
}
.kategorie a:link, .kategorie a:visited, .kategorie a:active {
  color: white;
  text-decoration: none;
}
.kategorie a:hover { text-decoration: underline; }
.kategorie2 {
  background-color: #0000b0;
  color: white;
  font-weight: bold;
  padding: 5px 5px 5px 10px;
}
.eintraege, .menu {
  font-size: 7pt;
  margin: 0;  /* margin ergänzt, width weggelassen *)  */
  padding: 5px 5px 5px 10px;
}
.menu {
  font-size: 8pt;
  line-height:14pt;
}

div.weiter {
  font-size:7pt;
  line-height:12pt;
}
div.counter {
  font-size: 7pt;
  position: relative;
  top: 3px;
}
div.pete {
  font-family: Times New Roman, Times;
  font-size: 8pt;
  line-height: 14pt;
}

form.google { margin: 10px 0 10px 0;}
form.google input.text { background-color:#bbddff; }
form.google .button {
  background-color: #0000b0;
  color: white;
  font-family: Verdana, Arial;
  font-weight: bold;
  width: 145px;
}

/*  *) = Kompatibilität mit Mozilla. Vor allem die with-Angaben produzieren Probleme! */