@charset "utf-8";
/**
 **************************************************
 * TYPO3 Master / t3m.hdlab2.de
 * main.css
 *
 * @author: HDNET GmbH & Co. KG
 * @version: 1.8
 * @updated: 2010-04-09 (MS)
 **************************************************
**/



/**
 **************************************************
 * CSS RESET
 *
 * @description: general reset for all browsers
 **************************************************
**/
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,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-family:inherit;
	color:#878786;
}

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

h1,h2,h3,h4,h5,h6,strong,b,th,dt {
	font-size:100%;
	font-weight:normal;
}

ol,ul {
	list-style:none;
}

caption,th { 
	text-align:left;
}

img,abbr,acronym {
	border:0;
}

em,i,dfn,cite,var,address {
	font-style:normal;
}

pre,code {
	font-family:'courier new',courier,mono;
	font-size:1.0em;
}

q:before,q:after { 
	content:'';
}

:focus {
	outline:0;
}



/**
 **************************************************
 HELPER CLASSES 
 *
 * @description: helper classes for common problems or quick fixes
 **************************************************
**/
.clearOnly {
	clear:both;
}

.clear {
	clear:both;
	height:0;
	font-size:0;
	line-height:0;
}

.left {
	float:left;
}

.right {
	float:right;
}

.noPadding {
	padding:0 !important;
}

.noMargin {
	margin:0 !important;
}

.none {
	display:none !important;
}

.hidden {
	visibility:hidden !important;
}

.error {
	color:red !important;
	/*font-weight:bold !important;*/
	border-color:red !important;
}

.sprite,
.sprite a {
	text-indent:-9999px;
	font-size:0;
	line-height:0;
}

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

.clearfix {
	display:inline-block;
}

/* Hide from IE Mac \*/.clearfix{ display:block;
}/* End hide from IE Mac */




/**
 **************************************************
 GENERAL DEFINITIONS
 *
 * @description: define the basic appearance of the site
 **************************************************
**/
html {
	height:100%;
	/*Defaults to ~16px across browsers*/
	/*font-size:100.01%;*/
	/*Defaults to ~12px across browsers*/
	font-size:75.01%;
}

body {
	height:100%;
	font-family:Arial,verdana,tahoma,arial,sans-serif;
	line-height:14px;
	font-size:11px;
	/*line-height calculates to 18px (~12px * 1.5 = ~18px)*/
	color:#333;
	/*Testing the text-rythm at ~18px*/
	background:#fff url(../img/layout/body-bg.png) no-repeat top center;
}

h1 {
	font-size:2.0em; /*~24px*/
	line-height:1.3em; /*~31,2px*/
	letter-spacing:-0.01em;
	margin-bottom:0.5em;
}

h2 {
	font-size:1.5em; /*~18px*/
	line-height:1.3em; /*~23,4px*/
	margin-bottom:0.5em;
}

h3 {
	font-size:1.1em; 
	line-height:1.3em;
	font-weight:bold;
	margin-bottom:0.5em;
}

h4,h5,h6 {
	font-size:1.0em;
	font-weight:bold;
	margin-bottom:0.25em;
}

h1 span,h2 span,h3 span,h4 span,h5 span,h6 span {
	display:none;
}

p,ol,ul,dl {
	margin-bottom:1.5em;
}

ul {
	padding-left:13px;
	list-style:disc outside;
}

ol {
	padding-left:26px;
	list-style:decimal-leading-zero outside;
}

dt {
	font-weight:bold;
}

a {
	color:#8f1825;
	text-decoration:none;
	/* border-bottom:1px dotted #b50027; */}

a:hover {
	border-style:solid;
}

strong,b {
	font-weight:bold;
}

em,i {
	font-style:italic;
}

sup {
	font-size:0.7em;
}

hr {
	clear:both;
	/*Only chance to get the standard visuals away*/
	border-width:0;
	border-bottom:1px dotted #c4c4c4;
}

table {
	/*
	border:1px solid #d1d1d1;
	margin-bottom:1.5em;
	background:#f5f5f5;
	*/}

table caption {
	font-size:1.10em;
	font-weight:bold;
	padding:0 0 3px 3px;
}

table tr {}

table th,
table td {
	padding:1px 15px 1px 0;
	border:0px solid #d1d1d1;
	vertical-align:top;
}

table th {
	color:#fff;
	font-weight:bold;
	background:#cecece;
}

table p {
	margin-bottom:0;
}

form {}

form legend {
	display:none;
}

form label {
	clear:left;
	float:left;
	width:135px;
}

form label em {
	font-style:normal;
	color:red;
}

form input.text,
form input.checkbox,
form input.radio,
form select,
form textarea {
	float:left;
	width:194px;
	height:15px;
	padding:2px 2px 1px 2px;
	border:1px solid #c3b894;
	margin:0 0 5px 0;
	font:inherit;
	color:#c3b894;
}

form textarea {
	height:64px;
}

form input.w1 {
	width:44px;
}

form input.w2 {
	width:94px;
}

form input.w3 {
	width:144px;
}

form input.checkbox,
form input.radio {
	width:auto;
	height:auto;
	border:0 none;
	margin:3px 0 5px 1px;
}

