/* -- ALLGEMEINE FORMATIERUNG -- */
html, body {
	scrollbar-face-color:#000066;
	scrollbar-shadow-color: #fffee1;
	scrollbar-highlight-color: #fffee1;
	scrollbar-3dlight-color: #000066;
	scrollbar-darkshadow-color: #000066;
	scrollbar-track-color: #ffffff;
	scrollbar-arrow-color: #ffff99;
	background-color:#ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:small;
	color:#333333;
	margin:0px;
	padding:0px;
	text-align:center;
	min-height:101%;		/* Mindesthöhe da Firefox sonst bei Seiten mit wenig Inhalt "springt" (wg. Scrollbalken*/
}

td {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:small;
	text-align:left;
}
th	{color:#de0029; font-weight:bold;}		/* rote, fette Schrift für Tabellen-Überschrift */

p	{
	margin-top:9px;
	margin-bottom:9px;
	padding:0px;
}

div	{
	text-align:left;
}

hr {				
	clear:both;
	padding:0px;
	margin:0px;
	margin-top:4px;
	margin-bottom:9px;
	height: 1px;
	border: 0px;			/* Firefox macht sonst Rahmen - hr wird dunkler */
	color: #dcdcdc;
	background-color: #dcdcdc;
	width:100%;
}

a:link  {color:#0000cc; text-decoration:none;} 
a:visited  {color:#0000cc; text-decoration:none;}    
a:hover	{color:#DE0029; text-decoration:none;}
a:active	{color:#DE0029; text-decoration:none;}

h1 {
	color:#de0029;
	font-size:medium;
	margin:0px;
	padding:0px 0px 10px 0px;
}

h2 {
	font-weight:bold;
	margin-top:0px;
	margin-bottom:1.01em;
	font-size:small;
	padding:0px;
}

ul {
	list-style-type:disc;
}
li {
	list-style-position:outside;
	margin: 0px 0px 5px -1.2em;
}

ul ul {
	list-style-type:circle;
}
li li {
	margin:2px 0px 2px -1.2em;
}

a img {							/* für alle Bilder mit Link*/
	border:0px;					/* kein Rahmen */
}

/* -- Formular --*/
form	{
	padding:7px;
	margin:0px;
	width:30em;
}

input, textarea, select { 		/* Formularelemente auswählen */
/*input, select, textarea { 		wenn Select-Menü gleich lang wie alle anderen Eingabefelder ist */
/*  display:block;*/
  float:left;
  margin:5px 0px;				/* Abstand */
  width:200px; 		 			/* Breite.*/
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:small;
  border:1px solid #C5D8C0;
  background-color: #ffffe6;
  border-left: 1px solid #B0B7AF;
  border-top: 1px solid #B0B7AF;
}

input.radio	{ 						/* Klasse für Radio-Button */
  float:left;
  width:20px;
  margin-right:5px;
}

td form 	{				/* wenn das formular in Tabellenzelle steht*/
	padding:0px;			/* für Beamte/verwalten.php damit das Formular korr. in Tabelle steht*/
	margin-top:3px;
}

td form input	{				/* wenn das input im formular in Tabellenzelle steht*/
	width:20px; 				/* für Beamte/verwalten.php da sonst die Bilder verzerrt werden */
	border:0px;					/* weil input auf 200px breite gesetzt ist */
	padding:0px;
	margin:0px;
}

label { 					/* Alle Labels (= Beschriftung) */
  display: block;
  float: left;
  margin:5px 0px;			/* Abstand */
  width:130px; 				/* Breite.*/
}

form br 	{				/* Alle Zeilenumbrüche in Formularen auswählen */
  clear: left; 				/* das floating der labels und inputs aufheben */
}

#tag, #monat, #jahr	{ 						
  width:3em;
  margin-right:0.3em;
  text-align:center;
}
#anrede	{ 						/* Gilt für Radio-Button "anrede" */
  width:1.3em;
  margin: 0.5em 0.25em;
}

button	{
	margin:18px 0px 7px 130px;
}



/* -- LAYOUTBEREICHE -- */

#content	{				/* übergeordnetes DIV für ganze Seite wg. zentzrieren und Rahmen */ 
	width:750px;
 	margin:0px auto;		/* ganze Seite zentrieren - margin-left:auto wäre rechtsbündig */
	text-align:left;		/* Korrektur für text-align im body - sonst wird der ganze Text zentriert */
	padding:0px;
	border-right: 1px solid #000066;
	border-bottom: 1px solid #000066;
	border-left: 1px solid #000066;	
	background:url(bild/hg-links.gif) repeat-y left 2px;	
	
	
}

#logo {
	background-color:#000066;
	width:295px;
	height:50px;
	padding:0px;
	margin:0px;
	float:left;
	border-top:4px solid #de0029;
}

#navi-ico {							/* Icons rechts oben neben Logo */
	background-color:#000066;
	border-top: 4px solid #de0029; 
	width:450px;			
	height:35px;	
	margin:0px;
	padding:15px 5px 0px 0px;		/* damit die Icons nicht oben kleben */
	float:left;		
	text-align:right;
}

#icon-oben {
	clear:both;	
	width:190px;
	float:left;
	margin:0px;
	padding:0px;
	height:80px;
}

/* -- Hauptnavigation -- */

#navigation {
	background-color:#000066;
	color:#ffff99;
	font-weight: bold;
	width:554px;
	height:30px;
	float:left;	
	text-align:right;
	margin:0px;
	padding:0px 6px 0px 0px;
}

#navigation a {color:#ffffff; text-decoration:none;}
#navigation a:visited  {color:#FFFFFF; text-decoration:none;}
#navigation a:hover  {color: #ffff99; text-decoration:none;}
#navigation a:active  {color: #DE0029; text-decoration:none;}


