/*	-------------------------------------------------------------
	Beispiel: positioning-basiertes zweispaltiges Layout
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
          .datei         index.html
          .kapitel       10
	-------------------------------------------------------------	*/

/*	-------------------------------------------------------------
	1. RESET + STRUKTUR
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

               * {
                    margin: 0;
                    padding: 0;
               }

               body
               {
                    background: #fff url('../img/bg.jpg') no-repeat;				
                    color: #555;
                    font: 1.0em/1.4em Tahoma, Arial, Helvetica, sans-serif;
               }

               h1, h2, h3 {
                    padding: 0.7em 0;
                    font-size: 2.0em;
               }
               
               p {
                    padding: 0.3em 0;
               }
               table td{
               		padding: 4px;
               }
			   table tr.color{
			   		background: #4877c2;
			   		color: #fff;
			   }
			   
			   table td p{
			   		font-size: 12px;
			   		line-height: 16px;
			   }
			   ul li{
			   		margin-left: 30px;
			   }
			   
			   label{
 					float: left;
 					width: 60px;
 			   }
			   img{			   		
			   		border: 1px solid #444;			   
			   }
			   
			   a{
			   		color: #4877c2;
			   }
			   
               #container
               {
                    margin: auto;
                    margin-top: -8px;
                    /*border: 1px solid #1166cc;*/
                    position: relative;
                    width: 944px;
               }
               
               #badge{
               		width: 150px;
               		height: 135px;
               		background: url('../img/badge.png') no-repeat;
               		margin-top: -5px;
               		margin-left: 370px;
               }

/*	-------------------------------------------------------------
	2. HEADER
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

               #header {
               		width: 100%;
               		z-index: 2; 	
               		background: none;
                    /*background-color: #5599dd;*/
                    position: relative;
                    /* Volle Breite setzen */
                    margin-bottom: 25px;
               }
               #header a {
                    color: #fff;
               }
               #header h1 {
                    color: #fff;
                    padding: 0.5em;
               }
               
               #header form {
                    padding: 5px;
                    background-color: #77aadd;
                    width: 160px;
                    margin: 0.5em;
                    position: absolute;
                    top: 11px;
                    right: 0; 
               }

               #header input {
                    padding: 5px;
                    background-color: #fff;
                    border: 2px solid #f6f6f6;
                    font-size: 1em;
                    color: #999;
                    width: 110px;
               }
               
               #logo{
               		position: absolute;
               		left: 50%;
               		margin-left: -440px;
               		top: 25px;	
               		width: 600px;
               }
               
               #teaser{
               		border-radius: 5px;
				 	box-shadow: #000 0px 0px 5px;
               		background: #fff;
               		height: 350px;
               }

/*	-------------------------------------------------------------
	3. NAVBAR
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

               #navbar {
               padding: 0;
                    position: relative;
                    left: 50%;
                    margin-left: -435px;
                    width: 1100px;
                    margin-bottom: -10px;
               }
               #navbar ul {
                    padding: 0em;
               }
               
               #navbar li {
                    display: inline;
                    list-style: none;
               }
               
               #navbar li a {
               		font: 1.2em/0.8em Arial, Helvetica, sans-serif;
                    color: #4877bb;
                    float: left;
                    display: inline;
                    padding-left: 30px;
                    text-decoration: none;
               }

/*	-------------------------------------------------------------
	4. BLOECKE
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
               #content {
               		margin-left: 22px;
                    width: 95%;
                    padding: 0.5em 1.5%;
                    margin-right: 40%;
                    margin-top: 15px;
               }

               #main {
               	    border-radius: 5px;
				 	box-shadow: #000 0px 0px 5px;
                    position: relative;
                    background: #fff;
                    /* Volle Breite setzen */
                    width: 100%;
					min-height: 700px;
                    /* Equal Height Columns */
                    overflow: hidden;
               }
               #column {
                    position: absolute;
                    /* Position des Block wird ver�ndert */
                    top: 30px;
                    right: 0;
                    font-size: 0.95em;
                    /*background-color: #d5ebf7;*/
                    background: no-repeat;
                    padding: 0.5em 0.6%;
                    width: 20%;
                    /* Equal Height Columns */
                    margin-bottom: -9999px; 
                    padding-bottom: 9999px;
                    margin-right: 10px;
               }

               #column_outer {
                    position: absolute;
                    right: 23%;
                    top: 30px;
                    font-size: 0.95em;
                    /*background-color: #d5ebf7;*/                   
                    background: none;
                    padding: 0.5em 1.0%;
                    width: 17%;
                    /* Equal Height Columns */
                    margin-bottom: -9999px; 
                    padding-bottom: 9999px;
               }

/*	-------------------------------------------------------------
	5. FOOTER
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

               #footer {
               		background: #4877c2;
               		height: 50px;
                    /*background-color: #5599dd;*/
                    text-align: right;
                    color: #fff;
                    border-top: 2px solid #5599dd;
                    margin-top: 50px;
                    padding-right: 15px;	
               }
               #footer p {
                    padding: 0.5em;
               }