@charset "utf-8";
/* CSS Document */

/* -------------------------------------
	Inhaltsverzeichnis
----------------------------------------
	domain: brauhaus-castel.de
	
	1. Allgemeines
		1.1 Body-IDs
	2. Header
		2.1 Logo
		2.2 Subnavi
	3. Navi
		3.1 Wir über uns
		3.2 Unser Team
		3.3 Brauhaus Castel
		3.4 Speisen & Getränke
		3.5 English Menu
		3.6 Mietservice
		3.7 Souvenirs
		3.8 Veranstaltungen
		3.9 News
	4. Content-Wrapper
		4.1 Content-Links
		4.2 Sidebar
	5.1 Footer-Wrapper
		5. Footer
	
----------------------------------------
	1. Allgemeines
------------------------------------- */

	* {
		margin: 0;
		padding: 0;
		border: 0;
		}
		
	body {
		font: 62.5% Georgia, "Times New Roman", Times, serif;
		line-height: 1.8em;
		color: #515151;
		background: url(../images/bg.jpg) 0 0;
		}
		
	#bg {
		width: 100%;
		height: 100%;
		background: url(../images/body_bg.jpg) 0 0 repeat-x;
		font-size: 1.2em;
		}
		
	#wrapper {
		width: 994px;
		margin: 0 auto;
		}
		
	h1 {
		display: none;
		}
		
	h2 {
		color: #0074cd;
		font-size: 1.8em;
		margin: 0 0 5px 0;
		font-weight: normal;
		}
		
	h2.mitte {
		color: #0074cd;
		font-size: 1.8em;
		margin: 28px 0 5px 0;
		font-weight: normal;
		}
		
	h3 {
		color: #909090;
		font-size: 1.4em;
		margin: 0 0 14px 0;
		font-weight: normal;
		}
		
	h4 {
		color: #0074cd;
		font-size: 1.4em;
		margin: 28px 0 14px 0;
		font-weight: normal;
		}
		
	h4.news {
		background: url(../images/news_bg.jpg) 0 2px no-repeat;
		padding: 0 0 0 25px;
		margin: 0 0 14px 0;
		}
		
	h4.veranstaltungen {
		background: url(../images/veranstaltungen_bg.jpg) 0 1px no-repeat;
		padding: 0 0 0 25px;
		margin: 0 0 14px 0;
		}
		
	h4.tageskarte {
		background: url(../images/tageskarte_bg.jpg) 0 2px no-repeat;
		padding: 0 0 0 25px;
		margin: 0 0 14px 0;
		}
		
	h4.oeffnungszeiten {
		background: url(../images/oeffnungszeiten_bg.jpg) 0 1px no-repeat;
		padding: 0 0 0 25px;
		margin: 0 0 14px 0;
		}
		
	h4.clear {
		clear: both;
		}
		
	.blue {
		color: #0074cd;
		font-weight: bold;
		}
		
	p {
		margin: 1.4em 0;
		}
		
	.cleaner {
		float: none;
		clear: both;
		}
		
	.links {
		width: 266px;
		margin: 0 25px 0 0;
		float: left;
		}
		
	.rechts {
		width: 266px;
		margin: 0 0 0 25px;
		float: left;
		}
		
	#euroweb {
		margin: 14px 0;
		}
		
/* -------------------------------------
	2. Header
------------------------------------- */

	#header {
		width: 994px;
		height: 375px;
		background: url(../images/header.jpg) 0 0 no-repeat;
		position: relative;
		}
		
			/* -------------------------------------
				2.1 Logo
			------------------------------------- */
			
				#logo {
					width: 317px;
					height: 322px;
					position: absolute;
					top: 48px;
					left: 340px;
					}
					
			/* -------------------------------------
				2.2 Subnavi
			------------------------------------- */
			
				#subnavi {
					position: absolute;
					top: 10px;
					left: 723px;
					}
					
				#subnavi ul {
					list-style-type: none;
					}
					
				#subnavi ul li {
					margin: 0 15px 0 0;
					float: left;
					}
					
				#subnavi ul li a {
					color: #653f22;
					text-decoration: none;
					}
					
				#subnavi ul li a:hover,
				#subnavi ul li a.active {
					color: #653f22;
					text-decoration: underline;
					}
		
