/* Block-Darstellung für HTML5-Elemente im IE8 */ 
header, header2, header3,
footer {
   display: block;
}
/**********************************************/

 
	body {
    background-color: #F5F7F6;
	margin: 0;
	padding: 0;
	font-family:'VodafoneRg_0';
	font-size: 100%;s
	-ms-text-size-adjust: none;
	overflow-x: hidden;
	color: #525252;
}
 
	#wrapper {
    max-width: 1310px !important;    
    background-color: #fff;
    margin: 0px auto;
    padding: 0px 0px 0px 0px;
	border: 0px solid red;
	padding-right: 0px;	
	font-size: 100%;
	box-shadow:0px 0px 15px  #b8b8b8;
}

	#sidebar {
	width: 131px !important;	
	background-color: transparent;
	float: left;
	border: 0px solid red;
	position: relative;
}

	.logo {
	height: 198px; 
    width: 116px; 
    background: url('../img/logoVodafone.png') no-repeat;
	background-size:100%;
  	-moz-background-size:100%;	
	
}

	#bottom_bar {
	height: 26px;
	max-width: 100% !important;
	width: 1048px;
	border: 1px solid #d8d8d8;
	margin-left: 131px;
	margin-top: -70px;
	padding: 13px 0px 0px 10px;
	color: #525252;
	font-family: arial;
	font-size: 75%;
}

    .content_wrapper {
	border: 0px solid red !important;
	max-width: 1250px !important; 
	height: auto !important;
	margin: 0px auto !important;
		
	}
	
	.content_first {
	min-height: 402px;
	height: auto;
	width: 397px !important;
	float: left;
	border: 1px solid #d8d8d8;
	margin-left: 0px;
	margin-top: 50px;
	margin-bottom: 60px;
	padding: 0px 0px 0px 0px;
	color: #525252;
	font-family: arial;
	font-size: 75%;
	background-color: #fff;
}

	.content {
	min-height: 402px;
	height: auto;
	float: left;
	width: 397px !important;
	border: 1px solid #d8d8d8;
	margin-left: 18px;
	margin-top: 50px;
	margin-bottom: 60px;
	padding: 0px 0px 0px 0px;
	color: #525252;
	font-family: arial;
	font-size: 75%;
	background-color: #fff;
}

	.content_support {
	min-height: 382px;
	height: auto;
	width: 397px !important;
	float: left;
	
	border: 1px solid #d8d8d8;
	margin-left: 18px;
	margin-top: 10px;
	margin-bottom: 20px;
	padding: 0px 0px 0px 0px;
	color: #525252;
	font-family: arial;
	font-size: 75%;
	background-color: #fff;
}

	.content_first_feature {
	min-height: 392px;
	height: auto;
	width: 450px !important;
	float: left;
	border: 1px solid #d8d8d8;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 20px;
	padding: 0px 0px 0px 0px;
	color: #525252;
	font-family: arial;
	font-size: 75%;
	display: none;
}

	

	.content_login {
	min-height: 332px;
	height: auto;
	min-width: 52%;
	float: left;
	width: auto;
	border: 1px solid #d8d8d8;
	margin-left: 100px;
	margin-top: 10px;
	margin-bottom: 20px;
	padding: 0px 0px 0px 0px;
	color: #525252;
	font-family: arial;
	font-size: 75%;
	background-color: #fff;
}

	

	.content_first_full {
	min-height: 150px;
	height: auto;
	max-width: 947px !important;
	min-width: 947px !important;
	width: 947px !important;
	float: left;
	
	border: 1px solid #d8d8d8;
	margin-left: 131px;
	margin-top: 10px;
	margin-bottom: 20px;
	padding: 0px 0px 0px 0px;
	color: #525252;
	font-family: arial;
	font-size: 75%;
}

	.content_anmerkung {
	display:none;
}

	

	.content_last {
	min-height: 300px;
	height: auto;
	max-width: 28% !important;
	float: right;
	width: auto;
	border: 1px solid #d8d8d8;
	margin-left: 17px;
	margin-top: 10px;
	margin-bottom: 20px;
	padding: 0px 0px 0px 0px;
	color: #525252;
	font-family: arial;
	font-size: 75%;
}

	.content_support_mobil {
	display: block;
}

	.content_header {
	min-height: 25px;
	height: auto;
	max-width: 100% !important;
	width: auto;
	border-bottom: 0px solid #bebebe;
	background-color: #e7e7e7;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 8px 10px 5px 10px;
	color: #bd0000;
	font-family:'VodafoneRg_0';
	font-size: 165%;
}
	.content_header a {	
	color: #333333;
	font-family:'VodafoneRg_0';
	text-decoration: none;
	font-weight: normal;
	
}

	.content_header a:hover {	
	color: #bd0000;
	font-family:'VodafoneRg_0';
	text-decoration: none;
	font-weight: normal;
	
}

	.content p{
	color: #525252;
	font-family: arial;
	font-size: 100%;
	line-height: 130%;
	margin: 10px 10px 10px 10px;
}

	.content p img{
	width: 100%;	
	margin: 0px 0px 0px 0px;
}

	.content_first p{
	color: #525252;
	font-family: arial;
	font-size: 100%;
	line-height: 130%;
	margin: 10px 10px 10px 10px;
}

	.content_first_feature p{
	color: #525252;
	font-family: arial;
	font-size: 100%;
	line-height: 130%;
	margin: 10px 10px 10px 10px;
}

	.content_login p{
	color: #525252;
	font-family: arial;
	font-size: 100%;
	line-height: 130%;
	margin: 10px 10px 10px 10px;
	
}

	

	.content_first p img{
	width: 100%;	
	margin: 0px 0px 0px 0px;
}
	.content_first_feature p img{
	width: 100%;	
	margin: 0px 0px 0px 0px;
}

	.content_last p{
	color: #525252;
	font-family: arial;
	font-size: 100%;
	line-height: 130%;
	margin: 10px 10px 10px 10px;
}

	.content_support p{
	color: #525252;
	font-family: arial;
	font-size: 100%;
	line-height: 130%;
	margin: 10px 10px 10px 10px;
}

	.content_last p img{
	width: 100%;	
	margin: 0px 0px 0px 0px;
}

	.content_first_full p{
	color: #525252;
	font-family: arial;
	font-size: 100%;
	line-height: 130%;
	margin: 10px 10px 10px 10px;
}

	.content_anmerkung p{
	color: #525252;
	font-family: arial;
	font-size: 130%;
	line-height: 130%;
	margin: 10px 10px 10px 10px;
}

	#headline {
	height: auto;
	max-width: 100% !important;
	width: auto;
	border: 0px solid #d8d8d8;
	margin-left: 131px;
	margin-top: 10px;
	margin-bottom: 20px;
	padding: 0px 0px 0px 0px;
	color: #525252;
	font-family: arial;
	font-size: 100%;
}

	#headline h1 {
	max-width: 100% !important;
	width: auto;
	border: 0px solid #d8d8d8;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
	color: #e60000;
	font-family: arial;
	font-family:'VodafoneRg_0';
	font-size: 300%;
	font-weight: normal;	
}

	#headline h2 {
	max-width: 100% !important;
	width: auto;
	border: 0px solid #d8d8d8;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
	color: #525252;
	font-family: arial;
	font-family:'VodafoneRg_0';
	font-size: 200%;
	font-weight: normal;	
}

	#bottom_bar a {
	max-width: 100% !important;
	width: auto;
	border: 0px solid #d8d8d8;
	margin-left: 0px;
	margin-top: 0px;
	padding: 0px 0px 0px 10px;
	color: #525252;
	font-family: arial;
	background-image: url("../img/list_schnelleinstieg_normal.png");
	background-repeat: no-repeat;
	background-position: left;
	font-size: 100%;
	text-decoration: none;	
}

	#bottom_bar a:hover {
	max-width: 100% !important;
	width: auto;
	border: 0px solid #d8d8d8;
	margin-left: 0px;
	margin-top: 0px;
	padding: 0px 0px 0px 10px;
	color: #525252;
	font-family: arial;
	background-image: url("../img/list_schnelleinstieg_normal.png");
	background-repeat: no-repeat;
	background-position: left;
	font-size: 100%;
	text-decoration: underline;	
}

	#header {
	height: auto;
	max-width: 100% !important;
	width: auto;
	border: 0px solid #d8d8d8;	
	margin: -200px 0px 10px 0px !important;
	padding: 0px 0px 0px 0px;	
	float: left;	
	display:block;
	clear: both;
	
	
}

	#header2 {
	height: auto;
	max-width: 100% !important;
	width: auto;
	border: 1px solid #d8d8d8;	
	margin: 10px 0px 10px 131px;
	padding: 5px 5px 5px 5px;	
	display:none;
	
}

	#header3 {
	height: auto;
	max-width: 100% !important;
	width: auto;
	border: 1px solid #d8d8d8;	
	margin: 10px 0px 10px 131px;
	padding: 5px 5px 5px 5px;
	display:none;	
	
}

	#header_wichtige_infos {
	height: auto;
	max-width: 100% !important;
	width: auto;
	border: 1px solid #d8d8d8;	
	margin: 10px 0px 10px 131px;
	padding: 5px 5px 5px 5px;	
	display:block;
	
}

	#header_wichtige_infos_mobil {
	display: none !important;
}

    #header_home {
	height: auto;
	max-width: 100% !important;
	width: auto;
	border: 1px solid #d8d8d8;	
	margin: 10px 0px 10px 131px;
	padding: 5px 5px 5px 5px;	
	display:block;
	
}

	#header_home_mobil {
	display: none !important;
}


	footer {
    clear: both;
    width: 100%;
	min-height: 280px;
    height: auto;
	position: relative;
	background-color: #2e2e2e;
	padding: 30px 0px 0px 0px;
	color: #fff;
	font-family: arial;
	font-size: 75%;
	line-height: 130%;
}

	footer a {
    color: #fff;
	font-family: arial;
	font-size: 100%;
	text-decoration: none;
	line-height: 130%;
}

	footer a:hover {
    color: #fff;
	font-family: arial;
	font-size: 100%;
	text-decoration: underline;
	line-height: 130%;
}
	
	.footer_cluster_login {
	font-family: arial;	
	font-size: 100%;
	height: 150px;	
	width: 30%;
	float: left;
	margin-left: 131px;
	border: 0px solid red;		
	}

	.footer_cluster_1 {
	font-family: arial;	
	font-size: 100%;
	height: 150px;	
	width: 22%;
	float: left;
	margin-left: 131px;
	border: 0px solid red;		
	}
	
	.footer_cluster_2 {
	font-family: arial;	
	font-size: 100%;	
	height: 150px;
	width: 22%;
	float: left;
	border: 0px solid red;		
	}
	
	.footer_cluster_3 {
	font-family: arial;	
	font-size: 100%;
	height: 150px;	
	width: 22%;
	float: left;
	border: 0px solid red;		
	}
	.footer_cluster_4 {
	font-family: arial;	
	font-size: 100%;
	height: 150px;
	width: 20%;
	float: left;
	border: 0px solid red;		
	}
	
	.footer_cluster_5 {
	font-family: arial;	
	font-size: 100%;
	height: auto;	
	width: 22%;
	float: left;
	margin-left: 131px;
	border: 0px solid red;		
	}
	
	.footer_headline {
	font-family: arial;	
	font-size: 150%;
	margin-bottom: 15px;	
	}	

	@font-face{
	font-family:'VodafoneRg_0';
	src:url('../fonts/VodafoneRg_0.eot');
	src:url('../fonts/VodafoneRg_0.eot?#iefix') format('embedded-opentype'),url('../fonts/VodafoneRg_0.ttf') format('truetype');
	font-style:normal;
	font-weight:normal;
}

	.first {
	margin-top: 0px;	
}

	

	

	.liste_schnelleinstieg{	
	margin: 0px 0px 0px 10px !important;
	padding: 0px 0px 0px 0px !important;
	font-size: 100%;
}

	.liste_schnelleinstieg:hover{	
	margin: 0px 0px 0px 10px !important;
	padding: 0px 0px 0px 0px !important;
	
}
	.liste_schnelleinstieg a{	
	color: #525252;
	text-decoration: none;
	background-image: url("../img/list_schnelleinstieg_normal.png");
	background-position: left;
    background-repeat: no-repeat;
	padding: 0px 0px 0px 12px;
}

	.liste_schnelleinstieg:hover a:hover{	
	color: #bd0000;
	text-decoration: none;
	background-image: url("../img/list_schnelleinstieg_hover.png");
	background-position: left;
    background-repeat: no-repeat;
	padding: 0px 0px 0px 12px;
}

	.linie {
	height: 1px;
	width: 93%;
	background-image: -ms-linear-gradient(left, #fff 0%, #e8e8e8 50%, #e8e8e8 51%, #fff 100%);
	background-image: -moz-linear-gradient(left, #fff 0%, #e8e8e8 50%, #e8e8e8 51%, #fff 100%);	
	background-image: -o-linear-gradient(left, #fff 0%, #e8e8e8 50%, #e8e8e8 51%, #fff 100%);	
	background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #fff), color-stop(50, #e8e8e8), 		    color-stop(51, #e8e8e8), color-stop(100, #fff));	
	background-image: -webkit-linear-gradient(left, #fff 0%, #e8e8e8 50%, #e8e8e8 51%, #fff 100%);	
	background-image: linear-gradient(to right, #fff 0%, #e8e8e8 50%, #e8e8e8 51%, #fff 100%);
}



/*Formular*/


	.anmeldeform_login {
	width: 50%;
	font-size: 100%;
}
	
	.anmeldeform_login input[type=text]{
	background-image: url("../img/vf_ok.png");
    background-position: right;
    background-repeat: no-repeat;
	font-family: arial;
	color: #525252;
	font-size: 100%;
	width: 100%;
	padding: 8px;
	border: 2px solid #e6e6e6;
}

	.anmeldeform_login input[type=password]{
	background-image: url("../img/vf_ok.png");
    background-position: right;
    background-repeat: no-repeat;	
	font-family: arial;
	color: #525252;
	font-size: 100%;
	width: 100%;
	padding: 8px;
	border: 2px solid #e6e6e6;
}

	.anmeldeform_login input:invalid {
    background-image: url("../img/vf_invalid.png");
    background-position: right;
    background-repeat: no-repeat;
    border: 2px solid #e6e6e6;
}

	.anmeldeform_login input[type=checkbox]{
    display: block;
	float:left;
	margin: 0px 15px 0px 0px !important;
	
}


	textarea {
	background-image: url("../img/vf_ok.png");
    background-position: right top;
    background-repeat: no-repeat;
  	font-family: arial;
	color: #525252;
	font-size: 100%;
	width: 100%;
	padding: 8px;
	border: 2px solid #e6e6e6;
}

	textarea:invalid {
	background-image: url("../img/vf_invalid.png");
    background-position: right top;
    background-repeat: no-repeat;
  	font-family: arial;
	color: #525252;
	font-size: 100%;
	width: 100%;
	padding: 8px;
	border: 2px solid #e6e6e6;
}

	input[type=submit]{
	font-family: arial;
	background-color: #3d3d3d;
	color: #fff;
	font-size: 100%;
	padding: 8px;
	cursor: pointer;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border:0 none;
	font-weight: bold;
}

	input[type=submit]:hover{
	font-family: arial;
	background-color: #000;
	color: #fff;
	font-size: 100%;
	padding: 8px;
	cursor: pointer;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border:0 none;
	font-weight: bold;
}

	input[type=button]{
	font-family: arial;
	background-color: #3d3d3d;
	color: #fff;
	font-size: 60%;
	padding: 8px;
	cursor: pointer;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border:0 none;
	font-weight: bold;
}

	input[type=button]:hover{
	font-family: arial;
	background-color: #000;
	color: #fff;
	font-size: 60%;
	padding: 8px;
	cursor: pointer;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border:0 none;
	font-weight: bold;
}

	input[type=submit]:active{
	font-family: arial;
	background-color: #000;
	color: #fff;
	font-size: 100%;
	padding: 8px;
	cursor: pointer;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border:0 none;
	font-weight: bold;
}

	#container_tabs {
	padding: 15px 10px 10px 10px !important;
	border: 0px solid red;
	}
	
	#tab_inhalt {
	border: 1px solid #d8d8d8;
	width: 100%;
	margin-top: -1px;
	background-color:#fff;
	color: #525252;	
	}

	.tab {
	background-color: #e7e7e7;
	height: auto;
	width: 30%;
	font-weight: bold;
	padding: 10px 0px 8px 10px;
	float: left;
	margin-right: 3px;
	cursor: pointer;
	border-left: 1px solid #d8d8d8;
	border-right: 1px solid #d8d8d8;
	border-top: 1px solid #d8d8d8;
	border-bottom: 0px solid #d8d8d8;
	word-break: break-all;	
}

	.aktiv {
	background-color: #fff;
	height: auto;
	width: 30%;
	font-weight: bold;
	padding: 10px 0px 8px 10px;
	float: left;
	margin-right: 3px;
	cursor: pointer;
	border-left: 1px solid #d8d8d8;
	border-right: 1px solid #d8d8d8;
	border-top: 1px solid #d8d8d8;
	border-bottom: 0px solid #d8d8d8;		
}










	


	


	input[type=checkbox]{
    display: none;	
}


	input[type=checkbox]:checked ~ #menu{
    display: block;	
}

	#support_mobil {
	display:none;
}

	.absatz_tabs {
	width: 85% !important;
	}
	
	.absatz_tabs_headline {
	font-size: 130% !important;
	margin-top: 30px !important;
	}
	
	.tabelle_agenda {
	margin: 10px 0px 10px 10px !important;
	width: 95% !important;
	display:block ;	
	
}
	
	.tabelle_agenda_mobil {
	margin: 10px 0px 10px 10px !important;
	width: 95% !important;
	display:none;	
	
}

	.tabelle_anfahrt {
	margin: 10px 0px 10px 10px !important;
	width: 95% !important;
	display:block ;	
	
}
	
	.tabelle_anfahrt_mobil {
	margin: 10px 0px 10px 10px !important;
	width: 95% !important;
	display:none;	
	
}

	.tabelle_shuttlezeiten {
	margin: 10px 0px 10px 10px !important;
	width: 95% !important;
	display:block ;	
	
}
	
	.tabelle_shuttlezeiten_mobil {
	margin: 10px 0px 10px 10px !important;
	width: 95% !important;
	display:none;	
	
}

	.tabelle_sonstiges {
	margin: 10px 0px 10px 10px !important;
	width: 95% !important;
	display:block ;	
	
}
	
	.tabelle_sonstiges_mobil {
	margin: 10px 0px 10px 10px !important;
	width: 95% !important;
	display:none;	
	
}

	table tr td a {
	color: #525252;	
	text-decoration: underline;
}

	p a {
	color: #525252;	
	text-decoration: underline;
}

	.anmerkung {
	max-width: 350px;
	width: 100%;
	height: auto;
	border: 0px solid red;
	position: absolute;
	margin: 50px 0px 0px 530px;
	color: #525252;
	font-size: 120%;
	
}

    .anmerkung_home {
	max-width: 550px;
	width: 100%;
	height: auto;
	border: 0px solid red;
	position: absolute;
	margin: 25px 0px 0px 350px;
	color: #525252;
	font-size: 120%;
	
}

     .anmerkung_home2 {
	max-width: 385px;
	width: 100%;
	height: auto;
	border: 0px solid red;
	position: absolute;
	margin: 25px 0px 0px 495px;
	color: #525252;
	font-size: 120%;
	
}

	.sub {	
	font-size: 75%;	 
	font-family: Arial,Helvetica,sans-serif;
	
}

	a .sub {
	color: #525252 !important;
	font-family: Arial,Helvetica,sans-serif;
	 
}

	a:hover .sub {
	color: #bd0000  !important;
	font-family: Arial,Helvetica,sans-serif;	
}









/*NAVIGATION*/


#container {
  padding: 0px 0px 0px 0px !important;
  position:relative;
  z-index: 6000;
  border: 0px solid red;
  max-width: 1180px !important; 
  margin: 0px auto;
  
  
  
 
}


 .toggle, [id^=drop] {
 display: none;
}

