/* LAYOUT Grundlegegende Angaben (Background, Font, Links, Scrollbars (nur IE) etc) */
body {
	font: 11px verdana, sans-serif;
	color: #FFFFFF;
	background-color: #000000;

	/* Scrollbars nur f?r den Internet Explorer */
	scrollbar-face-color: #3b3b3b;
	scrollbar-track-color: #3b3b3b;
	scrollbar-shadow-color: #585858;
	scrollbar-dark-shadow-color: #585858;
	scrollbar-arrow-color: #585858;
	scrollbar-3dlight-color: #585858;
	scrollbar-highlight-color: #585858;
	}

/* LINKS, alle Links sind wei? ohne Unterstreichung */
a:link, a:visited {
	color: #ffffff;
	text-decoration: none;
	}
/* LINKS, alle HOVER und ACTIVE Links sind orange und unterstrichen */
a:hover, a:active {
	color: #ee7f00;
	text-decoration: none;
	}

/* LINKS, die solange aktive bleiben, bis ein neuer Link gew?hlt wurde */
#active {
	color: #ee7f00;
	}


/* Der CONTAINER der die Website im Browser definiert (Gr??e, Ausrichtung) */
#container {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 1000px;
	height: 750px;
	margin-top: -300px;
	margin-left: -500px;
	}


/* HEADER (Gr??e und Hintergrund) */
#header {
	height: 115px;
	width: 1000px;
	background: url(../bilder/header.jpg) no-repeat;
	}


/* 	MAIN NAVIGATION unter dem Header */
#navi1 {
	margin: 0px;
	height: 20px;
	width: 1000px;
	color: #FFFFFF;
	background-color: #ee7f00;
	}

/* NAVIGATIONSBUTTONS mit der Rollover Funktion als horizontale Liste */
/* AUSRICHTUNG der <ul> in der Navigation */
#navi1 ul {
	margin: 0px 50px;
	padding: 0px;
	}

/* LISTE der Navigationspunkte erh?lt keine Aufz?hlungssymbole wie Kreise, Quadrate etc */
#navi1 ul li {
	display: inline;
	list-style-type: none;
	}

/* HOME (Normal, Rollover, Aktiv) */
#home {
	display: block;
	float: left;
	background: url(../bilder/navi/home_02.gif) no-repeat;
	width: 56px;
	height: 18px;
	}

#home:hover {
	background: url(../bilder/navi/home_01.gif) no-repeat;
	}

#homeactive {
	display: block;
	float: left;
	background: url(../bilder/navi/home_01.gif) no-repeat;
	width: 56px;
	height: 18px;
	}

/* PROFIL (Normal, Rollover, Aktiv) */
#profil {
	display: block;
	float: left;
	background: url(../bilder/navi/profil_02.gif) no-repeat;
	width: 58px;
	height: 18px;
	}

#profil:hover {
	background: url(../bilder/navi/profil_01.gif) no-repeat;
	}

#profilactive {
	display: block;
	float: left;
	background: url(../bilder/navi/profil_01.gif) no-repeat;
	width: 58px;
	height: 18px;
	}

/* SPIRITS (Normal, Rollover, Aktiv) */
#spirits {
	display: block;
	float: left;
	background: url(../bilder/navi/spirits_02.gif) no-repeat;
	width: 62px;
	height: 18px;
	}

#spirits:hover {
	background: url(../bilder/navi/spirits_01.gif) no-repeat;
	}

#spiritsactive {
	display: block;
	float: left;
	background: url(../bilder/navi/spirits_01.gif) no-repeat;
	width: 62px;
	height: 18px;
	}

/* IM BOOT (Normal, Rollover, Aktiv) */
#boot {
	display: block;
	float: left;
	background: url(../bilder/navi/boot_02.gif) no-repeat;
	width: 69px;
	height: 18px;
	}

#boot:hover {
	background: url(../bilder/navi/boot_01.gif) no-repeat;
	}

#bootactive {
	display: block;
	float: left;
	background: url(../bilder/navi/boot_01.gif) no-repeat;
	width: 69px;
	height: 18px;
	}

