.Body {
    background: #f1edd4 url(/gfx/BAG/bg-body.jpg) left top;
    font-family: Arial, Helvetica, Tahoma, sans-serif;
    color: #000;
    position: relative;
}

html,
.Body {
	font-size: 10px;
	line-height: normal;
}


.fontsize0 { font-size: 10px; }
.fontsize1 { font-size: 11px; }
.fontsize2 { font-size: 12px; }
.fontsize3 { font-size: 13px; }
.fontsize4 { font-size: 14px; }

#metaNav .disabled {
  opacity: 0.5;
}

hr {
  margin: 5px 0px;
}

#metaNav .disabled:hover {
  cursor: default;
  text-decoration: none;
}

* {
    outline: 0;
}

h1, h2, h3, h4, h5, p {
    margin: 0px 0px 10px 0px;
    padding: 0px;
}

ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

a {
    text-decoration:none;
}

a img {
    border: none;
}

ul {
    margin: 0px;
    padding: 0px;
}

.hint,
.Body .Document p.hint {
  background: #f3f6cd;
  padding: 10px;
  margin: 15px 0px;
  border: 1px solid #e5d01f;
}

.roundedBox {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

.arialBlack {
    font-family: Arial Black;
}

.upperCase {
    text-transform: uppercase;
}

.floatL {
    float: left;
}

.floatR {
    float: right;
}

.bold {
    font-weight: bold;
}

#bookingStep.error,
.error,
.alert {
  border: 1px solid #ac2626;
  background: #f5d6c7;
  padding: 10px;
  margin: 0px 0px 10px 0px;
  font-size: 13px;
}

.error a,
.alert a {
  font-size: 1.2em;
  font-weight: bold;
  text-decoration: underline;
}

.error .suchestarten,
.alert .suchestarten {
  text-decoration: none;
}

#wrapper {
    width: 1000px;
    margin: 0px auto;
    position: relative;
  z-index: 2;
}

.ui-datepicker-div {
    font-size: 0.9em !important;
}

.ui-widget-content {
    color: #202020 !important;
}

#loading-box {
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    background: none repeat scroll 0 0 #202020;
    color: #FFFFFF;
    height: 250px;
    margin-left: 290px;
    position: fixed;
    top: 40%;
    width: 400px;
    z-index: 100;
    display: none;
}

#loading-gif {
    left: 169px;
    position: absolute;
    top: 96px;
    width: 54px;
}

#loading-box h1 {
    font-size: 18px;
    font-weight: normal;
    margin: 0;
    position: absolute;
    text-align: center;
    top: 50px;
    width: 100%;
}

/* Globale Vorgaben nach Umstellung auf em */

.Body H1,
.Body .Document H1 { font-size: 20px; }


.Body H2,
.Body .Document H2 { font-size: 16px; }

.Body H3,
.Body .Document H3 { font-size: 14px; }

.Body H4,
.Body .Document H4 { font-size: 13px; }

.Body .Document p,
.Template .text { font-size: 13px; }

.listeData .vorschauData li .name { font-size: 10px; }

.listeData .vorschauData li .filename,
.listeData .vorschauData li .size,
.trefferlistefooter,
.trefferlisteheader,
.Template .minitext { font-size: 11px; }

.Document h4.boxDescription,
#tt_column h4.boxDescription {
    font-weight: normal;
    font-size: 15px;
	line-height:  20px;
	display: block;
    margin-bottom: 5px;
	text-transform: none;
}

#headerFunctions {
	position: relative;
	height: 60px;
}

#headerFunctions h4.boxDescription {
	position: absolute;
	left: 0px;
	bottom: 0px;
}

/* metaNav */

#metaNav {
    color: #000;
    font-size: 11px;
    line-height: 22px;
    height: 22px;
    padding: 0px;
    position: relative;
    z-index: 500;
}

#metaNav .includeTemplate {
    height: 22px;
    position: relative;
    width: 1000px;
    z-index: 151;
}


#metaNav ul li a {
    padding: 0px 3px;
    color: #000;
    display: block;
    float: left;
}

#metaNav ul li a:hover {
  text-decoration: underline;
}

#metaNav ul li {
    display: block;
    float: left;
}

#metaNav .fontSizer .taller {
    font-weight: bold;
}

#metaNav span {
    cursor: pointer;
    padding: 0px 3px;
}

#metaNav span:hover {
    text-decoration: underline;
}

span#openSearch {
    background: url(/gfx/BAG/bg-topSearch.png) no-repeat right center;
    padding: 0px 20px 0px 3px;
    display: block;
    border: none;
}

/* Seitensuche */

#siteSearch {
    background: url(/gfx/BAG/bg-sitesearch.png) repeat-x left top;
    height: 24px;
    padding: 8px 10px;
    position: absolute;
    right: 0px;
    top: 21px;
    z-index: 151;
}

#siteSearch #search {
    height: 23px;
    margin: 0;
}

#siteSearch input {
    margin: 0 !important;
}

#siteSearch .query {
    background: #fff;
    border: 2px solid #b3b3b3;
    display: block;
    float: left;
    font-size: 11px;
    line-height: 14px;
    padding: 2px 5px;
    width: 170px;
}

#siteSearch .button {
    border: none;
    background: url(/gfx/BAG/bg-siteSearch-button.png) no-repeat left top;
    color: #000;
    width: 63px;
    height: 22px;
    line-height: 22px;
}

#innerWrapper {
    -moz-box-shadow: 0px 5px 5px #202020;
    -webkit-box-shadow: 0px 5px 5px #202020;
    box-shadow: 0px 5px 5px #202020;
    position: relative;
    width: 1000px;
    margin: 0px 0px 50px 0px;
    z-index: 499;
}

#header {
  background: #CCC38E url("/gfx/BAG/bg-hills-unterseite.png") no-repeat scroll left 80px;
  position: relative;
  width: 1000px;
  height: 145px;
  z-index: 150;
}

/* Logo Container */

#logoContainer {
    position: relative;
    width: 800px;
    height: 115px;
    z-index: 2;
}

#logo {
    position: absolute;
    left: 30px;
    top: -22px;
}

#logo img {
  position: relative;
  width: 100%;
  height: auto;
}

#landsichtenLogo {
    display: none;
    height: 62px;
    position: absolute;
    right: -220px;
    top: 15px;
    width: 100px;
}

#landsichtenLogo .logo {
    background: url("/gfx/LAG/landsichten-logo.png") no-repeat scroll left top transparent;
    display: block;
    height: 62px;
    width: 100px;
}

#landsichtenLogo .logo-text {
    text-align: center;
    font-size: 11px;
    color: #ffffff;
    display: block;
    height: 62px;
    width: 100px;
}

#bundeslandName {
    background: url(/gfx/BAG/bundesland-deutschland.png) no-repeat left top;
    width: 192px;
    height: 26px;
    position: absolute;
    left: 270px;
    top: 40px;
}

/* Hauptnavigation */

#mainNav li.break {
    height: 0px;
    width: 0px;
    display: none;
}

#mainNav {
    background: #8AC72B url(/gfx/bg-whiteTransp.png) left top;
    -moz-box-shadow: 0px 0px 3px #202020;
    -webkit-box-shadow: 0px 0px 3px #202020;
    box-shadow: 0px 0px 3px #202020;
    position: absolute;
    top: 120px;
    left: 0px;
    z-index: 100;
    padding: 0px 0px 0px 30px;
    width: 970px;
}

#mainNav ul li {
    display: block;
    float: left;
    position: relative;
}

#mainNav ul li ul li {
    float: none;
}

#mainNav ul {
    margin: 0px;
    padding: 0px;
}

#mainNav ul li a {
    background: url(/gfx/BAG/bg-menu-sprite.png) repeat-x left 0px;
    border-right: 1px solid #c2e085;
    border-left: 1px solid #87ab41;
    margin-right: 1px;
    color: #000;
    display: block;
    padding: 0px 15px;
    font-weight: bold;
    font-size: 13px;
    line-height: 26px;
    height: 26px;
}

#mainNav ul li a:hover {
    background: url(/gfx/BAG/bg-menu-sprite.png) repeat-x left -26px;
}

#mainNav ul li a.active,
#mainNav ul li.active a {
    background: url(/gfx/BAG/bg-menu-sprite.png) repeat-x left -52px;
}

#flyOutBox {
  background: url("/gfx/dropdowns/drop_down_bg.jpg") repeat-x scroll left top #B6DE66;
  display: none;
  left: 0;
  position: absolute;
  top: 146px;
  width: 1000px;
  z-index: 150;
}

#decorTop {
  display: none;
  background: #8AC72B;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 1000px;
  height: 30px;
  z-index: 1;
}


/* Breadcrumbs */

#breadcrumbs {
    color: #000;
    font-size: 11px;
    line-height: 15px;
    padding: 5px 0px 5px 5px;
    margin: 0px;
    position: relative;
    width: 520px;
    z-index: 1;
}

#breadcrumbs.wide {
	width: 765px;
}

#breadcrumbs div {
    display: inline;
}

#breadcrumbs ul {
    margin: 0px;
    padding: 0px;
    display: inline;
}

#breadcrumbs ul li {
    display: inline;
    margin-right: 2px;
}

#breadcrumbs ul li a {
    background: url(/gfx/BAG/bg-breadcrumbs.png) no-repeat left center;
    padding:0 0 0 20px;
    text-decoration: underline;
}

#breadcrumbs ul li.firstLink a {
  background: none;
  padding: 0px
}

#breadcrumbs ul li.lastLink span {
    background: url(/gfx/bg-breadcrumbs.png) no-repeat left center;
    padding: 0 0 0 20px;
}

#all_content {
	font-size: 1.3em;
	padding: 15px 0px;
}

#main {
    background: #fff url("/gfx/BAG/bg-verlauf-middle.png") repeat-x scroll left top;
    position: relative;
    width: 1000px;
}

/* -------- Vorlagen Fly-Out Menu Start -------- */

#flyOutBox .Document {
  padding: 15px 30px 0px 30px;
}

#flyOutBox .Template {
  padding: 0px 0px 15px 0px;
  width: 940px;
  position: relative;
  color: #000000;
  margin: 0;
  outline: 0;
}