nav {
  margin-top: 50px;
  padding: 0;
  background-color: #e50000;
  float: left !important;
  width: 1004px !important;
  
  
  
    
}



nav:after {
  content: "";
  display: table;
  clear: both;
  
  
  
}

nav ul {
  float: left;
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
  border: 0px solid black;
  border: 0px solid red;
  width: 949px;
   
   
   
   
   
}



nav ul li {
  margin: 0px;
  display: inline-block;
  float: left;
  background-color: #E50000;
  border-right: 1px solid #fff;
  
  
  
  
}




nav ul li:hover {
  
  background-color: #ca0000;
  
    
}




  




nav a {
  display: block;
  padding: 0 20px;
  color: #FFF;
  font-size: 110%;
  line-height: 44px;
  text-decoration: none;
  
  
}


nav ul li ul li:hover { background: #F9F9F9; color: #333333}

nav a:hover { background-color: #F9F9F9; color: #333333; }

nav ul ul {
  display: none;
  position: absolute;
  top: 44px;
  
  
}

nav ul li:hover > ul { display: inherit; }

nav ul ul li {
  width: 250px;
  float: none;
  display: list-item;
  position: relative;
  background-color: #F9F9F9 !important;
  
  
}

nav ul ul li a {
  color: #333333 !important;
  
}

nav ul ul li a:hover {
  color: #333333 !important;
  text-decoration: underline;
  
}

nav ul ul ul li {
  position: relative;
  top: -60px;
  left: 170px;
}

li > a:after { content: ''; }

li > a:only-child:after { content: ''; }


.last {
	border-left: 1px solid #fff;	
	border-right: 0px solid #fff !important;
	float: right !important;
}


.cc_container .cc_btn {
background-color: #E50000 !important; /* Farbe des Buttons */
color: #fff !important; /* Textfarbe des Buttons */
text-decoration: none !important;
font-size: 90% !important;
font-family: arial;
}
 
.cc_container {
background: #2E2E2E !important; /* Hintergrundfarbe des gesamten Bereichs */
color: #fff !important; /* Schriftfarbe des gesamten Bereichs */
font-size: 90% !important;
font-family: arial;

}
 
.cc_container a {
color: #fff !important; /* Textlink-Farbe "Mehr Infos" */
text-decoration: underline !important;
font-size: 90% !important;
font-family: arial;
}


/* Media Queries
--------------------------------------------- */

@media all and (max-width : 1309px) {



nav {
  margin: 0;
  padding: 0;
  background-color: #e50000;
  float: left !important;
  width: 100% !important;
  
  
  
  
    
}

.toggle + a,
 .menu { display: none;  }

.toggle {
  display: block;
  background-color: #e50000;
  padding: 0 20px;
  color: #FFF;
  font-size: 110%;
  line-height: 250%;
  text-decoration: none;
  border-bottom: 0px solid  #fff;
  
  
  
}

.toggle:hover { background-color: #f9f9f9; color: #333; cursor:pointer }

[id^=drop]:checked + ul { display: block; }

nav ul li {
  display: block;
  width: 100%;
  border-bottom: 1px solid  #fff;
  
  
}

nav ul {
  display: block;
  width: 100%;
}

nav ul ul .toggle,
 nav ul ul a { padding: 0 40px;   }

nav ul ul ul a { padding: 0 80px;  }

nav a:hover,
 nav ul ul ul a { background-color: #f9f9f9; }

nav ul li ul li .toggle,
 nav ul ul a { background-color: #f9f9f9;  }

nav ul ul {
  float: none;
  position: static;
  color: #ffffff;
}

nav ul ul li:hover > ul,
nav ul li:hover > ul { display: none; }

nav ul ul li {
  display: block;
  width: 100%;
  
}

nav ul ul ul li { position: static;

}
}








/*ENDE NAVIGATION*/	





#slides {
      display: none;
	  margin-top: 7px;
	  padding: 0px 10px 0px 10px !important;
	  border: 0px solid red;
    }

    #slides .slidesjs-navigation {
      margin-top:3px;
    }

    #slides .slidesjs-previous {
      
	  
      float: left;
    }

    #slides .slidesjs-next {
      margin-right: 5px;
      float: left;
    }

    .slidesjs-pagination {
      margin: 6px 0 0;
      float: right;
      list-style: none;
    }

    .slidesjs-pagination li {
      float: left;
      margin: 0 1px;
    }

    .slidesjs-pagination li a {
      display: block;
      width: 13px;
      height: 0;
      padding-top: 13px;
      background-image: url(../img/pagination.png);
      background-position: 0 0;
      float: left;
      overflow: hidden;
    }

    .slidesjs-pagination li a.active,
    .slidesjs-pagination li a:hover.active {
      background-position: 0 -13px
    }

    .slidesjs-pagination li a:hover {
      background-position: 0 -26px
    }

    #slides a:link,
    #slides a:visited {
      color: #525252
    }

    #slides a:hover,
    #slides a:active {
      color: #92417d
    }
	
