/* ===================================
Stylesheet der "Little Boxes" DVD 
  
Stand: Dreispaltiges Layout mit float und margin 
Datei: bildschirm.css 
Datum: 07. September 2007
Autor: Peter Müller 

Aufbau: 1. Kalibrierung
        2. Allgemeine Styles
        3. Styles für Layoutbereiche
        4. Sonstige Styles 
=================================== */

/* ==================================
   1. Kalibrierung
   =============================== */

* { padding: 0; margin: 0; } 
 
h2, h3, p, ul, ol { margin-bottom: 1em; } 

ol ul { margin-bottom: 0; } 

li { margin-left: 2em; }    
   
/* ==================================
   2. Allgemeine Styles 
   =============================== */   

html { height: 101%; }
   
body { 
  background-color: #FFFFFF; 
  #color: white; 
  font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 0.8em;
  
}

h1 { font-size: 2em;
		padding-bottom:10px;}
h2 { font-size: 1.3em; }
h3 { font-size: 1.1em; }


/* ================
   Hyperlinks    */  

a { 
  text-decoration: none; 
  outline: none; 
} 

a:link { color: #990099; } 
a:visited { color: #22888888; } 

a:hover, 
a:focus { 
  #border-bottom: 1px solid #990099; 
} 
a:active { 
  background-color: #ff00ff; 
  color: white; 
}  

/* =====================
   Klassen und IDs    */

.skiplink {
  position: absolute; 
  top: -5000px; 
  left: -5000px; 
  width: 0;
  height: 0; 
  overflow: hidden; 
  display: inline; 
}

.bildlinks {
  float: left; 
  padding: 3px; 
  border: 5px solid #cccccc; 
  margin-right: 10px; 
  margin-bottom: 10px; 
}
.bildrechts {
  float: right; 
  padding: 3px; 
  border: 5px solid #cccccc;
  margin-bottom: 10px; 
  margin-left: 10px; 
}
.clearing {
  clear: both; 
}

.logos {
	padding: 0px;
	border: 0px solid #990099;
	outline : none;
}

 
#logo {
	padding: 0px;
	border: 0px solid #990099;
	outline : none;
}



/* ==================================
   3. Styles für Layoutbereiche 
   =============================== */   

#wrapper { 
  background: #F5F5F5; 
  color: black; 
  width: 1070px; 
  margin: 10px auto; 
  border: 1px solid #8c8c8c; 
}

#kopfbereich { 
  position: relative; 
  background-image: url(../images/banner.jpg);
  #background-repeat: repeat-y; 
  color: black; 
  padding: 10px 20px 10px 20px; /* oben - rechts - unten - links */ 
}
    #kopfbereich span {
      position: absolute; 
	  top: 10px; 
      left: 210px; 
      padding: 5px 0; 
      margin-bottom: 0; 
	  
    }
   

#navibereich {
	
  float: left; 
  width: 170px; 
  padding-left: 20px;
  padding-top: 0px; 
}

	#navibereich .n_h {
		
		background-color: #990099;
		color: #ffffff;
		border: 0px solid #ffffff;
		font-weight: bold;
		padding: 4px;
		margin-top:20px;
	}

    #navibereich ul {
      width: 160px; 
      /*border-top: 1px solid #990099; */
    }
    #navibereich li {
      list-style-type: none; 
      border-left: 1px solid #990099;
	  border-right: 1px solid #990099;
      border-bottom: 1px solid #990099;
	  margin: 0; 
    }
    #navibereich a,
	#navibereich span {
      display: block; 
      text-decoration: none; 
      background-color: #d2d2d2; 
      color: black; 
      padding: 4px; 
      border-left: 3px solid #d2d2d2; 
    }
	#navibereich a:hover,
    #navibereich a:focus {
      background-color: white; 
      color: black; 
      border-left-color: #990099; 
      border-bottom: none; 
    }
    #startseite #navi01 span,
    #verbund #navi02 span, 
    #unternehmen #navi03 span,
	#beirat #navi04 span,
	#news #navi05 span,
	#impressum #navi06 span,
	#fit4life #navi07 span,
	#fit4mobility #navi08 span,
	#fit4work #navi09 span,
	#fit4use #navi10 span,
	#fit4product #navi11 span{
      background-color: white; 
      color: black; 
      border-left-color: #990099; 
      border-bottom: none; 
    } 

#spalte03 {
  float: right; 
  width: 150px; 
  margin-top:10px;
  padding: 10px; 
  margin-right:5px;
}

#spalte03 img {
	border: 2px solid #990099;
}
  
#textbereich {
  margin-top:20px;
  background-color: white; 
  padding: 20px 10px 20px 20px; 
  margin-right: 180px; 
  margin-left: 190px; 
 
}


    #textbereich a {
      border-bottom: 1px dotted #cc0000; 
    }
	
#textbereich img {
	margin-top: 3px;
	margin-right: 10px;
	margin-bottom: 3px;
	margin-left: 0px;
	border-bottom: 0px none #cc0000;
}
	
    #textbereich ul li { 
      list-style-type: square; 
    }
    #textbereich a:hover,
    #textbereich a:focus {
      border-bottom: 1px solid #d90000; 
    }

#fussbereich {
  text-align:center;
  clear: both; 
  background: #FFFFFF; 
  padding-top: 10px;
  padding-left:  100px;
  padding-right: 20px;
  padding-bottom:  10px; 
  border-top: 1px solid #8c8c8c;
  
}
#fussbereich img{
  vertical-align:bottom;
}
  
/* ==================================
   4. Sonstige Styles 
   =============================== */   

/
/* ==================================
   ENDE DES STYLESHEETS 
   =============================== */