/* 
		project 		: www.bierhaehne.com
		project start	: 18.04.2006
		
		author			: blumbeet - web.studio
						: www.blumbeet.com
						
						
		
		last change		: 07.07.2006
			 by 		: 
			 
		
		
		colors
			yellow		: #dfc836
						
		
*/
/* Reset all */
* {
	padding: 0;
	margin: 0;
	border: 0;
}

div, p, span, a {
	background-repeat:no-repeat;
}

/* Allgemeines */
body {
	background:#000;
	color:#fff;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 62.5%;
	line-height: 1.6em;
}

a, a:link {
	color:#dfc836;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

ul, ol {
	list-style-position:outside;
	list-style-type:none;
}

pre, code {
	font-size:1.4em;
}

/* Links- bzw. Rechtsausrichtung fuer Elemente */
.flleft {
	float: left;
	margin: 0 10px 0 0;
}

.flright {
	float: right;
	margin: 0 0 0 10px;
}

ul.distLeft {
	margin-left:64px;
}
.clearer {
	display:block;
	clear:both;
	line-height:0;
	height:1px;
	font-size:0;
	visibility:hidden;
}

.clear {
	clear:both;
}

.error {
	color:#f00;
}

h1 {
	padding-left:44px;
	font: normal 3.5em/1 serif;
	color:#dfc836;
	color:#fff;
}

h2 {
	margin:1em 0;
	font: normal 1.8em/1 Verdana, Helvetica, Arial, sans-serif;
	color:#dfc836;
}

h3 {
	margin:1em 0;
	font: bold 1.6em/1.5 Verdana, Helvetica, Arial, sans-serif;
}

h4 {
	font: bold 1.3em/1.5 Helvetica, Arial, Verdana, sans-serif;
}


#content p, 
#content ul, 
#content table, 
.form-box legend {
	padding-bottom:1em;
	font-size:1.2em;
	line-height:1.6em;
}
#content p.image {
	padding-bottom:0;
	line-height:1em;
}

#content p.toplink, 
#footer p {
	clear:both;
	font-size:1.1em;
}
#content p.toplink {
	text-align:right;
}

/*	Page Structure *************************************************************
*******************************************************************************/

#website {
	width:960px;
}
#page-1 #website {
	position: relative;
	width:980px;
}

#header {
	position:relative;
	height:234px;
	background:#000 url(bg_hdr.jpg) 0% 0% no-repeat;
}

#page-1 #header {
	height:354px;
	background:#000 url(bg_hdr_sp.jpg) 0% 0% no-repeat;
}

#wrapper {
	float:left;
	width:100%;
	background:#000 url(chg_hellfried1.jpg) 97% 100% no-repeat;
}

#page-14 #wrapper {
	background:#000 url(chg_hjuerschen1.jpg) 97% 100% no-repeat;
}

#page-15 #wrapper {
	background:#000 url(chg_hol_hju1.jpg) 97% 100% no-repeat;
}

#page-6 #wrapper {
	background:#000 url(chg_hellfried2.jpg) 97% 100% no-repeat;
}

#page-7 #wrapper {
	background:#000 url(chg_hol_hju2.jpg) 97% 100% no-repeat;
}
/*
#page-68 #wrapper {
	background-image: url(chg_harry_aubacke.jpg);
	background-position: 100% 100%;
}
*/

#wrapper #content {
	position:relative;
	width:770px;
	width:960px;
	background-image:url(bg_cnt.jpg);
	background-position:0% 0%;
}

#page-1 #wrapper #content {
	background-image:url(bg_cnt_sp.jpg);
	background-position:0% 0%;
}

#content #article {
	padding:90px 190px 0 196px;
	height:400px;
	background-image:url(bg_atc.png);
	background-position:100% 0%;
	/*
	background-image:url(bg_hotline.png);
	background-position:0% 0%;
	*/
} 

html>body #content #article {
	height:auto;
	min-height:400px;
}

#page-1 #content #article {
	padding:0 0 0 5px;
	background:none;
} 


