body {
    text-align: center;
	margin: 0;
	padding: 0;
	background: url('images/logo.jpg') no-repeat fixed 1% 20%;
	}
	
	
#picfacebook {position: absolute; top: 35%; right: 30%; border: 0px;}

#picwordpress {position: absolute; top: 35%; right: 50%; }
	

	
/* ------------basic attributes layout------------- */

#container {

    padding-top: 10px;
    background-color: #fff;
	width: 850px;
	margin:auto;
	} 

/*----Kopfbereich auf Startseite---*/
/*--im Banner ist ein Quadrat gelb (quater1)mit Text Michael und ein Quadrat weiß (quater2)mit Text Lindemann--*/	
	
	
	/*--Banner--*/
	#kopfstart1 {
	height: 150px;
	width: 850px;
	background: #FFFFFF url('images/head.jpg') no-repeat;
    background-position: 98% 20%;
   }
	
 /*--Quadrat gelb--*/	
 #quater1{
     height: 145px;
     width:  140px;
     background: #ff9900;
     float: left;
     }
   
   /*--Text Michael--*/
   #overhead_one {   font-family: "Trebuchet MS", Arial,sans-serif;

                     padding-top: 70px;
                     text-align: right;
                     font-size: 160%;
                     color:#fff;
                    }
                    
/*--Quadrat weiß--*/
    #quater2{
                  height: 145px;
                  width:  250px;
                  background: #fff;
                  float: left;
                  }


 /*--Text Lindemann--*/

    #overhead_two {  font-family: "Trebuchet MS", Arial,sans-serif;
                     padding-top: 70px;
                     font-size:160%;
                     text-align: left;
                     color:#444;
                     }
      sup{ font-size: 0.5em; letter-spacing: 1px;  } /*font-weight: bold; */


	
#inhalt {
	float: right;
	width: 630px;
	background-color: #ffffff;
	
	text-align: left;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-right: 30px;
	display: inline;
	}

	
	
#inhalt h1 {
   	margin: 0;
   	padding: 0 5px 0 27px;
	color: #444;
	font-size: 20px;
	font-family: "Trebuchet MS", Arial,sans-serif;
	letter-spacing: 0.2em;
	
    }
    
#inhalt h2 {
   	margin: 0;
   	padding: 0 5px 0 27px;
	color: #6666CC;
	font-size: 15px;
	font-family: "Trebuchet MS", Arial,sans-serif;
	letter-spacing: 0.1em;
}

#inhalt h3 {
   	margin: 0;
   	padding: 0 5px 0 5px;
	color: #444;
	font-size: 35px;
	font-family: "Trebuchet MS", Arial,sans-serif;
	}



#inhalt p {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 70%;
	color: #333333;
	 
	}



/*attributes lists */

#inhalt ul {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 85%;
	color: #CC0000;
	list-style:square;
	color:#CC0000; 
	}
	
#inhalt ul ul {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 85%;
	color: #444444;
	list-style:square;
	 
	}
	







	
/*----schriftzug designed by lindemann-------*/	
	

#design {
	
	color: #000000;
        font: 10px "Trebuchet MS", sans-serif;
	 
	}
	
#clockfont { 
             color: #444;
             font-family: Verdana, "Trebuchet MS", Arial, sans-serif;
             font-size: 10px 
         }	
	
	




#topmenue a { 
color: #444;
text-decoration: none;
line-height: 22px;

} 

#topmenue a:hover {color: #ff0000; font-weight: bold; text-decoration: none}




#topmenue {  
font: .8em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

text-align: right;
background: #fff;
border-left: 140px solid #ff9900;
border-bottom: 1px solid #ff9900;
border-top: 1px solid #ff9900;
margin-bottom: 5px;
color: #444;
height: 22px;
}


	
	

/* --------Flaeche in der sich die Hauptnavigation befindet */	

#subnavi {
	background-color: #fff;
	width: 130px;
	height: 200px;
	float: left;
	text-align: left;
    margin-top: 30px;
	margin-left: 5px;
	display: inline;
	}

/* ---------buttons------------*/

#buttons a {
	color: #444;
	background-color: #fff;
	padding: 2px;
	padding-left: 3px;
		display: block;
	border-left: 10px solid #ff9900;
	border-bottom: 1px solid #ff9900;
	font: 12px "Trebuchet MS", sans-serif;
	text-decoration: none;
	text-align: left;
	text-indent: 10px;
	margin-top: 1px;
	}
	
#buttons2 a {
	color: #444;
	background-color: #fff;
	padding: 2px;
	padding-left: 3px;
		display: block;
	border-left: 10px solid #ff9900;
	border-bottom: 1px solid #ff9900;
    font: 12px "Trebuchet MS", sans-serif;
	text-decoration: none;
	text-align: left;
	text-indent: 10px;
	margin-top: 1px;
	}


	
#buttons a:hover {
	border-left: 10px solid #444;
	font: 14px;
		
        font-weight: bold;
	text-decoration: none;
		color: #444;
	

	}
	
#buttons2 a:hover {
	border-left: 10px solid #ff0000;
	font: 14px;
		
        font-weight: bold;
	    text-decoration: none;
		color: #FF0000;
	

	}	
	
	


/* ---------Formate für Seitenfuß------------ */	

	
#fuss {
	height: 24px;
	clear: both;
	margin: 5px;
}

	
	
#fuss a {
	font-family: "Trebuchet MS", Tahoma, sans-serif;
	font-size: 70%;
	text-decoration: none;
	border-top: 1px solid #ff9900;
    color: #535039;
	}

#fuss a:hover { color: #FF0000; font-weight: bolder; }

		

/*---------Bilder privat------------*/
	
	#bild1{position: absolute; top:50% ; left:30% }
	#bild2{position: absolute; top:90% ; left:35% }
	#bild3{position: absolute; top:30% ; left:70% }
	#bild4{position: absolute; top:70% ; left:60% }
	
	
/* ---------Flaeche für Buttons interessante Links---------------*/
	

#intern {
	float: center;
	width: 300px;
	background-color: #fff;
	
	text-align: left;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-right: 50px;
	margin-left: 100px;
    display: inline;
	}


	
/* ---------attributes Buttons interessante Links--------------*/

#inibut1 a {
	color: #ffffff;				
	background-color: #6666CC;  	
	padding: 2px;
	padding-right: 3px;
		display: block;
	border-right: 10px solid #6666CC;
	border-left: 10px solid #6666CC;

	font: 12px "Trebuchet MS", sans-serif;
	text-decoration: none;
	text-align: left;
	text-indent: 10px;
	margin-top: 15px;
	}
	


	
#inibut1 a:hover {
	border-right: 10px solid #FF0000;
	border-left: 10px solid #FF0000;

	font: 14px;
		
        font-weight: bold;
	text-decoration: none;
		color: #FFFFFF;
	

	}