/* 
##############################
Seiteneigenschaften
##############################
*/

body {
	margin:0px;
	padding:0px;
	background:#EFBC01 url(../images/bg.jpg);
	color:#333;
	font-family:arial,sans-serif;
	font-size:12px;
	text-align:center;
	}

/* Hilfscontainer fuer Hintergrundbild "Bierkrone" */
	
#bgtop {
	background:url(../images/bg_top.jpg) repeat-x;
	min-height:100px;
	}

/*
##############################
Stage zur Ausrichtung der kompletten Seite
##############################
*/	

#stage {
	position:relative;
	width:800px;
	margin:0px auto 10px;
	padding:25px 0px 30px;
	text-align:left;
	}

/*
##############################
Navigation (linke Spalte)
##############################
*/

#nav {
	position:absolute;
	top:40px;
	left:1px;
	z-index:200;
	width:178px;
	}
	
/* Logo */

#logo {
	position:absolute;
	top:0px;
	left:0px;
	width:200px;
	}

/* Hauptnavigation */

#mainnav {
	border-top:1px solid #bf9601;
	border-bottom:1px solid #fff;
	margin:130px 0px 0px;
	padding:0px;
	}
	
#mainnav li {
	display:inline;
	margin:0px;
	padding:0px;
	}	
	
#mainnav a {
	display:block;
	width:100%;
	border-top:1px solid #fff;
	border-bottom:1px solid #bf9601;
	color:#333;
	text-decoration:none;
	}
	
#mainnav li.active a {
	font-weight:bold;
	background:url(../images/mainnav_btn_active.gif) repeat-y !important;
	}
	
#mainnav li a:hover {
	background:url(../images/mainnav_btn_hover.gif) repeat-y ;
	}

#mainnav li a span {
	display:block;
	padding:5px 10px;
	}	

/*
##############################
Inhaltsbereich
##############################
*/

#content {
	width:622px;
	float:right;
	}

#content #headerbild {
	padding-top:5px;
	padding-bottom:15px;
	}
	
#content h1 {
	margin:.5em 0em ;
	padding:0em;
	csolor:#4D3E00;
	font-family:georgia,serif;
	font-weight:normal;
	font-size:160%;
	}
	
/* Wrapper fuer Zweispaltigkeit und abgerundete Ecken */

#wrapper-top {
	height:15px;
	background:url(../images/wrapper_top.gif) no-repeat;
	}
	
#wrapper-bottom {
	height:15px;
	background:url(../images/wrapper_bottom.gif) no-repeat;
	}
	
#wrapper-main {
	position:relative;
	padding:0px 21px;
	background:#fff url(../images/wrapper_bg.gif) repeat-y;
	height:450px;
	}
	
html>body #wrapper-main {
	min-height:450px;
	height:auto;
	}

/* Hauptbereich (Fliesstext) */

#main {
	position:relative;
	float:left;
	width:380px;
	overflow:hidden;
	margin:0px;
	}
	
#main ul {
	margin:1.5em 0em;
	padding:0em;
	width:100%;
	list-style:none;
	}
	
#main ul li {
	margin:0px;
	padding:.2em 0em .2em 15px;
	background:url(../images/list_dot.gif) no-repeat 0em .5em;
	}

#main a {
	color:#3B5671;
	font-weight:bold;
	text-decoration:underline;
	}
#main a:hover { 
	color:#inherit;
	text-decoration:underline;
	}

/* Zweite Spalte (Zusatzinfos etc.) */
	
#sub {
	float:right;
	width:170px;
	font-size:11px;
	}

#sub .box {
	padding:10px;
	background:#fff;
	background:url(../images/box_bg.jpg) no-repeat left top;
	margin-bottom:10px;
	}

#sub h3 {
	font-size:11px;
	margin:0px 0px 5px;
	}
	
#sub a {
	color:#000;
	}
	
/*
##############################
Footer
##############################
*/

#footer {
	border-top:1px dotted #ccc;
	text-align:center;
	clear:both;
	margin-top:10px;
	padding:10px 0px 0px;
	font-size:90%;
	color:#666;
	}
	
#footer a {
	font-weight:bold;
	color:#666;
	}	
	
#footer a:hover {
	text-decoration:underline;
	}
	
/*
##############################
Zusaetzliche Klassen
##############################
*/
	
.breaker {
	height:0px;
	clear:both;
	overflow:hidden;
	}

p.error {
	padding:10px 10px 10px 35px;
	font-size:90%;
	border-top:1px dotted #ccc;
	border-bottom:1px dotted #ccc;
	color:#b00;
	font-weight:bold;
	background:#f8f8f8 url(../images/error.gif) no-repeat 10px 10px;
	}

.error {
	color:#b00;
	font-weight:bold;
	}

/*
##############################
Besondere Elemente
##############################
*/

/* Veranstaltungen */

#veranstaltungen {
	width:100%;
	}

#veranstaltungen .entry {
	border-top:1px dotted #ccc;
	padding:10px 0px;
	}
	
#veranstaltungen .entry h4 {
	margin:0px;
	padding:2px;
	font-weight:normal;
	}

#veranstaltungen .entry p {
	margin:0px;
	padding:2px;
	}
	
/* Fotosektion */

#fotosektion .entry {
	float:left;
	padding:10px;
	}
	
#fotosektion .entry img {
	padding:2px;
	border:1px solid #ccc;
	}
	
/* Gaestebuch */

#gaestebuch {
	width:100%;
	}

#gaestebuch .entry {
	border-top:1px dotted #ccc;
	padding:10px 0px;
	}
	
#gaestebuch .entry h4 {
	margin:0px;
	padding:2px 2px 2px 20px;
	background:url(../images/comment.gif) no-repeat left;
	font-weight:normal;
	}

#gaestebuch .entry .date {
	text-transform:uppercase;
	font-weight:bold
	}
	
#gaestebuch .entry p {
	margin:0px;
	padding:2px;
	}
	
/* Gaestebuch-Formular */

#gaestebuch_form {
	}

#gaestebuch_form label {
	font-weight:bold;
	}
	
#gaestebuch_form #formdata_name, #gaestebuch_form #formdata_email, #gaestebuch_form #formdata_homepage, #gaestebuch_form #formdata_nachricht {
	width:250px;
	}
	
#gaestebuch_form span.error {
	display:block;
	font-size:90%;
	}

/* Kontakt-Formular */

#kontakt_form {
	}

#kontakt_form label {
	font-weight:bold;
	}
	
#kontakt_form #formdata_name, #kontakt_form #formdata_email, #kontakt_form #formdata_nachricht {
	width:250px;
	}
	
#kontakt_form span.error {
	display:block;
	font-size:90%;
	}