/*
  Name: wgzimmer.ch Stylesheet IMPORTED FROM LIVE 17.02.13
  Description: Stylesheet for the wgzimmer.ch website
  Author: Markus Erdmann
  Author URI: http://www.esense.ch
*/

/*
basic babyblue color: #ACDBF7;

basic dark gray color: #858585;
basic medium gray color: #a5a5a5;
basic light gray color: #d5d5d5;
*/

/*** main ***/
html, body {
width:100%;
height:100%;
}

html, body, form, select, option, textarea, input, ul, ol {
font-family:'lucida grande', arial, helvetica, 'sun regular', sans-serif, 'sans serif';
font-size:15px;
line-height:23px;
/*
color:#858585;
*/
color:#555;
}

html {
overflow-y:scroll;
background-color:#fff;
}

#main {
position:relative;
top:0;
left:0;
width:100%;
height:100%;
min-width:1187px;
}

.scamAlert {
    background:#FFFFFF url(../img/wgzimmer-scam-alert.png) top left repeat!important;
}

li.search-mate-entry-promoted {
    padding: 5px 0 5px 0 !important;
}

li.search-mate-entry-promoted .wishlistResultlist {
    top: 15px !important;
    font-size: 15px;
}

li.search-mate-entry a.search-mate-entry-promoted {
    border: 2px #13bc13 solid !important;
}
div.search-result-mobile-entry-promoted {
    border: 2px #13bc13 solid !important;
    margin-bottom: 5px;
}

li.search-room-entry-promoted {
    padding: 5px 0 5px 0 !important;
}

li.search-room-entry-promoted .wishlistResultlistSearchRoom {
    top: 15px !important;
    font-size: 15px !important;
}

.wishlistResultlistSearchRoomMobile {
    left: 0px !important;
}

li.search-room-entry-promoted .wishlistResultlistSearchRoomMobile {
    left: 3px !important;
}

li a.search-room-entry-promoted {
    border: 2px #13bc13 solid !important;
    width: 99% !important;
}

/*** header ***/
#header {
position:fixed;
top:0;
left:0;
width:100%;
height:112px;
min-width:1187px;
background:#ACDBF7 url(../img/line-header.gif) bottom left repeat-x;
float:left;
z-index:10000;
}

* html #header {
position:relative;
}

*+html #header {
position:relative;
}

/* logo */
#logo {
position:absolute;
width:auto;
height:auto;
padding:8px 0 0 18px;
overflow:hidden;
z-index:40;
}

#logo a {
float:left;
}

/*** custom buttons ***/
/* main */
#custom {
position:absolute;
top:57px;
left:111px;
width:400px;
height:30px;
float:left;
padding:20px 0 0 26px;
overflow:hidden;
z-index:2000;
}

#custom.large {
width:730px;
}

a#language,
a#country,
a#color,
div#language,
div#country,
div#color,
a#doit,
a#memory-button,
a#blacklist-browser-button,
a#faq-button,
a#home-button {
position:relative;
left:0;
width:20px;
height:20px;
float:left;
padding:1px;
border:1px solid #858585;
background-color:#fff;
margin:0 5px 0 0;
border-radius:3px 3px 3px 3px;
-moz-border-radius:3px 3px 3px 3px;
-webkit-border-radius:3px 3px 3px 3px;
z-index:10;
font-size:13px;
text-transform:uppercase;
line-height:20px;
color:#a5a5a5;
overflow:hidden;
text-align:center;
}

* html #doit {
display:none;
visibility:hidden;
}

* html #memory-button {
display:none;
visibility:hidden;
}

* html #blacklist-browser-button {
display:none;
visibility:hidden;
}

* html #faq-button {
display:none;
visibility:hidden;
}


a#language:hover,
a#country:hover,
a#color:hover,
a#doit:hover,
a#memory-button:hover,
ablacklist-browser-button:hover,
a#home-button:hover {
color:#5b5b5b;
box-shadow:0px 2px 5px #aaa;
-webkit-box-shadow:0px 2px 5px #aaa;
-moz-box-shadow:0px 2px 5px #aaa;
}