form select {
	/* Selects have wrong box model. Add all paddings/margins/borders from above */
	width:200px;
	height:20px;
	padding:0;
}

/* Selects with a defined size (listboxes) */
form select.listbox {
	height:auto;
}

form select option {}

form input.submit,
form input.reset,
form input.button {
	float:left;
	padding:1px 2px 0 18px;
	border:1px solid #cacaca;
	border-right:1px solid #b3b3b3;
	border-bottom:1px solid #b3b3b3;
	margin:0 0 5px 0;
	font-weight:bold;
	color:#888;
	/*background:#f3f3f3 url(../img/ico-submit.png) 2px 2px no-repeat;*/
	background:#f3f3f3 url(../img/ico-tick.png) 2px 2px no-repeat;
}

form p {
	clear:left;
	margin-bottom:0;
}



/**
 **************************************************
 LAYOUT
 *
 * @description: building the design
 **************************************************
**/
#page {
	position:relative;
	min-height:100%;
	margin:0;
	margin-left:auto;
	margin-right:auto;
	width:960px;
}

#header {
	/* border-bottom:1px solid #FF0; */
	position:relative;
	width:960px;
	height:448px;
	/* Shadow */
	/*
	padding-right:5px;
	background:#fff url(../img/header-bg.jpg) 0 45px no-repeat;
	*/}


#hero {
	position:relative;
	width:960px;
	height:448px;
}

#heroSlide {
	position:absolute;
	z-index:1;
	top:0px;
	left:0px;
	width:960px;
	height:443px;
	overflow:hidden;
	border-bottom:#ac1534 5px solid;
}
	
#heroSlide #stage {
	position:absolute;
	top:0px;
	left:0px; /* init */
	width:8000px;
	height:400px;
}

#heroSlide .slide {
	float:left;
}

#heroMask {
	position:absolute;
	z-index:2;
	top:0px;
	left:0px;
}

#heroThumbs {
	display:none; /* init */
	position:absolute;
	right:11px;
	top:80px;
	z-index:4;
}
	
#heroThumbs .heroThumb {
	border:2px solid #f0ead8;
	/*float:right;*/
	float:left;
	margin-left:1px;
	opacity:1;
	position:relative;
	cursor: pointer;
}
	
#heroThumbs .heroThumbOverlay {
	background-color:#FFF;
	border:0px solid #f0ead8;
	z-index:2;
	width:38px;
	height:38px;
	position:absolute;
	top:0;
	left:0;
}
	
#heroThumbs .heroThumb img {
	z-index:1;
}

#heroTopRight {
	position:absolute;
	z-index:8;
	top:1px;
	right:1px;
	border:0px solid #0F0;
	width:400px;
	height:68px;
}
	
#metaNavTop {
	position:absolute;
	top:36px;
	right:2px;
	font-size:8px;
	padding-left:0;
	margin-bottom:0;
	list-style:none;
	font-size:0.9em;
	line-height:1.0em;
	color:#b4b4b4;
	margin-top:12px;
	margin-bottom:10px;
	margin-right:12px;
}

#metaNavTop li {
	display:inline;	
	padding-left:5px;
	border-left:1px solid #ccc;
	margin-left:5px;
}

#metaNavTop li.first {
	padding-left:0;
	border-left:0;
	margin-left:0;
}

#metaNavTop a {
	color:#b4b4b4;
	border:0;
	text-decoration:none;
}


#heroSliderLeft {
	position:absolute;
	display:none;
	top:182px;
	left:0px;
	z-index:20;
	background:transparent url(../../img/header/slider-right.png) no-repeat; 
	height:129px;
	width:19px;
	cursor: pointer;
}
	
#heroSliderRight {
	position:absolute;
	display:none;
	top:182px;
	right:0px;
	z-index:20;
	background:transparent url(../../img/header/slider-right.png) no-repeat; 
	height:129px;
	width:19px;
	cursor: pointer;
}
	
#heroSliderRight a {
	height:129px;
	width:19px;
}
	
.heroNavi {
	position:absolute;
	z-index:40;
	width:960px;
	height:155px;
	bottom:33px;
	left:0;
	display:block;
	overflow:hidden;
}
	
.heroNaviTransparent {
	position:absolute;
	width:960px;
	height:155px;
	bottom:0px;
	left:0px;
	background-color:#ac1534;
	opacity:0.85;
	display:block;
	color:#FFF;
}
	
.heroNavi a {
	text-decoration:none;
	border:0;
}

.heroNaviLevel1 {
	margin:0;
	z-index:42;
	padding:0;
	list-style-type:none;
	margin-top:10px;
	width:960px;
	height:145px;
	list-style-position:inside;
}
	
.heroNaviLevel1 li.hover{
	background: url(../img/header/hero-navi-hover.jpg) no-repeat;
}

ul#navMain ul.heroNaviLevel1 li {
	margin:0;
	padding:0;
	padding-left:118px;
	position:relative;
	height:28px;
	width:875px;
	list-style-image:none;
	position:relative;
	overflow:hidden;
}


