/* Reset
--------------------------------------------------------------------------------------- */

* {
	padding: 0;
	margin: 0;
	border: 0;
}

/* Globals und Typo 
--------------------------------------------------------------------------------------- */

html {


}

body {


/* Wahlweise Linienhintergrund
Linienhintergrund abgestimmt auf eine Schriftgröße von 12px.	
	background: transparent url(bilder/line-height.gif) top left;
	*/	

	font-size: 62.5%;
	background-color: #bfbfbf !important;
	color: #6c6c6c;
	font: normal normal 11px/16px Arial, Helvetica, Verdana, sans-serif;
}

html>body {
	font-size: 11px;
}

a:link {
	color: #ee7d11;
	text-decoration: none;
}

a:visited {
	color: #FF9B00;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

/* Macht die gepunktete Linie um geklickte Links unsichtbar
--------------------------------------------------------------------------------------- */

a:focus {
	outline: none;
}

/* Vertikaler Rhythmus basierend auf 12px Basisgröße für den Fließtext
--------------------------------------------------------------------------------------- */

p {
	font: 1em/1.5em Arial, Helvetica, Verdana, sans-serif;
	margin-bottom: 1.5em;
	margin-left: 50px;
	margin-right: 20px;
	color: #6c6c6c;
}

h1 {
	font: 1.8em/1.2em Arial, Helvetica, Verdana, sans-serif;
	margin: 20px;
	margin-bottom: 0.9em;
	color: #6c6c6c;
}

h2 {
	font: 1.1em/1.6em Arial, Helvetica, Verdana, sans-serif;
	margin-top: 1em;
	margin-bottom: 1em;
	color: #6c6c6c;
}

h3 {
	font: 1.33em/1.13em Arial, Helvetica, Verdana, sans-serif;
	margin-bottom: 1.13em;
	color: #6c6c6c;
}

h4 {
	font: 1.17em/1.29em Arial, Helvetica, Verdana, sans-serif;
	margin-bottom: 1.29em;
	color: #6c6c6c;
}

/* Bilder und verlinkte Bilder ohne Rahmen 
--------------------------------------------------------------------------------------- */

img, a img {
	border: 0;
}

#container {
	background: #FFF;
	height: 660px;
	left: 50%;
	margin-left: -468px;
	margin-top: -350px;
	padding: 35px 0 0 18px;
	position: absolute;
	top: 50%;
	width: 920px !important
}

#header {
	height: 104px;
	position: absolute;
	width: 914px
}

#logo {
	float: left;
	height: 104px;
	width: 158px;
	margin: 28px 30px 0 13px;
}

#links {
	bottom: 50px;
	height: 400px;
	left: 114px;
	position: absolute;
	background-color: #F6F6F6;
}

#rechts {
	bottom: 50px;
	height: 400px;
	right: 43px;
	position: absolute;
	background-color: #F6F6F6;
	width: 388px;
}

#biologo {
	bottom: 46px;
	left: 5px;
	position: absolute;
}

hr {
	clear: both;
	visibility: hidden
}

#links btblock {
	margin-top: 0px;
	height: 450px;
}

#rechts .btblock {
	padding: 0;
}

#rechts .btblock2 {
	
}

#rechts .btblock2 p {
	margin-top: 18px;
	padding: 0 34px 0 50px;
}

#formwrap {
	float: left;
	width: 268px;
	border: none;
}

/* B I L D E R */

#links img {
	border-right: 5px solid #FFF;
	float: left;
}

img {
	margin-top: 0;
	border: none;
}

#rechts  img {
	border-bottom: 5px solid #FFF;
}

#rechts .imageoutside {
	margin: -20px 0 20px 0;
}

/* T Y P E */

h1 {
	margin: 0;
}

h1.headline {
	border-bottom: 5px solid #FFF;
	padding-bottom: 0;
	margin-bottom: 16px;
	color: transparent !important;
	text-indent: -999em;
}

h1.popup_link {
	padding: 6px 0;
}

#rechts a {
	color: #ee7d11;
	text-decoration: none;
}

#rechts p a {
	color: #ee7d11;
	text-decoration: none;
	margin-left: 0;
}


#rechts p span {
	color: #EE7D11;
	font-style: italic;
	letter-spacing: 2px;
	padding: 0 1px;
}

.extern {
	margin-left: 0px ! important;
}

/* DOWNLOAD MODUL*/

.download {
	width: 328px;
	padding: 5px 10px 20px 0;
}

.download img {
	float: left;
	border-bottom: none !important;
	padding-right: 4px;
}

.download h2 {
	padding: 0;
	margin: 0;
	line-height: 16px;
}

.download h2 a {
	padding-left: 0;
	margin-left: 0!important;
}

.download p {
	margin: 0;
	padding: 0 !important;
}

.link_int, .link_ext {
	margin-left: 50px;
}

/* N A V I G A T I O N */

#navigation {
	margin-top: 60px;
	background-color: #FFF;
	font: normal normal 12px/24px arial, sans-serif;
	text-decoration: none;
	width: 700px;
	float: left;
	height: 55px;
}

