html
{
	height: 100%;
}

body
{
	height: 100%;
	color: #939496;
	text-align: center;
	position: relative;
	font-family:  arial, helvetica, tahoma, sans-serif;
	font-size: 12px;
	line-height: 18px;
	background: url(../img/backgrounds/background-gradient.gif) #c7eaf8 repeat-x;
}

div#outer-wrapper
{
	width: 100%;
	height: 100%;
	background: url(../img/backgrounds/background.jpg) center top no-repeat;	
}

div#page-wrapper
{
	position: relative;
	width: 625px;
	margin: 0 auto;
}

div#header
{
	position: relative;
	height: 114px;
	background: url(../img/backgrounds/header.png) no-repeat;
}

body#startpage #flash-header
{
	display: block;
}

#flash-header
{
	display: none;
	position: absolute;
	top: 92px;
	left: -12px;
	width: 644px;
	height: 144px;
}

body#startpage div#content
{
	margin-top: 110px;
}

div#content
{
	padding: 0 10px 0 5px;
	text-align: left;
	background: url(../img/backgrounds/content.png) no-repeat;
}

div.content
{
	padding-bottom: 10px;
}

div#footer
{
	height: 21px;
	padding: 0 0 25px 0;
	margin: 0;
	background: url(../img/backgrounds/footer.png) no-repeat;
}

.clear
{
	clear: both;
}

hr
{
	display: none;
}


hr.spacer
{
	display: block;
	border: 0px;
	border-bottom: 1px solid #c2e7f9;
	margin-top: 5px;
}

strong
{
	font-weight: bold;
}

.bold
{
	font-weight: bold;
}

h1
{
	font-size: 1.2em;
	line-height: 1.2em;
	padding: 36px 18px 26px;
	font-weight: bold;
	color: #009ee0;
}

h1.csc-firstHeader
{
	padding: 6px 192px 26px 18px;
	width: 400px;
	background: url(../img/backgrounds/content-header.png) left bottom no-repeat;
}

h2
{
	color: #e78000;
	font-size: 1.6em;
	line-height: 1.6em;
}

h3
{
  padding-top: 13px;
  font-size: 1.6em;
	line-height: 1.6em;
  color: #545454;
}

h3 a
{
	text-decoration: underline;
	color: #e78000;
}

h4
{
	font-weight: bold;
}

p.bodytext
{
	padding-left: 18px;
	padding-right: 18px;
	padding-bottom: 1em;;
}

a
{
	text-decoration: none;
	color: #003f75;
}

a.mail
{
	padding-left: 1.5em;
	background: url(../img/icons/link-mail.gif) no-repeat 1px 5px;
}

a.extern
{
	padding-left: 1.5em;
	background: url(../img/icons/link-arrow.gif) no-repeat 1px 5px;
}

.next
{
	padding-top: 10px;
}

.load
{
	background: url(../img/icons/load.gif) center center no-repeat;
}

.headline
{
	padding: 0 18px;
	background: url(../img/backgrounds/headline.gif) repeat-y;
}

.footnote
{
	font-size: 0.8em;
}

table.contenttable
{
	width: 574px;
	margin: 0 18px;
}

table.contenttable th
{
	padding-top: 28px;
	font-size: 1.2em;
	line-height: 1.2em;
	font-weight: bold;
	color: #009ee0;
}

table.contenttable td
{
	padding-top:  16px;
	vertical-align: top;
}

table.contenttable td.date
{
	width: 70px;
}
/**
* Navigation
**/
ul#nav
{
	position: relative;
	top: 77px;
	z-index: 10;
}

ul#nav li
{
	float: left;
	display: block;
	position: relative;
}

ul#nav li.first
{
	padding-left: 5px;
}

ul#nav li.last
{
	padding-right: 4px;
	background: url(../img/navigation/tab-last.gif) right bottom no-repeat;
}

ul#nav a
{
	color: #009ee1;
	text-decoration: none;
	display: block;
	padding-right: 1px;
	outline: none;
	background: url(../img/navigation/bg.gif) right top no-repeat;
}

ul#nav li.act a
{
	padding: 0;
	background: none;
}

ul.csc-menu-1,
ul.tabbed-nav-bottom
{
	padding: 0 18px;
	background: url(../img/navigation/tabbed-nav.gif) left bottom repeat-x;
}

