@charset "utf-8";
/* CSS Document */


/* TABLE OF CONTENTS:
---------------------------------------------------------------------------------------
	
	0:	CSS RESET & HELPERS:
	
		0.1:	CSS RESET:
		0.2:	AUTO-CLEAR & GLOBAL HELPERS
	
	1:	TYPOGRAPHY & LINK STYLING:
	
		1.1:	TYPO:
		1.2:	LINKS:
	
	2:	STRUCTURE & LAYOUT
		
		2.1:	STRUCTURE
		2.2:	HEADER
		2.3:	NAVIGATION
		2.4:	FOOTER
		2.5:	CONTENT
		
	
--------------------------------------------------------------------------------------	
*/



/*  >> 0.	CSS RESET & HELPERS:
---------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------- */

/*  		>> 0.1.	CSS RESET:
--------------------------------------------------------------------------------------- */

/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
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-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body { line-height: 1; }

ol, ul { list-style: none; }

/*
blockquote, q { quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after
{
	content: '';
	content: none;
}
*/

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }

del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table
{
	border-collapse: collapse;
	border-spacing: 0;
}



/*  		>> 0.2.	AUTO-CLEAR & GLOBAL HELPERS:
--------------------------------------------------------------------------------------- */
.autoclear:after,
div.col-box:after,
div.form-row:after
{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

div.col
{
	float: left;
	display: inline;
	line-height: 0.01%;
	position: relative;
}



/*  >> 1.	TYPOGRAPHY & LINK STYLING:
---------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------- */


/*  		>> 1.1.	TYPO:
--------------------------------------------------------------------------------------- */

form label
{
	font-family: Georgia, "Times New Roman", Times,serif;
	font-size: 12px;
}

div.forget-password,
div.forget-password a
{
	color: #666;
}



/*  		>> 1.2.	LINKS:
--------------------------------------------------------------------------------------- */

div.forget-password a:link,
div.forget-password a:visited { text-decoration: none; }
div.forget-password a:hover { text-decoration: underline; color: #000; }



/*  >> 2.	STRUCTURE LAYOUT
---------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------- */

html, body
{
	width: 100%;
	height: 100%;
}

body
{
	background: url(../images/kachel.gif) left top repeat;
}


/*  		>> 2.1.	STRUCTURE:
--------------------------------------------------------------------------------------- */

h1#head
{
	width: 1px;
	height: 50%;
	margin-bottom: -300px;
	float: left;
	text-indent: -99999px;
}

div#wrapper-page
{
	clear: left;
	position: relative;
	width: 1000px;
	height: 800px;
	margin: 0 auto;
	background-color: #FFF;
}

div#wrapper-page.home
{
	height: 600px;
}

div#wrapper-page_login
{
	clear: left;
	position: relative;
	width: 1000px;
	height: 610px;
	margin: 0 auto;
	background-color: #FFF;
}
div#wrapper-cnt
{
	width: 972px;
	height: 800px;
	overflow: hidden;
	position: relative;
	left: 14px;
	top: 14px;
}
div.home div#wrapper-cnt, div.home div#col-1, div.home div#col-2
{
	height: 572px;
}

div#wrapper-cnt_login
	{
		width: 972px;
		height: 650px;
		overflow: hidden;
		position: relative;
		left: 14px;
		top: 14px;
	}
	
		div#col-1
		{
			width: 378px;
			height: 572px;
			overflow: hidden;
		}
		
		div#col-2
		{
			height: 572px;
		}
		
		div.content
		{
			position: relative;
			font-size: 12px;
			line-height: 1.2em;
		}
		
		div.cnt-home div.content { width: 594px; }


/*  		>> 2.2.	HEADER:
--------------------------------------------------------------------------------------- */



/*  		>> 2.3.	NAVIGATION & MENU-LISTS:
--------------------------------------------------------------------------------------- */




/*  		>> 2.4.	FOOTER:
--------------------------------------------------------------------------------------- */





/*  		>> 2.5.	CONTENT:
--------------------------------------------------------------------------------------- */


div.pressarea
{
	position: relative;
}

h2.img-text
{
	background: left top no-repeat;
	text-indent: -99999px;
}

h2#address-data
{
	background-image: url(../images/address_data.png);
	width: 483px;
	height: 15px;
	position: absolute;
	right: 46px;
}

div.pressarea h2#address-data
{
	position: relative;
	right: 0;
	margin: auto auto;
}

h2#logo-hotellouis
{
	background-image: url(../images/logo_louishotel.png);
	width: 146px;
	height: 72px;
	position: absolute;
	right: 216px;
	top: 177px;
}

div.pressarea h2#logo-hotellouis
{
	position: relative;
	top: 42px;
	right: 0;
	margin: auto auto;
}
div.pressarea h2#logo-hotellouis a { display: block; position: relative; width: 146px; height: 72px; }

h2#opening_date
{
	background-image: url(../images/opening_date.png);
	width: 285px;
	height: 34px;
	position: absolute;
	right: 146px;
	top: 461px;
}

h2#reservation
{
	background-image: url(../images/reservation_link.png);
	width: 220px;
	height: 23px;
	position: absolute;
	right: 178px;
	top: 492px;
}
h2#reservation a { display: block; position: relative; width: 220px; height: 23px; }

h2#enter_pressarea
{
	background-image: url(../images/enter_pressarea.png);
	width: 68px;
	height: 15px;
	position: absolute;
	right: 254px;
	top: 557px;
}
h2#enter_pressarea a { display: block; position: relative; width: 68px; height: 15px; }




h2#visit-cortina
{
	background-image: url(../images/visit_cortina.png);
	width: 215px;
	height: 20px;
	position: absolute;
	left: 14px;
	bottom: 9px;
}
h2#visit-cortina a { display: block; position: relative; width: 215px; height: 20px; }

h2#design-hotels
{
	background-image: url(../images/design_hotels.png);
	width: 156px;
	height: 20px;
	position: absolute;
	right: 14px;
	bottom: 9px;
}
h2#design-hotels a { display: block; position: relative; width: 156px; height: 20px; }

div.pressarea-cnt
{
	position: absolute;
	height: 358px;
	width: 972px;
	left: 0;
	top: 199px;
	background: url(../images/bg_form_bottom.png) left bottom repeat-x;
}

div.pressarea-cnt2
{
	position: absolute;
	height: auto;
	width: 972px;
	left: 0;
	top: 199px;
	background: url(../images/bg_form_bottom.png) left bottom repeat-x;
}

div.pressarea-cnt.login
{
	background-color: #F1F1F1;
}


div.pressarea-cnt form
{
	position: absolute;
	width: 443px;
	background: top right no-repeat;
	padding-top: 40px;
	top: 60px;
}

	form#form-login
	{
		left: 0px;
		background-image: url(../images/form_willkommen_big.png);
	}
	
	form#form-register
	{
		left: 470px;
		background-image: url(../images/form_anmeldung_big.jpg);
	}


form div.form-row
{
	padding-bottom: 5px;
}

form label,
form input.input-text
{
	float: left;
}

form label
{
	width: 170px;
	text-align: right;
	padding-right: 10px;
	line-height: 20px;
}

form input.input-text
{
	border: 1px solid #FFF;
	padding-left: 0px;
	padding-right: 2px;
	width: 258px;
}
form input.input-text:focus { border-color: #CCC; }

form input.form-btn
{
	float: right;
	display: inline;
	margin-top: 2px;
}

div.dl-big {	margin-left: -18px; padding-bottom: 8px;}


div.dl-small {	
	margin-left: -17px;
}


div.dl-big a.dl-image,
div.contact-box
{
	float: left;
	display: inline;
	width: 180px;
	height: 168px;
	overflow: hidden;
	margin-left: 18px;
}

div.dl-small a.dl-image
{
	float: left;
	display: inline;
	width: 126px;
	height: 173px;
	overflow: hidden;
	margin-left: 15px;
	margin-bottom: 10px;
}

div.contact-box
{
	font-size: 14px;
	line-height: 1.2em;
	background: url(../images/dl_bg.png) top left no-repeat;
}

div.contact-box.no-bg { /* background: url(../images/dl_bg.png) top left no-repeat; */ }





div.contact-box p { 
	padding: 8px 10px 8px 10px; 
/*	font-size: 11px; */	
}

input.error {
	border: 1px solid red !important;
}

.registration-success {
	font-size: 14px;
	line-height: 1.2em;
	position: absolute;
	width: 443px;
	background: top right no-repeat;
	padding-top: 40px;
	top: 60px;
	left: 490px;
}

.forget-password {
	clear:both;
	padding-top: 20px;
	margin-left: 180px;
	position: relative;
}