/* reset styles */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a,
abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small,
strike, sub, sup, tt, var, dl, dt, dd, fieldset, form, label, legend, input, select, option, caption, p
{ margin:0; padding:0; outline:0; font-weight:inherit; font-style:inherit; font-family:inherit; font-size:100%; }
hr {
background: #fff;
color: #fff;
clear: both;
float: none;
width: 100%;
height: 1px;
margin: 0 0 10px;
border: none; }
hr.space { background: #fff; color: #fff; visibility: hidden; }
hr.clear { background:transparent; color:#fff; visibility:hidden; margin:0; padding:0; line-height:0; height:1px; border:0; overflow:hidden; }
/* Clearing floats without extra markup
Based on How To Clear Floats Without Structural Markup by PiE
[http://www.positioniseverything.net/easyclearing.html] */
.clearfix:after, .container:after, ul.complements li:after{
content: "\0020";
display: block;
height: 0;
clear: both;
visibility: hidden;
overflow:hidden; }
.clearfix, .container {display: block;}
.with_border .hide { display: none; }
BODY { font:12px/160% Arial, Helvetica, sans-serif; color:#666; background-color:#FFF; margin:0; padding:0; }
P,DIV,TABLE,TD,UL,LABEL,INPUT,SELECT,TEXTAREA { font:12px/160% Arial, Helvetica, sans-serif; color:#666; }
EM { font-style:italic; }
a { color:#0095D9; text-decoration:none; }
a:hover { color:#0095D9; text-decoration:underline; }
/*hotelmenu 007 :) */
a.bond { float:left; color:#000; font-weight:bold; padding:0 0 0 20px; line-height:170%; }
.yellow { color:#FCC800; text-decoration:none; }
.red { color:#E70027; text-decoration:none; }
.blue { color:#0095D9; text-decoration:none; }
.green { color:#A4C916; text-decoration:none; }
h1 { font-family: 'Abel', HelveticaNeue-Condensed, "Arial Narrow", Arial, Helv, Helvetica, sans-serif; line-height: 30px; font-size:24px; font-weight:normal; margin:5px 0; color:#0095D9; }
h2 { font-family: 'Abel', HelveticaNeue-Condensed, "Arial Narrow", Arial, Helv, Helvetica, sans-serif; line-height: 22px; font-size:17px; font-weight:normal; margin:5px 0; color:#0095D9; }
h3 { font-family: 'Abel', HelveticaNeue-Condensed, "Arial Narrow", Arial, Helv, Helvetica, sans-serif; line-height: 30px; font-size:20px; font-weight:normal; margin:5px 0; color:#0095D9; }
h3 a { font-family: 'Abel', HelveticaNeue-Condensed, "Arial Narrow", Arial, Helv, Helvetica, sans-serif; color:#0095D9; }
h3 a:hover { color:#FCC500; text-decoration: none; }
h4 { font-size:13px; color:#0095D9; margin:5px 0 10px 0; cursor:pointer; }/*hotels*/
h5, h5 a { font-size:12px; color:#E70027; }
h6 { font-size:11px; color:#0095D9;}
/* Color */
.color00 { background-color:#EEE; } /* light grey (rows) */
.color01 { background-color:#0095D9; } /* blue */
.color02 { background-color:#E70027; } /* red */
.color03 { background-color:#FCC800; } /*yellow*/
.color04 { background-color:#A4C916; } /* green */
.color05 { background-color:#EDF7FC; } /* light blue (!noch nicht definiert) */
.color06 { background-color:#999; } /* light grey */
.color07 { background-color:#666; } /* grey*/
.color08 { background-color:#666; } /* dark grey */
.color09 { background-color:#ECF7FC; } /* body */
.white { background-color:#FFF; } /* weiss */
/* ---------------------------- Sprites ----------------------------------- */
.newfunction .info, #shop .trustlong ul li {
background-image:url(../../../media/img/sprite_icons.png);
background-position: 0 0;
background-repeat: no-repeat; }
#header .right00, #header .right01, #header .right02, #info .right00, #info .right01, #info .right02, .trust, .trustlong, .catalog.footer, #shoppingcart .shoppingcart {
background-color: transparent;
background-image:url(../../../media/img/sprite_header.png);
background-position: -10px -10px; }
/* Button Class with Sprite */
.button, input.bookmarkpanel, .third a.details, #header .slide a.gooffer, .step-buttons-left input, .step-buttons-right input {
float:left;
display:block;
width:56px;
height:23px;
line-height:170%;
color:#0095d9;
padding:0 10px;
margin:10px 0 0 0;
font-weight: bold;
border: none;
cursor: pointer;
background-color: transparent;
background-position: -10px 0;
background-image:url(../../../media/img/sprite_buttons.png);
background-repeat: no-repeat; }
/*background-image:url(http://media.w-h-d.de/media/img/sprite_buttons.png);*/
/* shop Buttons */
.step-buttons-right input.next, .step-buttons-right input, #onlineshop .step-buttons .step-buttons-left .back {
text-align: center;
}
input.button, input.bookmarkpanel {
border: none;
cursor: pointer;
padding:0 0 2px 25px;
text-align: left; }
input.bookmarkpanel { letter-spacing: -1px; }
.slide .buttons .button { letter-spacing: -0.09em; }
a.addthis_button:hover { text-decoration: none; }
.search { width: 82px; padding:0 0 4px 25px !important; font-weight: bold; background-position: -10px -240px; }
.search:active { background-position: -650px -240px; }
.search:hover { background-position: -330px -240px; }
.search.icon { width: 40px; padding:0 0 4px 0 !important; margin: 0 0 0 5px; background-position: -10px -455px; }
.search.icon:active { background-position: -650px -455px; }
.search.icon:hover { background-position: -330px -455px; }
.button.normal {
background-position: -10px -30px;
width: 145px;
font-weight: bold;
text-align:center; }
.button.normal:active { background-position: -650px -30px; }
.button.normal:hover { background-position: -330px -30px; }
input.button.captcha {
background-position: -10px -30px;
width: 145px;
font-weight: bold;
padding-left: 0;
text-align: center; }
input.button.captcha:active { background-position: -650px -30px; }
input.button.captcha:hover { background-position: -330px -30px; }
.button.long, .step-buttons-left input.back, .step-buttons-right input.next {
background-position: -10px -60px;
width: 185px;
font-weight: bold; }
.button.long:active, .step-buttons-left input.back:active, .step-buttons-right input.next:active { background-position: -650px -60px; }
.button.long:hover, .step-buttons-left input.back:hover, .step-buttons-right input.next:hover { background-position: -330px -60px; }
.button.medium {
background-position: -10px -90px;
width: 100px;
text-align: center; }
.button.medium:active { background-position: -650px -90px; }
.button.medium:hover { background-position: -330px -90px; }
.button.next, .button.prev {
width: 185px;
text-align: left;
padding-left: 25px;
padding-bottom: 5px; }
.button.next { background-position: -10px -300px; }
.button.prev { background-position: -10px -330px; }
.button.next:active { background-position: -650px -300px; }
.button.prev:active { background-position: -650px -330px; }
.button.next:hover { background-position: -330px -300px; }
.button.prev:hover { background-position: -330px -330px; }
.button.great, #onlineshop-shoppingcart .step-buttons-right input.next {
width: 300px;
font-weight: bold;
font-size: 16px;
height: 27px;
background-position: -10px -360px;
text-align: center;
margin: 10px 195px;
padding-left: 0; }
.button.great:active, #onlineshop-shoppingcart .step-buttons-right input.next:active { background-position: -650px -360px; padding-left: 0; text-align: center; }
.button.great:hover, #onlineshop-shoppingcart .step-buttons-right input.next:hover { background-position: -330px -360px; padding-left: 0; text-align: center; }
#onlineshop-shoppingcart .step-buttons-right input.next { text-align: center; margin: 0; }
.button.addtocart {
width: 300px;
font-weight: bold;
font-size: 16px;
height: 29px;
background-position: -8px -533px;
text-align: center;
margin: 7px 30px;
padding-left: 0; }
.button.addtocart:active { background-position: -649px -533px; padding-left: 0; text-align: center; }
.button.addtocart:hover { background-position: -329px -533px; padding-left: 0; text-align: center; }
.button.shoppingcart {
background-position: -10px -500px;
width: 58px;
padding: 0 0 0 28px;
margin-top: 9px;
text-align: left; }
.button.shoppingcart:active { background-position: -650px -500px; }
.button.shoppingcart:hover { background-position: -330px -500px; }
input.bookmarkpanel { background-position: -8px -269px; width:180px; margin:8px 0 6px; padding-left: 25px; }
input.bookmarkpanel:active { background-position: -650px -269px; width:180px; margin:8px 0 6px; padding-left: 25px; }
input.bookmarkpanel:hover { background-position: -330px -269px; width:180px; margin:8px 0 6px; padding-left: 25px; }
.button.mail { background-position: -10px -180px; width: 133px; }
.button.booking { background-position: -10px -150px; width: 133px;}/*Booking*/
.button.agb { background-position: -15px -122px; width: 35px; margin-top: 5px; height: 20px; padding:0 0 0 20px; }/*AGB button*/
.button.mail:active { background-position: -650px -180px; }
.button.booking:active { background-position: -650px -150px; }/*Booking*/
.button.agb:active { background-position: -655px -122px; margin-top: 5px; height: 20px; padding:0 0 0 20px; }/*AGB button*/
.button.mail:hover { background-position: -330px -180px; }
.button.booking:hover { background-position: -330px -150px; }/*Booking*/
.button.agb:hover { background-position: -335px -122px; margin-top: 5px; height: 20px; padding:0 0 0 20px; }/*AGB button*/
.button:hover { text-decoration: none; }
.button.right:hover { float:right }
.button.btnprint { padding-left: 25px; line-height: 1.95em; background-position: -10px -421px; }
.button.btnprint:active { background-position: -650px -421px; }
.button.btnprint:hover { background-position: -330px -421px; }
/* real width+ padding */
.size680 .button.booking { width:102px; padding:0 0 0 30px; }
.size680 .button.mail { width:102px; padding:0 0 0 30px; }
#principal { position:relative; top:0; left:0; width:950px; margin:0 auto; text-align:left; overflow:hidden; }
/* ----------------------------- Top (Hotel & Chain) -------------------------------------- */
#top { position:relative; top:0; left:0; width:950px; height:37px; background:url(../../../media/img/newtop.gif) top left no-repeat #FFF; overflow:hidden; }
/* Search */
#quicksearch form { padding:2px 0 0 10px; }
#quicksearch {
float:left;
width: 370px;
overflow:hidden; }
#quicksearch input.searchinput {
float:left;
width:240px;
height:18px;
margin: 6px 10px 7px 8px;
padding:2px 0 0 10px;
border: 1px solid;
border-color: #939393 #fff #fff #bababa;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
color:#666; }
#quicksearch input.search { float:left; width:82px; margin:8px 0 6px 0; border:0; cursor:pointer; }
/* Bookmark Panel:Weitersagen & Lesezeichen */
#bookmarks { float:left; width:180px; overflow:hidden; }
#bookmarks_foot { width:180px; margin:0 auto; }
#bookmarkpanelcontent { position:absolute; top:27px; left:502px; width:193px; height:150px; padding:4px; background-color:#fff; border:1px solid #DAD8D9; text-align:left; }
#bookmarkpanelcontent #rsbookmark ul { list-style-type:none; margin:0; padding:0; }
#bookmarkpanelcontent #rsbookmark li { float:left; text-align:left; width:90px; line-height:18px; margin:0; padding:2px 0 2px 5px; }
#rsbookmarks ul { width:240px; margin:0; padding:0; list-style:none; overflow:hidden; }
#rsbookmarks li { float:left; width:16px; height:20px; list-style:none; margin:10px 4px; overflow:hidden; }
#rsbookmarks li a,#rsbookmarks li a:hover { color:#ECF7FC; text-decoration:none; }
#rsbookmarktitle { display:none; }
/* ----------------------------- Chain Shoppingcard, Shoppingcart for WHD Shop is always loaded in Top -------------------------------------- */
#chainshoppingcart {
width: 95px;
float: left;
}
#languages { float:left; width:54px; height:11px; margin:13px 10px 14px 10px; overflow:hidden; }
#languages a{ float:left; width:27px; height:11px; overflow:hidden; }
#secondnav { float:right; width:220px; height:20px; margin:10px 10px 11px 0; text-align:right; overflow:hidden; font-family: 'Abel', HelveticaNeue-Condensed, "Arial Narrow", Arial, Helv, Helvetica, sans-serif;}
#secondnav ul { margin:0; padding:0; list-style:none; text-align:right; }
#secondnav li { float:left; display:block; line-height:18px; color:#999; background:none; }
#secondnav li img { margin-bottom: 1px; }
a.secondmenu { color:#999; }
a.secondmenu:hover, a.secondmenuover, a.secondmenuover:hover { color:#666; text-decoration:none; }
/* Header */
#header { position:relative; width:950px; margin:0; padding:0; /*height:90px; overflow:hidden; */}
.header00 { height:400px; }/* start */
.header00 .left { float:left; position:relative; top:0; left:0; width:760px; height:400px; margin:0; padding:0; }/* start */
.header00 .right { float:right; width:180px; height:400px; margin: 0; padding:0; overflow:hidden; }/* start */
.header00 #logo { top:75px; left:625px; }
.header00 #collage { position:relative; top:0; left:0; width:760px; height:355px; overflow:hidden; }
.header00 #collage_bubbles { position:absolute; left:0; top:0; }
@media only screen and (device-width: 768px) {
/* For general iPad layouts */
.header00 #collage_bubbles { display: none; }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
/* For general Smartphones layouts */
.header00 #collage_bubbles { display: none; }
}
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
/* For portrait layouts only */
.header00 #collage_bubbles { display: none; }
}
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
/* For landscape layouts only */
.header00 #collage_bubbles { display: none; }
}
.bubble { padding:10px; color:#0095D9; }
.bubble h5, .bubble h5 a, .bubble div { font:12px/160% Arial, Helvetica, sans-serif; color:#0095D9; }
.smallbubble { float:left; height:150px; padding-right:15px; overflow:hidden; color:#0095D9; }
.smallbubble h5, .smallbubble h5 a { font:12px/160% Arial, Helvetica, sans-serif; color:#0095D9; }
.header01 { height:450px; }
.header02 { height:450px; }
.header01 #logo,.header02 #logo { top:56px; left:808px; }
.header01 #collage,.header02 #collage { position:relative; top:0; left:0; width:950px; height:450px; overflow:hidden; }
.header03 { }
.header04 { }
.header05 { height:340px; }
.header05 #logo { top:25px; left:775px; }
.start #header { height:370px; }
.t03 #header, .t04 #header { height:90px; overflow:hidden; }
/* ----------------------- Logo Hotel & Resort (2012) -------------------------- */
#logo { position:absolute; overflow:hidden; }
.logo,#logoform {
background-image: url(../../../media/img/sprite_logo.png);
background-position: -5px -210px;
background-repeat: no-repeat; }
.logo { width: 105px; height: 150px; background-position: 0 -210px; }
.logo a, #logo a, #hotellogo a, #logoform a { display: block; width:100%; height:100%; } /* old ids for Backwardcompability */
.logo span { display: none; }
.logo.li, .logo.re { width: 200px; height: 85px; overflow: hidden; }
.logo.li { background-position: 0 0; }
.logo.re { background-position: 0 -85px; }
.logo.ar { position: absolute; z-index: 5; top:50px; right:50px; }
.logo.arf { position: absolute; z-index: 5; top:40px; right:40px; }
#logoform,.logo.vertical { position:absolute; top:50px; right:50px; width:95px; height:140px; background-position: -5px -210px; overflow:hidden; }
#hotellogo { position:absolute; bottom:20px; top:auto; left:0; width:745px; min-height:55px; padding:0 0 0 15px; background:url(../../../media/img/trans.png) repeat; overflow:hidden; }
#hotellogo h1 { font-size:22px; line-height:25px; margin: 0 0 10px 0;}
#hotellogoleft { position:relative; float:left; padding:11px 15px 5px 0; margin:0; width:730px; min-height:45px; overflow:hidden; background-color:transparent; }
.minheight240 { min-height:240px; height:auto; }
/*
#hotellogoleft { width: 580px; }
#hotellogoright { position:relative; float:left; margin-left:0; width:135px; height:55px; overflow:hidden; }
#hotellogoright img {margin:10px 0 0 10px; }*/
/* Top Navigation Sprite */
#nav li, #hotelnav li {
background-color: transparent;
background-image:url(../../../media/img/sprite_nav.png);
background-position: 0 0;
}
#nav { width:950px; overflow:hidden; }
.header00 .left #nav { width:760px; margin:0 0 10px 0; overflow:hidden; }
.t01 #nav,.t02 #nav { width:760px; overflow:hidden; }
.t03 #nav,.t04 #nav { width:950px; overflow:hidden; }
#nav ul { padding:0; margin:0; list-style:none; }
#nav a, #hotelnav a { display:block; }
#nav li { float:left; width:190px; height:33px; font-size:12px; list-style:none; text-align:left; overflow:hidden; }
#nav li.mainmenu { background-position: 0 0; }
#nav li.mainmenu:hover,#nav li.mainmenuover,#nav li.mainmenuover:hover { background-position: 0 -49px; }
#nav li.mainmenu a, #nav li.mainmenuover a, #hotelnav li a {
text-decoration:none;
border:0;
font-family: 'Abel', HelveticaNeue-Condensed, "Arial Narrow", Arial, Helv, Helvetica, sans-serif;
line-height: 22px;
font-size:17px;
font-weight:normal;
margin:5px 0;
color:#fff;
text-align: center; }
#hotelnav li a { font-size: 15px; }
#nav li a.submenu, #nav li a.submenuover, #hotelnav li a.submenu, #hotelnav li a.submenuover {
color:#666;
font-family: Arial, Helv, Helvetica, sans-serif;
line-height:20px;
text-decoration:none;
border-bottom:1px solid #D1EBF8;
text-align: left;
font-size: 12px;
text-transform: none; }
#nav li a.submenuover, #nav li a.submenu:hover, #hotelnav li a.submenuover, #hotelnav li a.submenu:hover{ font-weight:bold; }
#nav li li { background-image: none; }
/* first submenu */
#nav li ul, #hotelnav li ul {
position:absolute;
width:190px;
left:-999em;
z-index:7;
background-color:#FFF;
filter:Alpha(opacity=80);
opacity:0.8;
-moz-opacity:0.8;
padding-bottom: 10px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
behavior: url(http://media.w-h-d.de/media/css/PIE.htc); }
#nav li:hover ul, #nav li.sfhover ul, #hotelnav li:hover ul, #hotelnav li.sfhover ul { left:auto; color:#999; }
#nav li li { width:190px; height: auto; float:none; border:0; }
#nav li li a, #nav li li a:hover , #hotelnav li li a, #hotelnav li li a:hover { padding:0.2em 20px; }
#nav li ul ul, #hotelnav li ul ul { margin:-2.1em 0 0 12em; } /* second submenu, expand to right */
#nav li:hover ul ul, #nav li.sfhover ul ul, #hotelnav li:hover ul ul, #hotelnav li.hsfhover ul ul { left:-999em;}
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #hotelnav li:hover ul, #hotelnav li li:hover ul, #hotelnav li.hsfhover ul, #hotelnav li li.hsfhover ul { left:auto; }
html #ddnav li li{ display:inline; }
/* Hotelnav */
#hotelnav { width:960px; }
#hotelnav ul#hddnav { padding:0; margin:0; list-style:none; }
#hotelnav li { float:left; width:118px; height:28px; font-size:12px; list-style:none; background-position: -220px 0; overflow: hidden; }
#hotelnav li:hover { background-position: -220px -49px; }
#hotelnav li#hotelnav6, #hotelnav li#hotelnav7 { width: 171px !important; background-position: -370px 0; }
#hotelnav li#hotelnav6 { margin: 0 1px 0 18px; }
#hotelnav li#hotelnav6:hover, #hotelnav li#hotelnav7:hover { background-position: -370px -49px; }
#hotelnav li ul { width:135px; }
#hotelnav li li { width:135px; background-image: none; }
.right00,.right01,.right02 { clear:both; width:161px; height:120px; padding:5px 10px; overflow:hidden; }
.right00 h2,.right01 h2,.right02 h2 { margin:0 0 5px 0; }
#header .right .picture { position:relative; width:160px; margin:3px 0 0 0; padding:0; }
.right a.details_de,.right a.details_de:hover { position:absolute; top:70px; left:25px; width:110px; height:18px; text-align:center; color:#666; background:url(../../../media/img/newdetailsde.gif) top left no-repeat; text-decoration:none; z-index:100; }
.right a.details_en,.right a.details_en:hover { position:absolute; top:70px; left:25px; width:110px; height:18px; text-align:center; color:#666; background:url(../../../media/img/newdetailsen.gif) top left no-repeat; text-decoration:none; z-index:100; }
#header .right00 { background-position: -10px -10px; }
#header .right01 { background-position: -10px -150px; margin:5px 0 5px 0; }
#header .right02 { background-position: -10px -300px; } /* right02 now at top! (2010-10-21) */
#header .right00.red { background-position: -210px -10px; }
#header .right01.red { background-position: -210px -150px; margin:5px 0 5px 0; }
#header .right02.red { background-position: -210px -300px;; } /* right02 now at top! (2010-10-21) */
/* header for startpages with right col and carousel */
#header .tab { width:160px; height:120px; overflow:hidden; }
#header .carousel { width:160px; height:95px; overflow:hidden; }
#header .middle { position:relative; top:0; left:0; width:2400px; height:90px; overflow:hidden; }
#header .slide { float:left; margin-right: 15px; position:relative; top:0; left:0; width:160px; height:95px; overflow:hidden; }
#header .slide .link { position: absolute; top: 0; left: 0; z-index: 10; display: block; height: 95px; width: 100%; }
#header .slide h5 { margin:50px 0 0 0; width:100%; height:26px; background:url(../../../media/img/greentrans.png); text-align:center; color:#FFF; font-weight:bold; }
#header .slide a.gooffer, #header .slide a.gooffer:hover { position:absolute; top:56px; left:48px; width:73px; padding: 1px 7px; text-align: left; text-decoration:none; z-index:100; letter-spacing:-1px; font-size: 11px; }
#header .controls { position:relative; top:0; left:0; width:160px; }
#header .controls a.ico-prev, #header .controls a.ico-next { position:absolute; top:3px; left:0; width:15px; height:15px; line-height:15px; text-decoration:none; cursor:pointer; }
#header .controls a.ico-next { left: auto; right: 0; }
/* Hotel Header */
/* info
* new Box right next to header
* only for start page
*/
#info{
position:absolute;
top:48px;
right:0;
width:182px;
overflow:hidden;
z-index:90; }
#info .right00 { background-position: -410px -10px; }
#info .right01 { background-position: -410px -150px; margin:5px 0 5px 0; }
#info .right02 { background-position: -410px -300px; }
#info .right02.catalog { background-position: -410px -450px; }
.catalog.footer { background-position: -610px -450px; width:165px;height:120px;margin:5px 0 10px 0;}
#info a img { border:none; }
#info div.info { position: relative; }
#info div.info a.rightlink, .catalog.footer a.rightlink { width: 160px; height: 100px; display: block; position: relative; }
.catalog.footer a.rightlink{height:80px;}
#info div.info span.button, .catalog.footer span.button{ position: absolute; bottom: 10px; left: 20px; }
#info div.info.catalog span.button.normal, .catalog.footer span.button.normal{ width: 145px; padding: 0 5px; text-align: left; left: 13px; }
.catalog.footer span.button.normal { bottom: 2px; }
#impressions { position: relative; }
#impressions ul { display:inline; list-style:none; }
#impressions ul li { display:none; }
#impressions ul li.imp1, #impressions ul li.imp2, #impressions ul li.imp3, #impressions ul li.imp4, #impressions ul li.imp5 {
display:block;
position:absolute;
top:50px;
left:30px;
z-index:10;
overflow:hidden; }
#impressions ul li.imp1, #impressions ul li.imp5 {
display:block;
position:absolute;
width:60px !important;
height:29px !important;
top:70px;
left:10px;
z-index:5; }
#impressions ul li.imp5 { left:110px; }
#impressions ul li.imp2, #impressions ul li.imp4 {
display:block;
position:absolute;
width:80px !important;
height:38px !important;
top:65px;
left:20px;
z-index:7; }
#impressions ul li.imp4 { left:85px; }
#impressions .buttons { width:160px; position: absolute; left: 17px; bottom: 5px; z-index: 11; text-align: center;}
#impressions .buttons.one { width:100px; left: 55px; text-align: center;}
#stage { clear:both; position:relative; top:0; left:0; overflow:hidden; }
.stage01,.stage02 { width:948px; padding:25px 0; background:url(../../../media/img/stage.gif) left repeat-y; border:1px solid #e5e5e5; }
.stage00,.stage04,.stage05 { width:950px; }
.stage03 { width:910px; margin:0 20px; }
.stage00 .content .sixpack { height:600px; overflow:hidden; }
.stage01 #content,.stage02 #content { float:left; width:530px; margin:0; padding:20px 8px 20px 30px; line-height:16px; overflow:hidden; }
.stage01 #right,.stage02 #right { float:right; width:380px; overflow:hidden; }
.stage03 #content { float:left; width:908px; height:138px; padding:0; margin:0; background-color:#fff; border:1px solid #e2e6e9; line-height:16px; overflow:hidden; }
.stage03 #content .inside { float:left; width:688px; height:138px; padding:0 45px 0 15px; margin:0; line-height:16px; overflow:hidden; }
.stage03 #content .newlogo { float:right; width:160px; height:138px; background:url(../../../media/img/newlogowithout.gif) top right no-repeat; }
.stage03 #content h1 { padding:20px 0 0 15px; }
.stage03 #content p { padding:0 0 7px 15px; height:55px; overflow:hidden; }
#newlogode { float:right; width:215px; height:140px; background:url(../../../media/img/newlogode.jpg) top no-repeat; }
#newlogoi { float:right; width:215px; height:140px; background:url(../../../media/img/newlogoi.jpg) top no-repeat; }
#breadcrumb { float:left; width:560px; height:30px; overflow:hidden; }
#breadcrumb ul { margin:0; padding:0; list-style:none; }
#breadcrumb ul li { float:left; color:#999; padding:0 5px 0 0; font-size:9px; }
#breadcrumb ul li.breadcrumbactive { color:#999; }
#breadcrumb ul li a { color:#999; }
/* 01+02 right */
#tabbox { width:339px; padding:10px 20px 10px 21px; background:url(../../../media/img/tabcaixa.png) no-repeat #ECF7FC; overflow:hidden; }
#tabbox div.open { float:left; display:block; margin:1px 0 0 0; width:113px; height:22px; padding:8px 0 0 0; cursor:pointer; text-align:center; background:url(../../../media/img/tabactivada.png) top left no-repeat; }/*unten*/
#tabbox div.close { float:left; display:block; margin:1px 0 0 0; width:113px; height:22px; padding:8px 0 0 0; cursor:pointer; text-align:center; background:url(../../../media/img/tabdesactivada.png) top left no-repeat; }
.tabcontent { width:320px; padding:5px 10px; overflow:hidden; }
#tabboxbottom { width:380px; height:25px; background:url(../../../media/img/tabboxbottom.png) top no-repeat #ECF7FC; overflow:hidden; }
#booking { width:320px; }
#booking fieldset { font-family:Arial, Helv, Helvetica, sans-serif; color:#666; border:0 !important; }
#booking #ro1, #booking #ro2, #booking #ro3 { font-family:Arial, Helv, Helvetica, sans-serif; color:#666; }
#booking label { font-family:Arial, Helv, Helvetica, sans-serif; color:#666; cursor:pointer; }
#booking select, #selecthotel { font-family:Arial, Helv, Helvetica, sans-serif; color:#666; font-weight:normal; }
#booking fieldset ul { margin:0; padding:0; list-style:none; }
#booking fieldset li { margin:0; }
#booking fieldset li .icon { float:left; margin-right:15px; vertical-align:top; display:inline; }
#voucher, #blurb { width:380px; overflow:hidden; }
#news { width:340px; padding:5px 20px; overflow:hidden; }
#newsinner { width:340px; height:80px; overflow:hidden; }
.rightwhitetop { width:340px; padding:5px 20px 0 20px; background:url(../../../media/img/rightwhitetop.gif) top no-repeat #FFF; overflow:hidden; }
.rightwhite { width:340px; padding:10px 20px; background-color:#FFF; overflow:hidden; }
.rightwhitebottom { width:340px; height:15px; padding:5px 20px; background:url(../../../media/img/rightwhitebottom.gif) top no-repeat; overflow:hidden; }
.rightbluetop { width:340px; padding:5px 20px 0 20px; background:url(../../../media/img/rightbluetop.gif) top no-repeat #EDF7FC; }
.rightblue { width:340px; padding:10px 20px; overflow:hidden; }
.rightbluebottom { width:340px; height:15px; padding:5px 20px; background:url(../../../media/img/rightbluebottom.gif) top no-repeat #EDF7FC; overflow:hidden; }
/*hotelinfo right*/
.hotelmap { float:left; width:155px; overflow:hidden; }
.hoteladress { float:right; width:155px; padding:0 5px; overflow:hidden; }
.hotelfacilities { float:left; width:155px; height:30px; background-color:silver; overflow:hidden; }
/* hotel impressions */
#horizontal_carousel { position:relative; float:left; width:360px; height:50px; margin:15px 10px; overflow:hidden; }
#horizontal_carousel .container { position:absolute; top:0; left:20px; width:320px; height:50px; overflow:hidden; }
#horizontal_carousel .previous_button { position:absolute; top:0; left:0; width:20px; height:50px; background:url(../../../media/img/back.gif) center no-repeat; z-index:100; cursor:pointer; }
#horizontal_carousel .previous_button_disabled { background:url(../../../media/img/backdisabled.gif) 50% no-repeat; cursor:default; }
#horizontal_carousel .next_button { position:absolute; top:0; right:0; width:20px; height:50px; background:url(../../../media/img/forward.gif) 50% no-repeat; z-index:100; cursor:pointer; }
#horizontal_carousel .next_button_disabled { background:url(../../../media/img/forwarddisabled.gif) 50% no-repeat; cursor:default; }
#horizontal_carousel ul { position:relative; top:0; left:0; margin:0; padding:0; width:100000px; height:48px; list-style:none; background-color:#FFF; }
#horizontal_carousel ul li { float:left; width:78px; height:37px; margin:5px 1px; padding:0; list-style:none; overflow:hidden; }
#horizontal_carousel ul li img { display:block; }
#horizontal_carousel ul li a { color:#666; }
/* 01+02 right */
/* hotel index (template 04) */
.hoteladdresses_item { float:left; height:127px; width:292px; margin:0 10px 0 0; }
#sixpack, #newpackages { position:relative; top:0; left:0; width:950px; }
.third { float:left; width:288px; height:120px; padding:5px 11px; background:url(../../../media/img/thirds.gif) top no-repeat; overflow:hidden; }
.third .banner { width:288px; height:80px; overflow:hidden; }
.third .relative { float:left; position:relative; top:0; left:0; width:145px; margin:0 15px 0 0; padding:0; }
.third .picture { width:145px; height:70px; overflow:hidden; margin:0; padding:0; }
.third h5 { float:left; font-weight:bold; color:#0095D9; }
.third a.details,.third a.details:hover { position:absolute; top:50px; left:20px; width:76px; padding: 2px 1px; text-decoration:none; z-index:100; }
.third.twitter a.details { background-position: -10px -90px; width: 120px; }
.third a.gooffer_de,.third a.gooffer_de:hover { position:absolute; top:65px; left:20px; width:110px; height:18px; text-align:center; color:#666; background:url(../../../media/img/newgoofferde.gif) top left no-repeat; text-decoration:none; z-index:100; }
.third a.gooffer_en,.third a.gooffer_en:hover { position:absolute; top:65px; left:20px; width:110px; height:18px; text-align:center; color:#666; background:url(../../../media/img/newdetailsen.gif) top left no-repeat; text-decoration:none; z-index:100; }
.third, .third div, .third h5, .third p, .third span { font-size:11px; line-height:16px; }
#sixpack h2, #newpackages h2, .third h2, .right h2, #sixpack h2 a, #newpackages h2 a, .third h2 a, .right h2 a, #sixpack h2 a:hover, #newpackages h2 a:hover, .third h2 a:hover, .right h2 a:hover { text-align: center; color: #fff; text-decoration: none; white-space: nowrap; }
#sixpack h2 { margin: 0 0 10px 0; }
#sixpack .one { width: 948px; height: 50px; position: relative; background-color: #b1e521; background-image: url(../../../media/img/bg_one.png); background-position: bottom; background-repeat: repeat-x; border: 1px solid #87c848; border-radius: 5px; }
#sixpack .one h2 { font-size: 30px; line-height: 35px; font-weight: bold; margin: 5px 0; text-align: center;}
#sixpack .one a, #sixpack .one a:hover { position: absolute; top: 12px; left: 60px; color: #fff; text-decoration: none; font-weight: bold; text-transform: lowercase; background-position: -10px -390px; padding: 3px 0; margin: 0; width: 120px; text-align: center; font-size: 12px; line-height: 160%; }
#sixpack .one a.request { right: 60px; left: auto; }
#news { width:278px; padding:5px; overflow:hidden; }
#newsinner { width:278px; height:60px; overflow:hidden; }
.third a.allnews_de,.third a.allnews_de:hover { position:absolute; top:65px; left:20px; width:110px; height:18px; text-align:center; color:#666; background:url(../../../media/img/allnews_de.png) top left no-repeat; text-decoration:none; z-index:100; }
.third a.allnews_en,.third a.allnews_en:hover { position:absolute; top:65px; left:20px; width:110px; height:18px; text-align:center; color:#666; background:url(../../../media/img/allnews_en.png) top left no-repeat; text-decoration:none; z-index:100; }
/* round content */
.contenttop { position:relative; top:0; left:0; width:950px; height:5px; margin:0; padding:0; background:url(../../../media/img/newcontenttop.gif) top no-repeat; overflow:hidden; }
.content { position:relative; top:0; left:0; width:930px; padding:0 10px; background:url(../../../media/img/newcontent.gif) repeat-y; text-align:left; line-height:16px; overflow:hidden; }
.content.with_border {
background:none;
border:1px solid #efefef;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
width:908px;
padding:0 10px 0 30px; }
.content .inside { width:760px; padding:30px 85px; text-align:left; overflow:hidden; }
.contentbottom { position:relative; top:0; left:0; width:950px; height:5px; margin:0; padding:0; background:url(../../../media/img/newcontentbottom.gif) top no-repeat; overflow:hidden; }
/*teaser style*/
.picture { float:left; width:245px; height:120px; background:url(../../../media/img/image.gif) top left no-repeat; padding:7px 7px 8px 8px; margin:0 10px 10px 0; border:0; overflow:hidden; }
.nopicture { float:left; width:245px; height:120px; padding:5px; margin:0 10px 10px 0; border:1px solid silver; text-align:center; overflow:hidden; }
.picture .img, .nopicture .img { width:245px; height:116px; border:0; overflow:hidden; }
.teaser { float:left; width:260px; height:100px; line-height:15px; overflow:hidden; }
.newteaser {
border:1px solid #efefef;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
padding: 10px;
}
.newteaser h3, .newteaser h3 a {
color: #666;
}
.newteaser .relative {
line-height:14.8px;
margin:0 0 12px 0;
}
#shop .newteaser {
width: 658px;
}
.packTeaser{height:85px;margin-bottom:2px;overflow:hidden;}
#shop .packTeaser { width: 670px; }
.packTeaser .left, .packTeaser .right{height:85px;overflow:hidden;}
.packTeaser .right p{line-height:15px;height:32px;margin:0 0 12px 0;padding-right:20px !important;overflow:hidden;}
.packTeaser .button, .newteaser .button { float: right; padding: 0 0 0 28px; width: 106px; }
.packTeaser .button.long, .newteaser .button.long {
padding: 1px 0 0 0;
margin-top: 0;
width: 181px;
text-align: center;
}
.packTeaser .more { float: left; }
/*portalpackages style*/
.displaypackage_header { float:left; width:910px; height:140px; padding:0; margin:0; overflow:hidden; }
.displaypackage_header .picture { float:left; width:295px; height:140px; padding:0; margin:0; border:0; overflow:hidden; }
.displaypackage_header .border { float:left; width:598px; height:138px; padding:0 0 0 15px; margin:0; border:1px solid #e2e6e9; overflow:hidden; }
.displaypackage_header .border .headertext { float:left; display:block; width:438px; height:138px; padding:25px 0 0 0; margin:0; line-height:16px; }
.displaypackage_header .border .newlogowithout { float:right; width:160px; height:138px; padding:0; margin:0; background:url(../../../media/img/newlogowithout.gif) top left no-repeat #fff; }
.btn_searchhotel_de { display:block; width:114px; height:23px; background:url(../../../media/img/btn_searchhotel_de.png) top left no-repeat; border:0; text-indent:-9999px; cursor:pointer; }
.btn_searchhotel_en { display:block; width:114px; height:23px; background:url(../../../media/img/btn_searchhotel_en.png) top left no-repeat; border:0; text-indent:-9999px; cursor:pointer; }
.btn_back_de { display:block; width:114px; height:23px; background:url(../../../media/img/btn_back_de.png) top left no-repeat; border:0; text-indent:-9999px; cursor:pointer; }
.btn_back_en { display:block; width:114px; height:23px; background:url(../../../media/img/btn_back_en.png) top left no-repeat; border:0; text-indent:-9999px; cursor:pointer; }
.border { padding:0 0 0 15px; margin:0; border:1px solid #e2e6e9; }
#footer { clear:both; position:relative; top:0; left:0; width:950px; margin:15px 0; text-align:center; overflow:hidden; }
#landingpages { clear:both; float:none; text-align:center; font-size:11px; color:#999; margin:0 auto; }
#landingpages ul { margin:0 auto; padding:0; list-style:none; text-align:center; }
#landingpages ul li { float:none; display:inline; line-height:30px; font-size:11px; color:#999; }
#landingpages a { padding:0 8px 0 9px; font-size:11px; color:#999; text-decoration:none; }
#landingpages a:hover { color:#666; text-decoration:none; }
#thirdnav { clear:both; float:none; text-align:center; font-size:11px; color:#999; margin:0 auto; }
#thirdnav ul { margin:0 auto; padding:0; list-style:none; text-align:center; }
#thirdnav ul li { float:none; display:inline; line-height:30px; font-size:11px; color:#999; }
li.thirdmenu a, li.thirdmenu a:visited { color:#999; padding:0 8px 0 9px; font-size:11px; text-decoration:none; }
li.thirdmenu a:hover, li.thirdmenuover a, li.thirdmenuover a:hover { color:#666; padding:0 8px 0 9px; font-size:11px; text-decoration:none; }
li.up { list-style:none; }
li.up a, li.up a:hover { color:#999; text-decoration:none; }
#adress { float:left; width:950px; text-align:left; overflow:hidden; }
#adress a { color:#666; }
#hws { float:left; width:220px; height:30px; line-height:30px; text-align:left; overflow:hidden; }
/* ----------------------------------------- Hotels Rechte Spalte -------------------------------------------------------*/
.hotel #right hr { border:none; background:url(../../../media/img/2011/line.png) no-repeat center transparent; height:1px; margin: 15px 0 20px; }
/* ----------------------------------------- Hotels Buchungsmaske -------------------------------------------------------*/
#booking { width:320px; }
#booking input, #booking select, span.border { border:1px solid #c0d4dd;}
span.border { padding:2px 0; margin-right:15px;}
#booking #arrival { border:none; margin:0; padding:0; height:14px; font-size:12px; line-height:13px;}
#booking fieldset { font-family:Arial, Helv, Helvetica, sans-serif; color:#666; border:0 !important; }
#booking #ro1, #booking #ro2, #booking #ro3 { font-family:Arial, Helv, Helvetica, sans-serif; color:#666; width:320px; }
#booking label { font-family:Arial, Helv, Helvetica, sans-serif; color:#666; cursor:pointer; }
#booking select, #selecthotel { font-family:Arial, Helv, Helvetica, sans-serif; color:#666; font-weight:normal; }
#booking fieldset ul { margin:0; padding:0; list-style:none; }
#booking fieldset li { margin:0; }
#booking fieldset li .icon { float:none; margin:1px 0 0 0; vertical-align:top; display:inline; }
#booking .big {
color:#0095d9;
font-weight:bold;
font-size:16px; }
#booking table td.center{ text-align:center;}
#booking .button.mail { margin-left: 20px; }
#booking .button.booking { margin-left: 10px; }
#booking input.button { border: none; }
/* ----------------------------------------- Slider Hotels -------------------------------------------------------*/
/* Slider Right */
/* Carousel Correction (mainly for IE7 bug) */
.carousel { overflow:hidden; }
.carousel .middle { overflow:hidden; position:relative; top:0; left:0; height:170px; }
/* ----------------------------------------- Slider (Rechte Spalte) -------------------------------------------------------*/
#arrangements, #events { width:320px !important; overflow:hidden !important; position:relative; height:235px; }
#arrangements_content, #events_content, #arrangementsfull_content { width:20000px; height:235px; overflow:visible; position:absolute; top:0; left:0; }
div.tab { position:relative; }
#arrangements_controls .ico-prev, #arrangements_controls .ico-next, #events_controls .ico-prev, #events_controls .ico-next{ position:absolute; left:-8px; top:128px; z-index:15; }
#arrangements_controls .ico-next, #events_controls .ico-next{ left:auto; right:-8px; }
#arrangements, #arrangements_content { height: 235px; }
.slide { position:relative; height:235px; width:320px; float:left; z-index:5; display:block; }
.pic { position:relative; padding:0; width:320px; height:153px; }
.pic .inside { border:1px solid #c0d4dd; background-image:url(../../../media/img/2011/trans.png); padding:5px 35px; position:absolute; top:152px; width:248px; }
.slide h5, .slide a h5, .slide a { font-weight:bold; }
.slide .buttons { position:absolute; bottom:0; left:10px; z-index:15; width:305px; text-align:center; }
.slide .buttons .button { width: 66px; padding: 0 5px; display: inline-block; text-decoration: none; }
.slide .buttons .button:hover { text-decoration: none; }
#events .buttons, #arrangements .buttons { left:120px; width:320px; }
/* ----------------------------------------- Arrangements (Bodyfull) -------------------------------------------------------*/
#arrangements_slider {
width:580px !important;
position:relative;
height:170px;
background-image:url(../../../media/img/2011/bg_arrangement.png);
background-repeat:no-repeat;
padding:10px 20px; }
#arrangementsfull { width:520px !important; overflow:hidden !important; position:relative; height:150px; }
#arrangementsfull_content { height:100px; width:10000px; }
#arrangementsfull_controls .ico-prev, #arrangementsfull_controls .ico-next{ position:absolute; left:-30px; top:5px; z-index:15; cursor: pointer; }
#arrangementsfull_controls .ico-next{ left:auto; right:33px; }
#arrangementsfull .slide { position:relative; height:100px; width:250px; float:left; z-index:5; margin:0 20px 0 0; overflow:hidden;}
/* GoogleMap Overlay */
#gmap { position:absolute; top:0; left:170px; background-color:#FFF; border:0; padding:20px; z-index:200; overflow:hidden; }
#popup { position:absolute; top:0; left:170px; background-color:#FFF; border:0; padding:20px; z-index:300; }
#overlay{ position:absolute; top:0; left:0; width:100%; z-index:100; background-color:#EEE; }
/* Contact forms */
.submit { display:block; width:150px; height:20px; line-height:11px; padding:0 0 0 16px; margin:2px 0; background:url(../../../media/img/submit01.gif) left no-repeat; color:#666; text-align:left; border:0; cursor:pointer; }
.submit:hover { display:block; width:150px; height:20px; line-height:11px; padding:0 0 0 16px; margin:2px 0; background:url(../../../media/img/submit01.gif) left no-repeat; color:#000; text-align:left; border:0; cursor:pointer; }
.submitlong { display:block; width:200px; height:20px; line-height:11px; padding:0 0 0 16px; background:url(../../../media/img/submitlong.gif) left no-repeat; color:#666; text-align:left; border:0; cursor:pointer; }
.submitlong:hover { display:block; width:200px; height:20px; line-height:11px; padding:0 0 0 16px; background:url(../../../media/img/submitlong.gif) left no-repeat; color:#000; text-align:left; border:0; cursor:pointer; }
input.submit01, input.submit02, input.submit03, input.submit04 { display:block; width:150px; height:20px; line-height:11px; padding:0 0 0 16px; margin:2px 0; color:#666; border:0; cursor:pointer; }
input.submit01:hover, input.submit02:hover, input.submit03:hover, input.submit04:hover { color:#000; border:0; cursor:pointer; }
a.submit01 { display:block; width:150px; height:20px; line-height:16px; padding:0; margin:2px 0; color:#666; border:0; cursor:pointer; }
a.submit01:hover { text-decoration:none; color:#000; border:0; cursor:pointer; }
input.submit01, a.submit01 { background:url(../../../media/img/submit01.gif) top left no-repeat; }
input.submit02, a.submit02 { background:url(../../../media/img/submit02.gif) top left no-repeat; }
input.submit03, a.submit03 { background:url(../../../media/img/submit03.gif) top left no-repeat; }
input.submit04, a.submit04 { background:url(../../../media/img/submit04.gif) top left no-repeat; }
/* for all */
a.leftback { float:left; display:block; color:#0095d9; padding:0 0 0 16px; line-height:17px; background:url(../../../media/img/back.gif) left no-repeat; }
a.back { float:right; display:block; color:#FCC800; padding:0 16px; line-height:17px; background:url(../../../media/img/back.gif) left no-repeat; }
a.print { float:right; display:block; color:#FCC800; padding:0 16px; line-height:17px; background:url(../../../media/img/print.gif) left no-repeat; }
a.links { clear:both; float:left; display:block; color:#FCC800; padding:0 16px; line-height:17px; background:url(../../../media/img/setinha.gif) left no-repeat; }
a.download { clear:both; float:left; display:block; color:#FCC800; padding:0 16px; line-height:17px; background:url(../../../media/img/download.gif) left no-repeat; }
a.details, a.details01, a.details02, a.details03, a.details04 { float:left; display:block; width:85px; height:23px; line-height:170%; color:#0095d9; padding:0 0 0 29px; margin:10px 0 0 0; background:url(../../../media/img/btn_more.png) top left no-repeat;}
a.details:hover, a.details01:hover, a.details02:hover, a.details03:hover, a.details04:hover { color:#0095D9; text-decoration:none; }
a.details { width: 75px; margin-right: 7px; padding-left: 0; background:url(../../../media/img/2011/btn.png) top left no-repeat; text-align: center;}
.sitemap { padding-left: 20px; margin-bottom: 20px; width: 350px; }
.sitemap li { background:url(../../../media/img/li01.gif) top left no-repeat; list-style:none; padding:1px 2px 0 15px; }
.sitemap li a { color:#0095D9; cursor:pointer; }
.sitemap li a:hover { color:#0095D9; text-decoration:none; }
#menu1.sitemap li.sub1 { padding-top: 10px; background-position: 0 9px;}
.sitemap li.sub2 { padding-left: 35px; background-image:url(../../../media/img/li05.gif); background-position: 15px 0;}
.sitemap li.sub3 { padding-left: 55px; background-image:url(../../../media/img/li05.gif); background-position: 35px 0;}
.sitemap.right { padding-top: 10px; }
ul.setinha { margin:0; padding:0; list-style:none; }
.setinha li { background:url(../../../media/img/back.gif) left no-repeat; list-style:none; padding:0 0 0 16px; }
.setinha li a { color:#0095D9; cursor:pointer; }
.setinha li a:hover { color:#0095D9; text-decoration:none; }
.icon { float:left; margin:0 5px 0 0; vertical-align:middle; }
.image { float:left; margin:0 5px 0 0; vertical-align:top; border:5px solid #FFF; }
.left { float:left; }
.right { float:right; }
.line { clear:both; width:100%; height:1px; background-color:#EEE; overflow:hidden; }
.pt { clear:both; width:100%; height:20px; margin:5px 0px; text-align:right; }
.space { clear:both; width:100%; height:5px; overflow:hidden; }
.space10 { clear:both; width:100%; height:10px; overflow:hidden; }
.space25 { clear:both; width:100%; height:25px; overflow:hidden; }
.clear { clear:both; width:100%; height:1px; overflow:hidden; }
.clearfix:after, .container:after {
content: "\0020";
display: block;
height: 0;
clear: both;
visibility: hidden;
overflow:hidden;
}
.clearfix, .container {display: block;}
.roundedges { padding:4px; border:1px solid #999; }
.roundedges TABLE { width:100%; background-color:#EEE; }
.roundedges a { color:#E70027; cursor:pointer; }
.roundedges div.open { color:#666; cursor:pointer; }
.roundedges div.open:hover { text-decoration:underline; color:#666; cursor:pointer; }
.roundedges div.close { color:#666; text-decoration:none; font-weight:bold; cursor:pointer; }
.roundedges div.close:hover { color:#666; text-decoration:underline; cursor:pointer; }
.roundedges265 { width:235px; padding:5px 15px; background:url(../../../media/img/roundedges265.gif) repeat-y; font-size:10px; }
.roundedges265 table, .roundedges265 td, .roundedges265 div { font-size:11px; }
.roundedges265top { width:235px; height:25px; padding:10px 15px 0 15px; background:url(../../../media/img/roundedges265top.gif) top left no-repeat; }
.roundedges265bottom { width:235px; height:20px; padding:0 15px; background:url(../../../media/img/roundedges265bottom.gif) top left no-repeat; }
.roundedges530 { width:500px; padding:10px 15px; background:url(../../../media/img/roundedges530.gif) repeat-y; }
.roundedges530top { width:500px; height:25px; padding:10px 15px 0 15px; background:url(../../../media/img/roundedges530top.gif) top left no-repeat; }
.roundedges530bottom { width:500px; height:20px; padding:0 15px; background:url(../../../media/img/roundedges530bottom.gif) top left no-repeat; }
/* availability calendar for arrangements and rooms */
.hwbavcal { float:left; margin-right:2px; background-color:#EEE; font-size:11px; }
.hwbavcal .wm { text-align:center; color:#999; cursor:pointer; }
.hwbavcal .av0 { font-size:10px; background-color:#E70027; color:#FFF; text-align:center; border-right:1px solid white; border-bottom:1px solid white; text-decoration:line-through; }
.hwbavcal .av1 { font-size:10px; background:#A4C916; color:#FFF; text-align:center; border-right:1px solid white; border-bottom:1px solid white; cursor:pointer; }
.hwbavcal .av2 { font-size:10px; background:#FCC800; color:#666; text-align:center; border-right:1px solid white; border-bottom:1px solid white; }
.requestavailibility { float:right; width:195px; height:160px; overflow:hidden; }
.requestavailibility ul { list-style:none; font-size:10px; }
li.blue { background:url(../../../media/img/li01.gif) top left no-repeat; list-style:none; padding:0 2px 0 10px; }/*blue*/
li.red { background:url(../../../media/img/li02.gif) top left no-repeat; list-style:none; padding:0 2px 0 10px; }/*red*/
li.yellow { background:url(../../../media/img/li03.gif) top left no-repeat; list-style:none; padding:0 2px 0 10px; }/*yellow*/
li.green { background:url(../../../media/img/li04.gif) top left no-repeat; list-style:none; padding:0 2px 0 10px; }/*green*/
li.grey { background:url(../../../media/img/li05.gif) top left no-repeat; list-style:none; padding:0 2px 0 10px; }/*grey*/
/**
* Custom Styles fuer den HTML Editor
* ( Bitte immer aktuellen Hotelfarben anpassen!! )
*/
.kleinS { font-size:10px; } /* Standard */
.normalS { font-size:12px; }
.grossS { font-size:14px; font-weight:bold; }
.riesigS { font-size:22px; font-weight:bold; }
.kleinR { font-size:10px; color:#0095D9; } /* Hervorragend */
.normalR { font-size:12px; color:#0095D9; }
.grossR { font-size:14px; color:#0095D9; font-weight:bold; }
.riesigR { font-size:22px; color:#0095D9; font-weight:bold; }
.kleinB { font-size:10px; color:#E70027; } /* Alternative */
.normalB { font-size:12px; color:#E70027; }
.grossB { font-size:14px; color:#E70027; font-weight:bold; }
.riesigB { font-size:22px; color:#E70027; font-weight:bold; }
/* Nicht zu druckende Bereiche */
.noprint { font-size:12px; color:#0095D9; }
/* Calendar */
.calendar { position:relative; z-index: 10; display:none; cursor:pointer; font-family:Arial,Helv,Helvetica,sans-serif; font-size:11px; border:3px solid #ECF7FC; background-color:#FFF; color:#0095D9; }
.calendar table { cursor:pointer; font-family:Arial,Helv,Helvetica,sans-serif; font-size:11px; background-color:#F5FBFE; color:#0095D9; }
.calendar .button { text-align:center; padding:1px; border:1px solid; border-color:#FFF #999 #999 #FFF; background-color:#C9E7F8; color:#999; }
.calendar .nav { background:#C9E7F8 url(../../../media/_js/calendar/menuarrow.gif) no-repeat 100% 100%; color:#0095D9; }
.calendar thead .title { font-weight:bold; padding:1px; text-align:center; border:1px solid; border-color:#FFF #999 #999 #FFF; background-color:#C9E7F8; color:#0095D9; }
.calendar thead .headrow { }
.calendar thead .daynames { }
.calendar thead .name { padding:0px; text-align:center; border-bottom:1px solid #999; background-color:#C9E7F8; color:#999; }
.calendar thead .weekend { color:#A4C916; font-weight:bold; }/*green for weekend days*/
.calendar thead .active { padding:0; border-width:1px; border-color:#999 #FFF #FFF #999; }
.calendar tbody .day { width:2em; text-align:right; padding:2px; color:#0095D9; }
.calendar table .wn { padding:2px 3px 2px 2px; border-right:1px solid #999; background-color:#E1E6F5; color:#999; color:#0095D9; }
.calendar tbody .rowhilite td { background-color:#C9E7F8; color:#0095D9; }
.calendar tbody td.hilite { padding:1px; border:1px solid; border-color:#FFF #999 #999 #FFF; color:#0095D9; }
.calendar tbody td.active { padding:1px; border:1px solid; border-color:#172E55 #E1E6F5 #E1E6F5 #172E55; }
.calendar tbody td.selected { font-weight:bold; padding:2px 2px 0px 2px; border:1px solid; border-color:#999 #E1E6F5 #E1E6F5 #999; background-color:#C9E7F8; color:#0095D9; }
.calendar tbody td.weekend { color:#A4C916; }
.calendar tbody td.today { font-weight:bold; color:#0095D9; }
.calendar tbody td.disabled { color:#BBB; text-decoration:line-through; }
.calendar tbody .emptycell { visibility:hidden; }
.calendar tbody .emptyrow { display:none; }
.calendar tfoot .footrow { }
.calendar tfoot .ttip { background-color:#C9E7F8; padding:0; border:1px solid; border-color:#999 #FFF #FFF #999; color:#0095D9; text-align:center; }
.calendar tfoot .hilite { padding:0; border:1px solid; border-color:#FFF #999 #999 #FFF; background-color:#39ABE0; }
.calendar tfoot .active { padding:2px 0px 0px 2px; border:1px solid; border-color:#FFF #999 #999 #FFF; }
.combo { position:absolute; display:none; width:4em; top:0; left:0; cursor:pointer; border:1px solid; border-color:#FFF #0095D9 #0095D9 #FFF; background-color:#FFF; color:#0095D9; font-size:smaller; padding:0; }
.combo .label,.combo .label-IEfix { text-align:center; padding:0; }
.combo .label-IEfix { width:4em; }
.combo .active { padding:0px; border:1px solid #0095D9; }
.combo .hilite { border:1px solid #0095D9; background-color:#E1E6F5; color:#0095D9; }
/* Reset of button stylings for the calendar */
.calendar td { display:table-cell !important; float:none !important; height:auto !important; width:auto !important; text-align:center !important; }
.calendar .button { background:none !important; line-height:normal !important; margin:0 !important; }
.calendar td.day { width:22px !important; }
/* ----------------------------------- Trust Elements -------------------------------------------------------- */
/*
* Template 04
* template 07
* Hoteltemplate 03+04 (Teaserview)
* Diverse functions
* Shop Template
*
* */
#trust {
position: absolute;
top: 260px;
right: 31px;
width: 165px; }
#trust .trust{
width: 156px;
margin: 0 0 10px 0;
height: 120px;
overflow: hidden;
padding: 0 5px;
background-position: -609px -10px; }
.trust00, #trust .trust00 {
background-position: -609px -10px; }
.trust01, #trust .trust01 {
background-position: -609px -150px; }
.trust02, #trust .trust02 {
background-position: -609px -300px; }
/* Hoteltemplate 03 & 04 */
#trust .trust.nopadding { padding: 0; }
#trust.right {
top: 0;
margin-top:30px;
position: relative;
margin-bottom: 20px;
}
#trust .hoteladress { padding: 10px 5px; }
/* no absolute position (doesn't count the height!)*/
#flexibletrust { position:relative; float:right; width:165px; margin:0 20px 0 0; }
#flexibletrust .trust, .right_content .trust03 { width:156px; margin:0 0 10px 0; padding:0 5px; height:120px; background-position:-609px -10px; overflow:hidden; }
/* aSuplies in bookablearrangements /displayportal trust object with variable height */
.trustlong { width:156px; height:auto; margin:0; padding:0 5px; background-position:-793px -10px; overflow:hidden; }
.trustlongbottom { width:156px; margin:0 5px 10px 0; padding:0 3px 0 5px; height:1px; background-color:#56c1e7; overflow:hidden; }
/* Inklusivleistungen, Wellness Offerten */
.trustlong ul { width:135px; margin:0 2px 5px 2px; padding:0 0 10px 15px; overflow:hidden; }
.trustlong ul li { list-style-type:circle; color:#56c1e7; }
.trustlong ul li.last { border:0; }
/* Differnet list style for Shop */
#shop .trustlong ul {
width: 142px;
margin: 10px;
margin-bottom: 5px;
padding: 0;
color: #666;
}
#shop .trustlong ul li {
list-style-type: none;
color:#666;
line-height: 1.35em;
margin-bottom: 5px;
padding-left: 20px;
background-position: -14px -46px; }
.trustlong.nopadding { width:166px; padding:0 2px 0 1px; }
.trustlong.nopadding h2 { margin:4px 0 0 0; }
.trustlong.nopadding strong { color:#56c1e7; }
.catalog.footer h2, .trust h2,.trustlong h2,.trust h2 a,.trust h2 a:hover, #shoppingcart .shoppingcart h3 a, #shoppingcart .shoppingcart h3 a:hover { font-size: 17px; color: #fff; text-align: center; height: 25px; overflow: hidden; }
.catalog.footer h2{padding-top:5px;}
.trust img { max-height:82px; overflow:hidden; }
/* ----------------------------------- Shop Template -------------------------------------------------------- */
#shop {
}
#shop #left {
width: 700px;
margin: 50px 25px 30px 0;
float: left;
}
.hotel #shop #left {
margin-top: 0;
}
#shop #trust.right {
position: relative;
top: 0;
right: 0;
float: left;
margin-top: 50px;
}
#shop #trust.right .logo {
margin: 0 0 50px -21px;
}
#shoppingcart .shoppingcart {
position: relative;
width: 165px;
height: 130px;
margin-bottom: 30px;
background-position: -970px -10px;
}
#shoppingcart .shoppingcart h3 {
padding-top: 1px;
margin: 0;
}
#shoppingcart .shoppingcart h3 a {
padding-left: 25px;
}
#shoppingcart .shoppingcart h3 a span {
display: block;
width: 40px;
height: 30px;
position: absolute;
top: 1px;
right: 6px;
text-align: center;
margin: 0;
color: #0095D9;
}
#shoppingcart .shoppingcart .inside {
width: 143px;
padding: 10px;
line-height: 1.35em;
}
#shoppingcart .shoppingcart .inside p{
margin-bottom: 10px;
}
#shoppingcart .sum {
float: left;
display: block;
width: 40%;
}
#shoppingcart .sum.right {
text-align: right;
width: 60%;
}
#shoppingcart .shoppingcart .sending, #shoppingcart .shoppingcart .sending a {
font-size: 9px;
color: #999999;
line-height: 1.15em;
}
#shoppingcart .shoppingcart .sending a {
text-decoration: underline;
}
#shoppingcart .button {
padding-top: 1px;
margin-left: 13px;
margin-top: 10px;
}
#shop .newfunction {
float: left;
}
#shop .newfunction select {
width: 47px;
}
#shop .button.medium {
padding: 0 0 2px 0;
width: 123px;
}
.shopgallery, .vouchercontent {
width: 340px;
float: left;
}
.shopgallery {
margin-top: 5px;
}
.vouchercontent .button.addtocart {
margin-left: 0;
}
.vouchercontent h1 {
margin-top: 0;
}
.roomtable td {
vertical-align: top;
}
.roomtable td input {
margin-top: 3px;
}
.roomtable td label {
color: #0095D9;
}
.roomtable td .price {
color: #0095D9;
font-size: 14px;
}
/* Formulare */
select optgroup { font-weight: bold; }
select optgroup option { font-weight: normal; font-style: normal; padding-left: 15px;}
FORM#clb { width:100%; }
#clb LABEL, #clb input, #clb select, #clb textarea { display:block; float:left; padding:3px; margin:0 5px 2px 0; } /* Muss */
#clb LABEL { width:130px; text-align:right; cursor:pointer; }
#clb input,#clb textarea { width:210px; text-align:left; }
#clb select { width:222px; text-align:left; }
#clb BR { clear:both; }
#clb A { font-weight:bold; } /* Links i.e. terms of use */
#clb input.submit { float:left; width:150px; margin:0 0 0 141px; text-align:center; } /* Submitbutton */
#clb label.lblRight { float:left !important; text-align:left; width:340px; height:auto; vertical-align:top; padding:0; margin:0; } /* Labels on right side */
#clb_btnNewCode { width:150px !important; margin:0 0 0 1px !important; text-align:center; }/* captcha button */
#clb IMG { float:left; margin:0 0 0 141px; } /* captcha img */
#clb IMG#dtclb_arrival { float:left; margin:0 0 0 2px; } /* date/calendar img */
#clb IMG#dtclb_otherarrival { float:left; margin:0 0 0 2px; } /* date/calendar img */
#clb input.frmchkbox { width:auto !important; border:0; padding:0; margin:2px 5px 0 0; float:left; vertical-align:bottom; } /* Checkbox */
#clb span.frmIndent { display:block; float:left; width:130px; padding:3px; margin:0 5px 2px 0; }
#clb input.frmint { width:80px; text-align:left; padding:3px !important; } /* Integerfield */
#clb input.frmprice { width:80px; text-align:right; } /* Integerfield with currency */
#clb input.frmerror { color:red; } /* Error text */
#clb input.frmwarn { background-color:red; } /* indicator */
#weather { text-align:center; }
/*packagefinder*/
FORM#packagefinder { width:530px; overflow:hidden; }
#packagefinder select { width:320px; }
#pf_region { float:left; width:320px; margin:10px 0; }
#pf_region ul { margin:0; padding:0; list-style:none; display:block; }
#pf_avail { float:left; width:320px; margin:10px 0; }
#pf_avail ul { margin:0; padding:0; list-style:none; display:block; }
/* Sprite Arrows Hotelfinder */
.hf_span_open span, .hf_span_close span, #hotelfinder2 .hotelfinder2_toggleAreas {
background-image:url(../../../media/img/sprite_arrows.png);
background-position: 0 0;
background-repeat: no-repeat;
}
/* Hotelfinder rechte Spalte */
#hf { position:relative; width:340px; color:#0095D9 !important; }
#hf label , #hf div, #hf td, #hf p, #hf select { color:#0095D9; font-weight:normal; }
.hf_div { float:left; width:340px; cursor:pointer; }
.hf_span_open span { color:#0095D9; line-height:18px; background-position: 0 -20px; padding:0 16px 0 0; cursor:pointer; }
.hf_span_close span { color:#0095D9; line-height:18px; background-position: 0 -40px; padding:0 16px 0 0; cursor:pointer; }
.hf_ul { float:left; width:170px; list-style:none; margin:0; padding:0; overflow:hidden; }
.hf_ul li { padding-bottom:5px; }
.hf_ul li label { margin-left:0; color:#0095D9; }
#clientid { margin-right:10px; }
#qhf1,#qhf1:hover { position:relative; top:8px; left:2px; }/*such button*/
#qhf { position:relative; top:10px; left:61px; }/*such button*/
#hfresults { position:relative; }
#geoarea { position:relative; list-style:none; margin:0; padding:0; }
#map { margin:0; padding:0; overflow:hidden; }
/* -------------------- Wellness Lexicon ------------------------------ */
#glossaryhead, .alphabet li, .glossylist.active {
background-image: url(../../../media/img/lexicon_sprite.png);
background-position: 0 0;
background-repeat: no-repeat;
}
.content.with_border.glossary { padding: 20px 30px; width: 888px; }
.alphabet {
position: relative;
z-index: 5;
width: 450px;
float: left;
margin: 0;
padding: 0; }
.alphabet li {
position: relative;
z-index: 10;
display: block;
float: left;
width: 16px;
height: 103px;
list-style: none;
background-position: -5px 0; }
.alphabet li:hover, .alphabet li.active{
background-position: -35px 0; }
.alphabet li.a, .alphabet li.z {
width: 32px;
background-position: -50px 0; }
.alphabet li.a:hover, .alphabet li.a.active {background-position: -80px 0; }
.alphabet li.z { background-position: -110px 0; z-index: 6; }
.alphabet li.z:hover, .alphabet li.z.active { background-position: -142px 0; }
.alphabet li a{
color: #fff;
display: block;
font-size: 18px;
width: 16px;
text-align: center;
padding: 68px 0 0; }
.alphabet li a:hover { text-decoration: none; }
.alphabet li.a a {
width: 43px;
-moz-transform:rotate(9deg); /* Firefox 3.6 Firefox 4 */
-webkit-transform:rotate(9deg); /* Safari */
-o-transform:rotate(9deg); /* Opera */
-ms-transform:rotate(9deg); /* IE9 */
transform:rotate(9deg); /* W3C */ }
.alphabet li.z a {
padding-left: 5px;
width: 18px;
-moz-transform:rotate(-10deg); /* Firefox 3.6 Firefox 4 */
-webkit-transform:rotate(-10deg); /* Safari */
-o-transform:rotate(-10deg); /* Opera */
-ms-transform:rotate(-10deg); /* IE9 */
transform:rotate(-10deg); /* W3C */ }
.alphabet li.worm { background-image: url(../../../media/img/wurm.gif); background-position: center bottom; width: 25px; position: absolute; bottom: -4px; z-index: 7; }
.hide {display: none; }
#glossaryhead .logo { float: left; }
#glossaryhead { background-position: 0 bottom; padding-bottom: 28px; position: relative; position: relative; z-index: 5; margin-bottom: 40px; }
#glossaryhead .glossy, #glossaryhead .alpha {
font-size: 14px;
position: absolute;
right: -1px;
top: 42px;
font-family: 'Abel', HelveticaNeue-Condensed, "Arial Narrow", Arial, Helv, Helvetica, sans-serif; }
#glossaryhead .alpha {
right: 52px;
top: 27px; }
#glosterm {
padding:2px 4px 0 4px;
width: 142px;
height:17px;
float: left;
border: 1px solid #939393;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
#glossearch {
float: left; }
#glossary {
width: 203px;
height: 31px;
padding: 15px 0 0 15px;
position: absolute;
bottom: 0;
right: 2px; }
.glossylist {
display: block;
width: 190px;
padding: 3px 0 3px 15px;
color: #666666; }
.glossylist:hover { text-decoration: none; color: #0095D9; }
.glossylist.active { background-position: 0 -160px; color: #0095D9; font-size: 14px; padding-top: 1px; }
#glossylist hr.dotted { border-bottom: 1px dashed #dfddde; width: 165px; margin: 0 0 2px 15px; }
#glossylist { width: 195px; float: left; border-right: 1px solid #dfddde; }
#glossaryentry { float: left; width: 645px; margin-left: 30px; }
.glossaryentry h1 span { background-color: #fffc00; }
.glossaryentry .sharebutton { width: 180px; float: right; }
.glossaryentry .button.btnprint { float: right; margin-top: 8px; }
.glossaryentry .third h2 { margin-top: 0; }
.glossaryentry .hotelbuttons { float: right; }
.glossaryentry .hotelbuttons .button { margin-right: 5px; }
.glossaryentry .georegion { float: right; text-align: right; }
.glossaryentry .georegion label { color: #0095D9; margin-top: -3px; }
.glossaryentry .georegion input { margin-top: 3px; margin-right: 5px;}
.teaser.glossaryentry { width: 665px; height: auto; float: none; }
.hotellistresult h4 { cursor: pointer; }
/* CSS to go with Prototip.Styles */
.prototip { font:11px Arial, Helvetica, sans-serif; color:#0095D9; }
/* the default style */
.prototip .default { width:250px; color:#0095D9; }
.prototip .default .toolbar { background:#D4ECF9; font-weight:bold; }
.prototip .default .title { padding:5px; background:#D4ECF9; }
.prototip .default .content { width:240px; padding:5px; background:#FFF; }
/* Required for all prototip tooltips, do not modify */
.prototip { position:absolute; overflow:hidden; }.prototip .tooltip,.prototip .toolbar,.prototip .toolbar .title {position:relative;}.prototip .content {clear:both;}.prototip .toolbar .close {position:relative;text-decoration:none;float:right;width:19px;height:15px;display:block;line-height:0;font-size:0;border:0;cursor:pointer;}.prototip .tooltip{clear:both;float:left;}.prototip .borderLeftWrapper,.prototip .borderRightWrapper{position:absolute;top:0;left:0;width:300px;height:20px;}.prototip .borderFrame{height:100%;width:100%;float:left;margin:0;padding:0;position:relative;}.prototip .borderTop,.prototip .borderBottom{overflow:hidden;}.prototip .borderRow{list-style-type:none;float:left;width:100%;position:relative;clear:both;margin:0;padding:0;}.prototip_CornerWrapper{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;clear:both;}.prototip_Corner{float:left;position:relative;}.prototip canvas{position:relative;float:left;}.prototip_CornerTr,.prototip_CornerBr{float:right;}.prototip_BetweenCorners{position:absolute;top:0;left:0;width:100%;overflow:hidden;clear:both;}.prototip .borderMiddle{position:relative;float:left;}.prototip .borderCenter{position:relative;float:left;height:100%;}.prototip_StemWrapper{position:relative;width:100%;height:auto;clear:both;}.prototip_StemBox{float:left;position:relative;}.prototip_Stem{width:100%;position:absolute;overflow:hidden;}.iframeShim{position:absolute;border:0;margin:0;padding:0;background:none;overflow:hidden;}.prototip .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}.prototip .clearfix{display:inline-block;}/* IE Mac Hide \*/ .prototip .clearfix{display:block;}/* IE Mac Hide End */
.prototipLoader { position:absolute; top:-1000px; left:-1000px; height:14px; width:14px; border:1px solid #DDD; overflow:hidden; }
/*lightbox*/
#lightbox { position:absolute; left:0; width:100%; z-index:100; text-align:center; line-height:0; }
#lightbox img { width:auto; height:auto;}
#lightbox a img { border:none; }
#outerImageContainer{ position:relative; background-color:#FFF; width:250px; height:250px; margin:0 auto; }
#imageContainer{ padding:10px; }
#loading{ position:absolute; top:40%; left:0%; height:25%; width:100%; text-align:center; line-height:0; }
#hoverNav{ position:absolute; top:0; left:0; height:100%; width:100%; z-index:10; }
#imageContainer>#hoverNav{ left:0;}
#hoverNav a{ outline:none;}
#prevLink, #nextLink{ width:49%; height:100%; background-image:url(http://media.w-h-d.de/media/_.gif); /* Trick IE into showing hover */ display:block; }
#prevLink { left:0; float:left; }
#nextLink { right:0; float:right; }
#prevLink:hover, #prevLink:visited:hover { background:url(../../../media/img/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background:url(../../../media/img/lightbox/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{ font:10px Verdana, Helvetica, sans-serif; background-color:#FFF; margin:0 auto; line-height:1.4em; overflow:auto; width:100% ; }
#imageData{ padding:0 10px; color:#666; }
#imageData #imageDetails{ width:70%; float:left; text-align:left; }
#imageData #caption{ font-weight:bold; }
#imageData #numberDisplay{ display:block; clear:left; padding-bottom:1.0em; }
#imageData #bottomNavClose{ width:66px; float:right; padding-bottom:0.7em; outline:none;}
.packages { display:block; width:445px; margin:0 0 20px 0; overflow:hidden; }
.borderpackages { display:block; width:425px; border:1px solid #e2e6e9; padding:10px; overflow:hidden; }
.packages strong { font-weight:normal; font-size:13px; }
.packages .button.normal { padding: 0 5px 0 0; width: 140px; }
.newimpressions { float:right; width:215px; height:140px; background-color:#ecf7fb; overflow:hidden; }
.impressionsthumbs { float:left; width:78px; height:38px; margin:0 5px 5px 0; overflow:hidden; }
#newhotellogo { float:left; height:55px; margin:25px 0; overflow:hidden; }
#newhotellogo #hotellogoleft { position:relative; float:left; padding:5px 0; margin:0; height:45px; overflow:hidden; background:url(../../../media/img/newhotellogo.png) repeat-x; }
#newhotellogo #hotellogoright { position:relative; float:left; margin-left:0; width:15px; height:55px; overflow:hidden; }
.hotelliststep01 { width:445px; }
.hotelliststep02 { width:760px; }
.stage07.hotelliststep01 { width:680px; }
.stage07.hotelliststep02 { width:680px; }
.stage07 .size310 .teaser h5 a { font-size:14px; color:#E70027; }
#hotellist fieldset { font-family:Arial, Helv, Helvetica, sans-serif; color:#666; border:0 !important; }
#hotellist label { font-family:Arial, Helv, Helvetica, sans-serif; color:#666; cursor:pointer; }
#hotellist select,#hotellist optgroup { font-family:Arial, Helv, Helvetica, sans-serif; color:#666; font-weight:normal; font-style:normal; }
#hotellist select.long, #hotellist input.long { width:260px; }
#hotellist fieldset ul { margin:0; padding:0; list-style:none; }
#hotellist fieldset li { margin:0; }
#hotellist fieldset li .icon { float:left; margin-right:5px; vertical-align:top; display:inline; }
/* new template 07 offers */
#hotellistresults.size680 { width:680px; margin:20px 0 0 0; }
#hotellistresults { width:425px; margin:20px 0 0 0; }
#hotellistresults table { width:100%; background-color:#ecf7fb; }
#hotellistresults td { padding:2px; }
#hotellistresults .color01 strong { color:#FFF; font-weight:bold; }
.bluebuttons { padding:2px; margin:0 2px 0 0; background-color:#c9e8f6; color:#666; font-weight:bold; text-decoration:none; }
.bluebuttons:hover { padding:2px; margin:0 2px 0 0; background-color:#0095D9; color:#FFF; font-weight:bold; text-decoration:none; }
.smallpicture { float:left; width:162px; height:77px; background:url(../../../media/img/smallimage.gif) top left no-repeat; padding:7px 7px 8px 8px; margin:0 10px 10px 0; border:0; overflow:hidden; }
/*
.previous { display:block; color:#FFF; padding:0 0 0 16px; line-height:17px; background:url(../../../media/img/previous.png) left no-repeat; text-decoration:none; }
.next { display:block; color:#FFF; padding:0 16px 0 0; line-height:17px; background:url(../../../media/img/next.png) right no-repeat; text-decoration:none; }
*/
/* Landingpages Follow Icons (Facebook,Twitter,YouTube) */
.content.minheight240 { padding-top:50px; }
.content.with_follow_icons { padding-top:70px; }
.content.with_border.with_follow_icons { padding-top:80px; }
.content .follow_icons { display:none; /*position:absolute; right:-3px; top:20px; width:300px; height:32px;*/}
.content.with_border .follow_icons { width:285px; top: 35px; }
.content.with_border .follow_icons.de { width:325px; }
.content .follow_icons span.follow_label { display:block; float:left; height:32px; padding-top:15px; color:#527F82; font-size:15px; font-family: 'Abel', HelveticaNeue-Condensed, "Arial Narrow", Arial, Helv, Helvetica, sans-serif; }
.content .follow_icons a { display:block; float:left; height:32px; width:32px; margin-left:10px; background-position:center; background-repeat:no-repeat; text-indent:-999px; }
.content .follow_icons a:hover { text-decoration:none; }
.content .follow_icons a.follow_icon {
background-image:url(../../../media/img/sprite_follow_icons.png);
background-position: 0 0;
background-repeat: no-repeat;
}
.content .follow_icons a.follow_icon.facebook { background-position: 0 0px; }
.content .follow_icons a.follow_icon.twitter { background-position: 0 -50px; }
.content .follow_icons a.follow_icon.youtube { background-position: 0 -100px; }
.content .follow_icons a.follow_icon.rss { background-position: 0 -151px; }
.content .content_header { height: 180px; overflow: hidden; }
.size700 { width:680px; padding:10px; overflow:hidden; }
.size680 { width:680px; overflow:hidden; }
.size480 { width:480px; overflow:hidden; }
.size445 { width:445px; overflow:hidden; }
.size310 { width:310px; overflow:hidden; }
.size165 { width:165px; overflow:hidden; }
.size180 { width:180px; overflow:hidden; }
.padding { padding:5px; }
.button.margin { margin:0 10px 0 0; }
.size310 .picture { width:295px; height:140px; margin:0 0 10px 0; background:url(../../../media/img/picture.png) top left no-repeat; overflow:hidden; }
.size310 .teaser { width:295px; margin:0 0 20px 0; padding:7px 8px 8px 7px; overflow:hidden; }
/* -------------------------------------------- Neue Formulare ---------------------------------------------------- */
.newfunction {
width: 700px; }
.newfunction h4, .hotellist h4 {
font-weight: bold;
padding: 5px 10px;
background-color: #e5f4fb;
border: 1px solid #d2effc;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; }
.newfunction .left, .newfunction .right{
float: left;
width: 340px;
margin: 0 10px 0 0; }
.newfunction .left .left { width: 100px; }
.newfunction .left .right { width: 230px; margin: 0; }
.newfunction label.newlabel {
clear: both;
display: block; }
.newfunction input[type=text], .newfunction textarea, .newfunction select {
border: 1px solid #ddd;
width: 250px; }
.newfunction select { padding: 1px; width: 254px; }
.newfunction input[type=text], .newfunction textarea {
padding: 3px; }
.newfunction input[type=text]:focus, .newfunction textarea:focus, .newfunction select:focus {
border: 1px solid #0095D9;
background-color: #fff; }
.newfunction fieldset {
border: none; }
.newfunction .left .left input[type=text] { width: 90px; }
.newfunction .left .right input[type=text] { width: 140px; margin: 0; }
.newfunction .info {
width: 20px;
height: 20px;
display: block;
float: right;
background-position: -10px -2px; }
.newfunction #bkr_verifycode {
float: left; }
.newfunction .info.captcha {
float: left;
margin-left: 5px; }
/* ------------------------------------------- Schnellanfrage (Kurz mal Weg) -------------------------------------- */
#requestform .frmHalfIndent, #requestform .frmIndent { display: none; }
#div_N, #div_M, #div_B, #div_A, #div_S, #div_C, #div_H, #div_germany{ margin-left: 17px; }
#offertype + label + table, #flextype + label + table { margin-top: 17px; }
#requestform .hotelsleft, #requestform .hotelsright { float: left; width: 420px; margin-right: 15px; }
#requestform label, #requestform label:hover { cursor: pointer; }
#arrdepdate, #offers {
width: 400px;
position: absolute;
z-index: 5;
top: 44px;
right: 0;
padding: 10px;
background-color: #edf6fa; }
#offers { top: 58px; }
.typerow { padding: 5px; }
.typerow.active { background-color: #edf6fa;}
/* Tripicchio Newsletter Subscription Form */
table.newsletter_table #salutation { width:80px; }
table.newsletter_table input[type=text] { width:200px; }
#newsletter_cat_box { width:484px; margin:25px 0; }
.newsletter_cat_bordertop { height:25px; border-top:2px solid #0095D9; }
.newsletter_cat_borderbottom { height:25px; border-bottom:2px solid #0095D9; }
.newsletter_borderbottom { height:15px; border-bottom:2px solid #0095D9; margin:0 0 15px 0; }
#newsletter_cat_boxheader { height:27px; line-height:27px; color:#FFF; padding:0 20px 0 8px; text-align:left; background:url(../../../media/img/newsletter_optionbox_open.gif) top left no-repeat #0095D9; cursor:pointer; }
#newsletter_cat_boxheader.closed { background:url(../../../media/img/newsletter_optionbox_closed.gif) 0 0 no-repeat; }
#newsletter_cat_boxcontent { clear:both; }
#newsletter_cat_boxcontent ul { list-style-type:none; margin:0; padding:8px 0 0 8px; }
#newsletter_cat_boxcontent li { display:block; float:left; width:250px; /* will be overwritten in styles attribute */ line-height:20px; padding:4px 0; }
#feelgood { position:relative; width:160px !important; overflow:hidden !important; }
#feelgood_content { position:absolute; top:0; left:0; width:2000px; overflow:visible; }
/* -------------------------- hotelfinder2 (Unsere Hotels) ------------------------------------ */
FORM#hotelfinder2, FORM#hotelsearch2 { width:100%; }
#hf { width:100%; }
FORM#hotelfinder2 #divclient { height:144px; }
#hotelfinder2 select { width:320px; border:1px solid #E3E3E3; color:#000; padding: 2px; }
#hotelfinder2 #hf_region { width:100%; float:none;clear:both; color:#000; }
#hf_region ul { margin:0; padding:0; list-style:none; display:block; }
#hotelfinder2_clientid, #hotelfinder2_region { float:left; width:290px; margin-right: 12px; }
#hotelfinder2_clientid { margin-right: 4px; }
#hotelfinder2 #hf_clientid { width:320px; }
#hotelfinder2 #hf_geoarea { float:none; width:200px; }
#hotelfinder2_period { float:left; width:222px; }
#hotelfinder2 .clear { float:none; clear:both; }
#hotelfinder2 .space { float:none; clear:both; height:15px; }
#hotelfinder2 #hotelfinder2_areas { float:none; height:auto; }
#hotelfinder2 #qhf { left:0; }/*such button*/
#hotelfinder2_areas #col1 { border:1px solid #E3E3E3; padding:16px 0px 10px 61px; float:left; width:230px; margin-right:10px; height:auto; color:#000; }
#hotelfinder2_areas #col2 { border:1px solid #E3E3E3; padding:16px 0px 10px 61px; float:left; width:230px; margin-right:10px; height:auto; color:#000; }
#hotelfinder2_areas #col3 { border:1px solid #E3E3E3; padding:16px 0px 10px 61px; float:left; width:230px; height:auto; color:#000; }
#hotelfinder2_button { float:left; width:200px; }
#hotelfinder2_searching td { color:#666; }
#hotelfinder2_searching label { color:#4FB5E6; }
#hotelfinder2_resultcontainer { padding:10px; height:auto; border:1px solid #E3E3E3; }
#hotelfinder2_resultcontainer h3 { font-size:12pt; color:#666; }
#hotelfinder2 #divclient h3 { margin-top: 15px; }
#hotelfinder2 .hotelfinder2_toggleAreas { background-position: -5px -40px; color:#0095D9; cursor:pointer; line-height:12px; padding:0 16px 0 0; display: inline-block; margin-top: 5px; width: 18px; }
#hotelfinder2 .hotelfinder2_toggleAreasOpen { background:url("../../../media/img/open.gif") no-repeat scroll right center transparent; color:#0095D9; cursor:pointer; line-height:18px; padding:0 16px 0 0; }
#hfresults .hotel_teaser_item { float:left; width:443px; margin-bottom:10px; }
#hfresults .hotel_teaser_item .picture { float:left; }
#hfresults .hotel_teaser_item .teaser { float:left; width:172px; }
#hfresults .button.long { margin: 10px 0 20px 360px; }
#hfresults .space { clear:none; float:left; display:none; }
#hotelfinder2_searching .hotelfinder2_sorter { margin-top:20px; color:#4FB5E6; font-weight:bold; }
.hotelfinder2_sortRegionAsc, .hotelfinder2_sortRegionDesc, .hotelfinder2_sortPostalcodeAsc, .hotelfinder2_sortPostalcodeDesc { cursor:pointer; line-height:18px; padding:0 12px 0 0; }
.hotelfinder2_sortRegionAsc, .hotelfinder2_sortPostalcodeAsc { background:url("../../../media/img/open.gif") no-repeat scroll right center transparent; }
.hotelfinder2_sortRegionDesc, .hotelfinder2_sortPostalcodeDesc { background:url("../../../media/img/close.gif") no-repeat scroll right center transparent; }
#hotelfinder2 h2 { visibility:visible; font-size:18pt; font-weight:normal; }
#hotelsearch2_formcontainer { width:100%; }
FORM#hotelsearch2 #divclient { padding:10px; height:210px; border:1px solid #E3E3E3; }
#hotelsearch2 select { width:220px; border:1px solid #E3E3E3; color:#000; }
#hotelsearch2 #hf_region { width:100%; float:none;clear:both; color:#000; }
#hf_region ul { margin:0; padding:0; list-style:none; display:block; }
#hotelsearch2_clientid { float:left; width:240px; }
#hotelsearch2 #hf_clientid { width:220px; color:#000; }
#hotelsearch2_region { float:left; width:200px; }
#hotelsearch2 #hf_region { float:none; width:180px; color:#000; }
#hotelsearch2_city { float:left; width:240px; }
#hotelsearch2_city #hf_city { width:220px; color:#000; }
#hotelsearch2_period { float:left; width:222px; }
#hotelsearch2 .clear { float:none; clear:both; }
#hotelsearch2 .space { float:none; clear:both; height:15px; }
#hotelsearch2 #hotelsearch2_areas { float:none; height:auto; }
#hotelsearch2_areas #col1 { float:left; width:225px; height:auto; margin-right:23px; padding:16px 10px 10px 64px; border:1px solid #E3E3E3; }
#hotelsearch2_areas #col2 { float:left; width:225px; height:auto; margin-right:23px; padding:16px 10px 10px 64px; border:1px solid #E3E3E3; }
#hotelsearch2_areas #col3 { float:left; width:225px; height:auto; padding:16px 10px 10px 64px; border:1px solid #E3E3E3; }
#hotelsearch2_button { float:left; width:200px; }
#hotelsearch2_searching td { color:#666; }
#hotelsearch2_searching label { color:#4FB5E6; }
#hotelsearch2 #hotelsearch2_sorter { margin-top:20px; color:#4FB5E6; }
#hotelsearch2_resultcontainer { padding:10px; height:auto; border:1px solid #E3E3E3; }
#hotelsearch2_resultcontainer h3 { font-size:12pt; color:#666; }
#hotelsearch2 .introtext p { color:#666; }
#hotelsearch2 .hotelsearch2_toggleAreas { background:url("../../../media/img/close.gif") no-repeat scroll right center transparent; color:#0095D9; cursor:pointer; line-height:18px; padding:0 16px 0 0; }
#hotelsearch2 .hotelsearch2_toggleAreasOpen { background:url("../../../media/img/open.gif") no-repeat scroll right center transparent; color:#0095D9; cursor:pointer; line-height:18px; padding:0 16px 0 0; }
#hotelsearch2 #hfresults .hotel_teaser_item { float:left; width:443px; margin-bottom:10px; }
#hotelsearch2 #hfresults .hotel_teaser_item .picture { float:left; }
#hotelsearch2 #hfresults .hotel_teaser_item .teaser { float:left; width:172px; }
#hotelsearch2 #hfresults .space { clear:none; float:left; display:none; }
#hotelsearch2 .hotelsearch2_sorter { margin-top:20px; color:#4FB5E6; font-weight:bold; }
.hotelsearch2_sortRegionAsc, .hotelsearch2_sortRegionDesc, .hotelsearch2_sortPostalcodeAsc, .hotelsearch2_sortPostalcodeDesc { cursor:pointer; line-height:18px; padding:0 12px 0 0; }
.hotelsearch2_sortRegionAsc, .hotelsearch2_sortPostalcodeAsc { background:url("../../../media/img/close.gif") no-repeat scroll right center transparent; }
.hotelsearch2_sortRegionDesc, .hotelsearch2_sortPostalcodeDesc { background:url("../../../media/img/open.gif") no-repeat scroll right center transparent; }
#hotelsearch2 h6 { visibility:visible; font-size:18pt; font-weight:normal; }
/*hotelsearch2
#packagefinder2_formcontainer.de { background:url(../../../media/img/logo_hotelfinder2.gif) 830px 18px no-repeat; }
#packagefinder2_formcontainer.en { background:url(../../../media/img/logo_hotelfinder_whi.gif) 830px 18px no-repeat; }
*/
/*packagefinder2*/
#packagefinder2_formcontainer { padding:0 10px; height:auto; overflow:visible; position:relative; }
#packagefinder2 { width:100%; }
#packagefinder2 select { width:320px; }
/*#pf_region { float:left; width:465px; margin:10px 0; }*/
#packagefinder2 #pf_region { float:none; clear:both; width:100%; }
#pf_region ul { margin:0; padding:0; list-style:none; display:block; }
/*#pf_avail { float:left; width:320px; margin:10px 0; }*/
#packagefinder2 #pf_avail { float:none; margin:0; }
#pf_avail ul { margin:0; padding:0; list-style:none; display:block; }
#packagefinder2_clientid { float:left; width:230px; }
#packagefinder2 #pf_clientid { width:210px; }
#packagefinder2_region { float:left; width:222px; }
#packagefinder2 #pf_geoarea { float:none; width:200px; }
#packagefinder2_period { float:left; width:222px; margin-top: 5px; }
#packagefinder2 .clear { float:none; clear:both; }
#packagefinder2 .space { float:none; clear:both; height:15px; }
#packagefinder2 #packagefinder2_topics { float:left; width:230px; }
#packagefinder2 #pf_topic { float:none; width:210px; }
#packagefinder2_button { width:200px; }
#packagefinder2_searching label { color:#4FB5E6; }
#packagefinder2 #packagefinder2_sorter { margin:20px 0 5px 0; color:#4FB5E6; font-weight:bold; padding-left: 2px; }
#packagefinder2_searching { margin: 3px 0 0 0; }
#packagefinder2_sort { width: 100%;}
#packagefinder2_los, #packagefinder2_pricerange { width: 222px; height: 20px; margin: 5px 0 0 0; float: left;}
#packagefinder2_pricerange { margin: 5px 0 0 8px; }
#packagefinder2_los label, #packagefinder2_pricerange label { width: 120px; display: block; float: left; }
#packagefinder2_los select, #packagefinder2_pricerange select { width: 210px; }
#packagefinder2_logo_right { width: 180px; position: absolute; top: 18px; right: 0; }
#packagefinder2_logo { margin-left: 80px; height: 112px; overflow: hidden;}
#packagefinder2_resultcontainer { padding:10px 0; height:auto; }
#packagefinder2_resultcontainer h4.counter { color:#666; margin-left: 7px;}
#packagefinder2_resultcontainer h6.searchresults { visibility:visible; font-size:18pt; font-weight:normal; color:#0095D9; margin-left: 7px; }
#packagefinder2_form_left { float:left; width:453px; }
#packagefinder2_form_right { float:left; width:323px; padding-top: 10px; }
.packageteaser_item { float:left; width:460px; height:190px; margin:10px 0 0 0; overflow:hidden; }
.packageteaser_item.margin { margin:10px 10px 0 0; }
.packageteaser_item h4, .hotel_teaser_item h4 { margin:5px 0 0 0; }
.packageteaser_item h4, .packageteaser_item h5, .hotel_teaser_item h4, .hotel_teaser_item h5 { margin-left: 7px; }
.packageteaser_item .picture { float:left; }
.packageteaser_item .teaser { float:left; width:190px; line-height:132%; font-weight:normal; height:9em; }
.packageteaser_item .teaser h5 { margin: 0; }
#packagefinder2_resultcontainer .packageteaser_item { width:443px; }
#packagefinder2_resultcontainer .packageteaser_item .teaser { float:left; width:172px; line-height:132%; font-weight:normal; }
.packagefinder2_sortRegionAsc, .packagefinder2_sortRegionDesc, .packagefinder2_sortPostalcodeAsc, .packagefinder2_sortPostalcodeDesc { cursor:pointer; line-height:18px; padding:0 12px 0 0; }
.packagefinder2_sortRegionAsc, .packagefinder2_sortPostalcodeAsc { background:url("../../../media/img/open.gif") no-repeat scroll right center transparent; }
.packagefinder2_sortRegionDesc, .packagefinder2_sortPostalcodeDesc { background:url("../../../media/img/close.gif") no-repeat scroll right center transparent; }
#packagefinder2 h6.searchresults { visibility:visible; font-size:18pt; font-weight:normal; }
#at16pf a, a#at-logo { line-height:100% !important; }
/* -------------------------------------------------------- Search -------------------------------------------------------- */
#searchfull { position: relative; left: 10px; bottom: 11px;}
#search .typelinks { margin: 10px 0 20px 0; }
#search .typelink { color: #0095D9; font-size: 17px; font-family: 'Abel', HelveticaNeue-Condensed, "Arial Narrow", Arial, Helv, Helvetica, sans-serif; padding-right: 10px;}
#search .typelink:hover { color: #0095D9; }
#search .typelink .count { color: #666; }
#searchresult { padding-left: 20px; width: 918px; }
#searchresult h2 { margin: 10px 0 0 7px; font-size: 19px; }
#searchresult .packageteaser_item { width: 450px; }
#searchresult .packageteaser_item.margin { margin-right: 0; margin-left: 8px; }
#searchresult .packageteaser_item .teaser { width: 180px; }
#searchresult .hotel_teaser_item { float:left; width:443px; margin-bottom:10px; }
#searchresult .hotel_teaser_item .picture { float:left; }
#searchresult .hotel_teaser_item .teaser { float:left; width:172px; }
#searchresult div.space { clear:none; float:left; display:none; }
/* Facebook "Like" Button on Wellness-Hotels Page (Landingpage) */
#facebook_like_container { position:absolute; right:16px; top:32px; width:200px; height:52px; padding-left:49px; background:transparent url('../../../media/img/logo_facebook_profile.gif') left 2px no-repeat; }
.facebook_like_font { font-family:'lucida grande',tahoma,verdana,arial,sans-serif; height:23px; color:#3B5998; }
.facebook_like_font strong { font-size:14px; }
.connect_widget_like_button { font-family:'lucida grande',tahoma,verdana,arial,sans-serif; }
.connect_widget_button_count_nub { display:none; }
.connect_widget_button_count_count { margin-left:6px !important; height:18px !important; padding-top:0px !important; background-color:transparent !important; border-width:0px !important; font-family:'lucida grande',tahoma,verdana,arial,sans-serif; color:#333333 !important; }
/* -------------------------------------------- Blog -------------------------------------------- */
#stageblog { clear:both; position:relative; width:950px; margin:0; padding:0; overflow:hidden; }
.blog_container { clear:both; width:100%; margin:20px 0 10px 0; }
.blog_container h2, .blog_container h3, .blog_container h4 {
color:#666666;
cursor:default; }
.blog_container h2 {
margin:0 0 8px 0; }
.blog_container h4 {
font-weight:normal;
font-size:13pt; }
.blog_container a, .blog_container a:link, .blog_container a:active, .blog_container a:visited {
color:#666666;
text-decoration:none;
border-bottom:0; }
.blog_container a h2.blog_title span {
text-decoration:none; }
.blog_container a img {
border:0; }
.blog_itemcontainer {
float:left;
width:600px;
margin:8px 30px 0 0;
padding:0;
text-align:left; }
.blog_entry {
margin:0 0 30px 0; }
.blog_entry h2 a:hover {
cursor:pointer;
text-decoration:underline; }
.blog_entry .blog_datetime,
.blog_entry .blog_author,
.blog_entry .blog_categories,
.blog_entry .blog_tags,
.blog_entry .blog_comments {
line-height:16pt; }
.blog_entry .blog_image {
margin:10px 0 0 0; }
.blog_entry .blog_content {
margin:10px 0 0 0; }
.blog_entry .blog_content a,
.blog_entry .blog_content a span {
color:#0095D9 !important;
text-decoration:none !important; }
.blog_entry .blog_content a:hover span,
.blog_entry .blog_content a:hover {
color:#FCC800 !important;
text-decoration:underline !important; }
.blog_entry .blog_comments {
margin:20px 0 0 0; }
.blog_entry .blog_entrysociallinks {
text-align:right;
padding-top:12px;
height:18px; }
.blog_entry .blog_entrysociallinks a {
display:block;
float:right;
margin:0 10px 0 0;
height:18px;
line-height:18px;
border-bottom:0; }
.blog_entry .blog_entrysociallinks a:link,
.blog_entry .blog_entrysociallinks a:active,
.blog_entry .blog_entrysociallinks a:visited {
border-bottom:0; }
.blog_entry .blog_entrysociallinks a img {
border:0; }
.blog_entry .blog_entrysociallinks a.facebook-share-link {
margin-top:1px; }
.blog_entry .blog_entrysociallinks a.facebook-comment-link {
display:block;
float:left;
margin:0 15px 0 0;
height:20px;
line-height:20px;
border-bottom:0;
font-weight:bold; }
.blog_entry .blog_entrysociallinks a.facebook-comment-link:hover {
text-decoration:underline; }
.blog_container .blog_categories a {
border-bottom:0;
margin-left:8px; }
.blog_container .blog_comments form {
margin:0 0 20px 0;
padding:0; }
.blog_container .blog_comments ul {
list-style-type:none;
margin:0;
padding:0; }
.blog_container .blog_comments ul li {
list-style-type:none;
display:block;
margin:0 0 10px 0;
padding:0 0 10px 0;
border-bottom:1px solid #E5E5E5; }
.blog_container .blog_comments ul li.blogcomment .authorname {
font-weight:bold;
font-style:italic;
margin:0; }
.blog_container .blog_comments ul li.blogentercomment {
margin:25px 0 0 0; }
.blog_container .blog_comments ul li.blogentercomment {
margin:25px 0 0 0; }
.blog_container .blog_comments ul li.blogentercomment .error {
font-weight:bold;
color:#FF0000; }
.blog_container .blog_comments ul li.blogentercomment input[type="text"],
.blog_container .blog_comments ul li.blogentercomment textarea {
border:1px solid #E5E5E5;
width:200px; }
.blog_container .blog_comments ul li.blogentercomment textarea {
width:100%;
max-width:100%;
min-width:400px;
max-height:120px;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
padding:2px;
color:#666666; }
.blog_container .blog_comments input[type="button"],
.blog_container .blog_comments input[type="submit"] {
padding:1px 8px; }
.blog_container .commentPostResult {
margin:20px 0; }
.blog_pagination {
margin:20px 0 0 0;
text-align:center; }
.blog_pagination a {
font-size:14px; }
.blog_pagination a.active {
font-weight:bold !important; }
.blog_rightcontainer {
float:right;
width:260px;
margin:0;
padding:0;
text-align:left; }
.blog_rightcontainer .blog_rssabo h4 {
margin-bottom:4px; }
.blog_rightcontainer .blog_rssabo a {
border-bottom:none; }
.blog_rightcontainer .blog_backbtn {
float:right;
width:200px;
text-align:right; }
.blog_rightcontainer .blog_backbtn input {
width:180px;
padding-bottom:1px;
padding-left:3px;
padding-right:3px;
padding-top:1px;
margin:0; }
.blog_rightcontainer .blog_share {
margin:20px 0 0 0; }
.blog_rightcontainer .blog_share #blog_bookmarkpanelcontent ul {
list-style-type:none;
margin:0 0 0 8px;
padding:0; }
.blog_rightcontainer .blog_share #blog_bookmarkpanelcontent li {
margin:0;
float:left;
width:16px;
padding:2px 6px 2px 0;
height:16px;
overflow:hidden; }
.blog_rightcontainer .blog_share #blog_bookmarkpanelcontent a {
border-bottom:0;
/*text-indent:-999px;*/ /* doesn't work with IE7 because of IMG tag */
width:16px;
height:16px;
overflow:hidden; }
.blog_rightcontainer .blog_tagcloud {
text-align:center;
margin:25px 0; }
.blog_rightcontainer .blog_tagcloud .tag0 { font-size:9px; }
.blog_rightcontainer .blog_tagcloud .tag1 { font-size:10px; }
.blog_rightcontainer .blog_tagcloud .tag2 { font-size:11px; }
.blog_rightcontainer .blog_tagcloud .tag3 { font-size:12px; }
.blog_rightcontainer .blog_tagcloud .tag4 { font-size:13px; }
.blog_rightcontainer .blog_tagcloud .tag5 { font-size:14px; }
.blog_rightcontainer .blog_tagcloud .tag6 { font-size:15px; }
.blog_rightcontainer .blog_tagcloud .tag7 { font-size:16px; }
.blog_rightcontainer .blog_tagcloud .tag8 { font-size:17px; }
.blog_rightcontainer .blog_tagcloud .tag9 { font-size:18px; }
.blog_rightcontainer .blog_archivemonths {
margin:20px 0 0 0; }
.blog_rightcontainer .blog_archivemonths ul {
list-style-type:none;
margin:0 0 0 8px;
padding:0; }
.blog_rightcontainer .blog_archivemonths li {
margin:0;
padding:2px 0; }
.blog_rightcontainer .blog_archivemonths li a {
border-bottom:none; }
.blog_rightcontainer .blog_authors {
margin:20px 0 0 0; }
.blog_rightcontainer .blog_authors h3,
.blog_rightcontainer .blog_authors h3 a,
.blog_rightcontainer .blog_authors h5 {
color:#666666; }
/*Footer des Addthis-Widgets warnicht hoch genug.Bitte nicht l�schen!!*/
html > body #at15pf{height:20px !important;}