a#language.active,
a#country.active,
a#color.active {
border:1px solid #858585;
color:#5b5b5b;
}

#languageChange,
#countryChange,
#colorChange {
position:absolute;
width:126px;
height:20px;
left:-300px;
padding:1px 0 1px 0;
background-color:#fff;
border:1px solid #858585;
border-radius:3px 3px 3px 3px;
-moz-border-radius:3px 3px 3px 3px;
-webkit-border-radius:3px 3px 3px 3px;
z-index:20;
box-shadow:0px 2px 5px #aaa;
-webkit-box-shadow:0px 2px 5px #aaa;
-moz-box-shadow:0px 2px 5px #aaa;
}

#languageChange.expanded,
#countryChange.expanded,
#colorChange.expanded {
position:relative;
left:0px;
float:left;
margin:0 10px 0 0;
}

a#color span,
a#country span,
a#language span,
div#color span,
div#country span,
div#language span,
a#memory-button span,
a#blacklist-browser-button span,
a#faq-button span,
a#doit span {
text-indent:-1000px;
width:18px;
height:18px;
border:1px solid #858585;
background-color:#fff;
float:left;
border-radius:3px 3px 3px 3px;
-moz-border-radius:3px 3px 3px 3px;
-webkit-border-radius:3px 3px 3px 3px;
margin:0;
padding:0;
}

a#color span {
overflow:hidden;
}

#colorChange a,
#countryChange a,
#languageChange a {
text-indent:-1000px;
width:18px;
height:18px;
border:1px solid #fff;
background-color:#fff;
float:left;
margin:0;
padding:0;
}

/* country and language */
a#country span,
a#language span {
border:1px solid #000000;
}

* html a#country span,
* html a#language span {
overflow:hidden;
}

#countryChange,
#languageChange {
width:auto;
padding:1px 0px 1px 0;
}

#countryChange a {
border:2px solid #fff;
background-color:#fff;
margin:0 1px 0 1px;
text-indent:0;
width:16px;
height:16px;
}

#languageChange a {
border:2px solid #fff;
background-color:#fff;
margin:0 1px 0 1px;
text-indent:0;
color:#5b5b5b;
text-align:center;
text-transform:uppercase;
width:20px;
height:16px;
font-size:13px;
}

* html #countryChange a,
* html #languageChange a {
overflow:hidden;
}

#countryChange a span,
#languageChange a span {
position:relative;
width:150px;
text-indent:0;
text-align:center;
float:left;
color:#5b5b5b;
text-shadow: 0px 1px 0px #fff;
text-transform:uppercase;
font-size:9px;
padding:0;
font-weight:bold;
}

#countryChange a span {
margin:-14px 0 0 -66px;
}

#languageChange a span {
margin:-30px 0 0 -66px;
}

* html #countryChange a span,
* html #languageChange a span {
position:absolute;
left:-1000px;
width:1px;
height:1px;
font-size:1px;
}

* html .expanded span.description {
position:absolute !important;
left:0 !important;
}

#countryChange a:hover,
#countryChange strong a {
border:2px solid #858585;
width:16px;
height:16px;
border-radius:3px 3px 3px 3px;
-moz-border-radius:3px 3px 3px 3px;
-webkit-border-radius:3px 3px 3px 3px;
}

#languageChange a {
border:2px solid #fff;
width:20px;
height:16px;
line-height:16px;
border-radius:3px 3px 3px 3px;
-moz-border-radius:3px 3px 3px 3px;
-webkit-border-radius:3px 3px 3px 3px;
color:#a5a5a5;
}

#languageChange a:hover,
#languageChange strong a {
border:2px solid #858585;
color:#5b5b5b;
}

/* color */
#colorChange {
width:auto;
padding:1px 0px 1px 0;
}

#colorChange a {
border:2px solid #fff;
background-color:#fff;
margin:0 1px 0 1px;
width:16px;
height:16px;
overflow:hidden;
line-height:1px;
font-size:1px;
}

#colorChange a:hover,
#colorChange strong a {
border:2px solid #858585;
width:16px;
height:16px;
border-radius:3px 3px 3px 3px;
-moz-border-radius:3px 3px 3px 3px;
-webkit-border-radius:3px 3px 3px 3px;
}