#navigation ul.nav1st {
	list-style: none;
	width: 700px;
	padding-left: 0;
	margin-left: 0;
	height: 45px;
}

#navigation ul.nav1st li {
	display: inline;
	text-align: center;
	margin-right: 2px;
}

#navigation ul.nav1st li a {
	color: #6c6c6c;
	text-align: left;
	text-decoration: none;
	margin-right: 21px;
	float: left;
}

#navigation ul.nav1st li a.current,#navigation ul.nav1st li a.current:link,#navigation ul.nav1st li a:hover {
	color: #ee7d11;
	text-decoration: none;
}

#navigation ul.nav1st li a.current {
	background-color: none;
	letter-spacing: normal;
}

#navigation ul.nav1st li ul.nav2nd {
	display: inline;
	font: normal normal 9px/14px Arial, sans-serif;
	line-height: 18px;
	list-style: none;
	position: absolute;
	text-align: left;
	top: 115px;
	padding-left: 0;
	margin-left: 0;
	left: 189px;
}

#navigation ul.nav1st li ul.nav2nd li {
	text-decoration: none;
}

#navigation ul.nav1st li ul.nav2nd li a,
#navigation ul.nav1st li ul.nav2nd li a:link {
	background: url(line_bg.gif) no-repeat 0 3px;
	display: inline;
	padding-left: 12px;
	color: #ee7d11;
	margin-right: 10px;
}

#navigation ul.nav1st li ul.nav2nd li#link143 a, #navigation ul.nav1st li ul.nav2nd li#link143 a:link, 
#navigation ul.nav1st li ul.nav2nd li#link17 a, #navigation ul.nav1st li ul.nav2nd li#link17 a:link,
#navigation ul.nav1st li ul.nav2nd li#link38 a, #navigation ul.nav1st li ul.nav2nd li#link38 a:link,
#navigation ul.nav1st li ul.nav2nd li#link54 a, #navigation ul.nav1st li ul.nav2nd li#link54 a:link,
#navigation ul.nav1st li ul.nav2nd li#link64 a, #navigation ul.nav1st li ul.nav2nd li#link64 a:link,
#navigation ul.nav1st li ul.nav2nd li#link100 a, #navigation ul.nav1st li ul.nav2nd li#link100 a:link, 
#navigation ul.nav1st li ul.nav2nd li#link123 a, #navigation ul.nav1st li ul.nav2nd li#link123 a:link {
	background-image: none;
}

#navigation ul.nav1st li ul.nav2nd li a.current,#navigation ul.nav1st li ul.nav2nd li a.current:link,#navigation ul.nav1st li ul.nav2nd li a:hover {
	color: #ee7d11;
	text-decoration: none
}

#homelink a {
	position: absolute;
	top: 650px;
	right: 43px;
	text-decoration: none;
	color: #7c7c7c;
}

#player {
	margin: 0 0 0 -25px;
	padding: 0;
}


#philosophie #rechts {
	height: 456px;
}

#Capitol {
	width: 305px;
	float: left;
}

#news #rechts {
	height: 450px;
}

#union_halle #rechts, #bockenheimer_depot #rechts, #capitol #rechts {
	width: 326px;
}

#sektkellerei_falkenberg #rechts {
	width: 335px;
}

#Union, #Depot {
	width: 305px;
	float: left;
	background-color: #FFF;
}

.pagination {
	position: absolute;
	bottom: 10px;
	margin-left: 50px;
}

.article-list {
	margin-left: 50px;
}

#karriere .article-list, {
	margin-left: 0px
}

#rechts .article-list p {
	margin-left: 20px;
	padding-left: 0;
}

h1.solo {
	margin: 20px 20px 20px 50px;
}

#kontaktinfo p {
	margin-left: 0;
}

#rechts ul {
	margin-left: 50px;
}

/* BEREICH  IMPRESSUM */

#impressum #links {
	background-color: #FFFFFF;
	height: 165px;
	position: absolute;
	top: 200px;
}

#impressum #rechts {
	height: 275px;
	position: absolute;
	bottom: 0;
	width: 780px;
	bottom: 50px;
	overflow: auto;
}

#impressum h2, #impressum p {
	margin-left: 446px;
	padding-left: 0;
}

/* BEREICH  RESTAURANT */

#table #links, #flughafen_frankfurt #links {
	width: 388px;
}

#table #rechts, #flughafen_frankfurt #rechts {
	height: 436px;
}

#table #links img, #flughafen_frankfurt #links img {
	margin-bottom: 10px;
	border-bottom: 5px solid #FFF;
}

/* BEREICH REZEPTE */

#rezepte2 #links p {
	position: absolute;
	bottom: 0;
	left: 240px;
	color: #FFF;
}

#rezepte2 #rechts p {
	margin-left: 20px;
	margin-right: 20px;
	position: absolute;
	bottom: 0;
}

#rezepte #links{
	width: 388px;
}
