/*---------------------------------------------------------*/
/*---------------------------------------------------------*/
/* CCS Cascading Style-Sheets */
/* Copyright Martin Kutz 2010 */
/*---------------------------------------------------------*/
/*---------------------------------------------------------*/
/*---------------------------------------------------------*/
/*---------------------------------------------------------*/



/*---------------------------------------------------------*/
/* Globale Einstellungen fuer alle Seiten */
/*---------------------------------------------------------*/
html, body {
	padding: 0;
	margin: 0;
	border: 0;
	}
/* alle Bilder OHNE Rahmen */
img {
    border: hidden;
	}
/* Hintergrundbild */
body {
	background-repeat: repeat-x;
	background-color: #e6e6e6;
	background-image: url(../images/background.jpg)
	}
/* Zur Zentrierung der Page und Hauptrahmen */
#wrapper {
	margin: 0pt auto;
	text-align: left;
	width: 872px;
	height: 512px;
	}
/*---------------------------------------------------------*/
/* Globale Einstellungen fuer alle Seiten */
/*---------------------------------------------------------*/



/*---------------------------------------------------------*/
/* Grundaufbau Design */
/*---------------------------------------------------------*/

/* Header mit Logo Verlinkung */
#header_de {
	width: 872px;
	height: 144px;
	position: absolute;
	z-index: 1;
	background-image: url(../images/kessel_gbr_header.jpg);
	background-repeat: no-repeat;
	}
#header_logo a{
	position: absolute;
	top: 36px;
	left: 46px;
	padding-left: 150px;
	padding-right: 150px;
	padding-bottom: 60px;
	border: none;
	}
/* Navigationsrahmen und Position */
#navi_de {
	position: absolute;
	top: 100px;
	width: 872px;
	z-index: 10;
	}
	
/* Contentbereich Rahmen Position und Groesse */
#content {
	width: 872px;
	height: 263px;
	top: 144px;
	position: absolute;
	overflow: hidden;
	z-index: 2;
	background-color: #FFF;
	background-repeat: no-repeat;
	background-image: url(../images/kessel_gbr_content.jpg);
	}
/* Contentbereich Innerer Rahmen Position und Groesse */	
#content_text {
	position: absolute;
	left: 72px;
	width: 729px;
	height: 258px;
	z-index: 8;
	overflow: auto;
	padding-right: 10px;
/*	
	scrollbar-face-color:#969696;
	scrollbar-base-collor:#969696;
	scrollbar-arrow-color:white;
	scrollbar-shadow-color:white;
	scrollbar-darkshadow-color:#969696;
	scrollbar-3dlight-color:#969696;
	scrollbar-highlight-color:white;
	scrollbar-track-color:white;
*/
	}
	
/* Footerbereich */	
#footer_feuerzangenbowle {
	position: absolute;
	width: 872px;
	height: 105px;
	top: 407px;
	z-index: 3;
	background-color: #FFF;
	background-repeat: no-repeat;
	background-image: url(../images/kessel_gbr_footer01.jpg);
	}
#footer_aschkarte {
	position: absolute;
	width: 872px;
	height: 105px;
	top: 407px;
	z-index: 3;
	background-color: #FFF;
	background-repeat: no-repeat;
	background-image: url(../images/kessel_gbr_footer02.jpg);
	}
#footer_wurstrutsche {
	position: absolute;
	width: 872px;
	height: 105px;
	top: 407px;
	z-index: 3;
	background-color: #FFF;
	background-repeat: no-repeat;
	background-image: url(../images/kessel_gbr_footer03.jpg);
	}
#footer_kontakt {
	position: absolute;
	width: 872px;
	height: 105px;
	top: 407px;
	z-index: 3;
	background-color: #FFF;
	background-repeat: no-repeat;
	background-image: url(../images/kessel_gbr_footer04.jpg);
	}
#footer_impressum {
	position: absolute;
	width: 872px;
	height: 105px;
	top: 407px;
	z-index: 3;
	background-color: #FFF;
	background-repeat: no-repeat;
	background-image: url(../images/kessel_gbr_footer05.jpg);
	}
#footer_home {
	position: absolute;
	width: 872px;
	height: 105px;
	top: 407px;
	z-index: 3;
	background-color: #FFF;
	background-repeat: no-repeat;
	background-image: url(../images/kessel_gbr_footer06.jpg);
	}
/*---------------------------------------------------------*/
/* Grundaufbau Design */
/*---------------------------------------------------------*/



/*---------------------------------------------------------*/
/* Grundformatierung Texte */
/*---------------------------------------------------------*/

/* Texte im Contentbereich */
.haupt_content {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	}
.haupt_content a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	text-decoration:none;
	}
.haupt_content a:hover{
	text-decoration: underline;
	}
