/**
 * Master StyleSheet
 *
 * @project		Privatbrauerei Dinkelacker-Schwabenbräu
 * @author		Boris Bojic <bojic@devshack.biz>
 * @copyright	Copyright (c) 2010, Boris Bojic (DevShack)
 * @version		Wed, 18 Aug 2010 16:04:59 +0200
 *
 */

/*
--- CSS reset -------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------
*/

html,body,div,span,button,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
b,u,i,dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,
q:before,q:after{content:'';content:none;}
:focus{outline:0;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
body{line-height:1.5;font-family:'Georgia','Trebuchet MS','Arial';color:#000;background:#fff;font-size:100.01%;}
input,
select,
textarea{font-family:'Georgia','Trebuchet MS','Arial';margin:0;padding:0;border:0;}
table{border-collapse:collapse;border-spacing:0;empty-cells:show;font-family:'','Trebuchet MS';}

a{color:#364D6C;text-decoration:underline;}

a:hover{
	color: #FCC000;
}

label{
	cursor:pointer;
}

/*
--- Main layout -----------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------
*/

body{
	color: #333;
	background: #F4F3EE url('./img/body/body-back.jpg') 50% 0;
}

#breadcrumb{
	width: 934px;
	height: 25px;
	margin: 0 auto;
}

#frame{
	background: url('./img/frame/mainframegold.png') 0 0 no-repeat;
	width: 874px;
	height: 454px;
	padding: 27px 27px 30px 33px;
	margin: 0 auto;
}

/* Inhalt innerhalb von #frame */
#inner{
	position: relative;
	width: 874px;
	height: 454px;
}

.introback{
	background: url('./img/frame/intro-back.png') 0 0 no-repeat;
	
}

.mainback{
	background: url('./img/frame/main-back.jpg') 0 0 no-repeat;
}


/*
--- Logo ------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------
*/

h1{
	width: 381px;
	margin: 20px auto 0 auto;
	background: url('./img/logo/dinkelacker-schwabenbraeu.png') 0 0 no-repeat;
}

	h1 a{
		display: block;
		height: 25px;	
		text-indent: -9999em;
	}

/*
--- Pfadleiste ------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------
*/

#breadcrumb p{
	font-size: .75em;
	line-height: 1.2;
	padding: 7px 0 0 10px;
}

#breadcrumb a{
	color: #000;
	text-decoration: none;
}

#breadcrumb a:hover{
	color: #BDAC46;
}


/*
--- Obere Navigation ------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------
*/

/* Nur sichtbar auf Haupseite */
#inner.introback #nav ul{
	visibility: hidden;
}

#nav ul{
	z-index: 100;
	position: relative;
	font-size: .75em;
	letter-spacing: 1px;
	width: 760px;
	color: #FDFDFC;
	margin: 0 auto;
	text-align: center;
	text-transform: uppercase;
}

#nav li{
	z-index: 200;
	position: relative;
	float: left;
	width: 200px;
	line-height: 20px;
	margin-right: 5px;
	border-top: 1px solid #9A8E86;
	background-color: #5F3626;
	
	box-shadow: -2px 4px 4px 1px #333;
	-moz-box-shadow: -2px 4px 4px 1px #333;
	-webkit-box-shadow: -2px 4px 4px 1px #333;
}

#nav ul a,
#nav ul span{
	padding: 5px 0;
	display: block;
	color: #EAE4E2;
	text-decoration: none;
}

#nav ul a:hover,
#nav ul span:hover{
	color: #DED3A4;
}

#nav ul span{
	cursor: pointer;
}

/* 2. Ebene */
#nav ul ul{
	display: block;
	visibility: hidden;
	position: absolute;
	top: 30px;
	left: 0;
	width: 125px;
	padding: 10px 5px 0 5px;
	font-size: .95em;
	letter-spacing: 0;
	text-align: left;
	color: #593223;
	background-color: #F3F2ED;
	box-shadow: -2px 4px 4px 1px #333;
	-moz-box-shadow: -2px 4px 4px 1px #333;
	-webkit-box-shadow: -2px 4px 4px 1px #333;
}

	#nav ul li:hover ul,
	#nav ul li.hoverit ul{
		display: block;
	}

	/* Zum deaktivieren via jQuery */
	#nav ul.nohover li:hover ul{
		display: none;
	}

#nav li li{
	width: auto;
	height: auto;
	padding: 0;
	margin: 0;
	float: none;
	border: 0 none;
	border-bottom: 1px solid #593223;
	background-color: transparent;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}

	#nav li li.nav-last{
		border: 0 none;
	}

#nav ul ul a{
	display: inline;
	color: #593223;
	padding-left: 2px;
}