#flyOutBox .Template h1 {
  font-size: 18px;
}

#flyOutBox .Template h2 {
  font-size: 15px;
}

#flyOutBox .Template h3 {
  font-size: 14px;
  margin-bottom: 5px;
}


#flyOutBox .Template ul,
#flyOutBox .Template li {
  list-style: none;
}

#flyOutBox .Template .left {
    background: url("/gfx/dropdowns/karte_bg.png") repeat-x scroll left top;
    float: left;
    min-height: 275px;
    width: 220px;
}

#flyOutBox .Template .right {
    float: left;
    margin-left: 0;
    min-height: 150px;
    padding: 0 0 0 20px;
    width: 700px;
}

#flyOutBox .Template .col {
    width: 33.3%;
    float: left;
}

/* flyOut Textvorlage */

#flyOutBox .Template.s5 .spalte {
  width: 220px;
}

#flyOutBox .Template.s5 .spalte .bild {
  width: 220px;
  margin: 0px;
}

#flyOutBox .Template.s5 .spalte .bild img {
  width: 220px;
  height: auto;
}

/* Bundeslaender HTML-Vorlage */

.bundesland .col .row {
    width: 100%;
    font-size: 13px;
    font-weight: bold;
    float: left;
    line-height: 40px;
}

.bundesland-name {
    color: #000000;
    height: 40px;
    float: left;
    width: 80%;
    display: block;
}

.bundesland .col .row:hover,
.bundesland .col .row.hoverClass {
    background: #79b51c;
}

.bundesland .col .row.hoverClass a {
    color: #ffffff;
}

.row.hoverClass .wappen {
    background: url("/gfx/dropdowns/bundesland_sprite.png") no-repeat scroll -28px top transparent;

}

.wappen {
    background: url("/gfx/dropdowns/bundesland_sprite.png") no-repeat scroll left top transparent;
    display: block;
    float: left;
    height: 20px;
    margin: 9px 3px 0 6px;
    width: 28px;
}

.wappen { background-position: 0px 0px; }


#bundesland-map {
    width: 220px;
    height: 250px;
    background: url('/gfx/dropdowns/bundesland_map_sprite.png') no-repeat top left;
}

#bundeslaender {
    display: block;
    min-height: 160px;
    position: relative;
}

#themen-map {
    width: 220px;
    height: 250px;
    background: url('/gfx/dropdowns/themen_map_sprite.png') no-repeat top left;
}

/* HTML Regionen Vorlage */

.themen-box {
    background: none repeat scroll 0 0 #DFD6A6;
    border: 5px solid #9FCA4E;
    float: left;
    height: 110px;
    margin-bottom: 20px;
    margin-right: 10px;
    overflow: hidden;
    width: 216px;
}

#themen-box-03 {
    font-size: 13px !important;
    margin-bottom: 5px;
    margin-right: 0 !important;
}

#themen-box-01:hover, #themen-box-01.hoverClass { border-color: #62b3cf; background: #c2e7d8; }
#themen-box-02:hover, #themen-box-02.hoverClass { border-color: #6ca806; background: #b6de66; }
#themen-box-03:hover, #themen-box-03.hoverClass { border-color: #7a6f3a; background: #c8c39c; }
#themen-box-04:hover, #themen-box-04.hoverClass { border-color: #6393c2; background: #9ec1d0; }
#themen-box-05:hover, #themen-box-05.hoverClass { border-color: #6e7260; background: #c0c9af; }

.themen-links {
    padding-left: 68px;
    height: 100px;
}

.themen-box h3 {
    font-size: 13px !important;
    margin-bottom: 3px;
    margin-top: 0 !important;
}

.themen-box ul {
  width: 147px;
}

.themen-box ul li {
    display: block;
    float: none;
    line-height: 16px;
    list-style: none outside none;
    margin-right: 5px;
    position: relative;
}

.thmen-box ul li a {
    display: block;
}

.themen-box a {
    font-size: 11px;
    text-decoration: underline;
    color: #635325;
}

.themen-box a:hover {
    color: #000000;
}

#themen-links-00 {
    background: url("/gfx/dropdowns/bg-themen-top-regionen.png") no-repeat scroll 0px 0px transparent;
}

#themen-links-01 {
    background: url("/gfx/dropdowns/bg-themen-kueste.png") no-repeat scroll 0px 0px transparent;
}

#themen-links-02 {
    background: url("/gfx/dropdowns/bg-themen-feld.png") no-repeat scroll 0px 0px transparent;
}

#themen-links-03 {
    background: url("/gfx/dropdowns/bg-themen-gebirge.png") no-repeat scroll 0px 0px transparent;
}

#themen-links-04 {
    background: url("/gfx/dropdowns/bg-themen-fluesse.png") no-repeat scroll 0px 0px transparent;
}

#themen-links-05 {
    background: url("/gfx/dropdowns/bg-themen-alpen.png") no-repeat scroll 0px 0px transparent;
}


/* Vier Themen Teaser */

.Template.vierThemen .thema {
  overflow: hidden;
  height: 140px;
  width: 210px;
  border: 5px solid #ffffff;
  float: left;
  margin-right: 20px;
  position: relative;
}

.Template.vierThemen .thema img {
  border: 0 none;
  width: 210px;
  height: auto;
}

.Template.vierThemen .thema.last {
  margin-right: 0px;
}

.Template.vierThemen .thema .thema-headline {
    background: none repeat scroll 0 0 #FFFFFF;
    font-size: 13px;
    padding: 2px 6px;
    position: absolute;
    top: 0;
}

.Template.vierThemen .thema a.link {
  background-color: #bfaf79;
  -moz-box-shadow: 0 1px 2px #202020;
  -webkit-box-shadow: 0 1px 2px #202020;
  box-shadow: 0 1px 2px #202020;
  background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.07, rgb(191,175,121)), color-stop(0.54, rgb(209,195,151)) );
  background-image: -moz-linear-gradient( center bottom,  rgb(191,175,121) 7%, rgb(209,195,151) 54% );
  padding: 2px 5px;
  color: #332504;
  position: absolute;
  right: 10px;
  bottom: 10px;
  z-index: 1;
}



/* Sitemap Vorlage 5 Spalten */

#flyOutBox .vorschauSitemap,
#flyOutBox .urlaubsregionenSitemap {
  position: relative;
}

#flyOutBox .vorschauSitemap .Sitemap,
#flyOutBox .urlaubsregionenSitemap .Sitemap {
    min-height: 160px;
    background: #E5F3C5;
    border: 5px solid #ABD56A;
    float: left;
    width: 158px;
    padding: 5px;
    margin: 5px;
}

#flyOutBox .vorschauSitemap .Sitemap ul li ul,
#flyOutBox .urlaubsregionenSitemap .Sitemap ul li ul {
  padding: 2px 0px 0px 2px;
}

#flyOutBox .vorschauSitemap .Sitemap ul li a,
#flyOutBox .urlaubsregionenSitemap .Sitemap ul li a {
  color: #322902;
  font-weight: bold;
}

#flyOutBox .vorschauSitemap .Sitemap ul li ul li a,
#flyOutBox .urlaubsregionenSitemap .Sitemap ul li ul li a {
  font-size: 12px;
  color: #4a3f12;
  font-weight: normal;
  text-decoration: underline;
}

#flyOutBox .vorschauSitemap .Sitemap ul li ul li a:hover,
#flyOutBox .urlaubsregionenSitemap .Sitemap ul li ul li a:hover {
   color: #000000;
 }

/* -------- Sitemap Vorlage Wide --------- */

#flyOutBox .vorschauSitemapWide .item {
    background: none repeat scroll 0 0 #E2E1B3;
    border: 2px solid #AEDB5F;
    color: #000000;
    display: block;
    font-size: 12px !important;
    height: 67px;
    line-height: 16px !important;
    margin: 8px;
    overflow: hidden;
    position: relative;
    width: 215px;
}

#flyOutBox .vorschauSitemapWide .item p,
#flyOutBox .vorschauSitemapWide .item .description {
    font-size: 12px !important;
    line-height: 16px !important;
    padding: 0;
}

#flyOutBox .vorschauSitemapWide .item .image {
    color: #000000;
    cursor: pointer;
    font-size: 10px;
    height: 67px;
    overflow: hidden;
    position: relative;
    width: 35%;
}

#flyOutBox .vorschauSitemapWide .item .description {
    color: #000000;
    display: block;
    float: none;
    height: 67px;
    left: 0;
    margin-right: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 134px;
    z-index: 150;
}

.vorschauSitemapWide .sitemapList a {
    display: block;
    height: 67px;
    left: 0;
    position: relative;
    top: 0;
    width: auto;
    overflow: hidden;
}


#flyOutBox .vorschauSitemapWide .item .description p {
    line-height: 16px;
    color: #000;
}

#flyOutBox .vorschauSitemapWide .item .description b {
    left: 5px;
    position: absolute;
}


/* -------- Vorlagen Fly-Out Menu Ende -------- */


#pageContent {
  padding: 15px 30px 15px 30px;
  width: 940px;
  position: relative;
}

/* Content */

#content {
    float: left;
    width: 685px;
    position: relative;
    min-height: 450px;
    padding: 15px 30px 15px 15px;
}


#content h1 {
    font-size: 20px;
    text-transform: uppercase;
    font-weight: normal;
}

#content h2 {
    font-size: 16px;
    font-weight: normal;
    text-transform: uppercase;
}

/* Templates Start */

#content .Template a {
    color: #005DA8;
}

#content .Template a:hover {
    text-decoration: underline;
}

#content .Template a.kontext {
    color: #000 !important;
    border-bottom: 1px dotted #000;
}

#content .Template a.kontext:hover {
    border-bottom: 1px solid #000;
    text-decoration: none;
}

.Body .Document p,
.Template p,
.Template .text {
    line-height: 18px;
    font-size: 13px;
    margin: 0px 0px 5px 0px;
}

.Document .Template h1,
.Document .Template h2,
.Document .Template h3,
.Document .Template h4,
.Document .editor {
    margin: 0px 0px 10px 0px;
}

.Document .Template h1 {font-size: 22px; line-height: 24px;}

