html, body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 76%;

  background-color: #e4e9f2;

  color: #333;
}

div.page
{
  font-size:1.2em;
  margin: 25px auto;
  margin: 2em auto;

  margin-bottom:10px;
  text-align:left;

  width : 95%;
  width : 90.4em; /* == OPERA korrekt */
  width : 90.1em; /* == FIREFOX korrekt */
  width : 89.8em; /* == IE korrekt */

  width : 84em; /* == gewollter abstand */

	width: 933px; /* 27.8.2015 Redesign */
  max-width : 1600px;
  min-width : 780px;

}

/************/

div.header a
{
   color: #fff;
}

div.header
{
  background-color: #e4e9f2;
  margin-bottom:19px;
}

div.header div.logo
{
  clear:both;
  /* background-image: url("//www.hvv.de/layout/images/assets/Header_Rot_logo.png"); */
  background-position:100% 100%;
  background-repeat:no-repeat;

  background-color:#A40003;

  color: #FFF;

  min-height:51px;
  _height:51px;
 /* padding-bottom:37px; */
 /* padding-right:15px; */
  position:relative;
  white-space:nowrap;

  -webkit-box-shadow: 2px 2px 4px 0 #8d8f94;
  -moz-box-shadow: 2px 2px 4px 0 #8d8f94;
  box-shadow: 2px 2px 4px 0 #8d8f94;

  -webkit-border-radius: 11px 0 11px 11px;
  -moz-border-radius: 11px 0 11px 11px;
  border-radius: 11px 0 11px 11px;
  behavior: url(/layout/pie/PIE.htc);
}

div.header div.logo_fs
{
  clear:both;
  background-image: url("//www.hvv.de/layout/images/assets/Header_folgeseite.png");
  background-position:100% 100%;
  background-repeat:no-repeat;

  background-color:#A40003;

  color: #FFF;

  min-height:88px;
  _height:88px;
/*  padding-bottom:37px; */
  padding-right:0px; 
  position:relative;
  white-space:nowrap;

  -webkit-box-shadow: 2px 2px 4px 0 #8d8f94;
  -moz-box-shadow: 2px 2px 4px 0 #8d8f94;
  box-shadow: 2px 2px 4px 0 #8d8f94;

  -webkit-border-radius: 11px 0 11px 11px;
  -moz-border-radius: 11px 0 11px 11px;
  border-radius: 11px 0 11px 11px;
  behavior: url(/layout/pie/PIE.htc);
}

div.header div.logo_fs img {
	border-radius: 11px 0 11px 11px;
}

div.header div.logo_fs a {
 position:absolute; 
 top:0px; right:0px; 
 height:100%;
	
}

div.header div.logo_fs a span {
 float: right; 
 height:100%; 
  width:120px;
}



div.header div.logo img,
div.header div.logo a.flowplayer
{
  vertical-align:top;
  float:left;
}

div.header div.logo img.mainlogo,
div.header div.logo div.roundlogo,
div.header div.logo a.flowplayer
{
  margin-right:0px;
}

div.header div.logo img.mainlogo,
div.header div.logo a.flowplayer
{
  -webkit-border-radius: 11px 0 0 11px;
  -moz-border-radius: 11px  0 0 11px;
  border-radius: 11px 0 0 11px;
  position: relative;
  behavior: url(/layout/pie/PIE.htc);
}

div.header div.logo #logo-right img{
	/*
  float:none;
	*/
}

div.header div.logo img.logo-overlay {
	/*
	float:none;
  position:absolute;
	left:380px;
	z-index: 1000;
	*/
}

div.header div.logo #logo-left_neu {
 width: 379px;
	height: 267px;
	float: left;
}

div.header div.logo #logo-right_neu {
 width: 554px;
 height:267px;
	float:right;
	
	-webkit-border-radius: 0 0 11px;
  -moz-border-radius: 0 0 11px;
  border-radius: 0 0 11px;
}
div.header div.logo #overlay-right_neu {
 margin-left: 23px;

}

