/* Body + Hintergrundgrafik */

body {
	background-image: url(http://www.am-spichernplatz.de/media/templatedata/hotel_duesseldorf_hintergrundbild.jpg);
	background-repeat: no-repeat;
	background-attachment: scroll;
	margin-left: 0;
	margin-top: 0;
	background-color: #FFFFFF;
}

body, td {
	font-family: Verdana,Tahoma,Arial,Helvetica,Sans-serif;
	font-size: 7pt;
	color: #000000;
}
	
	
/* <body leftmargin=0 topmargin=0 BGCOLOR="#FFFFFF" TEXT="#000000" LINK="#9B2424" VLINK="#808080">*/


/* Hintergründe */

div.hglogoindex {
	background-image:url(http://www.am-spichernplatz.de/media/templatedata/hotel_duesseldorf.gif);
	background-repeat:no-repeat;
	text-align: right;
	background-position: 0px 0px 0px 0px;
	background-color: #FFFFFF;
	width: 302px; 
	height: 116px;
}

div.hglogoindexhotelduesseldorf {
	background-image:url(http://www.am-spichernplatz.de/media/templatedata/hotel_duesseldorf.gif);
	background-repeat:no-repeat;
	text-align: center;
	background-position: 0px 0px 0px 0px;
	background-color: #FFFFFF;
	width: 302px; 
	height: 116px;
}

div.hglogo {
	background-image:url(http://www.am-spichernplatz.de/media/templatedata/hotel_duesseldorf.gif);
	background-repeat:no-repeat;
	text-align: center;
	background-position: 0px 0px 0px 0px;
	background-color: #FFFFFF;
	width: 302px; 
	height: 116px;
}



/* Links */

a {
	font-family: Verdana,Tahoma,Arial,Helvetica,Sans-serif;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: none;
	color: blue;
}
a:hover {
	color: #C88984;
}

a.linkemail {
	font-size:8pt;
	color:blue;
	font-weight: normal;
	text-decoration: none;
}
a.linkemail:hover {
	color: #C88984;
}

a.linkschnellbuchung {
	font-size:10pt;
	color:blue;
	font-weight: bold;
	text-decoration: none;
}
a.linkschnellbuchung:hover {
	color: #C88984;
}

a.linkblinker {
	font-size:10pt;
	color:blue;
	font-weight: bold;
	text-decoration: blink;
}
a.linkblinker:hover {
	color: #C88984;
}

a.linkweiter {
	font-size: 7pt;
	color: blue;
	font-weight: bold;
	text-decoration: none;
}
a.linkweiter:hover {
	color: #C88984;
}

a.linkzurueck {
	font-size: 8pt;
	color: blue;
	font-weight: bold;
	text-decoration: none;
}
a.linkzurueck:hover {
	color: #C88984;
}

a.linksprache {
	font-size:10pt;
	color:white;
	font-weight: normal;
	text-decoration: none;
}
a.linksprache:hover {
	color: #C88984;
}

a.linkmenu {
	font-size:8pt;
	color:white;
	font-weight: normal;
	text-decoration: none;
}
a.linkmenu:hover {
	color: #C88984;
}

a.gross14 {
	font-size:14pt;
	color:blue;
	font-weight: bold;
	text-decoration: none;
}
a.gross14:hover {
	color: #C88984;
}


/* Text */

.textzitat { 
	font-family: Verdana,Tahoma,Arial,Helvetica,Sans-serif;
	font-size: 10pt;
	font-weight: normal;
	text-decoration: none;
	font-style: italic;
	color: #9B2424;
	text-align: right;
}

.texth1oau {
	font-family: Verdana,Tahoma,Arial,Helvetica,Sans-serif;
	font-size: 9pt;
	font-weight: bold;
	text-decoration: none;
	color: #9B2424;
}

.texth1weiss {
	font-family: Verdana,Tahoma,Arial,Helvetica,Sans-serif;
	font-size: 9pt;
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
	margin: 0px 0px 5px 0px;
}

.textgross14 {
	font-family: Verdana,Tahoma,Arial,Helvetica,Sans-serif;
	font-size: 14pt;
	font-weight: bold;
}

.textns01 {
	font-family: Verdana,Tahoma,Arial,Helvetica,Sans-serif;
	font-size: 4pt;
	font-weight: normal;
	color : white;
}



/*  Tabellen */

.tableborder { 
	border-style : solid;
	border-width : 1px;
	border-color : #9B2424;
}
.tablebottom { 
	border-bottom-style : solid;
	border-bottom-width : 1px;
	border-bottom-color : #9B2424;
}


/*  Überschriften */

h1 {
font-family: Verdana,Tahoma,Arial,Helvetica,Sans-serif;
font-size: 9pt;
font-weight: bold;
text-decoration: none;
color: #9B2424;
margin: 0px 0px 5px 0px;
}

h2 {
font-family: Verdana,Tahoma,Arial,Helvetica,Sans-serif;
font-size: 7pt;
font-weight: normal;
text-decoration: none;
color: #000000;
margin: 0px 0px 0px 0px;
display: inline;
}

h3 {
font-family: Verdana,Tahoma,Arial,Helvetica,Sans-serif;
font-size: 7pt;
font-weight: bold;
text-decoration: none;
color: #000000;
margin: 0px 0px 0px 0px;
display: inline;
}

h4 {
font-family: Verdana,Tahoma,Arial,Helvetica,Sans-serif;
font-size: 11pt;
font-weight: bold;
text-decoration: none;
color: #9B2424;
margin: 0px 0px 5px 0px;
}

h5 {
font-family: Verdana,Tahoma,Arial,Helvetica,Sans-serif;
}

h6 {
font-family: Verdana,Tahoma,Arial,Helvetica,Sans-serif;
font-size: 11pt;
font-weight: normal;
font-style : italic;
text-decoration: none;
color: #9B2424;
margin: 30px 0px 5px 0px;
}


/* Schnellbuchungsmaske */

/* principal div */
#HWBMask { position:relative; top:0; left:0; width:85%; padding:5px; margin: 0px 0px 0px 0px; background-color:#FFF; border:0px dotted #666;
overflow:hidden; }
#HWBMask label, #HWBMask table, #HWBMask td, #HWBMask P { font-family:Verdana, Tahoma, Arial, Helvetica, Sans-serif; font-size:11px;
color:#9B2424; }
#HWBMask table { width:100%; border:0; }
#HWBMask label { cursor:pointer; }
#HWBMask input, #HWBMask select { font-family:Verdana, Tahoma, Arial, Helvetica, Sans-serif; font-size:11px; color:#000; }

/* alin submit button and give it a background */
#hwbbutton { margin: 10px 0px 0px 0px; text-align:right; }
#HWBMask .submit { background-color:#9B2424; font-size:11px; color:#FFF; font-weight:bold; padding:1px
5px; border:0; cursor:pointer; }
#HWBMask .submitOver { background-color:#C88984; font-size:11px; color:#FFF; font-weight:bold; padding:1px 5px; border:0;
cursor:pointer; }

/* calendar icon please change for hotel if necessary */
#hwbdt1, #hwbdt2 { width:15px; height:15px; background:url(http://secure.hotelwebservice.de/media/_icons/calender.gif) top left norepeat;
cursor:pointer; }