.haupt_content_bold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #333333;
	}
/* Kleine Anmerkung im Content */
.haupt_content_small {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8px;
	color: #333333;
	}
/* Überschrift im Content */	
.h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #d5650b;
	}
/* Hervorhebungsschrift im Content */	
.h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #d5650b;
	}
	
/* Texte im Footerbereich */
.footer_text {
	font-family: Arial, Helvetica, sans-serif;;
	font-size: 10px;
	color: #FFF;
	}
.footer_text a{
	font-family: Arial, Helvetica, sans-serif;;
	font-size: 10px;
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
	}
.footer_text a:hover{
	text-decoration: underline;
	}
.footer_text a.aktiv{
	text-decoration: underline;
	}
/*---------------------------------------------------------*/
/* Grundformatierung Texte */
/*---------------------------------------------------------*/



/*---------------------------------------------------------*/
/* Spezielle Einzelfallformatierungen */
/*---------------------------------------------------------*/
/* feuerzangenbowle seite */
.bilder {
	border: solid #FFF 1px;
	margin-right: 2px;
	margin-bottom: 1px;
	}
	
/* aschkarte seite */
#flashcontainer {
	float: left;
	margin-top: 2px;
	height: 255px;
	width: 340px;
	margin-right: 16px;
	}
/*---------------------------------------------------------*/
/* Spezielle Einzelfallformatierungen */
/*---------------------------------------------------------*/



/*---------------------------------------------------------*/
/*				 		NEUE NAVIGATION					/*
/*---------------------------------------------------------*/
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_pullup.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.

This Version here has been modified by Martin Kutz
=================================================================== */
#info h3 {margin-bottom:200px;}
/* style the outer div to give it width */
.menu {
	width: 460px;
	float: right;
	font-size: 1em;
	}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
	}
.menu ul ul {
	width: auto;
	}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
	float: left;
	width: auto;
	height: 30px;
	position: relative;
	}
/* style the links for the top level */
.menu a, .menu a:visited {
	display: block;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #FFF; 
	width: auto;
	height: 30px;
	padding-left: 6px; 
	padding-right: 6px;
	background: transparent url(../images/kessel_gbr_navi_01_off.png) bottom no-repeat;
	}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {
	width: auto;
	w\idth: auto;
	display: inline-block;
	}
/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {
	background-image: url(../images/trans.png);
	}
/* style the second level hover */
.menu ul ul a.drop:hover {
	background: #e26f1e none repeat scroll 0 0;
	}
.menu ul ul :hover > a.drop {
	}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {
	background-image: url(../images/trans.png);
	}
/* style the third level hover */
.menu ul ul ul a:hover{
	background: #e26f1e none repeat scroll 0 0;
	}
.menu ul ul ul :hover > a {
	}
/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {border-collapse:collapse; border:0; position:absolute; left:0; bottom:-1px;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
	visibility: hidden;
	position: absolute;
	top: 25px;
	left: 30px; 
	width: 150px;
	}
/* yet another hack for IE5.5 */
* html .menu ul ul {
	top: 0px;
	}
* html .menu ul ul {
	bottom: 30px;
	}
/* position the third level flyout menu */
.menu ul ul ul{
	top: 0;
	left: 152px; 
	bottom: 0;
	width: 150px;
	}
/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {
	left: -150px;
	}
.red {
	border-bottom-color: #e26f1e;
	border-bottom-style: solid;
	border-bottom-width: 1px;	
	}
/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
	background-image: url(../images/trans.png);
	color: #FFF;
	font-size: 10px;
	height: auto; 
	line-height: 1em; 
	padding :5px 10px; 
	width: 132px;
	border-color: #FFF;
	border-style: solid;
	border-width: 0px 1px 0px 1px;
	border-bottom-color: #fff;
	border-bottom-style: solid;
	border-bottom-width: 1px;
/* yet another hack for IE5.5 */
	}
* html .menu ul ul a, .menu ul ul a:visited {
	width: 153px;
	w\idth: 132px;
	}
/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{
	color: #FFF;
	}
.menu :hover > a, .menu ul ul :hover > a {
	color: #FFF;
	text-decoration: underline;
	background: transparent url(../images/kessel_gbr_navi_01_on.png) bottom no-repeat;
	}
.menu a.aktiv {
	color: #FFF;
	text-decoration: underline;
	background: transparent url(../images/kessel_gbr_navi_01_on.png) bottom no-repeat;
	}
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{
	visibility: visible;
	height: auto;
	}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
	display :none;
	}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{
	display: none;
	}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ 
	display :block;
	bottom: 0;
	}
/* yet another hack for IE5.5 */

* html .menu ul :hover ul :hover ul{
	top: -20px;
	}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul { 
	display:block;
	bottom:0;
}