/*
77aadd	=> 99FFAA	hellblau	=> hellgrün	z.B. für Inhalte bgcolor, border border:1px #006699 solid
006699	=> 00585D	dunkelblau => dunkelgrün z.B. für Rahmen
FE2E2E = hellrot 
F3F781 = hellgelb
99FFAA = hellgrün
00CC66 = dunkelgrün
3399ff = hellblau	= 51 | 153 | 255 
CCCCCC = hellgrau
*/
/* Layout Klassen */
/* Start für Menüleiste */
.middle{
	display: flex;
	
	margin-left:auto;
	margin-right:auto;
}
/* ###  Spalte Links, Rechts  #################################################### */
left, right{
    float: left;					/* Container werden links "gefloatet" */
    width: calc((100% - 700px) / 2);	/* Bildschirm_breite - (Breite des linken + rechten Bereiches) */	
	
/* Dieser Teil verhindert, das eine Border oder ein Padding, die Box vergrößert. */
    -webkit-box-sizing: border-box;
    -moz-box-sizing:     border-box;
    box-sizing:          border-box;
} 
.center{
    float: left;					/* Container werden links "gefloatet" */
    width: 850px;	/* Bildschirm_breite - (Breite des linken + rechten Bereiches) */			
	
/*	border: 1px solid #e7e7e7;	/* Grau */	
	
/* Dieser Teil verhindert, das eine Border oder ein Padding, die Box vergrößert. */
    -webkit-box-sizing: border-box;
    -moz-box-sizing:     border-box;
    box-sizing:          border-box;
}
.headline {
        background-color:#00585d;
        font-family: arial;
        font-size: 12px;
        color: #ffffff;
        font-weight:bold;
        text-align: center;
        }

