/*********************** MEDIA QUERIES **************************/		
/****************************iPhone*******************************
@media screen and (min-device-width: 320px) and (max-device-width: 1024px)
		{ 	/* css for iphone and ipad only 
		}*/		
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
  html {
    -moz-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
  } body {
	background: none !important;
	font-size: 1.0em;
	  }
	  img {display: none;
	  }
	  a {font-size: 1.0em;}
		 #wrapper { 
		 min-width: inherit;
			 width: 100%; 
			 min-height: 100%; 
			 background: none !important;
			margin: 0;
			padding: 0;
		} 
		#header { 
		 min-width: inherit;
			 width: 100%; 
			display: none;
		}
		#leftcol {
		 min-width: inherit;
			 width: 100%; 
			height: 200px;
			padding: 0px;
			float: none;
			padding: 85px 0px 20px 10px;
			background-color: #D40041;
			color: #FFF;
			font-size: 1.0em;
			line-height: 1.4em !important;
			background-image: url(../img/logo_citytext-home.gif);
			background-size: 260px auto;
			background-repeat: no-repeat;
			background-position: 0px 10px;
			z-index:1;
			}
			#leftcol a { 			
			color: #FFF;					
			font-size: 1.0em;
			}
#leftcol .hide {display: none;} 

#leftcol .logo, 
#leftcol .adresse {
			font-size: 0.85em;
			line-height: 1.2em !important;
	}
	#rightcol { 
			background: url(../img/smart_nav.gif) no-repeat 98% 18px ;
			background-size: auto 30px;
			float: none;
		 min-width: inherit;
			 width: 100%; 
			margin-top: -60px;
	}
#rightcol #mainnavi {
	position: absolute;
	top: 3px;
	right: 3px;
	display: none;  /****Ein-  und Ausblenden der Navi mit block / none ******/
	margin: 0;
	padding: 0;
	width: 250px;
	background-color: #FFF;
	list-style-type: none;
	z-index:99;
}
#rightcol #mainnavi li {
	height: 1.25em;
	text-transform: uppercase;
	float: none;
	margin: 0px !important;
	padding: 10px 0px 10px 10px;
	background: none !important;
	border-bottom: 0.25em solid #D40041;
}
#rightcol #mainnavi li:first-child {
	display: none;
}

#rightcol #mainnavi li a {
	height: 1.25em;
	margin:  0px;
	padding:  0px;
	display: block;
	color: #D40041;
	text-decoration: none;
}
		#content {
			position: relative;
			float: none;
		 min-width: inherit;
			 width: 100%; 
			 height: 100%;
			margin:  0px; 
			padding: 70px 0px 10px 10px;
			overflow: auto;
			font-size: 1.0em;
			line-height: 1.65em !important;
		}	
	#content p.iphoneonly {
		display: block;
		}
    #content p {
		margin-left: 0px;
		 min-width: inherit;
			 width: 100%; 
		} 
		#content p span.title {
		display: block;
		float: none;
		 min-width: inherit;
			 width: 100%; 
		margin-left: 0px;
		font-weight: bold;
	}
#content  a {
	font-size: 1.0em !important;
} 
#content:after{
content:" ";
display: none; 
	}
 
	#portrait #wrapper img.iphoto {
	display: block;
	padding: 0px;
	}
	
	#footer {
		display: block;
	background-color: #D40041;
		position: relative;
		bottom: 0px;
		 min-width: inherit;
			 width: 100%; 
		height: 100px;
		padding: 10px 20px 30px 10px;
		text-align: left;
		color: #FFF;		
		}
	#footer a {
		display: block;
		color: #FFF;		
	letter-spacing: 0.1em;
		}	
		
	}
/*********************** MEDIA QUERIES **************************/		
/***************************iPad*******************************/		
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  { 
html { 
height: 100%; 
    -moz-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body {
	font-size: 1.0em;
}
#home {
	background-position: 0px -205px;
	}
#home #header {
	height: 35px;
	width: 100%;
	padding: 361px 0px 30px 7px;
	margin: 0;
	background-image: url(../img/img_welcome.jpg);
	background-size: 80%;
	background-repeat: no-repeat;
	background-position: 30px 130px;
	
	}
#header #navi li {
	margin: 0px 10px 0px 25px;
	}
#home #rightcol {
	background-color: #D40041;
 	width: 100%;
	height: 100%;
	color: #FFF;
    margin:  0;
	padding: 85px 0px 0px 0px;
	background-image:url(../img/logo_citytext-home.gif);
	background-position: 20px 20px;
	background-size:300px auto;
	background-repeat: no-repeat;
	} #home #rightcol img {display: none;}	
#rightcol .logo, 
#rightcol .adresse {
	margin: 14px 25px 0px 35px;
	padding: 0;
	font-size: 1.0em;
	line-height: 1.5em;
	letter-spacing: 0.1em;
	}
	
				}