/* expand label */
.expanded span.description {
position:absolute;
left:0;
float:left;
color:#777;
text-shadow: 0px 1px 0px #fff;
text-transform:uppercase;
font-size:9px;
padding:0;
font-weight:bold !important;
margin:-18px 0 0 0;
}

/* close */
#countryChange a.close,
#colorChange a.close,
#languageChange a.close {
position:absolute;
right:-16px;
top:4px;
height:13px;
width:13px;
padding:0;
background:transparent url(../img/custom-close.png) top center no-repeat;
float:left;
line-height:13px;
text-align:center;
color:#5b5b5b;
overflow:hidden;
text-indent:-1000px;
border:none;
}

#countryChange a.close:hover,
#colorChange a.close:hover,
#languageChange a.close:hover {
background:transparent url(../img/custom-close.png) bottom center no-repeat;
}

/*** DO IT - KICK ASS! ***/
a#doit {
position:relative;
margin-left:10px;
text-indent:-1000px;
background:#fff url(../img/kick-ass.png) center -20px no-repeat;
}

a#doit:hover {
background:#fff url(../img/kick-ass.png) center 0px no-repeat;
}

/*** Memory ***/
a#memory-button {
position:relative;
margin-left:10px;
text-indent:-1000px;
background:#fff url(../img/memory-button-anim.gif) center -20px no-repeat;
}

a#memory-button:hover {
background:#fff url(../img/memory-button-anim.gif) center 0px no-repeat;
}

/*** Blacklist Browser ***/
a#blacklist-browser-button {
position:relative;
margin-left:10px;
text-indent:-1000px;
background:#fff url(../img/blacklist-browser.png) center -20px no-repeat;
}

a#blacklist-browser-button:hover {
background:#fff url(../img/blacklist-browser.png) center 0px no-repeat;
}

/*** FAQ ***/
a#faq-button {
position:relative;
margin-left:10px;
text-indent:-1000px;
background:#fff url(../img/faq-button.gif) center -20px no-repeat;
}

a#faq-button:hover {
background:#fff url(../img/faq-button.gif) center 0px no-repeat;
}

/*** back to home button ***/
a#home-button {
position:relative;
margin-left:10px;
text-indent:-1000px;
background:#fff url(../img/home-button.gif) center -20px no-repeat;
}

a#home-button:hover {
background:#fff url(../img/home-button.gif) center 0px no-repeat;
}



/*** header links ***/
#header-links {
position:fixed;
width:320px;
height:110px;
float:right;
right:0;
padding:0;
z-index:1000;
}

* html #header-links {
position:relative;
}

*+html #header-links {
position:relative;
}

#header-links ul {
position:relative;
width:100%;
float:right;
}

#header-links ul li.button {
position:relative;
width:80px;
float:left;
}

#header-links ul li.button a {
position:relative;
width:80px;
float:left;
height:110px;
background-position: center 0px;
background-repeat:no-repeat;
background-color:transparent;
z-index:10;
}

#header-links ul li.button a:hover,
#header-links ul li.button.active a {
background-position:bottom center;
}

#header-links ul li.button a span {
position:absolute;
top:101px;
left:2px;
width:70px;
line-height:11px;
text-align:center;
float:left;
color:#5b5b5b;
text-transform:uppercase;
font-size:9px;
padding:2px;
font-weight:bold;
background-color:#fff;
border:1px solid #858585;
border-radius:3px 3px 3px 3px;
-moz-border-radius:3px 3px 3px 3px;
-webkit-border-radius:3px 3px 3px 3px;
display:none;
box-shadow:0px 2px 5px #aaa;
-webkit-box-shadow:0px 2px 5px #aaa;
-moz-box-shadow:0px 2px 5px #aaa;
z-index:10;
}

/* background and overlay images */
#header-links ul li.button span.nav-bg-image {
position:absolute;
top:0;
left:0;
width:80px;
height:104px;
float:left;
overflow:hidden;
z-index:2;
}