#slides_2 {
      display: none;
	  margin-top: 7px;
	  padding: 0px 10px 0px 10px !important;
	  border: 0px solid red;
    }

    #slides_2 .slidesjs-navigation {
      margin-top:3px;
    }

    #slides_2 .slidesjs-previous {
      
	  
      float: left;
    }

    #slides_2 .slidesjs-next {
      margin-right: 5px;
      float: left;
    }

    .slidesjs-pagination {
      margin: 6px 0 0;
      float: right;
      list-style: none;
    }

    .slidesjs-pagination li {
      float: left;
      margin: 0 1px;
    }

    .slidesjs-pagination li a {
      display: block;
      width: 13px;
      height: 0;
      padding-top: 13px;
      background-image: url(../img/pagination.png);
      background-position: 0 0;
      float: left;
      overflow: hidden;
    }

    .slidesjs-pagination li a.active,
    .slidesjs-pagination li a:hover.active {
      background-position: 0 -13px
    }

    .slidesjs-pagination li a:hover {
      background-position: 0 -26px
    }

    #slides_2 a:link,
    #slides_2 a:visited {
      color: #525252
    }

    #slides_2 a:hover,
    #slides_2 a:active {
      color: #92417d
    }

    .navbar {
      overflow: hidden;
    }

   .feature {
      display: none;
    }
    






