/* =1. Allgemeine Elementformatierungen       */
/* * * * * * * * * * * * * * * * * * * * * * * * * * */

html {height: 101%; padding-bottom: 1px;}

body {
	background-color: #fFF;
  	color: #013364;
  	font-family: Verdana,Arial,sans-serif;
  	font-size: 100.01%; 
  	min-height: 101%;	
}

*
{ margin: 0;
  padding: 0;}

  
  
/* =Block-Elemente*/

h1 {font-size: 1.6em}

h2 {font-size: 1.4em}

h3{font-size: 1.2em}

h4{font-size: 1em}

h5{font-size: 0.8em}

acronym[title] {
border-bottom : 1px dotted #EAF3FE;
background : #EAF3FE;
}


/* =Inline-Elemente */

a { 
	text-decoration: underline;
	margin-left: 0px; }

a#inhalt{display:block; height:0;width:0;line-height:0;}

img{ border: 0;}


p, ul, ol {margin-top: 0;
           margin-right: 0;}

input, select, textarea {
    font-family: "Courier New", Courier, monospace;
    font-weight: bold;
    color:#333333;
    /*background-color:#fff;#6666FF;*/
      /*background: url(../images/gitter2.gif)*/;}

input:hover, textarea:hover, select:hover {color: #333333; background-color: #9999FF;}

input:focus, textarea:focus, select:focus  {color:#333333; background-color:#CCCCFF; /*background: url(../images/gitter2.gif)*/;}

label, select, input[type=checkbox], input[type=radio],  input[type=button],  input[type=submit] {
	cursor: pointer;
 }


/*ol {display: inline;}*/

/* =classes allgemeiner Art */
.stopFloat {
	display: block;
  	float: none;
  	clear: both;
  	height: 1px;
  	font-size: 0px;
  	line-height: 0px;
}

.nachoben { text-align: right; margin-right: 20px; margin-left: 20px;}

.underline {border-bottom: 10px ridge #003366;
            } /*Unterstreichung 1. Ãœberschrift*/

.unsichtbar {
position: absolute !important;
left: -6000px !important;
top: -6000px !important;
width: 0px !important;
height: 0px !important;
overflow: hidden;
display: inline;
}

.block a{margin-left: 0px}




#breadcrumb{color: #003366; line-height: 140%; font-size: 80%; margin-left: 230px; margin-top: 5px; background-color: #fff;}

#breadcrumb a:link, #breadcrumb a:hover, #breadcrumb a:focus, #breadcrumb a:visited, #breadcrumb a:active {/*display: inline;*/
margin-left: 2px;
line-height: 120%; }

#breadcrumb a:focus, #breadcrumb a:hover{color: #BD1823;
                               background-color: #fff;
                               margin-left: 2px;
                              }
                              
#breadcrumb ul {display: inline;}
#breadcrumb li {display: inline;}

.clear-all {clear:both}
.ohne-css {display:none}

.Schriftgroesse09{font-size: 1.2em;
background-color: #fff;
color: #333333;}

.linktrenner {display: none;}
 
legend {margin-bottom:10px}

#spalte2 .absatz{margin-left: 40px; margin-bottom: 0.5em;}

#spalte2 label {border: 1px solid #fff; margin: 5px 0 0px 0;} /*für alle Formulare*/


/* * * * * * * * * * * * * * * * * * * * * * * * * * */
/* =2.Layoutbereiche*/
/* * * * * * * * * * * * * * * * * * * * * * * * * * */


#rahmen {
  	background-color: #FFF;
  	color: black; 
  	width:  55em; /*vorher 55em, ist aber etwas zu breit für 800*600, aber dann ist das Bild zu lang (bei 50em) .*/
  	border: 1px solid #003366;
  	margin: 0 auto; 
  	padding: 0 0px;
  	text-align: left;
  	max-width: 95%;
  	position: relative;
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * */
/*=Kopfbereich*/
/* * * * * * * * * * * * * * * * * * * * * * * * * * */
  
#kopf {
	position: relative;
  	background: url(../images/wellekopf.jpg) no-repeat; 
  	padding: 0px 0px 0px 0px; /*1. Wert Rand von oben */
  	width: 100%; /*55em*/
  	height: 178px;
  	z-index: 2;
	border-right: 1px solid #003366;}

#kopf .bild{position: absolute; margin-left: 28px; margin-top: 76px;}


#sprungmarke {
	float: left;
	width: 10em;
   position: absolute;
   left: 0px; top: 0em;   
   padding: 0 0px 0 0px;
	margin: 0;
	list-style: none;
	z-index: 1;
    }


#sprungmarke li {
   padding: 0 0px 0 1em;	
	float: left;
	display: inline;
 	font-size: 70%;
	line-height: 180%; 
	/*border: 0px solid red;*/
		}
		
#sprungmarke a {
   /*text-decoration: underline; */
   	display: block;   	}

#sprungmarke a:link {color: #FFF;
background-color: #013346}

#sprungmarke a:visited {color:#FFF;
background-color: #013346}

#sprungmarke a:active {color: black;
background-color: #fff/*#013346*/}

#sprungmarke a:focus{color:blue;
background-color: #fff;
}

#sprungmarke a:hover{color: #0000FF;
background-color: #fff;
}



/* * * * * * * * * * * * * * * * * * * * * * * * * * */
/* Spalte 1 
/* * * * * * * * * * * * * * * * * * * * * * * * * * */

#spalte1 {
  float:left;
  /*background: url(../images/gitter2.gif) repeat;*/
  width: 13em;
  padding-left: 0px;
  padding-top: 0em;
  border: 1px solid #FFF;
  
 }

