@charset "UTF-8";
/* CSS Document */


body {background-color:#09F; background-image:url(images/bg.jpg) !important;
}

#wrapper {height:auto; width:auto; min-width:1000px;}

#container {margin-top:100px; margin-left:auto; margin-right:auto; width:800px;}
#content {margin-left:auto; margin-right:auto; width:1000px;}
#content2 {margin-left:auto; margin-right:auto; width:1000px; margin-top:50px;}



/*Notwendig????*/
.menuitem img {margin-top:39px; margin-left:31px;}

/* Design
######################################################################
######################################################################


	TEXTBOXEN
	BUTTONS
	HAUPTMENue
	TABELLEN
	AUSWAHLBOXEN
	SCHRIFTEN + LOGOS + BILDER
	
	


 TEXTBOXEN 
######################################################################*/

/*Gilt fuer ALLE Textboxen */
input:focus {outline: none; }
input[placeholder], [placeholder], *[placeholder] {color:#000 !important;}



/* Bentuzername */
.benutzername {border-radius: 17px; 
-moz-border-radius: 17px; 
-webkit-border-radius: 17px; 
border: 0px solid #800000;
margin-bottom:15px;
height:40px;
width:400px;
padding-left:15px;
font-size:14px;
border: 1px solid #fff;
}

.datum {border-radius: 17px; 
-moz-border-radius: 17px; 
-webkit-border-radius: 17px; 
border: 0px solid #800000;
margin-bottom:15px;
height:40px;
width:100px;
padding-left:15px;
font-size:14px;
border: 1px solid #fff;
}

.datum_keine_eingabe {border-radius: 17px; 
-moz-border-radius: 17px; 
-webkit-border-radius: 17px; 
border: 0px solid #800000;
margin-bottom:15px;
height:40px;
width:100px;
padding-left:15px;
font-size:14px;
border: 1px solid #fff;
background:#CCCCCC;
}



.benutzername:focus { border: 1px solid #09F; }

/* Passwort */
.passwort {border-radius: 17px; 
-moz-border-radius: 17px; 
-webkit-border-radius: 17px; 
border: 0px solid #800000;
margin-bottom:15px;
height:40px;
width:400px;
padding-left:15px;
font-size:14px;
border: 1px solid #fff;
}

.passwort:focus { border: 1px solid #09F; }

/* Suchfeld */
.suchfeld {border-radius: 17px; 
-moz-border-radius: 17px; 
-webkit-border-radius: 17px; 
border: 0px solid #800000;
margin-bottom:15px;
height:40px;
width:800px;
padding-left:15px;
font-size:14px;
border: 1px solid #fff;
}

.suchfeld:focus { border: 1px solid #09F; }

/* BUTTONS 
######################################################################*/

/* Gilt fuer ALLE Buttons */
#button {float:left; margin-top:10px;}

/* Suchen */
.suchen {
  font-family: helvetica;
  color: #FFFFFF !important;
  font-size: 14px;
  box-shadow: 1px 1px 1px #BEE2F9;
  padding: 12px 30px;
 border-radius: 17px; 
-moz-border-radius: 17px; 
-webkit-border-radius: 17px; 
  border: 1px solid #3866A3;
  background:#00CCFF;
}

.suchen:hover {
  color: #14396A;
  background: #63F;
  background: linear-gradient(top,  #468CCF,  #63B8EE);
  background: -ms-linear-gradient(top,  #468CCF,  #63B8EE);
  background: -webkit-gradient(linear, left top, left bottom, from(#468CCF), to(#63B8EE));
  background: -moz-linear-gradient(top,  #468CCF,  #63B8EE);
}

/* Neuen Benutzer anlegen */
.neuen_benutzer_anlegen {
  font-family: helvetica;
  color: #FFFFFF !important;
  font-size: 14px;
  box-shadow: 1px 1px 1px #BEE2F9;
  padding: 12px 30px;
 border-radius: 17px; 
-moz-border-radius: 17px; 
-webkit-border-radius: 17px; 
  border: 1px solid #3866A3;
  background:#9ED73A;
}

.neuen_benutzer_anlegen:hover {
  color: #14396A;
  background: #63F;
  background: linear-gradient(top,  #468CCF,  #63B8EE);
  background: -ms-linear-gradient(top,  #468CCF,  #63B8EE);
  background: -webkit-gradient(linear, left top, left bottom, from(#468CCF), to(#63B8EE));
  background: -moz-linear-gradient(top,  #468CCF,  #63B8EE);
}


/* Drucken */
.drucken {
  font-family: helvetica;
  color: #FFFFFF !important;
  font-size: 14px;
  box-shadow: 1px 1px 1px #BEE2F9;
  padding: 12px 30px;
 border-radius: 17px; 
-moz-border-radius: 17px; 
-webkit-border-radius: 17px; 
  border: 1px solid #3866A3;
  background:#0F6;
}

.drucken:hover {
  color: #14396A;
  background: #63F;
  background: linear-gradient(top,  #468CCF,  #63B8EE);
  background: -ms-linear-gradient(top,  #468CCF,  #63B8EE);
  background: -webkit-gradient(linear, left top, left bottom, from(#468CCF), to(#63B8EE));
  background: -moz-linear-gradient(top,  #468CCF,  #63B8EE);
}


/* OK */
.ok {
  font-family: helvetica;
  color: #FFFFFF !important;
  font-size: 14px;
  box-shadow: 1px 1px 1px #BEE2F9;
  padding: 12px 30px;
 border-radius: 17px; 
-moz-border-radius: 17px; 
-webkit-border-radius: 17px; 
  border: 1px solid #3866A3;
  background:#9ED73A;
}

.ok:hover {
  color: #14396A;
  background: #468CCF;
  background: linear-gradient(top,  #468CCF,  #63B8EE);
  background: -ms-linear-gradient(top,  #468CCF,  #63B8EE);
  background: -webkit-gradient(linear, left top, left bottom, from(#468CCF), to(#63B8EE));
  background: -moz-linear-gradient(top,  #468CCF,  #63B8EE);
}

/*Abbrechen */
.abbrechen {
  font-family: helvetica;
  color: #FFFFFF !important;
  font-size: 14px;
  box-shadow: 1px 1px 1px #BEE2F9;
  padding: 12px 30px;
 border-radius: 17px; 
-moz-border-radius: 17px; 
-webkit-border-radius: 17px; 
  border: 1px solid #3866A3;
  background:#F23B59;
}

.abbrechen:hover {
  color: #14396A;
  background: #468CCF;
  background: linear-gradient(top,  #468CCF,  #63B8EE);
  background: -ms-linear-gradient(top,  #468CCF,  #63B8EE);
  background: -webkit-gradient(linear, left top, left bottom, from(#468CCF), to(#63B8EE));
  background: -moz-linear-gradient(top,  #468CCF,  #63B8EE);
}

/* Zurueck */
.zurueck {
  font-family: helvetica;
  color: #FFFFFF !important;
  font-size: 14px;
  box-shadow: 1px 1px 1px #BEE2F9;
  padding: 12px 30px;
 border-radius: 17px; 
-moz-border-radius: 17px; 
-webkit-border-radius: 17px; 
  border: 1px solid #3866A3;
  background:#C66;
}

.zurueck:hover {
  color: #14396A;
  background: #468CCF;
  background: linear-gradient(top,  #468CCF,  #63B8EE);
  background: -ms-linear-gradient(top,  #468CCF,  #63B8EE);
  background: -webkit-gradient(linear, left top, left bottom, from(#468CCF), to(#63B8EE));
  background: -moz-linear-gradient(top,  #468CCF,  #63B8EE);
}

/* Geloeschte Anzeigen */
.geloeschte_anzeigen {
  font-family: helvetica;
  color: #FFFFFF !important;
  font-size: 14px;
  box-shadow: 1px 1px 1px #BEE2F9;
  padding: 12px 30px;
 border-radius: 17px; 
-moz-border-radius: 17px; 
-webkit-border-radius: 17px; 
  border: 1px solid #3866A3;
  background:#C69;
}

.geloeschte_anzeigen:hover {
  color: #14396A;
  background: #468CCF;
  background: linear-gradient(top,  #468CCF,  #63B8EE);
  background: -ms-linear-gradient(top,  #468CCF,  #63B8EE);
  background: -webkit-gradient(linear, left top, left bottom, from(#468CCF), to(#63B8EE));
  background: -moz-linear-gradient(top,  #468CCF,  #63B8EE);
}



/* HAUPTMENue 
######################################################################*/

/* Bild der Menuepunkte (nur Position) */
.icon {padding-left:7px;; text-align:center; padding-top:5px;}

/* Links im Hauptmenue */
.menuitem {height:200px; width:200px; float:left; margin-right:50px; background-color:rgba(255, 255, 255, 0.6); border-radius: 21px; 
-moz-border-radius: 21px; 
-webkit-border-radius: 21px; 
border: 0px solid #800000;
}



/* TABELLEN
######################################################################*/

table {
		overflow:hidden;
		border:1px solid #d3d3d3;
		background:#fefefe;
		width:70%;
		margin:5% auto 0;
		-moz-border-radius:5px; /* FF1+ */
		-webkit-border-radius:5px; /* Saf3-4 */
		border-radius:5px;
		-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
		-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
	}
	
	th, td {padding:18px 28px 18px; text-align:center; }
	
	th {padding-top:22px; text-shadow: 1px 1px 1px #fff; background:#e8eaeb;}
	
	td {border-top:1px solid #e0e0e0; border-right:1px solid #e0e0e0;}
	
	tr.odd-row td {background:#f6f6f6;}
	
	td.first, th.first {text-align:left}
	
	td.last {border-right:none;}
	
.row {width:100%; min-height:210px; padding-top:40px;}



/* AUSWAHLBOXEN 
######################################################################*/

.auswahlbox {
   background: transparent;
   width: 268px;
   padding: 5px;
   font-size: 16px;
   line-height: 1;
   border-radius: 0;
   height: 34px;
   -webkit-appearance: none;
   overflow: hidden;
   background: url(pfeil_runter.png) no-repeat right #ddd;
   border: 1px solid #ccc;
   }
 
/* SCHRIFTEN + LOGOS + BILDER
######################################################################*/

/* Gilt fuer ALLE Bilder */
img {border:none;}

/* Anmelden - Schrift */ 
 #logo {background-image:url(images/anmeldung.png); height:88px; width:339px; margin-bottom:15px}

/* Hauptmenue - Schrift */
#hauptmenulogo {background-image:url(images/hauptmenu.png); height:54px; width:343px;}

/*Fehlermeldung wird ROT dargestellt */
#fehler {font:Arial, Helvetica, sans-serif; margin-top:24px; color:#F00; font-size:14px;}

/* Begrueßungstext im Hauptmenue: Willkommen $Benutzername - Heute ist der $Datum */
#willkommentext {font:Arial, Helvetica, sans-serif; margin-top:24px; color:#FFF; font-size:18px;}
#uhrzeit{font-family:Arial, Helvetica, sans-serif; }

/*Link ohne Strich (wird fuer e-mail z.B.: in Tabelle verwendet) */
#link_ohne_strich{color:inherit; text-decoration:none}