@charset "utf-8";
/*	AKZENT Hotel Kolumbus (v1), Start: 18.03.2008

	FARBEN
	#e2001a		Schmuckfarbe I (red)(a, input:focus)
	#003d8f		Schmuckfarbe II (blue)(body font-color, input, textarea)
	#737880		Footer: Linkfarbe, Link:hover
	#ccc		Trennlinie (.bar)
	
/* GLOBALS
----------------------------------------------------------------------------------------------------  */
body { font-family: Arial, Helvetica, sans-serif; color: #003d8f; background: #fff url(../img/bg.png) repeat-x top; }  /*16px * 62.5% = 10px ~ 1em */

a[rev=boxed] { cursor: -moz-zoom-in; }

form p { margin-bottom: 0; }
label { font-size: .85em; font-weight: bold; display: block; float: left; }
input, select, textarea { font-family: Arial, Helvetica, sans-serif; font-size: 1em; background: #fff url(../img/input-bg.png) repeat-x top; border: 1px solid #ccc; }
textarea { overflow: auto; overflow-x: hidden; }
input[type=text]:focus, textarea:focus { color: #333; border-color: #003d8f; }
input[type=submit] { color: #fff; background: #e2001a url(../img/mainnav-tab.png) no-repeat -196px bottom; border: none; }
* html input.submit { color: #fff; background: #e2001a url(../img/mainnav-tab.png) no-repeat -196px bottom; border: 0 !important; width: auto !important; } /* IE6 */
input[type=hidden] { display: none; }
* html input.checkbox, * html input.radio { width: auto; height: auto; border: none; } /* IE6 */

/* POSITION
----------------------------------------------------------------------------------------------------  */
#wrapper, #key, #content, #footer { position: relative; }
#logo, #globalnav, #mainnav, #meta, #akzent { position: absolute; }
#madeby { position: fixed; }

/* LAYOUT
----------------------------------------------------------------------------------------------------  */
#wrapper { width: 928px; text-align: left; border-left: 4px solid #fff; margin: 0 auto; }

#logo h1 { background: url(../img/logo.png) no-repeat; width: 112px; height: 112px; text-indent: -999em; cursor: pointer; }

#globalnav { font-weight: bold; text-align: center; top: 84px; left: 112px; border-left: 4px solid #fff; }
#globalnav a { color: #fff;  font-size: 1.4em; width: 112px; height: 28px; line-height: 28px; background: #003d8f url(../img/globalnav-tab.png) no-repeat; display: block; overflow: hidden; }
#globalnav a:hover { background-color: #003d8f; background-position: -116px 0; }
#globalnav ul { width: 580px; }
#globalnav li { border-right: 4px solid #fff; float: left; overflow: hidden; }
#globalnav li a { background-color: #003d8f; }
#globalnav .active a { background-position: -232px 0; }

#mainnav { font-weight: bold; width: 232px; background: url(../img/mainnav-bg.png) no-repeat; top: 116px; right: 0; z-index: 15; }
#mainnav a { color: #003d8f; display: block; font-size: 1.4em; height: 2em; line-height: 2em; padding: 0 10px; }
#mainnav a:hover { color: #fff; background: #003d8f url(../img/mainnav-tab.png) no-repeat; }
#mainnav ul { width: 192px; margin: 18px 0 4em 18px; overflow: hidden; }
#mainnav li { border-bottom: 1px solid #d9d9d9; }
#mainnav li ul { display: none; }
#mainnav ul ul { font-weight: normal; margin: 0; }
#mainnav .active ul { display: block !important; }
#mainnav .active li { border-bottom: #fff; }
#mainnav .active li a { color: #e2001a; background: #fbdfe2 url(../img/ico-forward-o.gif) no-repeat .5em center; padding-left: 1.5em; }
* html #mainnav .active li a { background: #fbdfe2 url(../img/ico-forward-o.gif) no-repeat .5em center !important; } /* IE6 */
#mainnav .active li a:hover { background-color: #fcc; }
* html #mainnav .active li a:hover { color: #e2001a; background-color: #fcc !important; background-image: none; } /* IE6 */
#mainnav .active .active a { font-weight: bold; }
#mainnav .active a { color: #fff; background: #e2001a url(../img/mainnav-tab.png) no-repeat -196px bottom; }

#meta { background: url(../img/hotline.png) no-repeat 14px center; width: 228px; height: 28px; line-height: 28px; position: absolute; top: 84px; right: 4px; }
.flag { position: absolute; top: 2px; right: 7px; }
* html .flag { top: 9px; } /* IE6 */
.flag img { margin-right: 4px; }

#footer { width: 100%; height: 288px; color: #b6babf; text-align: left; background: url(../img/footer-bg.png) repeat-x bottom; margin: 0 auto; overflow: hidden; z-index: 5; }
* html #footer { background-image: url(../img/footer-bg.gif); } /* IE6 */
.wrap { width: 930px; height: 228px; margin: 60px auto auto auto; position: relative; }
#footer .booking, .metanav, .copyright { position: absolute; }
.metanav, .copyright, #footer .flag { top: 144px; }
#footer a:hover { text-decoration: underline; }
#footer .booking { color: #fff; font-size: 1.2em; width: 548px; height: 112px; }
#footer .booking img { border-right: 4px solid #fff; border-left: 4px solid #fff; margin-right: 14px; float: left; }
#footer .booking a { color: #fff; }
#footer .booking h2 { margin-top: 28px; }
#footer .booking h2 a { color: #59000a; font-size: 1.8em; }
#footer .booking h2 a:hover { color: #fff; }
#footer .booking p { margin-bottom: 28px; }

.metanav ul { margin-left: 115px; }
* html .metanav ul { margin-left: 105px; } /* IE6 */
.metanav li { font-size: 1.1em; height: 1em; line-height: 1em; border-left: 1px solid #737880; padding-left: .85em; margin-left: .85em; float: left; }
.metanav a { color: #737880; }
.metanav a:hover { color: #000; }

.copyright { color: #b6babf; font-size: 1.1em; height: 1em; line-height: 1em; left: 696px; }

#akzent { top: 0; right: 4px; display: none; }
#akzent h4 { background: url(../img/logo-akzent.png) no-repeat; width: 95px; height: 70px; text-indent: -999em; cursor: pointer; }

#madeby { position: absolute; right: 0; bottom: 0; z-index: 100; }
* html #madeby { position: absolute; } /* IE6 */
#madeby p { background: url(../img/madeby.png) no-repeat; width: 15px; height: 140px; text-indent: -999em; cursor: pointer; overflow: hidden; }
* html #madeby p { background: none !important; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/common/img/madeby.png', sizingMethod='scale'); width: 15px; height: 90px; } /* IE6 */

.clear { clear: both; height: 0; }

/* MAIN-IMAGE
----------------------------------------------------------------------------------------------------  */
#key { width: 692px; height: 228px; background-repeat: no-repeat; margin-bottom: 4px; overflow: hidden; }
.one, .two, .three, .silhouette-02, .silhouette-03 { position: absolute; }
.one img, .two img, .three img { background-image: none !important /* overrides '#content img' */; }
.one img, .two img { width: 112px; height: 112px;  }
.three img { width: 576px; height: 228px; }
.one { top: 0; left: 0; background: url(../img/key-01-default.png) no-repeat; }
.two { top: 116px; left: 0; background: url(../img/key-02-default.png) no-repeat; }
.three { top: 0; right: 0; background: url(../img/key-03-default.png) no-repeat; }
.silhouette-02 { width: 28px; height: 112px; top: 116px; left: 84px; background: url(../img/key-02-silhouette.png) no-repeat; z-index: 10; }
* html .silhouette-02 { background: none !important; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/common/img/key-02-silhouette.png', sizingMethod='scale'); width: 28px; height: 112px; } /* IE6 */
.silhouette-03 { width: 576px; height: 228px; top: 0; right: 0; background: url(../img/key-03-silhouette.png) no-repeat; z-index: 10; }
* html .silhouette-03 { background: none !important; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/common/img/key-03-silhouette.png', sizingMethod='scale'); width: 576px; height: 228px; } /* IE6 */

/* CONTENT
----------------------------------------------------------------------------------------------------  */
#content { width: 924px; background: #fff url(../img/content-bg.png) repeat-y 696px 0; margin-bottom: 112px; top: 116px; z-index: 10; }
#content .end { width: 100%; height: 56px; background: #fff url(../img/content-bg-end.png) no-repeat 696px 0; }
#content a { color: #e2001a; }
#content a:hover { text-decoration: underline; }
#content p a[target=_blank], #content li a[target=_blank], #content td a[target=_blank] { background: url(../img/ico-extern.gif) no-repeat right center; padding-right: 1em; }
#content p a[target=_blank]:hover, #content li a[target=_blank]:hover, #content td a[target=_blank]:hover { background-image: url(../img/ico-extern-o.gif); }
#content img { background: url(../img/spinner.gif) no-repeat center center; }

#maincontent { width: 692px; float: left; }
* html #maincontent { overflow: hidden; } /* IE6 */

#main { padding-top: 2.8em; padding-left: 132px; }
#main h1, #main h2, #main h3, #main h4 { padding-right: 18px; }
#main h1, #main h2, #main h3 { line-height: 1.2em; margin-bottom: .5em; }
#main h1, #main h4 { color: #e2001a; }
#main h1 { font-size: 2.8em; letter-spacing: -.05em }
#main h2 { font-size: 2.2em; letter-spacing: -.025em }
#main h3 { font-size: 1.8em; }
#main h4, #main p, #main td, #main th, #main ul, #main ol { font-size: 1.3em; line-height: 1.4em; }
#main p, #main table, #main ul, #main ul { margin-bottom: 1.5em; }
#main p, #main ul, #main ol { padding-right: 18px; }
#main ul, #main ol { margin-right: 14px; }
#main ul li, #main ol li { background-repeat: no-repeat; background-position: left top; padding-left: 1em; }
#main ul li { background-image: url(../img/ico-list.gif); }
#main ol li { }
#main img { margin-bottom: 2em; }
#main hr { color: #e6e6e6; background-color: #e6e6e6; border: 0; height: .1em; margin-bottom: 2.8em; }

#main table { width: 544px; }
#main thead, #main th, #main td { padding: .35em .5em; }
#main thead, #main th, #main thead th { font-weight: bold; }
#main thead, #main thead th { color: #525b66; }
#main thead th, #main thead td { border-right: 1px dotted #fff; border-bottom: 1px solid #888; }
#main thead th, #main thead tr:hover th { background: url(../img/fieldset-bg.png) repeat-x left 65%; }
#main thead td, #main thead tr:hover td { background: url(../img/fieldset-bg.png) repeat-x left 20%; }
#main tfoot td, #main tfoot tr:hover td { text-align: right; background: url(../img/iframe-bg.png) repeat-x left 30%; }
#main th, #main td { border-bottom: 1px solid #d9d9d9; border-right: 1px dotted #e5e5e5; }
#main tr:hover td, #main tr:hover th { background: url(../img/iframe-bg.png) repeat-x left 25%; }

#main form { margin-bottom: 2em; }
#main form h3, #main form p { padding: .538em 14px; }
#main form p { background: #dedede url(../img/fieldset-bg.png) repeat-x top; border-bottom: 1px solid #fff; margin: 0; }
#main input, #main textarea { padding: .25em; }
#main input[type=text], #main textarea { width: 50%; }
* html #main input, * html #main textarea { width: 50%; } /* IE6 */
#main input[type=submit] { margin-left: 12em; }
* html #main input.submit { margin-left: 12em; } /* IE6 */
#main label { width: 14em; padding-top: .5em; }
#main label em { color: #e2001a; }

#main ul.download { background: none; }
#main ul.download li { margin-bottom: 1.5em; }

.partner li, .partner img, .partner a[target=_blank] { background-image: none !important; }
.partner li { padding-left: 0 !important; margin-bottom: 2em; width: 262px; float: left; }
.partner img { margin-bottom: .75em !important; display: block; }
#sidebar .partner { text-align: center; }
#sidebar .partner img { margin: 1.8em 0 0 0; margin-bottom: 0 !important; display: inline; }

/* BERLIN NEWS
----------------------------------------------------------------------------------------------------  */
.eventbox h2 { margin-top: -.85em; }
.eventbox p em { color: #e2001a; font-weight: bold; }
.eventbox img { background: none !important; margin: 0 !important; }

.pagenavi { color: #737b80; font-size: 1.3em; height: 2.153em; line-height: 2.153em; text-align: center; background: url(../img/teaser-bg.png) repeat-x left center; margin-bottom: -.4em; }
* html .pagenavi { margin-bottom: -.6em; } /* IE6 */
.pagenavi a { color: #737b80 !important; padding: .1em .3em; }
.pagenavi a:hover { background: url(../img/teaser-bg.png) repeat-x left bottom; }
.pagenavi a.current, .pagenavi a:hover.current { color: #fff !important; font-weight: bold; background: url(../img/footer-bg.png) repeat-x left center; border-bottom: 0; }

/* STRIP/AFFIX
----------------------------------------------------------------------------------------------------  */
#strip { width: 112px; margin-top: 4px; margin-right: 4px; position: absolute; top: 228px; left: 0; }
#strip img { margin-bottom: 4px; }

/* Bilder links vom Text, aber im HTML-Textfluss */
.affix { color: #e2001a; float: left; margin-left: -134px; width: 112px; min-height: 112px; }
* html .affix { margin-left: -65px; width: 112px; } /* IE6 */
* html p.affix { padding: 0 !important; border: 0; margin-right: 0; } /* IE6 */
.affix p, .affix img { margin-bottom: 0 !important; }
h4.affix { font-weight: normal; }
* html .bffix { margin-bottom: 4px !important; height: 112px; } /* IE6 */
*+html .bffix { margin-bottom: 4px !important; height: 112px; } /* IE7 */

/* TEASER
----------------------------------------------------------------------------------------------------  */
#news { width: 696px; }
.newsbox { color: #525b66; width: 344px; height: 11.2em; float: left; margin-bottom: 4px; margin-right: 4px; background: url(../img/teaser-bg.png) no-repeat 116px bottom; overflow: hidden; }
* html .newsbox { height: 11.25em; } /* IE6 */
*+html .newsbox { height: 11.25em; } /* IE7 */
.newsbox img { width: 112px; height: 112px; border-right: 4px solid #fff; float: left; margin-right: 12px; }
.newsbox h4, .newsbox p { font-size: 1.1em; }
.newsbox h4 { margin-top: 12px; margin-bottom: 0; }
.newsbox p { margin-right: 12px; margin-bottom: 12px; }

/* SIDEBAR
----------------------------------------------------------------------------------------------------  */
#sidebar { width: 228px; padding-top: 8.4em; float: right; overflow: hidden; }
/*#sidebar.menuOpen { padding-top: 17em; } für Untermenüs */
* html #sidebar { width: 224px; }
#sidebar h3, #sidebar p { font-size: 1.1em; }
#sidebar h3 { color: #737b80; font-weight: bold; background: url(../img/fieldset-bg.png) repeat-x left 60%; padding: 0 18px; height: 2.545em; line-height: 2.545em; }
#sidebar p { padding: 1em 18px 1em 18px; }
#sidebar img { margin-left: 18px; }

#sidebar input, #sidebar textarea { padding: .25em; border: 1px solid #e2001a; }
#sidebar input[type=text] { width: 180px; }
#sidebar input[type=submit] { border: 0; }
#sidebar input#email { font-weight: bold; }
#sidebar label { color: #fff; font-size: 1em; }
#sidebar label[for=anzahl] { color: #737b80; margin-top: 1.5em; }

#sidebar .booking { background: url(../img/footer-bg.png) repeat-x left -56px; margin-bottom: 1em; }
* html #sidebar .booking { background-image: url(../img/footer-bg.gif); } /* IE6 */
#sidebar .booking p { padding-bottom: 0 !important; margin-bottom: 5px !important; }

.download p, .employee p, .event p, .links p { border-bottom: 1px dotted #e6e6e6; }
.download a { background-repeat: no-repeat; background-position: left center; padding-left: 1em; white-space: nowrap; }

.download a { background-image: url(../img/ico-download.gif); }
.download a:hover { background-image: url(../img/ico-download-o.gif); }
.download em { font-size: .9em; color: #999; font-style: normal; }

.employee p { padding-top: 0 !important; padding-right: 0 !important; }
.employee img { background-image: url(../img/employee-bg.png) !important; padding: 0 5px 10px 5px; margin-top: 1.7em; margin-left: 13px !important; width: 140px; height: 180px; }

.event { }

.gallery { margin-bottom: 1em; }
.gallery a { cursor: -moz-zoom-in; }
* html .gallery a { cursor: url(../img/zoom.cur); } /* IE6 */

* html .links a { background: url(../img/ico-extern.gif) no-repeat right; padding-right: 1.1em; padding-left: 0; }
* html .links a:hover { background-image: url(../img/ico-extern-o.gif); }

.banner img { margin-top: 1.5em; }

/* FORM ERROR
----------------------------------------------------------------------------------------------------  */
div.error { background: #fbdfe2; margin-bottom: 1px; }
.error h3 { color: #fff; font-size: 1.3em !important; background: url(../img/footer-bg.png) repeat-x left center; padding: .538em 14px; }
.error ul { background: transparent !important; padding-bottom: 0.538em; padding-left: 14px; margin: 0 !important; }
.error ul li { margin-bottom: 0; background: url(../img/ico-error.gif) no-repeat right center; }
.error strong { color: #e2001a; }

#main form p.error { background-color: #fbdfe2; background-image: none; }
#main form .error label { color: #e2001a; }
#main form .error label em { font-size: 1.25em; }
#main form .error input[type=text], #main form .error input[type=password], #main form .error select #main form .error textarea
{ font-weight: bold; border-color: #e2001a; border-width: 2px; background: #fff url(../img/ico-error.gif) no-repeat; }
#main form .error [type=text], #main form .error input[type=password] { background-position: 98% center; }
#main form .error textarea { background-position: 98% 5%; }

/* DIRS21 - formats embedded DIRS booking mask
----------------------------------------------------------------------------------------------------  */
#frm_dirs img { background-image: none; }
#frm_dirs img#cal_arr, #frm_dirs img#cal_dep { position: absolute; }

#main #frm_dirs img#cal_arr, #main #frm_dirs img#cal_dep { right: 242px; }
#main #frm_dirs input#anreise, #main #frm_dirs input#abreise { width: 25%; }

#sidebar #frm_dirs { position: relative; }
#sidebar #frm_dirs img#cal_arr, #sidebar #frm_dirs img#cal_dep { left: 152px; margin-top: -2px; }
#sidebar #frm_dirs label { float: none; }
#sidebar #frm_dirs input#anreise, #sidebar #frm_dirs input#abreise { width: 140px; }

/* TRANSLATION - formats inline translation mode
----------------------------------------------------------------------------------------------------  */
#translation { color: #fff; background: url(../img/transparent.png); width: 100%; height: 2.8em; line-height: 2.8em; position: absolute; top: 0; left: 0; z-index: 99999; }
#translation strong { font-weight: bold; }
#translation a { color: #fff; border-bottom: 1px dotted #0f0; }
#translation a:hover { border-bottom-style: solid; }
.editable { background-image: url(../img/ico-editable.gif) !important; }

/* MISC
----------------------------------------------------------------------------------------------------  */
.button { color: #8a9399 !important; font-weight: bold; margin-top: .25em; margin-bottom: 1.5em; height: 28px; line-height: 28px; }
.button:hover { color: #737b80 !important; }
a.button, #content a[target=_blank].button { background-image: url(../img/button.png) !important; background-position: right top; padding-right: 14px; display: block; float: left; }
* html a.button { background-image: url(../img/button.png) !important; background-position: right top; padding-right: 14px; display: block; float: left; } /* doppelt wg IE6 */
a.button span { background: transparent url(../img/button.png) no-repeat; display: block; line-height: 28px; padding-left: 14px; } /*sliding doors padding */
a.button:hover, #content a[target=_blank].button:hover { background-position: right -28px; }
* html a.button:hover { background-position: right -28px; } /* doppelt wg IE6 */
a.button:hover span { background-position: left -28px; }
a.button, a.button:hover, a.button span, a.button:hover span { border: 0 !important; } /* overwrites general a:hover rule */
#content a[target=_blank].button span:after { content: " \2197"; } /* externe Links bekommen einen Pfeil (von links unten nach rechts oben) */

#content p a.pdf, #content li a.pdf, #content td a.pdf { padding-right: 1em; background-position: right 60%; }