/*	width-Angabe fuer IE */
#footer {
	clear:both;
	float:left;
	width:100%;
	background:#000;
	border-top:1px solid #dfc836;
	color:#dfc836;
}
#footer2 {
	padding:3px 10px;
}



/*	Header *********************************************************************
*******************************************************************************/
#logo {
	padding-top:7px;
	text-indent:-1000em;
}

#logo a {
	display:block;
	width:230px;
	height:55px;
}

#news-navi {
	position:absolute;
	top:210px;
	left:756px;
	
	top:70px;
	left:790px;
}
#news-navi h3 {
	margin:0 0 15px 0;
	color:000;
	font-size:1.3em;
}
#news-navi h3, 
#news-navi dl, 
#news-navi dl a {
	color:#000;
	text-align:center;
}
#news-navi dl {
	font-size:1.1em;
	line-height:1;
}
#news-navi dl dt {
	font-weight:bold;
}
#news-navi dl dd {
	margin:0 0 10px 10px;
}

/*	Navigation *****************************************************************
*******************************************************************************/
#navi {
	position:absolute;
	top:5px;
	left:240px;
	width:530px;
	height:50px;
	
	width: auto;
}
#page-1 #navi {
	position:absolute;
	top:0px;
	left:600px;
	width:170px;
	height:auto;
}

#navi ul {
}

#navi li {
	display:block;
	float:left;
}

#navi li ul {
	position:absolute;
	left:0px;
	top:35px;
	width:530px;
	
	width: 100%;
}

#navi li a {
	display:inline;
	float:left;
	margin-right:13px;
	height:30px;
	background:#000 url(bg_nav.png) 0px 0px no-repeat;
	text-indent:-1000em;
	text-decoration:none;
}

#page-1 #navi li, 
#page-1 #navi li a {
	float:none;
	display:block;
}


#navi li li a {
	margin-right:8px;
	height:30px;
}

/*	Aktuell --------------------------------------------------------------------
------------------------------------------------------------------------------*/
#navi li#nav1 a {
	width:85px;
	background-position:0px 0px;
}
#navi li#nav1 a:hover, 
#navi li#nav1 a.current {
	background-position:-200px 0px;
}


/*	Bierhaehne -----------------------------------------------------------------
------------------------------------------------------------------------------*/
#navi li#nav2 a {
	width:144px;
	background-position:0px -50px;
}
#navi li#nav2 a:hover, 
#navi li#nav2 a.current {
	background-position:-200px -50px;
}

#navi li#nav2 ul {
	padding-left:80px;
}

#navi li#nav2 li a {
	background:#000 url(bg_nav_brhh.png) 0px 0px no-repeat;
}

		/*	Neuigkeiten ------------------------------------------------------*/
#navi li#nav2 li#nav229 a {
	width:110px;
	background-position:0px 0px;
}
#navi li#nav2 li#nav229 a:hover, 
#navi li#nav2 li#nav229 a.current {
	background-position:-200px 0px;
}

		/*	Geschichte -------------------------------------------------------*/
#navi li#nav2 li#nav214 a {
	width:100px;
	background-position:0px -50px;
}
#navi li#nav2 li#nav214 a:hover, 
#navi li#nav2 li#nav214 a.current {
	background-position:-200px -50px;
}

		/*	Personen ---------------------------------------------------------*/
#navi li#nav2 li#nav215 a {
	width:90px;
	background-position:0px -100px;
}
#navi li#nav2 li#nav215 a:hover, 
#navi li#nav2 li#nav215 a.current {
	background-position:-200px -100px;
}

		/*	Presse -----------------------------------------------------------*/
#navi li#nav2 li#nav222 a {
	width:66px;
	background-position:0px -150px;
}
#navi li#nav2 li#nav222 a:hover, 
#navi li#nav2 li#nav222 a.current {
	background-position:-200px -150px;
}


/*	Theater --------------------------------------------------------------------
------------------------------------------------------------------------------*/
#navi li#nav3 a {
	width:82px;
	background-position:0px -100px;
}
#navi li#nav3 a:hover, 
#navi li#nav3 a.current {
	background-position:-200px -100px;
}

