@charset "utf-8";
/* styles for www.phoenix-hotels.de       */
/*                                        */
/* media:	screen                        */
/* use:		on portal page                */
/* author:	click solutions GmbH          */
/*          Holger Bluethmann             */
/*                                        */


center, isindex, menu, dir, 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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 101%; font-family: inherit; font-variant: inherit; vertical-align: baseline; }

strong {
	font-weight: bold; }
body {
	line-height: 1; color: black; background: white;}

ol, ul {
	list-style: none }

table {
	border-collapse: separate; border-spacing: 0; }

caption, th, td {
	text-align: left; font-weight: normal; }

blockquote:before, blockquote:after, q:before, q:after {
	content: none }

blockquote, q  {
	quotes: none }

ul, ol, dl {
	position: relative }
	
a, a:hover {
	text-decoration: none; }

html { }

.clear {
	clear: both; font-size: 1px; line-height: 1px; height: 1px; background-color: #FFFFFF; }

body {
	color: black; background-color: #ffffff; }

body {
	background-color: #9db8b9; background-image: url(../images/ph/body_bg.gif); background-repeat: repeat-x; text-align: center; font-family: Arial, Helvetica, sans-serif; }


/*                                   */
/* main divs                         */
/*                                   */

div#shadow {
	margin: 0px auto 0px auto; width: 770px; height: 100%; background-image: url(../images/ph/shadow_bg.png); background-repeat: repeat-y; }

div#page {
	margin: 0px auto 0px auto; width: 720px; background-color: #FFFFFF; }

div#sitenavi {
	margin: 0px 20px 10px 20px; padding-top: 8px; text-align: right; }
	
div#header {
	margin: 0px 60px 0px 60px; height: 165px; border-bottom: 1px solid #c4d4d5; background-image: url(../images/ph/header_bg.gif); background-repeat: no-repeat; background-position: bottom center; }
	
div#logo {
	float: left; height: 148px; width: 188px; background-image: url(../images/ph/logo_phoenix.gif); background-repeat: no-repeat; }
	
div#text {
	float: left; text-align: left; width: 412px; }
	
div#content {
	clear: both; float: left; margin: 15px 0px 0px 60px; padding-bottom: 20px; width: 600px; text-align: left; }
	
div#hotels {
	clear: both; position: relative; float: left; margin: 15px 0px 15px 50px; width: 620px; text-align: left; }
	
div#footer {
	clear: both; margin: 0px 60px 15px 60px; width: 600px; text-align: left; }
	
div#footershadow {
	margin: 0px auto 0px auto; width: 770px; height: 25px; background-image: url(../images/ph/footershadow_bg.png); background-repeat: no-repeat; }
	
/*                                   */
/* sitenavi div                      */
/*                                   */

div#sitenavi a {
	font-size: 12px; color: #889e9f; }
	
/*                                   */
/* header divs                       */
/*                                   */

div#logo h1 {
	text-indent: -20000px; }

div#text h2 {
	padding: 20px 0px 10px 12px; font-size: 18px; color: #d30141; text-transform: uppercase; font-weight: normal; }

div#text p {
	padding: 0px 0px 0px 12px; font-size: 12px; color: #516b6c; line-height: 18px; }

/*                                   */
/* content div                       */
/*                                   */

div#content h2 {
	padding: 11px 0px 10px 0px; font-size: 18px; color: #d30141; text-transform: uppercase; font-weight: normal; }

div#content h3 {
	padding: 20px 0px 0px 0px; font-size: 16px; color: #d30141; font-weight: normal; }

div#content p {
	padding: 10px 150px 0px 0px; font-size: 13px; color: #516b6c; line-height: 18px; }

div#content p a {
	color: #516b6c; text-decoration: underline; }

/*                                   */
/* hotels divs                       */
/*                                   */

div#hotels div {
	float: left; margin-left: 10px; width: 143px; height: 442px; }

div#hotels div h3 {
	text-indent: -20000px; background-repeat: no-repeat; height: 110px; }

div#hotels div h3 a {
	display: block; height: 110px; text-indent: -20000px; }

div#hotels div p.foto {
	padding: 0px; height: 183px; background-repeat: no-repeat; }

div#hotels div p.foto a {
	display: block; height: 183px; text-indent: -20000px; }

div#hotels div p {
	padding: 7px 0px 0px 0px; font-size: 12px; line-height: 14px; color: #FFFFFF; text-align: center; background-repeat: no-repeat; }

div#hotels div p a {
	color: #FFFFFF; }

div#hotels div p a:hover {
	text-decoration: underline; }


div#hotels div#as {
	background-color: #d30141; }

div#hotels div#as h3 {
	background-image: url(../images/ph/logo_as.gif); }

div#hotels div#as p.foto {
	background-image: url(../images/ph/foto_as.jpg); }


div#hotels div#sb {
	background-color: #001c7a; }

div#hotels div#sb h3 {
	background-image: url(../images/ph/logo_sb.gif); }

div#hotels div#sb p.foto {
	background-image: url(../images/ph/foto_sb.jpg); }


div#hotels div#rh {
	background-color: #f79100; }

div#hotels div#rh h3 {
	background-image: url(../images/ph/logo_rh.gif); }

div#hotels div#rh p.foto {
	background-image: url(../images/ph/foto_rh.jpg); }


div#hotels div#se {
	background-color: #98cb03; }

div#hotels div#se h3 {
	background-image: url(../images/ph/logo_se.gif); }

div#hotels div#se p.foto {
	background-image: url(../images/ph/foto_se.jpg); }


div#hotels div#booking  {
	position: absolute; left: 585px; top: -30px; background-image: url(../images/button_booking.png); background-repeat: no-repeat; text-indent: -20000px; }

div#hotels div#booking-en  {
	position: absolute; left: 585px; top: -30px; background-image: url(../images/button_booking_en.png); background-repeat: no-repeat; text-indent: -20000px; }




/*                                   */
/* footer div                        */
/*                                   */

div#footer p {
	font-size: 12px; line-height: 15px; color: #516b6c; }

div#footer p a {
	color: #516b6c; }

div#footer p a:hover {
	text-decoration: underline; }