/* ----------- iPhone 5 and 5S ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2) 
{


 body
 {    
	height: 98%;
	width: 100%;
	padding: 0;
    font-size: 150%;
	background: #f0f0f0;
	font-family: Verdana, Arial, sans-serif;
	margin: 0;
 }



.div_resp_text {
	float: left;
	font-size: 150%;
	text-align: center;
	padding: 3%;
	padding-top: 3.5%;
}

.div_resp_text1 {
	float: left;
	font-size: 150%;
	text-align: center;
	margin-left: 0%;
	padding: 3%;
	padding-top: 3.5%;
}

.div_resp_left_50p {
	width: 98.5%;
	float: left;
	margin-left: 0.2%;
	margin-right: 2%;
}

.div_resp_right_50p {
	width: 98.5%;
	float: left;
	margin-left: 0.2%;
	margin-right: 0.2%;
}



.div_50pk {
width:100%;	
float:left;
}

.div_news_oben_rechts {
	width: 50%;
	float: left;
	visibility: hidden;
}

.mp_content-text
{
	hyphens: auto;
	color: #333;
    font-size: 90%;
	
}


.innenwrapper
{
    font-size: 100%;
	width: 98%;
	float: left;
	margin-left: 1.6%;
	margin-right: 1.6%;
	margin-bottom: 1.6%;
}


/* MENÜ horizontal*/

ul.hor_menu{
	list-style: none;
	padding: 0;
	margin: 0;
	overflow: hidden;
	list-style-type: none;
    font-size: 150%;

}

ul.hor_menu li {

	float: left;
	width: 100%;
	line-height: 200%;	
}



#div_inactive_button{	

    background-color: #FFF;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-style: solid;
	border-left-color: #666;
	border-right-color: #666;
	border-bottom-color: #666;
	
	
}
#div_active_button{
	
	background-color: 	#d80000;
	color:#FFF;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-style: solid;
	border-left-color: #666;
	border-right-color: #666;
	border-bottom-color: #666;
	
	
}

#div_home_inactive_button {
    background-color:#FFF;
	background-image: url(../design/home-schwarz.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: contain, 100%;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-style: solid;
	border-left-color: #666;
	border-right-color: #666;
	border-bottom-color: #666;
}

#div_home_active_button {
    
    background-color:#d80000;
	background-image: url(../design/home-weiss.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: contain, 100%;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-style: solid;
	border-left-color: #666;
	border-right-color: #666;
	border-bottom-color: #666;

}


.personen_menge2 {

	margin-left: 6.5%;
	float: left;
	margin-bottom: 2%;
	font-size: 95%;	
	
	
}

.personen_menge3 {
	margin-left: 1.3%;
	float: left;
	margin-bottom: 2%;
	font-size: 95%;	
	
}

.personen_vorlage {
	width: 138px;
	background-color: #FFF;
	float: left;
	margin-top: 0px;
	padding: 2px;
	margin-right: 15px;
	margin-bottom: 10px;
	border: 1px;
	border-radius: 1px;
  	-moz-border-radius: 2px;
    -webkit-border-radius: 2px; 
	-ms-border-radius: 2px;
    box-shadow: 1px;
    box-shadow: 1px 1px 2px 1px #333; 
    box-shadow: 1px 1px 2px 1px #333;
	​box-shadow: ​#999 ​1px ​1px;
	
}

.div_resp_mar_left {               /* NEU- responsible margin-left logo*/

    margin-left: 1.2%;
	width: 98%;
	float: left;

}


/* -------------------NEU Logo mit Flaggen*/

.div_resp_mar_left2 {               
    margin-left: 1.2%;
	width: 30%;
	float: left;

}
.sprache-auswahl
{
	width: 28px;
	height: 60px;
	margin-left: 1%;
	margin-top: 1.5%;
	float: left;
}


/* -------------------ENDE NEU Logo mit Flaggen*/


.div_resp_mar_right {
	float: right;
	margin-top: 0%;
	margin-right: 0%;
	height: 0.1%;
	visibility: hidden;
}

.div_resp_mar_right1 {
	float: right;
	margin-top: 0%;
	margin-right: 0%;
	height: 0.1%;
	visibility: hidden;
}

.mar3
{              
    margin-top: 0%;
	visibility: hidden;

}




.links_wrapper
{
width: 1%;
float:left;
height:100%;
}


.mitten_wrapper
 {
	text-align: left;
	margin: 0 auto;
	margin-top: 10px;
	width: 98%;
	height: 100%;
	border-radius: 3px;
	box-shadow: 1px 1px 6px 1px #333333;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	float: left;
	background-image: url(../backgrounds/overlay/weiss/C60.png);
	background-repeat: repeat;
 }


.rechts_wrapper
{
width: 1%;
float:left;
height:100%;
}

.font-size-resp
{
    font-size: 65%;
	
}

}