/* PADDINGS for the nav items */
li.first ul.heroNaviLevel1 li {
	padding-left:10px !important;
	width:983px !important;
}

li.second ul.heroNaviLevel1 li {
	padding-left:118px !important;
	width:875px !important;
}

ul.en li.second ul.heroNaviLevel1 li {
	padding-left:87px !important;
	width:906px !important;
}

li.third ul.heroNaviLevel1 li {
	padding-left:213px !important;
	width:780px !important;
}

ul.en li.third ul.heroNaviLevel1 li {
	padding-left:186px !important;
	width:807px !important;
}

li.fourth ul.heroNaviLevel1 li {
	padding-left:426px !important;
	width:567px !important;
}

ul.en li.fourth ul.heroNaviLevel1 li {
	padding-left:403px !important;
	width:590px !important;
}

li.fivth ul.heroNaviLevel1 li {
	padding-left:608px !important;
	width:385px !important;
}

ul.en li.fivth ul.heroNaviLevel1 li {
	padding-left:583px !important;
	width:410px !important;
}

li.sixth ul.heroNaviLevel1 li {
	padding:0 80px 0 0 !important;
	width:913px !important;
	text-align:right;
}

ul.en li.sixth ul.heroNaviLevel1 li {
	padding:0 225px 0 0 !important;
	width:780px !important;
}

.heroNaviLevel1 li.active {
	/* list-style-image:url(../img/header/hero-navi-arrow.jpg); */}

.heroNaviLevel2 {
	position:absolute;
	left:50px;
	top:0px;
	width:900px;
	padding:0;
	margin-left:255px;
	list-style-type:none;
	overflow:hidden;
	display:none;
}

ul.en .heroNaviLevel2 {
	margin-left:240px;
}

li.fourth ul.heroNaviLevel1 li ul.heroNaviLevel2,
li.fivth ul.heroNaviLevel1 li ul.heroNaviLevel2,
li.sixth ul.heroNaviLevel1 li ul.heroNaviLevel2 {
/*	padding-right:50px;*/
	text-align:right;
}

li.fourth ul.heroNaviLevel1 li .heroNaviLevel2 {
	left:-20px;
	width:453px;
	margin:0;
/*	margin-right:-75px;*/
}

ul.en li.fourth ul.heroNaviLevel1 li .heroNaviLevel2 {
	width:430px;
}

li.fivth ul.heroNaviLevel1 li .heroNaviLevel2 {
	left:-20px;
	width:638px;
	margin:0;
/*	margin-right:-75px;*/
}

ul.en li.fivth ul.heroNaviLevel1 li .heroNaviLevel2 {
	width:610px;
}

li.sixth ul.heroNaviLevel1 li .heroNaviLevel2 {
	left:-14px;
	width:725px;
	margin:0;
/*	margin-right:-75px;*/
}

ul#navMain ul.heroNaviLevel1 li ul.heroNaviLevel2 {
}

ul#navMain ul.heroNaviLevel1 li ul.heroNaviLevel2 li {
	display:inline-block !important;
	float:none !important;
	padding-left:15px !important;
	width:auto !important;
}

.heroNaviLevel2 li,
ul.en .heroNaviLevel2 li {
	position:relative;
	width:auto !important;
	padding:0 !important;
}



h1#logo {
	position:absolute;
	padding:19px 0 0 20px;
}

ul#navMain {
	position:relative;
}

#searchbox {
	position:absolute;
	top:3px;
	right:9px;
	padding:0;
	margin:0;
}

#contentArea {
	clear:both;
	position:relative;
	width:960px;
	min-height:350px;
	/*Has to be footer-height + desired "margin"*/
	padding-bottom:135px;
}

#tertiaryContent {
	float:left;
	width:165px;
	padding:10px 10px 10px 20px;
	margin-right:10px;
	/*background:#e1e1e1;*/}

ul#navSub {
	
}

#primaryContent {
	float:left;
	width:710px; /* 750px total */
	padding-left:10px;
	/* padding-bottom:30px; */
	padding-right:30px;
	line-height:16px;
	font-size:12px;
}


#secondaryContent {
	float:left;
	width:210px;
	padding:0px;
	margin-right:0px;
	color:#555554;
	margin-bottom:30px;
}

#footer {
	position:absolute;
	bottom:0;
	width:960px;
	height:100px;
	/* margin-right:25px; */
	background:transparent url(../img/footer/footer-plain.jpg) no-repeat;
}

#footer #claim {
	margin:15px 0 0 145px;
}

#footer #address {
	position:absolute;
	top:59px;
	color:#85292b;
	font-size:11px;
}

ul#navMisc {
	position:absolute;
	top:14px;
	right:0;
}



/**
 **************************************************
 LAYOUT SPECIFIC (LOGO,NAVIGATION,SEARCHBOX...)
 *
 * @description: detailed formatting of the basic elements
 **************************************************
**/
h1#logo a {
	border:0;
}
 
#navMainWrapper {
	background:#fff url(../img/nav-main/nav-main-bg.jpg) no-repeat;
	height:90px;
	width:960px;
}
 
ul#navMain {
	padding-left:0;
	margin-bottom:0;
	list-style:none;
}