#spalte1 .ueberschrift { /*Ammersee-Lech-barrierefrei*/
 	padding: 0em 0 0em 0em;
  	/*margin-top: 1em;
  	font-family: Arial, Verdana, sans-serif;*/
  	font-weight: bold;
  	font-size: 80%;
  	color: #003366;
  	background-color: #fff;
	text-align: center;
	
}
#spalte1 ul {
	padding: 0;
	margin-bottom: 30px;
	list-style: none;
	border-top: 1px solid #FFF; /* Farbe weiss Kurzschreibweise*/}



#spalte1 li {
	font-size: 90%;
	line-height: 180%;    /*180%*/
 	}


#spalte1 a {
	display: block;
	font-weight: bold;
	padding-left: 20px;
   text-decoration: underline;
   border: none;
	color: #003366;
	background-image: url(../images/BD1823.gif); 
   background-repeat: no-repeat;
	background-color: #fff;
   margin-left: 5px;
	}




* html #spalte1 a { height: 1em;} /* Wird für IE 5 gebraucht*/

#spalte1 a:link {
	font-weight: bold;            /*Schrift muss bei den Links gefettet werden */
	text-decoration: none;
	border-bottom: dashed #fff 2px;
    display: block;
   	}

#spalte1 a:visited {
	/*color: #003366;*/
	font-weight: bold;            /*Schrift muss bei den Links gefettet werden */
	text-decoration: none;
	border-bottom: dashed #fff 2px;
	display: block;
	background: url(../images/BD1823.gif) no-repeat;

	}	
	
#spalte1 a:hover {
	color: #BD1823;  /*Zustand beim Drüberfahren mit der Maus*/
	font-weight: bold;            /*Schrift muss bei den Links gefettet werden */
	text-decoration: none;
	border-bottom: dashed #003366 2px;
	display: block;
	background: url(../images/BD1823.gif) no-repeat;
	background-color: #fff;
	}

#spalte1 a:active {
	/*color: #003366;*/
	font-weight: bold;            /*Schrift muss bei den Links gefettet werden */
	text-decoration: none;
 	display: block;
    border-bottom: dashed #fff 2px;
	background: url(../images/BD1823.gif) no-repeat;
 	}
		
#spalte1 a:focus {
	color: #BD1823;  /*Zustand beim Durchsteppen mit der Tabulatortaste*/
	font-weight: bold;            /*Schrift muss bei den Links gefettet werden */
	text-decoration: none;
	border-bottom: dashed #fff 2px;
	display: block;
	background: url(../images/BD1823.gif) no-repeat;
	background-color: #fff;  	}
 
#spalte1 .UntBereiSpalte1 {text-align: center;  }
 
#spalte1 .UntBereiSpalte1 a {background: url(../images/gitter2.gif) repeat;
         padding-bottom: 0.5em;
         padding-top: 0.5em;
         padding-left: 0px;          }


#spalte1 .Valide{padding-top: 10px; padding-bottom: 10px; padding-left: 0px; line-height: 20%;}


#spalte1 .navigation_aktuelle_Seite {background: url(../images/runderkreis15.gif) no-repeat;
	margin-left: 5px;
	padding-left: 20px;
	padding-bottom: 5px;
	color: #BD1823;
	background-color: #fff;
	font-weight: bold;
	display:block;} 		



/* * * * * * * * * * * * * * * * * * * * * * * * * * */
/* Spalte 2
/* * * * * * * * * * * * * * * * * * * * * * * * * * */

#spalte2 {
  /*float:left;*/
  /*width: 41em;*/
  /*background: #FFF;*/
  padding: 0px 0 0px 0;
  border: 1px solid #fff;
  margin-top: 0px;
  /*margin-left: 13em;*/
  overflow: auto; /*war auto gab aber Probleme mit der Tabelle bei den Detailkriterien*/
  }


#spalte2 a:link  {
  color: #003366;
  background-color: #fff;
  font-weight: bold;
  /*display: block;*/

}

#spalte2 a:visited {
  color: #003366;
  background-color: #fff;
  font-weight: bold;
  /*display: block;*/
}

#spalte2 a:hover {
  color: #BD1823;
  background-color: #fff;
  font-weight: bold;
    /*display: block;*/}


#spalte2 a:active {
  color: #BD1823;
  background-color: #fff;
  font-weight: bold;
    /*display: block;*/}
  
#spalte2 a:focus {
  color: #BD1823;
  background-color: #fff;
  font-weight: bold;
  /*display: block;*/}

#spalte2 address{font-size: 0.9em;
 line-height: 140%;
  margin: 0 1.2em 1em 20px; /*4. Wert vorne*/
  color: #333333;
  background-color: #fff;
  font-style: normal;}

#spalte2 h1 {
	color: #BD1823;
	/*font-size:1.5em;*/
	line-height: 160%;
 	margin-bottom:1em;
	margin-top: 0.5em; 
	margin-left: 20px;
	background-color: #fff;
	display: block; /*Damit es bei zweizeiligen Texten auch bündig kommt*/
    border-bottom: 10px ridge #003366;
	}


#spalte2 h2 {
  color: #BD1823;
  background-color: #fff;
  /*font-size: 1.3em;*/
  line-height: 150%;
  /*border-bottom: 1px solid #BD1823;*/
  margin: 1.2em 1em 0.5em 20px;
  text-align: left;
  display: block;
}

#spalte2 .h2a { /*wird für die Startseite1 Drop-Down-Liste gebraucht usw.*/
  margin: 1.2em 1em 0.5em 20px;
  display: block;
  
  }

#spalte2 .h2 {
	 display: inline;
}

#spalte2 .h2bewertung{margin-right: 0px;
 margin-bottom: 0.5em;}
 

