/*************************************************
Datei: screen.css 
Datum: 2008
Autor: Götz Nemeth

Farben:
        #ffefdb, AntiqueWhite1, für Header 
        #777777, dunkelgrau,    body Hintergrund 
        #ff8000, orange,        Logo
        #0000ff,  blau,         Logo
        #C2E67B,  blassgruen    Hover Menue 
        #C0FF3E,  grell-gruen   Hover Menue
************************************************/

/**************************************
   Grundeinstellungen
**************************************/
@media screen {

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

ol ul { margin-bottom: 0; } 

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

html { height: 101%; }    
   
body { 
  /*background-color: #353535;*/
  /*background-color: #fbf0d2;  hellbraun */
  /*background-color: #777777;  dunkelgrau */
  background: #343434 url(../img/bg.jpg) repeat-x;
  color: white; 
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: small;   
}

h1 { font-size: 150%; }
h2 { font-size: 130%; }
h3 { font-size: 110%; }

address {
  color: black;
  background-color: white;
  text-align: center; 
  font-size: 80%; 
  font-style: normal; 
  letter-spacing: 2px;
  line-height: 1.5; 
  /*
  background-color: #fff;
  color: #ff0000;
  padding-left: 50px;*/
}

/***********************
   Hyperlinks    
***********************/  

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

#navibereich  a.info
  {
  position:relative;
  z-index:1;
  background-color: #ffefdb;
  color:#2D006B;
  text-decoration:none;
  }
  
#navibereich  a.info:hover
  {
  z-index:2;
  background-color: #C2E67B; /* blassgruen */
  }
  
#navibereich  a.info span
  {
  display: none;
  }
  
#navibereich  a.info:hover span {
  background-color: #C2E67B; /* blassgruen */
  border:1px solid #12127D;
  border-left: 3px solid #ff8000; /* logo-orange */
  color:#000;
  display:block;
  font-size: 0.8em;
  left:10em;  
  line-height: 130%; 
  padding: 5px 5px 5px 10px;
  position:absolute;  
  top:0em;  
  width:15em;
  }

/***********************
   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; 
}
 
#logo {
  background-color: none; 
  color: black; 
  padding-left: 10px;
  position: absolute;
  top: 10px;
  left: 10px;
}
#maennchen {
   background-color: none; 
  color: black; 
  padding-left: 10px;
  position: absolute;
  top: 55px;
  left: 50em;
}
#pixreihe {
  
  border: 1px dotted blue;
}
.act {
  background: #cccc33 none repeat scroll 0%;
}
.einzug_20px {
  color: #000000;
  font-size: 90%;
  font-style: normal;
  padding-left: 20px;
}
/***********************************
   3. Styles für Layoutbereiche 
***********************************/   

#container { 
  color: black; 
    /*width: 100%; */
  min-width: 600px;   
  /*max-width: 100em;  ganzer Bildschirm */
  max-width: 60em; /* */ 
  margin: 10px auto;
  border: 3px solid #e5e5e5;
}

#header { 
  background-color: #ffefdb;  /* AntiqueWhite1 */
  border: 1px solid #000; 
  border-bottom: none;
  color: #cb9358;
  height: 160px; 
  position: relative; /* fuer Logo */
  padding: 10px 20px;   

  /*background: #020101 url(farbverlauf_dkl_03.jpg) repeat-y;*/
}
    #header #schrift_logo {
        color: black;
        position: absolute;
        top: 70px;
        left: 20px;
        font-size: 0.9em;
        line-height: 150%;
        /*font-weight: bold;*/
        z-index: 5;
    }
    #header h2 {
      color: #000;
      background-color: #ffefdb;
      font-size: 200%;
      line-height: 150%;
      margin-left: 205px;
      padding: 10px 10px 10px 10px; 
    }
    #header p {
      position: absolute; 
      top: 10px; 
      right: 10px; 
      padding: 5px 0; 
      margin-bottom: 0; 
    }
    #header p span {
      color: #d90000; 
    }
