html, body {
    background: none repeat scroll 0 0 #ffffff;
	  margin: 0;
    padding: 0;
	  color: #151515;
    font-family: Verdana,sans-serif,Helvetica;
	line-height :100,01%;
}


#Inhalt{
	position: relative;
	float:left;
	background:none;
	width:570px;
	/*min-height:400px;*/
	font-size:12px;
	z-index:1;
	margin-top:21px;
}

#selection_menue{
width:180px;
overflow:hidden;
border: 1px solid #AAA;
 border-radius: 5px;
 margin: 0 0 0 21px;
}


#elements{
	position: relative;
	float:left;
	width: 120%;
	height:25px;
    -webkit-appearance: button;
    -moz-appearance: button;
    -ms-appearance: button;
    -o-appearance: button;
    appearance: button;
    background-color: rgb(229, 229, 229); /* fallback color if gradients are not supported */
    background-image: url(../../beratungsclips/winkel.png), -webkit-linear-gradient(top, rgb(229, 229, 229), rgb(244, 244, 244)); /* For Chrome and Safari */
    background-image: url(../../beratungsclips/winkel.png), -moz-linear-gradient(top, rgb(229, 229, 229), rgb(244, 244, 244)); /* For old Fx (3.6 to 15) */
    background-image: url(../../beratungsclips/winkel.png), -ms-linear-gradient(top, rgb(229, 229, 229), rgb(244, 244, 244)); /* For pre-releases of IE 10*/
    background-image: url(../../beratungsclips/winkel.png), -o-linear-gradient(top, rgb(229, 229, 229), rgb(244, 244, 244)); /* For old Opera (11.1 to 12.0) */ 
    background-image: url(../../beratungsclips/winkel.png), linear-gradient(to bottom, rgb(229, 229, 229), rgb(244, 244, 244)); /* Standard syntax; must be last */
	background-color: -moz-linear-gradien(to bottom, rgb(229, 229, 229), rgb(244, 244, 244));
	background-color: rgb(229, 229, 229); /* fallback color if gradients are not supported */
    background-position: 156px 3px;
    background-repeat: no-repeat;
    border:none;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
    color: #555;
    font-size: inherit;
    
    overflow: hidden;
	text-indent: 0.01px;
    text-overflow: '';
	padding:4px;
    padding-top: 4px;
    padding-bottom: 4px;






}

iframe{
height:480px !important;
width:570px !important;
border:none !important;
}


@media (max-width: 570px) {

	iframe{
		height:420px !important;
		width:96% !important;
		margin-left:2% !important;
		margin-right:2% !important;
		border:none !important;
	}


	#Inhalt{
		width:98%;
		margin-left:1%;
		/*min-height:400px;*/
	}

}

@media (max-width: 480px) {
	
	iframe{
		height:400px !important;
	}
	
}

@media (max-width: 300px) {

	iframe{
		height:360px !important;
	}

}