/* CORPORATE DESIGN (Normal, Rollover, Aktiv) */
#corporate {
	display: block;
	float: left;
	background: url(../bilder/navi/corporate_02.gif) no-repeat;
	width: 118px;
	height: 18px;
	}

#corporate:hover {
	background: url(../bilder/navi/corporate_01.gif) no-repeat;
	}

#corporateactive {
	display: block;
	float: left;
	background: url(../bilder/navi/corporate_01.gif) no-repeat;
	width: 118px;
	height: 18px;
	}

/* WEBDESIGN (Normal, Rollover, Aktiv) */
#web {
	display: block;
	float: left;
	background: url(../bilder/navi/web_02.gif) no-repeat;
	width: 85px;
	height: 18px;
	}

#web:hover {
	background: url(../bilder/navi/web_01.gif) no-repeat;
	}

#webactive {
	display: block;
	float: left;
	background: url(../bilder/navi/web_01.gif) no-repeat;
	width: 85px;
	height: 18px;
	}

/* MESSE | Event (Normal, Rollover, Aktiv) */
#messe {
	display: block;
	float: left;
	background: url(../bilder/navi/messe_02.gif) no-repeat;
	width: 100px;
	height: 18px;
	}

#messe:hover {
	background: url(../bilder/navi/messe_01.gif) no-repeat;
	}

#messeactive {
	display: block;
	float: left;
	background: url(../bilder/navi/messe_01.gif) no-repeat;
	width: 100px;
	height: 18px;
	}

/* Frucht des Monats (Normal, Rollover, Aktiv) */
#kontakt {
	display: block;
	float: left;
	background: url(../bilder/navi/frucht-des-monats_02.gif) no-repeat;
	width: 128px;
	height: 18px;
	}

#kontakt:hover {
	background: url(../bilder/navi/frucht-des-monats_01.gif) no-repeat;
	}

#kontaktactive {
	display: block;
	float: left;
	background: url(../bilder/navi/frucht-des-monats_01.gif) no-repeat;
	width: 128px;
	height: 18px;
	}

/* Kontakt und IMPRESSUM (Normal, Rollover, Aktiv) */
#impressum {
	display: block;
	float: left;
	background: url(../bilder/navi/impressum_02.gif) no-repeat;
	width: 139px;
	height: 18px;
	}

#impressum:hover {
	background: url(../bilder/navi/impressum_01.gif) no-repeat;
	}

#impressumactive {
	display: block;
	float: left;
	background: url(../bilder/navi/impressum_01.gif) no-repeat;
	width: 139px;
	height: 18px;
	}


/* Presse (Normal, Rollover, Aktiv) */
#presse {
	display: block;
	float: left;
	background: url(../bilder/navi/presse_02.gif) no-repeat;
	width: 82px;
	height: 18px;
	}

#presse:hover {
	background: url(../bilder/navi/presse_01.gif) no-repeat;
	}

#presseactive {
	display: block;
	float: left;
	background: url(../bilder/navi/presse_01.gif) no-repeat;
	width: 82px;
	height: 18px;
	}
	

/* THUMBNAIL BOX f?r Thumbnais und Flash-Filmchen */
#thumbnail {
	float: left;
	height: 120px;
	width: 750px;
	color: #FFFFFF;
	background: url(../bilder/kreuzla_orange.gif) no-repeat;
	background-color: #9e6727;
	}


/* NAVI2, rechts neben der Thumbnail Box. */
#navi2 {
	float: left;
	height: 120px;
	width: 250px;
	color: #FFFFFF;
	background-color: #a5753f;
	}

/* AUSRICHTUNG der ?berschrift 1.Ordnung in der NAVI 2 */
#navi2 h1 {
	margin: 10px 0px 0px 30px;
	padding: 0px;
	}

/* LISTE in der NAVI2 */
#navi2 ul {
	margin: 10px 0 0 50px;
	padding: 0px;
	list-style-type: none;
	line-height: 120%
	}


