/* ++++++++++ Wrapper ++++++++++ */


#wrapper {}






/* ++++++++++ Skiplinks ++++++++++ */


#seitennavigation
{
  position: absolute;
  left: -1000px;
  top: -1000px;
  visibility: hidden;
}






/* ++++++++++ Kopfleiste ++++++++++ */


#kopfleiste
{
  background-image: url(../grafiken/hintergrund_kopfleiste.gif);
  background-repeat: repeat-x;
  border-top: 6px solid #000;
}


#haupttitel
{
  clear: both;
  padding-bottom: 2em;
  padding-left: 1.5em;
}

#haupttitel h1
{
  font-size: 1.8em;
  margin: 0;
  margin-bottom: 0.2em;
  padding-top: 0.2em;
}

#haupttitel h1 a
{
  color: #f90;
  text-decoration: none;
}

#haupttitel h2
{
  color: #0a64a4;
  font-size: 1.2em;
  margin: 0;
}





/* ++++++++++ Newsfeeds ++++++++++ */


#newsfeeds
{
  background-color: #000;
  float: right;
  font-size: 0.8em;
  margin-right: 2em;
  width: 28.8em;
}

#newsfeeds .ecke_unten-links
{
  background-image: url(../grafiken/newsfeeds_ecke_links.png);
}

#newsfeeds .ecke_unten-rechts
{
  background-image: url(../grafiken/newsfeeds_ecke_rechts.png);
  
  padding: 0.3em;
  padding-left: 1.1em;
  padding-top: 0;
}

#newsfeeds p,
#newsfeeds ul,
#newsfeeds li
{
  display: inline;
  margin: 0;
}

#newsfeeds p
{
  color: #0be;
  font-weight: bold;
}

#newsfeeds a
{
  background: transparent url(../grafiken/newsfeeds.gif) no-repeat 0 50%;
  color: #fff;
  margin-left: 1em;
  padding-left: 1.8em;
  text-decoration: none;
}

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





/* ++++++++++ Navigation ++++++++++ */


#navigation
{
  background-color: #63b8ff;
  height: 2em;
  padding-bottom: 0.5em;
  padding-top: 0.5em;
  width: 100%;
}

#navigation h2
{
  position: absolute;
  left: -1000px;
  top: -1000px;
  visibility: hidden;
}

#navigation,
#navigation li
{
  float: left;
  list-style-type: none;
  margin: 0;
}

#navigation li
{
  display: block;
  margin-right: 1em;
}

#navigation li ul { display: none; }
#navigation li:hover ul { display: block }

#navigation ul
{
  padding-left: 1.5em;
  margin: 0;
  position: absolute;
}

#navigation li ul { margin: 0; padding: 0; }

#navigation li li
{
  float: none;
}


#navigation a
{
  background-color: #87ceeb;
  background-position: 5px 3px;
  background-repeat: no-repeat;
  
  border: 1px solid #000;
  color: #000;
  display: block;
  font-weight: bold;
  padding-bottom: 3px;
  padding-left: 35px;
  padding-right: 0.5em;
  padding-top: 4px;
  text-decoration: none;
  width: 5em;
}

#navigation li li a
{
  border-top: none;
  font-size: 0.8em;
  padding-left: 5px;
  width: 8.7em;
}

#navigation a:hover
{
  background-color: #000080;
  border-color: #fff;
  color: #fff;
}

#navigation li li a:hover { border-color: #000; }

#navigation_startseite { background-image: url(../grafiken/navigation/startseite.png); }
#navigation_artikel { background-image: url(../grafiken/navigation/artikel.png); }
#navigation_redaktion { background-image: url(../grafiken/navigation/redaktion.png); }
#navigation_service { background-image: url(../grafiken/navigation/service.png); }
#navigation_kontakt { background-image: url(../grafiken/navigation/kontakt.png); }




/* ++++++++++ Navigation_Suchfunktion ++++++++++ */


#navigation_suchfunktion
{
  margin-top: 0.6em;
  position: absolute;
  right: 1.5em;
}

#navigation_suchfunktion p { margin: 0; }

#navigation_suchfunktion label
{
  position: absolute;
  left: -1000px;
  top: -1000px;
  visibility: hidden;
}

#navigation_suchfunktion .eingabe
{
  background-color: #fff;
  background-image: url(../grafiken/suchfunktion.png);
  background-position: 3px 3px;
  background-repeat: no-repeat;
  
  height: 20px;
  
  padding: 5px;
  padding-left: 30px;
}