/* -------------------------------------
	3. Navi
------------------------------------- */

	#navi {
		width: 994px;
		height: 32px;
		background: url(../images/navi.jpg) 0 0 no-repeat;
		position: relative;
		}
		
	#navi ul {
		list-style-type: none;
		margin: 0 0 0 24px;
		}
		
	#navi ul li {
		float: left;
		}
		
	#navi ul li a {
		height: 32px;
		display: block;
		overflow: hidden;
		font-size: 1px;
		color: #fff;
		text-indent: -10000px;
		}
		
	#navi ul li ul {
		display:none;
		position:absolute;		
		}
	
	#navi ul li:hover ul {
		display:block;
		width: 135px;
		font-size: 0.9em;
		margin: 0;
		}
		
	#navi ul li ul li {
		width: 135px;
		height: 24px;
		background: #4f2d10;
		opacity: 0.75;
		-moz-opacity: 0.75;
		color: #fff;
		border-right: 1px solid #28211D;
		border-bottom: 1px solid #28211D;
		border-left: 1px solid #28211D;
		font-weight: bold;
		}
		
	#navi ul li ul li .headline {
		width: 125px;
		height: 21px;
		padding: 3px 0 0 10px;
		background: #AA7448;
		display: block;
		text-decoration: none;
		}
		
	#navi ul li ul li a {
		width: 125px;
		height: 21px;
		display: block;
		color: #fff;
		font-size: 1.0em;
		text-indent: 0;
		text-decoration: none;
		padding: 3px 0 0 10px;
		}
		
	#navi ul li ul li a:hover {
		color: #4f2d10;
		background: #fdc208;
		}
		
			/* -------------------------------------
				3.1 Wir über uns
			------------------------------------- */
			
				#navi ul li a.wir {
					width: 103px;
					background: url(../images/navi/wir.jpg) 0 0 no-repeat;
					}
					
				#navi ul li a.wir:hover {
					width: 103px;
					background: url(../images/navi/wir.jpg) 0 -32px no-repeat;
					}
					
				#wir #navi ul li a.wir {
					width: 103px;
					background: url(../images/navi/wir.jpg) 0 -32px no-repeat;
					}
					
			/* -------------------------------------
				3.2 Unser Team
			------------------------------------- */
			
				#navi ul li a.team {
					width: 99px;
					background: url(../images/navi/team.jpg) 0 0 no-repeat;
					}
					
				#navi ul li a.team:hover {
					width: 99px;
					background: url(../images/navi/team.jpg) 0 -32px no-repeat;
					}
					
				#team #navi ul li a.team {
					width: 99px;
					background: url(../images/navi/team.jpg) 0 -32px no-repeat;
					}
					
			/* -------------------------------------
				3.3 Brauhaus Castel
			------------------------------------- */
			
				#navi ul li a.brauhaus {
					width: 126px;
					background: url(../images/navi/brauhaus.jpg) 0 0 no-repeat;
					}
					
				#navi ul li a.brauhaus:hover  {
					width: 126px;
					background: url(../images/navi/brauhaus.jpg) 0 -32px no-repeat;
					}
					
				#brauerei #navi ul li a.brauhaus {
					width: 126px;
					background: url(../images/navi/brauhaus.jpg) 0 -32px no-repeat;
					}
					
			/* -------------------------------------
				3.4 Speisen & Getränke
			------------------------------------- */
			
				#navi ul li a.speisen {
					width: 147px;
					background: url(../images/navi/speisen.jpg) 0 0 no-repeat;
					}
					
				#navi ul li a.speisen:hover {
					width: 147px;
					background: url(../images/navi/speisen.jpg) 0 -32px no-repeat;
					}
					
				#speisengetraenke #navi ul li a.speisen {
					width: 147px;
					background: url(../images/navi/speisen.jpg) 0 -32px no-repeat;
					}
					
			/* -------------------------------------
				3.5 English Menu
			------------------------------------- */
			
				#navi ul li a.english {
					width: 111px;
					background: url(../images/navi/english.jpg) 0 0 no-repeat;
					}
					
				#navi ul li a.english:hover {
					width: 111px;
					background: url(../images/navi/english.jpg) 0 -32px no-repeat;
					}
					
				#english #navi ul li a.english {
					width: 111px;
					background: url(../images/navi/english.jpg) 0 -32px no-repeat;
					}
					
			/* -------------------------------------
				3.6 Mietservice
			------------------------------------- */
			
				#navi ul li a.mietservice {
					width: 95px;
					background: url(../images/navi/mietservice.jpg) 0 0 no-repeat;
					}
					
				#navi ul li a.mietservice:hover {
					width: 95px;
					background: url(../images/navi/mietservice.jpg) 0 -32px no-repeat;
					}
					
				#mietservice #navi ul li a.mietservice {
					width: 95px;
					background: url(../images/navi/mietservice.jpg) 0 -32px no-repeat;
					}
					
			/* -------------------------------------
				3.7 Souvenirs
			------------------------------------- */
			
				#navi ul li a.souvenirs {
					width: 84px;
					background: url(../images/navi/souvenirs.jpg) 0 0 no-repeat;
					}
					
				#navi ul li a.souvenirs:hover {
					width: 84px;
					background: url(../images/navi/souvenirs.jpg) 0 -32px no-repeat;
					}
					
				#souvenirs #navi ul li a.souvenirs {
					width: 84px;
					background: url(../images/navi/souvenirs.jpg) 0 -32px no-repeat;
					}
					
			/* -------------------------------------
				3.8 Veranstaltungen
			------------------------------------- */
			
				#navi ul li a.veranstaltungen {
					width: 128px;
					background: url(../images/navi/veranstaltungen.jpg) 0 0 no-repeat;
					}
					
				#navi ul li a.veranstaltungen:hover {
					width: 128px;
					background: url(../images/navi/veranstaltungen.jpg) 0 -32px no-repeat;
					}
					
				#veranstaltungen #navi ul li a.veranstaltungen {
					width: 128px;
					background: url(../images/navi/veranstaltungen.jpg) 0 -32px no-repeat;
					}
					
			/* -------------------------------------
				39 News
			------------------------------------- */
			
				#navi ul li a.news {
					width: 53px;
					background: url(../images/navi/news.jpg) 0 0 no-repeat;
					}
					
				#navi ul li a.news:hover {
					width: 53px;
					background: url(../images/navi/news.jpg) 0 -32px no-repeat;
					}
					
				#news #navi ul li a.news {
					width: 53px;
					background: url(../images/navi/news.jpg) 0 -32px no-repeat;
					}
		