/*Darstellung Mobile Devices*/

@media screen and (max-width : 1309px){
	
	.feature_bild {
	width: 30% !important;
	height: auto !important;
	border: 0px solid red;
	float: left;
	margin: 0px 10px 10px 0px !important;
	
	}
	
	.feature {
      display: block;
    }
	
	#slides {
      display: none !important;
    }
	
	#slides_2 {
      display: none !important;
    }
	
	.content_login p {
	color: #525252;
	font-family: arial;
	font-size: 100%;
	}
	
	
	
	html {
	overflow-x: hidden;
}

	
	
	#wrapper {
    max-width: 100% !important;    
    background-color: #fff;
    margin: 0px auto !important;
    padding: 0px 20px 0px 20px !important;
	border: 0px solid red;	
	font-size: 100%;	
	
}
	
	#sidebar {
	width: 100% !important;
	height: 90px !important;
	margin: 0px 0px 0px 0px;
	background-color: #fff;
	float: left;
	border: 0px solid green;
	position: relative;
}
	
	.logo {
	height: 70px; 
    width: 150px; 
    background: url('../img/rombi-top-mobile.png') no-repeat;
	background-size: 85%;
  	-moz-background-size: 85%;
	margin: 0px 0px 0px -20px !important;
	display: block;
}

	.first {
	margin-top: -49px !important;
}

	
	
	#bottom_bar {
	min-height: 16px;
	height: 100%;
	max-width: 100% !important;
	width: auto;
	border: 1px solid #d8d8d8;
	position: relative;
	margin: 20px 0px 20px 0px;
	padding: 13px 0px 10px 10px;
}

	#headline {
	min-height: 16px;
	height: 100%;
	max-width: 100% !important;
	width: auto;
	border: 0px solid #d8d8d8;
	position: relative;
	margin: 20px 20px 20px 0px;
	padding: 0px 0px 0px 0px;
}
	#headline h1 {
	max-width: 100% !important;
	width: auto;
	border: 0px solid #d8d8d8;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
	color: #e60000;
	font-family:'VodafoneRg_0';
	font-size: 300%;
	font-weight: normal;	
}

	#headline h2 {
	max-width: 100% !important;
	width: auto;
	border: 0px solid #d8d8d8;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
	color: #525252;
	font-family: arial;
	font-family:'VodafoneRg_0';
	font-size: 200%;
	font-weight: normal;	
}
	
	#header {
	height: 100%;
	max-width: 100% !important;
	width: auto;
	border: 1px solid #d8d8d8;
	position: relative;
	margin: 20px 0px 20px 0px !important;
	padding: 5px 5px 5px 5px;
	background-color: #fff;	
}
	

	#header2 {
	height: 100%;
	max-width: 100% !important;
	width: auto;
	border: 1px solid #d8d8d8;
	position: relative;
	margin: 20px 0px 20px 0px;
	padding: 5px 5px 5px 5px;	
}

	#header3 {
	height: 100%;
	max-width: 100% !important;
	width: auto;
	border: 1px solid #d8d8d8;
	position: relative;
	margin: 20px 0px 20px 0px;
	padding: 5px 5px 5px 5px;	
}

	#header_wichtige_infos {
	display: none;
}

	#header_wichtige_infos_mobil {
	height: 100%;
	max-width: 100% !important;
	width: auto;
	border: 1px solid #d8d8d8;
	position: relative;
	margin: 20px 0px 20px 0px;
	padding: 5px 5px 5px 5px;	
	display: block !important;
}

   #header_home {
	display: none;
}

	#header_home_mobil {
	height: 100%;
	max-width: 100% !important;
	width: auto;
	border: 1px solid #d8d8d8;
	position: relative;
	margin: 20px 0px 20px 0px;
	padding: 5px 5px 5px 5px;	
	display: block !important;
	background-color: #fff;
}

	.content {
	min-height: 150px;
	height: auto;
	max-width: 100% !important;
	width: auto;
	border: 1px solid #d8d8d8;
	margin: 20px 20px 20px 0px !important;
	padding: 0px 0px 0px 0px;
	color: #525252;
	font-family: arial;
	font-size: 75%;
	display: none;
	
	
}

	.content_anmerkung {
	min-height: auto;
	height: auto;
	max-width: 100% !important;
	min-width: 100% !important;
	width: 100% !important;
	float: left;
	border: 1px solid #d8d8d8;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	color: #525252;
	font-family: arial;
	font-size: 60%;
	display: block;
}

	.content p img{
	width: 30%;
	float:left;
	margin: 0px 10px 10px 0px;
}
	.content_first {
	min-height: 150px;
	height: auto;
	max-width: 100% !important;
	min-width: 100% !important;
	width: 100% !important;
	float: left;
	
	border: 1px solid #d8d8d8;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #525252;
	font-family: arial;
	font-size: 75%;
	display: none;
}

	.content_first_feature {
	min-height: 150px;
	height: auto;
	max-width: 100% !important;
	min-width: 100% !important;
	width: 100% !important;
	float: left;
	
	border: 1px solid #d8d8d8;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	color: #525252;
	font-family: arial;
	font-size: 75%;
	display: block;
	background-color: #fff;
}

	.content_login {
	min-height: 150px;
	height: auto;	
	width: 100% !important;
	min-width: 100%  !important;
	float: right;
	
	border: 1px solid #d8d8d8;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	color: #525252;
	font-family: arial;
	font-size: 75%;
	
}



	#content_support_mobil {
	display: none;
}

	.content_first_full {
	min-height: 150px;
	height: auto;
	max-width: 100% !important;
	min-width: 100% !important;
	width: 100% !important;
	float: left;
	border: 1px solid #d8d8d8;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	color: #525252;
	font-family: arial;
	font-size: 75%;
}

	.content_first p img{
	width: 30%;
	float:left;
	margin: 0px 10px 10px 0px;
}

	.content {
	min-height: 150px;
	height: auto;
	max-width: 100% !important;
	min-width: 100% !important;
	width: 100% !important;
	float: left;
	border: 1px solid #d8d8d8;
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #525252;
	font-family: arial;
	font-size: 75%;
}

	.content_last {
	min-height: 150px;
	height: auto;
	max-width: 100% !important;
	min-width: 100% !important;
	width: 100% !important;
	float: right;	
	border: 1px solid #d8d8d8;
	margin: 20px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	color: #525252;
	font-family: arial;
	font-size: 75%;
}

    .content_last p img{
	width: 30%;
	float:left;
	margin: 0px 10px 10px 0px;
}

	.content_header {
	min-height: 25px;
	height: auto;
	max-width: 100% !important;
	width: auto;
	border-bottom: 0px solid #bebebe;
	background-color: #e7e7e7;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 5px 0px 5px 10px;
	color: #bd0000;
	font-family:'VodafoneRg_0';
	font-size: 165%;
}
	.content_header a {	
	color: #333333;
	font-family:'VodafoneRg_0';
	text-decoration: none;
	font-weight: normal;
	
}

	.content_header a:hover {	
	color: #bd0000;
	font-family:'VodafoneRg_0';
	text-decoration: none;
	font-weight: normal;
	
}

	.content p{
	color: #525252;
	font-family: arial;
	font-size: 100%;
	line-height: 130%;
	margin: 10px 10px 10px 10px;
}

	footer {
    clear: both;
    width: 100% !important;
	min-width: 100% !important;
	max-width: 100% !important;
	min-height: 250px;
    height: auto;
	position: relative;
    background-color: #2e2e2e;
	border:0px solid red;
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 20px 0px;
	font-family: arial;
	font-size: 75%;
	line-height: 130%;
	overflow-x: hidden;
	
}


	.footer_cluster_login {
	font-family: arial;	
	font-size: 100%;
	height: auto;	
	width: 100%;
	float: left;
	border: 0px solid red;	
	margin: 30px 0px 0px 20px;	
}
	
	.footer_cluster_1 {
	font-family: arial;	
	font-size: 100%;
	height: auto;	
	width: 100%;
	float: left;
	border: 0px solid red;	
	margin: 30px 20px 0px 20px;	
	}
	
	.footer_cluster_2 {
	font-family: arial;	
	font-size: 100%;
	height: auto;	
	width: 100%;
	float: left;
	border: 0px solid red;	
	margin: 20px 20px 0px 20px;	
	}
	
	.footer_cluster_3 {
	font-family: arial;	
	font-size: 100%;	
	height: auto;
	width: 100%;
	float: left;
	border: 0px solid red;	
	margin: 20px 20px 0px 20px;	
	}
	
	.footer_cluster_4 {
	font-family: arial;	
	font-size: 100%;	
	height: auto;
	width: 100%;
	float: left;
	border: 0px solid red;
	margin: 20px 20px 20px 20px;		
	}
	
	.footer_cluster_5 {
	font-family: arial;	
	font-size: 100%;
	height: auto;	
	width: 100%;
	float: left;
	border: 0px solid red;	
	margin: 0px 20px 0px 20px;	
	}
	
	#support_mobil {
	display:block;
}

	.anmerkung {
	display: none;
	
}

	.content_anmerkung input[type=button]{
	font-family: arial;
	background-color: #3d3d3d;
	color: #fff;
	font-size: 100%;
	padding: 8px;
	cursor: pointer;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border:0 none;
	font-weight: bold;
}

	.content_anmerkung input[type=button]:hover{
	font-family: arial;
	background-color: #000;
	color: #fff;
	font-size: 100%;
	padding: 8px;
	cursor: pointer;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border:0 none;
	font-weight: bold;
}

	

}
@media screen and (max-width: 65em) {
.stoerer_home {
	border: 0px solid red;	
	}
}