#header-links ul li.button div.nav-anim-image {
position:absolute;
top:0;
left:0;
width:80px;
height:104px;
float:left;
overflow:hidden;
z-index:2;
}

/*** navigation ***/
#navigation {
position:fixed;
top:111px;
left:0;
width:137px;
background:#ACDBF7 url(../img/bg-nav-line.png) bottom right no-repeat;
border-right:1px solid #555;
border-bottom:1px solid #555;
z-index:10001;
float:left;
border-radius:0px 0px 40px 0px;
-moz-border-radius:0px 0px 40px 0px;
-webkit-border-radius:0px 0px 40px 0px;
padding:0 0 40px 0;
}

* html #navigation {
position:relative;
top:-1px;
}

*+html #navigation {
position:relative;
top:-1px;
}

ul.nav {
position:relative;
width:100%;
float:left;
padding:0 0 1px 0;
background:transparent url(../img/line-white.gif) bottom left repeat-x;
}

ul.nav li.button {
position:relative;
width:100%;
float:left;
border-bottom:1px solid #000000;
text-align:center;
background:transparent url(../img/line-white.gif) top left repeat-x;
}

ul.nav li.button span.image {
width:100%;
float:left;
line-height:0;
font-size:0;
color:#fff;
padding:0;
margin:0;
}

ul.nav li.button span.link {
position:relative;
width:100%;
float:left;
line-height:13px;
font-size:13px;
color:#777;
border-top:1px solid #fff;
text-transform:uppercase;
text-shadow: 0px 1px 0px #fff;
background-color:#ACDBF7;
font-weight:bold;
padding:3px 0 5px 0;
}

ul.nav li.button a {
position:relative;
width:100%;
float:left;
cursor:pointer;
padding:110px 0 0 0;
background-position:top center;
background-repeat:no-repeat;
background-color:transparent;
z-index:10;
}


ul.nav li.button a:hover,
ul.nav li.button.active a {
background-position:center -110px;
}

ul.nav li.button a:hover span.link {
color:#000;
}

ul.nav li.button.active a span.link {
position:relative;
color:#000;
border-top:1px solid #000000;
padding:3px 1px 5px 0;
margin:0 -1px 0 0;
z-index:30;
}

ul.nav li.button.last {
border-bottom:none;
}

ul.nav li.button.first {
background-image:none;
}

/* background and overlay images */
ul.nav li.button span.nav-bg-image {
position:absolute;
top:0;
left:0;
width:137px;
height:109px;
float:left;
overflow:hidden;
z-index:2;
}

ul.nav li.button span.nav-anim-image {
position:absolute;
top:0;
left:0;
width:137px;
height:109px;
float:left;
overflow:hidden;
z-index:2;
}

/*** content ***/
#container {
position:relative;
top:0;
left:0;
margin:123px 0 0 148px;
padding:0 0 100px 0;
width:709px;
float:left;
/*min-height:550px;*/
min-height:450px;
}

.leaderboard #container {
margin-top:213px;
}

* html .leaderboard #container {
margin-top:100px;
}

*+html .leaderboard #container {
margin-top:100px;
}

#content {
position:relative;
top:0;
left:0;
padding:10px;
margin:0;
width:728px; /* tom orig: width:687px; */
float:left;
border:1px solid #ededed;
border-radius:12px 12px 12px 12px;
-moz-border-radius:12px 12px 12px 12px;
-webkit-border-radius:12px 12px 12px 12px;
background-color:#fff;
font-size:15px;
line-height:23px;
box-shadow:0px 2px 10px #ddd;
-webkit-box-shadow:0px 2px 10px #ddd;
-moz-box-shadow:0px 2px 10px #ddd;
}

* html #container {
margin:10px 0 200px 10px;
}

*+html #container {
margin:10px 0 200px 10px;
}

/*** ads ***/
#skyscraper {
position:absolute;
top:11px;
left:0;
float:right;
min-width:320px;
min-height:600px;
height: 100%;
width: 100%;
overflow: hidden;
margin:113px 0 0 908px; /* tom orig: margin:113px 0 0 867px; */
color: #fff;
/* background-color:red; */
}