.Document .Template h2 {font-size: 16px; line-height: 18px;}

.Document .Template h3 {font-size: 13px; line-height: 15px;}

.Document .Template h4 {font-size: 12px; line-height: 14px;}

#content .Document .Template h1 a { color: #000; }

#content .Document .Template h2 a { color: #000; }

.Template .bild,
.Template .bild img {
    width: 100%;
}

.Template .button a {
    font-size: 12px;
    font-style: italic;
    font-weight: bold;
    text-decoration: underline;
}

.Template .button a:hover {
    text-decoration: none;
}

.Template .bild { margin-bottom: 15px; }

.Template .minitext { margin: 0px 0px 5px 0px; font-size: 10px; line-height: 12px; }

#comment {
    position: relative;
    clear: both;
}
.frontendFieldset {
    border: none;
}

#comment_rating_link button {
    height: 30px;
    margin: 2px;
    cursor: pointer;
}

.userComment { font-size: 1em; }

.googlemap .MapContainer {
    height: 442px !important;
}

/* Text Standard */

.Template.s5 .spalte {
    width: 220px;
    margin: 0 20px 0px 0px;
}

.Template.s5 .spalte .bild {
    margin-bottom: 0px;
}

.Template.s5.s97 .spalte {
    margin: 0px 0px 0px 20px;
}

/* Footer */

#footer {
    background: #fff;
    padding: 30px;
	font-size: 13px;
}

#footer .first.footerSEO {
    margin-right: 40px;
}

#footer .footerSEO {
    width: 450px;
    line-height: 18px;
}

#footer .footerSEO a {
  color: #006ab3;
  text-decoration: underline;
}

#footer .footerSEO a:hover {
  text-decoration: none;
}

#footer .footerSEO h2 {
    font-size: 17px;
    margin: 0px 0px 10px 0px;
    font-weight: normal;
}

#footerTextContainer {
  border-bottom: 1px solid #ccc38e;
  padding: 0px 0px 20px 0px;
}

#footer .footerSEObottom {
    color: #563f07;
    clear: both;
    font-size: 11px;
    line-height: 14px;
    margin: 10px 0px 0px 0px;
}

#footer .footerSEObottom a {
    color: #563f07;
    text-decoration: underline;
}

#footer .footerSEObottom a:hover {
    text-decoration: none;
}

#metaNav2 {
  position: relative;
  clear: both;
  font-size: 11px;
  line-height: 22px;
}

#metaNav2 ul li a {
    padding: 0px 3px;
    color: #000;
    display: block;
    float: left;
}

#metaNav2 ul li {
    display: block;
    float: left;
}

#socialMediaFooter {
  border-bottom: 1px solid #ccc38e;
  padding: 5px 0px;
  margin: 0px 0px 15px 0px;
  position: relative;
  width: 940px;
}

#socialMediaFooter .facebookLink,
#socialMediaFooter .youtubeLink,
#socialMediaFooter .moreSocialMediaLink,
#socialMediaFooter .newsletterLink{
  width: 25%;
  text-align: center;
  position: relative;
}

#socialMediaFooter a {
  background-image: url(/gfx/bg-socialMedia-sprite.png);
  background-repeat: no-repeat;
  background-position: left 0px;
  color: #563f07;
  padding: 0px 5px 0px 40px;
  line-height: 33px;
  display: block;
  text-transform: uppercase;
  font-size: 12px;
  text-align: left;
}

#socialMediaFooter a:hover {
  text-decoration: underline;
}


#socialMediaFooter .youtubeLink a {
  background-position: left -33px;
}

#socialMediaFooter .moreSocialMediaLink a {
  background-position: left -66px;
  padding: 0px 5px 0px 80px;
}

#socialMediaFooter .newsletterLink a {
  background: url(/gfx/newsletter-icon.png) no-repeat top left;
}

/* Social Media Bar Neu */
#socialMediaBar {
	position: fixed;
	left: 0px;
	top: 170px;
	z-index: 100;
}

#socialMediaBar .mediaContainer {
	background-color: #fff;
	-webkit-box-shadow:  1px 1px 2px 2px rgba(0, 0, 0, 0.5);
	box-shadow:  1px 1px 2px 2px rgba(0, 0, 0, 0.5);
	display: block;
	-webkit-border-radius: 0px 4px 4px 0px;
	border-radius: 0px 4px 4px 0px;
	padding: 2px 2px 0px 2px;
	margin: 0px 0px 3px 0px;
	width: 32px;
	position: relative;
}

#socialMediaBar .mediaContainer:hover,
#socialMediaBar .mediaContainer.hover {
	padding: 2px 2px 0px 5px;
}


/* Streams */
#socialMediaBar .stream {
	/*background: #fff; */
	position: absolute;
	left: 38px;
	top: 0px;
	display: none;
}


#facebookStream {
  background: #fff;
}

/* Icons */
#socialMediaBar .icon {
	background-image: url(/gfx/bg-socialMedia-sprite2.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	width: 32px;
	height: 32px;
	overflow: hidden;
	text-indent: -5000px;
}

#twitter.icon {
	background-position: 0px -32px;
}

#youtube.icon {
	background-position: 0px -64px;
}

#flickr.icon {
	background-position: 0px -96px;
}

#googlePlus.icon {
	background-position: 0px -128px;
}

#newsletter.icon {
	background-position: 0px -160px;
}



/* Seitenhintergrund */

#backgroundPic {
    left: 0px;
    overflow: hidden;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1;
}

#backgroundPic .bild,
#backgroundPic .bild img {
    min-width: 1600px;
    width: 100%;
    display: block;
}

/* lokales Styling Travel */

button { cursor: pointer; }

.hostInfoContainer { width: 460px; }

.hostDescription {
	width: 288px;
	margin-right: 15px;
	line-height: 17px; 
}

.hostDescriptionText {
	overflow: hidden;
}

.hostDescription .openDesc, .hostDescription .closeDesc { background-image: url(/gfx/pfeile/plus-sprite-blue.png); background-position: 5px 2px; background-repeat: no-repeat; color: #006AB3; text-decoration: underline; }

#travelDetail .hostDescription { 
	width: 288px;
}

#travelDetail .hostInfoContainer { width: 460px; margin: 0px 0px 10px 0px; }

.hostPauschalangebote { margin: 20px 0px 0px 0px; }

#resultGallery .travelTrefferGallery { width: 207px; min-height: 360px; }

#travelDetail { background: #fff; margin: 0px 15px 10px 0px; width: 675px; }

#travelDetail .hostOffer { background: #dff1bf; }

#fancybox-content .hostOffer { width: 100%; overflow: hidden; }

#fancybox-content a { color: #006AB3; }

#fancybox-content .hostOffer .openRoomOffers, #travelDetail .hostOffer .openRoomOffers { background-image: url(/gfx/pfeile/plus-sprite-blue.png); background-color: transparent; background-position: 5px 2px; background-repeat: no-repeat; color: #006AB3; text-decoration: underline; }

#travelDetail .hostOffer .hostOfferType { color: #000; }

#travelDetail .hostOffer .hostOfferName h2 { color: #000; }

#travelDetail .hostOfferInfoContainer { width: 450px; }

#fancybox-content .hostOfferInfoContainer { width: 455px; }

#travelDetail .requestForm { position: relative;  width: 100%; }

#fancybox-content .hostOffer, #travelDetail .hostOffer { background: #ECECEC; }

#fancybox-content .hostOffer .hostOfferType, #travelDetail .hostOffer .hostOfferType { color: #000; }

#fancybox-content .hostOffer .hostOfferName h2, #travelDetail .hostOffer .hostOfferName h2, .priceTable .offerName { color: #000; }

.toggle-pauschale {
    margin-bottom: 20px;
}

.toggle-pauschale p {
    font-size: 12px;
    color: #000;
    cursor: pointer;
  padding-left: 15px;
}

.toggle-pauschale .toggle-more {
   background: url("/gfx/toggle-more-icon.png") no-repeat center left transparent;
}

.toggle-pauschale .toggle-less {
   background: url("/gfx/toggle-less-icon.png") no-repeat center left transparent;
}

/* Darstellung Preise kombiniert - Detail */
#travelDetail .hostKombinationPrices {
  background: #ECECEC;
  border: 1px solid #000;
  margin: 0px 0px 10px 0px;
  padding: 10px 10px 0px 10px;
}

#travelDetail .hostOfferFunctions.kombination {
  margin: 10px 0px;
}

#travelDetail .hostKombinationPrices .ui-state-default,
#travelDetail .hostKombinationPrices .ui-state-default {
  background: none;
  border: none;
}

#travelDetail .hostOffer.kombination {
  margin: 0px;
}

#travelDetail .hostOffer.kombination:nth-of-type(1) {
  border-bottom: 1px dotted #000;
}

/* Travel neue Trefferlisten */

.tt_template {
  width: 940px;
  position: relative;
}

.tt_template a {
  color: #006AB3;
}

.tt_viewPager {
    background: #fff;
	color: #000;
    border: 1px solid #ddd;
    -webkit-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.2);
	min-height: 45px;
}

.listType h2 {
   font-size: 15px !important;
   font-weight: normal;
   margin: 5px 0 0 10px !important;
}

.tt_viewPager.detail {
    margin: 0px 245px 10px 15px;
}

#countResult { color: #000; }

.pager span { color: #000; }

.pager .disabled { color: #ccc; }

.pager .active { background-color: #787878; color: #fff; }

.pager.detailPager { text-align: center; }

.pager.detailPager a { color: #fff; }

#listView_content {
    width: 700px;
    position: relative;
    z-index: 1;
}

/* Gastgeber merken - Merkzettel */

.bubble {
  background: #fff;
  padding: 5px;
  z-index: 10000;
}

#showLeafletItems {
	float: right;
	color: #000;
	line-height: 30px;
	margin: 0px;
}

#showLeafletItems span {
	cursor: pointer;
	font-weight: bold;
	display: block;
	float: left;
	text-decoration: none;
}

#showLeafletItems span:hover {
  text-decoration: none;
}

#showLeafletItems.inactive .showLeafletItems {
	color: #999;
}

