/* Viola Holtzmann Grafik & Typografie - www.viola-holtzmann.de */

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


body { 
text-align:center; /* für IE */
margin:0px; 
padding:0px;
background-color: #ffffff;
overflow:hidden;
 }

#container {
	position: absolute;
	left: 50%;
	width: 1000px;
	margin-left: -500px; /* negative Hälfte von width */
	top: 50%;
	height: 600px;
	margin-top: -300px; /* negative Hälfte von height */
	text-align:justify;
	padding:0px;  /* padding (Auffüllung) bezeichnet den Innenabstand der div -Box. */
	background-color: transparent;
	z-index : 2;
}

#header {
	width: 1000px;
	height: 100px;
	margin: 0;
	background:url(bilder/cw100.gif) no-repeat;
	background-color: transparent;
	border-bottom-width:1px;
    border-bottom-style:solid;
    border-color:black;
    z-index : 3;
}

#menue {
	float: left;  /* bewirkt dass inhalt neben Menü steht  */
	width: 100px;
	height: 600px;
	margin-top:-100px; /* dadurch überlappt das Menü den Header, nur so frisst es auch IE7...  */
	background-color: transparent;
/*	border-right-width:1px;
  border-right-style:solid;
  border-color:black; */
	z-index : 3;
}

#inhalt {
	height: 500px;
	margin: 0 0 0 100px;
	background-color: transparent;
	z-index : 2;
	}

#text {
	float: left;  /* ermöglicht zweispaltiges Layout  */
	width: 450px;
	height: 500px;
	text-align:left;
	padding:0;  /* wenn hiermit den Abstand der Schrift eingestellt wird, addiert FF bei der Breite hinzu! Besser Absatzdefinition, siehe unten  */
	background-color: #fff;
	opacity:0.70;
	filter:alpha(opacity=70);
	overflow:auto;
	z-index : 4;
	}
	
/*	body > #schmuckfooter { 
	position:fixed;
}
*/	
	
	#schmuckfooter {
	position : absolute;
	left : 130px;
	bottom : 0;
	width : 420px;
	height: 25px;
	margin-bottom:0px;
	align: center;
	text-align:center;
	padding:0;  /* wenn hiermit den Abstand der Schrift eingestellt wird, addiert FF bei der Breite hinzu! Besser Absatzdefinition, siehe unten  */
	background-color: transparent;
	overflow:none;
	z-index : 5;
	}

	
#bild {
	position: absolute; /* nur für Opera  */
	width: 450px;
	height: 500px;
	margin: 0 0 0 450px;  /* margin (Rand)  bezeichnet den Außenabstand der div -Box. */  
	overflow:hidden;
	z-index : 4;
	}

* html #bild {
  margin: 0 0 0 0px;  /* für den IE6 */  
}

*:first-child+html #bild {
  margin: 0 0 0 0px;   /* für den IE7 */  
}

#header h1{
    margin:20px 0px 0 120px;
  }

#menue ul {
width: 90px;
margin:110px 0 0 0; /* auch die 0 muss gesetzt werden sonst macht der IE wieder mal was er will */
padding:0px; /* wichtig*/
     }



 /*Textformatierung */
 
 
body { 
font-family:"Verdana","Arial",sans-serif;
font-size : 12px; 
line-height : 24px; 
 color:#837468;
 text-decoration : none;
 } 
 
a, a:link  {
color : #837468;
text-decoration : none;
      } 	 
	 
a:visited {
text-decoration : none;
color : #837468;
      } 
	  
a:hover, a:active {
text-decoration : none;
color : #000;
      }	 
	  
	  
h1{
    font: normal 2em "Verdana","Arial",sans-serif; 
} 


ul {
list-style : none;
font-weight : bold;
text-align:right;
      }
	  


	  
#bild { 
line-height : 0px;  /* bei 24 (s.o.) gibt es sonst bei der Tabelle einen Abstand zwischen den Zeilen */
 } 
 
 .aktiv {
	color: #000;
}


#text p {margin: 10px 10px 0 20px;  /* von oben im Uhrzeigersinn  */
}