ul#navMain li {
	float:left;
	height:33px;
	margin-right:20px;
}

ul#navMain li.first {
	
}

ul#navMain li.last {
	
}

ul#navMain li.first.act {
	border-left:0px solid #d4d4d4;
}

ul#navMain a {
	border:0;
}

#searchbox label {
	display:none;
	margin-bottom:5px;
	font-size:13px;
	font-weight:bold;
	color:#fff;
}

#searchbox input.search {
	float:left;
	width:139px;
	height:16px;
	color:#a29879;
	font-size:12px;
	padding:2px 2px 1px 4px;
	border:0px solid #cacaca;
	margin:0;
	background:transparent url(../img/header/search.gif) no-repeat;
}

#searchbox input.submit {
	float:left;
	width:25px;
	height:19px;
	padding:0;
	margin:0;
	border:0 none;
	cursor:pointer;
	background:transparent url(../img/header/search.gif) no-repeat right top;
}

#searchbox a {
	font-size:0.95em;
	color:#fff;
	border-color:#fff;
}

ul#navLang {
	position:absolute;
	top:3px;
	left:171px;
	height:17px;
	width:37px;
	background:#f0ead8 url(../img/header/lang.gif) no-repeat left top;
	padding-left:0;
	border:1px solid #c3b894;
	margin-bottom:0;
	list-style:none;
	overflow:hidden;
}

ul#navLang li {
	margin:4px 0 1px 4px;
}

ul#navLang li a {
	display:block;
	width:16px;
	height:11px;
	text-indent:-9999px;
}

ul#navLang li.de a {
	background:transparent url(../img/header/lang-de_DE.gif) no-repeat left top;
}

ul#navLang li.en {
	background:transparent url(../img/header/lang-en_EN.gif) no-repeat left top;
}
	
ul#navSub {
	padding:0;
	margin-bottom:0;
	list-style:none;
}

ul#navSub ul {
	padding:0;
	margin-bottom:0;
	list-style:none;
}

ul#navSub li {
	/* border-top:1px solid #d4d4d4; */
	line-height:1.2em;
}

ul#navSub li.first {
	border-top:0 none;
}

ul#navSub li.last {
	border-bottom:1px solid #d4d4d4;	
	margin-right:0;
}

ul#navSub ul li.first {
	border-top:1px solid #d4d4d4;
}

ul#navSub ul li.last {
	border-bottom:0 none;
}

ul#navSub a {
	border:0 none;
}

ul#navMisc {
	padding:6px 4px 0 0;
	margin-bottom:0;
	list-style:none;
	font-size:0.95em;
	color:#FFF;
}

ul#navMisc li {
	float:left;
	padding-right:7px;
	border-right:1px solid #fff;
	margin-right:7px;
	line-height:1.0em;
}

ul#navMisc li.last {
	padding-right:0;
	border-right:0;
	/*margin-right:0;*/}

ul#navMisc a {
	color:#FFF;
	text-decoration:none;
}

ul#navBreadcrumb {
	width:auto;
	padding-left:10px;
	margin:20px 0 10px 0;
	list-style:none;
	font-size:10px;
	color:#b4b4b4;
}

ul#navBreadcrumb li {
	float:left;
	margin-right:3px;
}

ul#navBreadcrumb li.last {
	margin-right:0;
	font-weight:bold;
}

ul#navBreadcrumb a {
	position:relative;
	top:1px;
	color:#b4b4b4;
	border-color:#b4b4b4;
}

ul#navBreadcrumb li.last a {
	color:#000;
}



/**
 **************************************************
 CSS STYLED CONTENT
 *
 * @description: just a copy from the extension output
 * @beware: margins to text that are set here have to be changed in TS constants too
 **************************************************
**/
div.csc-textpic-caption-c .csc-textpic-caption {
	text-align:center;
}
div.csc-textpic-caption-r .csc-textpic-caption {
	text-align:right;
}
div.csc-textpic-caption-l .csc-textpic-caption {
	text-align:left;
}
/* Needed for noRows setting */
div.csc-textpic div.csc-textpic-imagecolumn {
	float:left;
	display:inline;
}
/* Border just around the image */
div.csc-textpic-border div.csc-textpic-imagewrap .csc-textpic-image img {
	border:2px solid black;
	padding:0px 0px;
}
div.csc-textpic-imagewrap {
	padding:0;
}
div.csc-textpic img {
	border:0 none;
}
/* DIV:This will place the images side by side */
div.csc-textpic div.csc-textpic-imagewrap div.csc-textpic-image {
	float:left;
}
/* ul:This will place the images side by side */
div.csc-textpic div.csc-textpic-imagewrap ul {
	list-style:none;
	margin:0;
	padding:0;
}
div.csc-textpic div.csc-textpic-imagewrap ul li {
	float:left;
	margin:0;
	padding:0;
}
/* DL:This will place the images side by side */
div.csc-textpic div.csc-textpic-imagewrap dl.csc-textpic-image {
	float:left;
}
div.csc-textpic div.csc-textpic-imagewrap dl.csc-textpic-image dt {
	float:none;
}
div.csc-textpic div.csc-textpic-imagewrap dl.csc-textpic-image dd {
	float:none;
}
div.csc-textpic div.csc-textpic-imagewrap dl.csc-textpic-image dd img {
	border:0 none;
}
/* FE-Editing Icons */
dl.csc-textpic-image {
	margin:0;
}
dl.csc-textpic-image dt {
	margin:0;
	display:inline;
}
dl.csc-textpic-image dd {
	margin:0;
}
/* Clearer */
div.csc-textpic-clear {
	clear:both;
}
/* Margins around images:*/

