* {
   margin: 0;
   padding: 0;
   }

html{
	background-color:white;
	margin:0px;
	padding:0px;
	background-image: url(../bilder/body.jpg);
}

body {

	}


div#haupt-index { background-image: url(../bilder/index-hintergrund.jpg);          
		   margin: 0px;
		   height:760px;
		   width: 1020px;
		   }



div#haupt { background-image: url(../bilder/hintergrund.jpg);          
		   margin: 0px;
		   height:760px;
		   width: 1020px;
		   }


div#nav-1 {
	float:left;
	left: 64px;
	top: 217px;
	list-style-type: none;
	position: absolute;
	visibility: visible;
	height: 100px;
			   }
div#nav-1 ul {
             list-style: none;
			 }
div#nav-1 li, div#nav-1 a {
              color: #000000;
			  text-aling: left;
			  text-decoration:none;
			  }


.navigation {  font-family: "Arial", Arial;
              font-size: 18px;
               font-style: normal;
               line-height: 28px;
               font-weight: 500; color: #FFFFCC
			   }

A:hover {font-weight: 900;

  	color: #663333;	

	text-decoration: underline;}

div#bio {
	float:left;
	left: 157px;
	top: 127px;
	width:4374px;
	height:1155px;
	list-style-type: none;
	position: absolute;
	visibility: visible;
	;
	clip:  rect(   )
			   }
div#bio td {
             list-style: none;
			 }
div#bio td, div#bio a {
	color: #FFFFCC;
	text-aling: left;
	text-decoration:none;
	font-family: "Arial", Arial;
	font-size: 14px;
	font-style: normal;
	line-height: 13px;
	font-weight: 500;
	color: #000000

			  }


.titel {  font-family: "Arial", Arial;
              font-size: 14px;
               font-style: normal;
               line-height: 20px;
               font-weight: 900; color: #000000
			   }


.motto {  font-family: "Arial", Arial;
              font-size: 24px;
               font-style: normal;
               line-height: 40px;
               font-weight: 900; color: #000000
			   }


div#fotobio {
	float: left;
	left: 837px;
	top: 128px;
	
	width:226;
	height:499;
	list-style-type: none;
	position: absolute;
					   }