* html #skyscraper {
position:absolute;
}

*+html #skyscraper {
position:absolute;
}

.small #skyscraper {
position:absolute;
}

#skyscraper.align-right {
right:0 !important;
left:auto;
}

#banner {
position:absolute;
left:0;
top:0;
width:728px;
height:90px;
color:#fff;
margin:113px 0 0 139px;
float:left;
}

/*** footer ***/
#footer {
position:fixed;
bottom:0;
width:100%;
min-width:1030px;
text-align:center;
height:5px;
background:#ACDBF7 url(../img/line-white.gif) top left repeat-x;
border-top:1px solid #555;
padding:0 0 0 160px;
margin:0 -160px 0 0;
float:left;
z-index:20;
}

* html #footer {
position:relative;
top:0;
background-image:none;
border:none;
background-color:transparent;
height:auto;
margin:0;
width:auto;
height:1px;
}

*+html #footer {
position:relative;
top:0;
background-image:none;
border:none;
background-color:transparent;
height:auto;
margin:0;
width:auto;
height:1px;
}

#footer .knopf {
position:relative;
left:0;
top:-81px;
margin:0 10px 0 0;
height:80px;
width:160px;
border:1px solid #555;
border-bottom:none;
border-radius:6px 6px 0 0;
-moz-border-radius:6px 6px 0 0;
-webkit-border-radius:6px 6px 0 0;
background-color:#fff;
float:left;
}

* html #footer .knopf {
top:0;
}

*+html #footer .knopf {
top:0;
}

#footer .knopf .wrapper {
position:relative;
height:76px;
width:154px;
margin:1px 0 0 1px;
border:2px solid #ACDBF7;
border-bottom:none;
border-radius:5px 5px 0 0;
-moz-border-radius:5px 5px 0 0;
-webkit-border-radius:5px 5px 0 0;
background-color:#ACDBF7;
text-align:center;
float:left;
color:#fff;
overflow:hidden;
padding:2px 0 0 0;
}

* html #footer .knopf .wrapper {
margin:1px 0 0 0;
border:1px solid #fff;
border-left-width:2px;
}

*+html #footer .knopf .wrapper {
margin:1px 0 0 0;
border:1px solid #fff;
border-left-width:2px;
}

/*** column wrapper ***/
.column-wrapper {
width:100%;
position:relative;
float:left;
}

/*** anchor ***/
.anchor {
position:relative;
float:left;
width:100%;
height:0px;
lineheight:0px;
font-size:0px;
padding:0;
margin:0;
top:-120px;
text-indent:-2000px;
}

body.small .anchor {
top:0;
}

/*** small window ***/
.small #header {
position:absolute;
}

.small #header-links {
position:relative;
}

.small #navigation {
position:absolute;
}

* html .small #navigation {
position:relative;
top:111px;
}

*+html .small #navigation {
position:relative;
top:111px;
}

.small #container {
padding-bottom:0px;
}

* html .small #container {
width:709px !important;
margin-left:145px !important;
margin-top:110px !important;
}

*+html .small #container {
width:709px !important;
margin-top:110px !important;
}

.small #content {
margin-bottom:20px;
}

* html .small #content {
position:relative;
top:104px;
width:687px !important;
padding:0;
}

*+html .small #content {
position:relative;
top:10px;
}

*+html leaderboard.small #content {
position:relative;
top:104px;
}

.small #footer {
position:relative;
top:0;
background-image:none;
border:none;
background-color:transparent;
height:auto;
margin:0;
width:auto;
}

.small #footer .knopf {
top:0;
}

.small #footer .knopf .wrapper {
height:78px;
}

/*** author ***/
.author #header {padding-top:30px;}
.author #navigation {top:142px;}
.author #container {margin-top:152px;}
.author.leaderboard #container {margin-top:243px;}
.author #skyscraper {margin-top:143px;}
.author #banner {margin-top:143px;}
.author #custom {top:87px;}

/*** portal ***/
.portal #main,
.portal.small #main,
.author.portal #main {
min-width:960px;
}

.portal #container,
.portal.small #container,
.author.portal #container {
width:940px;
float:none;
margin:0 auto 0 auto !important;
padding:50px 0 0 0;
}

