/******************************/
/* Generelle Seitenaufteilung */
/******************************/

body {
   margin: 0px;
   padding: 0px;
   background-color: black;
}

/* Header über die gesamte Seitenbreite */
#oben {
   height: 130px;
   width: 100%;
   overflow: hidden;
   padding: 0px;
   background-color: black;
   color: #ffc;
}

/* Für den eigentlichen Inhalt sowie die Untermenüstruktur */
#rechts {
   border-left: 200px solid black;
   border-right: 50px solid black;
   border-bottom:10px solid black;
   padding: 0px;
   background-color: black;
   color: #ffc;
}

#rechts a { color: #ffc; }

/* Seitenbereich für Hauptmenüstruktur sowie News und Logos */
#links {
   position: absolute;
   top: 130px;
   width: 200px;
   padding: 0px;
   background-color: black;
   color: #ffc;
}

/* Der Inhalt ohne alle Menüs etc. */
#inhalt {
   padding: 10px 20px 5px 10px;
   background-color: #ffc;
   color: black;
}

#inhalt a { color: black; }


/******************************/
/* Navigationsmenüs           */
/******************************/

/* Übergeordneter Rahmen für die gesamte Hauptmenüstruktur */
#menu, #menu2 {
   padding: 0px;
   margin: 10px;
   background-color: transparent;
}


/* Einzelner Hauptmenüeintrag */
#menu a.top, #menu2 a.top {
   text-transform: uppercase;
   text-align: left;
   text-decoration: none;
   display: block;
   margin: 0px 0px 1px;
   background-color: #444;
   color: #ffc;
   padding: 3px 0px 3px 10px;
   border-left: 10px solid #ccc;
}

#menu a.top_aktuell, #menu2 a.top_aktuell {
   text-transform: uppercase;
   text-align: left;
   text-decoration: none;
   display: block;
   margin: 0px 0px 1px;
   background-color: #ffc;
   color: black;
   padding: 3px 0px 3px 10px;
   border-left: 10px solid #ccc;
}

#menu a.top:hover, #menu2 a.top:hover {
   text-decoration: underline;
   border-left: 10px solid #ffc;
}

#menu a.top_aktuell:hover, #menu2 a.top_aktuell:hover {
   text-decoration: none;
   border-left: 10px solid #ccc;
}

/* Einzelner Untermenüeintrag */
#menu a.sub, #menu2 a.sub {
   text-align: left;
   text-decoration: none;
   font-size: 95%;
   display: block;
   margin: 0px 0px 1px;
   background-color: #222;
   color: #ffc;
   padding: 3px 0px 3px 20px;
   border-left: 10px solid #666;
}

#menu a.sub_aktuell, #menu2 a.sub_aktuell {
   text-align: left;
   text-decoration: none;
   font-size: 95%;
   display: block;
   margin: 0px 0px 1px;
   background-color: #ffc;
   color: black;
   padding: 3px 0px 3px 20px;
   border-left: 10px solid #ccc;
}

#menu a.sub:hover, #menu2 a.sub:hover {
   text-decoration: underline;
   border-left: 10px solid #ffc;
}

#menu a.sub_aktuell:hover, #menu2 a.sub_aktuell:hover {
   text-decoration: none;
   border-left: 10px solid #ccc;
}


/* Übergeordneter Rahmen für die gesamte Untermenüstruktur */
#submenu {
   margin: 10px 0px 0px 0px;
   padding: 3px 0px 0px 0px;
   background-color: black;
}

/* Einzelner Untermenüeintrag */
#submenu td {
   background-color: #444;
   color: #ffc;
   border-right: 5px solid black;
   text-align: center;
   text-transform: uppercase;
   padding: 3px;
}

#submenu td.aktuell {
   background-color: #ffc;
   color: black;
}

#submenu a {
   text-decoration: none;
}

#submenu a:hover {
   text-decoration: underline;
}


/******************************/
/* Sprachmenü                 */
/******************************/

#sprache {
   padding: 0px;
   margin: 10px;
   background-color: transparent;
}

#sprache a {
   text-transform: uppercase;
   text-align: left;
   text-decoration: none;
   display: block;
   color: #ffc;
   padding: 5px 0px 0px 10px;
   border-left: 10px;
}

#sprache a:hover {
   text-decoration: underline;
}


/******************************/
/* Schlagzeile                */
/******************************/

#schlagzeile {
   width: 180px;
   padding: 0px;
   margin: 10px;
   border: 0px;
   background-color: #ffc;
   color: black;
}

#schlagzeile a {
   text-decoration: none;
   color: black;
}

#schlagzeile a:hover {
   text-decoration: underline;
}

#schlagzeile-titel {
   background-color: #ccc;
   color: black;
   padding: 3px;
   font-size: 120%;
   font-weight: bold;
}

#schlagzeile-text {
   padding: 3px;
   color: black;
}


/******************************/
/* Spenden                    */
/******************************/

#spenden {
  width: 178px;
  height: 55px;
  padding: 0px;
  margin: 10px 10px 0px 10px;
  border: 1px solid #666;
  background-image:url(images/include/spendensie.gif);
  background-repeat:no-repeat;
  text-align: right;
}

#spenden a {
  text-decoration: none;
  font-size: 120%;
  font-weight: bold;
  margin: 3px;
  color: #ffc;
}

#konto {
  margin: 0px 10px 10px 10px;
  text-align: center;
}

#konto a {
  text-decoration: none;
  color: #ffc;
  margin: 0px;
}

#spenden a:hover, #konto a:hover {
  text-decoration: underline;
}


/******************************/
/* Schriften                  */
/******************************/

body {
   font-size: 70%;
   font-family: Verdana, Arial, Helvetica, sans-serif;
}

h1, h2 {font-weight: bold; }

h1 {
   font-size: 120%;
   margin-top:15px;
}

h2 { font-size: 100% }

table { font-size: 100%; }

p.bildtext {
   margin: 3px;
   text-align: center;
}

.error {
   font-weight: bold;
   color: red;
}


/******************************/
/* Bilder                     */
/******************************/

img { border: none; }


/******************************/
/* Sonstiges                  */
/******************************/

.links {
   float: left;
   margin: 10px 10px 10px 0px;
}

.rechts {
   float: right;
   margin: 10px 0px 10px 10px;
}

.invisible  { display: none; }
.visible_tr { display: table-row; }