/* CONTENT BOX unter der Thumbnail Box */
#content {
	clear: both;
	float: left;
	height: 445px;
	width: 750px;
	color: #FFFFFF;
	background: url(../bilder/kreuzla_grau.gif) no-repeat;
	background-color: #3b3b3b;
	border-bottom: 2px solid #ee7f00;
	}


/* CONTENT BOX unter der Thumbnail Box auf der Startseite*/
#contenthome {
	clear: both;
	float: left;
	height: 390px;
	width: 750px;
	color: #FFFFFF;
	background: url(../bilder/kreuzla_grau.gif);
	background-color: #3b3b3b;
	border-bottom: 2px solid #ee7f00;
	}
	
	
/* Allgemeine Style Angaben f?r den CONTENT */
/* ?BERSCHRIFT 1. Ordnung */
h1 {
	margin: 25px 240px 0px 98px;
	padding: 0px;
	font: bold 11px verdana;
	}


/* CONTENT TEXT */
.text {
	padding: 0;
	font: 11px verdana;
	margin-top: 5px;
	margin-bottom: 0;
	margin-left: 98px;
	margin-right: 200px; 
	 }
	 
/* Zahlen TEXT */
.zahl {
	padding: 0;
	font: 11px verdana;
	text-align: left;
	 }

/* LISTEN im CONTENT */
.ulcontent {
 	margin: 20px 50px 0px 98px;
 	padding: 0px;
	list-style-type:none;
	}

/* SCROLL Tabelle im CONTENT f?r "spirits" */
#tablescroll {
	overflow: auto;
	margin-top: 20px;
	width: 550px;
	height: 250px;
	margin-left: 98px;
	}
	
	/* SCROLL Tabelle im CONTENT f?r "IM BOOT" */
#tablescroll2 {
	overflow: auto;
	margin-top: 20px;
	width: 550px;
	height: 200px;
	margin-left: 98px;
	}

/* Breite der 1. Tabellenspalte f?r "IM BOOT" */
.tda {
	width: 200px;
	}

/* Breite der 2. Tabellenspalte f?r "IM BOOT" */
.tdb {
	width: 320px;
	}

/* AUSRICHTUNG der Bilder im CONTENT */
#fullimage {
	text-align: center;
	margin-top: 40px;
	}

/* BILDER ohne Rahmen */
.image {
	border: none;
	}


/* NAVI3 neben dem Content und unter der Navi2 */
#navi3 {
	float: left;
	height: 395px;
	width: 250px;
	color: #FFFFFF;
	background: url(../bilder/kreuzla_rechts.gif) no-repeat;
	background-color: #585858;
	border-bottom: 2px solid #ee7f00;
	}
	
	/* NAVI3 neben dem Content und unter der Navi2 */
#navi3home {
	float: left;
	height: 390px;
	width: 250px;
	color: #FFFFFF;
	background: url(../bilder/kreuzla_rechts_mittel.gif) no-repeat;
	background-color: #585858;
	border-bottom: 2px solid #ee7f00;
	}
	
/* NAVI3 neben dem Content und unter der Navi2 */
#navi3spirits {
	float: left;
	height: 345px;
	width: 250px;
	color: #FFFFFF;
	background: url(../bilder/kreuzla_rechts.gif) no-repeat;
	background-color: #585858;
	border-bottom: 2px solid #ee7f00;
	}
	

/* AUSRICHTUNG der Navi3 Elemente */
#navi3 ul {
	margin: 25px 0px 0px 50px;
	padding: 0px;
	list-style-type: none;
	text-align: left;
	line-height: 120%
	}


/* AUSRICHTUNG der Navi3 Elemente */
#navi3spirits ul {
	margin: 25px 0px 0px 50px;
	padding: 0px;
	list-style-type: none;
	text-align: left;
	}
#navi3spirits ul li{
	margin-top: 10px;
	}

#thumbnail ul {
	margin: 0px;
	margin-top: 5px;
	text-align: left;
	padding: 0px;
	}

#thumbnail ul li {
	display: inline;
	padding: 0px 18px;
}