/* CSS Document */
#wrapper{ width:990px; margin:auto; }
#logo {position:relative; top:20px; width:auto; float:right;margin-bottom:20px;}
#titel {position:relative; top:53px; width:auto; float:left;}
#loginfenster {width:500px;padding:40px;}


@media screen {
  header {position:relative; top:0px; height:120px; z-index:8; width:auto; clear:both;}
  #auswahlzeile {width:988px;}
  #fusszeile {position:relative;top:24px; margin-right:8px; float:right;}
}

@media print {
  header {display:none;height:0px;}
  #auswahlzeile {display:none;height:0px;}
  #fusszeile {display:none;height:0px;}
}

#inhalt {position:relative; top:20px; left:0px; z-index:6; width:auto; clear:both;}

#auswahl {position:relative; float:left;}
#taste {position:relative; float:right; margin-bottom:20px;margin-right:20px;}

#tabelle {margin-bottom:8px;}
#zelle {float:left;width:139px;height:48px;margin-right:0px;margin-top:0px;padding-left:5px;padding-top:2px;padding-bottom:3px;border-left:1px solid #bbdbf2;border-top:1px solid #bbdbf2;}
#zelleprint {float:left;width:40px;height:24px;margin-right:0px;margin-top:0px;padding-left:2px;padding-top:2px;padding-bottom:3px;border-left:1px solid #aaaaaa;border-top:1px solid #aaaaaa;}
#zellequartal {float:left;width:63px;height:24px;margin-right:0px;margin-top:0px;padding-left:2px;padding-top:2px;padding-bottom:3px;border-left:1px solid #aaaaaa;border-top:1px solid #aaaaaa;}

@media only screen and ( min-width:640px ) and ( max-width:1024px ) {
	#wrapper { width:auto; max-width:650px;}
	#logo {float:left;}
	#titel {display:none;}
}

@media only screen and ( max-width:640px ) {
	#wrapper { width:90%;max-width:90%;}
	#logo {float:left;}
	#inhalt {position:relative;top:20px;}
	#tabellentitel { display: none; }
    #loginfenster {width:290px;padding:20px;}
	#titel {display:none;}
}