div.header div.logo #logo_link,
div.header div.logo #logo_link2 {
 position: absolute;	
	top: 150px;
	left: 582px;
}

div.header div.logo #logo_link2 {
	top: 110px;
}


div.header div.logo div.roundlogo
{
  float:left;
}

div.header div.logo p.logotext
{
  color:white;
  white-space:normal;
}

div.header div.logo p.logotext strong
{
  text-transform:uppercase;
}

div.header div.logo p.logotext a
{
  
}

div.header div.logo ul.logotext
{
  margin-bottom: 4px;
}

div.header div.logo ul.logotext li
{
  list-style: disc inside none;
}

div.header div.logo a.homelink
{
  position : absolute;
  bottom:22px !important;

  right:16px;
  z-index:50;
}

div.header div.logo a.homelink img
{
  vertical-align: baseline;
}

/***************/

div.body
{
  clear:both;
  background-color:#fff;

  padding:25px;
  min-height:100px;
  /* IE Bugfix */
  _height:100px;

  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;

  -webkit-box-shadow: 2px 2px 4px 0 #8d8f94;
  -moz-box-shadow: 2px 2px 4px 0 #8d8f94;
  box-shadow: 2px 2px 4px 0 #8d8f94;

  behavior: url(/layout/pie/PIE.htc);
  position: relative;
}

/***/

div.content h1
{
  color: #02327C;
  font-size: 20px;
  margin-top: 0;
  font-style: italic;
}

div.content h2,
div.content h3
{
  font-weight: bold;
}


.wetextarea p,
div.content p
{
  margin-bottom: 10px;
  max-width: 600px;
}

div.content div.print_hvv_logo 
{
  display:none;
}

/***********/

form.menu_search,
form.menu_search_eng
{
  margin:0 0;
	padding-top:2px;
	padding-bottom:2px;
	background-color: #fff;
}

form.menu_search button,
form.menu_search_eng button
{
  padding: 1px;
	width:17px;
	background-color: #fff;
	
}

.icon_lupe {
	background-image : url(/layout/images/assets/icon_lupe.png);
	background-repeat: no-repeat;
}

.icon_x {
	background-image : url(/layout/images/assets/icon_X.png);
	background-repeat: no-repeat;
}

form.menu_search input
{
  padding: 3px;
	padding-bottom:3px;
	border: 0px solid;
	font-weight: bold;
	color: #08387B;
	width: 135px;
	background-color: #fff;
}



form.menu_search_eng input
{
  padding: 3px;
	padding-bottom:3px;
	border: 0px solid;
	font-weight: bold;
	color: #003277;
	width: 131px;
	background-color: #fff;
}


form.menu_search input::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #08387B;
   opacity:  1;
}


form.menu_search input:focus {
  outline: none;
	background-color: #fff;
}

form.menu_search_eng input:focus {
  outline: none;
	background-color: #fff;
}


form.search
{
  margin:2em 0;
}

/*form.search .border
{
  padding:2px;
  border:1px solid #999;
}*/

form.search input,
form.search button
{
  vertical-align:middle;
}

form.search input
{
  width:10.2em;
}

/********/

p.price
{
  margin-top:1em;
  font-weight:bold;
}

/********/

div.footer
{
  clear:both;
  overflow:hidden;
}

div.footer ul.extralinks
{
/*
  float:left;
  padding-top:2em;
  width: 60em; 
*/
  display: inline-block;
  padding-bottom: 5px;
}

div.footer ul.extralinks li.rightspace
{
  padding:0 35px 0 10px;
}

div.footer ul.extralinks li
{
  float:left;
  padding:0 8px;

}

div.footer ul.extralinks li.first
{
  border:none;
  padding:0;
  padding-right:5px;
}

div.footer ul.sitefunctions 
{
/* 
  float:right;
  padding-top:2em;
  width: 13em; 
*/
  display: inline-block;
}