#nav ul ul a:hover{
	color: #BDAB45;
}

/* Verschiedene Größen und Bilder */
#nav li#nav-brauerei,
#nav li#nav-brauerei ul{width: 125px;z-index: 200;}
#nav li#nav-brauerei ul{width: 115px;height: 115px;background: url('./img/nav/brauerei-back.jpg') no-repeat;}

#nav li#nav-biere,
#nav li#nav-biere ul{width: 125px;z-index: 150}

#nav li#nav-biere ul{width: 115px;height: 152px;background: url('./img/nav/biere-back.jpg') no-repeat;}

#nav li#nav-braugast,
#nav li#nav-braugast ul{width: 200px;z-index: 100}

#nav li#nav-braugast ul{width: 190px;height: 58px;background: url('./img/nav/braugast-back.jpg') no-repeat;}

#nav li#nav-veranst,
#nav li#nav-veranst ul{width: 160px;z-index: 50}

#nav li#nav-veranst ul{width: 150px;height: 116px;background: url('./img/nav/veranst-back.jpg') no-repeat;}

#nav li#nav-shop,
#nav li#nav-shop ul{width: 125px;z-index: 40;}

#nav li#nav-shop ul{width: 115px;height: 95px;background: url('./img/nav/brauerei-back.jpg') no-repeat;}

/*
--- Innere Navigation -----------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------
*/


#scndnav li{
	position: absolute;
	z-index: 5;
}

	#scndnav li a{
		display: block;
		height: 100%;
		text-indent: -9999em;
	}

/* Brauerei -------------------------- */
#scndnav li#scnd-brauerei{
	top: 326px;
	left: 348px;
	width: 130px;
	height: 42px;
}

#scndnav li#scnd-brauerei a{
	background: url('./img/scndnav/diebrauerei.jpg') no-repeat;
}

#scndnav li#scnd-brauerei a:hover{
	background-position: 0 -42px;
}

/* Unsere Biere -------------------------- */
#scndnav li#scnd-biere{
	width: 112px;
	height: 29px;
	top: 358px;
	right: 196px;
}

#scndnav li#scnd-biere a{
	background: url('./img/scndnav/unserebiere.jpg') no-repeat;
}

#scndnav li#scnd-biere a:hover{
	background-position: 0 -29px;
}

/* Brauereigaststätte -------------------------- */
#scndnav li#scnd-braugast{
	top: 160px;
	left: 285px;
	width: 192px;
	height: 31px;
}

#scndnav li#scnd-braugast a{
	background: url('./img/scndnav/brauerergast.jpg') no-repeat;
}

#scndnav li#scnd-braugast a:hover{
	background-position: 0 -31px;
}

/* Schild Albverein */
#scndnav li#scnd-veranst{
	z-index: 5;
	top: 190px;
	right: 53px;
	width: 122px;
	height: 143px;
	background: url('./img/scndnav/albverein-schild.png') no-repeat;
}

/* Plakat Kronkorken Aktion links */
#scndnav li#scnd-korken{
	z-index: 5;
	top: 32px;
	left: 50px;
	width: 62px;
	height: 183px;
	background: url('./img/scndnav/kronkorken-aktion.png') no-repeat;	
}

/* 2. Ebene ------------------------------------- */
#scndnav ul ul{
	z-index: 5;
	display: block;
	visibility: hidden;
	font-size: .65em;
	text-transform: uppercase;
	position: absolute;
	top: 0;
	left: 0;
	/*background: url('./img/scndnav/dropdown-back.png');*/
	background-color: #bcbea0;
	background-color: rgba(188, 190, 160, 0.85);
	padding: 5px;
}

	#scndnav li:hover ul,
	#scndnav li.hoverit ul{
		display: block;
	}

	/* Zum deaktivieren via jQuery */
	#scndnav ul.nohover li:hover ul{
		display: hidden;
	}

#scndnav li li{
	border-bottom: 1px solid #593223;
	position: static;
	text-indent: 0;
	height: auto;
	width: auto;
	line-height: 20px;
	height: 20px;
}

	#scndnav li li.scnd-last{
		border: 0 none;
	}

#scndnav li#scnd-biere li a,
#scndnav li#scnd-biere li a:hover,
#scndnav li#scnd-braugast li a,
#scndnav li#scnd-braugast li a:hover,
#scndnav li#scnd-brauerei li a,
#scndnav li#scnd-brauerei li a:hover{
	height: auto;
	background-image: none;
}

#scndnav li li a{
	display: inline;
	text-indent: 0;
	color: #593223;
	text-decoration: none;
}


#scndnav li li a:hover{
	color: #8c6556;
}


/* Positionen und Größe der Dropdowns */

