/* ===================================
Stylesheet der "Template"  
 
Stand: Absolute Positionierung des Slogans im Kopfbereich
Datei: bildschirm.css 
Datum: 06. September 2007
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: #fff ;
    background-color:white;
    
    color:black;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: small;
  
    }
    
html{ height:101%;
background-color:white;}







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


}



a:hover, 
a:focus { 
  border-bottom: 1px solid #FFFFFF; 
} 

 



/* ================
    Klassen und IDs    */
   
.skiplink {
  position: absolute; 
  top: -5000px; 
  left: -5000px; 
  width: 0;
  height: 0; 
  overflow: hidden; 
  display: inline;
}
   
.bildlinks{
    float: left;
    padding: 3px;
    margin-right: 20px;
    
    
}

.bildrechts{
    float: right;
    padding: 0px;
    
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    
    
}

.clearing{
    
    clear:both;
    
}

.flashnavi{
    
  border-left:1px solid #ccc;
   
	width:109px;
  
    
    
}
 




   

/* ==================================
3. Styles für Layoutbereiche 
=============================== */
   
   

   






#wrapper{
    
   
	
	width:720px;
    margin: 20px auto;
    padding-top:0px;
    
    
    
    background-image:url("../images/verlauf01.jpg");
    background-repeat: repeat-y;
}
#header {
    
    position:relative;
	background-image:url("../images/header.jpg");
    background-repeat: no-repeat;
    background-color:white;
    height: 107px;
    padding-bottom:5px;
   
}



#navi{
    
	position:relative;
    top:0px;
	right:-1px;
	text-align: right;
   	font-family: Verdana;
    font-weight:bold;
    
}
* html #navi {right:-6px;}

        #navi ul{
            
        margin-bottom: 0em;
            
        }
        
        
        #navi li{
        
        display: inline;
        list-style-type:none;
        margin-left:0em;
        margin-right:-1px;
        
       
        
        }
         
        #navi a,
        #navi span {
            
            font-size:1em;
            background-color:#a4cf57;
            color:black;
            padding: 0px 3px 1px 4px;
			border: 2px solid white;
            
        
        }
        
        
        #navi a:hover{
            
        background-color:#a4cf57;
        color:white;
        border: 2px solid white;
		
            
            }
        
        
        #startseite #navi01 span,
        #kontakt    #navi02 span,
        #impressum  #navi03 span,
		#lexicon  	#navi04 span
        
        {
        background-color: #a4cf57;
        color: white;
        
		
      
        
        
        }
        
  

            
#maincontent{
    
   
   
    
    
	float:right;
    width: 610px;
    margin-top:0px;
    
	padding-top:0px;
    
}

* html #maincontent {width:604px;}

#text01 {
    
    /*border:1px solid black;*/
	position:relative;
	color:black;
    float:left;
    width:420px;
    padding-top:48px;
    padding-left:0px;
	margin-top:0px
	
	
}
* html #text01 {width:414px;}


	
#text01 h1{
	
	font-size:.8em;
}
* html #text01 h1 {font-size:0.9em;}


#text01 h2,h3{

	color:black;
	font-size:1em;
	padding-left:10px;
	margin-bottom:35px;
	font-weight:bold;
	margin-left:47px;
	

	}
	
* html #text01 h2 {font-size:1.2em;}





#text01 img{
	margin-left:32px;
	margin-bottom:10px;
	
	padding: 10px 0px 35px 0px;
}
 

#text01 p{
    
	margin-top:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
    padding: 0px 5px 40px 10px;
    margin-left:0px;
	margin-right:0px;
	margin-bottom:0px;
	margin-top:0px;
	line-height:2em;
	
    
}
#text01 ul{
	
	margin-left:47px;
	margin-top:-20px;
	margin-right:0px;
	
	margin-bottom:20px;
	border-left:1px solid #a5ce56;
	
	}
	* html #text01 ul {width:364px;}
	

#text01 ul p{
	
margin-top: 10px
	}



#text01 li{
	margin-top:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding: 0px 5px 20px 10px;
	padding-top:0px;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	margin-bottom:0px;
	line-height:2em;
	list-style-position: inside;
	list-style-type:square;
	
	   
}



#liste a{

display:inline;
color:black;
}

#liste a:hover{

color:black;
border-bottom: 1px solid black;
}

#liste a span{
font-size:.8em;;
}
	
* html #liste a span {font-size:0.6em;}

#text01 ul img{
float:right;
padding: 0px 0px 0px 0px;
margin-top: 18px;
margin-left:0px;
border: 2px solid #7AA330;
height:119px;
width:79px;
}

.steiftxt{

width:260px;

}

* html .steiftxt {width:240px;
list-style-type:none;
}

#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:181px;
	
	
    }
	
	* html #text02{width:175px;}

#text02 ul{

margin-left: 40px;
margin-top: 25px;
margin-bottom: 15px;
}
	

#links{
	width:120px;
	margin:5px;
	padding:2px;
	background-color:#DAEBBC;
	position:absolute;
	color:black;
	left:570px;
	list-style-type: none;
	border: 1px dashed #a5ce56; 
	
	}
	
	* html #text02{width:84px;}




#footer{
    
	background-image:url("../images/verlauf02.jpg");
	background-color:#ddd;
	padding: 0px 0px 2px 0px;
    border-top: 1px solid #a5ce56;
    margin-top:0px;
    clear:both;
	

}




#footer li{
	
	
	display: inline;
}	



#footer a{

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


#footer a:hover{

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


}




   
   /* ==================================
   4. Sonstige Styles 
   =============================== */
   
   /*=====================*/
   /* Das Kontaktformular */
   /*=====================*/
   
   
 
   
   form{
   
   
   border: 1px solid black;
   width:368px;
  }
   
   * html form{width:362px;}
   
   
   
   
   fieldset{
   border: 1px dashed #a4cf57;
 
  }
   
   
   
   

    
    textarea{
	
	
	}
	
    
        
        
    input#absender:focus,
    textarea:focus {
        
        background-color:#EEFFEE;
        color:#000000;
    }
        
    
   
   
   
   /* ======================
   Das Kontaktformular */
   /* ==================================
     
     
 /* ======================
   Die Galerie*/
   /* ==================================*/
     
     * html div.galerie { height: 1%}
     
     div.galerie {
      
      overflow:hidden;
      background-color: #eee;
      color: black;
      padding: 10px;
      padding-top: 25px;
      border: 1px solid black;
      margin: 0 10px 10px 0;
      
    }
    
    div.galerie  img{
      
      
      float:left;
      margin-right: 15px;
      
    }
    
     
     
     
     
     
   /*ENDE DES STYLESHEETS 
   =============================== */