/*
  Theme Name: Jugendfreizeitticket
  Theme URI: http://www.construktiv.de
  Description: Theme Jugendfreizeitticket
  Version: 1.0
  Author: construktiv GmbH (EN)
  Author URI: http://www.construktiv.de
  Tags: VBN, Jugendfreizeitticket, schwarz, gelb
*/

@import url('reset.css');
body { background: #FFF217; font-family: "Trebuchet MS",Arial,Helvetica,sans-serif; }
.clear { clear: both; height:0px; line-height: 0px; font-size: 0px; float:none; overflow: hidden; }
strong, b { font-weight:bold;}
small { font-size: 10px; }

/***********************************************
**  NAVIGATION / HEADER
/**********************************************/
#navigation_wrapper { background: #ffffff; height: 17px;  }
#navigation { width: 940px; margin:0 auto; font-size: 12px; font-weight: bold;  text-transform:uppercase; letter-spacing: -0.003em; }
#navigation a { color: #000000; text-decoration:none; padding: 0px 10px 0px, 10px; margin: 0px 25px 0px 0px; line-height: 17px; }
#navigation li.current_page_item a,
#navigation a:hover { color: #E30079;  }
#naviagtion ul { width: 940px; }
#navigation li { display:inline; float:left;  }
#navigation .rechts { float:right; text-align:right;  }
#navigation .rechts a { margin: 0px 0px 0px 26px; padding: 0px 0px 0px 0px; }


/***********************************************
**  CONTENT 
/**********************************************/
#wrapper { background: #000000; }
#content { width: 940px; background:url(../images/bus-bahn-zug.gif) bottom left no-repeat #000000; margin: 0 auto; position:relative; color: #fff; font-weight: bold; font-size: 20px; line-height:24px; padding-bottom:98px;  }
.rizzi #content{ background:url(../images/bus-bahn-zug-rizzi.gif) bottom left no-repeat #000000; }
#content.index { background: url(../images/home-bubbles-new3.jpg) top left; padding-bottom:0px; height: 549px; position:relative;    }
#content h2 { color: #fff217; font-size: 50px; line-height: 44px; text-transform:uppercase; padding-top: 35px; letter-spacing:-0.03em; margin-bottom: 20px;  }
/*#content.index h2 { margin-bottom: 0px; }*/
#content h3 { color: #fff217; font-size: 19px; margin: 15px 0px 0px 0px; }
#content h2 span { color: #E30079; }
#content p { font-size: 19px; padding: 5px 0px 10px 0px; line-height: 23px; }
#content p a { color: #E30079; }
#content p a:hover { color: #F92C8E; }
#content.index p { width: 470px; }
#content a.button {text-align:center; width: 410px; height: 34px; background: #e30079; line-height:34px; display:block; color: #ffffff; text-decoration:none; margin: 15px 0px 0px 0px; }
#content a.kontaktformular { width: 250px; }
#content a:hover.button { background: #fff217; color: #009DE8;}
#content ul { margin-left: 25px; list-style-type:disc; padding: 5px 0px 10px 0px;}
#content ul li { padding: 5px 0; }

.main_content { width: 450px; float:left; margin-bottom: 100px; }
.sub_content { width: 420px; float:right; padding-top: 22px;  }
.sub_content h3 { font-size:24px; color:#ffffff; font-weight: bold; text-transform:uppercase; margin-bottom: 10px;  }
.sub_content h4 { color: #fff217; font-size: 19px; margin: 15px 0px 0px 0px;  }

.sub_content.rizzi { padding-top: 0;}
.sub_content.rizzi h2 { color: #fff217; font-size: 50px; line-height: 44px; text-transform:uppercase; padding-top: 35px; letter-spacing:-0.03em; margin-bottom: 20px; margin-right:40px;  }
#content .sub_content.rizzi h3 { color: #fff217; font-size: 19px; margin: 15px 0px 0px 0px; text-transform:none;  margin-right:40px; }

#content #tacho { width: 546px; height: 43px; padding-top: 55px; position:absolute; bottom: 0px; left: 197px; background: url(../images/tacho.gif); text-align:center; font-weight: bold; color: #ffffff; font-size: 12px; z-index:3;  }
#content #tacho .text { position: relative; top: -10px; text-align: center; }
#content #tacho span {  font-size: 35px; color: #FFF217; position:relative; top: 0px; }


/* ############   HOME   ############################# */
#bubbles { width: 619px; height: 549px; position:absolute; top: 0px; right: 0px;  background:url(../images/home-bubbles.jpg); }
.bubble { display: block; position: relative; height: 150px; text-indent:-9999px; float: left; }
.bubble_anmeldung { left: 410px; top: -250px; width: 140px; }
.bubble_karte { left: 660px; top: -170px; width: 120px; }
.bubble_karte_pdf { left: 260px; top: 450px; width: 180px; height: 50px; }
.bubble_preis { left: 240px; top: -80px; width: 180px; height: 160px; }
.bubble_informationen { left: 150px; top: -290px; width: 190px; height: 190px;}

#postit { width:120px; height: 117px; position:absolute; left: 465px; top: 10px; }



/* ############   ANMELDUNG und KONTAKFORMULAR ############################# */

.anmeldung input { width: 360px; height: 22px; padding: 4px 10px; font-size: 18px;  font-weight:bold; margin: 5px 0px 5px 0px; border:none;  }
input.strasse { width: 282px; }
input.nummer { width: 52px; }
input.plz { width: 92px; }
input.ort { width: 242px; }
input.checkbox { width: auto; vertical-align:middle;  height: 23px;  margin: 0px 5px 0px 0px; }
input.submit { width: auto; background: #e30079; color: #ffffff; height:30px; }
select { height:30px; font-size: 18px;  font-weight:bold; margin: 5px 0px 5px 0px; border: none; padding-left: 5px; }
option { line-height:30px; margin-right:5px;  }
label { font-size:14px; line-height:23px;  }
label.alter { text-align:center; }
label a { color: #ffffff; }
label a:hover { text-decoration:none; }
textarea { width: 360px; height:200px;  padding: 4px 10px; font-size: 18px;  font-weight:bold; margin: 5px 0px 5px 0px; border:none; font-family: "Trebuchet MS",Arial,Helvetica,sans-serif; letter-spacing:inherit;  }
.checkboxen { margin: 10px 0; }


/* #####################   FRAGEN UND ANTWORTEN ##############################*/
.faq { font-size: 16px; line-height:20px; margin-bottom: 20px;   }
.faq strong { color: #e30079; }

/* ############   KARTE   ############################# */
#wrapper.karte { background: url(../images/karte.gif) center top no-repeat #000000; }
/* #content.mykarte { background: url(../images/bus-bahn-zug.gif) bottom left no-repeat transparent;  padding-bottom:0px;  } */
#content.mykarte {background: url(../images/karte.gif) center top no-repeat #000000; }


/* ############   KARTE   ############################# */
#wrapper.rizzi { background:url(../images/bg-rizzi.gif) center top no-repeat #000000; }
#wrapper.rizzi #content {  padding-left:20px; background-position:bottom 20px; }




/***********************************************
**  FOOTER 
/**********************************************/
#footer_wrapper { background: #FFF217;  }
#footer { width: 940px; margin: 0 auto; color: #009DE8; overflow:hidden; }

#footer .service { padding-top: 8px; float:left; width: 380px;  }
#footer .telefon { float: left; margin: 0px 8px 0px 0px; } 
#footer .service_nummer { font-size: 20px; font-weight: bold; padding-top: 17px;  }
#footer .service_hinweis { font-size: 12px; line-height: 14px; }


#footer .zvbn { float: right; width: 400px; padding-top: 29px; position:relative; color: #000000; height:auto; }
#footer .zvbn p { font-size:12px; font-weight: bold; position:relative; z-index:2; }
#footer .zvbn .logo_ZVBN { position: absolute; left: 0; top: 45px; z-index: 1; }
#footer .zvbn .logo_VBN { position: absolute; top: 20px; right: 0px; z-index: 1 }

#footer .meta { clear: both; margin: 20px 0px 10px 0px; }
#footer .meta a { font-size:12px; line-height: 14px; text-transform:uppercase; font-weight: bold; color: #000000; text-decoration: none; margin: 0px 10px 0px 0px;  }
#footer .meta a:hover { color: #E30079;}



/***********************************************
**  BOOKMARKS
/**********************************************/
#social_bookmarks { font-size:1px; line-height:1px; position:relative; top:-100px; left:200px; border:2px solid #d4d6a0; padding:5px; padding-bottom:0; padding-right:0; width:178px; background:#fff; display:none; }
* html #social_bookmarks { right:65px; }
#social_bookmarks a#sb_close { font-size:10px; line-height:10px; display:block; text-align:right; margin-right:7px; margin-bottom:8px; }
#social_bookmarks a:hover#sb_close { color: #DE016B; }
#social_bookmarks a#sb_close span { border:1px solid #000; padding:0 2px; font-weight:bold; color:#DE016B; }
#social_bookmarks a { font-size:1px; line-height:1px; text-decoration:none; margin:0; padding:0; }
#social_bookmarks a:hover { border-bottom:none; }
#social_bookmarks img { border:0; padding:0; margin:0; }

/***********************************************
**  POPUP Weiterempfehlen
/**********************************************/
body.empfehlung { background: #000000; padding: 20px 20px 98px 20px; }
body.empfehlung #content { width: 410px; }

/* TESTZWECKE */

ol { margin-left: 25px; list-style-type:decimal; padding: 5px 0px 10px 0px;}
label.validMonat { line-height:normal; }

.information { font-size: 16px; }
.information_headline { color: #E30079;  }
.information_item {  }