#spalte2 h3 {
   color: #BD1823;
   background-color: #fff;   
   margin: 1.2em 1em 0.5em 20px;
   text-align: left;
   display: block;    }
   
#spalte2 .h3 {
   color: #003366;
   background-color: #fff;
   margin: 1.2em 1em 0.5em 20px;
   text-align: left;  
   }  
   
#spalte2 .h3c {color: #BD1823;
               background-color: #fff;
               margin-top: 1.2em;
               margin-left: 20px;}
               
               

#spalte2 .h3b {color: #003366;
   background-color: #fff;
     font-size: 1.0em;
   text-align: left;
   margin-bottom: 10px;}



#spalte2 h4 {
   color: #BD1823;
   background-color: #fff;
   /*font-size: 0.8em;*/
   margin: 1em 1em 1em 20px;
   text-align: left;}
     
#spalte2 h5 {
   color: #BD1823;
   background-color: #fff;
   /*font-size: 1.1em;*/
   margin: 0 1em 0.5em 20px;
   text-align: left;  
   }
   
#spalte2 hr {
	margin-left: 0px;
   margin-bottom: 1em;
   margin-right: 0px;
   border: solid 2px #003366;}
   

#spalte2 .gesamtausgabe {margin-left: 20px;
margin-right: 20px;}

#spalte2 ol {margin-left: 60px;
             margin-bottom: 1em;
             margin-top: 1em;
             font-family: arial, sans-serif;
             }

#spalte2 ol li {font-size: 0.9em}

#spalte2 p {
  font-size: 0.9em;
  line-height: 150%;
  margin: 0 1.2em 1em 20px; /*4. Wert vorne*/
  color: #333333;
  background-color: #fff;
   }


#spalte2 .p{

	/*width: 48em;*/
	font-size: 80%;
	border-bottom: 1px solid #003366;
	border-left: 1px solid #003366;
	border-right: 1px solid #003366;
	border-top: 1px solid #003366; 
	line-height: 150%;
	padding: 0.25em 0.5em 0.25em 0.5em;
   margin: 0 1em 1em 20px; /*1. Wert oben 2.Wert rechts 3. Wert unten 4. Wert links */
	color: #333333;
	background-color: #fff;   }
   


#spalte2 ul {
	padding: 0;
	margin: 0.5em 0em 1em 1em;
    list-style-image: url('../images/rotesQuadrat.gif');
	list-style-type: square;
	list-style-position: outside;
}

/****************************************************************/
/* Besonderheit, falls der User die neuen Bewertungen gewählt hat*/
#spalte2 ul.mitpiktogrammen {list-style-image:none; list-style-type: none}
#spalte2 ul.mitpiktogrammen img {padding-right:5px;margin-bottom:-5px}

/****************************************************************/



#spalte2 li {
	font-size: 80%;
	margin: 0 0 0.2em 1.6em;
    line-height: 150%;	}

#spalte2 li a:link {border-bottom: 2px solid #003366;
text-decoration: none;}

#spalte2 li a:hover, a:focus {border-bottom: 2px double #BD1823;
text-decoration: none;}

#spalte2 li a:visited {border-bottom: 2px dashed green; text-decoration: none;}

#spalte2 li a:active {border-bottom: 2px dashed yellow; text-decoration: none;}

#spalte2 .groesser{
 font-size: 100%;
 margin: 0 0 0.2em 1.6em;}        
    	        

/* * * * * * * * * * * * * * * * * * * * * * * * * * */
/*=Gesamtausgabe*/
/* * * * * * * * * * * * * * * * * * * * * * * * * * */

#spalte2 .eigenschaftstabelle {/*Datenausgabe Gesamtdatei*/
	border-left:1px solid silver;
	border-bottom:1px solid silver;
	padding:20px;
	margin-left:15px}
	
#spalte2 .eigenschaftstabelle1  {/*Datenausgabe Gesamtdatei*/
border-left:1px solid silver;
	border-bottom:1px solid silver;
	padding:20px;
	/*margin-left:20px*/}

#spalte2 .eigenschaftstabelle2  {/*Datenausgabe Gesamtdatei*/
border-left:1px solid silver;
	border-bottom:1px solid silver;
	padding:20px;
	/*margin-left:20px*/}

#spalte2 .galerie{
	margin-left: 20px;
	position: relative;
	height: 8em;/*6,4em;*/}
    /*margin-top: 1em;
    margin-bottom: 1em;*/
 /*width:100px;*/ 
	/*Add a height attribute and set to largest image's height to prevent overlaying*/
	/*diplay: inline;
	/*border: 1px solid black;*/
	/*width: 20em;}*/



#spalte2 .galerie img{
   float: left; 	
	border: 3px solid #003366;

	padding: 4px 4px; 	}

	 
#spalte2 .galerie .imgcontainer img{margin: 0px 0px 0px 0px;
/*border: 10px solid yellow;*/ /*background: green*/}



#spalte2 .galerie .imgcontainer a:link{
	border: 3px solid #BD1823; 
	background-color: #57BEBA;
	color: white;
	float: left;
	margin: 0px 5px 0px 0px;
	padding: 0px 0px;
}



#spalte2 .galerie .imgcontainer a:visited{	
	border: 3px solid #003366; 
	background-color: #809FFF;
	color: white;
	float: left;
	margin: 0px 5px 0px 0px;
	padding: 0px 0px;}

#spalte2 .galerie .imgcontainer a:focus{
	border: 3px solid #BD1823;
	background-color: #003366;
	color: white;
	float: left;
	margin: 0px 5px 0px 0px;
	padding: 0px 0px;}


