/* -- 25hours Hotels -- */
/* -- screen.css 2009  -- */
/* -- www.xport.de  -- */


/* -- text format.. -- */
h1 {
	font-size:18px;
}
h2 {
	font-size:14px;
	text-transform:uppercase;
	font-weight:bold;
	height: 30px;
}
h3 {
	font-size:13px;
	font-weight:bold;
	margin-bottom:8px;
}
h4 {
	font-size:14px;
}
h5 {
	font-size:12px;
}
p {
	font-size:12px;
}
a {
	color:#000;
	font-size:11px;
	
}
a:hover {
	text-decoration:underline;
}
/* -- /text format.. -- */




/* -- wrapper -- */
#wrapper {
	width:840px;
	margin:0 auto;
}
/* -- /wrapper -- */




/* -- header -- */
#header {
	width:840px;
	height:130px;
	position:relative;
}
#logo-25hours-hotels {
	width:268px;
	height:72px;
	background:url(../img/images.png)  0px 0px no-repeat;
	position:absolute;
	bottom:20px;
	left:0px;
	text-indent:-10000px;
	overflow:hidden;
}
#logo-designhotels {
	width:160px;
	height:14px;
	background:url(../img/images.png)  0px -79px no-repeat;
	position:absolute;
	bottom:20px;
	right:5px;
	text-indent:-10000px;
	overflow:hidden;
}
/* -- /header -- */




/* -- content -- */
#content {
	width:840px;
	height:495px;
	position:relative;
	overflow:hidden;
}
#contentboxlist li {
	width:135px;
	height:120px;
	margin:0 5px 5px 0;
	float:left;
	display:block;
}
#contentboxlist li a, #contentboxlist li img  {
	width:135px;
	height:120px;
	display:inline;
	float:left;
}
#contentboxlist li img  {
	cursor:move;
}
.magenta #contentboxlist li, .magenta .overlay {
	background:#ff00ff;
}
.cyan #contentboxlist li, .cyan .overlay {
	background:#00ddff;
}
.yellow #contentboxlist li, .yellow .overlay {
	background:#ffff00;
}
.black #contentboxlist li {
	background:#000;
}
.black .overlay  {
	background:#fff;
}
.yellow .overlay, .black .overlay {
	color:#000;
}

div.overlay {
	width:535px !important;
	height:225px !important;		
	display:none;
	padding:10px;
	left:140px !important;
	top:125px !important;
	position:absolute !important;
	z-index:1000 !important;
        color:#fff;
}
div.overlay div.close {
	background:url(../img/images.png) -140px -124px no-repeat;
	position:absolute;
	right:5px;
	top:5px;
	cursor:pointer;
	height:16px;
	width:16px;
}
.yellow div.overlay div.close, .black div.overlay div.close{
	background:url(../img/images.png) -157px -124px no-repeat;
}
.black_overlay {
	background:#000;
	position:absolute;
	top:0;
	left:0;
	width:835px;
	height:495px;
	z-index:500;
	display:none;
}
/* -- /content -- */




/* -- navigation -- */
.text {
	background:url(../img/images.png) no-repeat;
	text-indent:-10000px;
	overflow:hidden;
}
/* black */
.express-booking-b {
	background-position:0px -140px;
}
.express-buchung-b {
	background-position:0px -260px;
}
.contact-b {
	background-position:0px -380px;
}
.kontakt-b {
	background-position:0px -1340px;
}
.frankfurt-station-b {
	background-position:0px -500px;
}
.frankfurt-bahnhof-b {
	background-position:0px -620px;
}
.frankfurt-eastend-b {
	background-position:0px -740px;
}
.frankfurt-ostend-b {
	background-position:0px -860px;
}
.friends-b {
	background-position:0px -980px;
}
.hafencity-b {
	background-position:0px -1100px;
}
.hamburg-ottensen-b {
	background-position:0px -1220px;
}
.in-the-press-b {
	background-position:0px -1460px;
}
.in-der-presse-b {
	background-position:0px -1580px;
}
.forward-b {
	background-position: -135px -1820px;
}
.back-b {
	background-position: 0px -1820px;
}
.home-b {
	background-position: 0px -1700px;
}
.zuerich-de-b {
	background-position: 0px -2060px;
}
.zuerich-en-b {
	background-position: 0px -2181px;
}
.wien-de-b {
	background-position: 0px -2300px;
}
.wien-en-b {
	background-position: 0px -2420px;
}


/* white */
.express-booking-w {
	background-position:-135px -140px;
}
.express-buchung-w {
	background-position:-135px -260px;
}
.contact-w {
	background-position:-135px -380px;
}
.kontakt-w {
	background-position:-135px -1340px;
}
.frankfurt-station-w {
	background-position:-135px -500px;
}
.frankfurt-bahnhof-w {
	background-position:-135px -620px;
}
.frankfurt-eastend-w {
	background-position:-135px -740px;
}
.frankfurt-ostend-w {
	background-position:-135px -860px;
}
.friends-w {
	background-position:-135px -980px;
}
.hafencity-w {
	background-position:-135px -1100px;
}
.hamburg-ottensen-w {
	background-position:-135px -1220px;
}
.in-the-press-w {
	background-position:-135px -1460px;
}
.in-der-presse-w {
	background-position:-135px -1580px;
}
.forward-w {
	background-position: -135px -1940px;
}
.back-w {
	background-position: 0px -1940px;
}
.home-w {
	background-position:-135px -1700px;
}
.zuerich-de-w {
	background-position:-135px -2060px;
}
.zuerich-en-w {
	background-position:-135px -2181px;
}
.wien-de-w {
	background-position:-135px -2300px;
}
.wien-en-w {
	background-position:-135px -2420px;
}

