/* 1.0 | hannes | 2006-10-03 | template */

html, body { height: 100%; }
* html #maincontainer { height: 100%; }

body {
	margin: 0;
	padding: 0;
	text-align: center;
	background: #000002;
}
h1 { 
	font-size: 21px;
	color: #E60005;
	font-weight: normal;
}
h2 { font-size: 12px; }

/* BASIC LAYOUT */
#header, #maincontainer, #menucontainer, #footer { 
	width: 970px; 
	margin: 0 auto;
	text-align: left;
}
#dropdownmenu ul, #submenu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

/* DROPDOWNMENÜ - LEVEL 0 */
#dropdownmenu ul li {
	width: 116px;
	border-right: 1px solid white;
	display: inline;
	float: left;
}
#dropdownmenu a {
	display: block;
	padding: 0 10px;
	text-decoration: none;
}
#dropdownmenu a:hover { background: #DA0005; } /* menu_bg +5% black */
#dropdownmenu ul li a {
	display: block;
	color: white;
	text-decoration: none;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 30px;
}
#dropdownmenu li { float: left; }

/* LEVEL 1 */
#dropdownmenu li li, #dropdownmenu li ul { width: 160px; } /* x Ffox | IE */
#dropdownmenu li ul {
	position: absolute;
	left: -9999px;
	background: url(/grafik/dropdownmenu.png) no-repeat left bottom;
	width: 210px;
	padding-bottom: 10px;
}
#dropdownmenu ul ul { z-index: 3; }
#dropdownmenu li ul li a {
	color: #333;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
	font-size: 11px;
	width: 179px;
	display: block;
	padding: 0 0 0 20px;
	margin: 0;
	line-height: 22px;
	text-align: left;
}
#dropdownmenu li ul li a:hover { 
	color: black;
	background: url(/grafik/dropdownmenu_over.png);
}
#dropdownmenu li:hover ul, #dropdownmenu li.sfhover ul { left: auto; }

/* LEVEL 2 */
#dropdownmenu li ul ul { /* third-and-above-level lists */
	margin: -30px 0 0 170px;
	z-index: 4;
}
#dropdownmenu li ul ul li a { /* third-and-above-level lists */
	background: #F9F9F9;
	border-top: 1px solid #CCC;
	border-bottom: none;
	border-left: 1px solid #CCC;
}

#dropdownmenu li:hover ul ul, #dropdownmenu li.sfhover ul ul { left: -999em; }

#dropdownmenu li:hover ul, #dropdownmenu li li:hover ul, #dropdownmenu li.sfhover ul, #dropdownmenu li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}


/* MAINCONTAINER */
#maincontainer {
	background-color: yellow;
	background: #000002 url(/grafik/body_bg.gif) repeat-y;
	min-height: 100%; 
	position: relative!important;
}

/* HEADER */
#header { text-align: right; }
#header img { border-left: 1px solid white; }

/* MENU */
#menucontainer {
	background: #E60005 url(/grafik/menu_bg.gif) repeat-y;
	height: 30px;
	line-height: 30px;
}
#languageselect { 
	float: right;
	color: #C80017;
	font-size: 10px;
	padding-right: 10px;
}
#languageselect a { 
	margin: 12px 5px 0 5px;
	display: block;
	float: left;
}

/* SUBMENU */
#submenu {
	width: 224px;
	float: right;
	padding-right: 20px; /* margin wird auf IE falsch interpretiert */
	padding-bottom: 20px;
}
#submenu ul { 
	width: 220px;
	border-top: 1px solid #4D4D4D;
	margin-bottom: 30px;
}
.closed { display: none; }
#submenu ul li a {
	color: white;
	font-size: 12px;
	text-decoration: none;
	border-bottom: 1px solid #4D4D4D;
	display: block;
	padding: 6px 0 6px 25px;
	background: url(/grafik/submenu_ul.gif) no-repeat left center;
}
#submenu ul li a:hover { color: #8F9192; }
#submenu ul li a.activ {
	color: #8F9092;
	background: url(/grafik/submenu_ul_active.gif) no-repeat left center;
}
#submenu ul ul li a.activ { background: url(/grafik/submenu_ul_ul_active.gif) no-repeat left center; }
#submenu ul ul ul li a.activ { background: url(/grafik/submenu_ul_ul_ul_active.gif) no-repeat left center; }

#submenu ul ul {
	margin: 0;
	border-top: none;
}
#submenu ul ul li a {
	padding-left: 40px;
	background: url(/grafik/submenu_ul_ul.gif) no-repeat left center;
}
#submenu ul ul ul li a {
	padding-left: 60px;
	background: url(/grafik/submenu_ul_ul_ul.gif) no-repeat left center;
}
#submenu blockquote {
	width: 200px;
	margin: 1em 0;
	padding: 12px;
	border: 1px solid #4D4D4D;
	color: white;
	font-size: 10px;
	line-height: 110%;
}
#submenu blockquote h2 { 
	font-size: 11px;
	margin-top: 0;
	padding-top: 0;
}
#submenu blockquote a { 
	color: white;
	text-align: right;
	display: block;
}
#submenu blockquote a:hover { color: #EEE; }
#submenu blockquote ul {
	width: auto;
	border: none;
	margin: 10px auto auto 15px;
	padding: 0;
	text-align: left;
/*	display: compact;*/
}
#submenu blockquote ul li a {
	font-size: 11px;
	color: white;
	background-image: none;
	display: inherit;
	text-align: left;
	padding: 0;
	margin: 0;
	border: none;
}
#submenu blockquote ul li { list-style: disc; /* square;*/ }
#submenu blockquote input.suche {
	background: white;
	border: 1px solid #202020;
	width: 167px;
	height: 16px;
	float: left;
	margin-right: 3px;
	font-size: 10px;
	padding: 2px 0 0 2px;
}
#submenu blockquote input.button { display: inline; }
#submenu ul.closed, #menu ul.closed, ul.closed { display: none; }

/* CONTENTCONTAINER */
#contentcontainer {
	width: 702px;
	padding-bottom: 120px;
	padding-top: 25px;
	background: white;
}
#sitemap { font: 10px Arial, Helvetica, sans-serif; }
#sitemap a { text-decoration: none; }
#sitemap a:hover {
	text-decoration: underline;
	color: #666;
}
#content { 
	padding: 0 70px;
	line-height: 140%;
}

/* FOOTER */
#footerbox { margin-right: 268px; }
#footer {
	background: url(/grafik/footer_bg.gif) repeat-y left;
	height: 80px;
	position: relative;
	bottom: 0;
	padding-left: 15px;
	width: 702px; /* darf nicht 100% sein wg. showcase content */
}
#footer #adresse { padding-top: 22px; }
#footer, #footer a { color: #808284; }
#footer a:hover { color: #666; }
#copyright {
	padding-top: 15px;
	color: #808284;
	font: 10px Arial, Helvetica, sans-serif;
}
#copyright a { text-decoration: none; }

#print {
	position: absolute;
	top: -300px;
}

/* KLASSEN */
.imagebox, .imageboxflash {
	margin: 10px auto;
	width: 564px!important;
}
.imagebox img { margin: 1px 1px 0 0; }

a.pdf { 
	background: white url(/grafik/icon_pdf.gif) no-repeat left center;
	padding: 4px 0 4px 24px;
}

/* SHOWCASE ROUTENPLANER */
.routenplaner td, .routenplaner th { color: white; }