/* Pictures on left, add margin on right */
div.csc-textpic-left div.csc-textpic-imagewrap .csc-textpic-image,div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap .csc-textpic-image,div.csc-textpic-intext-left div.csc-textpic-imagewrap .csc-textpic-image {
	display:inline; /* IE fix for double-margin bug */
	margin-right:10px !important;
}
/* Pictures on right, add margin on left */
div.csc-textpic-right div.csc-textpic-imagewrap .csc-textpic-image,div.csc-textpic-intext-right-nowrap div.csc-textpic-imagewrap .csc-textpic-image,div.csc-textpic-intext-right div.csc-textpic-imagewrap .csc-textpic-image {
	display:inline; /* IE fix for double-margin bug */
	margin-left:10px;
}
/* Pictures centered, add margin on left */
div.csc-textpic-center div.csc-textpic-imagewrap .csc-textpic-image {
	display:inline; /* IE fix for double-margin bug */
	margin-left:10px;
}
div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption {
	margin:0;
}
div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image img {
	margin:0;
}
/* Space below each image (also in-between rows) */
div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image {
	margin-bottom:10px;
}
div.csc-textpic-equalheight div.csc-textpic-imagerow {
	margin-bottom:0px;
	display:block;
}
div.csc-textpic div.csc-textpic-imagerow {
	clear:both;
}

div.csc-textpic div.csc-textpic-imagerow div.csc-textpic-image {
	margin-bottom:10px;
}
/* No margins around the whole image-block */
div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-firstcol {
	margin-left:0px !important;
}
div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-lastcol {
	margin-right:0px !important;
}
/* Add margin from image-block to text (in case of "Text w/ images") */
div.csc-textpic-intext-left div.csc-textpic-imagewrap,div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap {
	margin-right:15px !important;
	margin-top:2px;
	margin-bottom:10px;
}
div.csc-textpic-intext-right div.csc-textpic-imagewrap,div.csc-textpic-intext-right-nowrap div.csc-textpic-imagewrap {
	margin-left:15px !important;
	margin-top:2px;
}
/* Positioning of images:*/

/* Above */
div.csc-textpic-above div.csc-textpic-text {
	clear:both;
}
/* Center (above or below) */
div.csc-textpic-center {
	text-align:center; /* IE-hack */}
div.csc-textpic-center div.csc-textpic-imagewrap {
	margin:0 auto;
}
div.csc-textpic-center div.csc-textpic-imagewrap .csc-textpic-image {
	text-align:left; /* Remove IE-hack */}
div.csc-textpic-center div.csc-textpic-text {
	text-align:left; /* Remove IE-hack */}
/* Right (above or below) */
div.csc-textpic-right div.csc-textpic-imagewrap {
	float:right;
}
div.csc-textpic-right div.csc-textpic-text {
	clear:right;
}
/* Left (above or below) */
div.csc-textpic-left div.csc-textpic-imagewrap {
	float:left;
}
div.csc-textpic-left div.csc-textpic-text {
	clear:left;
}
/* Left (in text) */
div.csc-textpic-intext-left div.csc-textpic-imagewrap {
	float:left;
}
/* Right (in text) */
div.csc-textpic-intext-right div.csc-textpic-imagewrap {
	float:right;
}
/* Right (in text, no wrap around) */
div.csc-textpic-intext-right-nowrap div.csc-textpic-imagewrap {
	float:right;
	clear:both;
}
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html div.csc-textpic-intext-right-nowrap .csc-textpic-text {
	height:1%;
}
/* End hide from IE5/mac */

/* Left (in text, no wrap around) */
div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap {
	float:left;
	clear:both;
}
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html div.csc-textpic-intext-left-nowrap .csc-textpic-text {
	height:1%;
}
/* End hide from IE5/mac */
div.csc-textpic div.csc-textpic-imagerow-last {
	margin-bottom:0;
}

div.csc-textpic div.csc-textpic-imagerow-last div.csc-textpic-image {
	margin-bottom:0;
}



/**
 **************************************************
 CSS STYLED CONTENT SPECIALS
 *
 * @description: formatting of more specific csc-output
 **************************************************
**/
div.csc-header {
	clear:both;
} 
 
div.csc-textpic-image a {
	border:0;
}

p.csc-textpic-caption {
	font-size:0.9em;
	color:#666;
}

div.indent {
	margin-left:50px;
}

td.csc-uploads-icon {
	padding:4px;
}

td.csc-uploads-icon a {
	border:0 none;
}

/* BEN: These are only there for compatibility reasons. The new RTE-config defines new classes (see rte.css) */
a.linkExtBlank,
a.linkExt,
a.linkInt {}
/* :NEB */