#navi li#nav3 ul {
	padding-left:25px;
}

#navi li#nav3 li a {
	background:#000 url(bg_nav_thtr.png) 0px 0px no-repeat;
}

		/*	Stuecke -----------------------------------------------------------*/
#navi li#nav3 li#nav36 a {
	width:67px;
	background-position:0px 0px;
}
#navi li#nav3 li#nav36 a:hover, 
#navi li#nav3 li#nav36 a.current {
	background-position:-200px 0px;
}

		/*	Spielstaetten ----------------------------------------------------*/
#navi li#nav3 li#nav37 a {
	width:114px;
	background-position:0px -50px;
}
#navi li#nav3 li#nav37 a:hover, 
#navi li#nav3 li#nav37 a.current {
	background-position:-200px -50px;
}

		/*	Spielplan/Tickets ------------------------------------------------*/
#navi li#nav3 li#nav38 a {
	width:165px;
	background-position:0px -100px;
}
#navi li#nav3 li#nav38 a:hover, 
#navi li#nav3 li#nav38 a.current {
	background-position:-200px -100px;
}


/*	Infos ----------------------------------------------------------------------
------------------------------------------------------------------------------*/
#navi li#nav4 a {
	width:60px;
	background-position:0px -150px;
}
#navi li#nav4 a:hover, 
#navi li#nav4 a.current {
	background-position:-200px -150px;
}

#navi li#nav4 ul {
	padding-left:80px;
}

#navi li#nav4 li a {
	background:#000 url(bg_nav_infs.png) 0px 0px no-repeat;
}

		/*	Uebernachtungen --------------------------------------------------*/
#navi li#nav4 li#nav41 a {
	width:150px;
	background-position:0px 0px;
}
#navi li#nav4 li#nav41 a:hover, 
#navi li#nav4 li#nav41 a.current {
	background-position:-200px 0px;
}

		/*	Anfahrt ----------------------------------------------------------*/
#navi li#nav4 li#nav410 a {
	width:75px;
	background-position:0px -50px;
}
#navi li#nav4 li#nav410 a:hover, 
#navi li#nav4 li#nav410 a.current {
	background-position:-200px -50px;
}

		/*	Gutschein --------------------------------------------------------*/
#navi li#nav4 li#nav411 a {
	width:92px;
	background-position:0px -100px;
}
#navi li#nav4 li#nav411 a:hover, 
#navi li#nav4 li#nav411 a.current {
	background-position:-200px -100px;
}

		/*	Presse -----------------------------------------------------------*/
#navi li#nav4 li#nav412 a {
	width:64px;
	background-position:0px -150px;
}
#navi li#nav4 li#nav412 a:hover, 
#navi li#nav4 li#nav412 a.current {
	background-position:-200px -150px;
}


/*	Shop -----------------------------------------------------------------------
------------------------------------------------------------------------------*/
#navi li#nav19 a {
	width:54px;
	background-position:0px -150px;
}
#navi li#nav19 a:hover,  
#navi li#nav19 a.current {
	background-position:-200px -150px;
}


/*	Kontakt --------------------------------------------------------------------
------------------------------------------------------------------------------*/
#navi li#nav5 a {
	width:86px;
	background-position:0px -200px;
}
#navi li#nav5 a:hover,  
#navi li#nav5 a.current {
	background-position:-200px -200px;
}

#navi li#nav5 ul {
	padding-left:80px;
}

#navi li#nav5 li a {
	background:#000 url(bg_nav_cntc.png) 0px 0px no-repeat;
}

		/*	Formular ---------------------------------------------------------*/
#navi li#nav5 li#nav516 a {
	width:165px;
	background-position:0px 0px;
}
#navi li#nav5 li#nav516 a:hover, 
#navi li#nav5 li#nav516 a.current {
	background-position:-200px 0px;
}

		/*	Impressum --------------------------------------------------------*/
#navi li#nav5 li#nav517 a {
	width:104px;
	background-position:0px -50px;
}
#navi li#nav5 li#nav517 a:hover, 
#navi li#nav5 li#nav517 a.current {
	background-position:-200px -50px;
}

		/*	Gaestebuch -------------------------------------------------------*/
		
