/* 1.0 | hannes | 2006-10-03 | template */
body {
	margin: 0;
	padding: 0;
	background: #24527F url(/grafik/body_bg.gif) repeat-y left top;
}
h1 { 
	font-size: 21px;
	font-weight: 500;
	color: #86172C;
	margin-top: 10px;
	line-height: 22px;
}
h2 { font-size: 12px; }
h3 { font-size: 11px; }

/* LAYOUT */
#header, #logo, #maincontainer { width: 978px; }

/* HEADER */
#header {
	height: 58px;
	overflow: hidden!important; /* x IE */
}
#logo {
	height: 37px;
	text-align: right;
	line-height: 37px;
	background: url(/grafik/languageselect_bg.jpg) repeat-x left top;
}
#logo img { float: left; }

#languageselect {
	font-size: 10px;
	padding-right: 10px;
}

/* MENU */
#menu { 
	width: 220px;
	float: left;
}
#menu a { font-size: 10px; }
#menu ul {
	list-style: none;
	margin: -2px 6px 0 6px;
	padding: 0;
	width: 208px;
	background: url(/grafik/menu_ul_bg.gif) repeat-y left top;
}

/* LEVEL 0 */
#menu ul li a {
	margin: 0 9px;
	border-bottom: 1px solid #E7E0CD;
/*	line-height: 27px; */
	padding: 6px 2px 6px 12px;
	font-weight: bold;
	display: block;
	text-decoration: none;
	background: url(/grafik/menu_ul.gif) no-repeat left center;
}
#menu ul li a:hover { text-decoration: underline; }
#menu ul li a.activ  { text-decoration: underline; }


/* LEVEL 1 */
#menu ul ul { margin: 0; }
#menu ul ul li a {
	font-weight: normal;
	padding-left: 25px;
	background: #FFF url(/grafik/menu_ul_ul.gif) no-repeat left center;
}
#menu ul li a.activ li a.activ,
#menu ul li a.activ a li a.activ,
#menu ul li li a.activ { text-decoration: underline; }

/* LEVEL 2 */
#menu ul ul ul li a {
	padding-left: 35px;
	background: #FFF url(/grafik/menu_ul_ul_ul.gif) no-repeat left center;
}

/* LEVEL 3 */
#menu ul ul ul ul li a {
	padding-left: 52px;
	background: #FFF url(/grafik/menu_ul_ul_ul_ul.gif) no-repeat left center;
}
#menu ul.closed { display: none; }

/* SITEMAP */
#sitemap {
	font: 10px Arial, Helvetica, sans-serif;
	padding-top: 10px;
}
#sitemap a { text-decoration: none; }
#sitemap a:hover {
	text-decoration: underline;
	color: #5E3300;
}

/* CONTENT */
#contentcontainer {
	width: 758px;
	float: right;
}
#content {
	float: left;
	width: 494px;
	padding-left: 18px;
	line-height: 160%;
}

/* SHOWCASE */
#showcase {
	width: 240px;
	float: right;
	padding-bottom: 20px;
}
#showcase dl {
	background: url(/grafik/showcase/showcase_bg.jpg) repeat-y left top;
	margin: 0;
	padding: 0;
}
#showcase dt, #showcase dd { 
	margin: 0; 
	padding: 0; 
}
#showcase dd { 
	padding: 5px 24px 20px 24px;
	min-height: 70px; /* x FIREFOX */
}

/* BILDER */
#bilder {
	text-align: center;
	padding: 10px 0;
}
#bilder img { margin-bottom: 3px; }

/* Individuelle Showcases */
#showcase dd.expressanfrage { background: url(/grafik/showcase/expressanfrage_bg.jpg) no-repeat center bottom; }
#showcase dd.buchung { background: url(/grafik/showcase/buchung_bg.jpg) no-repeat center bottom; }
#showcase .expressanfragebreit { width: 100px; }
#showcase .expressanfragemittel { width: 75px; }
#showcase .expressanfrageklein { width: 25px; }

#showcase dd.pauschalangebot { 
	background: url(/grafik/showcase/pauschalangebot_bg.jpg) no-repeat center bottom;
	height: 75px;
}
#showcase dd.lastminute { 
	background: url(/grafik/showcase/lastminute_bg.jpg) no-repeat center bottom;
	height: 75px;
}

/* FOODER */
#fooder {
	background: url(/grafik/fooder_seperator.gif) no-repeat center top;
	text-align: center;
	padding-top: 35px;
	clear: both;
	line-height: 120%;
	margin: 20px 0;
}

/* COPYRIGHT */
#copyright {	
	color: #5E3300;
	clear: both;
	vertical-align: bottom;
	font: 10px Arial, Helvetica, sans-serif;
	margin: 20px 0 0 8px;
	padding-bottom: 4px;
}
#copyright a { 
	text-decoration: none;
	color: #5E3300;
}
#copyright a:hover { text-decoration: underline; }
#copyright div { margin: 3px 5px; }
#copyright img {
	margin: 0;
	padding: 0;
	float: left;
}
#copyright a.pilolycom {
	border-bottom: 1px solid #F4EDDB;
	border-right: 3px solid #F4EDDB; /* Abstand zum seperator als border wg. float left! */
	display: block!important; /* Verhindert Darstellungsfehler bei Firefox */
	float: left!important; /* x Zeilenhöhe */
	width: 57px; /* breite vom Bild muss angegeben werden */
}
#copyright a.pilolycom:hover { border-bottom: 1px solid #5E3300; }

/* KLASSEN */
hr.pagebreak {
	border: #F4EDDB;
	width: 1px;
	clear: both;
}
 
.tabelle td { text-align: center; }
.tabelle { border: 1px solid #F4EDDB; }
.tabelle th, .tabelle td { 
	background: #F4EDDB;
	padding: 4px;
}
.tabelle td.dunkel { background: #ECE4D0; }