/* Tables */
.contenttable {
	margin-bottom:1.0em;
}

.contenttable-2 th {
	background:#b50027;
	font-weight:bold;
	text-transform:uppercase;
}

.contenttable-2 td {
	background:#9abb87;
}

.contenttable-3 {
	width:100%;
	border-collapse:collapse;
	color:#fff;
}

.contenttable-3 caption {
	text-align:right;
	color:#222;
}

.contenttable-3 th,
.contenttable-3 td {
	border:2px solid #222;
}

.contenttable-3 th {
	font-weight:bold;
	text-transform:uppercase;
	background:#333;
}

.contenttable-3 th.td-0,
.contenttable-3 td.td-0  {
	width:10%;
}

.contenttable-3 th.td-1,
.contenttable-3 td.td-1,
.contenttable-3 th.td-2,
.contenttable-3 td.td-2,
.contenttable-3 th.td-3,
.contenttable-3 td.td-3  {
	width:30%;
}

.contenttable-3 tr.tr-even {
	background:#444;
}

.contenttable-3 tr.tr-odd {
	background:#555;
}

/* CSC-Uploads */
table.csc-uploads {
	background:none;
	border:0 none;
}

table.csc-uploads th,
table.csc-uploads td {
	border:0 none;
}

table.csc-uploads td.csc-uploads-fileSize {
	padding-left:10px;
}

/* Standard frames */
div.csc-frame {}

div.csc-frame-frame1 {
	padding:5px;
	border:10px solid #999;
	margin-bottom:1.5em;
}

div.csc-frame-frame2 {
	padding:5px;
	border:10px solid #B50027;
	margin-bottom:1.5em;
}

div.csc-frame-rulerBefore {
	border-top:1px solid #999;
}

div.csc-frame-rulerAfter {
	border-bottom:1px solid #999;
	margin-top:-1.5em;
	margin-bottom:1.5em;
}

div.csc-frame-indent {
	margin-left:50px;
}

div.csc-frame-indent3366 {
	margin-left:33%;
}

div.csc-frame-indent6633 {
	margin-left:66%;
}

/* Sitemap */
div.csc-sitemap {
	margin-bottom:1.2em;
}

div.csc-sitemap ul {
	margin-bottom:0.3em;
}

div.csc-sitemap ul ul {
	font-size:0.95em;
}

/* TABLE LAYOUT 1 */
.contenttable-0 td {
	padding:0 8px 0 4px;
}
	
.contenttable-0 .td-4 {
	padding:0 0 0 14px;
}
	
.contenttable-0 .td-2, .contenttable-0 .td-5 {
	text-align:right;
	padding:0 0 0 4px;
}

.contenttable-0 .td-5 {
	padding-left:17px;
}




/**
 **************************************************
 LAYOUT SPECIFIC CHANGES OF BASE FORMATS
 *
 * @description: overwrite base formats depending on layout
 * @example: make text smaller in secondary content area
 **************************************************
**/
#secondaryContent p,
#secondaryContent ol,
#secondaryContent ul {}



/**
 **************************************************
 NEWS
 *
 * @description: css definitons for EXT: tt_news
 * @beware: is dependent on the modified template
 **************************************************
**/
.news {}

.news p.date,
.news p.timeData,
.news p.author,
.news p.imgCaption,
.news p.back {
	margin-bottom:0;
	font-size:0.95em;
}

.news span.more {
	white-space:nowrap;
}

.news p.back {
	clear:both;
	border-top:1px solid #c4c4c4;
	margin-top:20px;
}

.news .images {
	float:left;
	margin:3px 10px 1.5em 0;
}

.news .images a {
	border-bottom:0;
}

.news .addInfo dl {
	padding-top:0.4em;
	border-top:1px dotted #c4c4c4;
}




/**
 **************************************************
 INDEXED SEARCH
 *
 * @description: css definitons for EXT: indexed_search
 * @beware: is dependent on the modified template
 **************************************************
**/
.tx-indexedsearch {}

.tx-indexedsearch .tx-indexedsearch-res {}

.tx-indexedsearch .result {
	padding-top:0.4em;
	border-top:1px dotted #c4c4c4;
}

.tx-indexedsearch h3 {
	position:relative;
}

.tx-indexedsearch h3 span {
	display:inline;
}

.tx-indexedsearch h3 span.icon {
	vertical-align:text-bottom;
}

.tx-indexedsearch h3 span.percent {
	position:absolute;
	right:0;
	color:#c4c4c4;
}

.tx-indexedsearch dl.info dt {
	clear:left;
	float:left;
	width:65px;
}

.tx-indexedsearch dl.info dd {
	float:left;
}

.tx-indexedsearch .tx-indexedsearch-redMarkup {
	background:#e2d91c;
}

.tx-indexedsearch .tx-indexedsearch-browsebox ul {
	padding-left:0;
	font-size:0.9em;
}

.tx-indexedsearch .tx-indexedsearch-browsebox li {
	margin-right:10px;
	display:inline;
}

.tx-indexedsearch .tx-indexedsearch-browsebox a {
	border-color:#b4b4b4;
	color:#b4b4b4;
}



