/* $Id: vov-ext.css 595 2008-01-29 13:21:28Z nbennke $ */

#naviH {
  margin-bottom: 15px;
}

#naviH h1 {
  color: #000;
  font-size: 80%;
  margin-left: 16px;
  margin-top: 0;
}

#naviH a {
  color: #000;
  text-decoration: underline;
}

.seperator {
  padding: 0 4px;
}

.markiert {
	border: #C00 2px solid;
	padding: 1px;
}

.kriterien {
	display: block;
	float: left;
	height: 35px;
	width: 100px;
	white-space: nowrap;
}

.kriterien img {
	padding-right: 5px;
	vertical-align: text-bottom;
}

.kriterien input {
	position:relative;
	top:-10px;
}

.kalender {background-color: #CFE1C9;
	border: #489D47 2px solid;
	color: #000;
	text-align: center;
	width: 76%;
}

.kalender td {
  color :#000;
}

.kalender .head td {
  background-color: #489D47; 
  color: #000; 
  text-align: left;
}

.kalender .hl {
	background-color: #489D47;
	font-weight: bold;
	padding: 1px 2px 1px 20px;
}

.kalender .symbol {
	background-color: #A9122A; 
	border: 0px;
	height: 8px;
	width: 8px;
}

.kalender .belegt {
  background-color: #A9122A;
  color: #FFFFFF; 
}

.kalender .frei {
  background-color: #fff; 
  color: #000;
}

.kalender .frei .so {
  color: #CC0000;
}


/* H.Sturm 30.August.06 											*/
/* Layer für animierte Karte auf Seite Gebiete 									*/
/* wird für HTML-Code gebraucht, der von gebiete.tpl erzeugt wird. 						*/
/* im Header der Seite wird auch die Datei auswahl.js eingebunden und dort wird in der Funktion f_d_over() 	*/
/* (Aufgerufen beim MouseOver über Gebietsliste links und Karte mitte) außerdem HTML-Code in das Layer2 	*/
/* und Layer3 geschrieben											*/

/* Layer1 wird vermutlich nicht mehr verwendet */
#layer1 { 
	margin-left: 245px; 
	visibility: hidden; 
	width: 1px; 
}

/* Layer2 beinhaltet die Beschriftungen (Schilder) über der Karte */

#layer2 { background-color: #CFE1C9; border: 1px #cfe1c9 solid;
	color: #000;
	font-size: 76%; 	
	margin: 0;
	padding: 0 10px;
	position: absolute;
	top: 0px;
	visibility: hidden; 
	z-index: 20;	
}

#layer2 ul { 
  list-style-type: none; 
  margin-top: 10px; 
}		

#layer2 li {
  display: block; 
  margin-bottom: 0; 
  margin-left: -40px;	
}

#layer2 b {
  display: block; 
  margin-left: -40px;	
}

#layer2 a { 
  color: #000; 
  text-decoration: none;
}	

#layer2 a:hover { 
  color: #A9122A;
  text-decoration: none; 
}	


/* Layer3 beinhaltet die GIF-Dateien mit den Grenzen der Gebiete */
#layer3 {
	left: 0;
	top: 0;
	visibility: hidden; 
	position: absolute;
	z-index: 10; 
}

/* Layer4 beinhaltet das Textfeld rechts neben der Karte (Niedrigpreis-Garantie!) */
#layer4 {
	visibility: visible; 
	position: absolute;
	top: 30px;
	left: 450px; 
	width: 170px;
	padding: 5px;
	font-size: 76%;
	color: #000;
	line-height: 120%;
}

#layer4 b { 
  color: #000; 
  line-height: 30px 
}

#karte  {
	margin-left: 80px; 
	margin-top: 20px; 
	position: absolute;
	visibility: visible; 
	z-index: 1; 
}

#karte_text {
  font-size:80%;
  margin-top:550px;
  position:absolute;
  padding-right: 50px;
  padding-bottom: 50px;
  color: #3A8B39;
}

#keinumbruch { 
  white-space: nowrap; 
}