/* ============================
   1. Kalibrierung
      Allgemeine HTML-Elemente
============================ */
* { padding: 0; margin: 0; }

html 
{ height: 101%; }

body 
{
  color: white;
  background-color: #f9e9a9;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: small;
  padding: 5px;
}


h1 
{ font-size: 150%; }


h2 
{ font-size: 130%; margin-bottom: 1em;}


h3 
{
   color: #353535;
   font-variant: small-caps;
   font-weight: bold;
   font-size: 120%;
   letter-spacing: 0;
   margin-top: 2em;
   margin-bottom: 0.5em;
}

address {
   text-align: left;
   font-size: 80%;
   font-style: normal;
   letter-spacing: 2px;
}

a img { border: none;  }

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

a:link {
  color: #d90000;
  color: #000000;   
}

a:visited { color: #C6B409; }

a:hover, a:focus { text-decoration: underline; }


.skiplink { display: none; }


#smallmenu
    {
	overflow: hidden;
	}

* html #smallmenu
    {
	height: 1%;
    }

.small
   { 
   font-size: 90%; 
   float: left;
   width: 382px;
   }

.smaller
   { 
   font-size: 80%; 
   }


#smallermenu 
  { 
  font-size: 80%; 
  float:left;
  margin-top: 0;
  margin-left: 5px;
  width: 200px;
  }


p, ul, ol 
  {
  margin-top: 0 ;
  margin-right: 0 ;
  margin-bottom: 1em ;
  margin-left: 0;
  }


blockquote {
	background: #ffc;
	padding: 0.5em;
/*	border-left: 5px #f3c600 solid;*/
	border-top: 3px #f3c600 solid;
 	border-bottom: 3px #f3c600 solid;
	margin: 1em 0em;
}


blockquote p {
  margin-bottom: 0;
}


ul, ol {
  margin-left: 1em;
}


ul ul {
  margin: 0;
}


li {
  margin-top: 0 ;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 2em;
}


ul li {
  list-style-type: square;
}


ol li {
  margin-bottom: 0.5em;
}


code {
  font-family: 'courier new', courier ;
  font-size: 1em;
  font-weight: bold;
}


/* ============================
   2.  Kopfbereich
============================ */
#wrapper {
  color: black;
  background-color: #f2efe3;
  width: 980px; /* 2005-05-22, pmm */
  min-width: 980px;
  max-width: 1400px;
  margin-top: 60px;
  margin-right: auto;
  margin-bottom: 5px;
  margin-left: auto;
}


#kopfbereich {
  position: relative;
  color: black;
  background-color: #FFE574;
  background-image:  url(background_kopf.jpg);
  padding-top: 10px;
  padding-right: 20px;
  padding-bottom: 0;         
  padding-left: 20px;
}

#kopfbereich img 
  {
  padding: 0px;
  border: 0;
  }



/* ============================
   3. Navigation
============================ */
#navibereich {
  text-align: right;
  color: black;
  background-image:  url(background_kopf.jpg);
  padding: 5px 10px 4px 10px;
  border-bottom: 1px solid #8c8c8c;
}


	  #navibereich ul {
	   margin-bottom: 0;
       word-spacing: 0; 
       /* 22.12.2006 - Fix für IE7-Zoomfunktion 
        (aus Mailingliste CSS-Design) */ 
	  }


    #navibereich li {
      display: inline;
      list-style-type: none;
      margin: 0 ;
    }


    #navibereich a {
      color: black;
		background-color: #f9e9a9;
	    padding: 4px 8px 4px 8px;
	    border: 1px solid #8c8c8c;
    }


    #navibereich a:hover,
    #startseite #navi01 a,
    #vita #navi02 a,
    #angebote #navi03 a,
    #referenzen #navi04 a,
    #kontakt #navi05 a
    {
      text-decoration: none; /* Unterstreichung aus */
	  color: black;
	  background-color: #f2efe3;
	  padding-bottom: 5px; /* ein Pixel mehr als oben */
	  border-bottom: none; /* Untere Rahmenlinie aus */
	}



/* ============================
   4. Inhalt
============================ */
#textbereich {

  line-height: 1.6em;
  padding-top: 20px ;
  padding-right: 10px;
  padd//ing-bottom: 20px;
  padding-left: 20px;
  background-color: #f2efe3;
}
#content{

	clear:both;
}
  #textbereich p {
	  padding-right: 10px;

  }

  #textr//echts p {
	  padding-right: 10px;
	  padding-left: 300px;
  }

 #textrechts {
	  padding-right: 5px;
	  padding-left: 300px;
  }

#texthalbhalbrechts {
	  padding-right: 10px;
	  padding-left: 200px;
  }



#texthalbhalbhalbrechts {
	  padding-right: 10px;
	  padding-left: 100px;
  }


#texthalbrechts {
	  padding-right: 10px;
	  padding-left: 30px;
  }


  .bildlinks {
	    float:left;
/*		background-color: #eaeaea;
	    padding: 5px;
	    border: 1px solid #d9d9d9; */
	    margin-right: 10px;
		margin-left: 33px;
        margin-bottom: 10px;
        margin-top: 0;

	  }


  .bildweiterlinks {
	    float:left;
/*		background-color: #eaeaea;
	    padding: 5px;
	    border: 1px solid #d9d9d9; */
	    margin-right: 10px;
		margin-left: 0px;
        margin-bottom: 10px;
        margin-top: 0;
	  }

	  .bildrechts {
	    float:right;
		 width: 200px;
		padding: 5px;
	    bo//rder: 1px solid #d9d9d9;
		margin-top: 0;
		padding-top: 0;
        margin-right: 30px;
        margin-bottom: 10px;
	    margin-left: 10px;
		 
	  }

#leer
{
	    float: right;
		 width: 1px;
		height: 400px;
 }


  .smallerfont {
    font-size: 80%;
  }



/* ============================
   5. Fussbereich
============================ */
#fussbereich {
  clear: both;
  padding: 10px;
  padding-top: 10px;
  border-top: 1px solid #8c8c8c;
  ma//rgin-top: 20px;
  margin-bottom: 0px;
  background-color: #DFD9C0;
}


#fussbereich p { margin-top: 1em; }