/*  Standard CSS Document */

body      {background-color: #FFFFCC ;   font-size:small }
*         { font-style: italic; font-family: "Times New Roman", Times, serif;}
.bg_gruen { background-color: #00FF00; } .bg_gelb  { background-color: #FFFF00; } 
.bg_lila  { background-color: #979E71; } .bg_braun { background-color: #FF950E; }

.nobr	  { white-space:nowrap; } .co_rot  { color: #FF0000; }
.DisI     { display:inline; }  .Dis { display:none; } .fsm { font-size:medium } .fsl { font-size:large }

.fl       { float: left;} .fr { float: right;} .fn { clear: both;} .fwb  { font-weight: bold; }
.w20 { width: 20%;} .w60   { width: 60%;} .w90 { width: 96%;} .tc { text-align: center; }
.Rand     { background-color: #979E71; } .dc { margin-left: auto; margin-right: auto; }
#fr_oben  { margin-left: auto; margin-right: auto; border: 0;	overflow: hidden; height: 140px; width:  100%;}
#fr_aktu  { margin-left: auto; margin-right: auto; border: 0;	overflow: hidden; height: 60px;  width:  100%;} 
#top      { width:  100%; padding: 0; margin: 0;  height: 140px;  top: 0px;   left: 0px;    position: absolute;  z-index:5;}  			
#left     { width:  100%; padding: 0; margin: 0;  height:  60px; bottom: 0px; left: 0px;    position: fixed;	 z-index:4;}      		
#main     { width:  100%; padding: 0; margin: 0;  height: 100%;  top: 130px;  border: 0px solid #979E71;  position: relative;  z-index:2; } 
#div_t    { position: fixed;   right:  200px ;    top:  10px;  width: 50px; height:  50px; z-index:8;  display: none;}    
.button_r { border-radius: 50%; width: 1.5em; height: 1.5em; line-height: 2em; padding: 0.5em; 
                    text-align: center; font-size: 1.6em; font-weight: bold; background-color: rgba(235,235,235,0.8);}
					
@media screen and (min-width:  800px) { #left , #fr_aktu  { height: 30px ; }  }	

@media screen and (min-width: 1200px) {
#div_t      { margin-right: calc(50% - 590px);}
#main       { width:  1175px;  left: 0;  right: 0; margin: auto; border: 10px solid #979E71; }  	
#left , #fr_aktu , #top  { width: 1200px;             left: 0;  right: 0; margin: auto; }    
#top  { width: 1200px;  top: 0px; left: 0px;  right: 0; margin: auto; }    }