/* -- /navigation -- */




/* -- form -- */
.form {
	height:22px;
	margin-bottom:10px;
	padding:10px;
}
.inputbox_left, .inputbox_right {
	width:260px;
	float:right;
}
.inputbox_left {
	float:left;
}
.inputbox_left label, .inputbox_right label {
	margin-right:10px;
	display:inline;
	float:left;
	width:85px;
	padding-top:3px;
}
.inputbox_left select {
	width:240px;
	padding:2px;
}
.inputbox_left input, .inputbox_right .txt_input {
	border:1px solid #fff;
	padding:2px;
	display:inline;
}
.inputbox_left input {
	width:112px;
	margin-right:3px;
}
.inputbox_right .txt_input {
	width:135px;
}
.inputbox_right select {
	width:140px;
	padding:2px;
}
.submit-button {
	margin-top:10px;
	padding:2px;
	display:inline;
	float:right;
}
.yellow .form {
	background: #ecec00;
}
.black .form {
	background: #dfdfdf;
}
.magenta .form {
	background: #df00df;
}
.cyan .form {
	background: #00c4df;
}
.hotlinebox h5 {
	margin-top:10px;
	display:none;
}
/* -- /form -- */




/* -- press -- */
.newsmeldungen li {
	margin-bottom: 5px;
}
.newsmeldungen li a {
	font-size:12px;
	font-weight:bold;
}
.newsmeldungen li a, .newsmeldungen li a {
	color:#fff;
}
.yellow .newsmeldungen li a, .black .newsmeldungen li a {
	color:#000;
}
/* -- /press -- */




/* -- friends -- */
#forwardbutton {
	clear:both;
	position:absolute;
	right:0px;
	bottom:0px;
	margin-bottom:0px !important;
	display:inline;
}
.friendslogo {
	background:#fff !important;
}
.friendslogo a {
	text-indent:-10000px;
	overflow:hidden;
	border:1px solid #c8c2c4;
	width:133px !important;
	height:118px !important;
}
.magenta .friendslogo a:hover {
	border:1px solid #ff00ff;
}
.cyan .friendslogo a:hover {
	border:1px solid #00ddff;
}
.black .friendslogo a:hover, .yellow .friendslogo a:hover {
	border:1px solid #000;
}
/* -- /friends -- */




/* -- kontakt -- */
div#kontakt {
	height:350px !important;
	left:140px !important;
	top:0px !important;	
}
div#impressum {
	height:475px !important;
	width:815px !important;
	left:0px !important;
	top:0px !important;	
}
.overlay .adressblock {
	float:left;
	width:267px;
	margin-bottom:10px;
}
.overlay .adressblock2 {
	float:left;
	width:543px;
	margin-bottom:10px;
}
.overlay .adressblock h4, .overlay .adressblock2 h4 {
	margin-bottom:5px;
}
.overlay .adressblock p, .overlay .adressblock2 p {
	margin-bottom:5px;
	font-size:12px;
}
.overlay .adressblock p a, .overlay .adressblock2 p a {
	font-size:12px;
	text-decoration:underline;
}
/* -- /kontakt -- */




/* -- footer -- */
#footer {
	width:840px;
	height:30px;
	padding-top:10px;
}
.footer-links {
	float:left;
	margin-right:7px;
}
.hotel-links {
	float:left;
}
.language {
	float:right;
}
.hotel-links a, .language a {
	padding: 0 5px 0 3px;
}
#logo-25h {
	width:68px;
	height:18px;
	background:url(../img/images.png)  -200px -76px no-repeat;
	display:block;
	text-indent:-10000px;
	overflow:hidden;
}
/* -- /footer -- */




/* -- IE 6.0 -- */
* html #logo-25hours-hotels {
	background:url(../img/images-ie.png)  0px 0px no-repeat !important;
}
* html #logo-designhotels {
	background:url(../img/images-ie.png)  0px -79px no-repeat !important;
}
* html #logo-25h {
	background:url(../img/images-ie.png)  -200px -76px no-repeat !important;
}
* html div.overlay div.close {
	background:url(../img/images-ie.png) -140px -124px no-repeat !important;
}
* html .yellow div.overlay div.close, * html .black div.overlay div.close {
	background:url(../img/images-ie.png) -157px -124px no-repeat !important;
}
* html #forwardbutton {
	bottom:-1px;
}
* html .yellow .form, * html .black .form, * html .magenta .form, * html .cyan .form, * html .magenta #contentboxlist li, * html .magenta .overlay, * html .cyan #contentboxlist li, * html .cyan .overlay, * html .yellow #contentboxlist li, * html .yellow .overlay, * html .black #contentboxlist li, * html .black .overlay {
	background:#ff00ff;
}
* html .text {
	background-image:url(../img/images-ie.png) !important;
}
* html .yellow .overlay, * html .black .overlay {
	color:#fff;
}
/* -- /IE 6.0 -- */