html, body   {font-family:arial; font-size:12px; text-align: center; color:#323232;      }
    

           a:link { text-decoration:none; color:#237CB2; }
           a:visited { text-decoration:none; color:#237CB2 }
           a:hover { text-decoration:none; color:#D6D7D9; }
                                   
           
         
         

#site {
     width:850px; height: 900px; position:relative; padding-top: 30px; background-color: #FFFFFF; margin: auto; box-shadow: 8px 8px 8px #323232; border: 1px solid #666;

}

    #navi, #navi ul { list-style-type:none; margin:0; padding:0px; } 
	
	#navcontainer { height:22px; position:relative;left: 0px; top:102px; background-color: #237CB2;}
		
	#navi { position:absolute; }
		
	#navi > li {width:170px; float:left; } 
		
	#navi > li { height:24px; overflow:hidden} 
	#navi > li:hover { height:auto; overflow:visible; } 	
		                                                                                                         
	#navi a { font-weight:bold; text-align:center; display:block; height:20px; width:128px; padding:2px; }
	#navi a:link, #navi a:visited { color:#D6D7D9; background:none; text-decoration:none; }
	#navi a:active, #navi a:hover { color:#323232; background:none; text-decoration:none; }
	
	
	#content-navicontainer {
    left:0px; top:180px; height: 735px; width: 150px; position: absolute; background-image: url(../Pictures/Style/leftbar2.jpg)
                                                                                                                                            }
    #content-navi { margin: 0px; padding-top: 150px; padding-left: 10px; padding-right: 0px; text-align: left; list-style: none;
        
    } 
    
    #content-navi ul {list-style-type:none; margin: 0px; padding-top: 0px; padding-left: 0px; padding-right: 0px; text-align: left;  }      
    #content-navi a { font-weight: bold; text-align:center; color: #D6D7D9; }
	#content-navi a:link, #content-navi a:visited { color:#D6D7D9; background:none; text-decoration:none; }
	#content-navi a:active, #content-navi a:hover { color:#323232; background:none; text-decoration:none; }    
    #content-navi li { width:170px; float: none; margin-top: 6px;  list-style: none;}     
    #content-navi ul li ul{ width:170px; float: none; margin-top: 6px; padding-left: 10px; list-style: none;}
            
    
    #galerie {
         left:170px; top:230px; height:670px; position: absolute; width: 640px;  right: 40px;
         text-align: justify; font-size: 14px; line-height: 1.7; overflow: visible;
         
     }
     #galerie li {
        list-style-type: none;
        float: left;
        margin: 5px 5px 0px 0px;
        text-align: center;
        position: relative;
        overflow: visible;
    }

    #galerie img {
        width: 180px;
        height: 125px;
        display: block;
        padding: 0px;
        border: solid thin; border-color: #D6D7D9;
        overflow: hidden;
        
    } 
    
    #galerie a .gross {
        display: none;
        overflow: hidden;
    }
    
    #galerie a:hover .gross {
        width: 360px;
        height: 250px;
        display: block;
        position: absolute;
        border: solid;  border-color: #237CB2; border-width: 1.5px;
        top: -50px;
        left: -50px;
        z-index: 1;
        background: #fff;
        overflow: hidden;
    }
    
    #video-galerie {
       left:0px; top:30px; height:600px; position: absolute; width: 600px;  right: 0px;
         text-align: justify; font-size: 14px; line-height: 1.7; overflow: visible;
    }
    
    #video-galerie li {
        list-style: none; float: left; margin: 5px 5px 0 0 ;
        text-align: center; position: relative; 
    }
     
     #headline {
         left:170px;top:180px; height: 40px; width: 640px; position: absolute; text-align: right; right:40px; 
     }
     #main {  
         left:170px; top:245px; height:670px; position: absolute; width: 640px;  right: 40px;
         text-align: justify; font-size: 14px; line-height: 1.7; overflow: auto; 
     }
     
    
           
     #main img {
         float: right;
     }
     
     #homecontent {
         top:180px; left:0px;width:850px; height:750px; background-image: url(../Pictures/Style/Home4.jpg) ;  position: absolute;
     }     
         
    #impressum 
     {left:790px; top:10px; width: 50px; height:12px;position: absolute; font-size: 11px; 
   }
     
          #Impressum    a:link { text-decoration:none; color:#323232 }
          #Impressum    a:visited { text-decoration:none; color:#323232 }
          #Impressum    a:hover { text-decoration:none; color:#D6D7D9; }
     
    #german {
    background-image: url(../Pictures/Style/german.jpg);  left:740px; top:10px ;width: 16px; height: 12px; position: absolute;background-repeat: no-repeat
    }

    #english {
    background-image: url(../Pictures/Style/english.jpg); background-repeat: no-repeat;  left:760px; top:10px ;width: 16px; height: 12px; position: absolute;
    }
     
    #header {
         width:850px; background-image: url(../Pictures/Style/background.jpg) ;height:100px;top:30px;position: absolute; text-align: center;  
        
     }
     
     #logo { left: 10px; top: 0px; height:100px; width:547px; position: absolute; background-image: url(../Pictures/Style/logo.jpg); background-repeat: no-repeat;
         
     }
     
     #rad { left: 740px; right: 10px; height: 100px; width: 100px; background-position: center; background-repeat: no-repeat; background-image: url(../Pictures/Style/Rad.png); position: absolute;
         
     }
     
    #footer-container {
                    position:relative; bottom:0; left:0px; right:0; text-align:center; margin:auto;  height:auto; height:auto; top:890px;width:850px ;  font-size: 11px;   
    
    }