#showLeafletItems .leafletCount {
	background: url("/gfx/travel/bg-cartItems.png") no-repeat left 0px;
	color: #fff;
	font-weight: normal;
	font-size: 1em;
	width: 18px;
	height: 30px;
	padding-left: 12px;
}

#showLeafletItems.inactive .leafletCount {
	display: none;
}

#hiddenItems ul li span {
  background: url("/gfx/travel/merkzetteleintrag_loeschen_white.png") no-repeat left center;
  cursor: pointer;
  display: block;
  float: left;
  height: 18px;
  overflow: hidden;
  padding-right: 10px;
  text-indent: -5000px;
  width: 16px;
}

#hiddenItems ul li {
  display: block;
  line-height: 18px;
  padding: 3px 0px;
}

#leaflet2 {
	display: none;
}


/* tt_column.left Start */

#tt_column { width: 220px; }

#tt_column.rightCol { margin: 0px 0px 0px 5px; padding: 0px; }

#tt_resultList { width: 700px; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 15px; }

#tt_column, #tt_orientationLinks { padding: 0 5px 0 0px; }

#tt_orientationLinks { padding: 5px 0px; width: 170px; font-size: 1.2em; }

#tt_orientationNav { 
	width: 430px;
	margin: 0px auto 10px auto;
	padding: 0 20px 0 10px; 
}

#tt_orientationLinks a.goToShoppingCart {
    background: url(/gfx/travel/bg-shoppingCart.png) no-repeat left 2px;
    display: block;
	font-weight: bold;
    padding: 0px 0px 5px 20px;
    line-height: 15px;
    color: #000;
}

/*
#tt_orientationLinks a.backStep {
    background: url(/gfx/travel/BAG/bg-backStep.png) no-repeat left center;
    display: block;
    padding: 0px 0px 0px 20px;
    margin-top: 12px;
    line-height: 15px;
    color: #000;
}
*/

a.backStep {
	background: url("/gfx/bg-backStep.png") no-repeat scroll left center transparent;
	display: block;
	color: #006AB3;
    font-size: 11px;
    font-weight: bold;
    text-decoration: underline;
	margin: 0px 70px 0px 0px;
	padding: 5px 0 5px 20px;
	width: 150px;
}

#tt_orientationNav ul {
	background: url(/gfx/travel/bg-orientationNavLine.png) repeat-x left top;
}

#tt_orientationNav ul li {
	background-image: url(/gfx/travel/bg-orientationSprite.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
    padding: 0px 8px 0px 8px;
    background-color: transparent;
	color: #000;
	position: relative;
	margin-left: -9px;
    width: 75px;
}

#tt_orientationNav ul li.first {
	margin: 0px;
}
	
#tt_orientationNav ul li.active {
    background-color: transparent;
   	background-image: url(/gfx/travel/bg-orientationSprite.png);
	background-repeat: no-repeat;
	background-position: 0px -100px;
}

#tt_orientationNav ul li a { background: #ececec; color: #000; font-size: 11px; padding: 0px 5px; }

#tt_orientationNav ul li span.status { background: #ececec; margin: 0px; padding: 0px; line-height: 16px; font-size: 11px; padding: 0px 5px; }

#tt_orientationNav ul li.active a { border-top: 1px solid #fff; border-bottom: 1px solid #fff; background: #8ac72b; color: #fff; line-height: 14px; }

#tt_orientationNav ul li.active span.status { border-top: 1px solid #fff; border-bottom: 1px solid #fff; background: #8ac72b; color: #fff; line-height: 14px; }

#tt_orientationNav ul li span.placeHolder { 
	width: 8px; 
	height: 16px; 
	background-image: url(/gfx/travel/bg-orientationSprite.png);
	background-repeat: no-repeat;
	background-position: 0px -50px; 
	position: absolute;
	right: 0px;
	top: 0px;
	padding: 0px;
	margin: 0px;
}

#tt_orientationNav ul li.active span.placeHolder {
	background-position: 0px -150px;
}

#tt_orientationNav ul li span.step { 
	background-image: url(/gfx/travel/bg-orientationStepSprite.png);
	background-repeat: no-repeat;
	background-position: center 0px;
	line-height: 20px; 
	width: 20px;
	font-weight: bold;
	font-size: 11px;
	position: relative;
	margin: 5px auto 0px auto;
	padding: 0px;
}


#tt_orientationNav ul li.active span.step {
	background-position: center -20px;
	color: #fff;
}

/* Warenkorb klickbar */
#tt_orientationNav ul li.step_00:hover { background-color: transparent; background-image: url(/gfx/travel/bg-orientationSprite.png); background-repeat: no-repeat; background-position: 0px -100px; }
#tt_orientationNav ul li.step_00:hover span.placeHolder { background-position: 0px -150px; }
#tt_orientationNav ul li.step_00:hover span.step { background-position: center -20px; color: #fff; }
#tt_orientationNav ul li.step_00:hover a { border-top: 1px solid #fff; border-bottom: 1px solid #fff; background: #8ac72b; color: #fff; line-height: 14px; }
#tt_orientationNav ul li.step_00:hover span.status { border-top: 1px solid #fff; border-bottom: 1px solid #fff; background: #8ac72b; color: #fff; line-height: 14px; }


#reiseziel {
  width: 190px;
}

#tt_column .box .filter .adultPersons {
	margin-right: 5px;
	width: 95px;
}

#tt_column .infobutton {
    background: url(/se_data/global/gfx/travel/bg-infoButton.png) no-repeat center top; 
    margin: 0px 4px 5px 4px;
    cursor: pointer; 
    width: 14px;
    height: 14px;
}

#tt_column h4.boxDescription {
    font-weight: normal;
    font-size: 15px;
    margin-bottom: 5px;
    text-transform: uppercase;
}

#tt_column .box .filter {
    background: #fff;
	color: #003D79;
    border: 1px solid #ddd;
    -webkit-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.2);
    padding: 10px;
}

#tt_column .box .filter a,
#tt_column .box .filter a:visited {
    font-weight: normal;
}

#filterLabels ul {
	float: left;
}

#filterLabels li span.button {
	float: left;
	cursor: pointer;
}

#tt_column .box .filter.reisedaten {
	background: #fff;
    border: 1px solid #bbb;
}

#tt_column .box .filter.reisedaten #umkreisLabel {
	display: inline-block;
	width: 73px;
	vertical-align: middle;
}


#tt_column .box .filter label,
#travelDetail .checkAllocation label {
	display: block;
	color: #000;
	font-size: 1.1em;
	margin: 0px 0px 2px 2px;
}

#travelDetail .checkAllocation label {
	font-size: 0.8em;
}

#tt_column .box .filter.reisedaten label {
	color: #000;
	font-size: 1em;
}

#tt_column .box .filter.reisedaten #toleranztageLabel {
	display: inline-block;
	width: 95px;
	vertical-align: middle;
}

#tt_column #roomSearch {
   position: relative;
}

#tt_column #roomSearch .furtherRoom {
    background: none repeat scroll 0 0 #ECECEC;
    margin: 0 -5px 5px;
    padding: 2px 5px 5px 5px;
}

#tt_column #addScnt {
  background: #ECECEC url('/se_data/global/gfx/travel/roomAdd.png') no-repeat 5px center;
  color: #000;
  text-align: center;
  text-decoration: none;
  display: block;
  margin: 0 -5px 5px;
  padding: 2px 2px 2px 2px;
}

#tt_column .remScnt {
  background: url('/se_data/global/gfx/travel/roomRemove.png') no-repeat right center;
  color: #787878 !important;
  text-decoration: none;
  display: block;
  margin: 0 4px 0 0;
  padding: 2px 16px 2px 2px;
  text-align: right;
}

#tt_column .infoScnt {
  color: #787878 !important;
  text-decoration: none;
  display: block;
  margin: 0 4px 0 0;
  padding: 2px 0px 2px 2px;
  text-align: right;
}

#tt_column #roomSearch .furtherRoom label{
  color: #000 !important;
}

#tt_column #roomSearch .furtherRoom .adultPersons label,
#tt_column #roomSearch .furtherRoom .childPersons label{
  width 98px;
}

#tt_column .box .filter input[type="text"],
#travelDetail .checkAllocation input[type="text"] {
	background: #f1edd4;
	border: 2px solid #b2a061;
	color: #000;
	font-size: 11px;
	padding: 2px;
}

#travelDetail .checkAllocation input[type="text"] {
	margin-right: 2px;
		width: 70px;
}

#tt_column .box .filter .classificationCheck .ui-widget-content,
#tt_column .box .filter .classificationCheck .ui-widget-content span {
  color: #003D79;
}

#tt_column .box .filter select,
#travelDetail .checkAllocation select,
.tt_viewPager .sortingContainer select {
	width: 188px;
	color: #000;
	font-size: 11px;
	padding: 1px;
}

#tt_column .box .filter select.smallSize,
.tt_viewPager .sortingContainer select {
	width: 95px;
}

#umkreis {
  width: 120px !important;
}

#umkreis[disabled] {
  color: #787878 !important;
}

.ui-autocomplete.ui-widget-content {
  border: 1px solid #878787;
  width: 186px !important; 
}

#travelDetail .checkAllocation select.smallSize {
	width: 75px;
}

#tt_column .box .filter select.xsSize {
	width: 61px;
	margin-right: 5px;
}


#tt_column .box .filter option,
#travelDetail .checkAllocation option,
.tt_viewPager .sortingContainer option {
	background-color: #fff;
	color: #000;
}

#tt_column .calendarContainer {
	position: relative;
	width: 50%;
}

#tt_column .calendarContainer.first {
	margin-right: 2%;
	width: 48%;
}

#tt_column .checkAllocation .calendarContainer, 
#tt_column .checkAllocation .adultPersons, 
#tt_column .checkAllocation .toleranztageContainer {
	padding: 0px;
}

#tt_column .calendarContainer input {
	width: 68px;
	border: 1px solid #002142;
	background: #4D6E8F;
	color: #A6B7C7;
	font-size: 11px;
	padding: 2px;
	margin-right: 2px;
}


#tt_column .onlineBookable.preActivated {
	opacity: .6; // for all other browsers
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; // first!
	filter: alpha(opacity=60); // second!
}

#tt_column .box .filter ul li {
  overflow: hidden;
}