/* calendar please change #C88984 (dark) and #888(light over) */
.calendar { position: relative; display: none; border: 1px solid; border-color: #FFF #555 #555 #FFF; font-size: 11px; cursor: pointer;
background-color:#F7F4ED; color:#000; font-family: Arial, Helv, Helvetica, sans-serif; }
.calendar table { border:1px solid; border-color:#FFF #555 #555 #FFF; font-size:11px; cursor:pointer; background-color:#FFF;
color:#000; font-family:Arial, Helv, Helvetica, sans-serif; }
.calendar .button { text-align:center; padding:1px; border:1px solid; border-color:#FFF #555 #555 #FFF; background-color:#C88984; }
.calendar .nav { background:#C88984 url(menuarrow.gif) no-repeat 100% 100%; }
.calendar thead .title { font-weight:bold; padding:1px; border:1px solid; border-color:#FFF #555 #555 #FFF; background-color:#C88984;
color:#555; text-align:center; }
.calendar thead .headrow { }
.calendar thead .daynames { }
.calendar thead .name { border-bottom:1px solid #555; padding:2px; text-align:center; background-color:#F1F1F1; color:#555; }
.calendar thead .weekend { color:#9B2424; font-weight:bold; }
.calendar thead .hilite { border:2px solid; padding:0px; border-color:#F7F4ED #555 #555 #F7F4ED; }
.calendar thead .active { border-width:1px; padding:2px 0px 0px 2px; border-color:#555 #F7F4ED #F7F4ED #555; }
.calendar tbody .day { width:2em; text-align:right; padding:2px 4px 2px 2px; }
.calendar table .wn { padding:2px 3px 2px 2px; border-right:1px solid #555; background-color:#E1E6F5; color:#555; }
.calendar tbody .rowhilite td { background-color:#888; color:#555; }
.calendar tbody td.hilite { padding:1px 3px 1px 1px; border-top:1px solid #fff; border-right:1px solid #172E55; border-bottom:1px solid
#172E55; border-left:1px solid #FFF; }
.calendar tbody td.active { padding:2px 2px 0px 2px;border:1px solid;border-color:#172E55 #E1E6F5 #E1E6F5 #172E55; }
.calendar tbody td.selected { font-weight:bold;border:1px solid;border-color:#172E55 #E1E6F5 #E1E6F5 #172E55; padding:2px 2px
0px 2px; background-color:#F1F1F1; color:#172E55; }
.calendar tbody td.weekend { color:#9B2424; }
.calendar tbody td.today { font-weight:bold; color:#172E55; }
.calendar tbody td.disabled { color:#C88984; text-decoration:line-through; }
.calendar tbody .emptycell { visibility:hidden; }
.calendar tbody .emptyrow { display:none; }
.calendar tfoot .footrow {}
.calendar tfoot .ttip { background-color:#C88984; padding:1px; border:1px solid; border-color:#172E55 #E1E6F5 #E1E6F5 #172E55;
color:#172E55; text-align:center; font-size: 8px;}
.calendar tfoot .hilite { border-top:1px solid #FFF; border-right:1px solid #172E55; border-bottom:1px solid #172E55; border-left:1px
solid #FFF; padding:1px; background-color:#C7C4BB; }
.calendar tfoot .active { padding:2px 0px 0px 2px;border-top:1px solid #172E55;border-right:1px solid #FFF;border-bottom:1px solid
#FFF;border-left:1px solid #172E55; }
.combo { position:absolute; display:none; width:4em; top:0px; left:0px; cursor:pointer; border:1px solid; border-color:#E1E6F5
#172E55 #172E55 #E1E6F5; background-color:#FFF;color:#172E55;font-size:smaller;padding:1px; }
.combo .label,.combo .label-IEfix { text-align:center; padding:1px; }
.combo .label-IEfix {width:4em; }
.combo .active { padding:0px; border:1px solid #172E55; }
.combo .hilite {border:1px solid #172E55;background-color:#E1E6F5; color:#172E55; }