/* ++++++++++ Hauptbereich ++++++++++ */

#hauptbereich
{
  /*background: transparent url('24px-unit.png') repeat scroll 0% 0%;*/
  padding-left: 1.5em;
  padding-right: 1.5em;
}





/* ++++++++++ Startseite ++++++++++ */

.startseite_artikel
{
  border-top: 1px solid #000;
}

.startseite_box
{
  background-color: #ffc;
  background-repeat: no-repeat;
  border: 1px solid #000;
  margin-bottom: 2em;
  padding-bottom: 10px;
  padding-right: 15px;
  padding-top: 10px;
}

.startseite_box p
{
  margin: 0.5em 0 0.5em 0;
}

.startseite_cookie
{
  background-image: url(../grafiken/cookie_t.gif);
  background-position: 15px 30px;
  padding-left: 115px;
}

.startseite_twitter
{
  background-image: url(../grafiken/twitter_klein.png);
  background-position: 15px 20px;
  padding-left: 110px;
}





/* ++++++++++ Inhalt ++++++++++ */


#inhalt
{
  clear: left;
  float: left;
  margin-bottom: 1.5em;
  margin-top: 1.5em;
  width: 65%;
}

#inhalt h1 { margin-top: 0; }





/* ++++++++++ Artikel ++++++++++ */

.artikel-titel {}

.artikel-thema
{
  color: #808080;
  font-size: 0.9em;
  font-weight: bold;
  margin-bottom: 0.25em;
  margin-top: 0;
}

.artikel-informationen { margin-bottom: 1em; }

.artikel-informationen li
{
  background-position: 0 1px;
  background-repeat: no-repeat;
  display: inline;
  margin: 0;
  margin-right: 1em;
  padding-left: 22px;
}

.artikel-informationen span
{
  position: absolute;
  left: -1000px;
  top: -1000px;
  visibility: hidden;
}

.artikel-datum { background-image: url(../grafiken/artikel_datum.gif); }

li.artikel-autor { background-image: url(../grafiken/autor.png); padding-left: 25px; }


.artikel-inhalt
{
  word-spacing: 0.3em;
}

.artikel-kategorie
{
  background-image: url(../grafiken/kategorie.png);
  background-position: 0 3px;
  background-repeat: no-repeat;
  margin-bottom: 0;
  padding-left: 25px;
}

.artikel-kategorie span { font-weight: bold; }

.artikel-tag
{
  background-image: url(../grafiken/tags.png);
  background-position: 0 3px;
  background-repeat: no-repeat;
  margin-top: 0;
  padding-left: 25px;
}

.artikel-tag span { font-weight: bold; }

.artikel_social-bookmarks
{
  height: 32px;
}

.artikel_social-bookmarks span
{
  display: block;
  font-weight: bold;
  float: left;
  padding-right: 5px;
  padding-top: 6px;
}

.artikel_social-bookmarks a
{
  padding-left: 0.5em;
}





/* ++++++++++ Artikel - Kommentare ++++++++++ */

#neuer_kommentar h3
{
  margin-bottom: 1em;
  margin-top: 2em;
}

#neuer_kommentar table,
#neuer_kommentar th,
#neuer_kommentar td
{
  border: none;
}

#neuer_kommentar th,
#neuer_kommentar td
{
  padding: 0.3em;
}

#neuer_kommentar th
{
  padding-top: 0.6em;
  text-align: right;
  vertical-align: top;
}

#neuer_kommentar input,
#neuer_kommentar textarea
{
  width: 20em;
}

#tr_kommenar_email { display: none; }

#neuer_kommentar .submit
{
  width: 21em;
}

.neuer_kommentar_meldung
{
  background-color: #ffc;
  border: 1px solid #000;
  
  margin-bottom: 2em;
  padding: 0.5em;
  padding-left: 0.75em;
  padding-right: 0.75em;
}

.neuer_kommentar_meldung p { margin: 0; }


.anzahl_an_kommentaren { font-weight: bold; }

.kommentare,
.kommentar
{
  list-style-type: none;
  margin-left: 0;
}

.kommentare
{
  border-top: 1px solid #000;
  padding-top: 1em;
}

.kommentar
{
  border-bottom: 1px solid #000;
  margin-bottom: 1em;
  padding-left: 1em;
  padding-right: 1em;
}

.kommentar_kopleiste h4,
.kommentar_kopleiste p
{
  margin-bottom: 0;
  margin-top: 0;
}