#tt_column .box .filter .onlineBookable input[type=checkbox],
#tt_column .box .filter ul li input[type=checkbox] {
   margin: 2px;
  float: left
}

#tt_column .box .filter .onlineBookable label,
#tt_column .box .filter ul li label {
  float: left;
  padding-left: 0px;
  width: 158px;
  line-height: 18px;
}

#tt_column .resetSearch {
	background: #ffffff;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNWU1ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%);
	background: linear-gradient(top,  #ffffff 0%,#e5e5e5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
	border: 1px solid #BBBBBB;
	padding: 5px 10px;
	font-size: 12px;
    text-align: center;
}

#tt_column .resetSearch:hover {
	background: #e5e5e5;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1ZTVlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #e5e5e5 0%, #ffffff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(100%,#ffffff));
	background: -webkit-linear-gradient(top,  #e5e5e5 0%,#ffffff 100%);
	background: -o-linear-gradient(top,  #e5e5e5 0%,#ffffff 100%);
	background: -ms-linear-gradient(top,  #e5e5e5 0%,#ffffff 100%);
	background: linear-gradient(top,  #e5e5e5 0%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#ffffff',GradientType=0 );
}

#tt_column .box .filter ul li label .info {
	padding-left: 0px;
}

#tt_column .box .filter h5 {
	color: #000;
	background-color: #002F5E;
	padding: 5px 0px 5px 25px;
	line-height: 15px;
	margin: 10px 0px 0px 0px;
	padding: 5px 0px 5px 5px;
  position: relative;
}

#tt_column .box .filter h5.closed,
#tt_column .box .filter h5.open {
	background-image: url(/gfx/travel/arrow-sprite.png);
	background-repeat: no-repeat;
	background-position: 5px top;
	background-color: #a3e141;
	cursor: pointer;
	padding: 5px 0px 5px 25px;
  position: relative;
}

#tt_column .box .filter h5.open {
	background-position: 5px -21px;
}

#tt_column .box .filter h4 {
  border-top: 1px solid #FFFFFF;
  font-size: 12px;
  margin: 10px 0;
  padding: 5px 0 0 5px;
  font-weight: bold;
}

#tt_column .box .filter .switch,
#tt_column .box .filter .openSwitch {
	background: #ececec;
	padding: 5px;
  position: relative;
  width: 188px;
}

#tt_column .box .filter .switch, 
#tt_column .box .filter .priceLimit { 
   display: none;
}

#tt_column .accommodationType label {
  font-weight: bold;
  margin: 0px 0px 5px 0px;
}

#tt_column .accommodationType ul li label {
  font-weight: normal;
  margin: 0px;
}


.functionButtons .requestForm {
  margin: 5px 0 0 0;
}

.functionButtons .previewDetail.button.find {
  margin: 0;
  font-weight: normal;
  width: auto;
}

#travelDetail .hostInfoContainer .previewDetail.button.find {
  margin: 5px 0 0 0;
  font-weight: normal;
  float: right;
  width: 146px;
  text-align: center;
}


#tt_column button.find,
.previewDetail.button.find {
	border: none;
	color: #fff;
	display: block;
	line-height: 16px;
	vertical-align: middle;
	font-size: 14px;
	padding: 5px;
	width: 195px;
	margin-top: 10px;
	background: #77ac44;
	text-transform: none;
	height: auto;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIyMCUiIHN0b3AtY29sb3I9IiM3N2FjNDQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI0NiUiIHN0b3AtY29sb3I9IiM0NjhlMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #77ac44 20%, #468e00 46%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#77ac44), color-stop(46%,#468e00));
	background: -webkit-linear-gradient(top,  #77ac44 20%,#468e00 46%);
	background: -o-linear-gradient(top,  #77ac44 20%,#468e00 46%);
	background: -ms-linear-gradient(top,  #77ac44 20%,#468e00 46%);
	background: linear-gradient(top,  #77ac44 20%,#468e00 46%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#77ac44', endColorstr='#468e00',GradientType=0 );
}

#tt_column button.find:hover,
.previewDetail.button.find:hover {
	background: #468e00;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ2OGUwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3N2FjNDQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #468e00 0%, #77ac44 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#468e00), color-stop(100%,#77ac44));
	background: -webkit-linear-gradient(top,  #468e00 0%,#77ac44 100%);
	background: -o-linear-gradient(top,  #468e00 0%,#77ac44 100%);
	background: -ms-linear-gradient(top,  #468e00 0%,#77ac44 100%);
	background: linear-gradient(top,  #468e00 0%,#77ac44 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#468e00', endColorstr='#77ac44',GradientType=0 );
}

#tt_column .classificationCheck .ui-classification-star {
  height: 18px;
}

#tt_column .classificationCheck .info {
  color: #000000;
  font-size: 11px;
  margin: 0 0 2px 4px;
}

#tt_column .klassifizierung .classificationCheck p {
  margin: 0 0 3px;
}

#tt_column .klassifizierung .classificationCheck p input {
    float: left;
    margin: 2px;
}
 
#travelDetail #tabs h1,
#travelDetail #tabs h2,
#travelDetail #tabs h3 {
    margin: 0px 0px 15px 0px;
}

#waitAnimation {
    border: 1px solid #DDDDDD;
    -webkit-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.2);
}

/* Pauschalendarstellung */

.hostInfoContainer .hostPauschalangebote .pauschale {
	background: #f6f6f6;
	font-size: 12px;
	border: 1px solid #000;
	margin: 5px 0;
	padding: 5px;
}

.hostInfoContainer .hostPauschalangebote .pauschale .pauschaleLeistungen {
  width: 330px;
}

.hostInfoContainer .hostPauschalangebote .pauschale .pauschaleLeistungen h2 {
  margin: 0px;
}

.hostInfoContainer .hostPauschalangebote .pauschale .pauschaleLeistungen h2 a {
	color: #000;
}

.hostInfoContainer .hostPauschalangebote .pauschale .pauschaleLeistungen p {
  color: #787878;
}

/* Darstellung online buchbar! */

.hostEvaluation span.onlineBookable,
.hostHeader .onlineBookable {
    background: url(/se_data/global/gfx/travel/bg-buchbar.png) no-repeat left center;
    color: #000;
    font-weight: bold;
    padding: 0px 0px 0px 20px;
}

.hostHeader .onlineBookable {
  margin: 5px 0px 0px 0px;
}

.hostGalleryInfoContainer span.onlineBookable {
    background: url(/se_data/global/gfx/travel/bg-buchbar.png) no-repeat left center;
    color: #000;
    display: block;
    float: right;
    font-weight: bold;
    margin: 7px 0px 0px 0px;
    padding: 0px 0px 0px 20px;
}

/*
#fancybox-content .hostEvaluation span.onlineBookable {
  float: right;
}
*/

.hostEvaluation {
	border: 1px solid #787878;
	/*width: 142px;*/
	width: 154px;
	overflow: hidden;
	-webkit-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.2);
}

.hostEvaluation a, 
.hostEvaluation span {
	line-height: 30px;
}

.hostEvaluation .hostDetails,
.hostEvaluation .mapLink,
.hostEvaluation .videoLink,
.hostEvaluation .hostLeaflet,
.hostEvaluation .hostLeafletRemove {
	margin: 0px 5px;
}


.hostEvaluation a, 
.hostEvaluation span, 
.hostGalleryEvaluation a, 
.hostGalleryEvaluation span, 
#travelDetail span.hostLeaflet {
    color: #787878;
    cursor: pointer;
    display: block;
	float: none;
    padding: 0px 0px 0px 20px;
    text-decoration: underline;
}

.hostEvaluation a:hover,
.hostEvaluation span:hover {
	text-decoration: none;
}

.hostEvaluation span.onlineBookable,
.hostHeader .onlineBookable {
    background: #ececec url("/gfx/travel/bg-bookableChecked.png") no-repeat 5px center;
	border-bottom: 1px solid #787878;
    color: #468e00;
float: none;
    padding: 0px 5px 0px 30px;
	display: block;
	line-height: 30px;
}

.hostEvaluation .hostLeaflet, 
.hostGalleryEvaluation .hostLeaflet, 
#travelDetail .hostLeaflet {
    background: url("/se_data/global/gfx/travel/bg-merken.png") no-repeat scroll left center transparent;
    cursor: pointer;
}

.hostEvaluation .hostLeafletRemove, 
.hostGalleryEvaluation .hostLeafletRemove, 
#travelDetail .hostLeafletRemove {
    background: url("/se_data/global/gfx/travel/bg-merkenRemove.png") no-repeat scroll left center transparent;
    cursor: pointer;
}

.hostEvaluation .requestForm a,
.hostEvaluation .previewDetail,
.hostEvaluation .hostLeaflet.grey, 
.hostGalleryEvaluation .hostLeaflet.grey, 
#travelDetail .hostLeaflet.grey {
    background-color: #ececec;
	border-top: 1px solid #787878;
    color: #006AB3;
	padding: 0px;
	text-align: center;
}

.hostEvaluation .hostLeaflet.grey, 
.hostGalleryEvaluation .hostLeaflet.grey, 
#travelDetail .hostLeaflet.grey {
    border: none;
    margin: 0;
	background-position: 5px center;
}

/* Travel Detaildarstellung Start */

#travelDetail .hostHeadContainer {
  margin: 0px 0px 15px 0px;
}

/* Tabs Start */

#tabs {
	border-bottom: 1px solid #000;
	-webkit-box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.2);
}

#hostDetailTabs {
    width: 100%;
    position: relative;
}

#hostDetailTabs .resultTab,
.travelTreffer .resultTabOffer {
	-moz-border-radius-topleft: 5px; 
	-moz-border-radius-topright: 5px; 
	-moz-border-radius-bottomright: 0px; 
	-moz-border-radius-bottomleft: 0px; 
	-webkit-border-radius: 5px 5px 0px 0px; 
	border-radius: 5px 5px 0px 0px;
	border-top: 1px solid #fff; 
	border-right: 1px solid #fff; 
	border-left: 1px solid #fff; 
	background-color: #787878; 
	padding: 2px 5px; 
	line-height: 16px; 
	color: #fff; 
	font-size: 0.9em;
	cursor: pointer; 
	display: block; 
	float: left; 
	margin: 5px 2px 0px 2px;
}

