/*
   Formatierungen fuer das Design und Layout der Seite:
   
   Die folgenden Eigenschaften bestimmen die Positionen 
   und Groessen der Design-Elemente, sowie deren Hintergruende, 
   Abstaende, usw.
*/

* { /* Mit Universalselektor die Polsterungseigenschaften aller (Block-)Elemente auf null setzen */
   margin: 0;
   border: 0;
   padding: 0;
}

body {
   color: black; 
   background-color: #E6E6E6;
	margin-top: 30px;
	margin-bottom: 30px;
      
   text-align: center;  /* Zentrierung im IE 5.01 & 5.5 */
}

div#frame {
   text-align: left;    /* Seiteninhalt wieder links ausrichten */
   
   margin: 0 auto;      /* standardkonforme horizontale Zentrierung */   
   width: 850px;
   
   background-color: White;
   background-image: url('../images/frame.jpg');
}

div#header {
   position: relative;
   width: 850px;
   height: 150px;
   background-image: url('../images/header.jpg');
}

div#navigation {
   float: left;
   position: relative;
   
   width: 150px;
   height: 45px;
   
   background-image: url('../images/navigation.jpg');
	background-position: top left;
	background-repeat: no-repeat;
}

div#navigation ul {
	line-height: 20px;
	padding: 45px 0px 0px 10px;
}

div#navigation ul ul {
	padding: 0px 0px 10px 0px;
}

div#sidebar {
   float: right;
   position: relative;
   
   width: 150px;
   height: 410px;
   
   background-image: url('../images/sidebar.jpg');
	background-position: top right;
	background-repeat: no-repeat;
}

div#content {
   margin-left: 150px;
   margin-right: 150px;
   
   position: relative;
}

* html div#content {
   height: 1em;      /* Workaround gegen den 3-Pixel-Bug des Internet Explorers */
   margin-bottom: 0;
}

div#footer_clear {
   clear: both;
	padding-top: 10px;
   position: relative;
}

div#footer {
   clear: both;
   position: relative;
   
   background-image: url(../images/footer.jpg);
   width: 850px;
   height: 50px;
}

div#footer_impressum {
   position: absolute;
	left: 0px;
	top: 0px;
   
   width: 150px;
   height: 50px;
}

div#footer_design {
   position: absolute;
	left: 700px;
	top: 0px;
   
   width: 150px;
   height: 50px;
}