/*
.link {background-color:#00585d; color: #FFFFFF;}
.link:hover {background-color:#99FFAA}
*/
.active {background-color:#99FFAA}

/* Allgemeine Klassen */
.error {
        font-family: arial;
        font-size: 16px;
        font-weight: bold;
        color: #FF0000;
}

.success {
        font-family: arial;
        font-size: 14px;
        font-weight: bold;
        color: #009900;
        text-align: center;
}

.success2 {
        font-family: arial;
        font-size: 14px;
        font-weight: bold;
        color: #009900;
        background-color: #FFFFFF;
        text-align: center;
}

.link {
        font-family: arial;
        font-size: 14px;
        font-weight: bold;
        color: #009900;
        text-align: center;
}
.link2 {
        font-family: arial;
        font-size: 12px;
        font-weight: bold;
        color: #009900;
        text-align: center;
}

.link3 {
        font-family: arial;
        font-size: 12px;
        font-weight: bold;
        color: #FF0000;
        text-align: center;
}
.link5 {
        font-family: arial;
        font-size: 12px;
        font-weight: bold;
        color: #000000;
        text-align: center;
}
.link6 {
        font-family: arial;
        font-size: 12px;
        font-weight: bold;
        color: #FFFFFF;
        text-align: center;
}
.link7 {
        font-family: arial;
        font-size: 12px;
        font-weight: bold;
        color: #666666;
        text-align: center;
}

.copyright {
        font-family: arial;
        font-size: 9px;
        background-color: #FFFFFF;
        width: 300px;
        text-align: right;
        padding-top:2px
        }

.address1 {
        font-family: arial;
        font-size: 9px;
        color: #00585D;
        background-color: #FFFFFF;
        }

.address2 {
        font-family: arial;
        font-size: 9px;
        color: #000000;
        background-color: #FFFFFF;
        }

.trmenu {
        background-color:#00585D;
		border-color: #00585D;
/*        font-family: arial;
        font-size: 12px;
        color: #000000;
        font-weight:bold;
         text-align: right;
*/		 
        }
		
.tbl_inhalt {
	background-color:#99FFAA; 
	border-color:1px #99FFAA solid; 
}
		
.trhover {
        font-family: arial;
        font-size: 12px;
        color: #00585d;
        font-weight:normal;
        background-color: #99FFAA;
        }
.trhover1 {
        font-family: arial;
        font-size: 12px;
        color: #ffffff;
        background-color: #99FFAA;	/* hellblau */
        }		
.trhover2 {
        font-family: arial;
        font-size: 12px;
        color: #ffffff;
        font-weight:bold;
        background-color: #00585d;	/* blau dunkelt */
        }
.trhover3 {
        font-family: arial;
        font-size: 12px;
        color: #ffffff;
        font-weight:normal;
        background-color: #CCCCCC;
        }
.trhover4 {
        font-family: arial;
        font-size: 12px;
        color: #ffffff;
        font-weight:normal;
        background-color: #FFFF66; /* hellgelb */
        }
						
.trtext {
        background-color:#cccc99;
        font-family: arial;
        font-size: 12px;
        color: #000000;
        font-weight:normal;		
        }

.trtext2 {
        background-color:#cccccc;
        font-family: arial;
        font-size: 12px;
        color: #ffffff;
        font-weight:normal;
        }
		
.trtext_ge {	/* text rechts bündig, Hintergrundfarbe gelb=yellow = abweichender Wert vorhanden */
        text-align:right;
        font-family:arial;
        font-size:12px;
        color:#000000;
        background-color:#F3F781;		/* #F3F781 = hellgelb  */
		
/*		height:12px;	/* höhe des Formulars */			
        }	

.trtext_rt {	/* text rechts bündig, Hintergrundfarbe rot=red = fehlerhafter Wert vorhanden */
        text-align:right;
        font-family:arial;
        font-size:12px;
        color:#000000;
        background-color:#FE2E2E;		/* #FE2E2E = hellrot */ 	
		
/*		height:12px;	/* höhe des Formulars */				
        }
		
.trtext_gn {	/* text rechts bündig, Hintergrundfarbe grün=green = korrekter Wert vorhanden */
        text-align:right;
        font-family:arial;
        font-size:12px;
        color:#000000;
        background-color:#99FFAA;		/* #99FFAA = hellgrün | #00CC66 = dunkelgrün */ 	
		
/*		height:12px;	/* höhe des Formulars */				
        }
		
.trtext_gr {	/* text rechts bündig, Hintergrundfarbe grau=grey = korrekter Wert vorhanden */
        text-align:right;
        font-family:arial;
        font-size:12px;
        color:#000000;
        background-color:#CCCCCC;		/* #CCCCCC = hellgrau */ 	
		
/*		height:12px;	/* höhe des Formulars */				
        }	
		
.trtext_ws {	/* text rechts bündig, Hintergrundfarbe grau=grey = korrekter Wert vorhanden */
        text-align:right;
        font-family:arial;
        font-size:12px;
        color:#000000;
        background-color:#ffffff;		/* #ffffff = weiß */ 	
		
/*		height:12px;	/* höhe des Formulars */				
        }													

.trrtext {
        background-color:#cccc99;
        font-family: arial;
        font-size: 12px;
        color: #000000;
        font-weight:bold;
         text-align: right;
        }

.tbtext {
        font-family: arial;
        font-size: 14px;
        color: #000000;
        font-weight:bold;
        }

.tdtext {
        font-family: arial;
        font-size: 12px;
        color: #000000;
        font-weight:bold;
        }

.tdtext2 {
        background-color: #FFFFFF;
        font-family: arial;
        font-size: 12px;
        color: #000000;
        font-weight:bold;
        }

.terrtext {
        background-color:#FF0000;
        font-family: arial;
        font-size: 12px;
        color: #000000;
        font-weight:normal;
        text-align: right;
        }
.tdtext3 {	/* Jumbo-Text z.B. Resturlaub */
        font-family: arial;
        font-size: 24px;
        color: #FF8000;
        font-weight:bold;
}		
		
.errtext {
        font-family: arial;
        font-size: 12px;
        color: #ff0000;
        font-weight:bold;
        text-decoration:none;
        }	
				

/* Textformatierung zum Ausdrucken */
/* text mini bold */
.tmbtext {
        font-family: arial;
        font-size: 10px;
        color: #000000;
        font-weight:bold;
                line-height: 10px;
        }

.tmtext {
        font-family: arial;
        font-size: 10px;
        color: #000000;
        font-weight:normal;
                line-height: 10px;
        }
/* Ende Textformatierung zum Ausdrucken */

.tdultext {
        font-family: arial;
        font-size: 12px;
        color: #000000;
        font-weight:bold;
        text-decoration:underline;
        }

.tstext {
        font-family: arial;
        font-size: 12px;
        color: #000000;
        font-weight:normal;
        }
.tstext2 {
        font-family: arial;
        font-size: 12px;
        color: #000000;
        font-weight:normal;
		background-color:#e1e1e1;		
        }		
.tstext3 {
        font-family: arial;
        font-size: 12px;
        color: #000000;
        font-weight:normal;
		background-color:#cccccc;		
        }
.tstext4 {
        font-family: arial;
        font-size: 12px;
        color: #000000;
        font-weight:normal;
		background-color:#FFFF66;		
        }	
.tstext5 {
        font-family: arial;
        font-size: 12px;
        color: #000000;
        font-weight:normal;
		background-color:#FFFF66;		
        }			
				
.tsgtext {
        font-family: arial;
        font-size: 12px;
        color: #666666;
        font-weight:normal;
        }

.txstext {
        font-family: arial;
        font-size: 8px;
        color: #000000;
        font-weight:normal;
        }

.tgstext {
        font-family: arial;
        font-size: 14px;
        color: #666666;
        font-weight:bold;
        }

<!-- #CECECE grau -->
<!-- #E4E4E4 grau -->
.tgrstext {
        background-color:#E4E4E4; 
        font-family: arial;
        font-size: 12px;
        color: #000000;
        font-weight:normal;
        }

.tpdtext {
        font-family: arial;
        font-size: 14px;
        color: #000000;
        font-weight:bold;
        }
.tpstext {
        font-family: arial;
        font-size: 14px;
        color: #000000;
        font-weight:normal;
        }

.tftext {
        scrollbar-highlight-color:#ff0000;
        background-color: #ff0000;
        font-family: arial;
        font-size: 12px;
        color: #000000;
        font-weight:normal;
        }
.tfftext {
        scrollbar-highlight-color:#ff0000;
        background-color: #00f0000;
        font-family: arial;
        font-size: 12px;
        color: #ff0000;
        font-weight:normal;
        }		

.tgtext {
        scrollbar-highlight-color:#ff0000;
        background-color: #00ff00;
        font-family: arial;
        font-size: 12px;
        color: #000000;
        font-weight:normal;
        }
.tgetext {	/* #FFFF66 = hellgelb */
        scrollbar-highlight-color:#ff0000;
        background-color: #FFFF66;
        font-family: arial;
        font-size: 12px;
        color: #000000;
        font-weight:normal;
        }
.tgntext {	/* #66FA66 = hellgrün || #008C00 // dunkelgrün */
        scrollbar-highlight-color:#ff0000;
        background-color: #008C00;
        font-family: arial;
        font-size: 12px;
        color: #000000;
        font-weight:normal;
        }

.info {
        font-family: arial;
        font-size: 12px;
        color: #006600;
        font-weight:normal;
        }

.tskalender{
        font-family: arial;
        font-size: 10px;
        color: #000000;
        font-weight:normal;
        }
/* Stati */
.used {background-color:#00CC66;}		/* #00CC66 = hellgrün */
.working {background-color:#FFFF66;}	/* #FFFF66 = hellgelb */
.canceled {background-color:#FF0000;}	/* #FFFF66 = rot */

/* Link Klassen */
a.headline {
        background-color:#00585d;
        font-family: arial;
        font-size: 12px;
        color: #fff;
        font-weight:bold;
        text-align: center;
        text-decoration:none;		
}	
a.headline:hover {
        background-color:#00585d;
        font-family: arial;
        font-size: 12px;
        color: #fff;
        font-weight:bold;
        text-align: center;
}	
a.link {
        font-family: arial;
        font-size: 12px;
        font-weight: bold;
        color: #00585d;
        text-align: center;
        text-decoration:none;
}

a.tdtext {
        font-family: arial;
        font-size: 12px;
        color: #000000;
        font-weight:bold;
        text-decoration:none;
        }
		
a.errtext {
        font-family: arial;
        font-size: 12px;
        color: #ff0000;
        font-weight:bold;
        text-decoration:none;
        }
a.errtext:hover {
        font-family: arial;
        font-size: 12px;
        color: #ff0000;
        font-weight:bold;
        text-decoration:none;
        }					

a.tdtext:hover {
        font-family: arial;
        font-size: 12px;
        color: #000000;
        font-weight:bold;
        text-decoration:underline;
        }

a.link:hover {
        font-family: arial;
        font-size: 12px;
        font-weight: bold;
        color: #99FFAA;
        text-align: center;
        text-decoration:underline;
        }
a.default {font-family: arial; font-size:12px; font-weight:bold; color:#FFFFFF; text-decoration:none;}
a.default:hover {font-family: arial; font-size:12px; font-weight:bold; color:#FFFFFF; text-decoration:underline;}

a.link {font-family: arial; font-size:12px; font-weight:bold; color:#000000; text-decoration:none;}
a.link:hover {font-family: arial; font-size:12px; font-weight:bold; color:#000000; text-decoration:underline;}

a.link0 {font-family: arial; font-size:12px; font-weight:normal; color:#000000; text-decoration:none;}
a.link0:hover {font-family: arial; font-size:12px; font-weight:bold; color:#000000; text-decoration:underline;}

a.link1 {font-family: arial; font-size:12px; font-weight:bold; color:#009900; text-decoration:none;}
a.link1:hover {font-family: arial; font-size:12px; font-weight:bold; color:#FF0000; text-decoration:underline;}

a.link2 {font-family: arial; font-size:12px; font-weight:bold; color:#000000; text-decoration:none;}
a.link2:hover {font-family: arial; font-size:12px; font-weight:bold; color:#000000; text-decoration:underline;}

a.link3 {font-family: arial; font-size:12px; font-weight:normal; color:#000000; text-decoration:none;}
a.link3:hover {font-family: arial; font-size:12px; font-weight:normal; color:#000000; text-decoration:underline;}

a.link4 {font-family: arial; font-size:10px; font-weight:normal; color:#000000; text-decoration:none;}
a.link4:hover {font-family: arial; font-size:10px; font-weight:normal; color:#000000; text-decoration:underline;}

a.link5 {font-family: arial; font-size:12px; font-weight:bold; color:#00585d; text-decoration:none;}
a.link5:hover {font-family: arial; font-size:12px; font-weight:bold; color:#000000; text-decoration:underline;}

a.link6 {font-family: arial; font-size:12px; font-weight:bold; color:#FFFFFF; text-decoration:none;}
a.link6:hover {font-family: arial; font-size:12px; font-weight:bold; color:#000000; text-decoration:none;} 
/*
a.link6:hover {font-family: arial; font-size:12px; font-weight:bold; color:#440000; text-shadow: 1px 1px 1px #f00, 1px -1px 1px #f00, -1px 1px 1px #f00, -1px -1px 1px #f00; text-decoration:none;}
*/
a.link7 {font-family: arial; font-size:10px; font-weight:normal; color:#FF0000; text-decoration:none;}
a.link7:hover {font-family: arial; font-size:10px; font-weight:normal; color:#FF0000; text-decoration:underline;}

a.link8 {font-family: arial; font-size:10px; font-weight:normal; color:#00585d; text-decoration:none;}
a.link8:hover {font-family: arial; font-size:10px; font-weight:normal; color:#00585d; text-decoration:underline;}

a.link9 {font-family: arial; font-size:12px; font-weight:bold; color:#000000; text-decoration:none;}
a.link9:hover {font-family: arial; font-size:14px; font-weight:bold; color:#000000; text-decoration:none;}

a.link10 {font-family: arial; font-size:12px; font-weight:bold; color:#FF0000; text-decoration:none;}
a.link10:hover {font-family: arial; font-size:12px; font-weight:bold; color:#000000; text-decoration:none;}

a.link11 {font-family: arial; font-size:12px; font-weight:bold; color:#FFFFFF; text-decoration:none;}
a.link11:hover {font-family: arial; font-size:12px; font-weight:bold; color:#FFFFFF; text-decoration:none;}

a.link12 {font-family: arial; font-size:12px; font-weight:normal; color:#000000; text-decoration:none;}
a.link12:hover {font-family: arial; font-size:12px; font-weight:normal; color:#000000; text-decoration:none;}

a.trlink {
        color:#000000;
        text-decoration:none;
        }

a.trlink:hover {
        color:#ffffff;
        text-decoration:underline;
        background-color:#99FFAA;
        }

a.img {
        /* background-color:#99FFAA */
        }

/* Text Klassen */
span.text {
        font-family: arial;
        font-size: 12px;
        color: #000000;
        }
		
.rahmen_oben{
		border-left:2px #C0C0C0 solid; 
		border-right:2px #C0C0C0 solid;
		border-radius: 10px 10px 0px 0px;
		background-color: #C0C0C0;	
}
.rahmen_links{
		border-left:2px #C0C0C0 solid; 
}
.rahmen_rechts{
		border-right:2px #C0C0C0 solid;
}
.rahmen_mitte{
		border-left:2px #C0C0C0 solid; 
		border-right:2px #C0C0C0 solid;
}	
.rahmen_unten{
		border-left:2px #C0C0C0 solid; 
		border-right:2px #C0C0C0 solid;
		border-bottom:2px #C0C0C0 solid;		
}		

/* Tabellen Klassen */
td.error {
        background-color:#FF0000;
        }
		
td.error2 {
        background-color:#FF0000;
        font-family: arial;
        font-size: 12px;
        color: #ffffff;		
        font-weight:bold;		
        }
			
td.error3 {
        font-family: arial;
        font-size: 12px;
        font-weight:bold;	
        color: #ff0000;				
        text-align: center;			
        background-color:#ffffff;		
        }				

td.head {
        background-color:#00585d;
        font-family: arial;
        font-size: 12px;
        color: #ffffff;
        }

td.head2 {
        background-color:#00585d;
        font-family: arial;
        font-size: 12px;
        color: #ffffff;
        font-weight:bold;
        }

td.headline {
        background-color:#00585d;
        font-family: arial;
        font-size: 12px;
        color: #ffffff;
        font-weight:bold;
        text-align: center;
        }

td.headline2 {
        background-color:#99FFAA;
        font-family: arial;
        font-size: 12px;
        color: #ffffff;
        font-weight:bold;
        text-align: center;
        }



td.tsbtext {
        font-family: arial;
        font-size: 12px;
        color: #000000;
        font-weight:normal;
        background-color:#99FFAA;
        }

td.tgrstext {
        background-color:#E4E4E4; 
        font-family: arial;
        font-size: 12px;
        color: #000000;
        font-weight:normal;
        }

td.where {
        font-family: arial;
        font-size: 14px;
        color: #000000;
        font-weight:bold;
        }

td.default {
        background-color:#00585d;
        font-family: arial;
        font-size: 12px;
        color: #ffffff;
        font-weight:bold;
                }

td.link {background-color:#00585d}
td.link:hover {background-color:#99FFAA}
td.active {background-color:#99FFAA}


td.link11 {background-color:#99FFAA}
td.link11:hover {background-color:#00585d}
td.active11 {background-color:#00585d}

td.link12 {background-color:#00585d}
td.link12:hover {background-color:#99FFAA}
td.active12 {background-color:#99FFAA}


td.oben { border-top:1px solid red }
td.rechts { border-right:2px solid #00585d }
td.unten { border-bottom:1px solid red }
td.links { border-left:2px solid #00585d }
td.link4 {
        font-family: arial;
        font-size: 12px;
        font-weight: bold;
        color: #000000;
        text-align: center;
                background-color:#99FFAA;
}

tr.default {
        background-color:#00585d;
                }

/* Input Klassen */

input.twtext {
        font-family: arial;
        font-size: 12px;
        color: #000000;
        background-color:#ffffff;
        }

input.tstext {

        font-family: arial;
        font-size: 12px;
        color: #000000;
        background-color:#c0c0c0;
        }

input.trtext {
        text-align:right;
        font-family:arial;
        font-size:12px;
        color:#000000;
        background-color:#c0c0c0;		
		
		/*height:12px;	/* höhe des Formulars */				
        }
		
.trtext_ge {	/* text rechts bündig, Hintergrundfarbe gelb=yellow = abweichender Wert vorhanden */
        text-align:right;
        font-family:arial;
        font-size:12px;
        color:#000000;
        background-color:#F3F781;		/* #F3F781 = hellgelb  */
		
/*		height:12px;	/* höhe des Formulars */			
        }	

.trtext_rt {	/* text rechts bündig, Hintergrundfarbe rot=red = fehlerhafter Wert vorhanden */
        text-align:right;
        font-family:arial;
        font-size:12px;
        color:#000000;
        background-color:#FE2E2E;		/* #FE2E2E = hellrot */ 	
		
/*		height:12px;	/* höhe des Formulars */				
        }
		
.trtext_gn {	/* text rechts bündig, Hintergrundfarbe grün=green = korrekter Wert vorhanden */
        text-align:right;
        font-family:arial;
        font-size:12px;
        color:#000000;
        background-color:#99FFAA;		/* #99FFAA = hellgrün | #00CC66 = dunkelgrün */ 	
		
/*		height:12px;	/* höhe des Formulars */				
        }
		
.trtext_gr {	/* text rechts bündig, Hintergrundfarbe grau=grey = korrekter Wert vorhanden */
        text-align:right;
        font-family:arial;
        font-size:12px;
        color:#000000;
        background-color:#CCCCCC;		/* #CCCCCC = hellgrau */ 	
		
/*		height:12px;	/* höhe des Formulars */				
        }												

input.login {
        font-family: arial;
        font-size: 11px;
        font-weight:bold;
        color: #000000;
        border:1px solid #00585d;
        background-color:#cccc99;
        }

input.weiter {
        font-family: arial;
        font-size: 11px;
        font-weight:bold;
        color: #ffffff;
        border:2px solid #ffffff;
        background-color:#00cc00;
        }
input.weiter:hover {
        font-family: arial;
        font-size: 11px;
        font-weight:bold;
        color: #00ff00;
        border:2px solid #000000;
        background-color:#ffffff;
        }

input.fehler {border:1px solid red;}

input.aktualisieren {	/* #FFFF66 = hellgelb */
        font-family: arial;
        font-size: 11px;
        font-weight:bold;
        color: #000000;
        border:2px solid #FFFF66;
		border-radius: 25px;		
        background-color:#FFFF66;
}
input.aktualisieren:hover {
        font-family: arial;
        font-size: 11px;
        font-weight:bold;
        color: #000000;
        border:2px solid #FFFF66;
		border-radius: 25px;
        background-color:#ffffff;
}

input.abbrechen {
        font-family: arial;
        font-size: 11px;
        font-weight:bold;
        color: #000000;
        border:2px solid #FF0000;
		border-radius: 25px;			
        background-color:#99FFAA;
}
input.abbrechen:hover {
        font-family: arial;
        font-size: 11px;
        font-weight:bold;
        color: #000000;
        border:2px solid #FF0000;
		border-radius: 25px;			
        background-color:#FF0000;
}

input.entfernen {
        font-family: arial;
        font-size: 11px;
        font-weight:bold;
        color: #000000;
        border:2px solid #FF0000;
		border-radius: 25px;			
        background-color:#FF0000;
}
input.entfernen:hover {
        font-family: arial;
        font-size: 11px;
        font-weight:bold;
        color: #000000;
        border:2px solid #FF0000;
		border-radius: 25px;			
        background-color:#99FFAA;
}

.speichern {
		text-decoration:none;
        font-family: arial;
        font-size: 11px;
        font-weight:bold;
        color: #000000;
        border:2px solid #00CC66;
		border-radius: 25px;			
        background-color:#99FFAA;
}
.speichern:hover {
        font-family: arial;
        font-size: 11px;
        font-weight:bold;
        color: #000000;
        border:2px solid #00CC66;
		border-radius: 25px;			
        background-color:#00CC66;		
}
/*	#00CC66 = hellgrün */

/* Select Klassen */
select.feld1 {
        width: 100%; /*Breite dem Text anpassen*/
        font-family: arial;
        font-size: 12px;
        font-weight: bold;
        text-align: left;
        color: #000000;					/* schwarz */
/*        color: #FFFFFF;				/* weiß */
/*        background-color: #00585d;	/* dunkelblau */
        background-color: #99FFAA;		/* hellblau */
}
select.feld200 {
        width: 200px; /*Breite dem Text anpassen*/
        font-family: arial;
        font-size: 12px;
        font-weight: normal;
        text-align: left;
        color: #FFFFFF;
        background-color: #00585d;
}

select.feld {
        color: #00585d;
        background-color: #fff;
        border-radius: 5px;
}

span.feld2 {
        font-family: arial;
        font-size: 10px;
        font-weight: normal;
        text-align: center;
        color: #FFFFFF;
        background-color: #00585d;
}


/* Infobox 1 für Gewerkeliste */
#infobox_1{
        height:22px;
        width:10px;
/*         padding:0;*/
        /*margin:20px;*/
        /*border:1px solid black;*/
/*        font:bold 14px verdana, sans-serif; */
}

/*#infobox{display:none;}*/
#infobox_1 #infobox{display:none;}

#infobox_1:hover #infobox{
        display:block;
        width:300px;
        position:relative; top:-20px; left:30px; z-index:5;
        background:#ffffCC;
        /*position:absolute;top:20px;right:20px;*/
/*        position:relative;margin-right:20px; */
/*         z-index: 10; */
/*        border:1px dashed black; */
/*        padding:15px;*/
/*        font:normal 14px verdana, sans-serif; */
}

/* Ende Infobox 1 */

#rotate_90 {
	/* Text wird um 90 Grad gedreht */
	-webkit-transform: rotate(-90deg); 

    -moz-transform: rotate(-90deg); 

	/* Safari */
	-webkit-transform: rotate(-90deg);
	
	/* Firefox */
	-moz-transform: rotate(-90deg);
	
	/* IE */
	-ms-transform: rotate(-90deg);
	
	/* Opera */
	-o-transform: rotate(-90deg);
	
	/* Internet Explorer */
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);   
}
.rotate_270 {
/* section:hover .zwei {*/
	-webkit-transform: rotate(270deg);
	/* Chrome, Safari, Opera */
	
	-ms-transform: rotate(270deg);
	/* IE 9 */
	
	transform: rotate(270deg);
}

@media print {
#access,
#secondary,
#headersearch,
#breadcrumb,
#respond,
#site-description,
.site-logo,
.article-meta,
.entry-meta,
.more-link,
.edit-link,
.commavatar,
.plusone,
.tweetthis,
.author-profile,
.info,
.wp_page_numbers{display:none;}
}

	.menu_mobile{
		display:none;		
	}
	.menu_desktop{
		display:block;		
	}	
	
/* Smartphones (landscape) ---------------- and (min-width : 375px)/*
and (orientation: landscape)*/
@media only screen and (max-height : 420px) {
	.img_home{
/*		width: 200px;	*/
		height: 180px;	
	}
	.menu_mobile{
		display:block;		
	}
	.tumbnail_banner{
/*		
		display:none;		
*/		
	}		
}

@media only screen 
and (max-width: 675px)
{
	.img_home{
		width: 300px;	
	}
	.menu_mobile{
		display:block;		
	}
	.tumbnail_banner{
/*		
		display:block;		
		width: 50%;		
	}
*/	
}
@media only screen 
and (max-width: 680px){							/* Anzeige zu klein Mindestbreite 680px = Banner deaktivieren */
	.tumbnail_banner{display:none;	}
}
@media only screen and (max-height : 375px) {	/* Anzeige zu klein Mindesthöhe 375px) = Banner deaktivieren */
	.tumbnail_banner{	display:none;}
}