/* 1.0 | hannes | 2007-09-20 | template */
html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	text-align: center;
}
#height {
	min-height: 100%; 
	position: relative;
	margin: auto;
	width: 990px;
	background: #FFF url(/grafik/body_bg.jpg) repeat-y fixed center top;
}
* html #height { height: 100%; }
td#menu, td#contentcontainer, td#showcase { vertical-align: top; text-align: left; }

/* DEFAULT TAGS */
h1 { 
	font-size: 21px;
	font-weight: normal;
	margin: 0 0 15px 0;
	padding: 0;
}
h2 { font-size: 14px; }
h3 { font-size: 12px; }

/* LAYOUT */
#header, #panoramabild, #maincontainer {
	width: 990px;
	margin: 0 auto;
}
#header {
	height: 68px;
	background: url(/grafik/header_bg.gif) no-repeat left top;
	width: 989px; /* IE Bug */
	min-width: 990px;
	color: #E4DCBB;
	overflow: hidden;
}
#header a { margin: auto 2px; }
#header a, #footer a { 
	text-decoration: none;
	color: #666;
}
#header a.home {
	background: url(/grafik/header_home.gif) no-repeat left center;
	padding-left: 12px;
}
#header a:hover, #copyright a:hover { color: #333; }
#extramenu, #languageselect { padding-top: 40px; }
#extramenu {
	color: #E4DCBB;
	text-align: left;
	padding-left: 10px;
}

#languageselect {
	width: 180px;
	float: right;
/*	background: red;*/
	text-align: right;
	padding-right: 10px;
	text-transform: lowercase;
}

/* PANORAMA */
#panoramabild {
	height: 283px;
	margin-left: 15px;
	overflow: hidden;
	text-align: left;
}
#panoramabild img { border-top: none; }

/* MAINCONTAINER */
#maincontainer {
	width: 959px; /* IE Bug */
	width: 960px;
	clear: both;
	border-top: 10px solid white;
	padding-bottom: 100px;
}
#contentcontainer, #adresse { border-left: 10px solid white; }

#contentcontainer {
	padding: 15px;
	background: #FCF3D3;
	line-height: 140%;
}

/* SHOWCASE */
#showcase {
	padding: 15px 0;
	width: 235px;
	background-repeat: no-repeat;
	background-position: right;
}
#showcase dl {
	width: 220px;
	margin: 0 10px 3px 0;
	padding: 0;
	background-color: #F1E3AB;
}
#showcase dt {
	font-weight: bold;
	padding: 6px 10px;
	background: #E9DA9B url(/grafik/showcase_dt_bg.jpg) repeat-x left top;
}
#showcase dd {
	padding: 10px;
	margin: 0;
}

/* MENU */
td#menu, td#contentcontainer { min-height: 200px; }
#menu, #suche {	
	width: 221px;
	background: #F0E3AE;
}
#menu img { border-bottom: 1px solid white; }
#menu ul, #menu ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	z-index: 2;
}
#menu ul li a {
	display: block;
	padding: 5px 0 5px 10px;
	text-decoration: none;
	font-weight: bold;
	border-bottom: 1px solid white;
}
#menu ul li a:hover, #menu ul li.activ a { 
	background-color: #E9DA9B;
	color: #905100;
}
#menu ul.closed { display: none; }

/* LEVEL 1 */
#menu ul li li a, #menu ul li.activ ul li a  {
	font-weight: normal;
	background: #F9F3DB url(/grafik/menu_ul_ul.gif) no-repeat left center;
	padding-left: 30px;
}
#menu ul li li a:hover, #menu ul li.activ ul li.activ a { 
	background-color: #F9F3DB;
	text-decoration: underline;
}
/* LEVEL 2 */
#menu ul li li li a, #menu ul li.activ ul li ul li a {
	background: #F9F3DB url(/grafik/menu_ul_ul_ul.gif) no-repeat left center;
	padding-left: 45px;
}
#menu ul li li li a:hover, 
#menu ul li.activ ul li ul li.activ a {
	text-decoration: underline;
	background-color: #FFF;
}

/* MENU PFEIL */
/*#menu ul li a.pfeil { background: url(/grafik/menu_ul_pfeil.gif) no-repeat left center; }*/
#menu ul li ul li a.pfeil { background: #F9F3DB url(/grafik/menu_ul_ul_pfeil.gif) no-repeat left center; }
#menu ul li ul li ul li a.pfeil { background: #FFF url(/grafik/menu_ul_ul_ul_pfeil.gif) no-repeat left center; }

/* SUCHE */
#suche { vertical-align: bottom; }
#suche blockquote {
	margin: 0;
	padding: 15px;
}
#suche blockquote .suche { 
	font-size: 11px;
	width: 160px;
	float: left;
	margin: 0 2px 0 0;
}
#suche blockquote .suchebutton { 
	float: left;
	margin-top: 2px;
}
#suche h2 {
	font-size: 11px;
	font-weight: normal;
	margin: 0 0 4px 0;
	padding: 0;
}

/* ADRESSE */
#adresse { vertical-align: bottom; }
#adresse blockquote {
	margin: 0;
	padding: 25px 0 0 15px;
}

/* FOOTER */
#footer {
	height: 90px;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	font: 10px Arial, Helvetica, sans-serif;
	color: #E4DCBB;
	border-bottom: 1px solid white;
}
#footer table {
	width: 958px; /* IE Bug */
	min-width: 960px;
	margin: 0 auto;
}
#footer table td { 
	vertical-align: bottom;
	height: 50px;
	color: #8F5200;
}
#footer blockquote { margin: 0 auto; }
#footer td a { 
	margin: auto 2px;
	color: #8F5200;
	text-decoration: underline;
}
#footer a:hover { color: #8F5200; }
#copyright {
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	background: white url(/grafik/copyright_bg.gif) no-repeat center top;
	text-align: left;
	color: #666666;
}
#copyright div {
	text-align: left;
	margin: 12px 0 0 12px;
	border-bottom: 4px solid white;
}

/* KLASSEN FÜR KUNDEN */
.blocksatz { text-align: justify; }
.bildabstand { margin: 0 2px 4px 2px; }
.rot { color: #C00; }
.zentriert { text-align: center; }

.tabelle {
	border-top: 1px solid #F1D388;
	border-left: 1px solid #F1D388;
	margin: 1em 0;
}
.tabelle th, .tabelle td {
	border-bottom: 1px solid #F1D388;
	border-right: 1px solid #F1D388;
	padding: 4px;
	margin: 0;
	vertical-align: middle;
}
.tabelle th {
	font-weight: normal;
	background-color: #F7E3AE;
	vertical-align: top;
}
.tabelle td {
	background-color: #FAECC5;
/*	white-space: nowrap;*/
}
.tabelle tr.dunkel td, .tabelle td.dunkel, tr.dunkel th, tr.dunkel td, .dunkel { background-color: #F8E6B6; }
table.tabelle table, table.tabelle table th, table.tabelle table td { border: none; }

h1.keinabstandunten { margin-bottom: 6px; }
.keinabstand { 
	margin: 0;
	padding: 0;
}
.keinabstandunten { 
	margin-bottom: 0;
	padding-bottom: 0;
}
.keinabstandoben { 
	margin-top: 0;
	padding-top: 0;
}