/* -------------------------------------
	4. Content-Wrapper
------------------------------------- */

	#content-wrapper {
		width: 994px;
		background: url(../images/content_wrapper_bg.jpg) 620px 0 repeat-y;
		}
		
	#content-wrapper a {
		color: #0074cd;
		text-decoration: none;
		}
		
	#content-wrapper a:hover {
		color: #0074cd;
		text-decoration: underline;
		}
		
			/* -------------------------------------
				4.1 Content-Links
			------------------------------------- */
			
				#content-links {
					width: 582px;
					padding: 117px 0 0 38px;
					background: url(../images/content_links_bg.jpg) 0 0 no-repeat;
					float: left;
					}
					
				#content-links .image {
					background: none;
					padding: 4px;
					margin: 5px 8px 6px 0;
					border: 1px solid #E3E0DB;
					float: left;
					}
					
				#content-links ul.liste {
					list-style-type: none;
					margin: 14px 0 0 0;
					}
					
				#content-links ul.liste li {
					background: url(../images/liste.jpg) 0 0 no-repeat;
					padding: 0 0 0 30px;
					margin: 0 0 14px 0;
					}
					
				#content-links table {
					margin: 14px 0;
					width: 582px;
					}
					
				#content-links table tr td {
					width: 184px;
					padding: 5px;
					}
					
				#content-links table tr td.zwei_eins {
					width: 443px;
					padding: 5px;
					}
					
				#content-links table tr td.zwei_zwei {
					width: 112px;
					padding: 5px;
					}
					
				#content-links table tr td.long {
					width: auto;
					}
					
				#content-links table tr.highlight {
					background: #F0F0EB;
					}
					
					.right{
						width:230px;
						float:left;
						margin-right:15px;
					}
										
			/* -------------------------------------
				4.2 Sidebar
			------------------------------------- */
			
				#sidebar {
					width: 329px;
					padding: 132px 0 0 45px;
					background: url(../images/sidebar_bg.jpg) 0 0 no-repeat;
					float: left;
					}
					
				#sidebar .zelle {
					width: 247px;
					background: url(../images/sidebar_zelle_bg.jpg) 0 0 no-repeat;
					padding: 28px 52px 14px 30px;
					}
					
				#sidebar dl.zeiten {
					width: 247px;
					margin: 14px 0;
					}
					
				#sidebar dl.zeiten dt {
					width: 60px;
					float: left;
					text-align: right;
					}
					
				#sidebar dl.zeiten dd {
					width: 172px;
					padding: 0 0 0 15px;
					float: left;
					}
					
/* -------------------------------------
	5. Footer-Wrapper
------------------------------------- */

	#footer-wrapper {
		width: 100%;
		height: 238px;
		background: url(../images/footer_wrapper_bg.jpg) 0 147px repeat-x;
		}
		
	#footer-wrapper a {
		color: #0074cd;
		text-decoration: none;
		}
		
	#footer-wrapper a:hover {
		color: #0074cd;
		text-decoration: underline;
		}
		
			/* -------------------------------------
				5.1 Footer
			------------------------------------- */
			
				#footer {
					width: 956px;
					height: 193px;
					padding: 45px 0 0 38px;
					margin: 0 auto;
					background: url(../images/footer_bg.jpg) 0 0 no-repeat;
					}
					
/* -------------------------------------
	Ende ;)
------------------------------------- */