/* =======================================================================================
Stylesheet für die Webseite Jutta Lott - gesund-und-flott-mit-lott.de
Datei: bildschirm.css
Datum: 04.06.2014
Autor: Dipl.-Ing. Alexandra Enders (c) enders GRAFIK
Aufbau: 1. Kalibrierung und allgemeine Styles
        2. Styles für Layoutbereiche
		3. Sonstige Styles
  ========================================================================================*/
/*========================================================================================
  1. Kalibrierung und allgemeine Styles
  ========================================================================================*/
/*========================================================================================
  Farben 
  #94C01A  #81BA22 (apfelgrün - Hintergrund, Logo, Hauptfarbe)
  #C6D54E  (hellgrün - Navi "active", Verlauf, Highlights)
  #858585    (grau - Text in Logo, Fliesstext)
  ========================================================================================*/ 
* { padding: 0; margin: 0; }
ol ul {margin-bottom: 0; }
a img { border:none; }
ul { padding: 0; margin: 0; }
/*======================================
 2. Allgemeine Styles
======================================*/
  html {height: 101%; }
  body {
  padding:0px;
  margin:0px;
  background-color:#81BA22;
  font-family: Verdana, Geneva, sans-serif; 
  font-size: small;      
  color:#858585;
  min-width: 41em; /* Mindestbreite verhindert Umbruch und Anzeigefehler in modernen Browsern */
}
h1 {
font-size: 120% }
h2 {
font-size: 110% }
img.download {vertical-align:middle;}
/*===========================
Hyperlinks
===========================*/
a {color: #81BA22;
   text-decoration: none; 
    outline: none;}
a:visited {color:#81BA22;}
a:hover {color: #C6D54E;}
a:active { color:#000000;}

/*===========================
Klassen und ID´s
===========================*/
.skiplink {
  position: absolute;
  top: -5000px;
  left: -5000px;
  width: 0;
  height: 0;
  overflow: hidden;
  display: inline;
}
/*======================================
 3. Styles für Layoutbereiche
======================================*/
/* ----------container to center the layout---------- */
#container {
width: 960px;
min-height: 550px;
padding:0px;
margin: 50px 0px 50px 0px;
margin-left: auto;
margin-right: auto;
} 
/* ---------------navi-------------------- */
#navibereich {
	color:#FFF;
background-color:#81BA22;
font-size:110%;
font-weight:200;
list-style-type: none;
margin: 0px 0px 0px 0px;
}  
#navibereich ul{
padding: 7px 0px 7px 0px;
margin: 0px 0px 0px 0px;
}

ol{
padding: 7px 0px 7px 0px;
margin: 0px 0px 0px 0px;
 }  

#navibereich li {
display:inline;
 } 

#navibereich a,
  #navibereich span {
  color:#fff;
  padding: 7px 30px 7px 30px;
  }
  #navibereich a:hover,
  #navibereich a:focus {
  color: #fff;
  background-color:#C6D54E;
  padding: 7px 30px 7px 30px;
  }
  
  #navibereich01 span,
  #navibereich02 span,
  #navibereich03 span,
  #navibereich04 span,
  #navibereich05 span, 
  #navibereich06 span {
  color: #fff;
  padding: 7px 30px 7px 30px;
  background-color:#C6D54E;
  }
/* ----------------kopf-------------- */
#kopfbereich {
  height:180px;
  margin:0px 0px 20px 0px;
}

/* ----------mitte----------------- */
#mitte {
  position:relative;
  width:100%;
  padding:0px;
  background-color:#fff;
}
/* --------------inhalt------------- */
#inhalt {
  min-width:120px; 
  min-height:453px;
  padding:0px 0px 5px 0px;
  margin:0px 0px 0px 168px;
  border-left: 15px solid #81BA22;
  border-bottom: 15px solid #81BA22;
}
#inhalt-text {
  padding:10px 20px 5px 36px;
    border-top: 15px solid #81BA22;
list-style-type:circle;
}
#inhalt-text ul{
padding: 0px 0px 0px 34px;
margin: 0px 0px 0px 10px;
list-style:disc;
 }  

#inhalt-text ol{
font-weight: bold;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
 } 

#inhalt-text ul li{
	padding:0px;
margin-left: 20px;
 } 

#inhalt-text ol li{
    padding:0px;
    margin-left: 20px;
        margin-right: 20px;
margin-bottom: 20px;
}

#inhalt-text ol li span{
font-weight: normal;
}

/* -----------------links--------------------- */
#links {
	position:absolute;
	top:0px;
	left:0px;
	text-align:left;
	width:160px;
	text-align:center;
	background-color:#fff;
}

/* -----------------back---------------- */
#back {
  padding:15px;
  text-align:center;
}
#back a {
  color:white;
  font-size:0.8em;
  font-weight:600;
}
/*  ----------------footer---------------------- */ 
#fuss {
  height:29px;
  font-size:12px;
  margin: 0px;
  padding:28px 0px 5px 0px;
  text-align:center;
  background-color:#fff;
  border-radius: 0px 0px 15px 15px;
}

/*======================================
 4. Sonstige Styles
======================================*/
p {
  font-size:100%;
}
pre {
  font-size:12px;
  padding:10px 0px;
}
.unterstrich {text-decoration: underline;}
/*==================================================
===============================Das Kontaktformular*/
fieldset {
   border: none;
}
/*======================================
 Ende des Styles
======================================*/