#navi li#nav5 li#nav518 a {
	width:100px;
	background-position:0px -100px;
}
#navi li#nav5 li#nav518 a:hover, 
#navi li#nav5 li#nav518 a.current {
	background-position:-200px -100px;
}


/*	Gaestebuch -----------------------------------------------------------------
------------------------------------------------------------------------------*/
		
#navi li#nav18 a {
	margin-right:0;
	width:120px;
	background-position:0px -250px;
}
#navi li#nav18 a:hover, 
#navi li#nav18 a.current {
	background-position:-200px -250px;
}

#navi li#nav18 ul {
	padding-left:200px;
}

#navi li#nav18 li a {
	background:#000 url(bg_nav_gustbk.png) 0px 0px no-repeat;
}

		/*	Gaestebuch ansehen -----------------------------------------------*/
		
#navi li#nav18 li#nav1868 a {
	width:180px;
	background-position:0px 0px;
}
#navi li#nav18 li#nav1868 a:hover, 
#navi li#nav18 li#nav1868 a.current {
	background-position:-200px 0px;
}

		/*	Gaestebuch eintragen ---------------------------------------------*/
		
#navi li#nav18 li#nav1869 a {
	width:200px;
	background-position:0px -50px;
}
#navi li#nav18 li#nav1869 a:hover, 
#navi li#nav18 li#nav1869 a.current {
	background-position:-200px -50px;
}



/*	page-1 specific ************************************************************
*******************************************************************************/

#page-1 #box-premiere {
	float:left;
	margin:20px 6px 20px 0;
	margin:0;
	width:282px;
	width:472px;
}
#page-1 #box-today, 
#page-1 #box-today2 {
	float:left;
	margin:160px 6px 160px 0;
	margin:180px 6px 20px 0;
	width:234px;
	width:472px;
}
#page-1 .box-v1 {
	float:left;
	margin:180px 6px 20px 0;
	width:472px;
}
#page-1 #box-soon {
	float:left;
	margin:194px 0;
	margin:20px 6px 20px 0;
	width:234px;
	width:264px;
}

#page-1 .box h2 {
	margin:0;
	height:40px;
	background-image:url(fonts.png);
	background-repeat:no-repeat;
	text-indent:-1000em;
}

#page-1 #box-premiere h2 {
	background-position: 0px -100px;
}

#page-1 #box-today h2 {
	background-position: 0px 0px;
}

#page-1 #box-today2 h2 {
	background-position: 0px -150px;
}

#page-1 #box-soon h2 {
	background-position: 0px -50px;
	background-position: 0px -250px;
}
#page-1 .box-v1 h2.font-neuigkeiten {
	background-position: 0px -200px;
}

#page-1 .box-cont h3 {
	margin:0;
	font-size:1.2em;
}
#page-1 .box-v1 .box-cont h3 {
	margin-bottom: 10px;
}

#page-1 .box-cont {
	background:#dfc836 url(bg_box.gif) 0% 0% repeat-y;
	color:#000;
}
#page-1 .box-v1 .box-cont {
	margin-bottom: 20px;
}

#page-1 .box-cont2 {
	padding:10px 30px;
	background-image:url(bg_box.gif);
	background-position:100% 0%;
	background-repeat:repeat-y;
	color:#000;
}

#page-1 .box-cont p span, 
#page-1 .box-cont p a.more {
	padding:2px;
	background:#000;
	font-weight:bold;
}

#page-1 .box-cont p.date {
	margin-bottom:1em;
	border-bottom:1px solid #000;
}
#page-1 .box-v1 .box-cont p.date {
	padding-bottom: .5em;
	font-weight: bold;
}


/*	Content ********************************************************************
*******************************************************************************/
#content p span {
	color:#dfc836;
}
#page-7 #content p.flright img, 
#page-21 #content p.flright img, 
#content img.border {
	margin-right:20px;
	padding:2px;
	background:#5b5000;
	border:2px solid #dfc836;
}