.portal #container #content,
.portal.small #container #content,
.author.portal #container #content {
position:relative;
width:898px;
float:left;
margin:0;
padding:20px;
}

.portal #logo {
position:relative;
width:100%;
float:left;
margin:0;
padding:0 0 20px 0;
height:auto;
overflow:auto;
}

.portal #logo a,
.portal #logo a h1 {
position:relative;
width:100%;
float:left;
text-align:center;
}

.portal .select-wrapper {
width:100%;
float:left;
text-align:center;
padding:0 0 20px 0;
}

* html .portal .select-wrapper {
width:898px;
text-align:left;
}

*+html .portal .select-wrapper {
width:898px;
text-align:left;
}

#portal-country {
position:relative;
width:auto;
}

* html #portal-country {
width:898px;
float:left;
}

*+html #portal-country {
width:898px;
}

#portal-country a {
position:relative;
padding:0;
margin:0;
text-align:center;
background-color:#fff;
font-size:0;
line-height:0;
text-indent:-1000px;
}

* html #portal-country a {
float:left;
text-align:left;
font-size:100%;
line-height:100%;
width:60px;
height:60px;
text-indent:0;
}

*+html #portal-country a {
float:left;
text-align:left;
font-size:100%;
line-height:100%;
width:60px;
height:60px;
text-indent:0;
}

#portal-country a span {
position:absolute;
left:-40px;
top:0px;
width:140px;
float:left;
font-size:12px;
text-transform:uppercase;
text-align:center;
color:#555;
text-shadow: 0px 3px 2px #ccc;
font-weight:bold;
background-color:#fff;
text-indent:0;
}

* html #portal-country a span {
top:60px;
height:20px;
line-height:18px;
}

*+html #portal-country a span {
top:60px;
height:20px;
line-height:18px;
}

#portal-country a img {
display:inline;
margin:0;
padding:0;
}

/*** esense link ***/
a.esense-link {
position:absolute;
left:0;
top:0;
margin:-25px 0 0 30px;
float:left;
text-indent:-1000px;
width:50px;
height:15px;
background:transparent url(../img/esense-gmbh.png) 0 0 no-repeat;
}

.small a.esense-link {
position:absolute;
margin:60px 0 0 30px;
}

a.esense-link:hover {
background-position:bottom left;
}

/*** shadowbox ***/
sb-counter#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:Arial,"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:200;color:#000;}
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:20000 !important;text-align:left;visibility:hidden;display:none;}

#sb-overlay{position:relative;height:100%;width:100%;}

#sb-wrapper{position:absolute;visibility:hidden;width:100px;}
#sb-wrapper-inner{position:relative;border:none;overflow:hidden;height:100px;border-left:20px solid #000;border-right:20px solid #000;background-color:#000;}
#sb-body{position:relative;height:100%;}
#sb-body-inner{position:absolute;height:100%;width:100%;background-color:#fff;}
#sb-player.html{height:100%;overflow:auto;}
#sb-body img{border:none;}
#sb-loading{position:relative;height:100%;}
#sb-loading-inner{position:absolute;font-size:14px;line-height:48px;height:48px;top:50%;margin-top:-12px;width:100%;text-align:center;}
#sb-loading-inner span{background:url(../shadowbox-3.0.3/loading.gif) no-repeat;padding-left:48px;display:inline-block;font-size:0.05em;color:#fff;}
#sb-body{background-color:#000;}
#sb-loading{background-color:#fff;}
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;color:#fff;}
#sb-title,#sb-title-inner{height:26px;line-height:26px;color:#fff;background-color:#000;}
#sb-title-inner{font-size:16px;padding:0 0 0 20px; text-transform:uppercase;}
#sb-info,#sb-info-inner{height:30px;line-height:20px;background-color:#000;}
#sb-info-inner{font-size:12px;padding:5px 0 5px 0;}
#sb-nav{float:right;height:16px;padding:2px 18px 0 0;width:40%;}
#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;}
#sb-nav-close{background:transparent url(../shadowbox-3.0.3/close.png) 0 0 no-repeat;width:16px;height:16px;position:absolute;right:17px;top:5px;z-index:100000;cursor:pointer}
#sb-nav-next{background-image:url(../shadowbox-3.0.3/next.png);}
#sb-nav-previous{background-image:url(../shadowbox-3.0.3/previous.png);}
#sb-nav-play{background-image:url(../shadowbox-3.0.3/play.png);}
#sb-nav-pause{background-image:url(../shadowbox-3.0.3/pause.png);}
#sb-counter{float:left;width:40%;color:#fff;padding:0 0 0 20px;}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#ffffff;}
#sb-counter a.sb-counter-current{text-decoration:underline;}
div.sb-message{font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}