#scndnav li#scnd-brauerei ul{
	width: 118px;
	top: -114px;
	left: 2px;
}

#scndnav li#scnd-biere ul{
	width: 100px;
	top: -156px;
	left: 2px;
}

#scndnav li#scnd-braugast ul{
	width: 178px;
	top: -51px;
	left: 2px;
}


/*
--- Alterscheck -----------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------
*/

#inner.introback h2{
	text-align: center;
	width: 697px;
	height: 97px;
	margin: 35px auto 0 auto;
	background: url('./img/intro/intro.png') no-repeat;
	text-indent: -9999em;
}

#inner.introback p{
	width: 480px;
	padding: 20px 0;
	font-size: .9em;
	line-height: 1.5;
	margin: 0 auto;
	text-align: justify;
}

#inner.introback ul#agecheck{
	width: 350px;
	margin: 0 auto;
	padding: 3px 0 20px 100px;
	background: url('./img/intro/bierbewusst.jpg') no-repeat;
	font-weight: bold;
	font-size: .9em;
}

#inner.introback ul#agecheck li{
	padding: 10px 0 0 0px;
}

	#inner.introback ul#agecheck a{
		color: #000;
		display: block;
		padding-left: 30px;
		background: url('./img/intro/arrow.png') no-repeat 0 0;
		text-decoration: none;
	}
	
	#inner.introback ul#agecheck a:hover{
		color: #832223;
	}

/*
--- Kleine Newsbar unten links --------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------
*/

#newsbox{
	z-index: 40;
	position: absolute;
	bottom: 0;
	left: 30px;
	width: 155px;
	height: 11px;
	background: #bcbea0 url('./img/newsbox/newsbar.png') no-repeat -155px 0;
	background: rgba(188, 190, 160, 0.85) url('./img/newsbox/newsbar.png') no-repeat -155px 0;
	overflow: hidden;
	font-size: .75em;
	text-align: center;
	line-height: 1.3;
	cursor: pointer;
}

#newsbox:hover,
#newsbox.hoverit{
	height: auto;
	z-index: 100;
	background-position: 0 0;
}

	#newsbox.nohover{
		height: 11px;
	}

#newsbox h2{
	padding: 16px 5px 0 5px;
}

#newsbox p{
	padding: 0 5px 5px 5px;
}

#newsbox a{
	text-decoration: none;
	color: #333;
}

/*
--- Inhaltsbox ------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------
*/

#contentbox{
	position: relative;
	z-index: 50;
	margin: 10px 10px 0 10px;
	height: 405px;
	color: #45433D;
	/*background: url('./img/content/contentbox-back.png');*/
	background-color: #EBE8DB;
	background-color: rgba(235,232,219,0.9);
}

#content{
}

	#contentbox p#closelink{
		font-size: .69em;
		text-align: right;
		padding: 5px 10px 0 0;
		height: 20px;
	}

		#contentbox p#closelink a{
			color: #45433D;
			text-decoration: underline;
		}

/* Scrollen über das gesamte Inhaltsfenster */
#scrollarea{
	height: 350px;
	overflow: auto;
}

/* Kleines Scrollfenster für Presse und Karriere */
#scrollarea-small{
	width: 580px;
	height: 195px;
	padding: 0 10px 0 140px;
	overflow: auto;
}

/* Großes Scrollfenster für Pressedetails */
#scrollarea-long{
	width: 560px;
	height: 350px;
	padding: 0 20px 0 150px;
	overflow: auto;
}

	/* Einzelner Bereich, der animiert wird */
	.item{
		height: 350px;
		overflow: hidden;
	}
	
	/* Kleiner Inhaltsbereich für Presse und Karriere */
	.item-small{
		height: 155px;
		overflow: hidden;
	}

	.scrollleft,
	.scrollright{
		text-indent: -9999em;
		float: left;
		width: 55px;
		height: 350px;
		background: url('./img/content/arrow-left.png') 50% 50% no-repeat;
	}
	
	.scrollright{
		float: right;
		background: url('./img/content/arrow-right.png') 50% 50% no-repeat;
	}

		.scrollleft a,
		.scrollright a{
			display: block;
			height: 350px;
		}

	.scrollcontent{
		width: 744px;
		margin: 0 55px;
	}

#scrolllinks{
	padding-top: 5px;
	height: 25px;
}


/*
--- Grundlegende Formatierungen -------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------
*/

#content p{
	font-size: .75em;
	padding: 0 0 .8em 0;
	line-height: 1.3;
}

	#content .center{
		text-align: center;
	}

	#content p.errormessage{
		color: #c00;
		font-weight: bold;
	}