div.footer ul.sitefunctions li
{
  float:right;
  background-repeat:no-repeat;
  /*padding-left:35px;*/
  padding-left:5px;
  background-position:10px 50%;
  /*min-height:16px;
  _height:16px;*/
  white-space:no-wrap;
}

div.footer ul.sitefunctions li.rate
{
  background-image : url(/images/sitefunc_rate.gif);
}

div.footer ul.sitefunctions li.print
{
  background-image : url(/images/sitefunc_print.gif);
}

div.footer ul.sitefunctions li.send
{
  background-image : url(/images/sitefunc_send.gif);
}

div.footer .footer-box {
  text-align: right;
/*
	float: left;
	margin-left: 465px;
*/
}

/*******************/

div.start
{
  background-color:#aa0000;
  background-image : url(../images/start_bg.gif);
  background-position: 100% 0;
  background-repeat: repeat-y;
  color : white;

  min-height:215px;
  /* IE Bugfix */
  _height:215px;
  
  padding:1.25em;
	padding-top: 0.9em; /* Lineheight des Titels berueksichtigt */
  

  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;

  -webkit-box-shadow: 2px 2px 4px 0 #8d8f94;
  -moz-box-shadow: 2px 2px 4px 0 #8d8f94;
  box-shadow: 2px 2px 4px 0 #8d8f94;

  position: relative;
  behavior: url(/layout/pie/PIE.htc);
}

div.start h2 {
   margin-top:0;
  font-weight:bold;
	font-size: 12px;
}


div.start div.quick-sched
{
  float:left;
  width:353px; /* 34em 21.02.2014 */

}

div.start a
{
  color:white;
}

div.start a.arrow,
div.hint_teaser a.arrow, 
div.header p.logotext a,
div.header div.logo a.arrow,
div.meinhvvstart div.highlightbox a.arrow, 
div.meinhvvstart div.highlightbox .aslink
{
  background:url(../images/arrow_white_on_red.png) 0 70% no-repeat;
  padding-left: 13px;
}

div.start a.arrow2 {
	background:url(../images/arrow_white_on_red.png) 0 5px no-repeat;
  padding-left: 20px;
	display:block;
}

div.start a.arrow3 {
	background:url(../images/arrow_white_on_red.png) 0 4px no-repeat;
  padding-left: 20px;
	display:block;
}


div.header p.logotext a.no-arrow {
  background: none;
  padding-left: 0;
}

.std_bottom {
	margin-bottom: 1.3em !important;
 }

div.start div h1
{
  margin:0;
  margin-bottom:0.8em;
  line-height: 150%;
  font-size:12px;
}

div.start div.quick-sched div.unindented label,
div.meinhvvstart div.quick-sched div.unindented label,
div.start div.quick-sched div.unindented strong
{
  width:4.0em;
  display:-moz-inline-box;
  display:inline-block;

  font-weight:bold;
  /* new */
  *vertical-align:0.5em;
}

div.start div.quick-sched div.unindented strong
{
}

div.meinhvvstart div.quick-sched div.unindented label,
div.meinhvvstart div.quick-sched div.unindented input
{
  vertical-align:middle;
}

div.start div.quick-sched .indented,
div.meinhvvstart div.quick-sched .indented
{
  margin-left:4.0em;
  *margin-left:3.25em;

}

div.start div.quick-sched div.unindented p,
div.meinhvvstart div.quick-sched div.unindented p
{
/*  padding-left:3.5em;
  *padding-left:3.25em;*/
  display:inline-block;
  *display:inline;
  *zoom:1;

}

div.start div.quick-sched .indented label,
div.meinhvvstart div.quick-sched .indented label
{
  margin-right:1em;
  *margin-right:0.5em;
  vertical-align:middle
}

