#Bewertung {
display: flex;
align-items: center;
justify-content: center;
background-color: #fff;

}

#weiter {
display: flex;
align-items: center;
justify-content: center;
background-color: #fff;
}

#wrapper {
background-color: #ff00ff;
position:fixed;
left:40%;
top:40%;

}

main  {

}

fieldset {
background-color: #D7D7D7;

}

p {
text-align: left;
margin-left: 30px;
line-height: 100%;
font-size: 17px;
padding-left: 10px; padding-right:10px;
padding-top: 5px; padding-bottom:5px;
}

td, th         { border: 1px solid; padding:5px; vertical-align: top; text-align: left; font-size: 17px}
      #spaltengruppe { width: 170px; }
      #spalte1       { width: 100px; }
	  #spalte7	  {width: 30px}
	  #spalte8	   {width: 30px}

td {
background-color: #fff;
}

#Mod {
width: 700px;
}


#b1 {
height:1cm; 
border-color: red;
margin-bottom:2cm;
margin-left:5cm;
margin-top:15px;
}

#b1:hover {
cursor: pointer;
background-color: white;
}

#b2 {
height:1cm; 
border-color: red;
margin-bottom:2cm;
margin-left:5cm;

}

#b2:hover {
cursor: pointer;
background-color: white;
}

.sprechblase {
position: absolute;
padding: 1rem;
font-family: helvetica, tahoma;
border: 4px solid #2651A6;
margin:0 auto;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
text-align: center;
background: #fff;
margin-top: 1cm;
z-index:2;
}

.sprechblase:before {
content: ' ';
position: absolute;
width: 0;
height: 0;
left: 28px;
top: -17px;
border-left: 14px solid transparent;
border-right: 14px solid transparent;
border-bottom: 17px solid #2651A6; 

}

.sprechblase:after {
content: ' ';
position: absolute;
width: 0;
height: 0;
left: 34px;
top: -10px;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-bottom: 10px solid #fff;

}

.button {
background-color: #fff;
margin: 20px;
font-size: 17px;
padding: 6px;
}
.button:hover {
cursor: pointer;
background-color: #f4e5a8;
}

#LinkHaus:hover, #LinkWhg:hover {

cursor: pointer;

}
#Haus:hover, #Wohnung:hover {

border: 2px solid #f4e5a8;

}


#DaSchu {

		display: none;
		opacity: 0.85;
		filter: alpha(opacity=0);
		background-color: #fff;
		position: fixed;
		top: 50%;
		left: 50%;
			-webkit-transform: translate(-50%, -50%);
		    -ms-transform: translate(-50%, -50%);
		        transform: translate(-50%, -50%);
		min-width: 400px;
		height: 300px;
		overflow: auto;
		z-index: 1;
		box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
		-webkit-transition: visibility 0s .4s, opacity .4s 0s;
		        transition: visibility 0s .4s, opacity .4s 0s
				
}

#DaSchu2 {

		display: none;
		opacity: 0.85;
		filter: alpha(opacity=0);
		background-color: #fff;
		height: 480px;
		position: fixed;
		top: 50%;
		left: 50%;
			-webkit-transform: translate(-50%, -50%);
		    -ms-transform: translate(-50%, -50%);
		        transform: translate(-50%, -50%);
		min-width: 450px;
		overflow: auto;
		z-index: 1;
		box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
		-webkit-transition: visibility 0s .4s, opacity .4s 0s;
		        transition: visibility 0s .4s, opacity .4s 0s
				
}


#Info, #Info2, #Info3  {

		display: none;
		opacity: 0.85;
		filter: alpha(opacity=0);
		background-color: #fff;
		height: 550px;
		position: fixed;
		top: 50%;
		left: 50%;
			-webkit-transform: translate(-50%, -50%);
		    -ms-transform: translate(-50%, -50%);
		        transform: translate(-50%, -50%);
		width: 650px;
		overflow: auto;
		z-index: 1;
		box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
		-webkit-transition: visibility 0s .4s, opacity .4s 0s;
		        transition: visibility 0s .4s, opacity .4s 0s
				
}



#DS:hover {
cursor: pointer;
color: #808080;
}


#schl:hover {
cursor: pointer;
color: #808080;
}

#absch {
font-weight: bold;
width: 4cm;
height:1cm;  
float: right;
margin-bottom: 4cm;
margin-top: 0.5cm;
background-color: yellow;
}
#absch:hover {

cursor:pointer;
border-color: red;
}

#Haus50er:hover, #Haus70er:hover, #Haus80er:hover, #Haus90er:hover, #Haus2000er:hover, #Neubau:hover, 
#EinfacheLage:hover, #MittlereLage:hover, #GuteLage:hover, #Villenlage:hover {

cursor:pointer;
border: 1px solid #f4e5a8;
background-color: #f4e5a8;
}

#WEEinfacheAusst:hover, #WEMittlereAusst:hover, #WEMiGuAusst:hover,#WEGuteAusst:hover, #WETopAusst:hover,  #WENeuEinfAusst:hover, #WEWvkTop:hover, 
#WEEinfacheLage:hover, #WEMittlereLage:hover, #WEGuteLage:hover, #WEToplage:hover {

cursor:pointer;
border: 1px solid #f4e5a8;
background-color: #f4e5a8;
}

#Ergebn {

border-style:none; 
border-width:0px; 
width: 350px;
background: yellow;
}

#chart_div {



}