/* screen.css
------------------------------------------------------------------------
This stylesheet contains the basic CSS rules for jugendhotels

Author: elements.at 
--------------------------------------------------------------------- */



/* Basic CSS Rules
--------------------------------------------------------------------- */

body {
	margin: 0;
	padding: 0;
	background: #dce7f3 url(/static/img/body_bg.gif) left top repeat-x fixed;
}


div, h1, h2, h3, h4, p, form, input, select, textarea, ol, ul, li, object, embed {
	margin: 0;
	padding: 0;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	text-align: left;			
}

h1 {
	color: #000;
	font-weight: bold;
	font-size: 19px;
	line-height: 22px;	
}

h2 {
	color: #000;
	font-weight: bold;		
}


h3 {
	color: #000;
	font-weight: bold;		
}

h4 {
	color: #000;
	font-weight: bold;		
}

object {
	display: block;
}

a:link {
	color: #000;
	text-decoration: underline;
}

a:visited {
	color: #000;
	text-decoration: underline;
}

a:hover {
	color: #000;
	text-decoration: underline;
}

a:active {
	color: #000;
	text-decoration: underline;
}

img {
	border: 0;
}

.center {
	text-align: center;
}

.left {
	text-align: left;
}

.right {m
	text-align: right;
}

.clear {
	clear: both !important;
}

.debug {
	border: 1px solid #000;
}


.adlink {
	display:none;
}


/* Generelle Container (Seite und Schatten)
--------------------------------------------------------------------- */


#site {
	background: url(/static/img/site_bg.png) left top no-repeat;
	
	width: 1000px;
	overflow: hidden;
	margin: 0 auto;
	position: relative;
}

#headerimages {
	width: 1000px;
	height: 261px;
	overflow: hidden;
}

#roundteaser {
	width: 170px;
	height: 125px;
	overflow: hidden;
	position: absolute;
	left: 827px;
	top: 158px;
	z-index: 100;
}

#roundteaser img {
	behavior: url(/static/js/iepngfix.htc);
}




#center {
	width: 976px;
	height: 308px;
	padding: 0 24px 0 0; 
	overflow: hidden;
}

/* navigation
-----------------------------------------------------------*/
#center #navigation {
	width: 951px;
	height: 34px;
	padding: 28px 24px 0 25px; 
	overflow: hidden;
}

#navigation ul {
	list-style: none;
	width: 951px;
	overflow: hidden;
	padding: 0;
}

#navigation ul li {
	background: url(/static/img/nav_arrow.gif) left 5px no-repeat;
	overflow: hidden;
	padding: 0 0 0 12px;
	margin: 0 25px 0 0 !important;
	float: left;
}

#navigation ul li a {
	text-decoration: none;
	cursor: pointer;
}


#navigation ul li em {
	font-style: normal;
	text-transform: uppercase;
	color: #1e64a0;
	font-size: 18px;
	line-height: 20px;
	font-weight: bold;
	padding: 0;
	display: block;
}

#navigation ul li.active em {
	color: #fff;
}


#center #below {
	width: 976px;
	height: 246px;
	padding: 0 24px 0 0; 
	overflow: hidden;
}

/* content
-----------------------------------------------------------*/
#content {
	width: 551px;
	height: 246px;
	overflow: hidden;
	padding: 0 25px;
	float: left;
}

/* Contentypes (left area)
-----------------------------------------------------------*/


#content .left {
	width: 300px;
	height: 240px;
	overflow: hidden;
	float: left;
}

/* just image */
#content .left .image {
	width: 300px;
	height: 200px;
	overflow: hidden;
	padding: 40px 0 0 0;
}

/* hotelslist */
#content .left .hotels {
	width: 300px;
	height: 200px;
	overflow: hidden;
	padding: 40px 0 0 0;
}

#content .left .hotels .subnavigation {
	width: 92px;
	height: 200px;
	overflow: hidden;
	float: left;
}

#content .left .hotels .subnavigation ul {
	list-style: none;
	width: 90px;
	overflow: hidden;
	padding: 5px 0;
}

#content .left .hotels .subnavigation ul li {
	width: 90px;
	overflow: hidden;
	margin: 0 0 5px 0;
}

#content .left .hotels .subnavigation ul li a {
	display: block;
	background: url(/static/img/subnav_arrow.gif) left 3px no-repeat;
	width: 81px;
	overflow: hidden;
	padding: 0 0 0 9px;
	color: #1e64a0;
	text-decoration: none;
}

#content .left .hotels .subnavigation ul li a:hover, #content .left .hotels .subnavigation ul li a.active  {
	font-weight: bold;
}

#content .left .hotels .hotelinfo {
	width: 208px;
	height: 200px;
	overflow: hidden;
	float: left;
	
}

#content .left .hotels .hotelinfo .hotelimage {
	width: 208px;
	height: 95px;
	overflow: hidden;
}

#content .left .hotels .hotelinfo .infotext {
	width: 208px;
	overflow: hidden;
	color: #1e64a0;
	margin: 5px 0 0 0;
}