ul.tabbed-nav-bottom
{
	background-position: left top;
}

ul.csc-menu-1:after,
ul.tabbed-nav-bottom:after
{
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

* html ul.csc-menu-1, * html ul.tabbed-nav-bottom { zoom: 1; }
*+ html ul.csc-menu-1, *+ html ul.tabbed-nav-bottom { zoom: 1; }

ul.csc-menu-1 li,
ul.tabbed-nav-bottom li
{
	float: left;
	padding: 0 4px 0 2px;
	background: url(../img/navigation/tabbed-top-right.gif) right top no-repeat;
}

ul.csc-menu-1 li.active
{
	background-image: url(../img/navigation/tabbed-top-right-active.gif);
}

ul.tabbed-nav-bottom li
{
	background-image: url(../img/navigation/tabbed-bottom-right.gif);
}

ul.tabbed-nav-bottom li.active
{
	background-image: url(../img/navigation/tabbed-bottom-right-active.gif);
}

ul.csc-menu-1 li a,
ul.tabbed-nav-bottom li a
{
	display: block;
	padding: 6px 10px 7px 14px;
	font-size: 1.2em;
	outline: none;
	color: #fff;
	background: url(../img/navigation/tabbed-top-left.gif) left top no-repeat;
}

ul.csc-menu-1 li.active a
{
	background-image: url(../img/navigation/tabbed-top-left-active.gif);
	color: #00a0e1;
}

ul.tabbed-nav-bottom li a
{
	padding-top: 7px;
	background-image: url(../img/navigation/tabbed-bottom-left.gif);
}

ul.tabbed-nav-bottom li.active a
{
	background-image: url(../img/navigation/tabbed-bottom-left-active.gif);
	color: #00a0e1;
}

/**
Forms
*/
input
{
	width: 198px;
	color: #939496;
	background: #fff;
	border: 1px solid #d3d3d3;
}

input.small-input
{
	width: 28px;
}

div.tx_powermail_pi1_fieldwrap_html_textarea label
{
	display: block;
	padding: 0 18px;
	margin: 10px 0;
	font-weight: bold;
	background: url(../img/backgrounds/headline.gif) repeat-y;
}

div.tx_powermail_pi1_fieldwrap_html_textarea textarea
{
	margin: 0 18px;
	
}

textarea
{
	width: 302px;
	color: #939496;
	background: #fff;
	border: 1px solid #d3d3d3;
}

div.tx-powermail-pi1 legend
{
	display: none;
}

div.tx_powermail_pi1_fieldwrap_html_html p.headline
{
	margin: 10px 0;
}

div.tx_powermail_pi1_fieldwrap_html_html td
{
	padding-left: 18px;
}

div.tx_powermail_pi1_fieldwrap_html_text
{
	padding: 8px 18px 0;
}

div.tx_powermail_pi1_fieldwrap_html_text:after
{
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

* html div.tx_powermail_pi1_fieldwrap_html_text { zoom: 1; }
*+ html div.tx_powermail_pi1_fieldwrap_html_text { zoom: 1; }

div.tx_powermail_pi1_fieldwrap_html_text label
{
	display: block;
	width: 161px;
	float: left;
}

div.tx_powermail_pi1_fieldwrap_html_check
{
	padding: 8px 18px 3px;
}

div.tx_powermail_pi1_fieldwrap_html_check div.powermail_check_inner
{
	position: relative;
	padding-top: 11px;
}

div.tx_powermail_pi1_fieldwrap_html_check div.powermail_check_inner label
{
 	display: block;
	margin-left: 23px;
}

div.tx_powermail_pi1_fieldwrap_html_check div.powermail_check_inner input
{
	position: absolute;
	top: 15px;
	left: 0;
	width: auto;
	border: none;
}

*+html div.tx_powermail_pi1_fieldwrap_html_check div.powermail_check_inner input { top: 11px;}

p.tx_powermail_pi1_fieldwrap_html_checkbox_title
{
	font-weight: bold;
}

div#powermaildiv_uid25
{
	padding-top: 0;
}

div.tx_powermail_pi1_fieldwrap_html_submitgraphic
{
	padding-top: 26px;
	text-align: right;
}

div.tx_powermail_pi1_fieldwrap_html_submitgraphic input
{
	display: inline;
	width: auto;
	border: none;
	outline: none;
}

/**
* Position of zip and city fields
*/
fieldset#tx-powermail-pi1_fieldset_5
{
	position: relative;
}

fieldset#tx-powermail-pi1_fieldset_5 div.tx_powermail_pi1_fieldwrap_html_11 label span
{
	display: none;
}

fieldset#tx-powermail-pi1_fieldset_5 div.tx_powermail_pi1_fieldwrap_html_11 input
{
	width: 58px;
}

fieldset#tx-powermail-pi1_fieldset_5 div#powermaildiv_uid12
{
	position: absolute;
	top: 8px;
	left: 0;
}

*+ html fieldset#tx-powermail-pi1_fieldset_5 div#powermaildiv_uid12 { top: 9px; }

fieldset#tx-powermail-pi1_fieldset_5 div#powermaildiv_uid12 label
{
	position: absolute;
	top: 0;
	left: 45px;
	width: 50px;
}

fieldset#tx-powermail-pi1_fieldset_5 div#powermaildiv_uid12 input
{
	position: absolute;
	top: 0;
	left: 241px;
	width: 136px;
}

/**
 * Fields for single and double rooms
 */ 
div#powermaildiv_uid28,
div#powermaildiv_uid29,
div#powermaildiv_uid31,
div#powermaildiv_uid32
{
	position: relative;
}

div#powermaildiv_uid28 label,
div#powermaildiv_uid29 label,
div#powermaildiv_uid31 label,
div#powermaildiv_uid32 label
{
	float: none;
	width: auto;
}


div#powermaildiv_uid28 input,
div#powermaildiv_uid29 input,
div#powermaildiv_uid31 input,
div#powermaildiv_uid32 input
{
	position: absolute;
	top: 9px;
	left: 145px;
	z-index: 1;
}

div#powermaildiv_uid25 p
{
	display: none;
}

div.tx-powermail-pi1_mandatory
{
	padding: 0 18px 10px;
}

/**
Footer
*/
div#footer ul
{
	padding: 3px 29px 0 5px;
	text-align: right;
}

div#footer ul li
{
	display: inline;
}

div#footer ul a
{
	text-decoration: none;
}

/* Teaserboxes */
div.teaser-wrapper
{
	padding: 0 8px;
}

div.teaser-wrapper:after
{
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

* html div.teaser-wrapper { zoom: 1; }
*+ html div.teaser-wrapper { zoom: 1; }

div.teaser
{
	position: relative;
	float: left;
	width: 175px;
	height: 144px;
	padding: 15px 10px 10px 110px;
	background: url(../img/backgrounds/teaser.gif) no-repeat;
}

div.teaser.big
{
	height: 175px;
	background: url(../img/backgrounds/teaser-big.gif) no-repeat;
}

div.teaser div.image
{
	position: absolute;
	top: 12px;
	left: 12px;
	width: 92px;
	height: 124px;
	background: url(../img/backgrounds/teaser-image.gif) no-repeat;
}

div.teaser div.image img
{
	display: block;
	width: 84px;
	height: 119px;
	margin: 4px 4px 0;
}

div.teaser.big div.image
{
	position: absolute;
	top: 12px;
	left: 12px;
	width: 91px;
	height: 172px;
	background: url(../img/backgrounds/teaser-image-small.gif) no-repeat;
}

div.teaser.big div.image img
{
	display: block;
	width: 83px;
	height: 166px;
	margin: 4px 4px 0;
}

div.teaser h2
{
	font-size: 1.0em;
	line-height: 1.0em;
	padding:  16px 10px 0 6px;
	font-weight: bold;
	color: #949596;
}

div.teaser a
{
	text-decoration: none;
	outline: none;
}

div.teaser a.download
{
	position: absolute;
	display: block;
	top: 116px;
	left: 106px;
	width: 158px;
	height: 19px;
	padding: 2px 0 0 21px;
	font-weight: bold;
	background: url(../img/backgrounds/teaser-download.gif) no-repeat;
}

div.teaser.big a.download
{
	top: 161px;
}

div.teaser span.file-size
{
	font-size: 0.8em;
	font-weight: normal;
}

div#tabbed-content
{
	padding-bottom: 20px;
}

div#tabbed-inner-content
{
	min-height: 100px;
}