#spalte2 .galerie .imgcontainer a:hover{
	border: 3px solid #BD1823; 
	background-color: #003366;
	color: white;
	float: left;
	margin: 0px 5px 0px 0px;
	padding: 0px 0px;
}

#spalte2 .galerie .imgcontainer a:active{	
	border: 3px solid #BFE4FF; 
	background-color: #BD1823;
	color: white;
	float: left;	
	margin: 0px 5px 0px 0px;
	padding: 0px 0px;}



#Gesamtvorschau h3{
		color: #003366;
		background-color: #fff;			
      }


			
#Gesamtvorschau strong {
		color: #003366;
		background-color:#fff;}
	
#Gesamtvorschau strong.red{
		color: #BD1823;
		background-color:#fff;}

/*#Gesamtvorschau a{text-decoration: none;
    border: none;
	/*color: #996666;*/
	/*padding: 0px 0 0 0;
	margin-left: 20px;
	/*display: inline;*//*}*/
			
#Gesamtvorschau h4{color: #003366;
		background-color: #fff;		}			

			
#Gesamtvorschau h5{color: #003366;
		background-color: #fff;}	

#Gesamtvorschau li{
	list-style-image: url(../images/27klein.gif);
	font-size: 100%;
	line-height: 1.5em;
	/*height: 25px;
	width: 25px;*/}
	
#Gesamtvorschau li li{
	list-style-image: url(../images/29klein.gif);
	font-size: 90%;
	line-height: 1.2em;
	margin-left: -5px;
	/*list-style-position: inside;*/
	/*height: 15px; 
	width: 15px;*/}				


	
#Gesamtvorschau .rechteSpalte{
  clear:left;
  display: inline;  
  float:left;
  width: 12em;
  
  /*background-color: #FFF;*/
  padding: 0px 0px 0px 0px;
  margin: 1.5em 0px 1em 20px;
  border-right: 1px solid #fff;  /* Senkrechte Linie rechts */
  border-left: 1px solid #fff;   /* Senkrechte Linie links */
 }

#Gesamtvorschau .linkeSpalte {
  /*clear:left;*/
  display: inline;  
  float:left;
  width: 12em;
  color: #003366;
  background-color: #FFF;
  padding: 0px 0px 0px 0px;
  margin: 1.5em 0px 1em 0em;
  /*border-right: 1px solid #fff;   Senkrechte Linie rechts */
  /*border-left: 1px solid #fff;    Linie links */
  }	
		




.gesamtvorschau-grunddaten,.gesamtvorschau-weitereinformationen,.gesamtvorschau-untersuchteraeume {/*Datenenausgabe Gesamtdatei*/
margin-left:20px; color: #003366; background-color: #fff;}

.gesamtvorschau-universalraum-komplett {/*Datenausgabe Gesamtdatei*/
	border-left:1px solid silver;	
	border-bottom:1px solid silver;	
	padding:5px;	
	margin-top:20px}


	


/*---------------------------------------------------------------------*/
/*=Seite mit grossem Objektbild*/
/*---------------------------------------------------------------------*/


#spalte2 .grossesBild{/*für Seite wo das grosse Objektbild angezeigt wird*/
float: left;
/*width: 20.5em;*/
text-align: center;
padding-top: 0.5em;
padding-left: 20px;
}		

/*---------------------------------------------------------------------*/
/*Startseite mit Drop-Down-Liste*/
/*---------------------------------------------------------------------*/

#spalte2 .stichwortsuche {border: 2px solid black;
                          padding: 5px 5px;
                          margin-top: 10px;
                          margin-bottom: 10px;
                          margin-left: 20px;
                          margin-right: 1em; /*damit da der Abstand gleich ist
                                               wie mit dem Bild darunter bei 100%*/
                          width: auto; /*38.5em;*/}


#spalte2 .stichwortsuche a:link, .stichwortsuche a:focus, 
.stichwortsuche a:hover, .stichwortsuche a:active, .stichwortsuche a:visited
{font-size: 60%;
margin-left: 0;}

#spalte2 .stichwortsuche a:hover {color: #BD1823;
                                   background-color: #9999FF;}
#spalte2 .stichwortsuche a:focus {color:#BD1823;
                                   background-color: #FFF;}
                                                          

#spalte2 .image_start1{/*für Startseite wo Bild links ist*/
float: left;
width: 21em;
text-align: left;
padding-top: 0.5em;
padding-left: 0px;
margin-left: 20px;

}		

#spalte2 .drop-down{/*Startseite Drop-Down-Liste*/
	float: left;
	width: 15em;
	height: 26.65em;
}

#spalte2 .drop-down-ort{height: 2.5em } /*Startseite 1. Drop-Down-Liste */ 

/*#spalte2 .drop-down-ort a:hover {color: #ggg; background-color: #9999FF;} */
/*#spalte2 .drop-down-ort a:focus {color: #ggg; background-color: #FFF;}*/


#spalte2 .drop-down-plzort{height: 2.5em } /*Startseite 2. Drop-Down-Liste */

#spalte2 .areaimagemap {/*Formatierung für Startseite für die Imagemap*/
	color: #003333;
	background-color: aqua;
   margin-left: 20px;}
   
#spalte2 option { /*Optionsfelder Drop-Down-Liste Startseite*/
	color: #003366;
	background-color: #fff;
}

#spalte2 .ort{margin-left: 20px; width: 12.5em; margin-bottom: 5px;} /*für das Select-Feld auf der Startseite wo links die Drop-Down-Liste ist*/

#spalte2 select {/*Select Feld Drop-Down-Liste Startseite*/
	color: #003333;
	background-color: #fff;
   margin-left: 0px;
    }

#spalte2 select:focus {color:#333333; background-color:#fff; }