/*** IE 7 FOOTER HACK ***/
*+html body.wgzimmer #footer {
display:none;
}

/*** mgnl ***/
.mgnl-editbar-wrapper {
z-index:100000 !important;
}

/*** inline mail style ***/
.result .wrap .inline-mail-text {
width:100%;
float:left;
padding: 10px 0;
}

.result .wrap .inline-mail-text.top-text {
padding: 20px 0 10px 0;
}

.result .wrap .inline-mail-text.border-top {
border-top: 1px solid #d5d5d5;
}

.result .wrap .inline-mail-text.border-bottom {
border-bottom: 1px solid #d5d5d5;
margin-bottom: 10px;
}

.result .wrap .inline-mail-text p strong {
width:auto;
float: none;
}

.result .wrap .inline-mail-text.form-wrapper input.error,
.result .wrap .inline-mail-text.form-wrapper textarea.error {
border: 1px solid #ff0000 !important;
outline: none;
}

.result .wrap .inline-mail-text.form-wrapper label.error {
min-width:64%;
max-width: 64%;
float: right;
padding: 4px;
color: #ff0000;
}

.result .wrap .inline-mail-text.form-wrapper div.button-wrapper-inline-mail,
#content .form-wrapper form fieldset div.button-wrapper-inline-mail {
width: 64%;
float: right;
padding: 10px 4px 10px 30%;
}

.result .wrap .inline-mail-text.form-wrapper div.button-wrapper-inline-mail input.submit-inline-mail,
#content .form-wrapper form fieldset div.button-wrapper-inline-mail input.submit-inline-mail {
font-size: 15px;
line-height: 22px;
border-radius: 12px 12px 12px 12px;
-moz-border-radius: 12px 12px 12px 12px;
-webkit-border-radius: 12px 12px 12px 12px;
border: 1px solid #a5a5a5;
background-color: #d5d5d5;
padding: 1px 10px 0 10px;
font-family: 'lucida grande', arial, helvetica, 'sun regular', sans-serif, 'sans serif';
float: right;
margin: 0;
text-align: center;
width: auto;
color: #555;
text-transform: uppercase;
text-shadow: 0px 1px 0px #fff;
font-weight: bold;
cursor: pointer;
box-shadow: 0px 1px 5px #ccc;
-webkit-box-shadow: 0px 1px 5px #ccc;
-moz-box-shadow: 0px 1px 5px #ccc;
}

/***** end of css *****/

/* CSS cookie banner */

:root {
    --fontSizeCookieBanner: 1em; /* custom font size */
}
.cookie-banner {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #efefef;
    padding: 1em;
    display: grid;
    place-items: center;
    z-index: 100;
}

.cookie-banner > div {
    display: flex;
    justify-content: center;
    justify-items: center;
    align-items: center;
    gap: 1em;
    max-width: 100ch;
    padding: 0 1em;
}

@media screen and (max-width: 600px) {
    .cookie-banner > div {
        flex-direction: column;
        align-items: end;
        gap: 1em;
    }
}
.cookie-banner p {
    font-size: var(--fontSizeCookieBanner);
    line-height: 125%;
    color: black !important;
}

.cookie-banner p a {
    text-decoration: underline;
    color: black !important;
}

.cookie-banner button {
    background-color: #000;
    color: white;
    border: none;
    padding: 0.3em 1em;
    font-size: var(--fontSizeCookieBanner);
    cursor: pointer;
}