#resultTabs,
#hostDetailTabs { 
	height: 26px; 
	width: 100%;
    position: relative;
}

.travelTreffer .resultTabOffer:hover,
#hostDetailTabs .resultTab:hover {
	background: #fff;
	color: #000;
	border-top: 1px solid #000; 
	border-right: 1px solid #000; 
	border-left: 1px solid #000;
}

#hostDetailTabs .resultTab.active,
.travelTreffer .resultTabOffer.active{
    font-size: 13px;
    line-height: 18px;
	-webkit-border-radius: 0px; 
	-moz-border-radius: 0px; 
	border-radius: 0px;
	border-top: 1px solid #000; 
	border-right: 1px solid #000; 
	border-left: 1px solid #000;
	-webkit-border-top-left-radius: 5px; 
	-webkit-border-top-right-radius: 5px; 
	-moz-border-radius-topleft: 5px; 
	-moz-border-radius-topright: 5px; 
	background-color: #fff; 
	color: #000; 
	padding: 2px 5px 7px 5px; 
	margin: 0px 2px;
}

#tab_2_content,
#tab_3_content,
#tab_4_content,
#tab_5_content,
#tab_6_content,
#tab_7_content {
    display: none;
}

#tab_1_content,
#tab_2_content,
#tab_3_content,
#tab_4_content,
#tab_5_content,
#tab_6_content,
#tab_7_content{
    position: relative;
    width: 675px;
    margin: 15px 0px;
}

#tab_1_content h1,
#tab_2_content h1,
#tab_3_content h1,
#tab_4_content h1,
#tab_5_content h1,
#tab_6_content h1,
#tab_7_content h1 {
	margin-bottom: 15px;
}

.hostPrices .button.booking {
	border: none;
	width: 435px;
	position: relative;
}

#tab_2_content .w65 {
    margin-right: 20px;
    width: 410px;
}

#tab_2_content .w35 {
    width: 245px;
}

#travelDetail .merkmale dt,
#fancybox-content .merkmale dt {
  background-color: #efefef;
  background-image: url(/gfx/pfeile/plus-sprite-black.png);
  background-repeat: no-repeat;
  background-position: 5px 0px;
  padding: 3px 5px 3px 22px;
  font-weight: bold;
  line-height: 18px;
}

#travelDetail .merkmale dt.open,
#fancybox-content .merkmale dt.open {
  background-position: 5px -36px;
}


.hostPrices .searchEnquiry, .hostPrices ul li.offer span { color: #5E5E5E; }

.hostPrices ul li.offer { color: #5E5E5E; }

#gallery #viewer { width: 400px; margin-right: 40px; }

#gallery #index .thumb { width: 81px; height: 55px; overflow: hidden; }

#resultList {
    position: relative;
    z-index: 1;
}

#resultList .travelTreffer,
#resultGallery .travelTrefferGallery {
    color: #000;
    z-index: 1;
}

.travelTreffer,
#travelDetail {
	-webkit-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.2);
}

.travelTreffer .preview .previewDetail {
  cursor: pointer;
  text-decoration: underline;
  color: #787878;
}

#travelDetail .button.showRequestForm,
#bookingStep .bookingStep {
    background: url(/gfx/travel/BAG/bg-buttonAngebot.png) repeat-x left top;
}

#mapView_content .button.angebot,
.travelTrefferGallery .button.angebot,
.travelTreffer .button.angebot,
#travelDetail .button.booking,
#travelDetail .button.angebot,
#bookingStep .button.bookingsum {
	background: none;
}