@media screen and (max-width: 65em) {
.stoerer_home {
	display:none;	
	}
}

@media screen and (max-width: 50em) {
	
	
    #headline h1 {
	max-width: 100% !important;
	width: auto;
	border: 0px solid #d8d8d8;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
	color: #e60000;
	font-family:'VodafoneRg_0';
	font-size: 225%;
	font-weight: normal;	
}

	#headline h2 {
	max-width: 100% !important;
	width: auto;
	border: 0px solid #d8d8d8;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
	color: #525252;
	font-family: arial;
	font-family:'VodafoneRg_0';
	font-size: 150%;
	font-weight: normal;	
}

	.anmeldeform_login {
	width: 50%;
	font-size: 100%;
}

		
}

@media screen and (max-width: 40em) {
	
	
    #headline h1 {
	max-width: 100% !important;
	width: auto;
	border: 0px solid #d8d8d8;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
	color: #e60000;
	font-family:'VodafoneRg_0';
	font-size: 200%;
	font-weight: normal;	
}

	#headline h2 {
	max-width: 100% !important;
	width: auto;
	border: 0px solid #d8d8d8;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
	color: #525252;
	font-family: arial;
	font-family:'VodafoneRg_0';
	font-size: 130%;
	font-weight: normal;	
}

	.anmeldeform_login {
	width: 50%;
	font-size: 100%;
}

	.tab {
	background-color: #e7e7e7;
	height: auto;
	width: 95%;
	font-weight: bold;
	padding: 10px 0px 8px 10px;
	float: left;
	margin-right: 3px;
	cursor: pointer;
	border-left: 1px solid #d8d8d8;
	border-right: 1px solid #d8d8d8;
	border-top: 1px solid #d8d8d8;
	border-bottom: 0px solid #d8d8d8;		
}

	.aktiv {
	background-color: #fff;
	height: auto;
	width: 95%;
	font-weight: bold;
	padding: 10px 0px 8px 10px;
	float: left;
	margin-right: 3px;
	cursor: pointer;
	border-left: 1px solid #d8d8d8;
	border-right: 1px solid #d8d8d8;
	border-top: 1px solid #d8d8d8;
	border-bottom: 0px solid #d8d8d8;		
}

	
}

