body {font-family:Verdana,Arial,Helvetica; text-decoration:none; }

td { min-width: 10px;  max-width:200px; font-family : Calibri,Verdana,Arial,Helvetica,sans-serif; color :#202020; font-size : 13pt;}
 
table {border-collapse: collapse;}


A:link      {color : #2D2F21; text-decoration: none; font-size : 14pt; font-family : Calibri,Verdana,Arial,Helvetica,sans-serif; }
A:visited   {color : #2D2F21; text-decoration: none; font-size : 14pt; font-family :Calibri, Verdana,Arial,Helvetica,sans-serif; }
A:hover     {color : #2D2F21; text-decoration: none; font-size : 14pt; font-weight : bold; font-family : Calibri,Verdana,Arial,Helvetica,sans-serif; }
A:active    {color:  #2D2F21; text-decoration: none; font-size : 14pt;} 


A.navigation:link      {color : #060b81; text-decoration: none; font-size :12pt; font-family : Calibri,Verdana,Arial,Helvetica,sans-serif; }
A.navigation:visited   {color : #060b81; text-decoration: none; font-size :12pt; font-family : Calibri,Verdana,Arial,Helvetica,sans-serif; }
A.navigation:hover     {color : #060b81; text-decoration: none; font-size :12pt; font-weight : bold; font-family : Calibri,Verdana,Arial,Helvetica,sans-serif; }
A.navigation:active    {color:  #060b81; text-decoration: none; font-size :12pt; font-family : Calibri,Verdana,Arial,Helvetica,sans-serif; } 


h1 {font-family : Calibri,Verdana,Arial,Helvetica,sans-serif;  font-size: 20pt; }
h2 {font-family : Calibri,Verdana,Arial,Helvetica,sans-serif;  font-size: 16pt; }
h3 {font-family : Calibri,Verdana,Arial,Helvetica,sans-serif;  font-size: 15pt;}
h4 {font-family : Calibri,Verdana,Arial,Helvetica,sans-serif;  font-size: 14pt;}
h5 {font-family : Calibri,Verdana,Arial,Helvetica,sans-serif;  font-size: 13pt;}


.rahmen {position:absolute; width:90%; height:500%; z-index:35; 
         background-color:#c6d9f1;    
         overflow:visible; left:5%; top: 20px;}  		

.head {position:absolute; width:1024px; height:96px; z-index:35; overflow:hidden;  visibility:hidden;                
                 left:0px; top: 0px;}  		

.logo_bild {position:absolute; width:180px; height:180px; z-index:80; 
                background-color:transparent;			   
                left:4%; top: 60px;}  

.quadrat_bild_1 {position:absolute; width:148px; height:148px; z-index:70; overflow:visible; 
                  background-color:#1865c8;
                  left:3%; top: 50px;}  
				 

.logo {position:absolute; width:70%; height:50px; z-index:80; 
                font-weight:bold;
			    font-family :Verdana,Arial,Helvetica,sans-serif;  font-size: 20pt; color:#FFF0CD;
                left:25%; top: 64px;}  		

.menu {position:absolute; width:26%; height:80%; z-index:100; overflow:visible;
                layer-background-color:#c6d9f1; background-color:#c6d9f1;    
                left:0; top: 300px;}

.menu_back {position:absolute; width:26%; height:80%; z-index:95; overflow:visible;
                background-color:#c6d9f1;    
                left:0; top: 280px;}

.balken_grau {position:absolute; width:26%; height:100; z-index:10; overflow:visible; 
                    background-color:#8db3e2;
                    left:76%; top: 0px;} 

.quadrat_gr_rechts {position:absolute; width:74%; height:200%; z-index:90; overflow:visible; 
                    font-size : 11pt; color:black; background-color:white;
                    left:26%; top: 290px;}  		

.quadrat_gr_back {position:absolute; width:100%; height:120%; z-index:8; overflow:visible; 
                    font-size : 11pt; color:black; background-color:#9c9b24;
                    left:0; top: 290px;}  		




.balken_gr_oben {position:absolute; width:74%; height:60px; z-index:39;                
                 left:26%; top: 50px; background-color:#1865c8;}  	

.bild {position:absolute; width:74%; height:194px; z-index:50; overflow:hidden;                 
                 left:26%; top: 110px;  background-color:#8db3e2;  background-image: url(../pics/hintergrund8.png);}  


.rechteck_unten {position:absolute; width:74%; height:10px; z-index:100;   background-color:#1865c8;              
                 left:26%; top: 289px;}  		




.content_back {position:absolute; width:400px; height:1000px; z-index:20; overflow:visible; 
                 visibility:hidden; font-size : 11pt; color:black;                 
                 left:400px; top: 96px;}  		

.content {position:absolute; width:400px; height:1000px; z-index:90; overflow:visible; 
                 visibility:hidden; font-size : 11pt; color:black;
                  layer-background-color:transparent; background-color:transparent;
                 left:400px; top: 96px;}  		


.grosses_Bild {position:absolute; width:400px; height:1000px; z-index:9000; overflow:visible; 
                 visibility:hidden; font-size : 11pt; color:black;
                  layer-background-color:transparent; background-color:black;
                 left:400px; top: 96px;}  		


.linke_Seite{position:relative; width:25%;  z-index:0; overflow:visible; 
              font-size : 11pt; color:black;padding:10px;              
              left:27%; top: 0px; }

.rechte_Seite {position:relative; width:30%;  z-index:0; overflow:visible; 
               font-size : 11pt; color:black; padding:10px;            
               left:0; top: 0px;}

.karten {position:absolute; width:150; height:250; z-index:0; visibility:visible; 
              padding:0px;    background:transparent;        
               left:0; top:0px;}


.clsCBE {position:relative; background: #cbcfcf; overflow:visible; z-index:10;
         height: 1px; width: 1px;   left:0px;  top: 0px;  
         visibility: hidden;  }



td.tab {cellpadding:4pt; height:20pt;}
td.aktuelles {cellpadding:4pt; cellspacing:0pt; border-bottom: 1px solid black; border-left: 1px solid black; border-right: 1px solid black;border-top: 1px solid black;}
td.aktuell_1 {cellpadding:0pt; background:#d9dee7; border: 2px solid white;  border-bottom: 0px;}
td.aktuell_2 {cellpadding:4pt; background:#f3f4f7; border: 2px solid white;}
td.linie {cellpadding:4pt; cellspacing:0pt; border-bottom: 10px solid black; border-left: 0px solid black; border-right: 0px solid black;border-top: 0px solid black;}
td.monat {color:blue;}


input.del  { width:248px;
               height:25px;
               background-color:#A0001E;
               color:black;
               border-left: 1px solid #A0001E;
               border-bottom: 1px solid white;
               border-right: 1px solid #A0001E;
               border-top: 1px solid white; }

td.main   {color:black;font-weight:bold; }
td.light  {color:#060b81; }


.map_convas {position:absolute; width:74%; height:200; z-index:95; 
              left:20%; top: 320px;}  
			 
.control_panel {position:absolute; width:74%; height:200; z-index:95; 
              left:20%; top: 320px;}  


/* Overlay Animation*/
/*************************************************************************/

.bild_frame {
  position: relative;
 left: 00px;  top:00px; 
 width: 600px; height:600px;
 overflow:hidden;
}


.box {
  position: relative;
  width: 100%;
  transform: scale(1);
  transition: 0.6s ease-in-out;
}

/* Make the picture to responsive */
.picture {
  width: 100%;
  height: auto;
}


/* Some text inside the overlay, which is positioned in the middle vertically and horizontally */
.text_white {
  color: white;
  font-size: 30px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}

.box:hover .text_white{ 
  visibility:hidden;
}



/* The infooverlay effect (full height and width) - lays on top of the box and over the picture */
.infooverlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: white;
  overflow: hidden;
  width: 100%;
  height: 100%;
   font-size: 0.2em;
  visibility:hidden;
  transform: scale(1); 
  opacity: 0.8;
 
 
}

/* When you mouse over the box, the infooverlay text will "zoom" in display */
.box:hover .infooverlay {
  visibility:visible;
  opacity: 0.8;
}

.box:hover {
  transform: scale(1.5);
  transition: 0.6s ease-in-out;
 
}
r2 {color:black; font-family : Rama Gothic E W01 SemiBold, Calibri,Verdana,Arial,Helvetica,sans-serif;  font-size: 1.1em;}

/* Some text inside the overlay, which is positioned in the middle vertically and horizontally */
.overlay_text {
  color: black;
  font-size: 3.4em;
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;

}


/* Buttons Links Seitennavigation / Sidenav*/
/*************************************************************************/

.cbe_A {position:fixed; display: block;  visibility:visible;
      width:40px; height:40px; z-index:39;  opacity:0.8;   padding-top:0px;           
                 left:97%; top:35%; background:white;  text-align:center;}

.clsCBE1 {position:fixed; display: block;  visibility:visible;
      width:40px; height:30px; z-index:39;  opacity:0.8;   padding-top:12px;           
                 left:97%; top:35%; background:white;  text-align:center;}

.clsCBE2 {position:fixed;   visibility:hidden;
      padding:5px;
      width:300px; height:30px; 
	  display: inline-block;
      white-space: nowrap;
	  background:white;
	  padding-top:12px;
	  padding-left:12px; 	
      font-size:1em;}