#mapView_content .button span,
#mapView_content a.suchestarten,
.travelTrefferGallery a.suchestarten,
.travelTreffer a.suchestarten,
#travelDetail .checkAllocation .suchestarten button,
#travelDetail .button.booking span,
#travelDetail .button button.suchestarten,
#travelDetail .button span,
.travelTreffer .button span.suchestarten,
#travelDetail a.suchestarten,
#bookingStep a.suchestarten,
#bookingStep .button button.suchestarten {
	color: #fff !important;
	cursor: pointer;
	font-size: 14px;
	background: #77ac44 url(/gfx/travel/ArrowNextAngebot.png) no-repeat right center;
	background-image: url(/gfx/travel/ArrowNextAngebot.png); /* fallback */
	background-image: url(/gfx/travel/ArrowNextAngebot.png), -moz-linear-gradient(top,  #77ac44 20%, #468e00 46%);
	background-image: url(/gfx/travel/ArrowNextAngebot.png), -webkit-gradient(linear, left top, left bottom, color-stop(20%,#77ac44), color-stop(46%,#468e00));
	background-image: url(/gfx/travel/ArrowNextAngebot.png), -webkit-linear-gradient(top,  #77ac44 20%,#468e00 46%);
	background-image: url(/gfx/travel/ArrowNextAngebot.png), -o-linear-gradient(top,  #77ac44 20%,#468e00 46%);
	background-image: url(/gfx/travel/ArrowNextAngebot.png), -ms-linear-gradient(top,  #77ac44 20%,#468e00 46%);
	background-image: url(/gfx/travel/ArrowNextAngebot.png), linear-gradient(top,  #77ac44 20%,#468e00 46%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#77ac44', endColorstr='#468e00',GradientType=0 );
}

#mapView_content .button span:hover,
#mapView_content a.suchestarten:hover,
.travelTrefferGallery a.suchestarten:hover,
.travelTreffer a.suchestarten:hover,
#travelDetail .checkAllocation .suchestarten button:hover,
#travelDetail .button.booking span:hover,
#travelDetail .button button.suchestarten:hover,
#travelDetail .button span:hover,
#travelDetail a.suchestarten:hover,
#bookingStep .button button.suchestarten:hover {
	background: #468e00 url(/gfx/travel/ArrowNextAngebot.png) no-repeat right center;
	background-image: url(/gfx/travel/ArrowNextAngebot.png), -moz-linear-gradient(top,  #468e00 54%, #77ac44 80%);
	background-image: url(/gfx/travel/ArrowNextAngebot.png), -webkit-gradient(linear, left top, left bottom, color-stop(54%,#468e00), color-stop(80%,#77ac44));
	background-image: url(/gfx/travel/ArrowNextAngebot.png), -webkit-linear-gradient(top,  #468e00 54%,#77ac44 80%);
	background-image: url(/gfx/travel/ArrowNextAngebot.png), -o-linear-gradient(top,  #468e00 54%,#77ac44 80%);
	background-image: url(/gfx/travel/ArrowNextAngebot.png), -ms-linear-gradient(top,  #468e00 54%,#77ac44 80%);
	background-image: url(/gfx/travel/ArrowNextAngebot.png), linear-gradient(top,  #468e00 54%,#77ac44 80%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#468e00', endColorstr='#77ac44',GradientType=0 );
}

#bookingStep a.suchestarten,
#bookingStep .button button.suchestarten {
	padding: 5px 20px 5px 10px;
}

#travelDetail .button.showRequestForm span,
#travelDetail .button.shoppingCart span{
  color: #fff;
}

#travelDetail .hostOfferHit .searchEnquiry {
	text-align: left;
}

#travelDetail .checkAllocation .suchestarten {
	margin: 0px;
}

#travelDetail .hostOfferFunctions .suchestarten.offerToBasket {
	background: #fff;
	filter: none;
	background-image: none;
	color: #000 !important;
	padding: 5px;
}

#travelDetail .checkAllocation .suchestarten button {
	font-size: 11px;
	line-height: 13px;
	margin: 10px 0 0;
	padding: 3px 20px 3px 3px;
}

.submitButton {
    margin: 10px 0px;
}

#mapView_content .button button.suchestarten,
#travelDetail .button button.suchestarten,
#bookingStep .button button.suchestarten {
    border: none;
    font-weight: normal;
    line-height: 18px;
    margin: 0;
    padding: 0px 20px 0px 5px;
    text-transform: uppercase;
}

#bookingStep .button button.suchestarten {
    padding: 5px 20px 5px 10px;
}

#bookingStep h3.optionalAttainment {
  background-image: url(/gfx/pfeile/ArrowDown.png);
  background-image: url(/gfx/pfeile/ArrowDown.png), -moz-linear-gradient(top,  #337eb9 39%, #005ea8 46%);
  background-image: url(/gfx/pfeile/ArrowDown.png), -webkit-gradient(linear, left top, left bottom, color-stop(39%,#337eb9), color-stop(46%,#005ea8));
  background-image: url(/gfx/pfeile/ArrowDown.png), -webkit-linear-gradient(top,  #337eb9 39%,#005ea8 46%);
  background-image: url(/gfx/pfeile/ArrowDown.png), -o-linear-gradient(top,  #337eb9 39%,#005ea8 46%);
  background-image: url(/gfx/pfeile/ArrowDown.png), -ms-linear-gradient(top,  #337eb9 39%,#005ea8 46%);
  background-image: url(/gfx/pfeile/ArrowDown.png), linear-gradient(top,  #337eb9 39%,#005ea8 46%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005ea8', endColorstr='#337eb9',GradientType=0 );
  background-repeat: no-repeat;
  background-position: right center;
  display: inline-block;
  color: #fff;
  cursor: pointer;
  font-weight: normal;
  margin: 10px 0px 0px 0px;
  padding: 2px 20px 2px 5px;
}

#bookingStep h3.optionalAttainment.closed {
  background-image: url(/gfx/pfeile/ArrowRight.png);
  background-image: url(/gfx/pfeile/ArrowRight.png), -moz-linear-gradient(top,  #337eb9 39%, #005ea8 46%);
  background-image: url(/gfx/pfeile/ArrowRight.png), -webkit-gradient(linear, left top, left bottom, color-stop(39%,#337eb9), color-stop(46%,#005ea8));
  background-image: url(/gfx/pfeile/ArrowRight.png), -webkit-linear-gradient(top,  #337eb9 39%,#005ea8 46%);
  background-image: url(/gfx/pfeile/ArrowRight.png), -o-linear-gradient(top,  #337eb9 39%,#005ea8 46%);
  background-image: url(/gfx/pfeile/ArrowRight.png), -ms-linear-gradient(top,  #337eb9 39%,#005ea8 46%);
  background-image: url(/gfx/pfeile/ArrowRight.png), linear-gradient(top,  #337eb9 39%,#005ea8 46%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005ea8', endColorstr='#337eb9',GradientType=0 );
  background-repeat: no-repeat;
  background-position: right center;
}

#bookingStep .bookingItemOptionalAdd {
  background-image: #337eb9 url(/gfx/travel/BAG/bg-addOptionalCart.png);
  background-image: url(/gfx/travel/BAG/bg-addOptionalCart.png), -moz-linear-gradient(top,  #337eb9 39%, #005ea8 46%);
  background-image: url(/gfx/travel/BAG/bg-addOptionalCart.png), -webkit-gradient(linear, left top, left bottom, color-stop(39%,#337eb9), color-stop(46%,#005ea8));
  background-image: url(/gfx/travel/BAG/bg-addOptionalCart.png), -webkit-linear-gradient(top,  #337eb9 39%,#005ea8 46%);
  background-image: url(/gfx/travel/BAG/bg-addOptionalCart.png), -o-linear-gradient(top,  #337eb9 39%,#005ea8 46%);
  background-image: url(/gfx/travel/BAG/bg-addOptionalCart.png), -ms-linear-gradient(top,  #337eb9 39%,#005ea8 46%);
  background-image: url(/gfx/travel/BAG/bg-addOptionalCart.png), linear-gradient(top,  #337eb9 39%,#005ea8 46%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005ea8', endColorstr='#337eb9',GradientType=0 );
  background-repeat: no-repeat;
  background-position: right center;
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#73a93e', endColorstr='#468e00',GradientType=0 );
  border: none;
  font-weight: normal;
  line-height: 16px !important;
  color: #fff;
  margin: 0;
  padding: 2px 20px 2px 5px;
  text-transform: uppercase;
  text-align: center;
}

#map-side-bar a.map-link {
    color: #002F5E;
    background: url("/gfx/travel/mapIcons/betrieb2.png") no-repeat left center;
    display: block;
    line-height: 16px;
    padding: 5px 0 5px 28px;
}

#map-side-bar a.map-link:hover { text-decoration: underline; }

.directionService {
  margin: 0px 0px 20px 0px;
}

#calculateDestination span { cursor: pointer; }

.journeyStart,
.journeyDestination,
#calculateDestination {
  width: 32%;
}

/* Darstellung Merkmalsliste */

#travelDetail .merkmale h3 { background-color: #2359A6; color: #fff; font-size: 12px; font-weight: normal; }

#travelDetail .merkmale.open h3 { background-color: #002F5E; }

#travelDetail .merkmale dl {
  margin: 0px 0px 5px 0px;
}

#travelDetail .merkmale dt {
  background-color: #ECECEC;
  background-image: url(/gfx/pfeile/plus-sprite-black.png);
  background-repeat: no-repeat;
  background-position: 5px 0px;
  padding: 3px 5px 3px 22px;
  font-weight: normal;
  font-size: 12px;
  line-height: 18px;
}

#travelDetail .merkmale dt.open {
  background-position: 5px -36px;
}

/* Darstellung bildergalerie Detaileintrag */

#travelDetail .hostImages a.fancyLightbox {
  background: none repeat scroll 0 0 #EFEFEF;
  border: 1px solid #FFFFFF;
  -moz-box-shadow: 0px 0px 3px #202020;
  -webkit-box-shadow: 0px 0px 3px #202020;
  box-shadow: 0px 0px 3px #202020;
  display: block;
  height: 100px;
  margin: 5px;
  overflow: hidden;
  width: 100px;
}

.hostPrices {
    border: 1px solid #000;
}

#travelDetail .hostPrices .price, .hostGalleryPrices .price {
  font-weight: bold;
}

#travelDetail .hostPrices {
	border: none;
	margin: 0px;
	padding: 0px;
}

.hostPrices .period,
.hostPrices .searchEnquiry,
.hostPrices ul li.offer span {
	color: #000;
	font-weight: bold;
	font-size: 0.9em;
}

.hostPrices .searchEnquiry {
  position: relative;
  /* min-height: 59px; */
}

.hostGalleryPrices span.onlineBookable {
    background: url("/gfx/travel/bg-bookableChecked.png") no-repeat 5px center;
    color: #468e00;
    padding: 5px 0px 0px 25px;
	display: block;
	line-height: 20px;
}

/* Darstellung Google Map Tab */

#map, #map-side-bar { height: 650px; width: 700px; }

#travelDetail #map {
  width: 675px;
}

/* Travel Detailantrag Ende */

/* Buchungsstrecke Start - Schritt 1*/

/*
.alert { color: #f00; }
*/

#bookingStep {
    margin: 10px 13px;
	font-size: 1.2em;
}

#bookingStep .bookingItemName h1,
#bookingStep .bookingItemName h2 {
  margin: 0 0 5px 0;
  color: #000;
}

.bookingItemRow { background: #ECECEC; }

.bookingItemImg,
.bookingItemOtionalImg {
    width: 120px;
}

.bookingItemOptionalName,
.bookingItemOptionalPrice {
  width: 312px;
  font-weight: bold;
}

.bookingItemData { width: 634px; }

.bookingItemPrice, .bookingItemOptionalAction { width: 140px; }

.bookingItemSearchQuery { color: #5E5E5E; }

.bookingItemName h1 {
    font-size: 14px;
    margin: 5px 0px;
}

.bookingItemOfferSinglePrice span {
    color: #5E5E5E;
}

/* Buchung Schritt 2 */

.formBlock {
    background: #ECECEC;
    padding: 10px;
    margin-bottom: 15px;
}

.formBlock .inputRow {
    margin: 5px 0px;
}

.formBlock .w33 {
    width: 221px;
}

.formBlock .w33 input,
.formBlock .w33 select {
    width: 213px;
}

.formBlock .w66 {
    width: 447px;
}

.formBlock .w66 input,
.formBlock .w66 select {
    width: 439px;
}

.formBlock #VonRequestForm,
.formBlock #BisRequestForm {
	width: 197px;
}

.formBlock .dataSet {
    margin: 0px 5px 0px 0px;
}

.formBlock label {
    display: block;
}

.formBlock #bemerkung {
    width: 439px;
}

.formBlock input,
.formBlock select,
.formBlock textarea {
    border: 1px solid #343434;
    background: #fff;
    padding: 3px;
}

.formBlock textarea {
  width: 100%;
}

.formBlock .required {
    background-color: #fff0df;
    border: 1px solid #da8929;
}

.formBlock #anrede {
    width: 100px;
}

.formBlock .w33 .checkbox { width: 20px; }

.formBlock .w66 input[type="text"],
.formBlock .w66 select {
    width: 439px;
}

#KinderAlter select {
  margin-bottom: 5px;
}


/* Detail Darstellung Ende */

#einblend-icon {
    background: url("/gfx/travel/BAG/einblend-icon.png") no-repeat scroll right top transparent;
    height: 25px;
    position: absolute;
    right: 20px;
    top: 11px;
    width: 229px;
}

#einblend-icon p {
    color: #fff;
    line-height: 24px;
    padding-left: 6px;
    margin: 0;
}

.ui-datepicker-title {
  color: #222222 !important;
}

.ui-datepicker-calendar {
  color: #222222 !important;
}

/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 *
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.
 *
 * Version: 1.3.4 (11/11/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */

#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  margin-left: -20px;
  cursor: pointer;
  overflow: hidden;
  z-index: 1104;
  display: none;
}

#fancybox-loading div {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 480px;
  background-image: url('/gfx/fancybox/fancybox.png');
}

#fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1100;
  display: none;
}

#fancybox-tmp {
  padding: 0;
  margin: 0;
  border: 0;
  overflow: auto;
  display: none;
}

#fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  padding: 20px;
  z-index: 1101;
  outline: none;
  display: none;
  /* width: 750px !important; */
}

#fancybox-outer {
  position: relative;
  /* width: 760px; */
  height: 100%;
  background: #fff;
}

#fancybox-content {
  height: 0;
  padding: 0;
  outline: none;
  font-size: 1.2em;
  position: relative;
  overflow: hidden;
  z-index: 1102;
  border: 0px solid #fff;
  /* width: 750px !important; */
}

#fancybox-hide-sel-frame {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  z-index: 1101;
}

#fancybox-close {
  position: absolute;
  top: -15px;
  right: -15px;
  width: 30px;
  height: 30px;
  background: transparent url('/gfx/fancybox/fancybox.png') -40px 0px;
  cursor: pointer;
  z-index: 1103;
  display: none;
}

#fancybox-error {
  color: #444;
  font: normal 12px/20px Arial;
  padding: 14px;
  margin: 0;
}

#fancybox-img {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  border: none;
  outline: none;
  line-height: 0;
  vertical-align: top;
}

#fancybox-frame {
  width: 100%;
  height: 100%;
  border: none;
  display: block;
}

#fancybox-left, #fancybox-right {
  position: absolute;
  bottom: 0px;
  height: 100%;
  width: 35%;
  cursor: pointer;
  outline: none;
  background: transparent url('/gfx/fancybox/blank.gif');
  z-index: 1102;
  display: none;
}

#fancybox-left {
  left: 0px;
}

#fancybox-right {
  right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
  position: absolute;
  top: 50%;
  left: -9999px;
  width: 30px;
  height: 30px;
  margin-top: -15px;
  cursor: pointer;
  z-index: 1102;
  display: block;
}

#fancybox-left-ico {
  background-image: url('/gfx/fancybox/fancybox.png');
  background-position: -40px -30px;
}

#fancybox-right-ico {
  background-image: url('/gfx/fancybox/fancybox.png');
  background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
  visibility: visible; /* IE6 */
}

#fancybox-left:hover span {
  left: 20px;
}

#fancybox-right:hover span {
  left: auto;
  right: 20px;
}

.fancybox-bg {
  position: absolute;
  padding: 0;
  margin: 0;
  border: 0;
  width: 20px;
  height: 20px;
  z-index: 1001;
}