@media screen and (max-width: 30em) {
	
	.feature_bild {
	width: 100% !important;
	height: auto !important;
	}
	
    #headline h1 {
	max-width: 100% !important;
	width: auto;
	border: 0px solid #d8d8d8;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
	color: #e60000;
	font-family:'VodafoneRg_0';
	font-size: 175%;
	font-weight: normal;	
}

	#headline h2 {
	max-width: 100% !important;
	width: auto;
	border: 0px solid #d8d8d8;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
	color: #525252;
	font-family: arial;
	font-family:'VodafoneRg_0';
	font-size: 130%;
	font-weight: normal;	
}

	.anmeldeform_login {
	width: 90%;
	font-size: 100%;
}

	.tab {
	background-color: #e7e7e7;
	height: auto;
	width: 93%;
	font-weight: bold;
	padding: 10px 0px 8px 10px;
	float: left;
	margin-right: 3px;
	cursor: pointer;
	border-left: 1px solid #d8d8d8;
	border-right: 1px solid #d8d8d8;
	border-top: 1px solid #d8d8d8;
	border-bottom: 0px solid #d8d8d8;		
}

	.aktiv {
	background-color: #fff;
	height: auto;
	width: 93%;
	font-weight: bold;
	padding: 10px 0px 8px 10px;
	float: left;
	margin-right: 3px;
	cursor: pointer;
	border-left: 1px solid #d8d8d8;
	border-right: 1px solid #d8d8d8;
	border-top: 1px solid #d8d8d8;
	border-bottom: 0px solid #d8d8d8;		
}

	.tabelle_agenda {
	margin: 10px 0px 10px 10px !important;
	width: 95% !important;
	display:none;
	
}
	
	.tabelle_agenda_mobil {
	margin: 10px 0px 10px 10px !important;
	width: 95% !important;
	display:block;		
}

	.tabelle_anfahrt {
	margin: 10px 0px 10px 10px !important;
	width: 95% !important;
	display:none;
	
}
	
	.tabelle_anfahrt_mobil {
	margin: 10px 0px 10px 10px !important;
	width: 95% !important;
	display:block;		
}

	.tabelle_shuttlezeiten {
	margin: 10px 0px 10px 10px !important;
	width: 95% !important;
	display:none;
	
}
	
	.tabelle_shuttlezeiten_mobil {
	margin: 10px 0px 10px 10px !important;
	width: 95% !important;
	display:block;		
}

	.tabelle_sonstiges {
	margin: 10px 0px 10px 10px !important;
	width: 95% !important;
	display:none ;	
	
}
	
	.tabelle_sonstiges_mobil {
	margin: 10px 0px 10px 10px !important;
	width: 95% !important;
	display:block;	
	
}
	
}