#content ul{
	font-size: .75em;
	padding: 0 0 1em 1em;
	line-height: 1.5;
	list-style-type: disc;
}

#content h3{
	font-size: .75em;
	margin: 0 0 1em 0;
	line-height: 1.5;
}

#content a{
	color: #700B05;
	text-decoration: none;
}

#content a:hover{
	color: #333;
}

#content .clearit{
	clear: both;
}

/* Untere Navileiste im Inhalt */
#scrolllinks p{
	font-size: .75em;
	line-height: 1.2;
	text-align: center;
	text-transform: uppercase;
}

#scrolllinks a{
	color: #700B05;
	text-decoration: none;
	padding-bottom: 2px;
}

#scrolllinks a:hover,
#scrolllinks a.marked{
	color: #333;
	border-bottom: 1px solid #333;
}


/*
--- Brauerei Inhalte ------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------
*/

/* Intro ------------------------ */
#brauerei-intro{
	background: url('/design/img/content/brauerei/intro-back.png') right bottom no-repeat;
}

#brauerei-intro h3{
	background: url('/design/img/content/brauerei/intro-title.png') top center no-repeat;
	height: 103px;
	margin: 20px 0;
	text-indent: -9999em;
}

#brauerei-intro p{
	text-align: center;
	padding: 0 250px .8em 250px;
}

/* DSL ------------------------ */
#brauerei-dsl{
	background: url('/design/img/content/brauerei/dsl-back.png') 3% bottom no-repeat;
}

#brauerei-dsl h3{
	background: url('/design/img/content/brauerei/dsl-title.png') top center no-repeat;
	height: 168px;
	margin: 20px 0;
	text-indent: -9999em;
}

#brauerei-dsl p{
	text-align: center;
	padding: 0 220px .8em 220px;
}

/* Qualität ------------------------ */
#brauerei-qualitaet{
	background: url('/design/img/content/brauerei/qualitaet-back.png') 98% 100% no-repeat;
}

#brauerei-qualitaet h3{
	background: url('/design/img/content/brauerei/qualitaet-title.png') top center no-repeat;
	height: 101px;
	margin-bottom: 20px;
	text-indent: -9999em;
}

#brauerei-qualitaet p{
	text-align: center;
	padding: 0 160px .8em 160px;
}

/* Presse Info ------------------------ */
#brauerei-presse h3{
	background: url('/design/img/content/brauerei/presse-title.png') top center no-repeat;
	height: 80px;
	margin-bottom: 10px;
	text-indent: -9999em;
}

#brauerei-presse p{
	text-align: center;
	padding: 0 120px .8em 120px;
}

#press-entries{
	clear: both;
	font-size: .75em;
	line-height: 1.3;
	border-bottom: 1px solid #666;
}

#press-entries dt{
	float: left;
	width: 100px;
	color: #6f1319;
	font-weight: bold;
	padding: 2px 0;
}

#press-entries dd{
	margin-left: 100px;
	padding: 2px 0;
}

#press-pic{
	position: relative;
}

#press-pic img{
	position: absolute;
	top: 0;
	left: -137px;
}

#scrollarea-long h3{
	text-align: center;
	font-size: 1.5em;
	font-weight: normal;
	text-transform: uppercase;
	line-height: 1.2;
	margin: .2em 0 1em 0;
	color: #5f0009;
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
}


#scrollarea-long h4{
	font-size: .75em;
	color: #5f0009;
	padding: .8em 0 0 0;
}

#scrollarea-long p{
	padding: 0;
}

#scrollarea-long .presscontent p{
	padding-bottom: 1em;
}

#download-boxes{
	padding-bottom: 15px;
}

#download-boxes div{
	padding: 5px 0;
}

#download-boxes h5{
	font-size: .9em;
	line-height: 1.6;
	color: #781a20;
	font-weight: normal;
	padding-left: 30px;
	background: #b9b4a7 url('./img/content/minus.png') 6px 50% no-repeat;
	cursor: pointer;
}

#download-boxes h5.iconclosed{
	background-image: url('./img/content/plus.png');
}

#download-boxes ul{
	padding: 0 0 0 25px;
}

#download-boxes dl{
	font-size: .65em;
	line-height: 1.1;
	float: left;
	width: 125px;
	margin: 0 0 5px 5px;
}

#download-boxes dt{
	height: 91px;
	overflow: hidden;
}

#download-boxes dt img{
	display: block;
}

#download-boxes dd{
	padding-top: 2px;
}

/* Karriere ------------------------ */
#brauerei-karriere h3{
	background: url('/design/img/content/brauerei/karriere-title.png') top center no-repeat;
	height: 78px;
	margin-bottom: 10px;
	text-indent: -9999em;
}