#spalte2 .form-label1 { /*Label Drop-Down-Liste Startseite1 */
	margin-left: 20px;
	padding-left:0px;
	color: #003366;
	background-color: #fff; 
	display: block;
	margin-top: 0;
	padding-top: 0;
	/*border: 1px solid #fff;*/
	}


#spalte2 .form-label-select {
display:block;
width:24px;
float:left;
height:2em;
font-weight:normal}

#spalte2 .form-field-startseite {width: 12.5em; margin-left: 1.3em; margin-top: 2px; margin-bottom: 10px;}
/*---------------------------------------------------------------------*/
/* =Detailkriterien und Hilfe*/
/*---------------------------------------------------------------------*/
#tabelle {overflow: visible;}

#tabelle h1 {color: #BD1823; background: #fff; font-size: 150%; margin-bottom: 20px; margin-top: 20px; margin-left: 232px;}

#tabelle h2{color: #BD1823; background: #fff; font-size: 150%; margin-bottom: 20px; margin-top: 20px; margin-left: 0px; text-align: center;}

#tabelle ul {
	padding: 0;
	margin-top: 0.5em;
    margin-bottom: 16em;
    margin-left: 232px;
    list-style-image: url('../images/rotesQuadrat.gif');
	list-style-type: square;
	list-style-position: outside;}

#tabelle li {
	font-size: 80%;
	margin: 0 0 0.2em 1.6em;	}

#tabelle a {background-color: #fff;
  font-weight: bold;
  color: #003366;
  margin-top: 20px;}
  
#tabelle a:link #tabelle a:visited  {
  color: #003366;
  background-color: #fff;   }


#tabelle a:hover, #tabelle a:active, #tabelle a:focus   {
  color: #BD1823;
  background-color: #fff;     }

#tabelle .nachoben {text-align: right; margin-right: 20px; margin-left: 20px; margin-top: 20px;}

#tabelle table {width: 90%; margin-left: 20px; margin-right: 20px; padding: 0.25em; font-size: 80%; border: 1px solid #003366;}

#tabelle th {color: #003366; padding: 0.5em; background-color: #fff; border: 1px solid #003366;}

#tabelle tr {color: #003366;
         text-align: left;
         padding: 0.5em;
         background-color: #fff;
         border: 1px solid #003366;}

#tabelle td   {color: #003366; padding: 0.25em; background-color: #fff; border: 1px solid #003366;}

#tabelle table {width: 90%; margin-left: 20px; margin-right: 20px; padding: 0.25em; font-size: 80%; border: 1px solid #003366;}

#tabelle th {color: #003366; padding: 0.5em; background-color: #fff; border: 1px solid #003366;}

#tabelle tr {color: #003366;
         text-align: left;
         padding: 0.5em;
         background-color: #fff;
         border: 1px solid #003366;}

#tabelle td   {color: #003366; padding: 0.25em; background-color: #fff; border: 1px solid #003366;}




/********************************/
/*Tabelle in der Seite Hilfe*/
/********************************/

#tabelle1 {overflow: visible;}

#tabelle1 table {width: 90%; margin-left: 20px; margin-right: 20px; padding: 0.25em; font-size: 80%; border: 1px solid #003366;}

#tabelle1 th {color: #003366; padding: 0.5em; background-color: #fff; border: 1px solid #003366;}

#tabelle1 tr {color: #003366;
         text-align: left;
         padding: 0.5em;
         background-color: #fff;
         border: 1px solid #003366;}
         
#tabelle1 td   {color: #003366; padding: 0.25em; background-color: #fff; border: 1px solid #003366;}

#tabelle1 table {width: 90%; margin-left: 20px; margin-right: 20px; padding: 0.25em; font-size: 80%; border: 1px solid #003366;}

#tabelle1 th {color: #003366; padding: 0.5em; background-color: #fff; border: 1px solid #003366;}

#tabelle1 tr {color: #003366;
         text-align: left;
         padding: 0.5em;
         background-color: #fff;
         border: 1px solid #003366;}

#tabelle1 td   {color: #003366; padding: 0.25em; background-color: #fff; border: 1px solid #003366;}



/*---------------------------------------------------------------------*/
/* =  Partner und Foerderer*/
/*---------------------------------------------------------------------*/

#spalte2 .partner1{width: 29em; border-top: 1px solid #BD1823; margin-left: 20px; margin-top: 1em;}

#spalte2 .partner1 h2 {
			margin-top: 1em;

            margin-bottom: 1em;
            margin-left: 20px;
            font-size: 100%;
            color: #003366;

            background-color: #fff}

#spalte2 .partner1 .Logospalte {float:left;
              margin-left: 20px;
              min-height: 60px;
              /*position: absolute;*/
              /*margin-top: 1em;*/
              width: 90px;
              display: inline;}

#spalte2 .partner1 .address  {float:left;
                   padding-left: 10px;
                   margin-bottom: 1em;
                   min-height: 41px;
                   font-size: 90%;
                   }


     

/* * * * * * * * * * * * * * * * * * * * * * * * * * */
/*=Liste Suchergebnisse*/
/* * * * * * * * * * * * * * * * * * * * * * * * * * */
#spalte2 .kriterien {
border: 1px solid #003366;
margin-left: 1em;
margin-top: 0.5em;
padding: 1em 0 1em 0;
display: block;
/*height: 5em;*/
margin-bottom: 0.5em;
}

#spalte2 .kriterien h2 {
  font-family: Verdana, Arial, sans-serif;
  font-size: 1.1em;
  line-height: 120%;
  margin: 0 1em 0.5em 1em;
  display: block;
}