#fancybox-bg-n {
  top: -20px;
  left: 0;
  width: 100%;
  background-image: url('/gfx/fancybox/fancybox-x.png');
}

#fancybox-bg-ne {
  top: -20px;
  right: -20px;
  background-image: url('/gfx/fancybox/fancybox.png');
  background-position: -40px -162px;
}

#fancybox-bg-e {
  top: 0;
  right: -20px;
  height: 100%;
  background-image: url('/gfx/fancybox/fancybox-y.png');
  background-position: -20px 0px;
}

#fancybox-bg-se {
  bottom: -20px;
  right: -20px;
  background-image: url('/gfx/fancybox/fancybox.png');
  background-position: -40px -182px;
}

#fancybox-bg-s {
  bottom: -20px;
  left: 0;
  width: 100%;
  background-image: url('/gfx/fancybox/fancybox-x.png');
  background-position: 0px -20px;
}

#fancybox-bg-sw {
  bottom: -20px;
  left: -20px;
  background-image: url('/gfx/fancybox/fancybox.png');
  background-position: -40px -142px;
}

#fancybox-bg-w {
  top: 0;
  left: -20px;
  height: 100%;
  background-image: url('/gfx/fancybox/fancybox-y.png');
}

#fancybox-bg-nw {
  top: -20px;
  left: -20px;
  background-image: url('/gfx/fancybox/fancybox.png');
  background-position: -40px -122px;
}

#fancybox-title {
  font-family: Helvetica;
  font-size: 12px;
  z-index: 1102;
}

.fancybox-title-inside {
  padding-bottom: 10px;
  text-align: center;
  color: #333;
  background: #fff;
  position: relative;
}

.fancybox-title-outside {
  padding-top: 10px;
  color: #fff;
}

.fancybox-title-over {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #FFF;
  text-align: left;
}

#fancybox-title-over {
  padding: 10px;
  background-image: url('/gfx/fancybox/fancy_title_over.png');
  display: block;
}

.fancybox-title-float {
  position: absolute;
  left: 0;
  bottom: -20px;
  height: 32px;
}

#fancybox-title-float-wrap {
  border: none;
  border-collapse: collapse;
  width: auto;
}

#fancybox-title-float-wrap td {
  border: none;
  white-space: nowrap;
}

#fancybox-title-float-left {
  padding: 0 0 0 15px;
  background: url('/gfx/fancybox/fancybox.png') -40px -90px no-repeat;
}

#fancybox-title-float-main {
  color: #FFF;
  line-height: 29px;
  font-weight: bold;
  padding: 0 0 3px 0;
  background: url('/gfx/fancybox/fancybox-x.png') 0px -40px;
}

#fancybox-title-float-right {
  padding: 0 0 0 15px;
  background: url('/gfx/fancybox/fancybox.png') -55px -90px no-repeat;
}

/* IE6 */

.fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/gfx/fancybox/fancy_close.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/gfx/fancybox/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/gfx/fancybox/fancy_nav_right.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/gfx/fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/gfx/fancybox/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/gfx/fancybox/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/gfx/fancybox/fancy_title_right.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame {
  height: expression(this.parentNode.clientHeight + "px");
}

#fancybox-loading.fancybox-ie6 {
  position: absolute; margin-top: 0;
  top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px');
}

#fancybox-loading.fancybox-ie6 div  { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/gfx/fancybox/fancy_loading.png', sizingMethod='scale'); }

/* IE6, IE7, IE8 */

.hostOffer {
  overflow: hidden;
}

.fancybox-ie {
  /*width: 750px !important;
  overflow: hidden; */
}

.fancybox-ie .fancybox-bg { background: transparent !important; }

.fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/gfx/fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/gfx/fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/gfx/fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/gfx/fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/gfx/fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/gfx/fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/gfx/fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/gfx/fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }

/* Styling Travel / Content Ende */

#fancybox-content .hostPrices .button.booking {
	width: 100%;
}

#realised {
    color: #000;
    font-size: 11px;
    position: relative;
    text-align: right;
}

#realised a {
     color: #000;
    text-decoration: underline;
 }

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #fff;
	padding: 5px;
	opacity: 0.9;
}

#tooltip h3, #tooltip div { margin: 0; font-weight: normal; }

a#freizeitplanerLink {
  background: url(/gfx/bg-freizeitplanerLink-2014.png) no-repeat left top;
  position: absolute;
  right: 47px;
  top: 73px;
  line-height: 23px;
  font-size: 10px;
  text-align: right;
  padding: 0 10px 0 20px;
  color: #fff;
  z-index: 161;
}

/* inserted via JS */
#freizeitplanerMap {
  background: url(/gfx/bg-freizeitplanerMap-2014.png) no-repeat right top;
  height: 95px;
  position: absolute;
  right: 30px;
  top: 70px;
  width: 57px;
  z-index: 160;
}

#freizeitplanerMap {
  cursor: pointer;
}


/* Styling HoliidayCheck Bewertungen */

.hostEvaluation span.ratingSpan {
  color: #143764;
  font-size: 0.8em;
  padding: 0px;
  margin: 0 5px;
  cursor: auto;
  text-decoration: none;
  line-height: 24px;
}

.hostEvaluation a.numberOfRatings {
  color: #143764;
  padding: 0 0 0 5px;
}

.hostEvaluation span.averageGradeNumbers {
  float: left;
  line-height: 16px;
}

.hostEvaluation span.averageGrade {
  line-height: 16px;
}

.hostEvaluation span.ratingSpan strong {
  /* color: #468E00; */
  font-size: 1.2em;
}

#holidayCheckRow {
  background-color: #085590 !important;
  border-bottom: 3px solid #FAD73C;
  min-height: 37px;
  padding: 15px 20px 15px 20px;
  margin: 0 0 5px 0;
  color: #fff;
  font-size: 0.9em;
}

#hcLogo {
  background: url(/gfx/travel/holidayCheck-logo-white.png) no-repeat left top;
  text-indent: -5000px;
  overflow: hidden;
  width: 100px;
  height: 20px;
  display: inline-block;
}

#travelDetail .hostOffer.rating {
  background: #fff;
}

#travelDetail .hostOffer.rating a.doratingFrame {
  float: right;
}

#travelDetail a.doratingFrame {
	border: 1px solid #003f6b;
	color: #fff !important;
	display: block;
	line-height: 16px;
	vertical-align: middle;
	font-size: 14px;
	padding: 5px;
	width: 150px;
	text-transform: none;
	height: auto;
    text-align: center;
    background: #0d76c7; /* Old browsers */
    background: -moz-linear-gradient(top,  #0d76c7 36%, #095ea0 52%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(36%,#0d76c7), color-stop(52%,#095ea0)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #0d76c7 36%,#095ea0 52%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #0d76c7 36%,#095ea0 52%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #0d76c7 36%,#095ea0 52%); /* IE10+ */
    background: linear-gradient(to bottom,  #0d76c7 36%,#095ea0 52%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d76c7', endColorstr='#095ea0',GradientType=0 ); /* IE6-9 */
}

#travelDetail a.doratingFrame:hover {
    background: #095ea0; /* Old browsers */
    background: -moz-linear-gradient(top,  #095ea0 0%, #0d76c7 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#095ea0), color-stop(100%,#0d76c7)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #095ea0 0%,#0d76c7 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #095ea0 0%,#0d76c7 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #095ea0 0%,#0d76c7 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #095ea0 0%,#0d76c7 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#095ea0', endColorstr='#0d76c7',GradientType=0 ); /* IE6-9 */
}

#travelDetail .ratingTableRow,
#travelDetail .hostOffer.comment {
  background: #fff;
  border: 2px solid #DADADA;
  margin: 0 0 5px 0;
  color: #143764;
  padding: 10px;
}

#travelDetail .ratingTableRow h4 {
  font-weight: normal;
}

#travelDetail .extraBold {
  font-size: 1.3em;
  font-weight: bold;
}

#travelDetail .ratingTableRow .ratingSubTitle {
  font-weight: bold;
  width: 30%;
}


#travelDetail .ratingTableRow .ratingSubValues {
  width: 68%;
}

#travelDetail .ratingTableRow .ratingCategory {
  margin: 0 0 5px 0;
}


#travelDetail .ratingTableRow .ratingSubValues .value {
  width: 60%;
}

#travelDetail .ratingTableRow .ratingSubValues .starRating {
  width: 38%;
}

#travelDetail .ratingTableRow .ratingSubValues .starRating strong {
  margin: 0 5px;
}


#travelDetail .hostOffer.comment .userData {
  width: 25%;
  padding: 0 5% 0 0;
}

#travelDetail .hostOffer.comment .avatar.freunde {
  background: url(/gfx/travel/avatar/freunde.png);
}

#travelDetail .hostOffer.comment .avatar.familie {
  background: url(/gfx/travel/avatar/familie.png);
}

#travelDetail .hostOffer.comment .avatar.paar {
  background: url(/gfx/travel/avatar/paar.png);
}

#travelDetail .hostOffer.comment .avatar.single {
  background: url(/gfx/travel/avatar/alleine.png);
}

#travelDetail .hostOffer.comment .avatar {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  width: 100%;
  min-height: 165px;
  text-indent: -5000px;
  overflow; hidden;
}


#travelDetail .hostOffer.comment .commentData {
  width: 68%;
}

#travelDetail .hostOffer.comment .commentData a,
.ratingTableContent a {
  color: #143764 !important;
  text-decoration: underline;
}

#travelDetail .hostOffer.comment .commentData a:hover,
.ratingTableContent a:hover {
  background: #FAD73C;
  color: #000;
}


#travelDetail .ratingTableRow,
#travelDetail .hostOffer.comment {
  background: #fff;
  border: 2px solid #DADADA;
  margin: 0 0 5px 0;
  color: #143764;
  padding: 10px;
}

#travelDetail .hostOffer.comment .commentData .summary {
  padding: 10px 0;
  /* background: #fff;
  margin: 15px 0 0 0; */
}

.ratingTableContent {
  color: #143764;
}

.ratingTableContent .commentTable {
  border: 2px solid #DADADA;
}


.ratingTableContent .ratingSwitch {
  margin: 5px 0;
}

.ratingTableContent .ratingTableLink.next {
  float: right;
}