#brauerei-karriere p{
	text-align: center;
	padding: 0 150px .8em 150px;
}


/* Geschichte ------------------------ */
#brauerei-geschichte{
	background: url('/design/img/content/brauerei/geschichte-intro-back.png') 50% 50% no-repeat;
}

#brauerei-geschichte h3{
	background: url('/design/img/content/brauerei/geschichte-title.png') top center no-repeat;
	height: 150px;
	margin-bottom: 20px;
	text-indent: -9999em;
}

#brauerei-geschichte p{
	text-align: center;
	padding: 0 180px .8em 180px;
}

dl.history-entry{
	font-size: .75em;
	line-height: 1.3;
	float: left;
	width: 190px;
	padding: 100px 180px 0 0;
	min-height: 225px;
}

dl.fullsize{
	float: none;
	padding: 100px 480px 0 50px;
	background: #ccc;
}



	dl.history-entry dt{
		height: 75px;
		text-indent: -9999em;
	}

	dl.history-entry dd{
		padding: 2px 3px;
	}

	/* Jahreszahlen + Bilder */
	dl#year-1861{
		background: url('./img/content/brauerei/geschichte/1861-img.png') no-repeat 90% 50%;
	}
	#year-1861 dt{
		background: url('./img/content/brauerei/geschichte/1861.png') no-repeat;
	}
	
	dl#year-1878{
		background: url('./img/content/brauerei/geschichte/1878-img.png') no-repeat 90% 50%;
	}
	#year-1878 dt{
		background: url('./img/content/brauerei/geschichte/1878.png') no-repeat;
	}
	
	dl#year-1888{
		background: url('./img/content/brauerei/geschichte/1888-img.png') no-repeat 90% 50%;
	}
	#year-1888 dt{
		background: url('./img/content/brauerei/geschichte/1888.png') no-repeat;
	}
	

	dl#year-1897{
		background: url('./img/content/brauerei/geschichte/1897-img.png') no-repeat 90% 50%;
	}
	#year-1897 dt{
		background: url('./img/content/brauerei/geschichte/1897.png') no-repeat;
	}

	dl#year-1900{
		background: url('./img/content/brauerei/geschichte/1900-img.png') no-repeat 80% 50%;
	}
	#year-1900 dt{
		background: url('./img/content/brauerei/geschichte/1900.png') no-repeat;
	}
	
	dl#year-1903{
		background: url('./img/content/brauerei/geschichte/1903-img.png') no-repeat 100% 50%;
	}
	#year-1903 dt{
		background: url('./img/content/brauerei/geschichte/1903.png') no-repeat;
	}

	dl#year-1971{
		background: url('./img/content/brauerei/geschichte/1971-img.png') no-repeat 60% 50%;
	}
	#year-1971 dt{
		background: url('./img/content/brauerei/geschichte/1971.png') no-repeat;
	}

	dl#year-1984{
		background: url('./img/content/brauerei/geschichte/1984-2-img.png') no-repeat 80% 50%;
	}
	#year-1984 dt{
		background: url('./img/content/brauerei/geschichte/1984.png') no-repeat;
	}

	dl#year-1996{
		background: none;
	}
	#year-1996 dt{
		background: url('./img/content/brauerei/geschichte/1996.png') no-repeat;
	}

	dl#year-2007{
		background: url('./img/content/brauerei/geschichte/2007-img.png') no-repeat 90% 50%;
	}
	#year-2007 dt{
		background: url('./img/content/brauerei/geschichte/2007.png') no-repeat;
	}
	
	dl#year-2010{
		background: url('./img/content/brauerei/geschichte/2010-img.png') no-repeat 100% 50%;
	}
	#year-2010 dt{
		background: url('./img/content/brauerei/geschichte/2010.png') no-repeat;
	}
	
	dl#year-2010 dd {
		width: 280px;
		}
	
	dl#year-2012{
		background: url('./img/content/brauerei/geschichte/2012-img.png') no-repeat 100% 90%;
	}
	#year-2012 dt{
		background: url('./img/content/brauerei/geschichte/2012.png') no-repeat;
		}
	
	dl#year-2012 dd {
		width: 220px;
		}

/*
--- Unsere Biere Inhalte ------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------
*/

.productpic{
	text-align: right;
	float: left;
	width: 200px;
	padding: 20px 25px 0 0;
}

.productpic img{
	display: block;
	margin-left: auto;
}

.productdesc{
	padding-top: 20px;
	margin-left: 250px;
}

/* Intro ------------------------ */
#biere-intro{
	background: url('/design/img/content/biere/intro-back.png') 98% 70% no-repeat;
}

