/*  *********************************************************
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;
   background: url(../img_library/bg_content.gif) repeat-x;
background-color:#999;;
}
body {
	height:100%;
margin: 0;
padding: 0;
  color: white;

  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;
}


td, tr, table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	}
.text_klein {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	}
	
#wrapper {

	background-color: white; 
	margin: 40px auto;
 	width: 920px;
}

#textbereich{
  background-color:#006699;
  color: #000000;
  min-height:475px;
}

/*Titel Bereich linke Navigation*/
.titbackground{
	background-color: black;
	color: #ffffff;
	border-top: 1px solid #ffffff;
}


/* KOPFBEREICH */
#kopfbereich {
  position: relative;
  height:107px;
  padding:15px 35px;
  text-align:left;
   background: url(../img_library/header.jpg) no-repeat;
}


/* NAVIGATIONSBEREICH */
#navibereich {
  height: 100%;
  padding-top: 0px;
  padding-left: 0px;
  background-color:#d0d0d0;
  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;
  padding-left:118px;
}

/* Allgemeine Elemente */


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

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

}


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

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

address {
  text-align: center;
  font-size: 80%;
  font-style: normal;
  letter-spacing: 2px;
  line-height: 1.5em;
}

.leftmenu:link {color:#FFFFFF; text-decoration:none}
.leftmenu:visited {color:#FFFFFF; text-decoration:none}
.leftmenu:active {color:#FFFFFF; text-decoration:none}
.leftmenu:hover {color:#333333; text-decoration:none}

.menutop:link {color:#FFFFFF; text-decoration:none}
.menutop:visited {color:#FFFFFF; text-decoration:none}
.menutop:active {color:#FFFFFF; text-decoration:none}
.menutop:hover {color:#cccccc; text-decoration:none}

.menu:link {color:#b60b25; text-decoration:none}
.menu:visited {color:#b60b25; text-decoration:none}
.menu:active {color:#b60b25; text-decoration:none}
.menu:hover {color:#333333; text-decoration:none}

a { text-decoration: none; }
a:link { color: #b60b25; }
a:visited { color: #b60b25; }
a:hover { text-decoration: none;color: #333333;}
/*a:active { color: #3F3F3F; background-color: #F3D4C6; }*/
.skiplink { display: none; }



.fontweiss {color:#FFFFFF;}

.linkband {
    position: absolute;
    top: 101px;
    left: 197px;
    width: 500px;
}



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;
  list-style-image:url(../img_library/pos-display.gif)
}

#border	{

  	height:auto !important;  /* für moderne Browser */
	display: block;
	margin: 5px;
	padding: 0;
	background: White;
	border-style: solid;
	border-width: 1px;
	color: #999999;
 	width: 250px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
}
#border_breit	{
  	height:auto !important;  /* für moderne Browser */
	display: block;
	margin: 5px;
	padding: 0;
	background: White;
	border-style: solid;
	border-width: 1px;
	color: #b60b25;
 	width: 600px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
}
.lineright { border-right: 1px solid #A9A7A6 }
.lineleft { border-left: 1px solid #A9A7A6}
.linebottom { border-bottom: 1px solid #A9A7A6 }
.linetop { border-top: 1px solid #A9A7A6 }