.kommentar_kopleiste h4 { font-size: 1.2em; }

.kommentar_kopleiste p
{
  background-image: url(../grafiken/artikel_datum.gif);
  background-position: 0 4px;
  background-repeat: no-repeat;
  padding-left: 22px;
}

/* momentan sind keine HTML-Tags in Kommentaren erlaubt
.kommentar_text p,
.kommentar_text ul,
.kommentar_text ol { margin: 1em 0 1em 0; }
*/

.kommentar_text
{
  margin: 1em 0 1em 0;
}



/* ++++++++++ Kategorien ++++++++++ */

.kategorie_titel { text-align: center; }

.kategorie_beschreibung
{
  background-color: #ffc;
  border: 1px solid #000;
  
  margin-bottom: 2em;
  padding: 0.5em;
  padding-left: 0.75em;
  padding-right: 0.75em;
}

.kategorie_sortieren
{
  margin-bottom: 0;
  text-align: right;
}

.kategorie_sortieren p
{
  margin: 0;
}

.kategorie_sortieren select
{
  margin-left: 0.5em;
  margin-right: 0.5em;
  width: 6em;
}

.kategorien_artikel
{
  border-top: 1px solid #000;
  margin: 0;
  margin-top: 1em;
}

.kategorien_artikel ol, .startseite_artikel ol,
.kategorien_artikel ol li, .startseite_artikel ol li
{
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.kategorien_artikel ol li, .startseite_artikel ol li
{
  border-bottom: 1px solid #000;
  padding-left: 1em;
  padding-right: 1em;
}

.category_article_topic
{
  color: #808080;
  font-size: 0.9em;
  font-weight: bold;
  margin-bottom: 0.25em;
  margin-top: 1em;
}

.category_article_title
{
  font-size: 1.6em;
  margin: 0;
  margin-bottom: 0.2em;
}

.category_article_date
{
  background-image: url(../grafiken/artikel_datum.gif);
  background-position: 0 4px;
  background-repeat: no-repeat;
  margin: 0;
  margin-bottom: 0.75em;
  padding-left: 22px;
}

.category_article_link
{
  margin-bottom: 1em;
  margin-top: 0.5em;
}

.category_article_description
{
  word-spacing: 0.3em;
}





/* ++++++++++ Uebersicht ueber alle Kategorien ++++++++++ */

.artikel_kategorien h1 { text-align: center; }

.artikel_kategorien_beschreibung
{
  background-color: #ffc;
  border: 1px solid #000;
  
  margin-bottom: 2em;
  padding: 0.5em;
  padding-left: 0.75em;
  padding-right: 0.75em;
}

.artikel_kategorien_liste
{
  border-top: 1px solid #000;
  margin: 0;
  margin-top: 2em;
}

.artikel_kategorien_liste ol,
.artikel_kategorien_liste ol li
{
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.artikel_kategorien_liste ol li
{
  border-bottom: 1px solid #000;
  padding-left: 1em;
  padding-right: 1em;
}





/* ++++++++++ Profil ++++++++++ */

.profil_bild
{
  float: left;
  margin-top: 1.8em;
  width: 185px;
}

.profil_bild img
{
  border: 1px solid #000;
}

.profil_informationen
{
  margin-left: 190px;
  margin-bottom: 2em;
}

.profil_gruppe
{
  color: #808080;
  font-size: 0.9em;
  font-weight: bold;
  margin-bottom: 0.25em;
  margin-top: 0;
}

.profil_artikel_ueberschrift
{
  clear: both;
  font-size: 1.2em;
  margin-bottom: 0.4em;
}

.profil_artikel_sortieren
{
  margin-bottom: 0.5em;
  text-align: right;
}

.profil_artikel_sortieren p
{
  margin: 0;
}

.profil_artikel_sortieren select
{
  margin-left: 0.5em;
  margin-right: 0.5em;
  width: 6em;
}

.profil_artikel
{
  border: 1px solid #000;
  clear: both;
  height: 13.95em;
  overflow: scroll;
  margin-top: 0;
}

.profil_artikel ul,
.profil_artikel li
{
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.profil_artikel li a
{
  border-bottom: 1px solid #c0c0c0;
  display: block;
  padding: 0.7em;
  padding-bottom: 0.3em;
  padding-top: 0.3em;
  text-decoration: none;
}

.profil_artikel li a:hover
{
  background-color: #ffc;
  /*border-color: #000;*/
}

.profil_artikel li a span
{
  color: #000;
  float: right;
}





/* ++++++++++ Gruppen ++++++++++ */

.gruppe_titel { text-align: center; }

.gruppe_beschreibung
{
  background-color: #ffc;
  border: 1px solid #000;
  
  margin-bottom: 2em;
  padding: 0.5em;
  padding-left: 0.75em;
  padding-right: 0.75em;
}

.gruppe_benutzer ul,
.gruppe_benutzer li
{
  list-style-type: none;
  margin: 0;
}

.gruppe_benutzer ul
{
  border-top: 1px solid #c0c0c0;
}

.gruppe_benutzer ul li
{
  border-bottom: 1px solid #c0c0c0;
  display: block;
  padding: 1em;
  padding-bottom: 0.3em;
  padding-top: 0.3em;
  text-decoration: none;
}





/* ++++++++++ Uebersicht ueber alle Gruppen ++++++++++ */

.gruppen h1 { text-align: center; }

.gruppen_beschreibung
{
  background-color: #ffc;
  border: 1px solid #000;
  
  margin-bottom: 2em;
  padding: 0.5em;
  padding-left: 0.75em;
  padding-right: 0.75em;
}

.gruppen_liste
{
  border-top: 1px solid #000;
  margin: 0;
  margin-top: 2em;
}

.gruppen_liste ol,
.gruppen_liste ol li
{
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.gruppen_liste ol li
{
  border-bottom: 1px solid #000;
  padding-left: 1em;
  padding-right: 1em;
}






/* ++++++++++ Kontakt ++++++++++ */

.kontakt_beschreibung { margin-bottom: 1.5em; }

#kontakt table,
#kontakt th,
#kontakt td
{
  border: none;
}

#kontakt th,
#kontakt td
{
  padding: 0.3em;
}

#kontakt th
{
  padding-top: 0.6em;
  text-align: right;
  vertical-align: top;
}

#kontakt input,
#kontakt textarea
{
  width: 20em;
}

#tr_kontakt_email { display: none; }

#kontakt .submit
{
  width: 21em;
}

#kontakt .kontakt_meldung
{
  background-color: #ffc;
  border: 1px solid #000;
  
  margin-bottom: 2em;
  padding: 0.5em;
  padding-left: 0.75em;
  padding-right: 0.75em;
}

#kontakt .kontakt_meldung p { margin: 0; }





/* ++++++++++ Suchfunktion ++++++++++ */

.suchfunktion_meldungen
{
  background-color: #ffc;
  border: 1px solid #000;
  
  margin-bottom: 2em;
  padding: 0.5em;
  padding-left: 0.75em;
  padding-right: 0.75em;
}

.suchfunktion_meldungen p
{
  margin: 0.5em 0 0.5em 0;
}

.search_results
{
  border-top: 1px solid #000;
  margin: 0;
  margin-top: 1em;
}

.search_results,
.search_results li
{
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.search_results li
{
  border-bottom: 1px solid #000;
  padding-left: 1em;
  padding-right: 1em;
}

.search_result_article_topic
{
  color: #808080;
  font-size: 0.9em;
  font-weight: bold;
  margin-bottom: 0.25em;
  margin-top: 1em;
}

.search_result_article_title
{
  font-size: 1.6em;
  margin: 0;
  margin-bottom: 0.2em;
}

.search_result_article_date
{
  background-image: url(../grafiken/artikel_datum.gif);
  background-position: 0 4px;
  background-repeat: no-repeat;
  margin: 0;
  margin-bottom: 0.75em;
  padding-left: 22px;
}

.search_result_article_link
{
  margin-bottom: 1em;
  margin-top: 0.5em;
}





/* ++++++++++ Seitenleiste ++++++++++ */


#seitenleiste
{
  float: right;
  margin-bottom: 1.5em;
  margin-top: 1.5em;
  width: 25%;
}

#seitenleiste div { margin-bottom: 2em; }

#seitenleiste h2
{
  background-position: 0 0;
  background-repeat: no-repeat;
  color: #060; /* #f90 */
  font-size: 1.4em;
  height: 30px;
  margin-bottom: 0.2em;
  margin-top: 0;
  padding-left: 35px;
}

#seitenleiste ol,
#seitenleiste li
{
  list-style-type: none;
  margin: 0;
}

#seitenleiste li
{
  margin-bottom: 0.3em;
  margin-left: 30px;
}

#seitenleiste li a
{
  border-bottom: 1px solid #c0c0c0;
  color: #000;
  display: block;
  padding-bottom: 0.2em;
  padding-left: 0.5em;
  text-decoration: none;
}

#seitenleiste li a:hover
{
  /*background-color: #ffc;*/
  border-color: #000;
}





/* ++++++++++ Werbung ++++++++++ */

#w h2
{
  background-image: url(../grafiken/w.png);
  background-position: 0 0;
  padding-top: 1px;
}

#w p
{
  margin-left: 37px;
  margin-top: 0;
}





/* ++++++++++ Neueste Artikel ++++++++++ */


#neueste-artikel h2
{
  background-image: url(../grafiken/neu.png);
  background-position: 0 -2px;
  padding-top: 1px;
}





/* ++++++++++ Beliebteste Artikel ++++++++++ */


#beliebteste-artikel h2
{
  background-image: url(../grafiken/beliebt.png);
  padding-top: 4px;
}





/* ++++++++++ Twitter ++++++++++ */


#twitter h2
{
  background-image: url(../grafiken/twitter_button.png);
  padding-top: 4px;
}

#twitter p
{
  margin-left: 30px;
}

#twitter p#twitter_icon
{
  margin-left: 0;
}

#twitter img
{
  display: block;
  margin: 0px auto;
}





/* ++++++++++ Newsfeeds - Seitenleiste ++++++++++ */

#newsfeeds_seitenleiste h2
{
  background-image: url(../grafiken/newsfeeds_button.png);
}

#newsfeeds_seitenleiste p
{
  margin-left: 30px;
}


#newsfeeds_seitenleiste #newsfeeds_icon
{
  margin-left: 0;
}

#newsfeeds_seitenleiste img
{
  display: block;
  margin: 0px auto;
}






/* ++++++++++ Fussleiste ++++++++++ */


#fussleiste
{
  clear: both;
  color: #fff;
  background-color: #2c2c2c;
  margin-right: 1em;
}

#fussleiste h2
{
  position: absolute;
  left: -1000px;
  top: -1000px;
  visibility: hidden;
}

#fussleiste .ecke_oben-rechts
{
  background-image: url(../grafiken/fussleiste_ecke_rechts.PNG);
  padding: 0.3em;
  padding-left: 1.5em;
}

#fussleiste ul, #fussleiste li { margin: 0; }

#fussleiste #check
{
  float: right;
  padding-right: 1em;
}

#fussleiste li { display: inline; }

#fussleiste li a
{
  color: #fff;
  margin-right: 1em;
  text-decoration: none;
}

#fussleiste #check li a
{
  background-image: url(../grafiken/check.gif);
  background-position: 0 0.1em;
  background-repeat: no-repeat;
  margin: 0;
  margin-left: 0.5em;
  padding-left: 20px;
}

#fussleiste li a:hover { color: #ff519d; }





/* ++++++++++ Sonstiges ++++++++++ */


.skipcontainer
{
  position: absolute;
  visibility: hidden;
  left: -1000px;
  top: -1000px;
  width: 1px;
}

.eingabe, .eingabe:focus, .eingabe_focus
{
  border: 1px solid #c0c0c0;
  padding: 0.5em;
}

.eingabe:focus, .eingabe_focus { border-color: #000; }

.submit { padding: 0.5em; }

.clear { clear: both; }

.ecke_oben-links
{
  background-position: top left;
  background-repeat: no-repeat;
}

.ecke_oben-rechts
{
  background-position: top right;
  background-repeat: no-repeat;
}

.ecke_unten-links
{
  background-position: bottom left;
  background-repeat: no-repeat;
}

.ecke_unten-rechts
{
  background-position: bottom right;
  background-repeat: no-repeat;
}

.hinweis
{
  background-color: #ffc;
  border: 1px solid #000;
  
  margin-bottom: 2em;
  padding: 0.5em;
  padding-left: 0.75em;
  padding-right: 0.75em;
}





/* ++++++++++ Werbung: Fritz Kunst ++++++++++ */

#w div 
{
  font-weight: bold;
  text-align: center;
}

#w div p { margin-bottom: 0; }
#w div p.w_p1 { margin-bottom: 1em; }
#w_link { margin-bottom: 0.4em; }

.w_k1 { color: #f00; }
.w_k2 { color: #ffa500; }
.w_k3 { color: #800080; }
.w_k4 { color: #060; }
.w_k5 { color: #060; }