#biere-intro h3{
	background: url('/design/img/content/biere/intro-title.png') top center no-repeat;
	height: 87px;
	margin-bottom: 20px;
	text-indent: -9999em;
}

#biere-intro p{
	text-align: center;
	padding: 0 220px .8em 220px;
}

#biere-intro ul{
	padding: 0 220px .8em 240px;
}


/* Dinkelacker ------------------------ */
#dinkelacker h3{
	background: url('/design/img/content/biere/dinkelacker-title.png') top center no-repeat;
	height: 98px;
	padding-bottom: 20px;
	text-indent: -9999em;
}

#dinkelacker p{
	text-align: center;
	padding: 0 30px .8em 30px;
}

/* Schwaben Bräu ------------------------ */
#schwabenbraeu h3{
	background: url('/design/img/content/biere/schwabenbraeu-title.png') top center no-repeat;
	height: 100px;
	padding-bottom: 20px;
	text-indent: -9999em;
}

#schwabenbraeu p{
	text-align: center;
	padding: 0 50px .8em 50px;
}


/* Sanwald ------------------------ */
#sanwald h3{
	background: url('/design/img/content/biere/sanwald-title.png') top center no-repeat;
	height: 123px;
	padding-bottom: 20px;
	text-indent: -9999em;
}

#sanwald p{
	text-align: center;
	padding: 0 50px .8em 50px;
}

/* Wulle ------------------------ */
#wulle h3{
	background: url('/design/img/content/biere/wulle-title.png') top center no-repeat;
	height: 160px;
	padding-bottom: 20px;
	text-indent: -9999em;
}

#wulle p{
	text-align: center;
	padding: 0 20px .8em 20px;
}

/* Cluss ------------------------ */
#cluss h3{
	background: url('/design/img/content/biere/cluss-title.png') top center no-repeat;
	height: 197px;
	padding-bottom: 20px;
	text-indent: -9999em;
}

#cluss p{
	text-align: center;
	padding: 0 40px .8em 40px;
}


/* Haigerlocher ------------------------ */
#haigerlocher h3{
	background: url('/design/img/content/biere/haigerlocher-title.png') top center no-repeat;
	height: 142px;
	padding-bottom: 20px;
	text-indent: -9999em;
}

#haigerlocher p{
	text-align: center;
	padding: 0 40px .8em 40px;
}


/* Siegel Kloster ------------------------ */
#sigelkloster h3{
	background: url('/design/img/content/biere/siegelkloster-title.png') top center no-repeat;
	height: 106px;
	padding-bottom: 20px;
	text-indent: -9999em;
}

#sigelkloster p{
	text-align: center;
	padding: 0 40px .8em 40px;
}

#dinkelacker p a,
#schwabenbraeu p a,
#sanwald p a,
#wulle p a,
#cluss p a
#haigerlocher p a
#sigelkloster p a{
	text-decoration: underline;
}

/*
--- Braugaststätte Inhalte ------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------
*/

/* Intro ------------------------ */
#braugast-intro{
	background: url('/design/img/content/braugast/intro-back.png') 100% 50% no-repeat;
}

#braugast-intro h3{
	background: url('/design/img/content/braugast/intro-title.png') top center no-repeat;
	height: 211px;
	margin: 20px 0;
	text-indent: -9999em;
}

#braugast-intro p{
	text-align: center;
	padding: 0 160px 1em 160px;
}

/* Kochkurs ------------------------ */

dl.kochkurs-entry{
	float: left;
	width: 50%;
	text-align: center;
	padding-top: 20px;
}

dl.kochkurs-entry dt{
	padding: 0 20px;
	font-size: 1.4em;
	line-height: 1.2;
	padding-bottom: 10px;
}

dl.kochkurs-entry dd{
	font-size: .75em;
	line-height: 1.3;
}

dl.kochkurs-entry dd img{
	display: block;
	margin: 0 auto;
	margin-bottom: 10px;
	border: 1px solid #801F20;
}

/* Wochen- und Speisekarte -------------------- */

#speise-newsletter{
	float: left;
	width: 520px;
}

#speise-aktlkarte{
	padding: 20px 30px 0 520px;
}

#braugast-karte{
	text-align: center;
}

#braugast-karte h3{
	background: url('/design/img/content/braugast/speisekarte/intro-title.png') top center no-repeat;
	height: 160px;
	margin: 20px 0;
	text-indent: -9999em;
}

#braugast-karte p{
	padding: 0 20px 15px 20px;
}

#braugast-karte p.karte-pic{
	padding-top: 60px;
}

#braugast-karte p.pdf-link{
	padding-left: 30px;
	background: url('./img/content/pdf-icon.png') 75px 0 no-repeat;
	line-height: 30px;
}