/**
 **************************************************
 TMailform
 *
 * @description: css definitons for EXT: pil_mailform
 * @beware: is dependent on the modified template
 **************************************************
**/
.tx-pilmailform-pi1 {}

.tx-pilmailform-pi1 fieldset {
	padding:5px 10px 10px 10px;
	border:1px solid #dadada;
	margin:0 0 25px 0;
}

.tx-pilmailform-pi1 legend {
	display:inline;
	font-weight:bold;
}

.tx-pilmailform-pi1 p.formNotice {
	font-size:0.9em;
	color:#c3b894;
}

/* Kontakt */
form#contact {
	padding:20px;
	background-color:#f3eee0;
}

form#contact fieldset {
	padding:0;
	border:0;
	margin-bottom:15px;
	width:450px;
}

form#contact legend {
	display:none;
}

form#contact input.text,
form#contact input.checkbox,
form#contact input.radio,
form#contact select,
form#contact textarea {
	width:294px;
	border:1px solid #fff;
}

form#contact select {
	width:300px;
}

form#contact input#street,
form#contact input#city {
	width:244px;
}

form#contact input#number,
form#contact input#zip {
	width:43px;
}

form#contact input#number {
	border-left-color:#f3eee0;
}

form#contact input#zip {
	border-right-color:#f3eee0;
}

form#contact input#submit {
	padding:0;
	border:0;
	margin:10px 0 0 0;
	background:none;
}



/* Newsletter */
form#newsletter {
	padding:20px;
	background-color:#f3eee0;
}

form#newsletter fieldset {
	padding:0;
	border:0;
	margin-bottom:15px;
	width:450px;
}

form#newsletter legend {
	display:none;
}

form#newsletter input.text,
form#newsletter input.checkbox,
form#newsletter input.radio,
form#newsletter select,
form#newsletter textarea {
	width:294px;
	border:1px solid #fff;
}

form#newsletter select {
	width:300px;
}

form#newsletter input#street,
form#newsletter input#city {
	width:244px;
}

form#newsletter input#number,
form#newsletter input#zip {
	width:43px;
}

form#newsletter input#number {
	border-left-color:#f3eee0;
}

form#newsletter input#zip {
	border-right-color:#f3eee0;
}

form#newsletter input#submit {
	padding:0;
	border:0;
	margin:10px 0 0 0;
	background:none;
}


/**
 **************************************************
 FCEs
 *
 **************************************************
**/


/* FCE teaser */

#primaryContent .teaser {
	width:345px;
	margin-bottom:20px;
}

#primaryContent .teaser h3 {
	margin:0;
	padding:0;
}

#primaryContent .teaser p {
	height:70px;
	margin-top:0px;
	margin-bottom:6px;
	padding-top:4px;
	line-height:17px;
	font-size:11px;
	border-top:1px dotted #9f5759;
	overflow:hidden;
}
	
	
/* FCE suit-bar */
#primaryContent .suiteBar {
	margin-bottom:20px;
}
	
#primaryContent .suiteBar a {
	color:#ac1534;
}
	
	
#primaryContent .suiteBarItem {
	display:block;
	position:relative;
	float:left;
	background-color:#f0ead8;
	margin-right:5px;
	width:171px;
	height:192px;
	margin-bottom:5px;
}


#primaryContent .suiteBarItem h3 {
	margin:11px 0px 3px 12px;
	padding:0;
	color:#ac1534;
	font-family:Helvetica, Arial, sans-serif;
	font-weight:normal;
}
	
#primaryContent .suiteBarItem .textImage {
	margin:-3px 0px 0px 13px;
}

#primaryContent .suiteBarItem .image {
	position:absolute;
	bottom:0px;
	left:0px;
	border-top:5px solid #FFF;
}
	
	
/* FCE back-print */
.back-print .back {
	display:block;
	float:left;
	background:url(../img/layout/ico-back.gif) no-repeat;
	padding-left:27px;
	padding-top:3px;
	margin-right:20px;
	height:20px;
}


.back-print .print {
	display:block;
	float:left;
	background:url(../img/layout/ico-print.gif) no-repeat;
	padding-left:27px;
	padding-top:3px;
	height:20px;
}
	
	
#primaryContent .more {
	color:#7d1a1c;
}
	
/* FCE fifthy-fifthy */
div.fiftyFifty {
	width:710px;	
}

div.fiftyFifty .w50 {
	position:relative;
	float:left;
	/*width:49%;*/
	width:345px;
}

div.fiftyFifty .left {
	/*margin-right:2%;*/
	margin-right:20px;
}

div.fiftyFifty .right {
	float:left;
}
	
/* default elements */
#primaryContent .csc-default ul li {
	list-style-image:url(../img/content-elements/ico-arrow.gif);
	margin-left:0px;
	padding:0;
	padding-bottom:3px;
}

#primaryContent .csc-default {
	/*margin-bottom:30px;*/}


/* special, see layout */
#primaryContent .csc-default ul li a.linkInt {
	line-height:14px;
	font-size:11px;
}

#primaryContent .csc-default p {
	/*margin-bottom:27px;*/}
	
