html { 
 	overflow: hidden 
 	height: 100%; 
 } 

 body { 
 	height: 100%; 
 	overflow: scroll; 
 	overflow-x: auto; /*CSS3*/ 
 	background-image:url(pikka.gif);
 	background-repeat:no-repeat;
 	background-position:100% 0%;
 }

 h1
 {
 	font-family: 'Carrois Gothic', sans-serif;
 	margin-top: -4px;
 	margin-bottom: 0px;
 	margin-left: 175px;
 	color: #aaa;
 	font-size: 26px;
 }

 b
 {
 	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
 	font-weight: bold;
 	font-size: 12px;
 	color: #999;
 }

 a
 {
 	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
 	font-weight: normal;
 	font-size: 12px;
 	color: #999;
 	margin-top: -2px;
 }

 p
 {
 	margin: 0px;
 	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
 	font-weight: normal;
 	font-size: 12px;
 	color: #999;
 	margin-top: -2px;
 }


 #header p
 {
 	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
 	font-weight: normal;
 	text-align: right;
 	font-size: 8px;
 	color: #666;
 	float: right;
 	display:inline-block;
 }
 
#header a
 {
 	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
 	font-weight: normal;
 	font-size: 8px;
 	color: #666;
 	display:inline-block;
 }

 #blaettern
 {
 	margin-bottom: 10px;
 }

 #modifikationErfolgStundenAnzeigen, #modifikationErfolgStundenBearbeiten, #modifikationErfolgProjekteAnzeigen, #modifikationErfolgFeiertageAnzeigen, #modifikationErfolgProjekteErfassen,
 #modifikationErfolgPensumAnzeigen, #modifikationErfolgMitarbeiterAnzeigen, #modifikationErfolgMitarbeiterErfassen, #modifikationErfolgStundenErfassen,
 #modifikationErfolgMitarbeiterBearbeiten, #modifikationErfolgMitarbeiterErfassen, #modifikationErfolgMitarbeiterLoeschen, #modifikationErfolgPensumLoeschen,
 #modifikationErfolgPensumErfassen, #modifikationErfolgFeiertageErfassen, #modifikationErfolgFeiertageLoeschen, #modifikationErfolgProjekteBearbeiten, 
 #modifikationErfolgUmsatzzielErfassen, #modifikationErfolgUmsatzzielAnzeigen, #modifikationErfolgUmsatzzielLoeschen
 {
 	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
 	font-weight: normal;
 	font-size: 12px;
 	color: #00aa00;
 }

 #modifikationFehlerStundenAnzeigen, #modifikationFehlerStundenBearbeiten, #modifikationFehlerProjekteAnzeigen, #modifikationFehlerFeiertageAnzeigen, #modifikationFehlerProjekteErfassen,
 #modifikationFehlerPensumAnzeigen, #modifikationFehlerMitarbeiterAnzeigen, #modifikationFehlerMitarbeiterErfassen, #modifikationFehlerStundenErfassen,
 #modifikationFehlerMitarbeiterBearbeiten, #modifikationFehlerMitarbeiterErfassen, #modifikationFehler1MitarbeiterLoeschen, #modifikationFehlerPensumLoeschen,
 #modifikationFehlerPensumErfassen, #modifikationFehlerFeiertageErfassen, #modifikationFehlerFeiertageLoeschen, #modifikationFehlerProjekteBearbeiten,
 #modifikationFehlerUmsatzzielErfassen, #modifikationFehlerUmsatzzielAnzeigen, #modifikationFehlerUmsatzzielLoeschen
 {
 	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
 	font-weight: normal;
 	font-size: 12px;
 	color: #ff0000;
 }

 #table,  #tablerechtsaliniert, #table a, #table b
 {
 	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
 	font-size: 10px;
 	margin: 0px;
 	width: 100%;
 	max-width: 1200px;
 	border-collapse: collapse;
 }


 #table th
 {
 	font-size: 10px;
 	font-weight: normal;
 	padding: 8px;
 	background: #ddd;
 	border-top: 0px solid #fff;
 	border-bottom: 2px solid #fff;
 	color: #000;
 	text-align: left;
 	vertical-align: top;
 }

 #table td
 {
 	padding: 8px;
 	background: #f2f2f2; 
 	border-bottom: 2px solid #fff;
 	color: #666;
 	border-top: 2px solid transparent;
 	text-align: left;
 	vertical-align: top;
 }

 #table th.rechtsaliniert,  #table td.rechtsaliniert
 {
 	text-align: right;
 }

 #table tr:hover td
 {
 	background: #ddd;
 	color: #333;
 }

#table th.doppelt
{
    background-color: #ddd;
}

#table td.doppelt
{
	background-color: #e9e9e9;
}

#stundenproprojektschritt, #kostenproprojektschritt, #stundenpromitarbeiter, #kostenpromitarbeiter 
{
	width: 100%;
	float:left;
}

 .charts
 {
 	padding: 8px;
 	background: #f2f2f2; 
 	border-bottom: 2px solid #fff;
 	color: #666;
 	border-top: 2px solid transparent;
 	overflow: auto;
 	width: 50%;
 	max-width: 1200px;
 	clear: left;
 }

.zeit
{
  padding: 8px;
  background: #f2f2f2; 
  border-bottom: 2px solid #fff;
  color: #666;
  border-top: 2px solid transparent;
  overflow: auto;
  width: 100%;
  height: 500px;
 }

.balken
 {
 	padding: 8px;
 	background: #f2f2f2; 
 	color: #666;
 	border-top: 2px solid transparent;
  width: 100%;
  height: 600px;

 }


 #table tr:hover td.charts
 {
 	background: #f2f2f2;
 }

#nav 
{
  background-color:black;
  color:white;
  text-align:center;
  padding:5px;
}

 .rot
 {
 	color: #ff0000;
 }