#content ul {
	list-style-type:square;
}

#content table {
	width:100%;
	color:#000;
}

#content tfoot {
	color:#999;
}

#content tbody tr:hover td {
	background:#dfc836;
}

#content th, 
#content td {
	padding:2px;
	vertical-align:top;
}

#content th {
	background:#dfc836;
	color:#000;
	text-align:left;
}

#content th.c1 {
	width:30px;
}

#content th.c2 {
	width:50px;
}

#content th.c3 {
	width:100px;
}

#content th.c5 {
	width:46px;
}

#content th.c6 {
	width:110px;
}

#content td a {
	color:#090;
	font-weight:bold;
}

#content #special-area {
	position:absolute;
	top:0;
	left:0;
	width:82px;
	height:330px;
	text-indent:-1000em;
}
#content #special-area a {
	display:block;
	width:120px;
	height:480px;
}
#page-1 #content #special-area {
	display:none;
}


div.news-teaser {
	clear:both;
}
div.news-teaser2 {
	margin-top:1em;
	padding-top:1em;
	border-top:5px solid #5b5000;
}

/*	Form ***********************************************************************
*******************************************************************************/
.form-box fieldset {
	margin-bottom:2em;
	padding:10px;
	background:#5b5000;
	border:1px solid #dfc836;
}

.form-box legend {
	padding:3px;
	background:#dfc836;
	border:1px solid #dfc836;
	color:#000;
	font-weight:bold;
}

.form-box label {
	clear:left;
	display:block;
	float:left;
	width:170px;
}
.form-box label#lcheckbox {
	clear:none;
	display:inline;
	float:none;
	width:auto;
}

.form-box label.warning {
	color:#f00;
	font-weight:bold;
}

.form-box input,  
.form-box select {
	width:330px;
}
.form-box input#gbook_c {
	width:auto;
}

.form-box input {
	padding:2px;
}

.form-box input.fsubmit {
	margin-left:170px;
}

.form-box textarea {
	width:100%;
	height:100px;
}

.form-box input.warning, 
.form-box textarea.warning {
	background-image:url(icon-error.png);
	background-position:99% 30%;
	background-repeat:no-repeat;
	border:1px solid #f00;
}
.form-box textarea.warning {
	background-position:99% 2%;
}

#content .form-box span {
	color:#fff;
	font-weight:bold;
}



/*	Error Box ******************************************************************
*******************************************************************************/
.error-box {
	margin-top:20px;
	padding:5px;
	background-color:#5b5000;
	border:1px solid #dfc836;
	border-top-width:5px;
}
.error-box h2 {
	color:#f00;
}


/*	Guestbook ******************************************************************
*******************************************************************************/
.pagination {
	display:block;
	margin:1em 0;
	font-size:1.2em;
	text-align:right;
}
.pagination a {
	margin-left: 5px;
}
.entry {
	clear:both;
	border:1px solid #dfc836;
	border-top-width:5px;
	margin-bottom:20px;
}
.entry .entry-head p, 
.entry .entry-message {
	padding:5px 10px;
}
.entry .entry-head {
	float:left;
	width:100%;
	background:#5b5000;
	border-bottom:1px solid #dfc836;
}
.entry .entry-message {
	clear:both;
}
.reply {
	height: 130px;
	background-image: url(gstbk_reply.jpg);
	background-position: 100% 0px;
}
html>body .reply {
	height: auto;
	min-height: 130px;
}



/*	Footer ********************************************************************
*******************************************************************************/
#footer li {
	display:inline;
	font-size:1.2em;
}


div#extra {
	position: absolute;
	top: 340px;
	left: 680px;
	width: 347px;
	height: 347px;
	background-image: url(/files/chaos_im_rathaus_bierdeckel.png);
}
div#extra a {
	display: block;
	width: 347px;
	height: 347px;
	text-indent: -1000em;
}

p#link-plakat {
	position: absolute;
	top: 35px;
	left: 739px;
}
p#link-plakat a {
	display: block;
	width: 230px;
	height: 285px;
	text-indent: -1000em;
}