div.start div.quick-sched div.unindented,
div.start div.quick-sched div.indented,
div.meinhvvstart div.quick-sched div.unindented,
div.meinhvvstart div.quick-sched div.indented
{
  margin-bottom:0.3em;
  *margin-bottom:0.0em;

}

div.start div.quick-sched input.radio,
div.meinhvvstart div.quick-sched input.radio
{
  vertical-align:middle;

  margin-right:0.25em;
  *margin-right:0em;

}

div.start div.quick-sched div.textinput,
div.meinhvvstart div.quick-sched div.textinput
{
  width:13em;
}


div.start div.quick-sched input.border,
div.start div.quick-sched select,
div.meinhvvstart div.quick-sched input.border,
div.meinhvvstart div.quick-sched select
{

  border:1px solid #C40113;
  width:12em;
}

div.start div.quick-sched input#start,
div.start div.quick-sched input#ziel,
div.meinhvvstart div.quick-sched input#start,
div.meinhvvstart div.quick-sched input#ziel
{
  width: 27em;
}

div.start div.quick-sched input.imagebutton,
div.meinhvvstart div.quick-sched input.imagebutton
{
  vertical-align:middle;
  *vertical-align:bottom;
}

div.start div.route-network img,
div.meinhvvstart div.route-network img,
div.start div.shop img,
div.start div.listingblock img.left,
div.start div.guarantee img,
div.start div.switchh img
{
 /* margin-bottom:0.75em; *
}

div.start div.route-network p,
div.meinhvvstart div.route-network p,
div.start div.shop p,
div.start div.listingblock p,
div.start div.guarantee p,
div.start div.switchh p
{
  margin-bottom:1em;
  padding-right:0;
	min-height: 67px; /* 12ex, 24.02.2014 */	
}

div.start div.route-network h2
{
  margin-top:0em;
}



/*
div.start div.news-overview
{
	width: 100px;
  float:left;
  padding-left: 16px;
}
div.start div.shop,
div.start div.guarantee,
div.start div.switchh
{
  width: 100px;
  float:left;
  padding-left:16px;
  position: relative;
  padding-bottom: 20px;
}
*/

.start .start-teaser-box {
  width: 106px;
  float: left;
  margin-left: 1em;
  position: relative;
  padding-bottom: 20px;
  height: auto;
  min-height: 180px;
  height: 180px;
}

.quick-sched .absolute-links,
.start .start-teaser-box .absolute-links 
{
  bottom: 0;
  left: 0;
  position: absolute;
}

 .icon-box {
	 float:left; 
	 margin-left:15px; 
	 width:215px;
}


.start .route-network {
	
  margin-left: 0;
	margin-bottom: 12px;
	float: left;
}

.start .guarantee {
  margin-left: 15px;
	float: left;
	margin-bottom: 12px;
}

.start .switchh {
  margin-left: 0px;
		margin-bottom: 0px;
	float: left;
}

.start .shop {
  margin-left: 15px;
		margin-bottom: 0px;
	float: left;
}

/***************/

div.startfooter
{
	font-size: 11px;
  text-align : right;
  padding-top:10px;
}

div.startfooter div.footer-box {
	width: 920px;
}
div.startfooter ul li
{
  display:inline;
  padding:0 10px;
}

div.startfooter ul li.rightspace
{
  display:inline;
 
}

div.startfooter ul li.last
{
  padding-right: 4px;
 
}

/****************/



div.content div.loginbox
{
  background-color: #e4e9f2;
  margin-bottom: 2em;
  margin-top: 2em;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;

  position: relative;
  behavior: url(/layout/pie/PIE.htc);

}

div.content div.loginbox_emphasized
{
  background-color: #b3c3d7;
}

div.content div.loginbox a
{
/*  display:block;*/
}

