/*  *********************************************************
Titel: akademie.de - Artikel - CSS: Zweispaltiges Layout mit float
URL:   http://www.akademie.de/
Datei: zweispaltig.css
Datum: 09. Juli 2006
Autor: Peter Müller ,
Mail:  akademie@infotekten.de
Web:   http://infotekten.de und http://little-boxes.de
 *********************************************************** */

* { padding: 0; margin: 0; }

html{
height:100%;
margin: 0;
padding: 0;
}
body {
	height:100%;
margin: 0;
padding: 0;

  background-color: #ffffff;
  font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	scrollbar-face-color: #E4E4E4;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #DEE3E7;
	scrollbar-3dlight-color: #D1D7DC;
	scrollbar-arrow-color: #006699;
	scrollbar-track-color: #E4E4E4;
	scrollbar-darkshadow-color: #98AAB1;
}

#wrapper {
	color: black;
	background-color: white; 
	margin: 40px auto;
 	width: 780px;
  background-image: url(../bilder/nav_hint.gif);

}

/* KOPFBEREICH */
#kopfbereich {
  position: relative;
   background-color: white;

}
    #kopfbereich img {
      background-color: white;
    }
    #kopfbereich p {
      position: absolute;
      top: 10px ;
      right: 10px;
      font-weight: bold;
      padding: 5px 0 5px 0;
      margin-bottom: 0;
    }
    #kopfbereich p span {
      color: #cc0000;
    }

/* NAVIGATIONSBEREICH */
#navibereich {
height: 100%;
  padding-top: 0px;
  padding-left: 0px;

	background-color:#D4E7F7;
	width:240px;
  float:left;

  
}




/* TEXTBEREICH */
#textbereich {
	 width: 100%
	  padding-top: 20px ;
	  padding-right: 10px;
	  padding-bottom: 0px;
	  padding-left: 20px;
	  margin-left: 240px; /* Linker Außenrand für #textbereich */ 
	  background-color: #D4E7F7;
	  }
#kasten {
	width: 150px;
  padding-top: 0px;
  padding-left: 5px;
  padding-right: 5px;
  background-color: #D4E7F7;
  float:left;



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

/* FUSSBEREICH */
#fussbereich {
  clear: both; /* Float explizit beenden */ 
  background: white; /* Hintergrund weiß */
  padding: 20px;
  padding-top: 10px;
  border-top: 1px solid #8c8c8c;
  margin-top: 20px;
  
  

}

#language {

  padding-top: 4px;
  padding-left: 0px;
  width:60px;
  float:left; 
  }

/* Allgemeine Elemente */


.textfeld_gross	{
	font-family: Verdana;
	font-size: 10px;
	width: 200px;
	height: 50px;
	border: 1 solid #89BFE8;
	background : White;
}

.textfeld_klein	{
	font-family: Verdana;
	font-size: 10px;
	width: 200px;
	height:20px;
	border: 1 solid #89BFE8;
	background : White;

}


.input
{
	background-color : White;
	border : 1px solid #89BFE8;
	width: 220px;
	height:20px;
}

h1 { font-size: 150%; }
h2 {
  font-size: 130%;
  margin-bottom: 1em;
}
strong {
	color: #3F3F3F;
}
address {
	font-size: 80%;
	font-style: normal;
	letter-spacing: 2px;
	line-height: 1.5em;
	margin-left: 244px;
}
a { text-decoration: none; }
a:link { color: #3F3F3F; }
a:visited { color: #3F3F3F; }
a:hover, a:focus { text-decoration: underline; }
a:active { color: #3F3F3F; background-color: #F3D4C6; }
.skiplink { display: none; }

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