/* -- Subnavigation oben -- */

#navi-sub {
	background-image: url(bild/hg-subnavi.gif);
	width:554px;
	height:40px;
	float:left;	
	text-align:right;
	color:#DE0029;
	font-weight:bold;
	margin:0px;
	padding:10px 6px 0px 0px;
}

#navi-sub a {color:#000066;	text-decoration:none;}
#navi-sub a:visited {color:#000066;	text-decoration:none;}
#navi-sub a:hover  {color: #DE0029;	text-decoration: none;}
#navi-sub a:active  {color: #DE0029; text-decoration: none;}

/* -- Subnavigation links -- */
#navi-links {
	clear:both;
	width:166px;
	padding:25px 0px 0px 17px;
	margin:0px;
	float:left;
	line-height:1.6em;
}

* html #navi-links	{
	margin-right:-3px;
}

#navi-links ul {
	list-style-type:none;
	margin:0px;
	margin-left:30px;
	margin-top:-1px;
	padding:0px;
}
#navi-links li {
	line-height:0.9em;
}

#navi-links a {color:#000066; text-decoration:none;}
#navi-links a:visited {color:#000066; text-decoration:none;}
#navi-links a:hover {color: #DE0029; text-decoration: none;}
#navi-links a:active {color: #DE0029; text-decoration: none;}

#navi-links .news	{				/* wenn die News-Box in der linken Navigation steht */
	margin:0px 10px 0px 10px;
}

/* -- Inhalt = bearbeitbarer Bereich -- */

#inhalt {
	width:383px;	
	margin:0px;
	padding:25px 15px 20px 27px;
	float:left;	
}

* html #inhalt {				/* nur für IE */
		margin-left:3px;
}


/* -- Leiste unten -- */
#footer {
	clear:both;				/* "Schweberei" beenden */
	margin:0px;
	padding:0px;
	width:750px;
	height:83px;	
	border-top:1px solid #000066; 
}

#footer-links	{
	width:200px;
	height:58px;	
	padding:25px 0px 0px 7px;
	margin:0px;
	float:left;
	background:#ffffff;
}

#footer-mitte {
	float:left;
	margin:0px;
	height:58px;	
	padding:25px 0px 0px 5px;	
	width:447px;	
	line-height:1.6em;
}
#footer-mitte a {color:#000066;	text-decoration:none;}
#footer-mitte a:visited {color:#000066; text-decoration:none;}  
#footer-mitte a:hover, a:active{color:#DE0029; text-decoration:none;}

#footer-rechts {
	float:right;
	margin:0px;
	height:83px;	
	padding:0px 3px 0px 0px;
	text-align:right;	
	width:88px;
}
	
#footer a {
	text-decoration:none;
}


/* -- KLASSEN -- */
.icon {							/* icons in der linken Navigationsleiste bei Kids*/
	margin:0px 3px 3px 0px;
}

.news	{						/* Klasse für Newsbox */
	padding:27px 5px 5px 5px;
	border:1px solid #de0029;
	float:left;
	width:120px;
	margin:25px 10px 8px 0px;
	font-size:11px;
	color:#000066;
	background:url(bild/news-box.jpg) no-repeat top;
	line-height:15px;
}

* html .news	{
	margin:25px 4px 0px 0px;	/* weil IE sonst bei der Newsbox 6px anhängt */
}
.news h2 {
	font-weight:bold;
	margin:0px;
	font-size:11px;
	padding:0px;
}
.news ul	{
	padding:5px 2px 5px 12px;
	margin:0px;
	line-height:15px;	
}
.news li	{
	background-image:url(bild/dot.gif);
	background-repeat:no-repeat;
	background-position:left top;	
	text-indent:15px;
	list-style:none;
	list-style-position:outside;
	margin: 0px 0px 5px -1em;	
	padding:0px;
}


.werbung	{						/*Klasse für Werbung */
	padding:27px 5px 5px 5px;
	border:1px solid #de0029;
	float:left;
	width:120px;
	margin:25px 10px 0px 0px;
	font-size:11px;
	color:#000066;
	line-height:15px;
}
.werbung h1 {
	font-weight:bold;
	margin-bottom:-1em;
	font-size:11px;
	padding:0px 0px 0px 0px;
}


.bild-links	{
	margin:0px 15px 7px 0px;
	float:left;
}

.bild-rechts	{
	margin:0px 0px 5px 5px;
	float:right;
}

.bild-links-rahmen	{
	margin:0px 15px 7px 0px;
	float:left;
	border:1px solid #000066;
}

.bild-rechts-rahmen	{
	margin:6px 0px 6px 7px;
	float:right;
	border:1px solid #000066;
}

.rahmen	{border:1px solid #000066;}
.rot	{color:#de0029; font-weight:bold;}
.ausgeschwebt	{clear:both;}
.box	{
	padding:5px;
	border:1px solid #D9D9D9;
    background-color:#ffffe6;
    border-right: 2px solid #A9A9A9;
    border-bottom: 2px solid #A9A9A9;
}

/* hover auf Tabellenzeile */
.hovertable	{
	width:100%;
	background:#ffffff;
	color:black;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:small;
	border: 1px black dotted;
	border-collapse: collapse;		/* damit keine doppelten Linien bei den Zellen entstehen */
}
.hovertable th	{background:#ffffff;}	/* damit die Überschrift nicht auch hovert */
.hovertable tr:hover	{background:#efefef;}
.hovertable tr 	{border: 1px black dotted;}
.hovertable td 	{border: 1px black dotted; padding:3px;}

.mail-x	{display: none;}	/* für unsichtbares Feld in Formular - Spamschutz!! */