@media screen and (max-width: 20em) {
    

	.tab {
	background-color: #e7e7e7;
	height: auto;
	width: 90%;
	font-weight: bold;
	padding: 10px 0px 8px 10px;
	float: left;
	margin-right: 3px;
	cursor: pointer;
	border-left: 1px solid #d8d8d8;
	border-right: 1px solid #d8d8d8;
	border-top: 1px solid #d8d8d8;
	border-bottom: 0px solid #d8d8d8;		
}

	.aktiv {
	background-color: #fff;
	height: auto;
	width: 90%;
	font-weight: bold;
	padding: 10px 0px 8px 10px;
	float: left;
	margin-right: 3px;
	cursor: pointer;
	border-left: 1px solid #d8d8d8;
	border-right: 1px solid #d8d8d8;
	border-top: 1px solid #d8d8d8;
	border-bottom: 0px solid #d8d8d8;		
}

	.tabelle_agenda {
	margin: 10px 0px 10px 10px !important;
	width: 95% !important;
	display:none;
	
}
	
	.tabelle_agenda_mobil {
	margin: 10px 0px 10px 10px !important;
	width: 95% !important;
	display:block;		
}

	.tabelle_anfahrt {
	margin: 10px 0px 10px 10px !important;
	width: 95% !important;
	display:none;
	
}
	
	.tabelle_anfahrt_mobil {
	margin: 10px 0px 10px 10px !important;
	width: 95% !important;
	display:block;		
}

	.tabelle_shuttlezeiten {
	margin: 10px 0px 10px 10px !important;
	width: 95% !important;
	display:none;
	
}
	
	.tabelle_shuttlezeiten_mobil {
	margin: 10px 0px 10px 10px !important;
	width: 95% !important;
	display:block;		
}

	.tabelle_sonstiges {
	margin: 10px 0px 10px 10px !important;
	width: 95% !important;
	display:none ;	
	
}
	
	.tabelle_sonstiges_mobil {
	margin: 10px 0px 10px 10px !important;
	width: 95% !important;
	display:block;	
	
}

	
}