/*#kriterien form
{
font-weight:normal;
/*background-color: #FFF; 
/*width: 24em;
}*/

/*#kriterien input{width: 15em;} submit-Feld*/

#kriterien strong {color: #003366; background-color: #fff;}   
   
#spalte2 .kriterien .Suchkriterien {
	font-size: 0.9em;
  	/*line-height: 150%;*/
   margin: 0 1.2em 0em 20px; /*4. Wert vorne*/
   color: #333333;
   background-color: #fff;
         }   
   
#spalte2 .kategorie-text {/*Formatierung fuer Zeile Kategorie und Plz und Ort in der Ergebnisliste*/
 	margin-left: 0.5em; 
 	color: #BD1823;
 	background-color: white;
 	display: inline;}
 	
#spalte2 .kategorie-text1 {/*Formatierung fuer Ausgabe Datenbank nach Kategorie und Ortin der Ergebnisliste */
	color: #003366;
   background-color: white;
   display: inline;}	

#spalte2 .Elementeigenschaftueberschrift{/*ÜberschriftElementeigenschaften Ergebnisliste*/
	float:left;
	color: #003366;
   background-color: #fff;
   font-family: Verdana, Arial, sans-serif;
   font-size: 1.0em;
   text-align: left;
   vertical-align: middle;
   display: block;
   padding: 5px; 
   /*text-align: center;*/
   margin-bottom: 5px;
	/*border: 1px solid #fff;*/
      }

#spalte2 .ergebnis {/*Kasten aussen rum um die Adresse in der Ergebnisliste*/
   border: 1px solid #003366;
	margin-left: 1em;
	padding-top: 0.5em;
    padding-bottom: 0.5em;
    margin-bottom: 0.5em;}
    


#spalte2 .ergebnis h3 {color: black; background-color: #fff; margin-left: 52px; font-size: 0.9em;}

#spalte2 .Piktogramm{/*1. Spalte Piktogramme Ergebnisliste*/
	color: #333333;
 	background-color: #fff;
 	float:left;
 	font-size: 80%;
 	margin-left: 0.5em;
    margin-right: 0.5em;
 	width: auto;
    /*min-height: 3em; Wird evtl. für IE gebraucht
 	height: 8.3em;*/
 	position: relative;
    /*margin-bottom: 0.5em;*/
    display: block;
}


#spalte2 .Piktogramm img {padding: 2px 2px; margin-bottom: 0.3em; display: inline; position: relative;}

#spalte2 .Piktogramm a {display:block; margin-bottom: 0.3em;}

#spalte2 .Piktogramm a:link img{border: 2px solid #fff; 	    }


#spalte2 .Piktogramm a:visited img{
	border: 2px solid #fff;
	/*background-color: #809FFF;
	color: blue;*/
          }

#spalte2 .Piktogramm a:focus img{
 	border: 2px solid #BD1823;
	background-color: #fff;
	color: blue; 	}

#spalte2 .Piktogramm a:hover img{
 	border: 2px solid #BD1823;
	background-color: #fff;
	color: blue; }



#spalte2 .Piktogramm a:active img{
  border: 2px solid #fff;
	/*background-color: #BD1823;
	color: blue;*/ 	}


#spalte2 .Adressdaten{/*2.Spalte Ergebnisliste Adresse*/
 color: #333333;
 background-color: #fff;
 float:left;
 font-size: 80%;
 margin-left: 0px;
 /*padding-right: 10px; Abstand zwischen den Spalten wenn width auf auto steht*/
 width: 40%;      /*sollte möglichst fest bleiben um ein Flattern zu verhindern*/
/* min-width: 5em;*/
  min-height: 4em; /*7em musste so gross sein, weil sonst es passieren konnte,
                dass bei einer Auflösung von 800*600 sich der Text inneinander geschoben hat */
 position: relative;
 /*margin-bottom: 0.5em;*/

   }



#spalte2 .Adressdaten1{/*3.Spalte Ergebnisliste Telefonnummer usw.*/
 color: #333333;
 background-color: #fff;
 float:left;
 font-size: 80%;
 width: 40%;      /*bei width: auto ist es passiert, dass diese Eingaben nicht mehr in die Zeile gepasst haben
                    und dann das Layout verschandelt haben. */
 /*min-width: 5em;*/
 min-height: 4em;  /* 7em musste so gross sein, weil sonst es passieren konnte,
                dass bei einer Auflösung von 800*600 sich der Text inneinander geschoben hat */
 position: relative;
 /*margin-bottom: 0.5em;
 margin-top: 1.0em;*/
  }


#spalte2 .link{ /*link Ergebnisliste*/
clear: left;
font-size: 80%;
/*width: 38em;*/
margin-bottom: 1em;
display: block;
padding-top: 15px;
margin-left: 50px;
}

/* und Fälschung */
#spalte2 .Blaettern li {
			display: inline;
			list-style: none;
			padding-right: 10px;
}


#spalte2 .Blaettern li a {
			border : none;

}

#spalte2 .Blaettern li img {padding: 2px;} /* nicht verlinkte inaktive buttons */

#spalte2 .Blaettern li a img {	border: 2px solid #fff; padding: 0;}

#spalte2 .Blaettern li a:visited img {	/*border-color: #036;*/}

#spalte2 .Blaettern li a:hover img,
#spalte2 .Blaettern li a:focus img,
#spalte2 .Blaettern li a:active img
{
	border-color: #BD1823;

}

#spalte2  #SeitenWahl {font-weight: bold; font-size: 1.2em; color: #666;background-color: #fff;}
#spalte2  #SeitenWahl ul {}
#spalte2  #SeitenWahl li {padding-right: 5px; list-style-type: none;}
#spalte2  #SeitenWahl a {text-decoration: underline;
}


