html, body {
    background-color:#acacac; 
	padding:0px;
	margin:0px;       	
    }

#page {
    width: 990px;
    height: 615px;    
    margin:auto;
    margin-top: 15px;
    background-image: url(images/background/hintergrund.jpg); 
    background-repeat: no-repeat;
    font-family: 'Ubuntu', Verdana, sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 18px;
    color: #191919;    
    } 
    
#header {
    width: 966px;
    height: 60px;
    margin-top: 13px;
    margin-left: 12px;
    margin-right: 12px;
    float: left;
    }

#header img {
    width: 175px;
    height: 35px;
    padding-top: 17px;
    padding-left: 48px;
    border: none;
    }
    
#navi {
    width: 250px;
    height: 354px;
    margin-left: 12px;
    float: left;    
    } 

#navi ul {
    margin: 0px;
    padding: 0px;
    padding-top: 51px;
    padding-left: 62px;
    }

#navi li {
    margin: 0px;
    padding: 0px;
    padding-left: 17px;
    padding-bottom: 4px;
    width: 100px;
    list-style: none;
    display: block;
    }
    
a   {
    outline: none;
    }    

#navi li a{
    display: block;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    text-decoration: none;
    color: #717171;
    outline: none;
    }

#navi li a:hover, a:active{
    text-decoration: none;
    color: #313131;
    }

#navi li ul{
    margin: 0px;
    padding: 0px;
    }

#navi li ul li{
    margin: 0px;
    padding: 0px;
    padding-left: 25px;
    width: 120px;
    list-style: none;
    display: block;  
    } 
    
#navi li ul li a{
    display: block;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    text-decoration: none;
    color: #717171;
    outline: none; 
    }

#navi li ul li a:hover, a:active{
    text-decoration: none;
    color: #313131;
    }
    
#active_gallery {
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    text-decoration: none;
    color: #313131;
    }   
            
#navi_active {
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    text-decoration: none;
    color: #313131;
    }        
           
#content_main {
    width: 456px;     
    height: 354px;
    margin-left: 50px;
    padding-left: 30px;
    padding-right: 110px;       
    background-image: url(images/sub/bild_1.jpg);   
    background-repeat: no-repeat;
    float: left;    
    }
    
#content_text {
    width: 526px;
    height: 290px;  
    padding-right: 29px;
    line-height: 18px;   
    overflow: auto;
    } 
             
#content_aktuelles {
    width: 456px;     
    height: 354px;
    margin-left: 50px;
    padding-left: 30px;
    padding-right: 110px;
    background-image: url(images/sub/bild_2.jpg);  
    background-repeat: no-repeat;
    float: left;
    }
    
#content_vita {
    width: 456px;     
    height: 354px;
    margin-left: 50px;
    padding-left: 30px;
    padding-right: 110px;     
    background-image: url(images/sub/bild_3.jpg);   
    background-repeat: no-repeat;
    float: left;
    }
    
#content_kontakt {
    width: 456px;    
    height: 354px;
    margin-left: 50px;
    padding-left: 30px;
    padding-right: 110px;
    background-repeat: no-repeat;
    float: left;
    }  
    
#content_impressum {
    width: 456px;     
    height: 354px;
    margin-left: 50px;
    padding-left: 30px;
    padding-right: 110px;
    background-image: url(images/sub/bild_7.jpg);     
    background-repeat: no-repeat;
    float: left;
    } 
    
#content_datenschutz {
    width: 456px;     
    height: 354px;
    margin-left: 50px;
    padding-left: 30px;
    padding-right: 110px;
    background-image: url(images/sub/bild_8.jpg);    
    background-repeat: no-repeat;
    float: left;
    }
    
#content_gallery {
    width: 586px;    
    height: 272px;
    padding-top: 18px;
    margin-left: 50px;
    margin-right: 10px;
    margin-bottom: 64px;
    float: left;
    overflow: hidden;
    }                          
    
