@font-face {
    font-family: 'FFFCompactRegular';
    src: url('fonts/fff_compact-webfont.eot');
    src: url('fonts/fff_compact-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/fff_compact-webfont.woff') format('woff'),
         url('fonts/fff_compact-webfont.ttf') format('truetype'),
         url('fonts/fff_compact-webfont.svg#FFFCompactRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

* { margin: 0; padding: 0; outline: 0; }

body, html { height: 100%; text-size-adjust: none;}

body {
    font-size: 12px;
    line-height: 18px;
    font-family: arial, sans-serif;
    color: #5b5b5b;
    background: #f8f8f8;
    min-width: 970px;
}

a { color: #003C82; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }
a img { border: 0; }

h1 { font-size:22px; line-height:28px; color:#595959; }
h2, h3 { font-family:Georgia, serif; font-weight:normal; }
h2 { font-size:20px; line-height:28px; color:#595959; }
h2.bluebar { font-family: arial, sans-serif; font-size:22px; line-height:28px; color:#fff; padding:16px 11px; background-color:#003C82; margin-bottom:40px;  }
h3 { font-size:18px; line-height:26px; color:#003C82; padding-bottom:18px; }
h4 { background:url(images/stripe.png) repeat-x 0 center; font-size:14px; line-height:12px; margin-bottom:19px; }
h4 span { background-color:#fff; padding-right:10px; }
h5 { font-size:12px; line-height:18px; }

.h2like {font-family:Georgia, serif; font-weight:normal;font-size:20px; line-height:28px; color:#595959;}
.h3likeh2 {font-size:20px; line-height:28px; color:#595959;padding-bottom: 0px;}

input, textarea, select { font-size: 11px; font-family: arial, sans-serif; color:#555; }
textarea { overflow: auto; }

.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }

.shell { width:970px; margin:0 auto; padding:0 4px; background:url(images/shell.png) repeat-y; }

ul { list-style:none outside none; }

a.more-link { border-bottom:1px dotted #003C82; position:relative; }
a.more-link:hover { text-decoration:none; border:0; }
a.more-link .arrow { position:absolute; right:-15px; top:0; background:url(images/more-arrow.png); width:11px; height:16px; }

strong { font-weight: bold; }

#header { padding:0 16px 20px 11px; position:relative; z-index: 3; }
#header .top { text-align:right; padding-bottom:13px; }
#header .top a.fb { float:right; }
#header .top a.newsletter { float:right; height:22px; line-height:22px; color:#fff; padding:0 7px; background-color:#739DBE; text-shadow:0 1px 1px rgba(0,0,0,0.15); font-family: 'FFFCompactRegular'; font-weight:bold; font-size:9px;}
#header .top a.newsletter {margin-right:1px;  }
#header .top .language { float:right; height:21px; border-left:1px solid #acacac; border-bottom:1px solid #acacac; font-family: 'FFFCompactRegular'; font-weight:bold; font-size:9px; }
#header .top .language a { float:left; line-height:21px; height:21px; color:#acacac; padding:0 3px; }
#header .top .language a+a { border-left:1px dotted #acacac; }
#header .top p { font-size:9px; line-height:22px; }
#header .top p a { margin:0 15px 0 10px; text-decoration:underline; color:#5a5a5a; }
#header .top p a:hover { text-decoration:none; }
#header p.contact { float:right; width:519px; line-height:26px; background-color:#ececec; border-radius:3px; font-size:11px; margin-top:9px; }
#header p.contact strong { padding-left:8px; }
#header p.contact.type2 { margin-right:237px; width:282px;  }

#logo { float:left;  padding-right:30px; }
#logo a { display:block; background:url(images/logo.png); width:164px; height:35px; }
#logo_de { float:left;  padding-right:30px; }
#logo_fr { float:left;  padding-right:30px; }
#logo_it { float:left;  padding-right:30px; }
#logo_en { float:left;  padding-right:30px; }
#logo_de a { display:block; background:url(images/logo_de.jpg); width:164px; height:70px; }
#logo_fr a { display:block; background:url(images/logo_fr.jpg); width:164px; height:70px; }
#logo_it a { display:block; background:url(images/logo_it.jpg); width:164px; height:70px; }
#logo_en a { display:block; background:url(images/logo_en.jpg); width:164px; height:70px; }

#search { display:block; float:left; border:1px solid #d2d2d2; border-radius:3px; height:24px; width:219px; margin-top:9px; }
#search .field { background: transparent; border:0; float:left; padding:5px 8px; width:176px; height:14px; }
#search .submit { width:24px; height:24px; background:url(images/search-btn.png); border:0; cursor:pointer; }
#search .submit:hover { background-position:0 bottom; }

#navigation { background:url(images/navigation.png) repeat-x ; height:37px; padding-top:13px; position:relative; z-index: 1; }
#navigation ul { float:left; margin-left:11px; background:url(images/nav-div.png) no-repeat 0 5px;  }
#navigation li { float:left; background:url(images/nav-div.png) no-repeat right 5px; height:37px; margin-right:-4px; }
#navigation li.current,
#navigation li:hover { }
#navigation li a, 
#navigation li a span { background:url(images/nav-btn.png) no-repeat 0 37px; line-height:37px; height:37px; padding:0 0 0 34px; float:left; font-size:13px; font-weight:bold; color:#fff; }
#navigation li a span { background-position:right 37px; padding:0 37px 0 0; }
#navigation li.current a,
#navigation li a:hover,
#navigation li.currentparent a { background-position:0 0; color:#003C82; text-decoration:none; }
#navigation li.current a span,
#navigation li a:hover span,
#navigation li.currentparent a span { background-position:right 0; color:#003c82; text-decoration:none; }

#main { margin-top:40px; background:url(images/main.png) repeat-y; padding:0 15px 127px; position:relative; z-index: 1; overflow:auto; }

#menu { float:left; width:160px; padding-top:30px; background:url(images/stripe.png) repeat-x 0 0;  }
#sidebar { float:right; width:220px; position:relative;  }
#content { width:490px; float:left; padding-left:35px;  }

#footer {  color:#fff; position:relative; z-index: 2; margin-top:-70px; clear:both; bottom:0;  height:70px; }
#footer .shell .wrap { padding:26px 12px 26px 17px;   height:18px;  background-color:#003c82;}
#footer a { color:#fff; }
#footer .nav { float:right; }

/* cke, 22.05.2012, Navigationsdefinitionen entfernt aufgrund des neustylings der Sekundärnavigation */

.heading { background:url(images/stripe.png) repeat-x 0 0; padding:24px 0 10px; border-bottom:1px dotted #b2b2b2; margin-bottom:14px;  }
.heading.type2 { padding:28px 0 24px;  }

a.action-btn,
a.action-btn span { float:left; height:26px; background:url(images/action-btn.png) no-repeat 0 0;  line-height:26px; color:#5a5a5a;  padding:0 0 0 11px;  font-size:11px; }
a.action-btn span { background-position:right 0; padding:0 39px 0 0; }
a.action-btn { position:relative; margin-bottom:19px;   }
a.action-btn strong { position:absolute; color:#fff; background:url(images/notification.png); width:20px; height:20px; right:-5px; top:-5px;    line-height:16px; text-align:center; }
a.action-btn:hover { background-position:0 bottom; text-decoration:none; }
a.action-btn:hover span { background-position:right bottom; text-decoration:none; }
a.action-btn.tc span { padding-left:31px;  }
a.action-btn img { position:absolute; top:6px; right:7px;   }

a.blue-btn { background:url(images/blue-btn.png); width:117px; height:24px; line-height:22px; color:#fff;  font-size:11px;	text-align:center; text-shadow:0 1px 0 rgba(0,0,0,0.4); display:block; font-weight:bold; }
a.blue-btn:hover { text-decoration:none; background-position:0 bottom; }
.submit.blue-btn {width:107px; height:24px; color:#fff; padding-bottom:3px; line-height:24px;    font-size:11px;  text-align:center; text-shadow:0 1px 0 rgba(0,0,0,0.4); display:block; font-weight:bold; border:0; cursor:pointer;}
.submit.blue-btn {  background:url(images/blue-btn2.png);  margin-left:auto;  }
.blue-btn.big { width:200px; background-image:url(images/blue-btn-big.png);   }
/* Background-Color ist 2fach implementiert als Fallback für IE7*/
.blue-btn.big.extra {background: url(images/btn-blue-search-1x112px.png) repeat-x 0 0; background-color: transparent; background-color: rgba(0, 0, 0, 0); border: 1px solid #00498e; -ms-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: -1px 2px 2px rgba(0, 0, 0, 0.3); -ms-box-shadow: -1px 2px 2px rgba(0, 0, 0, 0.3); box-shadow: -1px 2px 2px rgba(0, 0, 0, 0.3); color: #fff; display: inline; font-weight: bold; font-size: 14px; line-height: 38px; /* centers text: 40px - 2 * 1px border = 38px */ height: 40px; vertical-align: middle; margin-left: -3px; }
.submit.blue-btn:hover { background-position:0 bottom;  }

.article { padding-bottom:20px; border-bottom:1px dotted #b2b2b2; margin-bottom:19px; }
.article.type2 {padding-top:14px; }
.article img.big { margin-bottom:29px; }
.article img.alignleft { padding:3px; border:1px solid #c0c0c0; background-color:#fff; margin:0 15px 8px 0; }
.article h5 { padding-bottom:18px; }
.article p { padding-bottom:18px; }
ul.plus { padding-bottom:16px; }
ul.plus li { background:url(images/plus.png) no-repeat 0 7px; padding:0 0 4px 11px; }

.tc-grid .right,
.tc-grid .left { width:235px;  }

.image { padding-bottom:10px; background:url(images/imgbg.png) no-repeat 0 bottom; margin-bottom:11px; height:100%; float:left;  }
.image img { padding:4px; border:1px solid #c0c0c0; background-color:#fff; float:left;  }

.resort { padding-bottom:37px; }
.resort .image { margin-right:-5px; width:240px; }
.resort h4 { margin-bottom:21px; }
.resort h5 { border-bottom:1px dotted #b2b2b2; margin-bottom:8px;  }
.resort p { line-height:16px; }

.resort .image {margin-bottom: 0;float: none; }
.resort h5 {margin-top: 11px; }

.sidepost { padding-bottom:40px; }
.sidepost .image { background-image:url(images/imgbg2.png); margin-bottom:13px; }
.sidepost .image img { padding:3px; }
.sidepost .image.type2 { width:122px; background-image:url(images/imgbg3.png); }

.soc-articles { padding-top:12px; }
.socialpost { padding-bottom:33px; }
.socialpost img {padding:3px; border:1px solid #c0c0c0; background-color:#fff; margin:3px 14px 0 0; }

.offer { background:url(images/stripe.png) repeat-x 0 0 ; padding:10px 0 46px; }
.offer .head h5 { font-size:14px; line-height:20px; color:#333; }
.offer .head { border-bottom:1px dotted #b2b2b2; margin-bottom:19px; padding:5px 0; }
.offer .entry img.alignleft { padding:3px; border:1px solid #c9c9c9; margin:0 15px 8px 0; }
.offer .entry { padding-bottom:3px; position: relative; }
.offer .entry p { padding-bottom:40px; line-height:16px; }
.offer .entry a.action-btn span { padding-right:67px;  }
.offer .list { background-color:#f8f8f8; border:1px solid #e6e6e6; padding:20px 10px 10px; }
.offer .list h5 { padding-bottom:3px;  }
.offer .list ul { border-top:1px dotted #adadad; padding-bottom:9px;  }
.offer .list ul li { border-bottom:1px dotted #adadad; padding:6px 0 5px; line-height:24px; }
.offer .list ul li a.blue-btn,
.offer .list ul li a.green-button,
.offer .list ul li a.blue-button
{ float:right; }

.search-form { position:absolute; width:222px;  right:14px;  top:44px;    }
.search-form .search-form-container { background:url(images/white.png) repeat-x 0 27px; height:100%;  }
.search-form .search-form-container.additional {background-position: 0 -8px;border-top: 1px solid #ccc; }
.search-form .box-c { background:url(images/search-form.png) repeat-y right 0; padding:0 2px; width:218px;  }
.search-form .box-t { background:url(images/search-form.png) no-repeat 0 0; height:2px; font-size: 0; line-height: 0; text-indent: -4000px;    }
.search-form .box-b { background:url(images/search-form.png) no-repeat -222px bottom; height:2px; font-size: 0; line-height: 0; text-indent: -4000px;   }
.search-form .head { background-color:#ebebeb;  position:relative; height:34px; }
.search-form .head h5 { font-size:13px;  color:#5b5b5b; padding:0 5px 0 5px; line-height:34px; }
.search-form .accordion .head h5 { padding:0 5px 0 21px; background: url('images/arr5.png') no-repeat 7px 12px;cursor: pointer; }
.search-form .accordion .head.open h5 { background: url('images/arr2.png') no-repeat 6px 14px;cursor: default; }
.search-form .head h5 img {  position:absolute; top:10px; right:10px;  }
.search-form .form-tabs { padding:10px 4px 0; position:relative; z-index: 10; width:210px;   }
.search-form .form-tabs .tabs-nav { height:23px;  }
.search-form .form-tabs .tabs-nav a { font-size:11px; line-height:23px; height:23px; float:left; color:#555; padding-left:9px;  }
.search-form .form-tabs .tabs-nav a.first { width:90px; background:url(images/tab-btn1.png) no-repeat 0 bottom;   }
.search-form .form-tabs .tabs-nav a.last {width:102px;  background:url(images/tab-btn2.png) no-repeat 0 bottom;  }
.search-form .form-tabs .tabs-nav a.current { background-position:0 0;  }
.search-form .form-tabs .tabs-nav a:hover{ text-decoration:none;  }
.search-form .form-tabs .tabs-cnt  { border:1px solid #cecfd1; border-top:0; border-radius: 0 0 3px 3px; padding:7px 0 3px; background-color:#fff; box-shadow:0 1px 1px rgba(0,0,0,0.2); width:208px; }
.search-form .form-tabs .tabs-cnt .tab {  display:none; padding:0 4px 0 8px; }
.search-form .form-tabs .tabs-cnt .tab .jquery-selectbox,
.search-form .form-tabs .tabs-cnt .tab .select-replace-cover { width:105px; }
.search-form label { float:left; font-size:11px; width:90px;  line-height:21px;  }
.search-form label.type2 { float:none; display:block; width:auto;  }
.search-form label.long { line-height:11px;  }
.search-form .datepicker-field { width:87px; background:url(images/datepicker.png); border:0; padding:2px 9px 5px; height:14px;   font-size:11px;    }
.search-form .datepicker-field-fewo-search { width:87px; background:url(images/datepicker.png); border:0; padding:2px 9px 5px; height:14px;   font-size:11px;    }
.search-form .text-field { width:87px; background:url(images/textbox.png); border:0; padding:2px 9px 5px; height:14px; font-size:11px; }
.search-form .text-field.error {background-image: url(images/textbox_error.png); }
.search-form .row { padding-bottom:4px; position:relative; z-index: 1; width:100%;  }
.search-form .row.high-z { z-index: 5; }
.search-form .body { position:relative; z-index: 9; padding:9px 10px 6px 12px; width:196px; }
.search-form .body .row { padding-bottom:5px;  }
.search-form .option { position:relative; z-index: 5; width:100%;  }
.search-form .body .jquery-selectbox,
.search-form .body .select-replace-cover { width:105px;  }
.search-form .option {  }
.search-form .option+.option {  border-top:1px solid #ddd; }
.search-form .op-head { padding:0 12px; background-color:#f6f6f6;   }
.search-form .op-head.white  { background: transparent; }
.search-form .op-head a { display:block; height:30px; line-height:30px; font-weight:bold;  color:#555; padding-left:14px; background:url(images/arr5.png) no-repeat 0 center;  font-size:11px;    }
.search-form .op-head a.btm-link { background-image:url(images/arr5.png);  }
.search-form .op-cnt {  padding:5px 9px 13px 13px;  }
.search-form .op-cnt label { width:145px;  }
.search-form .op-cnt.gray { background-color:#e3e3e3;  padding:16px 13px 5px;  }
.search-form .op-cnt.no-title { padding-top: 5px; }
.search-form .op-cnt h5 { font-size:13px; line-height:15px;   }
.search-form .op-cnt .jquery-selectbox,
.search-form .op-cnt .select-replace-cover {width:196px;   }
.search-form .op-section { position:relative; z-index: 1; border-bottom:1px dotted #d9d9d9; margin-bottom:6px; padding-bottom:2px;  width:100%;  }
.search-form .op-section.high-z { z-index: 5; }
.search-form .op-section .jquery-selectbox { margin-bottom:4px;  }
.search-form .op-section:last-child { padding-bottom:0; margin-bottom:0; border:0;  }
.search-form .op-section.last { padding-bottom:0; margin-bottom:0; border:0;  }
.search-form .form-cnt { padding:10px 10px 20px;  }
.search-form .form-cnt label { float:none; width:auto;  }
.search-form .form-cnt .jquery-selectbox { float:none; display:block;  width:198px; }
.search-form .form-cnt .select-replace-cover { width:198px; }
.search-form .form-cnt .row{ padding-bottom:9px;  }
.search-form .form-cnt .buttons { padding-top:4px;  }


.ch-field { width:50px; height:16px; background:url(images/ch-field.png) 0 bottom; position:relative; display:block; float:right; font-size:0; line-height:0;  }
.ch-field.checked { background-position:0 0;  }
.ch-field input { display:none;  }
.ch-field .ch-btn { display:block; width:26px; height:16px; background:url(images/ch-btn.png); position:absolute; left:0; top:0; cursor:pointer; }
.ch-field .ch-btn:hover { background-position:0 bottom;  }

.offer-sort .sort { float:right;width:190px;   }
.offer-sort .sort .slect-field { width:126px;   }
.offer-sort .sort .jquery-selectbox { float:right;  }
.offer-sort .sort label { padding-right:5px; line-height:21px;   }

#slideshow { padding-top:7px; position:relative; z-index: 1; }
#slideshow .images { position:relative; width:970px; height:300px; position:relative;  z-index: 1; padding-bottom:3px;   }
#slideshow .images img { position:absolute; left:0; top:0; z-index: 1; }
#slideshow .images img.visible { z-index: 2; }
#slideshow .images img.new-visible { z-index: 3; }
#slideshow .hideOnOneItem { display:none; }
#slideshow .Hell { background:url(images/black.png); }
#slideshow .Dunkel { background:url(images/black2.png); }
#slideshow .description {z-index: 2; position:absolute; width:270px; padding:25px 60px 25px 15px;  top:57px; left:64px;display: none; }
#slideshow .description p { font-family:Georgia, serif; color:#fff; font-size:18px; line-height:22px; text-shadow:0 1px 1px rgba(0,0,0,0.2); font-style:italic; }
#slideshow .description p span { display:block; font-size:14px; padding-top:4px;   }
#slideshow .description .nav-arrow { width:13px; height:18px; background:url(images/arr3.png); position:absolute; top:20px; right:20px; cursor:pointer;}
#slideshow .whitebox { background-color:#fff; width:358px; padding:0 18px;  top:267px; left:15px; position:absolute; z-index: 2;visibility: hidden;  }
#slideshow .whitebox h1 { font-size:14px; line-height:40px;  }
#slideshow .nav {  height:33px;  padding:0 30px 0 15px; background:url(images/slideshow-nav.png) repeat-x 0 0;  }
#slideshow .nav a { width:99px; height:34px; line-height:34px; text-align:center; font-size:11px; text-shadow:0 1px 0 #fff; font-weight:bold; }
#slideshow .nav a:hover { text-decoration:none;  }
#slideshow .nav a.blue { background:url(images/slideshow-blue.png) no-repeat 0 0; float:left; }
#slideshow .nav .wrap { float:left; width:792px; position:relative; overflow:hidden; height:34px;   }
#slideshow .nav .wrap ul { width:1287px; float:left; position:relative;  }
#slideshow .nav .wrap ul li { float:left; width:99px; height:33px;   }
#slideshow .nav .wrap ul li a { display:block; background:url(images/slideshow-btn.png) no-repeat 0 0; color:#555;  }
#slideshow .nav .wrap ul li p { display:none;  }
#slideshow .nav .wrap ul li.active a,
#slideshow .nav .wrap ul li a:hover { background-position:0 bottom;  }
#slideshow .nav .arrow { float:right; width:13px; height:18px; background:url(images/arr4.png) no-repeat 0 0; cursor:pointer;  margin-top:7px; }
#slideshow .nav .arrow.inverted { background-position:0 bottom;  }
#slideshow.type2 .description { background-image:url(images/black2.png); top:70px; left:59px;  }
#slideshow.type2 .nav .wrap ul li { width:112px;  }
#slideshow.type2.nav .wrap ul li a { width:112px;  background-image:url(images/slideshow-btn2.png);  }

#main.layout2 { background: transparent;  margin-top:94px; }
.three-cols { padding-bottom:14px;  }
.three-cols .col { float:left; width:280px;  }
.three-cols .col+.col { padding-left:50px;  }

.bigpost .image { background-image:url(images/imgbg4.png);  }
.bigpost .image a { display: block; }
.bigpost h4 { margin-bottom:21px;  }
.bigpost h5 { border-bottom:1px dotted #003C82; margin-bottom:10px;  }
.bigpost p { line-height:20px;  }

.grid { padding-top:50px;  }
.grid h4 { margin-bottom:33px;  }
.grid .col { float:left; width:280px;  border-bottom:1px solid #e2e2e2; }
.grid .col+.col { margin-left:50px; }
.grid .row { padding-bottom:41px;  }

.mini-post { position:relative; padding-bottom:24px;  }
.mini-post img { float:left; padding:2px; background-color:#fff; border:1px solid #c0c0c0; box-shadow:0 0 4px rgba(0,0,0,0.15); margin-right:9px;  }
.mini-post p { line-height:16px;  }
.mini-post h5 {line-height:16px;   }
.mini-post .arrow { position:absolute; right:0; top:0; background:url(images/arr4.png); width:13px; height:18px; }

/* Layout changes cke */
#main { overflow: visible; }
#content-wide { width: 745px; float:left; padding-left:35px; }
#content-ultrawide { width: 870px; float: left; padding: 0 35px; }
#main.layout1 { background:transparent; }
#main.layout3 { background:url(images/main_layout3.png) repeat-y; }
#main.layout4 { background:url(images/main_layout4.png) repeat-y; }

#main.layout4 #content-wide { padding: 0;width: 685px; }

.aktionsfeld-page #main {
	min-height: 1050px;
}

#header .top .language a.current { text-decoration: underline; }

.article ul { list-style: disc inside; }
.article ul.plus { list-style: none outside none; }

#content, #sidebar { overflow: hidden; }
body.editmode #content, body.editmode #sidebar { overflow: visible; }
.sidepost .image img { width: 207px; }

.resort .image img { width:225px; height: 140px; }

#slideshow .images img { display: none; }

#slideshow .description .nav-arrow { text-indent: -10000px; }
#slideshow .nav { position: relative; }
#slideshow .nav .wrap ul li { width: auto; padding-right: 6px; background:url(images/slideshow-btn_infinite.png) no-repeat right -68px; }
#slideshow .nav .wrap ul li a { background:url(images/slideshow-btn_infinite.png) no-repeat 0 0;  }
#slideshow .nav .wrap ul li.active a,
#slideshow .nav .wrap ul li a:hover { background-position:0 -34px;  }
#slideshow .nav .wrap ul li.active ,
#slideshow .nav .wrap ul li:hover { background-position:right -102px;  }
#slideshow .nav a { width:auto; }

#slideshow .nav span.blue {
	display: block;
	background:url(images/slideshow-btn_infinite.png) no-repeat right -68px;
	padding-right: 6px;
	width: auto;
	float: left;
}
#slideshow .nav span.blue a {
	display: block;
	background:url(images/slideshow-btn_infinite.png) no-repeat 0 0;
	height:34px;
	line-height:34px;
	text-align:center;
	font-size:11px;
	text-shadow:0 1px 0 #fff;
	font-weight:bold;
	color: #555
}

#slideshow .nav span.blue:hover { background-position:right -102px;  }
#slideshow .nav span.blue a:hover { background-position:0 -34px;  }

#slideshow .nav a { padding: 0 10px; }
#slideshow .nav .wrap { height: 33px; width: 815px; }
#slideshow .nav .wrap ul li { display: none; }

#slideshow .nav .arrow { z-index: 12;position: absolute;top: 0;right: 10px;display: none; }

#slideshow #slideshow-link {
	background: url('/_layouts/images/blank.gif') no-repeat top left transparent;
	display: block;
    height: 300px;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 7px;
    z-index: 3;
}

.image { height: auto; }
.image img { float: none; }

.slidable .slider-content { border: 1px solid #ccc; padding: 10px; margin-bottom: 5px; }

.slidable h2 { 
	background: url('images/arr5.png') no-repeat 5px center;
	padding: 0 0 0 20px;
	margin: 0 0 5px 0;
	border: 1px solid #ccc;
	cursor: pointer;
}
.slidable h2.open { background-image: url('images/arr2.png'); }

.option .op-cnt { display: none; }
.option.no-slide .op-cnt{ display: block; }

.mini-post .arrow {text-indent: -1000px;overflow: hidden; }

.search-form .form-tabs .tabs-cnt.tabless {
	border-top: 1px solid #cecfd1;
	border-radius: 3px 3px 3px 3px;
}

.select-field {
	height: 20px;
    width: 105px;
}

.select-field.large {
	width: 200px;
}

.select-replace-cover {
	background: url("images/select-field.png") no-repeat scroll 0 0 transparent;
	width: 105px;
	height: 20px;
}

.select-replace {
	background: url(images/arr1.png) no-repeat scroll top right transparent;
	height: 20px;
	padding: 0 18px 0 3px;
}

.select-replace .inner {
	display: block;
	overflow: hidden;
}

.search-form .op-head.open a {
	background-image: url(images/arr2.png)
}

.title-emotionalesuche .more-link {
	margin-top: -20px;
	border-bottom: none;
}

/* SHAREPOINT OVERRIDES */
.site-action-menu { position: absolute;top: 0;left: 0; }
.publishing-console { width: 100%; }
.publishing-console>table { width: 100%; }
.ms-MenuUIPopupBody { z-index: 10000; }
.ms-formfieldlabelcontainer, .ms-formfieldvaluecontainer { margin-left: 0; }

/* FORM Styling */

/* Formline / no-formline */
.form .formline, .form ul, .form ol {
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px dotted #ccc;
}
.form .no-formline { padding: 0; margin-bottom: 10px; border-bottom: none; }

/* Form-UL/OL/LI */
.form ul, .form ol { list-style: none; }
.form li { display: block; margin-bottom: 2px; }

/* ================ */
/* Form-Labels & Inputs */
/* ================ */

.form label {
	float: left;
	width: 180px;
	height: 16px;
	line-height: 16px;
}

.halfwidth label { width: 150px; }
.form input.quarterwidth { width: 39px;margin-right: 3px; }
.form input.threequarterwidth { width: 147px; }

.form .submit.blue-btn,
.formularTable .submit.blue-btn,
.rekanet-wrapper .submit.blue-btn { margin-top: 2px; }
.formularTable {width: 100%; }

.form input,
.form textarea,
.formularTable input,
.formularTable textarea {
	width: 200px;
}

.form input[type=checkbox],
.form input[type=radio],
.formularTable input[type=checkbox],
.formularTable input[type=radio],
.rekanet-wrapper input[type=checkbox],
.rekanet-wrapper input[type=radio] {
	width: 16px;
	margin-right: 3px;
	margin-top: 3px;
	vertical-align: top;
}

.form select,
.form .jquery-selectbox,
.form .select-replace-cover,
.formularTable select,
.formularTable .jquery-selectbox,
.formularTable .select-replace-cover {
	width: 204px;
}

.form select,
.formularTable select {
	width: 208px;
}

.twoColumn input,
.twoColumn textarea {
	width: 200px;
}
.twoColumn input[type=checkbox],
.twoColumn input[type=radio] { width: 16px; }
.twoColumn select,
.twoColumn .jquery-selectbox,
.twoColumn .select-replace-cover {
	width: 204px;
}

.twoColumn select {
	width: 208px;
}

.formularTable td, .formularTable th, .form-table th {
	text-align: left;
}
.form input[type=text],
.form input[type=password],
.form textarea,
.formularTable input[type=text],
.formularTable input[type=password],
.formularTable textarea,
.rekanet-wrapper input[type=text],
.rekanet-wrapper input[type=password],
.rekanet-wrapper textarea {
	border: 1px solid #D2D2D2;
	border-radius: 3px 3px 3px 3px;
	height: 14px;
	padding: 3px;
}

.form input:disabled,
.formularTable input:disabled,
.formularTable textarea:disabled {
	border: none;
	padding: 0;
	background: none;
	font-size: 12px;
	line-height: 18px;
	text-indent: -1px;
}

.form textarea,
.formularTable textarea,
.rekanet-wrapper textarea {height: auto;}

.form .horizontal-form.cols-4 label { width: 25%; }
.form .horizontal-form.cols-4 .formfield { display:block; float: left; width: 25%; }

.formularMiddle p { padding-bottom: 10px;}
.formularMiddle ul { margin: 10px 0; }

.splittable {width: 100%;}
.splittable th {text-align: left;}
.splittable td {width: 50% !important;}

.search-form .select-row label {width: 90px; }
.large-select-row label {width: 100%; }
.large-select-row select {width: 190px; }

.message-error {color: #f00;}

.feedbacktitle { padding-bottom: 10px;}

.spacer {border-bottom: 1px dotted #B2B2B2;height: 10px;margin-bottom: 10px;}

/* jQuery UI Overrides */
#ui-datepicker-div { z-index: 200 !important; }

.ui-dialog-content .hidden { display: block; }

.ui-dialog-content #main {z-index: 0; }
/* BLANK Layout */
body.blank { background: none; }
body.blank .shell { background: none; margin: 0; padding: 0; }
body.blank .site-action-menu { position: static; display: block; padding: 0 15px; }
body.blank .publishing-console { position: static; display: block; }
.blank #main { margin: 0; padding-bottom: 0; background: none; }
.blank #main #menu { display: none; }
.blank #main #content { padding-left: 0; }

.blank #header { padding: 0;}
.blank .search-form { position:absolute; width:222px;  left:540px;  top:0px; }
.blank #main #sidebar { float: left; padding: 10px 0 0 25px; }

/* Tools */
.hidden {display: none;}
.ms-formfieldvaluecontainer .hidden {display: block;}

/* Clearfix */
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } 
.clearfix { display: inline-block; } 
html[xmlns] .clearfix { display: block; } 
* html .clearfix { height: 1%; }

/* ========== */
/* Navigation */
/* ========== */

/* General item definition */
#menu ul li { margin-bottom: 1px; }
#menu ul li>a {
	display: block;
	padding: 5px 14px 6px 14px;
	overflow: hidden;
}

#menu ul li.current>a,
#menu ul li.currentparent>a,
#menu ul li>a:hover {
	background:url(images/menu-arrow.png) no-repeat 5px center;
	text-decoration: none;
}

#menu ul li.current>a { font-weight: bold; }

/* General sub-menu definition */
#menu ul li>ul { display: none; }
#menu ul li.current>ul, #menu ul li.currentparent>ul { display: block; }

/* First level */
#menu a { color: #5a5a5a; }
#menu>ul>li { background: #d2d2d2; }

/* Second level */
#menu>ul>li>ul { background: #fff;padding-top: 1px; }
#menu>ul>li>ul>li { background: #e6e6e6; }

/* Third level */
#menu>ul>li>ul>li>ul { background: #e2e2e2;padding-top: 1px; }
#menu>ul>li>ul>li>ul>li { background: #fff; }

/* Fourht level */
#menu>ul>li>ul>li>ul>li>ul { font-style: italic; }

/* All other levels */
#menu>ul>li>ul>li>ul>li>ul>li>ul { display: none; }

/* RekaNet Styling */

.rekanet-wrapper hr {
	height: 1px;
	border: none;
	border-bottom: 1px dotted #b2b2b2;
}

.rekanet-wrapper p { margin-bottom: 10px; }

.rekanet-wrapper input,
.rekanet-wrapper textarea {
	width: 200px;
}

.rekanet-wrapper select,
.rekanet-wrapper .jquery-selectbox,
.rekanet-wrapper .select-replace-cover {
	width: 204px;
	height: 20px;
}

.rekanet-wrapper select {
	width: 208px;
	height: 20px;
}

.rekanet-wrapper input[type=image] {
	width: auto;
}

.rekanet-wrapper .formularMiddle,
.rekanet-wrapper .FewoTrefferMiddle {
	margin: 5px 0 5px 0;
}

.rekanet-wrapper .FewoTrefferMiddle .ESROffen {
	background: #c4d6a0;
	margin-top: 2px;
}

.rekanet-wrapper .FewoTrefferMiddle .ESREinbezahlt {
	background: #d99690;
	margin-top: 2px;
}

.rekanet-wrapper .FewoTrefferMiddle .ESRBonus {
	background: #9fd3ff;
	margin-top: 2px;
}

.rekanet-wrapper .FewoTrefferMiddle .ESRGesperrt,
.rekanet-wrapper .FewoTrefferMiddle .ESRDebitDirect,
.rekanet-wrapper .FewoTrefferMiddle .ESRPostFinanceAccepted,
.rekanet-wrapper .FewoTrefferMiddle .ESRPostFinanceRejected {
	margin-top: 2px;
}
			
.rekanet-wrapper .formularMiddle table,
.rekanet-wrapper .FewoTrefferMiddle table {
	width: 100%;
	border: 1px solid #b2b2b2;
	background: #ededed;
	padding: 10px;
}

.rekanet-wrapper .formularMiddle table td,
.rekanet-wrapper .FewoTrefferMiddle table td {
	padding: 0 3px;
}

.rekanet-wrapper .formularMiddle table th,
.rekanet-wrapper .FewoTrefferMiddle table th {
	text-align: left;
	padding: 0 3px;
}

.rekanet-wrapper .formularBottom,
.rekanet-wrapper .FewoTrefferBottom {
	margin: 10px 0;
	border-bottom: 1px dotted #b2b2b2;
}

.rekanet-wrapper .scrollableList {
	border: 1px solid #b2b2b2;
	padding: 5px;
	height: 120px;
	overflow-y: scroll;
}

.rekanet-wrapper .scrollableList table { border: none; padding: 0; }
.rekanet-wrapper table.partnerlist tr td {
	border-top: 1px dotted #fff;
	padding: 5px 0;
	width: 50%
}
.rekanet-wrapper table.partnerlist tr:first-child td { border-top: none; }
.rekanet-wrapper table.partnerlist tr td img { width: 275px; }

.rekanet-wrapper tr.Disabled { color:#cbcbcb;}

/* Search-ExternalApplication */
.search-results #search {width: 488px; }
.search-results #search .field {width: 445px; }
.search-results .ms-WPBorder {border: none; }
.search-results .srch-Page {background: none !important; text-align: right; font-family: Tahoma; font-size: 1em;font-weight: bold; }
.search-results .srch-stats {background: none !important; }
.search-results .paged-results {margin-top: 20px; }
.search-results .srch-Metadata {margin-bottom: 10px !important;padding-bottom: 10px;border-bottom: 1px solid #ccc; }
.search-results .srch-results br {display: none; }
.search-results .srch-sort {margin-bottom: 10px; }
.search-results .srch-Icon {
    display: block;
    float: left;
    height: 16px;
    width: 16px;
    margin-right: 3px;
}
.search-results .srch-Title A:link, .search-results .srch-Title A:visited { color: #003399; text-decoration: none; }
.search-results .srch-URL A:link, .search-results .srch-URL A:visited { color: #008800 !important; text-decoration: none; }
.search-results .srch-Page A:link, .search-results .srch-Page A:visited { color: #3764A0; font-weight: normal; text-decoration: none; }

/* Anlage und Objektseite Styling */
.fewoFlag {margin: 0 5px 1px 0}
.showFewoAnlageMiddle {
	border: 1px solid #b2b2b2;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #ededed;
	-webkit-box-shadow: 2px 2px 3px 0px;
	box-shadow: 2px 2px 3px 0px;
	margin: 0 5px 0 0;
	padding: 5px;
}

.toplink {
	display: block;
	width: 100%;
	margin-top: 5px;
}

.showFewoAnlageMiddle table td, .FewoTrefferAnlage td {
	padding: 5px;
}

.showFewoAnlageWohntypTableTitle {
	background: #EBEBEC;
}

.showFewoAnlageWohntypTableDesc td {
	background: #F5F5F5;
}

.FewoTrefferAnlage tr:hover {
	background: #f5f5f5;
}

.LightboxTitle {
	margin-top: 10px;
}

.fewo-downloadlinks {
	margin: 5px 0 10px 0;
}

.FewoSubtitle {
	margin: 10px 0;
}

.skwenk-confirmation p {
	margin: 0 0 10px 0;
}
.skwenk-confirmation .formularMiddle {
	margin: 10px 0 10px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px dotted #ccc;
}

.result-container {
	position: relative;
	min-height: 86px;
}

.ajax-loader {
	padding: 10px;
	background: #fff;
	width: 86px;
	position: fixed;
	z-index: 100;
}
.ajax-loader .loader-image {
	background: url(images/ajax_loader.gif) no-repeat center center transparent;
	display: block;
	width: 64px;
	height: 64px;
	margin: 0 auto;
}

.sprachHinweis {
	background: #739DBE;
	border: 2px solid #003C82;
	color: white;
	margin: 0 0 10px;
	padding: 10px;
}

.abPreisHinweis
{
	background: #F8F8F8;
	border: 1px solid #E6E6E6;
	margin: 0 0 10px;
	padding: 10px;
}

/* FeWo Objekt-Linkliste */
.fewo-objektlinkliste #source-liste,
.fewo-objektlinkliste #source-liste * {
	color: #fff !important;
	background: none !important;
}

/* default definition */
.fewo-objektlinkliste * {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.fewo-objektlinkliste h4,
.fewo-objektlinkliste h5 {
	color: #5B5B5B;
	font-family: arial, sans-serif;
	line-height: 18px;
	padding: 0;
}

.fewo-objektlinkliste h2 { margin-bottom: 15px;padding: 0; }
.fewo-objektlinkliste h3 { margin-bottom: 10px;padding: 0; }
.fewo-objektlinkliste h4 { font-size: 12px; font-weight: normal; margin-bottom: 5px; }
.fewo-objektlinkliste h5 { font-size: 12px; font-weight: normal; margin-left: 16px; }

/* Länder Dreigeteilte Liste */
.fewo-objektlinkliste .list-container { margin-bottom: 20px;padding-bottom: 20px;border-bottom: 1px dotted #ccc; }
.fewo-objektlinkliste .list-container .list { display: block;width: 33%;float:left; }
.fewo-objektlinkliste .list-container .list>li>ul>li>ul {display: none; }

/* Trigger */
.fewo-objektlinkliste .trigger {background: url('images/bullet_toggle_plus.png') no-repeat 0 2px;padding-left: 16px;cursor: pointer; }
.fewo-objektlinkliste .trigger.open {background-image: url('images/bullet_toggle_minus.png'); }
.fewo-objektlinkliste .trigger:hover {text-decoration: underline; }

/* SES-Login */
.sesLoginContent {float: left;width: 500px;}
.sesLoginInfoFrame iframe {border: 0px;width: 370px;height: 250px;}

/* Tooltip */
.ui-tooltip {
	margin: 3px 0;
	display: block;
	width: 300px;
	border: 1px solid #003C82;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background: #739DBE;
	color: #fff;
	padding: 5px;
}

/* ================ */
/* Form-Validation */
/* ================ */

.validation-summary-errors {
	background: url(./Images/error-icon.png) no-repeat 10px center #fcc;
	border: 1px solid #f00;
	padding: 15px 10px 15px 50px;
	margin: 10px 0;
}

.validation-summary-errors p, .validation-summary-errors span {
	display: block;
	margin: 5px 0;padding: 0;
	vertical-align: middle;
	height: 100%;
}

.validation-summary-errors ul {
	border: none;
	margin: 5px 0;padding: 0;
}

.validation-summary-errors ul .message-error {
	color: inherit;
}

.field-validation-error {
	margin-left: 5px;
	color: #f00;
}

.field-validation-error.on-new-line {
	display: block;
	margin-left: 180px;
}

.select-replace-cover + .field-validation-error {
	margin-left: 9px;
}
.input-validation-error + .validation-hint {
	display: none;
}

.field-validation-valid {
    display: none;
}

#passwort-vergessen-form .field-validation-error {
	width: 60%;
}

#recaptcha_widget_div {
	width: 60%;
	display: inline-block;
}

#recaptcha_table {
	background-color: #fff;
}

#recaptcha_response_field {
	border-color: #D2D2D2 !important;
}

/* Default ServerInfo Color = white */
.server-info {
	color: #fff;
}
/* If ServerInfo is in Footer, color = footer-background-color. */
#footer .server-info {
	color: #003c82;
}

#smile-direct .heading {
	position: relative;
}
#smile-direct .heading .logo {
	position: absolute;
	top: 10px;
	right: 0;
	height: 80px;
	overflow: hidden;
}
#smile-direct .smiledirect-itemlist {
	margin-bottom: 20px;
}

#smile-direct .smiledirect-itemlist .smiledirect-itemcontainer {
	float: left;
	width: 25%;
	text-align: center;
	color: #EF7B00;
}

#smile-direct .smiledirect-itemlist .smiledirect-item {
	width: 110px;
	margin: 0 auto;
	overflow: hidden;
	font-size: 0;
    line-height: 0;
}

#smile-direct ol {
	list-style-position: inside;
	margin-bottom: 30px;
	margin-left: 5px;
}

#anbieterTabs .anbieterTab-itemlist {
	width: 100%;
}

#anbieterTabs .anbieterTab-item 
{
	float: left;
	width: 218px;
	margin-bottom: 10px;
	margin-right: 10px;
	padding: 3px;
	border: solid 1px #B2B2B2;
	background: #EDEDED;
}

#anbieterTabs .anbieterTab-item img 
{
	width: 218px;
	height: 79px;
}

.ui-widget {
	font-family: inherit;
	font-size: inherit;
}

.change-set-table {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 20px;
}
.change-set-table tr {}

.change-set-table tr.Error {
	background: #ffd86c;
}

.change-set-table tr td, .change-set-table tr th {
	border-bottom: 1px solid #ccc;
}

.change-set-table tr td .details-btn {
	display: block;
	background: url("images/search-btn.png") repeat scroll 0 0 transparent;
    border: 0 none;
    cursor: pointer;
    height: 24px;
    width: 24px;
}

.change-set-table tr td .details-btn:hover {
	text-decoration: none;
}

.change-set-table .history-details-row {
	width: 75%;
}

.change-set-table .history-table {
	width: 100%;
	border-collapse: collapse;
}

.change-set-table .history-table tr.Error {
	background: #fe4b39;
}

.change-set-table .history-table tr td, .change-set-table .history-table tr th {
	border-bottom: 1px dotted #ccc;
}
.change-set-table .history-table tr:last-child td {
	border-bottom: none;
}

.change-set-table .history-table .history-entry-date-row { width: 20%; }
.change-set-table .history-table .history-entry-status-row { }
.change-set-table .history-table .history-entry-message-row { width: 45%; }
.change-set-table .history-table .history-entry-details-row { }

.change-set-table .change-status-btn {
	display: inline-block;
	margin-left: 5px;
	width: 16px;
	height: 16px;
	background: url("images/pencil.png") no-repeat 0 0;
}

#UpdateStatusDialogContent .status-display {
	line-height: 16px;
	vertical-align: top;
}

.print-only {
	display: none;
}

/* NEW TABS STYLE */

.holiday-search-info { padding: 20px 0 8px; border-bottom: 1px dotted #b2b2b2; margin-bottom: 15px; background: url(images/stripe.png) repeat-x 0 0; }
.holiday-search-info .search-breadcrumbs { width: 484px; display: inline; }
#content-wide .holiday-search-info .search-breadcrumbs { float: left}
.holiday-search-info .search-breadcrumbs h5 { font-size: 12px; line-height: 14px; color: #595959; font-weight: bold; }
.holiday-search-info .search-breadcrumbs p { color: #595959; }
.holiday-search-info .search-breadcrumbs p.high { line-height: 25px; }

/* Background-Color ist 2fach implementiert als Fallback für IE7*/
.renew-search { background: url(images/btn-blue-search-1x112px.png) repeat-x 0 0; background-color: transparent; background-color: rgba(0, 0, 0, 0); border: 1px solid #00498e; border-bottom-width: 0px; -ms-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: -1px 2px 2px rgba(0, 0, 0, 0.3); -ms-box-shadow: -1px 2px 2px rgba(0, 0, 0, 0.3); box-shadow: -1px 2px 2px rgba(0, 0, 0, 0.3); color: #fff; display: inline; float: right; font-weight: bold; font-size: 14px; line-height: 54px;/*56 with border*/ height: 54px;/*56 with border*/ width: 240px; text-align: center; vertical-align: middle; }

.renew-search:hover { text-decoration: none; background-position: 0 bottom; }

.holiday-result-entry { padding-bottom: 64px; }
.holiday-result-entry .content { width: 490px; float: left; display: inline; padding-top: 7px; }
.holiday-result-entry .content h2 { padding-bottom: 4px; }
.holiday-result-entry .content h3 { padding-bottom: 7px; }

.holiday-result-entry .slideshow-tabs { border: 0; border-bottom: 1px dotted #b2b2b2; padding: 0 0 20px 0; background: transparent; border-radius: 0; box-shadow: none; }
.holiday-result-entry .slideshow-tabs .tab { padding: 0;display: none; }
.holiday-result-entry .slideshow-tabs .tab.active { display: block; }
.holiday-result-entry .slideshow-tabs .tab.ui-tabs-panel { display: block; }
.holiday-result-entry .slideshow-tabs .ui-tabs-nav { float: right; display: inline; border: 1px solid #c0c0c0; border-top: 0; border-radius: 0 0 3px 3px; padding: 0; background: transparent; position: relative; top: -1px; }
.holiday-result-entry .slideshow-tabs .ui-tabs-nav li { width: 85px; float: left; display: inline; border: 0; border-left: 1px solid #c0c0c0; border-bottom: 1px solid #c0c0c0 !important; padding: 0; background: transparent; margin: 0; }
.holiday-result-entry .slideshow-tabs .ui-tabs-nav li:first-child { border: 0; }
.holiday-result-entry .slideshow-tabs .ui-tabs-nav li:last-child { border-radius: 0 0 3px 0; }
.holiday-result-entry .slideshow-tabs .ui-tabs-nav li a { font-size: 11px; line-height: 15px; color: #555; font-weight: bold; text-align: center; padding: 15px 5px; float: none; display: block; background: #f5f5f5; border-top: 1px solid #c0c0c0; margin-top: -1px; position: relative; }
.holiday-result-entry .slideshow-tabs .ui-tabs-nav li.ui-state-active { border-bottom-color: transparent !important; }
.holiday-result-entry .slideshow-tabs .ui-tabs-nav li.ui-state-active a { background: #fff; border-top-color: transparent; }

.holiday-slideshow { padding: 5px; background: #fff; border: 1px solid #c0c0c0; position: relative;overflow: hidden; max-height: 328px /* nur temporär, wird im Reka.ImageCarousel.js mit aktuellem Wert überschrieben. */ }
.holiday-slideshow .slider > a { float: left; display: inline; margin-bottom: 10px; }
.holiday-slideshow .slider > a.cboxElement {margin: 0; }
.holiday-slideshow .slider > a img { display: block; }

.slideshow-addons {position: relative;}

.holiday-slideshow-opts { position: absolute; top: -36px; right: 10px; }
.holiday-slideshow-opts .counter { font-size: 14px; line-height: 14px; color: #d5d4d2; text-align: center; padding: 6px 5px; background: #312f2e; float: right; display: inline; margin-right: 1px; }
.holiday-slideshow-opts .expander { width: 20px; height: 16px; padding: 5px 9px; float: right; display: inline; background: #312f2e; }
.holiday-slideshow-opts .expander a { width: 20px; height: 16px; display: block; background: url(images/icon-expand.png) no-repeat 0 0; }
.holiday-result-tabs .tab .holiday-slideshow-opts .counter p, .wohnungstyp-beschreibung .holiday-slideshow-opts .counter p {padding-bottom: 0;line-height: inherit; }

.holiday-slideshow .prev-image,
.holiday-slideshow .next-image { width: 34px; height: 33px; background-repeat: no-repeat; background-position: 0 0; text-indent: -4000px; position: absolute; top: 50%; margin-top: -17px; }
.holiday-slideshow .prev-image { background-image: url(images/slider-arrow-left.png); left: 12px; }
.holiday-slideshow .next-image { background-image: url(images/slider-arrow-right.png); right: 12px; }
.holiday-slideshow iframe + .caroufredsel_wrapper { width: 0 !important; height: 0 !important; }

.returning-percentage { background: none repeat scroll 0 0 #A4D95D; border: 1px solid #9DD058; border-radius: 7px; box-shadow: 0 2px 7px rgba(0, 0, 0, 0.2); color: #417414; display: inline; float: left; font-size: 11px; font-weight: bold; line-height: 12px; margin-top: 6px; position: relative; width: 220px; position: absolute; z-index: 1;}
.returning-percentage:hover { background: #93c84d; }
.returning-percentage a { color: #417414; padding: 5px 10px; }
.returning-percentage:hover a { text-decoration: none; }
.returning-percentage .wertung { display: block; width: 80px; float:left; }
.returning-percentage .wertung  strong,
.returning-percentage .wertung  span { display: block; text-align: center; vertical-align: middle; }
.returning-percentage .wertung  strong { font-size: 16px; color: #fff; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4); margin-bottom: 3px; }
.returning-percentage .wertung  span { font-size: 10px; }
.returning-percentage .wertungText { display: block; width: 110px; float:left; margin-left: 10px }
.returning-percentage.no-classification .wertung strong { margin-bottom: 0; margin-top: 6px; }
.returning-percentage.no-classification .wertung span { display: none; }
.returning-percentage .arrow { width: 0; height: 0; display: block; border-right: 14px solid #a4d95d; border-bottom: 10px outset transparent; position: absolute; top: 100%; left: 20px; }
.returning-percentage:hover .arrow { border-right-color: #93c84d; }

/* Trefferliste Weiterempfehlung - rechts aligniert auf nachfolgendem Element*/
.offer .entry .returning-percentage, .offer .entry .returning-percentage.no-classification { bottom: 0;float: right;margin-bottom: 3px;position: absolute;right: 0;}
.offer .entry .returning-percentage .arrow, .offer .entry .returning-percentage.no-classification .arrow{ border-right: 0;border-left: 14px solid #A4D95D;right: 20px;left: inherit; }
.offer .entry .returning-percentage:hover .arrow, .offer .entry .returning-percentage.no-classification:hover .arrow{ border-left-color: #93c84d; }

.holiday-entry-features { padding-bottom: 7px; border-bottom: 1px dotted #b2b2b2; margin-bottom: 17px; }
.holiday-entry-features p { font-size: 12px; line-height: 14px; color: #767676; padding: 3px 0 7px; }
.holiday-entry-features .features-holder { float: left; display: inline;max-width: 390px; }
.holiday-entry-features .features-holder img { float: left; display: inline; margin-bottom: 9px; margin-right: 9px;border: 1px solid #b2b2b2;-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.holiday-entry-features .rating-holder { float: right; display: inline; }
.holiday-entry-features .rating-holder img { display: block; margin-left: auto;float: left; }
.holiday-entry-features, .rating, .special { display: flex; justify-content: flex-end; }
.holiday-entry-features .rating img, .holiday-entry-features .special img, .holiday-entry-features .features-holder img { display: block; margin: 4px 2px; padding: 0 2px 2px 0; flex: 0 0 auto; }
.holiday-entry-features .features-holder img { padding: 0; }
.features-holder, .rating-holder { flex: 0 0 50%; }
.rating-holder { text-align: right; }

.holiday-result-entry .sidebar { width: 240px; float: right; display: inline; }
.holiday-result-entry .sidebar > img { display: block; margin-bottom: 8px; }
.holiday-result-entry .sidebar .search-breadcrumbs { padding-bottom: 12px; }

.listing-widget { font-size: 12px; line-height: 15px; color: #595959; font-weight: bold; padding: 20px 14px; background: #ebebeb; }
.listing-widget h4 { font-size: 15px; font-weight: bold; color: #595959; background: transparent; padding-bottom: 5px; border-bottom: 1px dotted #b2b2b2; margin-bottom: 8px; }
.listing-widget ul { margin-left: 15px; list-style: disc outside; }
.listing-widget ul li { padding-bottom: 14px; }

.plano-outer-container {width: 100%; }

.grey-button { font-size: 12px; line-height: 20px; color: #3A3A3A; padding: 0 11px 0 11px; background: url(images/btn-grey.png) repeat-x 0 0; border: 1px solid #9D9D9D; border-radius: 5px; float: left; display: inline; }
.grey-button:hover { text-decoration: none; background-position: 0 bottom; }

.green-button,
.blue-button { font-size: 12px; line-height: 20px; color: #fff !important; font-weight: bold; text-align: center; padding: 0 11px; background: url(images/btn-green.png) repeat-x 0 0; border: 1px solid #81ad26; border-radius: 5px; box-shadow: 1px 1px 3px rgba(0,0,0,0.2); float: left; display: inline; }
.blue-button { background-image: url(images/btn-blue.png); border-color: #00498e; }

.green-button:hover,
.blue-button:hover { text-decoration: none; background-position: 0 bottom; }

.holiday-result-tabs { padding: 0; border: 1px solid #d3d3d3; margin: 0 0 27px 0; border-radius: 3px; box-shadow: -1px 1px 5px rgba(0,0,0,0.1); background: #fff; }
.holiday-result-tabs .ui-tabs-nav { padding: 0; border: 0; margin: 0; background: #f7f7f7; border-bottom: 1px solid #dcdcdc; border-radius: 0; }
.holiday-result-tabs .ui-tabs-nav li { padding: 0; border: 0; margin: 0; border-left: 1px solid #dcdcdc; background: transparent; top: auto; border-radius: 0; }
.holiday-result-tabs .ui-tabs-nav li.ui-tabs-selected { padding: 0; }
.holiday-result-tabs .ui-tabs-nav li:first-child { border-left: 0; }
.holiday-result-tabs .ui-tabs-nav li a { font-size: 11px; line-height: 15px; color: #555; font-weight: bold; text-align: center; padding: 13px 0 11px 0; display: block; background: #EBEBEB; border-bottom: 1px solid #dcdcdc; }
.holiday-result-tabs .ui-tabs-nav li:first-child a { border-radius: 3px 0 0 0; }
.holiday-result-tabs .ui-tabs-nav li:last-child a { border-radius: 0 3px 0 0; }
.holiday-result-tabs .ui-tabs-nav li.ui-state-active a { border-bottom-color: #fff; background: #fff; }

.holiday-result-tabs .tab { padding: 40px 19px 10px; }
.holiday-result-tabs .tab h2, .wohnungstyp-beschreibung h2 { padding-bottom: 2px; border-bottom: 1px dotted #b2b2b2; margin-bottom: 15px; }
.holiday-result-tabs .tab p, .wohnungstyp-beschreibung p { font-size: 12px; line-height: 18px; color: #555; padding-bottom: 20px; }

.table-wrapper { border: 1px solid #e6e6e6; border-top-color: #d2d2d2; }
.table-wrapper + .table-wrapper { margin-top: 34px; }
.table-wrapper h4 { font-size: 12px; line-height: 24px; color: #5b5b5b; font-weight: bold; background: #e1e1e1; padding: 11px 10px 9px; margin: 0; }
.table-wrapper h4 .info-button { width: 26px; height: 24px; display: inline-block; background: url(images/icon-info.png) no-repeat 0 0; margin: 0 10px -6px; position: relative; text-indent: -4000px; }
.table-wrapper h4 .rating { float: right;padding: 0;background: transparent; }
.table-wrapper h4 > img {display: inline; margin-left: 5px; vertical-align: top; }
.table-wrapper table { font-size: 12px; line-height: 22px; color: #5b5b5b; border-collapse: collapse; }
.table-wrapper table tr + tr + tr + tr {display: none; } /* nach dritter Zeile, alle weiteren ausblenden. */
.table-wrapper table th { font-weight: normal; text-align: left; padding: 4px 0; background: #f0f0f0; }
.table-wrapper table th:first-child { padding-left: 10px; }
.table-wrapper table td { padding: 6px 0; border-bottom: 1px dotted #d2d2d2; height: 22px !important; }
.table-wrapper table td:first-child { padding-left: 10px; }
.table-wrapper table td img,
.table-wrapper table td p { float: left; padding: 0 7px 0 0; }
.table-wrapper table td p { line-height: 22px; }
.table-wrapper table td .green-button,
.table-wrapper table td .blue-button { float: right; margin-right: 10px; }
.table-wrapper table td .blue-button {min-width: 132px;}
.table-wrapper table:last-child tr:last-child td {border-bottom: none; }
.table-wrapper .button-wrap { padding: 12px 10px 10px; }

.accordion-entry { padding-bottom: 35px; }
.accordion-entry h2, .accordion-entry .accordion-entry-title { background: url(images/icon-accordeon-collapsed.png) no-repeat right top;padding-right: 50px;cursor: pointer; }
.accordion-entry .accordion-entry-content { display: none; width: 100%; }
.accordion-entry.expanded h2, .accordion-entry.expanded .accordion-entry-title { background-image:url(images/ico-accordion-expanded.png); }

.table-wrapper.accordion-entry {
	padding-bottom: 0;
}

.table-wrapper.accordion-entry h2, .table-wrapper.accordion-entry .accordion-entry-title {
	background-color: #e1e1e1;
	background-position: 99% center;
}

/* Rabattanzeige Trefferlist und Anlageseite */
.new-price { color: #db0000; }
.old-price { position: relative; }
.old-price small { height: 1px; display: block; position: absolute; top: 50%; left: 0; right: 0; background: #db0000; margin-top: -1px; }

.holiday-result-tabs .object-details, .wohnungstyp-beschreibung .object-details { font-weight: bold; padding-bottom: 20px; }
.holiday-result-tabs .object-details p, .wohnungstyp-beschreibung .object-details p { padding: 0; }
.holiday-result-tabs .object-details p span, .wohnungstyp-beschreibung .object-details p span { width: 170px; padding-right: 10px; float: left; }

.holiday-result-tabs .object-info, .wohnungstyp-beschreibung .object-info { width: 260px; float: left; display: inline; }
.holiday-result-tabs .object-info strong, .wohnungstyp-beschreibung .object-info strong { width: 130px; float: left; padding-right: 13px; }

.holiday-result-tabs .object-image { width: 420px; float: right; display: inline; }
.wohnungstyp-beschreibung .object-image { width: 400px; float: right; display: inline; }
.holiday-result-tabs .object-image img, .wohnungstyp-beschreibung .object-image img { width: 100%; height: auto; display: block; }

.holiday-result-tabs .tab .holiday-slideshow .description p, .wohnungstyp-beschreibung .holiday-slideshow .description p {padding: 10px 0 0 0; }

.holiday-result-tabs .blog-listing { position: relative; margin-bottom: -30px; }

.holiday-result-tabs .blog-entry { padding: 35px 0 28px 0; border-top: 1px dotted #d8d8d8; }
.holiday-result-tabs .blog-entry h3 { color: #003c82; padding: 0 0 5px 0; }
.holiday-result-tabs .blog-entry h3 a { color: #003c82; }
.holiday-result-tabs .blog-entry:first-child { padding-top: 15px; border-top: 0; }
.holiday-result-tabs .blog-entry .blog-entry-media .holiday-slideshow { margin-bottom: 10px; border: none; padding: 0; }
.holiday-result-tabs .blog-entry .blog-entry-media > a {display: block; }
.holiday-result-tabs .blog-entry .blog-entry-media > img,
.holiday-result-tabs .blog-entry .blog-entry-media > a > img { margin: 0 0 10px 0; }
.holiday-result-tabs .blog-entry .blog-entry-media { float: left; margin: 0 20px 10px 0; }

.holiday-result-tabs .blog-entry.blog-entry-with-media .blog-entry-content { padding-left: 231px; }

.holiday-result-tabs .progress-bars { padding-bottom: 10px; }
.holiday-result-tabs .progress-bars p { padding: 0 0 2px 0; }
.holiday-result-tabs .progress-bars .bar { height: 20px; background: #ebebeb; border: 1px solid #ebebeb; margin-bottom: 30px; position: relative; }
.holiday-result-tabs .progress-bars .bar p { height: 18px; background: url(images/icon-progress.png) repeat-x 0 0; border: 1px solid #7aaecd; position: absolute; top: 0; left: 0; padding: 0; }
.holiday-result-tabs .progress-bars .bar p span { font-size: 12px; line-height: 18px; color: #386079; font-weight: bold; text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.8); display: block; position: absolute; top: 0; right: 7px; bottom: 0; }
.holiday-result-tabs .progress-bars .bar p.label-off-bar span {right: -45px; }

.holiday-result-tabs .progress-summary { padding: 18px 20px 0; background: #ebebeb; }
.holiday-result-tabs .progress-summary ul { padding-bottom: 20px; }
.holiday-result-tabs .progress-summary ul li strong { width: 150px; float: left; padding-right: 10px; }

.holiday-result-tabs .google-maps-container {
	width: 705px;
	height: 400px;
}

.booking-calendars { padding: 55px 0 21px; }
.booking-calendars h2 { font-family: Georgia, serif; font-size: 26px; line-height: 30px; color: #333; font-weight: normal; padding-bottom: 2px; border-bottom: 1px dotted #b2b2b2; margin-bottom: 29px; }
.booking-calendars .calendars { padding: 41px 0 20px; }
.booking-calendars .calendars .ui-datepicker { width: 100%!important; border: 0; padding: 0; margin: 0; }
.booking-calendars .calendars .ui-datepicker .ui-datepicker-header { font-size: 12px; line-height: 20px !important; color: #454545; font-weight: bold; background: #e3e3e3; padding: 6px 0; border: 1px solid #e3e3e3; border-radius: 0; margin: 0 !important; }
.booking-calendars .calendars .ui-datepicker .ui-datepicker-group { width: 225px; float: left; display: inline; }
.booking-calendars .calendars .ui-datepicker .ui-datepicker-group + .ui-datepicker-group { padding-left: 15px; }
.booking-calendars .calendars .ui-datepicker .ui-datepicker-group table { width: 100%; margin: 0; font-size: 10px; line-height: 30px; color: #454545; }
.booking-calendars .calendars .ui-datepicker .ui-datepicker-group table th { font-weight: normal; text-transform: uppercase; background: #f2f2f2; padding: 0; border: 1px solid #e3e3e3; border-top: 0; border-bottom: 0; }
.booking-calendars .calendars .ui-datepicker .ui-datepicker-group table td { padding: 0; border: 1px solid #e3e3e3; }
.booking-calendars .calendars .ui-datepicker .ui-datepicker-group table td.ui-state-disabled {opacity: 1; }
.booking-calendars .calendars .ui-datepicker .ui-datepicker-group table tr:first-child td {border-top: 1px solid #e3e3e3; }
.booking-calendars .calendars .ui-datepicker .ui-datepicker-group table td a,
.booking-calendars .calendars .ui-datepicker .ui-datepicker-group table td span { width: 31px; color: #454545; text-align: center; background: transparent; padding: 0; border: 0; margin: 0; }
.booking-calendars .calendars .ui-datepicker .ui-datepicker-group table td a.ui-priority-secondary { opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); }
.booking-calendars .calendars .ui-datepicker .ui-datepicker-group table td.light-green { border-color: #86aa0c; }
.booking-calendars .calendars .ui-datepicker .ui-datepicker-group table td.light-green a { background: #97bf0d; color: #fff; }
.booking-calendars .calendars .ui-datepicker .ui-datepicker-group table td.green { border-color: #75940a; }
.booking-calendars .calendars .ui-datepicker .ui-datepicker-group table td.green a { background: #83a60b; color: #fff; }
.booking-calendars .calendars .ui-datepicker .ui-datepicker-group table td.light-blue { border-color: #3e87aa; }
.booking-calendars .calendars .ui-datepicker .ui-datepicker-group table td.light-blue a { background: #4a9fc8; color: #fff; }
.booking-calendars .calendars .ui-datepicker .ui-datepicker-group table td.blue { border-color: #003574; }
.booking-calendars .calendars .ui-datepicker .ui-datepicker-group table td.blue a { background: #003c82; color: #fff; }

.booking-calendars .calendars .ui-datepicker .ui-datepicker-group table td.bm-anreisetag a { background-image: url(images/icon-rounded-highlight-dotted.png); background-repeat:no-repeat;background-position: center center; }
.booking-calendars .calendars .ui-datepicker .ui-datepicker-group table td.highlight a { color: #fff;background-image: url(images/icon-rounded-highlight.png); background-repeat:no-repeat;background-position: center center; }
.show-saison-codes .booking-calendars .calendars .ui-datepicker .ui-datepicker-group table td.bm-anreisetag a { background-image: url(images/icon-rounded-highlight-dotted-large.png); }
.show-saison-codes .booking-calendars .calendars .ui-datepicker .ui-datepicker-group table td.highlight a { background-image: url(images/icon-rounded-highlight-large.png); }

.booking-calendars .calendars .ui-datepicker .ui-datepicker-group table td .ui-state-default:after { display: none;margin: 0 7px;width: 17px;line-height: 20px;border-top: 1px dotted #aaa; }
.booking-calendars .calendars .ui-datepicker .ui-datepicker-group table td.green .ui-state-default:after,
.booking-calendars .calendars .ui-datepicker .ui-datepicker-group table td.light-green .ui-state-default:after,
.booking-calendars .calendars .ui-datepicker .ui-datepicker-group table td.light-blue .ui-state-default:after,
.booking-calendars .calendars .ui-datepicker .ui-datepicker-group table td.blue .ui-state-default:after { color: #fff;border-top-color: #fff; }
.booking-calendars .calendars .ui-datepicker .ui-datepicker-group table td.ui-state-disabled .ui-state-default:after {color: #AAAAAA;border-top-color: #AAAAAA;}

.booking-calendars .calendars .ui-datepicker .ui-datepicker-group table td.saison-code-a .ui-state-default:after {content: 'A'; }
.booking-calendars .calendars .ui-datepicker .ui-datepicker-group table td.saison-code-b .ui-state-default:after {content: 'B'; }
.booking-calendars .calendars .ui-datepicker .ui-datepicker-group table td.saison-code-c .ui-state-default:after {content: 'C'; }
.booking-calendars .calendars .ui-datepicker .ui-datepicker-group table td.saison-code-d .ui-state-default:after {content: 'D'; }
.booking-calendars .calendars .ui-datepicker .ui-datepicker-group table td.saison-code-e .ui-state-default:after {content: 'E'; }
.booking-calendars .calendars .ui-datepicker .ui-datepicker-group table td.saison-code-f .ui-state-default:after {content: 'F'; }
.booking-calendars .calendars .ui-datepicker .ui-datepicker-group table td.saison-code-g .ui-state-default:after {content: 'G'; }
.booking-calendars .calendars .ui-datepicker .ui-datepicker-group table td.saison-code-h .ui-state-default:after {content: 'H'; }
.booking-calendars .calendars .ui-datepicker .ui-datepicker-group table td.saison-code-i .ui-state-default:after {content: 'I'; }
.booking-calendars .calendars .ui-datepicker .ui-datepicker-group table td.saison-code-j .ui-state-default:after {content: 'J'; }
.booking-calendars .calendars .ui-datepicker .ui-datepicker-group table td.saison-code-k .ui-state-default:after {content: 'K'; }
.booking-calendars .calendars .ui-datepicker .ui-datepicker-group table td.saison-code-l .ui-state-default:after {content: 'L'; }
.booking-calendars .calendars .ui-datepicker .ui-datepicker-group table td.saison-code-m .ui-state-default:after {content: 'M'; }
.booking-calendars .calendars .ui-datepicker .ui-datepicker-group table td.saison-code-n .ui-state-default:after {content: 'N'; }
.booking-calendars .calendars .ui-datepicker .ui-datepicker-group table td.saison-code-o .ui-state-default:after {content: 'O'; }
.booking-calendars .calendars .ui-datepicker .ui-datepicker-group table td.saison-code-p .ui-state-default:after {content: 'P'; }
.booking-calendars .calendars .ui-datepicker .ui-datepicker-group table td.saison-code-q .ui-state-default:after {content: 'Q'; }
.booking-calendars .calendars .ui-datepicker .ui-datepicker-group table td.saison-code-r .ui-state-default:after {content: 'R'; }
.booking-calendars .calendars .ui-datepicker .ui-datepicker-group table td.saison-code-s .ui-state-default:after {content: 'S'; }
.booking-calendars .calendars .ui-datepicker .ui-datepicker-group table td.saison-code-t .ui-state-default:after {content: 'T'; }
.booking-calendars .calendars .ui-datepicker .ui-datepicker-group table td.saison-code-u .ui-state-default:after {content: 'U'; }
.booking-calendars .calendars .ui-datepicker .ui-datepicker-group table td.saison-code-v .ui-state-default:after {content: 'V'; }
.booking-calendars .calendars .ui-datepicker .ui-datepicker-group table td.saison-code-w .ui-state-default:after {content: 'W'; }
.booking-calendars .calendars .ui-datepicker .ui-datepicker-group table td.saison-code-x .ui-state-default:after {content: 'X'; }
.booking-calendars .calendars .ui-datepicker .ui-datepicker-group table td.saison-code-y .ui-state-default:after {content: 'Y'; }
.booking-calendars .calendars .ui-datepicker .ui-datepicker-group table td.saison-code-z .ui-state-default:after {content: 'Z'; }
.booking-calendars .calendars .ui-datepicker .ui-datepicker-group table td.saison-code-none .ui-state-default:after {content: '-'; }

.show-saison-codes .booking-calendars .calendars .ui-datepicker .ui-datepicker-group table td .ui-state-default {height: 41px;line-height: 20px;}
.show-saison-codes .booking-calendars .calendars .ui-datepicker .ui-datepicker-group table td .ui-state-default:after { display: block; }

.booking-calendars .calendars .ui-datepicker .ui-datepicker-group table td.ui-datepicker-other-month { background: #f2f2f2;border-color: #e3e3e3; }
.booking-calendars .calendars .ui-datepicker .ui-datepicker-group table td.ui-datepicker-other-month a,
.booking-calendars .calendars .ui-datepicker .ui-datepicker-group table td.ui-datepicker-other-month span,
.booking-calendars .calendars .ui-datepicker .ui-datepicker-group table td.ui-datepicker-other-month .saison-code { background: #f2f2f2;color: #aaa;border-top-color: #aaa; }

.booking-calendars .calendars .ui-datepicker .ui-datepicker-prev,
.booking-calendars .calendars .ui-datepicker .ui-datepicker-next {-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; font-size: 11px; line-height: 22px; color: #5a5a5a; width: 223px; height: 22px; background: url(images/calendar-toggles.png) repeat-x 0 0; border: 1px solid #cbcbcb; border-radius: 3px; top: -42px; }
.booking-calendars .calendars .ui-datepicker .ui-datepicker-prev { left: -1px; }
.booking-calendars .calendars .ui-datepicker .ui-datepicker-next { right: -1px; }
.booking-calendars .calendars .ui-datepicker .ui-datepicker-prev:hover,
.booking-calendars .calendars .ui-datepicker .ui-datepicker-next:hover { text-decoration: none; background-position: 0 bottom; }
.booking-calendars .calendars .ui-datepicker .ui-datepicker-prev .ui-icon,
.booking-calendars .calendars .ui-datepicker .ui-datepicker-next .ui-icon { text-indent: 0; width: 205px; height: 22px; background: transparent; border: 0; left: 10px; top: 0; margin: 0; }
.booking-calendars .calendars .ui-datepicker .ui-datepicker-prev .ui-icon:after,
.booking-calendars .calendars .ui-datepicker .ui-datepicker-next .ui-icon:after { content: ""; width: 0; height: 0; display: block; border-top: 5px outset transparent; border-bottom: 5px outset transparent; position: absolute; top: 50%; right: 0px; margin-top: -5px; }
.booking-calendars .calendars .ui-datepicker .ui-datepicker-prev .ui-icon:after { border-right: 5px solid #909090; }
.booking-calendars .calendars .ui-datepicker .ui-datepicker-next .ui-icon:after { border-left: 5px solid #909090; }

.book-button, a.book-button { font-size: 22px; line-height: 28px; color: #fff;cursor: hand; font-weight: bold; text-align: center; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3); padding: 10px; display: block; background: url(images/btn-book-green.png) repeat-x 0 0; border: 2px solid #5f7807; border-radius: 24px; box-shadow: 0 1px 3px rgba(0,0,0,0.1); }
.book-button:hover { text-decoration: none; background-position: 0 bottom; }

.booking-calendars .saison-code-switch label {
    display: inline-block;
    margin-bottom: 10px;
    margin-right: 10px;
    margin-top: -2px;	
}

.booking-calendars .legend { font-size: 12px; line-height: 17px; color: #595959; }
.booking-calendars .legend p { float: left; display: inline; padding-right: 20px; }
.booking-calendars .legend p .icon { width: 16px; height: 15px; float: left; display: inline; border-width: 1px; border-style: solid; margin-right: 5px; }
.booking-calendars .legend p.green .icon { background: #97bf0d; border-color: #97bf0d; }
.booking-calendars .legend p.blue .icon { background: #003c82; border-color: #003c82; }
.booking-calendars .legend p.blank .icon { border-color: #b4b4b4; }
.booking-calendars .legend p.highlight .icon { width: 20px; height: 20px; background: url(images/icon-legend-selected.png) no-repeat 0 0; border: 0; position: relative; top: -1px; }
.booking-calendars .legend p.possible .icon { width: 20px; height: 20px; background: url(images/icon-legend-dotted.png) no-repeat 0 0; border: 0; position: relative; top: -1px; }

.booking-calendars .saison-codes-legend {font-size: 22px;line-height: 28px;color: #595959;border: 1px solid #E3E3E3;margin: 0 0 20px 0;padding: 10px;display: none; }
.booking-calendars .saison-codes-legend p {float: left;display: inline;padding: 0 25px 0 0; }
.booking-calendars .saison-codes-legend p .saison-code-label {font-weight: bold;padding-right: 10px; }

.show-saison-codes .booking-calendars .saison-codes-legend { display: block; }

.colored-accordion { padding-bottom: 20px; }
.colored-accordion .accordion-entry { padding: 0; margin-bottom: 5px; }
.colored-accordion .accordion-entry h2 { background: transparent; font-family: Arial, Helvetica, sans-serif; font-size: 22px; line-height: 25px;height: 29px;overflow: hidden; color: #fff; font-weight: bold;margin-bottom: 0; padding: 10px 19px; }
.colored-accordion .accordion-entry h2 .intro { font-size: 12px; float: left; width: 208px; padding-right: 10px; }
.colored-accordion .accordion-entry h2 .details { font-size: 12px; color: #fff; float: right; }
.colored-accordion .accordion-entry h2 small { font-size: 12px; text-transform: uppercase; font-weight: normal; }
.colored-accordion .accordion-entry h2 .old-price { position: relative; font-style: normal; }
.colored-accordion .accordion-entry h2 .old-price small { height: 1px; display: block; position: absolute; top: 50%; left: 0; right: 0; background: #db0000; margin-top: -1px; }

.colored-accordion .accordion-entry.expanded h2, .colored-accordion .accordion-entry.expanded .accordion-entry-title {
	height: 0;
	padding: 0;
	-webkit-transition: height 0.5s, padding 0.5s;
	-moz-transition: height 0.5s, padding 0.5s;
	transition: height 0.5s, padding 0.5s;
}

.colored-accordion .green-entry { background: #97bf0d; }

.colored-accordion .blue-entry { background: #003c82; }

.colored-accordion .accordion-entry-content { padding: 20px; }

.colored-accordion .accordion-entry-content .entry-title { padding-bottom: 9px; background: url(images/colored-stripes.png) repeat-x 0 bottom; margin-bottom: 22px; }
.colored-accordion .accordion-entry-content .entry-title h3 { font-family: Arial, Helvetica, sans-serif; font-size: 20px; line-height: 22px; color: #fff; font-weight: bold; padding-bottom: 5px; }
.colored-accordion .accordion-entry-content .entry-title p { color: #fff; padding-bottom: 10px; }

.colored-accordion .accordion-entry-content .entry-price { width: 255px; float: left; display: inline; }
.colored-accordion .accordion-entry-content .entry-price strong { font-family: Arial, Helvetica, sans-serif; color: #fff; font-size: 42px; line-height: 44px; font-weight: normal; display: block; }
.colored-accordion .accordion-entry-content .entry-price strong sup { font-family: Arial, Helvetica, sans-serif; color: #fff; font-size: 14px; text-transform: uppercase; line-height: 1; }
.colored-accordion .accordion-entry-content .entry-price h4 { font-family: Arial, Helvetica, sans-serif; color: #fff; font-size: 20px; line-height: 26px; font-weight: bold;background: none; padding: 0; margin: 0; }
.colored-accordion .accordion-entry-content .entry-price h5 { font-family: Arial, Helvetica, sans-serif; color: #fff; font-size: 22px; line-height: 24px; font-weight: normal; padding: 0; margin: 0 0 25px 0; background: transparent; }
.colored-accordion .accordion-entry-content .entry-price h5 .old-price { text-decoration: line-through; background: none; }
.colored-accordion .accordion-entry-content .entry-price p { font-family: Arial, Helvetica, sans-serif; color: #fff; padding-bottom: 15px; }
.colored-accordion .accordion-entry-content .entry-price p span { min-width: 54px; }
.colored-accordion .accordion-entry-content .entry-price p span:first-child { float: left; }
.colored-accordion .accordion-entry-content .entry-price p a { font-size: 22px; color: #fff; }
.colored-accordion .accordion-entry-content .entry-price p a[href^="mailto"] { text-decoration: underline; }

.colored-accordion .accordion-entry-content .entry-details { width: 313px; float: right; display: inline; padding: 45px 22px 0 16px; border: 1px solid #e3e3e3; background: #fff url(images/icon-notebook.png) no-repeat center 12px }
.colored-accordion .accordion-entry-content .entry-details h6 { font-size: 12px; line-height: 18px; color: #646464; padding-bottom: 2px; border-bottom: 1px dotted #656565; margin-bottom: 2px; }
.colored-accordion .accordion-entry-content .entry-details p { padding-bottom: 20px; }

.loader {
    background-image: url(images/ajax_loader.gif);
	height: 100%;
	width: 100%;
	background-repeat: no-repeat;
    background-position: center;
    background-color: #ffffff;
    background-color: rgba(255, 255, 255, 0.7);
	position: absolute;
	top: 0;
	left: 0;
    z-index: 2;
}

.error-box {
	height: 100%;
	width: 100%;
	background-repeat: no-repeat;
    background-position: center;
    background-color: #ffffff;
    background-color: rgba(255, 255, 255, 0.7);
	position: absolute;
	top: 0;
	left: 0;
    z-index: 2;
}

.error-box .error-box-content {
	width: 400px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -230px;
	margin-top: -12.5%;
	padding: 10px 10px 10px 50px;
	background: url(./Images/error-icon.png) no-repeat 10px center #fcc;
	border: 1px solid #f00;
}

.error-box .error-box-content .grey-button {float: right;}

/* END NEW TABS STYLE */

.print-button { float: right;margin-top: -32px;width: 150px; }
.print-button .icon {display: block;width: 20px;height: 20px;background: url('images/PrintIcon.png') no-repeat center center; }

.virtual-tour-button { float: none; color: #555 !important; display: inline-block;}

#cboxLoadedContent .holiday-slideshow { padding: 0; }

#cboxTitle {
	width: auto;
	left: 0;
	padding: 0 12px;
}

/* Trefferliste Sortierung-Auswahl */
#sortierung { margin-bottom: 10px; }
#sortierung .sortierungInhalt{ float: right;}
#sortierung .select-field { width:180px;}
/* END Trefferliste Sortierung-Auswahl */

/* Reka-Geld Formulare */
.formularTable .trInvalid input { border-color: #DD6666; }

/* Reka-Geld Arbeitgeber Kalkulator*/
#calculator {font:12px Arial,Helvetica,sans-serif;position:relative;z-index:50}
#calculator ul {list-style:none;}
#calculator p {margin:0}
#calculator  .section {background:#f6f6f6;border:1px solid #d5d6d8;position:relative;padding:18px 16px;margin-bottom:11px;display:inline-block}
#calculator .section {display:block}
#calculator .section .descr {font-weight:bold;font-size:11px;color:#5a5a5a; line-height:26px;float:right;}

#calculator .section_nolimit {padding-bottom: 25px;}

#calculator #range0El {font:bold 12px Arial,Helvetica,sans-serif!important;height:auto;padding:4px 20px 5px 5px}
#calculator .rangeVal {background:url(images/arbeitgeberkalkulator/inputBg.png) no-repeat 0 0;border:0;width:82px;height:22px;line-height:22px;text-align:right;padding:0 20px 2px 5px;margin-left:20px;color:#fff;font-weight:bold;float:right}
#calculator .section h2 {font:18px Georgia,Arial,Helvetica,sans-serif;color:#0059ae}
#calculator .section .info {background:url(images/arbeitgeberkalkulator/info.png) no-repeat 0 0;width:26px;height:26px;position:absolute;left:5px;top:-8px;z-index:99;cursor:pointer}
#calculator .section .info p {background:#00519e;position:absolute;left:25px;top:7px;color:#fff;padding:15px 17px;z-index:50;width:294px;display:none}
#calculator .section .info:hover p {display:block}
#calculator .range {width:585px;height:14px;margin-top:23px;border:0!important}
#calculator .limit span {font-weight:bold;color:#5a5a5a;font-size:11px}
#calculator h2+.limit {padding-top:2px}
#calculator .limit {width:585px;padding-top:8px}
#calculator .limit .min {float:left}
#calculator .limit .max {float:right}
#calculator .special  {background-image:url(images/arbeitgeberkalkulator/inputBg2.png)!important}
#calculator .totalVal  {background-image:url(images/arbeitgeberkalkulator/inputBg3.png)!important}
#calculator #links {overflow:hidden}
#calculator #links p {background:url(images/arbeitgeberkalkulator/arrows.png) no-repeat right 1px;float:right;clear:both;padding:0 18px 10px 0}
#calculator #links a {font-weight:bold;color:#0059ae;border-bottom:1px solid #8eb8ef;text-decoration:none}
#calculator .linkboxes a {border-bottom:1px dotted #8eb8ef!important;}

#calculator .result {margin-left:-8px;padding-bottom:15px;overflow:hidden;color:#5a5a5a;position:relative}
#calculator .result h4 {background:none;font:18px Georgia,Arial,Helvetica,sans-serif;padding:0 0 12px 16px;margin:0;color:#0059ae}
#calculator .result h5 {font:bold 12px Arial,Helvetica,sans-serif;color:#5a5a5a;padding-bottom:1px}
#calculator .result p,#calculator .result dt,.result dd {padding-bottom:17px}
#calculator .result dt {float:left;clear:left;width:228px}
#calculator .result dd {font-weight:bold;float:right;clear:right;position:relative;width:97px}
#calculator .result dd span {position:absolute;bottom:18px;right:0}
#calculator .result .box {background:#f6f6f6;border:1px solid #d5d6d8;width:326px;/*height:170px;*/font-size:12px;float:left;padding:15px;margin-left:16px;color:#5a5a5a}
#calculator .result .box span {}
#calculator .result1 p {min-height:40px}
#calculator .result2 p {min-height:25px}
#calculator .onRight {float:right;max-width:333px}
#calculator h2 {font:bold 22px Arial,Helvetica,sans-serif;color:#5a5a5a;padding-bottom:2px;max-width:100%}
#calculator h3 {font:22px Georgia,Arial,Helvetica,sans-serif;padding-bottom:25px;color:#5a5a5a}
#calculator .boxesTotal {padding:29px 4px 0 0;text-align:right;overflow:hidden;clear:both;font-weight:bold}
#calculator .calcTotalVal {font-weight:bold;color:#70a1e0}
#calculator .calcblue {color:#70a1e0}
#calculator .totalVal {float:right;margin-top:-4px}

#mailForm .formItem {border-bottom:1px dotted #000;padding:14px 0;overflow:hidden}
#mailForm .formItem .inner {clear:both;padding-top:8px}
#mailForm .formItem .inner span {padding-right:5px}
#mailForm .formItem .inner label {font-weight:normal;color:#2E2E2E}
#mailForm .formItem label {width:27%;color:#02437E;font-weight:bold;float:left}
#mailForm .buttons {overflow:hidden}
#mailForm .buttons input,#mailForm .buttons a {background:#8EC1DE;border:1px solid #eaeaea;font:10px Verdana,Arial,sans-serif;color:#fff;float:left;text-decoration:none}
#mailForm .buttons a {padding:1px 8px}
#mailForm div.error {color:red;display:block;padding:5px 0 0 27%}

#results {display:none}

/*
#calculator .box_it { height:190px !important }
#calculator .boxp_fr { padding-bottom: 32px !important; }
#calculator .box_fr { height:175px !important }
#calculator .box_fro dt { max-width:200px !important } 
#calculator .box_ito dt { max-width:210px !important }
*/

#calculator .heading{
	background: url("images/arbeitgeberkalkulator/stripe.png") repeat-x scroll 0 0 transparent;
    border-bottom: 1px dotted #B2B2B2;
    margin-bottom: 14px;
    padding: 24px 0 10px;
}
#calculator .heading h1 {
    color: #595959;
    font-size: 22px;
    line-height: 28px;
    margin: 0;
    outline: 0 none;
    padding: 0;
}
#calculator .heading h2 {
    color: #595959;
    font-size: 20px;
    line-height: 28px;
    margin: 0;
    outline: 0 none;
    padding: 0;
}
#calculator .heading h2, h3 {
    font-family: Georgia,serif;
    font-weight: normal;
}

#calculator .ui-widget-content {
    background: url("images/arbeitgeberkalkulator/path.png") no-repeat scroll 0 0;
	/* Background-Color ist 2fach implementiert als Fallback für IE7*/
	background-color: transparent;
	background-color: rgba(0, 0, 0, 0);
}
#calculator .ui-state-default, #calculator .ui-widget-content .ui-state-default, #calculator .ui-widget-header .ui-state-default {
    background: url("images/arbeitgeberkalkulator/dragger.png") no-repeat scroll 0 0;
	/* Background-Color ist 2fach implementiert als Fallback für IE7*/
	background-color: transparent;
	background-color: rgba(0, 0, 0, 0);
}
#calculator .ui-slider-horizontal .ui-slider-handle {
    margin-left: -10px;
    top: 0;
}
#calculator .ui-slider .ui-slider-handle {
    border: 0 none;
    cursor: pointer;
    height: 16px;
    position: absolute;
    width: 26px;
    z-index: 2;
}
/* End Reka-Geld Arbeitgeber Kalkulator*/

/* Produkttyp Popup Trefferliste */
.ui-dialog #main { min-height: 0; }

.message-box {
	background: none repeat scroll 0 0 #F8F8F8;
	border: 1px solid #E6E6E6;
	margin: 0 0 10px;
	padding: 10px;
}

/* REKANET Bezugslisten */
.bezugslisten-year { padding-bottom: 0; }
.bezugslisten-year h2 {
	border-bottom: 1px dotted #B2B2B2;
	margin-bottom: 15px;
	padding-bottom: 2px;
}

.bezugsliste-items { margin: 0 0 20px 0; }
.bezugsliste-items li label {
	display: block;
	width: 150px;
	float: left;
}
/* / REKANET Bezugslisten */

/* REKANET KontingentInfo */
.KontingentInfoWrapper {position: relative;width: 200px;height: 200px;float: right;cursor: pointer; }
.KontingentInfo { position:absolute; top:50%; height:80px;width: 158px; margin-top:-40px;margin-left: 20px; text-align: center;color: white;}
.KontingentInfo .Betrag {font-size: large;font-weight: bold;;}
.KontingentInfo .Bestellen {font-size: larger;font-weight: bolder;}
/* / REKANET KontingentInfo */

.icon {
	display: inline-block;
	width: 20px;
	height: 18px;
	background: no-repeat center center;
	overflow: hidden;
	text-indent: -4000px;
}

.icon.icon-xls { background-image: url('/_layouts/Reka/css/images/icon-xls.gif'); }
.icon.icon-csv { background-image: url('/_layouts/Reka/css/images/icon-csv.gif'); }
.icon.icon-txt { background-image: url('/_layouts/Reka/css/images/icon-txt.gif'); }
.icon-info {
	background-image: url('/_layouts/Reka/css/images/InfoButton.png');
	display: inline-block;
	height: 16px;
	margin: 3px 5px -4px 0;
	vertical-align: top;
	width: 16px;
}

#Gutscheine {
	margin: 0 0 20px 0;
}
	
#Gutscheine .gutschein-trigger {
	margin-bottom: 10px;
}
	
#Gutscheine .gutschein-content {
}
	
#Gutscheine .gutschein-content .formline-left {
	padding-left: 180px;
}
	
#Gutscheine .gutschein-content .gutschein-entry .gutschein-block-display {
	display: inline-block;
	width: 50px;
	background: #eee;
	border: 1px solid #d2d2d2;
	border-radius: 3px;
	line-height: 17px;
	padding: 2px;
	text-align: center;
	width: 52px;
}
	
#Gutscheine .gutschein-content .gutschein-template {
	display: none;
}
	
#Gutscheine .gutschein-content .gutschein-block {
	width: 50.5px;
	float: left;
	margin-right: 3px;
	text-align: center;
}
	
#Gutscheine .gutschein-content .grey-button {
	width: 220px;
	line-height: 18px;
	text-align: left;
}
	
#Gutscheine .gutschein-content .grey-button:disabled {
    background: none repeat scroll 0 0 #ccc;
    color: #888;
}

#Gutscheine .gutschein-content .btn.grey-button.btn-delete {
    float: none;
	vertical-align: top;
	line-height: 19px;
}

#Gutscheine .gutschein-content .btn-validate .icon {
	background: url('images/tick.png') no-repeat center center;
}

#Gutscheine .gutschein-content .btn-delete .icon {
	background: url('images/cross.png') no-repeat center center;
}

#Gutscheine .gutschein-content .grey-button.loading .icon {
	background: url('images/reka-loader.gif') no-repeat center center;
}

#ZahlungsartContainer .gutschein-zahlungsart-template {
	display: none;
}

/* Collapsible */
.reka-faq-content *,
.reka-category *,
.reka-categories *,
.reka-collapsible * {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 1.2;
}
.reka-collapsible {
  margin-bottom: 10px;
  border: 1px solid #ddd;
}
.reka-collapsible.hide {
  display: none !important;
}
a.reka-collapsible-link,
a.reka-collapsible-link:hover {
  text-decoration: none;
  color: inherit;
  line-height: inherit;
}
.reka-collapsible__header {
  position: relative;
  color: #333;
  background-color: #e4e4e4;
  padding: 7px 40px 7px 10px;
  line-height: 1.6;
  cursor: pointer;
}
.reka-collapsible__header:after {
  content: '';
  display: block;
  position: absolute;
  right: 20px;
  top: 10px;
  background: url(images/menu-arrow.png) no-repeat 0 0;
  width: 5px;
  height: 10px;
  transform: rotate(90deg);
  transition: transform 400ms ease-in-out;
}
.reka-collapsible--open .reka-collapsible__header:after {
  transform: rotate(270deg);
}
.reka-collapsible__header-text {
  margin: 0;
}
.reka-collapsible__content {
  line-height: 18px;
  padding: 10px;
}
.reka-collapsible-search {
  margin: 30px 0 20px;
  padding-bottom: 20px;
  position: relative;
}
.reka-collapsible-search .reka-collapsible-search-icon {
  position: absolute;
  z-index: 1;
  left: 8px;
  top: 8px;
}
.reka-collapsible-search-input {
  position: relative;
  background-color: transparent;
  font-size: 14px;
  padding: 10px 10px 10px 35px;
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #d2d2d2;
}
#reka-collapsible-search-no-results {
  display: none;
  position: absolute;
  bottom: 0px;
}
mark.highlight {
  background-color: #739dbe;
  padding: 3px 2px;
}
.reka-categories {
  margin: 10px 0;
  padding: 10px;
  min-height: 52px;
}
.reka-categories h1 {
  font-size: 16px;
}
.reka-categories-links {
  margin: 0 -10px;
}
.reka-categories-links a {
  display: inline-block;
  padding: 10px;
}
.reka-category {
  margin: 10px 0;
  padding: 10px 10px 0px;
  border: 1px solid lightgray;
}
.reka-category p {
  padding-bottom: 10px;
  line-height: 18px;
}
.article .reka-category p {
  padding-bottom: 10px;
  line-height: 18px;
}
.reka-category h2 {
  position: relative;
  display: inline-block;
  background-color: #003c82;
  color: white;
  padding: 7px 20px;
  left: -10px;
  margin-bottom: 10px;
  margin-top: -5px;
}

/* Collapsible End */

/* Slideable Holiday-Date-Tabs */
.holiday-result-tabs.ui-tabs
{
	overflow: hidden;
}

.holiday-result-tabs.fix > ul > li.ui-state-default
{
	flex: 1 1 auto;
}

.holiday-result-tabs.fix > ul > li.ui-state-default a
{
	padding-left: 0;
	padding-right: 0;
	width: 100% !important;
}

.holiday-result-tabs .ui-tabs-nav
{
	display: flex;
	position: static;
	flex-wrap: nowrap;
	height: 40px;
	width: auto;
	margin-left: 0;
	padding-left: 0;
	padding-right: 0;
	transition: margin 800ms ease-in-out;
}

.holiday-result-tabs .ui-tabs-nav li a
{
	padding-left: 8px;
	padding-right: 8px;
}

.holiday-result-tabs .ui-tabs-nav a:hover,
.holiday-result-tabs .ui-tabs-nav a:focus
{
	background-color: #e0dede;
}

.holiday-result-tabs .ui-tabs-nav.scrollable
{
	padding-left: 25px;
	padding-right: 25px;
}

.holiday-result-tabs .ui-slider-navigation
{
	display: none;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 25px;
	height: 40px;
	background: url(images/menu-arrow.png), rgba(255, 255, 255, 0.7);
	background-repeat: no-repeat;
	background-position: center;
	transition: background 400ms ease-in-out;
}

.holiday-result-tabs .ui-slider-navigation:hover
{
	background-color: rgba(255, 255, 255, 0.9);
}

.holiday-result-tabs .ui-slider-navigation.ui-slider-navigation--prev
{
	transform: rotate(180deg);
}

.holiday-result-tabs .ui-slider-navigation.ui-slider-navigation--next
{
	left: auto;
	right: 0;
}
/* Slideable Holiday-Date-Tabs END*/

/* CookieInfo */
.cookie-info-spacer
{
	height: 0;
	will-change: height;
	transition: height 0.6s ease-in-out;
}

.cookie-info-wrapper
{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	transform: translateY(-100%);
	will-change: transform;
	transition: transform 0.6s ease-in-out;
	overflow: hidden;
	z-index: 5;
}

.cookie-info-wrapper.show
{
	transform: translateY(0);
}

.cookie-info
{
	max-width: 970px;
	position: relative;
	margin: 0 auto;
	background-color: white;
	color: #5b5b5b;
	box-shadow: grey 0px 0px 4px 0px;
	border-bottom: 1px solid grey;
	display: flex;
}

.cookie-info a
{
	color: #5b5b5b;
	text-decoration: underline;
}

.cookie-info p,
.cookie-info button
{
	display: inline-block;
}

.cookie-info-text
{
	flex: 1 1 auto;
	padding: 15px;
}

.cookie-info-button
{
	flex: 0 0 110px;
	padding: 10px 15px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.rekaguide .cookie-info
{
	max-width: 900px;
}

.rekaguide #header-holder,
.rekaguide #header-holder .shell
{
	background: url(/images/header-holder-bg.gif) repeat-x center bottom;
	background-position: center bottom;
	background-color: white;
	height: auto;
}

.rekaguide .cookie-info .cookie-info-button .submit.blue-btn
{
	height: 24px;
}
/* CookieInfo END */