/* Ende Fälschung */

#spalte2 .linkaktiv{margin-left: 20px; margin-bottom: 0.5em;}

#spalte2 .linkinaktiv { /*Link Zurück auf der ersten Seite*/
  color: #003366;
  background-color: #fff;
  font-weight: bold;
  margin-left: 20px;  }

#spalte2 .linkinaktiv img {margin-bottom: 1em;}

/*#spalte2 .zwischenraum{
    margin-top: 10px;}*/
    
    
#spalte2 .blockasinline {display:inline}

#spalte2 .rechtsbuendig{text-align: right;}

/*Buttons bei Ergebnisliste*/
#spalte2 .neuesuche {width: 12.5em; font-weight:normal; margin-right: 10px; margin-left:10px; margin-bottom: 0px; /*border: 1px solid green;*/}
#spalte2 .form-element-button3 {/*width: 16em;*/  font-weight:normal; margin-right: 0px; margin-left:0px; margin-bottom: 0px; /*border: 1px solid yellow;*/}

/*.ergebnis-kategorie{background: url(../images/gitter2.gif) repeat; padding: 2px; font-weight: bold;
}*/

/*************************************************************************/
/*=Bewertungen*/
/*************************************************************************/

#spalte2 .BewertPiktogramm{
	color: #333333;
 	background-color: #fff;
 	float:left;
 	font-size: 100%;
 	margin-left: 0.5em;
    margin-right: 0.5em;
 	width: auto;
    /*min-height: 3em; Wird evtl. für IE gebraucht
 	height: 8.3em;*/
 	position: relative;
    /*margin-bottom: 0.5em;*/
    display: block;
}


#spalte2 .abstand {margin-top: 1.5em;
                   margin-left: 10px;
                   line-height: 150%;
                   margin-bottom: 1.5em;
                   vertical-align: top;
                   font-weight: bold;}


/*************************************************************************/
/*=Formular Datenbankabfrage*/
/*************************************************************************/


/*Brauchte hier zwei verschiedene Piktogramme-Layouts wegen dem IE 6.0*/       
#spalte2 .pictogramme {/*Piktogramme Suchmaske*/
float:left;
margin-left: 0em;
width: 30px;
height: 65px; /*braucht der IE 6.0*/
vertical-align: bottom;
 }

#spalte2 .pictogramme1 {/*Piktogramme Suchmaske*/
float:left;
margin-left: 0em;
width: 30px;
height: 30px; /*braucht der IE */
vertical-align: bottom;
margin-bottom: 0.2em;
}
 
#spalte2 .CheckboxRollstuhl{/*Formatierung Checkbox Suchmaske Piktogramme*/
	margin-left: 7px;
    float:left;
    margin-bottom: 0.5em;	}
	
/*#spalte2 .bereitskriterienausgewaehlt{margin-left: 20px}	*/

#spalte2 fieldset {
    margin-top:15px;
    margin-left: 15px;
    margin-right: 15px;
    padding:5px;
    font-weight:bold;
    color: #BD1823;
    background-color: white;
 /*width: 36.5em;*/}
 
#spalte2 .form-element-button {
    width:29em;
    height: 2em;
    float: right;
    text-align:right;
    font-weight:normal;
    margin-right: 17px; margin-left:20px;
    /*height: 2em; padding: 10px; border: 1px solid yellow;*/}

#spalte2 .form-element {
    font-weight:normal;
    color: #003366;
    background-color: #FFF;  }

#spalte2 .form-element-inputtext {
    width:29.5em; /*Diese Länge wird für Opera 8.5 gebraucht*/
    font-weight:normal;
    margin-top:10px;
    border: 1px solid #fff;
    height: 2em; /*Höhe wird für Opera 8.5 gebraucht*/ }/*Text + Eingabefeld bei Ort usw.*/

#spalte2 .form-field
         {width: 15em;
         float: left;
         margin-left: 0.5em;
         overflow: visible;
          }/*Eingabefelder Ort usw.*/
         
#spalte2 .form-field-button {width:15em; } /*Button Zurueck zur Suchmaske in der Ergebnisliste*/
#spalte2 .form-field-button1 {width:15em;}
#spalte2 .form-field-button2 {width:14em;} /*Button Suchen bei Datenbankabfrage*/
#spalte2 .form-field-button3 {width:14em;} /*Button Löschen bei Datenbankabfrage*/
#spalte2 .form-label {
         display:block;
         width:12em; /*Länge des Feldes wo die Texte Ort usw. drin stehen.*/
         float:left;
         font-weight:normal;
         margin-left: 0.5em;
         margin-bottom: 1em;
         color: #003366;
         background-color: #fff;
         margin-top: 0px;
         /*line-height: 100%*/
}




/*label Farbe ist der Text in den Boxen, width rückt die Eingabefelder näher an Text heran */
#spalte2 .label {display:block; width:6.0em; /*Feldlänge von Beschriftung im Hilfe-Formular*/
float:left;
font-weight:normal;
text-align:left; 
color: #333333; 
background-color: #fff;
}