h3 {
    padding-top: 0px;
    padding-bottom: 2px;
    font-size: 18px;
    line-height: 14px;
    font-weight: 400;
    } 
    
.yellow {
   color: #d2a915;  
    } 
                              
#quote {
     width: 200px;
     height: 147px;
     margin-left: 12px;
     padding-left: 50px;
     padding-top: 7px;
     font-size: 12px;
     font-weight: 300;
     color: #3f3f3f;
     float: left;
    }
    
.abstand_5 {
    padding-left: 5px;
    } 
    
.right_27px {
    padding-right: 27px;
    float: right;
    }          

#scroll {
    width: 706px;     
    height: 153px;
    padding-top: 7px;
    padding-left: 10px;        
    float:left; 
    }   
        
.scroll_sign img {
    padding-top: 22px;
}

.scroll_sign_right  {
    width: 65px;
    padding-left: 12px;
    float: right;
    }

.scroll_sign_right img {
    padding-top: 22px;
    }

#thumbs { 
    width: 591px; 
    margin-left: 0px;
    overflow: hidden;
    white-space:nowrap;
    float: right;
    }

#thumbs a :hover    {
    opacity: 1;
    }

#thumbs img {
    border: 2px solid #ffffff;
    opacity:0.5;
    filter:alpha(opacity=50);    
    }
    
.abstand_right_77 {
    margin-right: 77px;
    }    

#panorama {
    width: 588px;
    padding-right: 80px;
    float: right;
    }
    
#panorama img{   
    border: 2px solid #ffffff;
    }    
                
#footer {
    width: 670px;     
    height: 20px;
    margin-left: 12px;
    margin-top: 5px;
    padding-left: 297px;         
    font-size: 12px;
    font-weight: 400;
    color: #717171;
    float: left;
    }  

#footer a {
    text-decoration: none;
    color: #717171;
    outline: none;    
    }

#footer a:hover, a:active {
    text-decoration: underline;
    color: #717171;
    }
    
#underline {
    font-size: 12px;
    color: #717171;
    text-decoration: underline;
    } 
    
.abstand_2 {    
    padding-left: 2px;
    }    

.abstand_10 {
    padding-left: 10px;
    }      
                     
.abstand_20 {
    padding-left: 24px;
    }
    
.abstand_113 {
    margin-left: 113px;
    }

a {
    outline: none;
    color: #191919;
    }
    
a:link {
    text-decoration: underline;
    color: #191919;         
    }

a:hover {
    text-decoration: underline;
    color: #191919;
    }

.input{ 
    margin-top: 2px;
    border: 1px solid #e4e4e4; 
    }  

.input:focus, textarea:focus {
    border: 1px solid #FFE35E;
    }   

textarea {
    margin-top: 2px;
    border: 1px solid #e4e4e4;
    }  
     
input.button { 
    width: 90px;
    height: 22px;
    background-color: #f0f0f0 ;
    padding: 0px;
    outline: none;  
    border: 1px solid #a5a5a5;
    }

input.button:focus {  
    outline: none; 
    padding: 0px;
    background-color: #FFE35E;
    }

input.button:hover {
    outline: none; 
    padding: 0px;
    background-color: #FFE35E;
    } 
    
.fl_right { 
    float: right;
    padding-right: 80px;
    }       
   
.left {
    float: left;
    }

.right  {
    float: right;
    }

.gallery_eins_left {
    width: 320px;
    margin-right: 20px;    
    float: left;
    }

.gallery_zwei_left {
    width: 340px;
    margin-right: 20px;
    float: left;
    }

.gallery_drei_left {
    width: 335px;
    margin-right: 20px;
    float: left;
    }

.gallery_vier_left {
    width: 202px;
    margin-right: 20px;
    float: left;
    }
        
.abstand_links_10 {
    padding-left: 20px;
    }

.f_size_18 {
    font-size: 18px;
    font-weight: 400;
    }
    
.sp_protect  {
  display: none;
    }