#braugast-karte ol{
	width: 370px;
	margin: 0 auto;
	font-size: .71em;
	line-height: 1.3;
	text-align: left;
	
}

#braugast-karte li{
	float: left;
	width: 200px;
	padding: 0 20px 10px 0;
}

#braugast-karte li.submitfield{
	width: 105px;
}

#braugast-karte li.fullsize{
	clear: both;
	float: none;
	width: auto;
}

#braugast-karte input{
	font-size: 1em;
	background: url('./img/form/form-back.png') no-repeat top right;
	width: 200px;
	padding: 4px 2px;
	text-align: center;
}

#braugast-karte input#submit{
	display: block;
	background: none;
	width: auto;
	padding: 0;
	margin-top: 1px;
}

#braugast-karte input#checkbox{
	background: none;
	width: auto;
	padding: 0;
	margin-right: 5px;
}

/*
--- Veranstaltungen Inhalte ------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------
*/

/* Intro ------------------------ */
#veranst-intro{
	background: url('/design/img/content/veranst/intro-back.png') 50% 50% no-repeat;
}

#veranst-intro h3{
	background: url('/design/img/content/veranst/intro-title.png') top center no-repeat;
	height: 220px;
	margin-bottom: 20px;
	text-indent: -9999em;
}

#veranst-intro p{
	text-align: center;
	padding: 0 220px 1em 220px;
}

/* Fasching ------------------------ */
#fasching{
	background: url('/design/img/content/veranst/fasching-back.png') 100% 50% no-repeat;
}

#fasching h3{
	background: url('/design/img/content/veranst/fasching-title.png') top center no-repeat;
	width: 422px;
	height: 189px;
	margin-bottom: 20px;
	text-indent: -9999em;
}

#fasching p{
	width: 422px;
	text-align: center;
}

/* Frühlingsfest ------------------------ */
#fruehlingsfest{
	background: url('/design/img/content/veranst/fruehlingsfest-back.png') 100% 50% no-repeat;
}

#fruehlingsfest h3{
	background: url('/design/img/content/veranst/fruehlingsfest-title.png') top center no-repeat;
	width: 422px;
	height: 204px;
	margin-bottom: 20px;
	text-indent: -9999em;
}

#fruehlingsfest p{
	width: 422px;
	text-align: center;
}

#fruehlingsfest ul{
	width: 250px;
	float: right;
	padding: 285px 50px 0 0;
	list-style-type: none;
}


/* Sommerfest ------------------------ */
#sommerfest{
	background: url('/design/img/content/veranst/sommerfest-back.png') 100% 50% no-repeat;
}

#sommerfest h3{
	background: url('/design/img/content/veranst/sommerfest-title.png') top center no-repeat;
	width: 422px;
	height: 205px;
	margin-bottom: 20px;
	text-indent: -9999em;
}

#sommerfest p{
	width: 422px;
	text-align: center;
}

#sommerfest ul{
	width: 250px;
	float: right;
	padding: 290px 50px 0 0;
	list-style-type: none;
}

/* Brauereifest ------------------------ */
#brauereifest{
	background: url('/design/img/content/veranst/braufest-back.png') 100% 50% no-repeat;
}

#brauereifest h3{
	background: url('/design/img/content/veranst/braufest-title-1.png') top center no-repeat;
	width: 422px;
	height: 100px;
	margin-bottom: 20px;
	text-indent: -9999em;
}

#brauereifest p{
	width: 422px;
	text-align: center;
}

#brauereifest ul{
	width: 250px;
	float: right;
	padding: 305px 50px 0 0;
	list-style-type: none;
}


/* Volksfest ------------------------ */
#volksfest{
	background: url('/design/img/content/veranst/volksfest-back.png') 100% 50% no-repeat;
}

#volksfest h3{
	background: url('/design/img/content/veranst/volksfest-title.png') top center no-repeat;
	width: 430px;
	height: 221px;
	margin-bottom: 10px;
	text-indent: -9999em;
}

#volksfest p{
	width: 430px;
}

#volksfest ul{
	width: 250px;
	float: right;
	padding: 255px 50px 0 0;
	list-style-type: none;
}


#fruehlingsfest ul a,
#sommerfest ul a,
#brauereifest ul a,
#volksfest ul a{
	text-decoration: underline;
}


/*
--- Shop Inhalte ------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------
*/

#shop-dinkelacker,
#shop-schwabenbraeu,
#shop-sanwald,
#shop-wulle{
	text-align: center;
}

#shop-dinkelacker h3,
#shop-schwabenbraeu h3,
#shop-sanwald h3,
#shop-wulle h3{
	text-indent: -9999em;
	height: 117px;
	padding-top: 60px;
	margin-bottom: 25px;
}