#spalte2 .label-checkbox{font-weight:normal;text-align:left; display: block; border: 1px solid #fff;}
#spalte2 .label-select {display:block;width:10em;float:left;height:2em;font-weight:normal; border: 1px solid #fff;}
.Objektkat {/*width: 18em; */font-weight: bold; margin-left: 0.0em; color: #003366; 
background-color: #fff;   }/*Mache ich #Spalte2 Objektkat dann wird der Border nicht mehr angezeigt*/

#spalte2 .anrede{width:5em;} /*Datenbankabfrage Suchformular Anredefeld*/


/*Spalte Mobilität*/
/*#kat-spalte{font-weight: normal; float: left; width: 10em; margin-left: 0.5em; border: 1px solid #fff;  }
#kat-spalte h3 {font-weight: bold; color: #003366; background-color: #fff; margin: 0 0 0.70em; 
padding: 0 0 0em; display: block;}*/



/*Üœbernachtungsmöglichkeit*/
#spalte2 .kat-spalte3{font-weight: normal; float: left; width: 48%; margin-left: 0em; } 
#spalte2 .kat-spalte3 h3 {font-weight: bold; color: #003366; background-color: #FFF; margin: 0 1em 0em 0; 
padding: 0 0 0em 0; display: block; }


/*Spalte Essen und Trinken*/
#spalte2 .kat-spalte5{font-weight: normal; float: left; width: 48%; margin-left: 0em; } 
#spalte2 .kat-spalte5 h3 {font-weight: bold; color: #003366; background-color: #FFF; margin: 0 1em 0em 0; }

#spalte2 .h3a { /*Ãœberschriften Eigenschaften neben Bildern in Datenbankabfrage*/
   color: #003366;
   background-color: #fff;
     font-size: 1.0em;
   text-align: left;
   /*display: inline;*/
    
   /*border: 1px solid #fff;*/
   /*text-align: center;*/ }  

#spalte2 .h3b {color: #003366;
   background-color: #fff;
     font-size: 1.0em;
   text-align: left;
   margin-bottom: 10px;}



/*************************************************************************/
/*=Aktuell*/
/*************************************************************************/

#spalte2 dl.border-around {width: 29em;}
/* das ist die einzige Breitenangabe, die du brauchst */

#spalte2 .border-around dt {
background: url(../images/gitter2.gif) repeat;
color: #036;
background-color: #fff;
margin-left: 20px;
font-weight: bold;
text-align: center;
letter-spacing: 1px;
text-transform: uppercase;
border: 1px solid #bd1823;
}

#spalte2 .border-around dd{
margin: 0 0 1em 20px; /*3. Wert Abstand zwischen einzelnen Neuigkeiten
unten */
border: 1px solid #BD1823;
/*border-top: none;*/
font-size: 80%;
line-height: 1.5;
color: #333;
background-color: #fff;
padding-left: 20px;
padding-bottom: 0.2em;
}

#spalte2 .border-around h2 {
font-size: 1.1em;
margin: 0;
padding-top: 0.3em;
}


#hinweis-kriterien {font-weight:normal}

/*******************************************************************************/
/* =Kontakt-Formulars */
/*******************************************************************************/

#spalte2 .element-button {text-align:right;font-weight:normal; background: url(../images/gitter2.gif); padding:3px; border: 1px solid red;}
#spalte2 .element {font-weight:normal}
#spalte2 .div-inputtext {font-weight:normal;
                     margin-top: 5px;
         }
#spalte2 .inputtext {width:27em; margin-top: 5px; } /*Eingabefelder*/
#spalte2 .inputcheckbox {font-size:18em}
#spalte2 .field-button {width:15px}
/*.label {display:block;width:24ex;float:left;font-weight:normal;text-align:left}*/

/*******************************************************************/
/*=Hilfe*/
/*******************************************************************/
#spalte2 .hervorhebung-suche{color: #BD1823; background-color: #fff;}

/*******************************************************************/
/*=Raeume*/
/*******************************************************************/

#spalte2 .erhebung h1{font-weight: bold; color:#BD1823; background-color: #fff; font-size: 1.5em; }
#spalte2 .erhebung h2 {font-weight: bold; color:#003366; background-color: #fff; font-size: 1.3em; }
#spalte2 .erhebung h3 {font-weight: bold; color: black; background-color: #fff; font-size: 1.1em; }

#spalte2 .erhebung ul {padding: 0;
	margin: 0 0 2em 1.2em;
	list-style-image: url('../images/rotesQuadrat.gif');
	list-style-type: square;
	list-style-position: inside;
	}

#spalte2 .erhebung li {font-size: 100%;}   


/*****************************************************************/
/* =Daten Einzelobjekte*/
/*****************************************************************/

#spalte2 .Bildspalte {/*Formatierungen für Seite Erfasste Daten - Bildspalte*/
float: left;
width: 300px;
/*height:225px;*/
margin: 0 0 1em 20px;
border: 1px solid #fff;

}

#spalte2 .Adressspalte{/*Formatierungen für Seite Erfasste Daten- Adressspalte*/
float: left;
font-size: 80%;
padding: 0px 8px 8px 8px ;
margin-bottom: 1em;
width: 23.0em;
/*height: 13em;*/
border: 1px solid #fff;
margin-left: 15px;}





/*Button bei Einzelansicht Zur Gesamtausgabe*/
#spalte2 .form-element-button1 {/*width: 16em;*/
         text-align:right;
         font-weight:normal;
         margin-right: 20px;
         margin-left:20px;
         margin-bottom: 10px; }
         
         
/*****************************************************/
/*=Fuss*/
/*****************************************************/
           
#footer {
position: relative;
background: url(../images/unten_ohne.gif) no-repeat top left;
width: 100%; /*55em*/
height: 93px;
margin: 0px 0px 0px 0px;
/*padding: 0px 0px 0 0px;*/

padding: 0px 0 0px 0px;
/*background-color: white;*/

}

#footer .bild{
   position: relative /*absolute*/;
   margin-top: 12px;
   margin-left: 49.5em; /*790px*/;
   margin-right:  10px;
	height: 56px;
	width: 33px;
			}
             


a#hauptmenue {display: none;}
/*.inhalt {text-align: left;
         color: #FFF}*/