#primaryContent .csc-textpic-text p {
	/*padding-top:24px;*/}
	
#primaryContent .csc-textpic {
	min-height:110px;
}

/* SECONDARY CONTENT - GENERAL */

#secondaryContent .footer {
	/* BEN: Footer is already in every "csc-default"... */
	display:none;
	margin:0;
	padding:0;
	width:210px;
	height:15px;
	background:url(../img/content-elements/standard-footer.gif) no-repeat;
}
	
#secondaryContent .csc-default {
	padding-bottom:13px;
	margin-bottom:30px;
	background:url(../img/content-elements/standard-footer.gif) no-repeat bottom;
}
	
/* SKINNING OF STANDARD ELEMENTS */

#secondaryContent .csc-default p {
	margin-bottom:4px;
}

#secondaryContent .csc-default ul, #primaryContent .csc-default ul {
	margin-left:15px;
	/*margin-bottom:2px;*/
	padding-left:2px;
}

#secondaryContent .csc-default ul li {
	list-style-image:url(../img/content-elements/ico-arrow.gif);
	margin-left:0px;
	padding:0;
	padding-bottom:3px;
}


/* SECONDARY - BOOKING IFRAME */
#secondaryContent .iframe {
	width:210px;
	/*margin-bottom:30px;*/
}
	
#secondaryContent .iframe h3 {
	margin:0;
	padding:0;
}

#secondaryContent .iframe .frame {
	margin:0;
	padding:0;
	width:210px;
	height:102px;
}

/* SECONDARY - NEWSLETTER */
#secondaryContent .newsletter {
	width:210px;
	line-height:14px;
	font-size:11px;
}
	
#secondaryContent .newsletter label {
	display:block;
	margin-bottom:5px;
	
	margin-top:10px;
	color:#555554;
}

#secondaryContent .newsletter p {
	margin:0;
	color:#555554;
}

#secondaryContent .newsletter input.search {
	float:left;
	width:178px;
	height:16px;
	color:#a29879;
	padding:3px 2px 1px 5px;
	border:0px solid #cacaca;
	margin:0;
	background:transparent url(../img/content-elements/newsletter.gif) no-repeat;
}


#secondaryContent .newsletter .footer {
	margin-top:12px;
}

#secondaryContent .newsletter input.submit {
	float:left;
	width:25px;
	height:20px;
	padding:0;
	margin:0;
	border:0 none;
	cursor:pointer;
	background:transparent url(../img/content-elements/newsletter.gif) no-repeat right top;
}

#secondaryContent .newsletter a {
	
	color:#fff;
	border-color:#fff;
}


/* FCE - THREEBAR */

#primaryContent .threeBar {
	background-color:#f0ead8;
	width:700px;
	margin-bottom:25px;
}
	
#primaryContent .threeBar .image {
	float:left;
	overflow:hidden;
	margin-right:9px;
}		

#primaryContent .threeBar .imageText {
	float:left;
	overflow:hidden;
	width:175px;
}
	
	
/* FCE - TABBED */
#primaryContent .tabs  {
	width:700px;
	min-height:210px;
	margin:35px 0 20px 0;
	background:transparent url(../img/content-elements/tabs-bg.png) repeat-x;
	background-position:left 0px;
}
	
#primaryContent .tabs .tabHeadlines {
	list-style-type:none;
	border-bottom:0px solid #f0ead8;
	width:700px;
	padding:0;
	margin:0;
}

#primaryContent .tabs li {
	list-style:none !important;
}

#primaryContent .tabs .tabContent li {
	list-style:none !important;
	list-style-image:url(../img/content-elements/tabs-bullet.png) !important;
}

#primaryContent .tabs .tabHeadline {
	float:left;
	padding-left:0px;
	padding-right:0px;
	height:28px;
	font-size:14px;
	font-weight:bold;
	cursor:pointer;	
	margin-right:0px;
}
	
#primaryContent .tabs .tabHeadlines .active {
	background: #fff url(../img/content-elements/tabs-active.png)  
top left no-repeat;
	border:0px solid #F00;
	overflow:hidden;
}	
	
#primaryContent .tabs .tabHeadlines .active span {
	background: #fff url(../img/content-elements/tabs-active.png)  
top right no-repeat;	
	overflow:hidden;
}
		
#primaryContent .tabs .tabHeadline span {
	padding-top:5px;
	display:block;
	height:28px;
	margin-left:11px;
	padding-right:23px;
	color:#555554;
}
	
#primaryContent .tabs .tabCon {
	padding-left:14px;
	padding-top:20px;
	display:none;
}

#primaryContent .tabs .active {
	display:block;
}

#primaryContent .tabCon {
	color:#555554;
}

#primaryContent .tabCon ul {
	list-style-image:url(../../img/content-elements/tabs-bullet.png);
}

#primaryContent .tabCon li, #primaryContent .tabCon p {}
	
#primaryContent .tabCon .w420Left {
	float:left;
	width:400px;
	padding-right:20px;
}

#primaryContent .tabCon .w420Right {
	float:left;
	width:250px;
}

div.back-print {
	margin-top:30px;
}