#navibereich {
  float: left; 
  width: 160px; 
  padding-left: 40px;
  padding-top: 60px; 
  background-color: #fff;  
}
    #navibereich ul {
      width: 8em; 
      border-top: 1px solid #000;
    }
    #navibereich li {
      list-style-type: none; 
      border-left: 1px solid #000;
      border-right: 1px solid #000;
      border-bottom: 1px solid #000; 
      margin: 0; 
    }
    #navibereich a,
    #navibereich span {
      display: block; 
      font-weight: bold;
      text-decoration: none; 
      background-color: #ffefdb;
      color: #000; /*black;*/ 
      padding: 4px; 
      border-left: 3px solid #ffefdb;
    }
    #navibereich a:hover,
    #navibereich a:focus {
      background-color: #fff;
      color: black; 
      border-left-color: #ff8000; /* logo-orange */
      border-bottom: none; 
    }
    /* aktueller Link */
    #kontakt #navi01 span,
    #leistungen #navi02 span, 
    #news #navi03 span,
    #start #navi04 span,
    #profil #navi05 span,
    #referenzen #navi06 span {
      background-color: #fff;
      color: black; 
      border-left-color: #ff8000;  /*logo-orange */
      border-bottom: none; 
    } 

#main {
  background-color: #fff;
  color: #000;
  border: 1px solid #000;
}
#textbereich {
  background-color: white; 
  
  padding: 40px 20px 20px 20px; 
  /*margin-top: 20px;*/
  /*margin-bottom: 30px;*/
  margin-left: 170px;
 
}
    #textbereich h2 {
      font-size: 110%;
    }
    #textbereich p {
      font-size: 1.1em;
      font-weight: normal;
      line-height: 170%;
    }
    #textbereich a {
      border-bottom: 1px dotted #cc0000; 
    }
    #textbereich ul li { 
      list-style-type: square; 
      font-size: 0.9em;
      font-weight: lighter;
      line-height: 150%;
    }
    #textbereich ul ul li{
      font-size: 1.0em;
      list-style-type: circle;
    }
    #textbereich a:hover,
    #textbereich a:focus {
      border-bottom: 1px solid #d90000; 
    }

#fussbereich {
  color: black;
  background-color: white; 
  padding: 10px 20px 20px 20px; 
  border-top: 1px solid #8c8c8c;   
}
  #fussbereich a {
    text-decoration: underline; 
  }

/*******************************************
   4. spezielle Styles fuer einzelne Seiten 
********************************************/
#leistungen h2 {
  font-size: 200%;
}
#news #textbereich {
  height: 20em;
}
.kontaktdanke{
color: black;
position: absolute;
top: 500px;
left: 250px;
z-index: 10;
}	

#leistungen #textbereich p {
    font-size: 1 em;
    font-weight: normal;
    line-height: 150%;
}
#leistungen #textbereich #themen ul{
  margin-bottom: 0.2 em;
}
#leistungen #textbereich #themen li p {
    font-size: 0.9 em;
    font-weight: normal;
    line-height: 130%;
    
}

/**********************/
/* allgemeine Klassen */
/**********************/

.nowrap {
  white-space: nowrap;
}
.block {
  /*background: #fff;  hellgrau #F9F8F8*/
  background: #F9F8F8;
  color: #000;
  
	margin: 5px 20px 5px 20px;
	padding: 10px 20px;	
	border-left: 1px solid #000;   #c8c5c5 
	
	/*
	margin: 5px 5px 5px 20px;
	padding-left: 20px;
	padding-right: 20px;
	border-left: 5px solid #c8c5c5; */
}

.block li {
  font-size: 1em;
}

.kursiv {
  font-style: italic;
  
}
.kursiv_fett {
  font-style: italic;
  font-weight: bold;
}
.b_kursiv {
font-weight: bold;
font-style: italic;
}
.kursiv_fett_blue {
  color: blue;
  font-size: 1.1em;
  font-style: italic;
  font-weight: bold;
  line-height: 150%;
}
.kursiv_fett_orange {
  color: #ff8000;
  font-style: italic;
  font-weight: bold;
}
.kursiv_fett_red {
  color: #ff0000;
  font-style: italic;
  font-weight: bolder;
}
.fett_red {
  color: red;
  font-style: normal;
  font-weight: bolder;
}
   
} /* end media screen - nicht löschen */

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