div.content div.loginbox h1,
div.content div.loginbox h2,
div.content div.loginbox h3
{
/*  font-size:1em;

  margin:0;*/


  background: -webkit-gradient(linear, left, right, from(#D2DCED), to(#E6EBF2));
  background: -webkit-linear-gradient(45deg, #D2DCED, #E6EBF2);
  background: -moz-linear-gradient(45deg, #D2DCED, #E6EBF2);
  background: -o-linear-gradient(45deg, #D2DCED, #E6EBF2);
  background: -ms-linear-gradient(45deg, #D2DCED, #E6EBF2);
  background: linear-gradient(45deg, #D2DCED, #E6EBF2);
  -pie-background: linear-gradient(45deg, #D2DCED, #E6EBF2);
  
  padding:4px 1em 4px 1em;
  margin:0;

  -webkit-border-radius: 8px 8px 0 0;
  -moz-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;

  position: relative;
  behavior: url(/layout/pie/PIE.htc);
}

div.content div.loginbox h3 {
  background: -webkit-gradient(linear, left, right, from(#E6EBF2), to(#E6EBF2)) !important;
  background: -webkit-linear-gradient(45deg, #E6EBF2, #E6EBF2) !important ;
  background: -moz-linear-gradient(45deg, #E6EBF2, #E6EBF2) !important ;
  background: -o-linear-gradient(45deg, #E6EBF2, #E6EBF2) !important;
  background: -ms-linear-gradient(45deg, #E6EBF2, #E6EBF2) !important;
  background: linear-gradient(45deg, #E6EBF2, #E6EBF2) important ; 
  -pie-background: linear-gradient(45deg, #E6EBF2, #E6EBF2) !important ;

  padding:4px 1em 4px 1em;
  margin: 0,0,0,0;

  -webkit-border-radius: 8px 8px 0 0;
  -moz-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;

  position: relative;
  behavior: url(/layout/pie/PIE.htc);

}


div.content div.loginbox .ui-slide-external-controls,
div.content div.groupbox .ui-slide-external-controls
{
  position: relative;
  z-index: 1;
}

div.content div.loginbox h4
{
  margin-top:0em;
  clear:none;
}
/*
div.content div.loginbox_emphasized h1,
div.content div.loginbox_emphasized h2,
div.content div.loginbox_emphasized h3
{
  background-image:url(/images/linkbox_head_emphasized.gif);
  color:white;
}*/


div.content div.loginbox div.listingblock h2 {
  background-color: #e4e9f2;
  background-image: none;
}

div.content div.loginbox div.listingblock a {
  display: inline;
  text-align: right;
}

div.content div.loginbox_sizes
{
  /* padding:10px; */
  padding:6px 10px 10px 10px ; /* MeinHVV Login Box */
  height: auto !important;  
  height: 20px;
  min-height:20px;
  
}

div.loginbox a.closed
{
  background-image: url(../images/icon-plus.png);
  background-position: 0 50%;
  background-repeat: no-repeat;
  padding-left: 12px;
}

div.loginbox a.open
{
  background-image: url(../images/icon-minus.png);
  background-position: 0 50%;
  background-repeat: no-repeat;
  padding-left: 14px;
}

table.meinhvv_addressbook
{
  width: 100%;
  border-top: 1px solid #FFF;
  border-collapse: collapse;
}

table.meinhvv_addressbook td
{
  padding: 3px 10px 3px 5px;
  line-height: 1.7em;
  vertical-align: middle;
}

table.meinhvv_addressbook tr.even td
{
  background-color: #FFF;
}

div.content div.highlightbox
{
  color : white;

  background-color: #da0000;
  margin-bottom:1em;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
 
  position: relative;
  behavior: url(/layout/pie/PIE.htc);

}

div.content div.highlightbox a
{
  color: white;
  text-decoration: underline;
}

div.content div.highlightbox h1
{
  font-size:1em;
  color : white;
  background-image:url(/images/teaserbox_head.gif);
  background-repeat:repeat-y;
/*  margin:0;*/
}

div.content div.highlightbox_innersizes,
div.content div.highlightbox_innersizes2
{
  padding:10px 15px;
/*  padding-left:160px;*/
  min-height:100px;
  height:auto !important;
  height:100px;
}

div.content div.highlightbox_innersizes2
{
  padding:10px 10px;
}

div.content div.highlightbox form input.border,
div.content div.highlightbox form select.border
{
  border: 1px solid #C40113;
}


div.content table.myhvvactions
{
  margin-bottom:0em;
  border-bottom:1px solid #D0D4D7;
  margin-left:0;
}

table.myhvvactions th
{
  color:#02327C;
  background-color:transparent;
  background-image:url(/images/linkbox_head.gif);
  background-repeat:repeat-y;
}

div.content table.myhvvactions th,
div.content table.myhvvactions td
{
  border:0px;
}

div.content table.meinhvv_shopdaten th
{
  padding-top:15px;
  padding-bottom:5px;
}

div.meinhvvstart div.route-network
{
  float:right;
  width: 25%;
}

div.meinhvvstart div.quick-sched
{
  float:left;
  width: 75%;
  *width: 74%;

}

div.meinhvvstart h2
{
  margin-top: 0;
  margin-bottom: 0.5em;
}

div.faq-text
{
  margin-left: 15px;
  display: none;
}

#warenkorb-iframe
{
  margin: 0 15% 0px -5px;
}

div.cart_compact_wrapper {
	margin-bottom: 1em;
}

div.header div.logo p.logotext a.startseite-kampagne-button
{
  cursor:pointer;
  display:block;
  border:1px solid #ffffff;
  color:#ffffff;
  line-height:22px;
  text-align:center;
  margin:5px;
  padding-left: 20px;
  width: 96px;
  background:none;
  text-decoration:none;
  float:left;
  position: relative;
  z-index: 0;

  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  behavior: url(/layout/pie/PIE.htc);
}

div.header div.logo p.logotext a.startseite-kampagne-button img
{
  float: none;
  vertical-align: middle;
}

div.header div.logo p.logotext a.startseite-kampagne-button:hover
{
  color: #ca0000;
}

div.header div.logo p.logotext a.startseite-kampagne-button.translate
{
  background: url(/images/left-right-icon.png) no-repeat 15px 4px;
}

div.header div.logo p.logotext a.startseite-kampagne-button.next
{
  background: url(/images/right-arrow-icon.png) no-repeat 13px 5px;
}

div.header div.logo p.logotext a.startseite-kampagne-button.translate:hover
{
  background: url(/images/left-right-hover-icon.png) no-repeat 15px 4px #fff;
}

div.header div.logo p.logotext a.startseite-kampagne-button.next:hover
{
  background: url(/images/right-hover-icon.png) no-repeat 13px 5px #fff;
}

div.header div.logo p.logotext a.translate img
{
  padding-bottom: 2px;
}
div.header div.logo p.logotext a.next img
{
  padding-bottom: 3px;
}

div.header div.logo p.logotext object
{
  display:block;
  margin:5px;
  float:left;
}

div.header div.logo p.logotext #funkspot_titelbild_gruppenkarte object
{
  margin: 0;
}

div.header div.logo p.logotext .uebersetzung-button,
div.header div.logo p.logotext .weiterlesen-button  {
  background: url(/images/button/btn_uerbersetzen.png) transparent no-repeat;
  cursor:pointer;
  display:block;
  float: left;
  line-height:20px;  
  background-repeat:no-reeat;
  text-decoration:none;
  height: 24px;
  width: 117px;
  text-align:center;
}

div.header div.logo p.logotext .uebersetzung-button:hover {
  background-image: url(/images/button/btn_uerbersetzen_o.png);
}

div.header div.logo p.logotext .weiterlesen-button {
  background-image: url(/images/button/btn_weiterlesen.png);
}

div.header div.logo p.logotext a.weiterlesen-button:hover {
  background-image: url(/images/button/btn_weiterlesen_o.png);
}

div.body div.content img.error-404
{
  float: left;
  padding-right: 30px;
}

div.body div.content ul.error-404
{
  margin-left: 42.0em;
}

/* HVV 421 */
.news-overview {
  /* margin-top: 25px;	 */ 
	}

#mn {
	margin-bottom: 0px;
}
/*
#mn div.listingblock > div[style] {
	float: left;
	width: 70%;
  height: 2em !important;
  min-height: 3em !important;	
}
*/

#mn div.listingblock > div[style] a {
  color: #FFF;
	padding-top: 0px;
}

#mn div.listingblock img {
  margin: 0px;
}

#hertz_box {
	background-color: #F3F6FA;
    border-radius: 8px;
    clear: both;
    display: inline-block;
    margin: 10px 0 30px;
    min-width: 300px;
    padding: 12px 12px 10px 14px;
    position: relative;
	}

.planbox {
	width: 100%;
	}

.plan_leftbox {
	width:68%; 
	float:left;
	}

.plan_rightbox {
	width:30%; 
	float:right;
	}


#neu div.start div h1
{
  margin:0;
  margin-bottom:0.8em;
  line-height: 150%;
  font-size:1.2em;
}

#neu div.start div.quick-sched
{
  float:left;
  width:358px; /* 34em 21.02.2014 */

}

#neu .start .start-teaser-box {
  width: 106px;
  float: left;
  margin-left: 1em;
  position: relative;
  padding-bottom: 10px;
	height: 100px;
  min-height: 100px;
  
}

.arrow_indent {
	padding-left:15px;
	}

.nl_infotext ul li {
  list-style: disc inside none !important;
}



/* ###### 50 Jahre HVV Header ###### */
.flip-wrapper {
    width:            300px;
    height:           300px;
    position:         relative;
}

.flip-container {
    perspective:     1000;
    transform-style: preserve-3d;
}


.flip-container, .front, .back {
    height: 168px;
    left: 24%;
    position: absolute;
    top: 11%;
    width: 168px;
}

.flipper {
    transition:      0.6s;
    transform-style: preserve-3d;

    position:        relative;
}

.front, .back {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    transition:          0.6s;
    position:            absolute;
    top:                 0;
    left:                0;
}

@-webkit-keyframes flippOut {
    from {-webkit-transform: rotateY(180deg);}
    to {-webkit-transform: rotateY(0deg);-webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards;}
}

@-webkit-keyframes flippIn {
    from {-webkit-transform: rotateY(0deg);}
    to {-webkit-transform: rotateY(180deg);-webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards;}
}

@-moz-keyframes flippOut {
    from {-moz-transform: rotateY(180deg);}
    to {-moz-transform: rotateY(0deg);}
}

@-moz-keyframes flippIn {
    from {-moz-transform: rotateY(0deg);}
    to {-moz-transform: rotateY(180deg);}
}

@-ms-keyframes flippOut {
    from {-ms-transform: rotateY(180deg);}
    to {-ms-transform: rotateY(0deg);}
}

@-ms-keyframes flippIn {
    from {-ms-transform: rotateY(0deg);}
    to {-ms-transform: rotateY(180deg);}
}

.front {
    z-index:   2;
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -webkit-animation: flippIn 2s forwards;
    -moz-animation: flippIn 2s forwards;
    -ms-animation: flippIn 2s forwards;
    -webkit-animation-delay: 2s; 
    -moz-animation-delay: 2s; 
    -ms-animation-delay: 2s; 
    animation-delay: 2s;
}

.back {
    transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
    -webkit-animation: flippOut 2s forwards;
    -moz-animation: flippOut 2s forwards;
    -ms-animation: flippOut 2s forwards;
    -webkit-animation-delay: 2s; 
    -moz-animation-delay: 2s; 
    -ms-animation-delay: 2s; 
    animation-delay: 2s;
}

/* ###### 50 Jahre HVV Header - Ende ###### */