/*
Theme Name: Freie Waehler Eutin Theme
Theme URI: www.keine-url.de
Description: Theme für www.freiewaehlereutin.de
Version: 1.0
Author: b&b - comtec gbr
Author URI: www.bb-comtec.de
*/

/* Formatierungen: */

/**************************************************
*  Layout
**************************************************/
#Seite {
  position: relative;
  margin: 0 auto;    /* standardkonforme horizontale Zentrierung */
  padding: 0;
  min-height: 100%;
  width: 760px;
  text-align: left;  /* Textausrichtung mittig im body-Element für IE, um Seite zu zentrieren. Nun Seiteninhalt wieder links ausrichten */
  background-color: white;
}

#Kopf {
  padding: 0.5em 0 0;
  margin-bottom: 0.7em;
  background-color: #eee;
}

#Navigation {
  float: left;
  width: 290px;
}

#Inhalt {
  font-family: serif;
  padding-bottom: 1.7em;
  margin: 0 0 1em 305px;
}

/**************************************************
*  Seiten-Elemente
**************************************************/
#Logo {
  margin-left: 0.35em;
  float: left;
  width: 17em;
}

#Kopfmenue {
  margin: 0 0 0 18.5em;
  padding: 0;
  list-style-type: none;
}

#Ticker {
  clear: both;
  color: #666;
  font: 0.78em/1.4em 'Lucida Console','Courier New',monospace;
  border: 2px solid #FA0;
  border-left: 0;
  border-right: 0;
  width: 100%;
  height: 1.25em;
  overflow: hidden;
  margin-top: 0.4em;
  background-color: white;
}

.Menue {
  margin: 0 0 0.8em;
  padding: 1px;
  border: 1px solid gray;
}

#Fusszeile {
  clear: both;
  position: relative;
  width: 760px;
  height: 1.6em;
  margin: 0 auto;
  margin-top: -1.6em;
  padding: 0;
  font-size: 0.9em;
  background-color: #eee;
}

#Fusszeilenrahmen {
  text-align: left;
  padding: 0.15em 0.3em 0;
  margin: 0;
  border-top: 2px solid #FA0;
}


/**************************************************
*  Formatierungen
**************************************************/

/* HTML-Elemente */
html {
  margin: 0;
  padding: 0;
  height: 100%;
}

body {
  margin: 0;
  padding: 0;
  height: 100%;
  color: black;
  background-color: white;
  font: 100.01% Helvetica,Arial,sans-serif;  /* um Anzeigefehler bei der Verwendung von em - besonders bei einer Schriftgradänderung im Internet Explorer - zu vermeiden */
  text-align: center;  /* Zentrierung der Seite im IE. Kann eigentlich nur auf Inline-Elemente angewendet werden. */
  min-width: 41em;  /* Mindestbreite verhindert Umbruch und Anzeigefehler in modernen Browsern */
}

p {
  margin: 0;
  margin-bottom: 0.3em;
}

a {
  color: darkblue;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

a:active {
  text-decoration: underline;
  font-weight: bold;
}

h1 {
  font-size: 1.4em;
  margin: 0.2em 0;
}

h2 {
  font-size: 1.3em;
  margin: 0.2em 0;
}

h3 {
  font-size: 1em;
  margin: 0.2em 0;
}


/* Navigation */
.Menue h1 {
  font: normal 0.91em Impact;
  letter-spacing: 0.09em;
  color: #5B606D;
  margin: 0;
  padding: 0 0.3em 0 0.3em;
  border-bottom: 2px solid #FA0;
}

.Menue a {
  font: bold 1em Helvetica,Arial,sans-serif;
  display: block;
  margin: 0;
  padding: 0.2em;
  padding-left: 0.3em;
  text-decoration: none;
  width: 261px;
  font-size: 0.8em;
}

.Menue a:link {
  color: black;
  background-color: #eee;
}

.Menue a:visited {
  color: #666;
  background-color: #eee;
}

.Menue a:hover {
  color: black;
  background-color: white;
  text-decoration: none;
}

.Menue a:active {
  color: white;
  background-color: gray;
  text-decoration: none;
}

.Menue ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.Menue li {
  background-image:url(bullet.gif);
  background-position: 6px 0.55em;
  background-repeat:no-repeat;
  padding:0 0 0 18px;
}

a.weitere, a:link.weitere, a:visited.weitere, a:focus.weitere, a:hover.weitere, a:active.weitere {
  color: #5B606D;
  background-color: #eee;
  text-align: right;
  margin-left: 18px;
}

a:hover.weitere {
  text-decoration: underline;
}

.Navlink a {
  color: darkblue;
  font-family: sans-serif;
  text-decoration: none;
}

.Navlink a:hover {
  text-decoration: underline;
}

/* Beitraege */
.Beitraginfo {
  font-style: italic;
}

.Beitrag {
  margin-bottom: 1.5em;
}

.imageframe {
  margin: 10px;
  border: 0;
}

/* Fusszeile */
#Fusszeile img {
  vertical-align: middle;
}

#Designerbutton {
  float: right;
  width: 113px;
}

/* Kategorie Seite */
#Kategorieueberschrift {
  font: normal 1.4em Impact;
  letter-spacing: 0.1em;
  color: #666;
}

/**************************************************
*  spezifische Einzelformatierungen
**************************************************/
a.Logotext, a:link.Logotext, a:visited.Logotext, a:focus.Logotext, a:hover.Logotext, a:active.Logotext {
  font: bolder 1.9em Helvetica,Arial,sans-serif;
  color: #5B606D;
  text-decoration: none;
}

a:hover.Logotext {
  color: #000;
}

#Logoslogan {
  font-size: 1em;
}

/**************************************************
*  CSS-Hacks / Browserspezifische Anpassungen
**************************************************/
* html div#Inhalt {
  height: 1em;  /* Workaround gegen den 3-Pixel-Bug des IE bis Version 6 */
}

* html #Seite {
  height: 100%;
}