/*
////////////////////////////////////////////////////////////////
//
// design.css Stylesheet fuer die Inhaltsseiten
//
// erstellt durch loss.de, 20253 Hamburg, www.loss.de
//
////////////////////////////////////////////////////////////////
//
//
*/

/*################################ BODY HTML DIV - Container ################################*/
body {font-size:12px;margin:0px;padding:0px;width:100%;text-align:center;background-color:#efefef;
font-family:arial,helvetica,sans-serif;color:#333333;}
html:root body {overflow-y:scroll;}/* Show only for Mozilla */

/*################################ Allgemein ################################*/
a {text-decoration: none;}
a:link, a:visited {color:#333333;}
a:focus, a:hover, a:active {color:#333333;}
a img { border:0px;}
form, p, div {margin:0px;padding:0px;}
.clear {clear: both;}
.noshow {display:none}
.nostyle {display:none}
.center {text-align:center;}

/*################################ Schriften ################################*/
div, p, td, ul   {font-size:12px;font-family:arial,helvetica,sans-serif; color:#333333;}

h1, h2 {margin:0px; padding:0px;font-family:arial, helvetica, sans-serif;color:#333333;}
h1 {font-size:16px;}
h2 {font-size:14px;}

.callback {font-size:10px;text-align:right;}

/*################################ Layout ################################*/
#site {width:100%;max-height:7000px;min-height:588px;Background-color:#ffffff;background-image:url(/hotel-ahrensburg-hamburg/images/layout/pixel.gif);background-repeat:repeat-x;}
#page{width:990px;margin:0px auto;background-color:#ffffff;max-height:7000px;min-height:588px;}
/* Nur IE */
* html #page {height:588px;}
/* End IE */
#top {z-index:2;position:relative;width:990px;height:132px;background-image:url(/hotel-ahrensburg-hamburg/images/layout/top-superior-4.gif);background-repeat:no-repeat;}
#language {width:980px;height:20px;text-align:right;padding-right:10px;padding-top:5px;font-size:11px;}
#language a:link, #language a:visited, #language a:focus, #language a:hover, #language a:active {color:#ffffff;font-weight:bold;}
#stars {width:396px;float:left;height:16px;margin-top:80px;}
#navi {width:594px;float:left;height:16px;margin-top:80px;}

/*##### Navigation oben #####*/
#navcontainer {padding-top:0px;margin-left:0px;}
#navcontainer ul {padding:2px 0px;margin:0px;text-align:right;color:#333333;font-family:arial,helvetica,sans-serif;font-size:11px;font-weight:normal;}
#navcontainer ul li {display: inline;}
#navcontainer ul li a {padding:1px 8px 1px 9px;color:#ffffff;text-decoration:none;}
* html #navcontainer ul li a {
width: 1em;    /* nur fuer IE 5.0x erforderlich */
w/idth: auto;  /* sicherheitshalber fuer IE 6 zurueckgesetzt */
}
#navcontainer ul li a:link, #navcontainer ul li a:visited, #navcontainer ul li a:active {color:#333333;}
#navcontainer ul li a:focus, #navcontainer ul li a:hover {color:#ffffff;}
#navcontainer ul li a.current:link, #navcontainer ul li a.current:visited {color:#ffffff;}
#navcontainer ul li a.current:focus, #navcontainer ul li a.current:hover, #navcontainer ul li a.current:active {color:#ffffff;}
/*##### Ende Navigation oben #####*/

#outerColumnContainer {font-size:12px;border-left:198px solid #ffffff;border-right:1px solid #ffffff;margin:-132px 0px -25px 0px;}
#innerColumnContainer {font-size:12px;z-index:1;position:relative;margin: -132px -1px -25px -1px;width:791px;max-height:7000px; min-height:588px;}
/* Nur IE */
* html #innerColumnContainer {height:588px;}
/* End IE */
.spaceHead {height:132px;}
.spaceFooter  {height:25px;}

/*################################ Content links ################################*/
#naviColumn {font-size:12px;z-index:4;background-color:#ffffff;position:relative;float:left;margin: 0px 1px 0px -198px;width:198px;background-image:url(/hotel-ahrensburg-hamburg/images/layout/topb.gif);background-repeat:no-repeat;}
#navimenue {width:198px;text-align:left;margin-top:30px;}
#navimenue ul {padding:0px;margin:0px;list-style-type: none;font-size:12px;font-family:arial,helvetica,sans-serif;font-weight:normal;}
#navimenue ul li {margin:0px;}
@media all{* html > body #navimenue ul li {margin-top:-3px;}} /* Nur IE 5 */
#navimenue ul li a {display:block;width:198px;padding: 2px 0px 2px 27px;} /* width Mac */
/* Hide from IE-Mac */
@media all { 
#navimenue ul li a { width:171px;}
# #navimenue ul li a { width:198px;} /* IE 5.0 + 5.5 */
}
/* end IE-Mac */
#navimenue li a:link, #navimenue li a:visited, #navimenue a:active {color:#333333;background-color:#ffffff;}
#navimenue li a:focus, #navimenue li a:hover {color:#f9a51b;background-color:#ffffff;}
#navimenue li.on a:link, #navimenue li.on a:visited {color:#f9a51b;background-color:#ffffff;}
#navimenue li.on a:focus, #navimenue li.on a:hover, #navimenue li.on a:active {color:#f9a51b;background-color:#ffffff;}

.videoButton {padding-top:20px;padding-left:27px;width:158px;text-align:left;}
.hhsport {padding-top:15px;padding-left:27px;width:171px;text-align:left;font-size:12px;}
# .videoButton {width:198px;}  /* IE 5.0 + 5.5 */

/*################################ Content ################################*/
#contentColumn {font-size:12px;text-align:left;z-index:4;position:relative;float:left;margin:0px -1px 0px -1px;width:791px;background-color:#ffffff;}
#contentColumn .contentVideo {text-align:center;padding-top:50px;width:789px;height:375px;}
.flashPlayertext {width:769px;height:409px;overflow:auto;text-align:left; padding: 10px 10px;}
#contentColumn .contentLeft {float:left;width:517px;text-align:left;}
#contentColumn .contentRight {float:left;width:269px;line-height:170%;padding-top:30px;}
#contentColumn .contentRight .floater {float:left;width:134px;}
#contentColumn .contentContactLeft{float:left;width:189px;padding-top:30px;}
#contentColumn .contentContactRight {float:left;width:602px;line-height:170%;padding-top:30px;}
#contentColumn .contentContactRight .floater {float:left;width:300px;}
/* Impressum */
#contentColumn #content {padding-left:40px;}
#contentColumn #content .contentImprLeft {float:left;width:350px;padding-top:30px;line-height:170%;padding-right:20px;}
#contentColumn #content .contentImprRight {float:left;width:350px;padding-top:30px;line-height:170%;padding-left:20px;}
/* Aktive Erholung + Musical Weekend */
#contentColumn .contentMusiLeft {float:left;width:370px;padding-top:50px;line-height:170%;padding-right:20px;}
#contentColumn .contentMusiRight {float:left;width:370px;padding-top:50px;line-height:170%;padding-left:20px;}
/* Ende */
.floaten {float:left;}
#contentColumn ul {margin-left:9px;padding-left:9px;padding-top:5px;margin-top:5px;padding-bottom:0px;margin-bottom:0px;}
#contentColumn .contentBoth {width:769px;padding-top:20px;line-height:170%;}
/*####################### iPhone  ################################*/
@media only screen and (max-device-width: 480px) { 
#flashPlayer {width:791px;height:429px;background-image:url(/hotel-ahrensburg-hamburg/images/garten.jpg);background-repeat:no-repeat;}
.flashPlayertext { display:none;}
#flashPlayer1 {width:509px;height:429px;background-image:url(/hotel-ahrensburg-hamburg/images/hafen-hamburg.jpg);background-repeat:no-repeat;}
#flashPlayer2 {width:509px;height:429px;background-image:url(/hotel-ahrensburg-hamburg/images/schloss-ahrensburg.jpg);background-repeat:no-repeat;}
}

/*####################### Kontaktformular  ################################*/
#formContact {margin:0px;padding:0px;}
#formContact fieldset {border:1px solid #333333;padding-left:4px;padding-bottom:8px;margin:0px 5px;}
#formContact legend   {font-weight:bold;color:#333333;}
#formContact label    {width:84px;float:left;}
#formContact .inputs    {font-size:11px;width:170px;float:left;background-color:#ffffff;margin:2px 0px 2px 0px;border:1px solid #999;}
#formContact .textareas {font-size:11px;font-family:arial,helvetica;width:480px;background-color:#ffffff;height:200px;border:1px solid #999;}
html:root #formContact .textareas {height:205px;}/* Show only for Mozilla */
#frmContact .selects    {float:left;margin:2px 0px;}
#formContact .sendButton {font-size:11px;color:#333333;cursor:pointer;width:100px;margin-left:0px;background-color:#ffffff;border:1px solid #304866;}
.stern      {color:#ff0000}

#formCallback {width:175px;background-color:#ffffff;padding:10px 0px 10px 0px;font-size:11px;line-height:100%;text-align:left;}
#formCallback fieldset {border:1px solid #333333;padding:5px 5px;}
#formCallback legend   {font-weight:bold;color:#333333;}
#formCallback .inputs {width:160px;height:14px;margin-bottom:5px;background-color:#ffffff;border:1px solid #999999;font-size:10px;color:#444343;}
#formCallback .fb {width:90px;margin-top:5px;font-size:11px;background-color:#ffffff;border:1px solid #cccccc;font-family:arial,helvetica;font-weight:normal;color:#444343;}


/*################################ Content Right ################################*/
#rightColumn {font-size:12px;z-index:4;position:relative;float:left;margin: 0px -1px 0px 1px;width:1px;}

/*################################ Footer ################################*/
#footer {width:100%;height:25px;background-color:#a29e9f;margin:0px auto;z-index:5;position:relative;}
#footer .left {float:left;width:198px;}
#footer .address {margin-padding:20px;width:970px;text-align:right;color:#ffffff;padding-top:5px;font-size:11px;letter-spacing:1px;}
#footer .address a:link, #footer .address a:visited {color:#ffffff;}
#footer .address a:focus, #footer .address a:hover, #footer .address a:active {color:#ffffff;}
#footerSite {width:100%;height:25px;background-color:#a29e9f;margin:-25px auto 0px auto;}