/* BASIC */



html, body          {   margin:10px;
                        background-color:#AAAAAB;
                        font-size:10px;
                        font-family:sans-serif;
                        
                        scrollbar-base-color:#E3E3DB;
                        scrollbar-3dlight-color:#666666;
                        scrollbar-arrow-color:#666666;
                        scrollbar-darkshadow-color:#FFFFFF;
                        scrollbar-face-color:#E3E3DB;
                        scrollbar-highlight-color:#FFFFFF;
                        scrollbar-shadow-color:#666666;
                        scrollbar-track-color:#EFEFEF;
                    }

a:link.box3,
a:visited.box3   {   color:#999999; text-decoration:none; }
a:hover.box3     {   color:#560013; text-decoration:none; }
a:active.box3    {   color:#560013; text-decoration:none; }


h1                  {   font-weight:normal; font-size:14px; color: #B5B5B0; line-height:20px; }
h3                  {   font-weight:normal; font-size:12px; color: #B5B5B0; line-height:15px; }
a.h6                {   font-weight:normal; font-size:9px; color: #666666; }
p.bodytext          {   font-family:verdana,arial,helvetica,sans-serif; 
                        font-weight:normal; font-size:10px; line-height:16px; color: #333111;}

font               {   font-size:10px; color: #989988; font-weight:normal; }
                        
p.kontakt          {   font-family:verdana,arial,helvetica,sans-serif; 
                        font-weight:normal; font-size:10px; line-height:13px; color: #333111;}
                                                
p.textgrau          {   font-family:verdana,arial,helvetica,sans-serif; 
                        font-weight:normal; font-size:10px; color: #777777;}

li                    {   font-family:verdana,arial,helvetica,sans-serif; 
                        font-weight:normal; font-size:10px; line-height:16px; color: #333111;}
  
 .impressum      {   font-weight:normal; font-size:9px; color: #555555; line-height:14px; }  
                   
                    

/* UNTERGRUPPEN */

a                   {   color:#333111; text-decoration:none; }
a:hover             {   color:#560013; text-decoration:none; }

a:link.content,
a:visited.content,
a:active.content      {   color:#974011; text-decoration:underline; }
a:hover.content       {   color:#999999; text-decoration:none; }

a:link.mehr,
a:visited.mehr,
a:active.mehr      {   color:#974011; font-weight:bold; font-size:9px; text-decoration:none; }
a:hover.mehr       {   color:#6E3110; font-weight:bold; font-size:9px; text-decoration:none; }







/* CONTAINER */


#container 
                    {   
                        width:970px;
                        float:left;
                    }


#top                {   width:970px;
                        text-align:left;
                        bottom: 0px;
                    }

#spacer                {   width:970px; height:3px; margin:0; float:left; 
                    }
                    
                    
#navibox            {   width:763px;
                        background-color: #CECECC;
                        float:left;                        
                    }
                    
                    
#logo               {   position:relative;
                        width:206px; height:67px;
                        text-align:right;
                        float:left;
                    }
                    



                    
#navi01             {   width:152px;
                        float:left;
                        background-color: #FFFFFF; 
                        overflow:hidden;
                    }

#box1               {   color: #666666;
                        font-size:12px;
                        font-weight:bold;
                        text-align:right;
                        height:31px;
                        border-top:1px solid #E5E2DC;
                        border-right:1px solid #E5E2DC;
                    }
#box2               {   color: #666666;
                        letter-spacing:0.1em;
                        font-weight:bold;
                        border-top:1px solid #E5E2DC;
                        border-right:1px solid #E5E2DC;
                        padding-left:10px;
                        padding-top: 3px; padding-right: 1px; padding-bottom: 1px;
                    }

#box3               {   color: #999999;
                        letter-spacing:0.1em;
                        border-top:1px solid #E5E2DC;
                        border-right:1px solid #E5E2DC;
                        padding-left:10px;
                        padding-top: 2px; padding-right: 1px; padding-bottom: 1px;
                    }

div.box3activ       {   color: #560013;
                        background-color:#F3F1EE;
                        letter-spacing:0.1em;
                        border-top:1px solid #E5E2DC;
                        border-right:1px solid #E5E2DC;
                        padding-left:10px;
                        padding-top: 2px; padding-right: 1px; padding-bottom: 1px;
                    }



div.box3            {   color: #999999;
                        background-color:#FFFFFF;
                        letter-spacing:0.1em;
                        border-top:1px solid #E5E2DC;
                        border-right:1px solid #E5E2DC;
                        padding-left:10px;
                        padding-top: 2px; padding-right: 1px; padding-bottom: 1px;
                    }

div.box3hover       {   color: #560013;
                        background-color:#F3F1EE;
                    }




#inhalt             {   
                        width:970px; height:470px;
                        background-color: #FFFFFF;
                        font-family:verdana,arial,helvetica,sans-serif; 
                        font-weight:normal; font-size:10px; line-height:13px; color: #333111;
                        float:left;
                    }



#left               {   
                        width:152px; height:470px;
                        background:url(../images/kreuz-bg.gif) #560013 repeat;
                        vertical-align:top;
                        text-align:left;
                        float:left;
                    }

#punkte             {   
                        width:30px; height:470px;
                        background:url(../images/punkte.gif) repeat-y;
                        vertical-align:top;
                        float:left;
                    }

#content            {   
                        width:410px; height:470px;
                        vertical-align:top;
                        float:left;
                    }


#cont1            {     width:410px; height:15px; vertical-align:top; float:left; }
#cont2            {    width:410px; height:430px; vertical-align:top; text-align:left; float:left; overflow:auto; }
#cont3            {     width:410px; height:25px; vertical-align:top; float:left; }
#cont4            {    width:410px; height:455px; vertical-align:top; text-align:left; float:left; overflow:auto; }  
                    
#leer             {   
                        width:15px; height:470px;
                        float:left;
                    }
                    
#bild            {   
                        width:355px; height:470px;
                        vertical-align:top;
                        float:left;
                    }

#rahmen          {    width:355px; height:432px; background-color: #BABABA; vertical-align:top; float:left; }
#ra1            {    width:355px; height:340px; background-color: #3F3E42; vertical-align:top; float:left; }
#ra2            {    width:351px; height:90px; background-color: #BABABA; float:left; margin-left:4px; overflow:auto; }