.filmstrip {position:absolute;}
/* Holiday Inn Garden Court Berlin |  by finalgrafix | Medienagentur für SuchMaschinenOptimierte Webseiten | Berlin */

HTML {margin-bottom:1px;height:100%;}
BODY {font-family:helvetica,sans-serif,verdana,arial;text-align:left;background-color:#eee;}
TABLE , TBODY, TD, TH, TR {vertical-align:top;text-align: left;padding:0px;margin:0px;border:none;}
p {margin:0;padding:0;}
ul, ol {margin-top:0;padding-top:0;}

.Holiday-Inn {height:600px;width:900px;margin:0px auto auto;}

.HI-Head {height:110px;width:900px;float:left;}
.HI-Logo {height:110px;width:170px;float:left;background-image:url(HI-Berlin.jpg);}
.HI-Logo a {height:110px;width:170px;float:left;}
.HI-Hello {height:110px;width:300px;float:left;}
.HI-Reserv {height:110px;width:430px;float:left;background-color:#0F146E;color:white;font-size:8pt;}
.HI-Reserv a {color:white;font-size:8pt;}
.HI-Reserv IMG {border:0;padding-top:3px;margin:0;}
.HI-Reserv H5 {margin:0;padding:5px 0 10px 10px;font-weight:bold;font-size:8pt;}
.HI-Reserv a {text-decoration:none;font-weight:bold;}
.HI-Reserv a:hover {text-decoration:underline;}
.HI-Reserv a IMG {border:0;}

.HI-Navi {width:900px;float:left;background-color:#621E4F;color:white;}
.rex-navi1 {float:left;font-size:9pt;margin:0;padding:0;}
.rex-navi1 li{float:left;list-style-type:none;padding:5px 0px;}
.rex-navi1 li a{color:white;text-decoration:none;padding:6px 30px;}
.rex-navi1 a.rex-current {background-color:#321228;}
.rex-navi1 a.rex-active {background-color:#321228;}

.HI-Content {min-height:310px;width:900px;float:left;background-color:white;}
.HI-Content a IMG {border:0;}
.HI-Top3 {max-height:110px;width:900px;float:left;}
.HI-Adresse {height:20px;width:900px;float:left;background-color:#0F146E;color:white;font-size:8pt;text-align:center;padding-top:6px;}
.HI-Footer {height:35px;width:900px;float:left;}
.HI-Footer ul {float:left;padding:0;margin:0;}
.HI-Footer ul li {float:left;list-style-type:none;padding:5px 10px;}
.HI-Footer ul li a {text-decoration:none;color:black;font-size:7pt;font-weight:bold;}
.priority {height:35px;width:100px;float:left;}
.priority IMG {padding-top:7px;}
.footernav {height:35px;width:650px;float:left;}
.footer-lang {height:35px;width:150px;float:left;}
.footer-lang ul, .footer-lang ul li {padding:0;margin:2px 0 0 0;float:right;}
.footer-lang  ul li a  {padding-left:10px;}
.HI-Footer  img, .HI-Footer  img a {border:none;padding-top:5px;}
/*
nur TEXT - EDITOR
*/

.HI-text {padding:5px 10px;font-size:9pt;color:#23327A;}
.HI-text a {text-decoration:underline;color:#172983;border:none;}
.HI-text a IMG{padding:5px 5px;}
.HI-text H1 {padding:0 0 0 25px;font-size:14pt;font-weight:bold;}

/*
CONTENT - RECHTS TEXT - RECHTS KONTAKT
*/

.HI-rechts-bild {height:310px;width:900px;float:left;}
.HI-rechts-text {position:absolute;margin-left:470px;background-color:white;opacity:0.85;height:310px;width:430px;color:#172983;font-size:9pt;vertical-align:center;z-index:100;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter: alpha(opacity=85);}
.HI-rechts-text H1 {padding:0 0 0 25px;font-size:12pt;font-weight:bold;}
.HI-rechts-text p {padding:0 25px;}
.HI-rechts-text a {text-decoration:underline;color:#172983;border:none;}
.HI-rechts-text a IMG {border:none;left:auto;right:auto;top:auto;bottom:auto;}
.HI-rechts-text IMG {left:auto;right:auto;top:auto;bottom:auto;}

.HI-rechts-kontakt {height:310px;width:900px;float:left;}
.HI-rechts-kontakttext {background-color:white;opacity:0.8;float:right;height:310px;width:430px;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter: alpha(opacity=85);}

.floatre {text-align:right;width:410px;margin-top:-10px;}
.floatre-unten {text-align:right;width:410px;margin-top:10px;}
.blaettern {padding-left:30px;padding-top:20px;}

/*
Sightseeing
*/

.Sightseeing {height:310px;width:430px;float:left;background-color:white;color:#172983;font-size:9pt;vertical-align:center;z-index:100;}
.Sightseeing H1 {padding:10px 0 0 25px;font-size:12pt;font-weight:bold;}
.Sightseeing p {padding:0 25px;}
.Sightseeing a {text-decoration:underline;color:#172983;border:none;}
.Sightseeing a IMG {border:none;left:auto;right:auto;top:auto;bottom:auto;}
.Sightseeing IMG {left:auto;right:auto;top:auto;bottom:auto;}

.float-re {text-align:right;width:410px;margin-top:-30px;}

/*
CONTENT - MITTE TEXT & MITTE BILDER
*/

.HI-mitte-bild {*position:absolute;height:310px;width:900px;float:left;}
.HI-mitte-text {position:absolute;margin:30px 0 0 215px;background-color:white;height:250px;opacity:0.85;width:470px;color:#172983;font-size:9pt;vertical-align:center;z-index:100;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter: alpha(opacity=85);}
.HI-mitte-text H1 {padding:10px 0 0 25px;font-size:12pt;font-weight:bold;}
.HI-mitte-text p {padding:0 25px;}
.HI-mitte-text  table p{padding:0 10px;margin-left:15px;}
.HI-mitte-text IMG {border:none;left:auto;right:auto;top:auto;bottom:auto;}

.HI-Zimmer p{font-size:14pt;margin:80px 0 0 20px;}
.HI-Zimmer span {font-size:12pt;padding-left:300px;}
.HI-Zimmertext {height:310;width:900px;}
.HI-Zimmertext a{color:white;background-image:url(transparent-black.png);background-repeat:repeat;}
.HI-Zimmertext H4{font-weight:bold;margin:0;padding:5px 0 0 30px;font-size:8pt;}
.HI-Zimmertext p{padding:0 0 75px 50px;font-size:8pt;margin:0;}

/*
1. SUB-NAVIGATION
*/

.sub1 {float:left;height:20px;width:900px;background-color:#321228;}
.sub1 ul {float:left;padding:0;margin:0;}
.sub1 ul li {float:left;padding:3px 0 0 0;margin:0;font-size:8pt;}
.sub1 ul li a {float:left;padding:1px 13px 3px 13px;margin:0;}
.sub1 ul li a.rex-current {background-color:#621E4F;}
.sub1 ul li a.rex-active {background-color:#621E4F;}

.sub2 {float:left;height:20px;width:900px;background-color:#621E4F;}
.sub2 ul {float:left;background-color:#621E4F;}
.sub2 ul li {float:left;padding:3px 0 0 0;margin:0;font-size:8pt;}
.sub2 ul li a {float:left;padding:1px 13px 3px 13px;margin:0;}
.sub2 ul li a.rex-current {background-color:#321228;}
.sub2 ul li a.rex-active {background-color:#321228;}

/*
OFFER FENSTER
*/

.HI-Top3 {font-weight:bold;font-size:10pt;color:white;text-decoration:none;border-top:5px solid #0F146E;}
.HI-Hello,  .HI-Hello a, .HI-Top3 a {font-weight:bold;font-size:10pt;color:white;text-decoration:none;text-shadow:#000 2px 2px 2px;}
.HI-Hello a:hover, .HI-Top3 a:hover {text-decoration:underline;}
.HI-Hello p, .HI-Top3 p{padding:0 0 65px 7px;}
.HI-Hello IMG, .HI-Top3 IMG{border:0;padding:0;}
.HI-Hello H4, .HI-Top3 H4 {padding:10px 0 0 7px;margin:0;font-size:12pt;}

/*
NEU OFFER FENSTER


.HI-Top3 {height:110px;width:900px;border-top:5px solid #0F146E;}
.HI-Hello {height:110px;width:300px;}
.HI-Hello a, .HI-Top3 a {height:110px;width:300px;display:block;}
.HI-Hello p, .HI-Top3 p{position:absolute;padding:2px;background-color:black;font-weight:bold;font-size:10pt;color:white;margin:0;}
.HI-Hello IMG, .HI-Top3 IMG{border:0;padding:0;}
.HI-Hello H4, .HI-Top3 H4 {position:absolute;padding:2px;background-color:black;margin:0;font-size:12pt;color:white;}
*/
/*
SITEMAP
*/

.HI-Sitemap {display:block;width:900px;height:310px;overflow:auto;}
.HI-Sitemap ul {float:left;margin:0;padding:0;}
.HI-Sitemap li {float:left;margin:0;margin-left:5px;padding:0;}
.HI-Sitemap li a {text-decoration:none;color:grey;font-size:8pt;}
.HI-Sitemap .rex-navi1 {list-style-type:none;}
.HI-Sitemap .rex-navi1 li {font-weight:bold;width:200px;margin-top:10px;}
.HI-Sitemap .rex-navi2 {list-style-type:none;margin-left:10px;}
.HI-Sitemap .rex-navi2 li {font-weight:normal;margin-top:0;}
.HI-Sitemap .rex-navi3 {list-style-type:circle;margin-top:3px;}
.HI-Sitemap .rex-navi3 li {margin-left:20px;font-size:8pt;}
.HI-Sitemap .article-list {list-style-type:none;}
.HI-Sitemap .article-list li {font-weight:bold;width:200px;margin-top:10px;color:grey;font-size:9pt;}

/*
Formulargenerator
*/

/* 
REDAXO-Modul: do form!
Beschreibung: CSS-DEMO
Bereich: CSS 
Für: do form! 2.x  
Stand: 20.04.2009 
Version: 1.0
--------------------------------------------------------------------------
HINWEISE:
--------------------------------------------------------------------------
!! Das CSS berücksichtigt nicht alle möglichen Felder 
!! Farben nicht 1 zu 1 übernehmen
!! ist ja nicht wirklich hübsch

Weitere Infos zu den CSS hier:
http://wiki.redaxo.de/index.php?n=R4.DoForm
-------------------------------------------------------
*/

/* Formular Definition */
/*//////////////////////////////////////////////////////////////////////////////*

/* Div das das Formular umschließt */
.formgen {font-size:8pt;	padding-right:10px;padding-left:10px;}

/* Was passiert wenn auf das Label geklickt wird? */
label,select,input[type=checkbox],input[type=radio],input[type=button],input[type=submit]{cursor:pointer;}
.formgen form{line-height:100%;}

/* 
Wie sehen die einzelnen Blöcke aus? 
Jedes Feld wird von einem DIV umschlossen, das hier definiert werden kann
*/

.formgen .formblock{	margin:0;padding:0;}
.forminfo {width:100%;margin:-15px 0 5px 0;padding:3px 3px;background-color:red;color:white;text-align:center;font-size:8pt;}

/*
Verhalten von br-Tags
*/
.formgen br{clear:both;}

/* Mehrzeiliges Eingabefeld */
.formgen .formtextfield{width:150px;height:30px;margin-left: 4px;border: 1px solid #172983;background-color: white;}

/* Textfeld */
.formgen .formtext{width:150px;height:10px;margin:0 0 1px 4px;padding-bottom:4px;font-size:1em;	background-color:white;border:1px solid #172983;}
.formgen input:focus, .formgen input:hover,
.formgen select:focus, .formgen select:hover, 
.formgen textarea:focus, .formgen textarea:hover {border-bottom-color: #000000;background-color: #FBF2E3;}

/* Label */
.formgen label {width:150px;clear:left;float:left;height:10px;font-weight:normal;color:#172983;text-align:right;}

/* Aussehen der Select-Ausgabe */
.formgen .formselect{width:200px;background-color:white;margin-left:4px;color:#172983;margin-bottom:1px;}

/* Sende-Button */
.formgen .formsubmit{width:75px;text-align:center;float:left;color:#172983;}
.formgen .formsubmit:hover {background-color:#172983;border-bottom-color:#172983;color:white;}

/* Fieldsetbeschriftung */
.formgen legend {color:#FFFFFF;background-color: #172983;width:150px;}
.formgen .fieldset {margin-bottom:10px;}

/* -------------- AUSGABEN / Fehlermeldungen --------*/
/* Markierung der Labels bei Fehler */
.formgen .formerror {border-bottom-width:1px;color:red;}
.formgen .formcaptcha{border:1px solid #172983;vertical-align:top;float:left;margin-right:10px;}
.formgen .formreq {color:#172983;}
.formgen .formheadline {color: #172983;padding-top:4px;padding-bottom: 4px;margin-top: 5px;margin-bottom: 5px;font-style: italic;}


/*
Onlinereservierung
*/

#onlinereservierung 
 {
	 margin-top:6px;
	 width:179px;
	 height:153px;
	 color:#ffffff;
	 background:#184271;
	 font-size:9px;
 	padding-left:8px;
 }

#onlinereservierung a {
	color:#ffffff;
	text-decoration:none;
 }

#onlinereservierung p {
  	width:181px;
	font-size:9px;
  	line-height:14px;
  	color:#FFFFFF;
	margin: 0px;
 }
 
#onlinereservierung h2 {
	font-size:9px;
	margin: 0px;
  	padding-top: 2px;
	padding-bottom: 2px;
 }  
 
#onlinereservierung .kalenderInp {
	padding-bottom:4px;
	/*z-index:1; */
 }

#onlinereservierung select {
	border:1px solid #BCBCBC;
 	font-size:9px;
	/*z-index:1; */
 }

 	#cpcaldiv {
		background-color:#6A5F46;
		/*layer-background-color:#6A5F46;*/
		/*z-index:1; */
	}
	
 	
	.cpcpDayColumnHeader, .cpcpYearNavigation,.cpcpMonthNavigation,.cpcpCurrentMonthDate,.cpcpCurrentMonthDateDisabled,.cpcpOtherMonthDate,.cpcpOtherMonthDateDisabled,.cpcpCurrentDate,.cpcpCurrentDateDisabled,.cpcpTodayText,.cpcpTodayTextDisabled,.cpcpText { background-color: #996533; font-family:arial; font-size:8pt; }
	.cpcpYearNavigation,.cpcpMonthNavigation { background-color:#6A5F46; text-align:center; vertical-align:middle; text-decoration:none; color:#FFFFFF; font-weight:bold; }
	TD.cpcpDayColumnHeader { color:white; text-align:right; border:solid thin white;border-width:0px 0px 1px 0px; }
	.cpcpCurrentMonthDate, .cpcpOtherMonthDate, .cpcpCurrentDate  { text-align:right; text-decoration:none; }
	.cpcpCurrentMonthDateDisabled, .cpcpOtherMonthDateDisabled, .cpcpCurrentDateDisabled { color:#D0D0D0; text-align:right; text-decoration:line-through; }
	.cpcpCurrentMonthDate, .cpcpCurrentDate { color:white; }
	#cpcaldiv .cpcpOtherMonthDate { color:#D4D4D4; background-color:#996533; }
	TD.cpcpCurrentDate { border-width:1px; border:solid thin #E1DECE; }
	TD.cpcpCurrentDateDisabled { border-width:1px; border:solid thin #FFAAAA; color:red;}
	#cpcaldiv TD.cpcpTodayText, #cpcaldiv TD.cpcpTodayTextDisabled { border:solid thin white; border-width:1px 0px 0px 0px;}
	A.cpcpTodayText, SPAN.cpcpTodayTextDisabled { height:20px; }
	#cpcaldiv A.cpcpTodayText { color:white; }
	.cpcpTodayTextDisabled { color:#D0D0D0; }
	.cpcpBorder { border:solid thin #000000; }

/*

GoogleMAP + Routenplaner

*/
.GoogleMap {width:900px;min-height:310px;float:left;background-color:white;}
.GoogleMap fieldset {border:none;font-size:10pt;padding-top:5px;}
.GoogleMap form {float:left;width:250px;height:70px;}
.GoogleMap legend {font-weight:bold;}
.GoogleMap H3 {float:left;width:250px;padding:0;margin:0;font-size:10pt;}
#directions {float:left;width:230px !important;*width:235px !important;height:240px;overflow:auto;font-size:8pt;}
#map_route {height:310px;width:650px;float:right;}


/*
GÄSTEBUCH
*/

.a63-entries {float:left;width:900px;font-size:10pt;}
.a63-entries ul{float:left;padding:0;list-style-type:none;width:500px;}
.a63-entries ul li {float:left;padding:0;margin:0;padding:0 5px;}
.a63-entries ul li a {font-size:9pt;color:black;font-weight:bold;}
.seiten  {float:left;padding:0;margin:0;font-size:9pt;padding-top:3px;width:50px;margin-left:150px;}
.a63-entries table {width:800px;float:left;margin:0 50px;}
span.von {font-size:8pt;font-style:italic;text-decoration:underline;}
li.a63-pagination_aktuell a {text-decoration:none;font-weight:lighter;}

.a63-form {font-size:10pt;}
.a63-form fieldset {border:none;}
.a63-form p label {width:100px;float:left;text-align:right;}
.a63-form p input , p textarea{margin-left:10px;}
.a63-buttons {float:left;margin-left:100px;}
.a63-info {float:left;margin:0 0 10px 100px;font-weight:bold;font-style:italic;width:900px;}

.gbook-danke {font-size:10pt;padding:10px;}