body {
background-color: #ffffff;
font-family:  Arial,Helvetica,sans-serif;
color:#000000;
padding:0px;
margin:0px;
}

/* ----------container zentriert das layout-------------- */
#container {
position:absolute;
width: 960px;
height: 555px;
margin:-292px 0px 0px -480px;
border: solid 1px #dddddd; 
top: 50%; 
left: 50%;
} 

/* ----------banner for logo-------------- */
#banner {
text-align: left;
background-image: url(../images/hintergrund.jpg);
padding: 0px;
margin: 0px;
margin-top: 50px;
height: 150px; 

}
#banner img {padding:10px 0px;
} 
/* ----------normal----------------- */

/* ----------outer und inner----------------- */
#outer{ 
border-left: solid 480px #ffffff;  /* linke Menue Spalten Farbe  */ 
background-color: #ffffff; /* Farbe fuer Inhalt Spalten  */
 } 

#inner{ 
margin:0px; 
background-color: #E9E9E9;
width:100%; } /* die IE PC schlaufe */ 

/* --------------left navigavtion------------- */
#left {
 width:480px; 
 height: 355px;
 background-color: #E9E9E9;
 float:left; 
 position:relative; 
 margin-left:-480px; 
 }

/* -----------------Inhalt--------------------- */
#content{ 
position: relative; 
 width:450px; 
 height: 355px;
 background-color: #ffffff;
 }


/* ---------- #1 ----------------- */
/* --------------left navigavtion #1------------- */
#outer-1{ 
border-left: solid 550px #ffffff;  /* linke Menue Spalten Farbe  */ 
background-color: #E9E9E9; /* Farbe fuer Inhalt Spalten  */
 } 

#left-1 {
 width:495px; 
 height:355px;
 background-color: #ffffff;
 float:left; 
 position:relative; 
 margin-left:-550px;
 border-left: solid 30px #E9E9E9; 
 }

/* -----------------Inhalt #1--------------------- */
#content-1 { 
position: relative; 
 width:410px; 
 height: 355px;
 background-color: #E9E9E9;
 }



/* ---------- #2 ----------------- */
#outer-2{ 
border-left: solid 400px #ffffff;  /* linke Menue Spalten Farbe  */ 
background-color: #ffffff; /* Farbe fuer Inhalt Spalten  */
 } 
/* --------------left navigavtion #2------------- */
#left-2 {
 width:400px; 
 height: 355px;
 background-color: #E9E9E9;
 float:left; 
 position:relative; 
 margin-left:-400px; 
 }

/* -----------------Inhalt #2--------------------- */
#content-2 { 
position: relative; 
 width:527px; 
 height: 355px;
 background-color: #ffffff;
 }
 
 
/* ---------- #3 ----------------- */
/* --------------left navigavtion #3------------- */
#left-3 {
 width:480px; 
 height: 355px;
 background-color: #E9E9E9;
 float:left; 
 position:relative; 
 margin-left:-480px; 
 }

/* -----------------Inhalt #3--------------------- */
#content-3 { 
position: relative; 
 width:450px; 
 height: 355px;
 background-color: #ffffff;
 }
/* -------------------------- */



/*  ----------------footer---------------------- */ 
#footer {
clear:left;
width: 959px;
background-color: #E9E9E9;
margin-right:20px;
text-align: right;
 
border-bottom: solid 1px #dddddd; 
border-right: solid 1px #dddddd; 
border-left: solid 1px #dddddd; 
}