#shop-dinkelacker .productpic{
	padding-top: 55px;
}

#shop-dinkelacker h3{
	background: url('/design/img/content/shop/dinkelacker-title.png') 50% 100% no-repeat;
}

#shop-schwabenbraeu .productpic{
	padding-top: 75px;
}

#shop-schwabenbraeu h3{
	background: url('/design/img/content/shop/schwabenbraeu-title.png') 50% 100% no-repeat;
}

#shop-sanwald .productpic{
	padding-top: 90px;
}

#shop-sanwald h3{
	background: url('/design/img/content/shop/sanwald-title.png') 50% 100% no-repeat;
}


#shop-wulle .productpic{
	padding-top: 80px;
}

#shop-wulle h3{
	background: url('/design/img/content/shop/wulle-title.png') 50% 100% no-repeat;
}


/*
--- Impressum / Haftungsausschluss ----------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------
*/

#impressum{
	text-align: center;
	padding: 0 50px;
	height: 380px;
	overflow: auto;
}

#impressum h3{
	background: url('/design/img/content/impressum/impressum-title.png') top center no-repeat;
	height: 71px;
	margin-bottom: 10px;
	text-indent: -9999em;
}

#impressum h4{
	font-size: .75em;
	padding-bottom: .5em;
	line-height: 1.3;
}

#impressum p.half{
	width: 50%;
	float: left;
}

/*
--- Albverein -------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------
*/

#albverein{
	background: url('./img/content/albverein/albverein-back.png') 50% 100% no-repeat;
	text-align: center;
	padding: 0 50px;
	height: 380px;
	overflow: auto;
}


#albverein h3{
	background: url('./img/content/albverein/albverein-title.png') top center no-repeat;
	height: 97px;
	margin-bottom: 30px;
	text-indent: -9999em;
}






/*
--- Kontakt ---------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------
*/

#kontakt h3{
	background: url('/design/img/content/kontakt/kontakt-title.png') top center no-repeat;
	height: 71px;
	margin-bottom: 20px;
	text-indent: -9999em;
}


#kontakt-address{
	float: left;
	width: 220px;
	padding-left: 220px;
}

#kontakt-form{
	margin-left: 440px;
}

#kontakt address{
	font-size: .75em;
	line-height: 1.3;
	padding-bottom: 1em;
	font-style: normal;
}

#kontakt p.pdf-link{
	padding-left: 32px;
	background: url('./img/content/pdf-icon.png') no-repeat 0 0;
	line-height: 30px;
}

#kontakt ol{
	font-size: .75em;
	line-height: 1.3;
}

#kontakt li{
	padding: 5px 0;
}

#kontakt input,
#kontakt textarea,
#kontakt select{
	font-size: 1em;
	background: url('./img/form/form-back.png') no-repeat top right;
	width: 200px;
	padding: 4px;
}

#kontakt select{
	width: 208px;
	padding-left: 2px;
}

#kontakt input#submit{
	background: none;
	width: auto;
	padding: 0;
}

/*
--- Sitemap ---------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------
*/

#sitemap{
	padding-top: 20px;
}

#sitemap img{
	display: block;
	margin: 0 auto;
}

/*
--- Footer ----------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------
*/

#footer{
	color: #573C30;
	text-align: center;
	font-size: .75em;
	line-height: 1.2;
	text-transform: uppercase;
	padding-top: 6px;
}

#footer li{
	display: inline;
	padding: 0 6px 0 5px;
	border-right: 1px solid #573C30;
}

#footer li#foot-home{
	padding-left: 13px;
	background: url('./img/footer/home-icon.png') no-repeat 0 .1em;
}

#footer li#foot-last{
	border: 0 none;
}

#footer a{
	color: #573C30;
	text-decoration: none;
}

#footer a:hover{
	color: #BDAC46;
}

/*
--- CSS Autoclear ---------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------
*/
#nav ul:after,
.item:after,
.scrollcontent:after,
#press-entries:after,
#download-boxes div:after,
#braugast-karte ol:after{
	content: ".";display: block;height: 0;clear: both;visibility: hidden;
}

/* Debugbox */
pre#debug{
	padding: 10px;
	margin: 20px 10px;
	border: 1px solid #777;
	background: #ACD6FF;
	font-size: 12px;
	color: #444;
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	
	-moz-box-shadow: #999 2px 2px 2px 0;
	-webkit-box-shadow: 2px 2px 2px #999;
}

/*
--- CSS jScrollPane -------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------
*/

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #aaa;
}
.jScrollPaneDrag {
	position: absolute;
	background: #700C05;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}



/* End of file master.css */