/* ===================================
Stylesheet der "www.e-bass-lernen.de"  
 
Stand: Bearbeitung 
Datei: bildschirm.css 
Datum: 09. September 2008
Autor: UMBE DMN 

Aufbau: 1. Kalibrierung
        2. Allgemeine Styles
        3. Styles für Layoutbereiche
        4. Sonstige Styles 
=================================== */

/* ==================================
   1. Kalibrierung
   =============================== */

* { padding:0; margin:0;}



/* ==================================
   2. Allgemeine Styles 
   =============================== */

body{
   
    
    background-color:#fff;
	color:black;
    font-family: Helvetica, sans-serif;
    font-size: small;
    height:101%;
    }
    
html{ height:101%;}



/* ================
    Hyperlinks    */
a{
text-decoration:none;
}



/* ================
    Klassen und IDs    */
   
.skiplink {
  position: absolute; 
  top: -5000px; 
  left: -5000px; 
  width: 0;
  height: 0; 
  overflow: hidden; 
  display: inline;
}
   
 
  
/* ==================================
3. Styles für Layoutbereiche 
=============================== */
 




 
   
#allesright{
 float:right;
 padding-top:5px; 
 width:120px; 
 padding-right:3px;
 padding-bottom:5px; 
 border-right:1px solid black;
 border-bottom:1px solid black;
 background-color:#FFFFCC;
} 

#linwid{height:70px; padding-left:5px;}

* html #linwid {height:70px; padding-left:5px;} 

.circle{

background-position:left;
background-repeat:no-repeat;
padding-top:3px;
padding-left:25px;
background-image:url("../mundharmonika lernen images/circle_001.jpg");
font-size:15px;
line-height:20px;
margin-top:5px;
margin-left:13px;
font-weight:bold;
}

.circle span{
font-size:15px;
color:#fff;
margin-left:-18px;
font-weight:bold;
margin-right:15px;
}
.circle a{

color:#000;


}

.circle a:hover{

color:#b84c1e;


}

#wrapper {
    
   
	
	width:830px;
    margin: 0px 0px 0px 0px;
    padding-bottom:20px;
	padding-top:0px;
    border:0px solid #000;

}



#header {
    
    position:relative;
	background-image:url("../mundharmonika lernen images/header2.jpg");
    background-repeat: no-repeat;
    background-color:white;
    height: 104px;
    padding-bottom:0px;
	
   
}







        
  
#maincontent {
     background-image:url("../mundharmonika lernen images/verlauf01a.jpg");
	 background-repeat: repeat-y;
     float:right;
     width: 830px;
     margin-top:0px;
     padding-top:0px;
	 
    
}


* html #maincontent {width:800px; padding-bottom:25px;}


#centercontent {
	 
	 
	 position:relative;
	 color:black;
	 float:left;
	 width:520px;
	 padding-left:40px;
	 padding-right:45px;
	 margin-left:15px;
	 margin-top:15px;
	 margin-bottom:25px;
	 background-color:#fff;
	 min-height:1500px;
	 
	
	
}


* html #centercontent {width:520px;margin-top:10px;height:600px;}


	
#centercontent h1 {
	 font-family:Helvetica, sans-serif;
	 background-color:#f9e7c3;
	 color: black;
	 font-size:16px;
	 line-height:18px;
	 padding-left:10px;
	 padding-bottom:5px;
	 padding-top:5px;
}

#centercontent h2 {

	 color:black;
	 font-size:14px;
	 line-height:14px;
	 font-weight:bold;
	 margin-bottom:10px;
	 

}


* html aus ul {width:50px; padding:0px;}


#aus ul {
float:right;
width:284px;
line-height:21px;
padding-right:20px;
padding-left:10px;
font-family:Helvetica, sans-serif;
text-align:left;
border-left:1px solid #f9e7c3;
margin-bottom:20px; }

#aus ul li {
list-style-type:none;}


#aus1 ul {
float:left;
width:254px;
line-height:21px;
padding-right:20px;
padding-left:10px;
font-family:Helvetica, sans-serif;
text-align:left;
border-left:1px solid #f9e7c3;
margin-bottom:20px; }

#aus1 ul {
list-style-type:none;}

#aus2 ul {
float:left;
width:284px;
line-height:21px;
padding-right:20px;
padding-left:10px;
font-family:Helvetica, sans-serif;
text-align:left;
border-left:1px solid #f9e7c3;
margin-bottom:20px; }

#aus2 ul {
list-style-type:none;}

#aus-start ul {


line-height:21px;
padding-right:20px;
padding-left:10px;
font-family:Helvetica, sans-serif;
text-align:left;
border-left:1px solid #f9e7c3;
border-right:1px solid #f9e7c3;
margin-bottom:20px; }

#aus-start ul li {
list-style-type:none;}	

* html select {width:140px;}

select { 

width:140px; 
background-color:#f9e7c3; 
font-size:10px; 
font-family:Arial,sans-serif;
border-bottom:1px solid #000;
border-right:1px solid #000;
}


#aus option, #aus1 option, #aus2 option{padding:0px 0px 2px 5px;}


#centercontent #bild {width:200px; height:161px;float:right;padding-right:5px; }
#centercontent #bild1 {width:220px;float:right;padding-right:5px;margin-top:18px;}
#centercontent #bild img{border:2px solid #c7b89b;margin-bottom:20px;}
#clear{clear:both;}
#ending{clear:both;background-color:#f9e7c3;height:10px;margin-bottom:15px;}

#hauptheadline {

	 border-bottom: 1px solid #a5ce56;
	 display:inline;
	 position:absolute;
	 padding:0px 0px 0px 0px;
	 left:47px;
	 top:5px;
	 font-family:Verdana, Arial, Helvetica, sans-serif;

}


#text02 {
    
     float:right;
   	 width:121px;
	 
	
}
	
	
* html #text02{width:121px;}


#footer {
    
	 width:830px;
	 background-color:#ddd;
	 padding: 0px 0px 2px 0px;
     border-top: 1px solid #000;
     clear:both;
	 text-align:center;
	
}


#footer li{
	
	
	 display: inline;

}	


#footer a {

	 padding-right:1px;
	 padding-left:1px;
	 color:#000;
	 font-size:.8em;
	 
}


#footer a:hover {

	 
	 color:#fff;
	 font-size:.8em;
	 border:none;


}

#linkblockaufbau{

margin-left:15px;
margin-top:0px;}


   
   /* ==================================
   4. Sonstige Styles 
   =============================== */
   
   /*=====================*/
   /* Das Kontaktformular */
   /*=====================*/
   
   
   /* ======================
   Das Kontaktformular */
   /* ==================================
     
   /* ======================
   Die Galerie*/
   /* ==================================*/
     
     
   /*ENDE DES STYLESHEETS 
   =============================== */