#content .left .hotels .hotelinfo .infolink a {
	background: url(/static/img/subnav_arrow.gif) left 3px no-repeat;
	overflow: hidden;
	padding: 0 0 0 9px;
	color: #1e64a0;
	text-decoration: none;
	font-weight: bold;
}

/* arrivalcard */
#content .left .arrivalmap {
	width: 300px;
	height: 240px;
	overflow: hidden;
	padding: 0;
}

#content .left .arrivalmap img {
	behavior: url(/static/js/iepngfix.htc);
}


/* subscribe free test */
#content .left #subscribe {
	width: 300px;
	height: 200px;
	overflow: hidden;
	padding: 40px 0 0 0;
}


#subscribe form {
	width: 300px;
	height: 200px;	
	overflow: hidden;
}

#subscribe form p {
	width: 300px;
	overflow: hidden;
	margin: 0 0 5px 0;
}

#subscribe form label {
	display: block;
	width: 70px;
	color: #fff;
	padding: 2px 0;
	float: left;
}

#subscribe form input {
	background: #fff;
	width: 200px;
	border: none;
	padding: 2px 5px 3px 5px;
	margin: 0;
	line-height: 14px;
	color: #515151;
	float: left;
}

#subscribe form p.subscribebutton {
	width: 280px;
	overflow: hidden;
}

#subscribe form p.mandatory {
	width: 280px;
	overflow: hidden;
	margin: 10px 0 0 0;
}


#subscribe form input.subscribe {
	background: none;
	width: 103px;
	height: 23px;
	border: none;
	padding: 0;
	margin: 0;
	float: right;
}




/* Text block right*/
#content .text {
	width: 230px;
	height: 200px;
	overflow: hidden;
	float: left;
	padding: 40px 0 0 20px;
	color: #1e64a0;
}

#content .text h1 {
	width: 230px;
	overflow: hidden;
	margin: 0 0 10px 0;
	color: #fff;
	font-size: 15px;
	line-height: 20px;
	text-transform: uppercase;
	font-weight: bold;
}

#content .text ul {
	list-style: none;
	width: 230px;
	overflow: hidden;
	padding: 5px 0;
}

#content .text ul li {
	background: url(/static/img/list_important.gif) left 3px no-repeat;
	width: 220px;
	overflow: hidden;
	padding: 0 0 0 10px;
	color: #1e64a0;
	font-weight: bold;
}



/* Enquiry form
-----------------------------------------------------------*/
#enquiry {
	width: 325px;
	height: 246px;
	overflow: hidden;
	padding: 0 0 0 50px;
	float: left;
}

#enquiry form {
	width: 325px;
	height: 246px;	
	overflow: hidden;
}

#enquiry form p {
	width: 325px;
	overflow: hidden;
	margin: 0 0 5px 0;
}

#enquiry form label {
	display: block;
	width: 70px;
	color: #fff;
	padding: 2px 0;
	float: left;
}

#enquiry form input {
	background: #fff;
	width: 220px;
	border: none;
	padding: 2px 5px 3px 5px;
	margin: 0;
	line-height: 14px;
	color: #515151;
	float: left;
}

#enquiry form input.small {
	width: 12px;
	margin: 0 5px 0 0;
}

#enquiry form input.medium {
	width: 27px;
}

#enquiry form textarea {
	background: #fff;
	border: none;
	width: 220px;
	height: 64px;
	padding: 2px 5px;
	margin: 0;
	line-height: 14px;
	color: #515151;
	overflow: auto;
	float: left;
}

#enquiry form p.submitbutton {
	width: 300px;
	overflow: hidden;
}


#enquiry form input.submit {
	background: none;
	width: 84px;
	height: 23px;
	border: none;
	padding: 0;
	margin: 0;
	float: right;
}



/* Footer
-----------------------------------------------------------*/
#footer {
	width: 976px;
	height: 28px;
	padding: 0 24px 0 0; 
	overflow: hidden;
}


#footer .f_links {
	overflow: hidden;
	float: right;
	padding: 7px 0;
}

#footer .f_links a {
	overflow: hidden;
	color: #1e64a0;
	text-decoration: none;
	margin: 0 16px 0 0;
	float: left;
}

#footer .f_links .separator {
	display: block;
	background: url(/static/img/footer_separator.gif) left 2px no-repeat;
	width: 1px;
	height: 14px;
	overflow: hidden;
	margin: 0 16px 0 0;
	float: left;
}


#footer .f_elements {
	width: 90px;
	overflow: hidden;
	float: right;
}

#footer .f_elements a  {
	background: url(/static/img/elements.gif) right 0 no-repeat;
	height: 14px;
	padding: 7px 15px 7px 0;
	color: #1e64a0;
	text-decoration:none;
	overflow: hidden;
	display: block;
	width: 72px;
	float: right;
	
}

#footer .f_elements a:hover {
	background: url(/static/img/elements_hover.gif) right 0 no-repeat;
}