/*

*************** About  ***************
Site:                  Der-Grosch.de
Type:                  Master-CSS
Version:               1.0
Date:                  04.12.2010

*/




/* 
*************** Body    *************** 
*/
/* Basics */
html {
/* IE Horizontal scrollbar fix */
overflow-y: scroll;
/* force scrollbars in moz */
height: 100%;
margin-bottom: 1px;
}


body {
background:            #edebe3 url(images/back.gif) repeat-x;
color:                 #333;
font-family:            Verdana, Arial, Serif;
line-height:            1.5em;
font-size:              10px; /* WindoofIE5 */
voice-family:           "\"}\"";
voice-family:           inherit;
font-size:              10px; /* easyscale */
font-size:              0.76em;
margin:                 0;
text-align:             center;
}

/* Menu */
body#start a#startnav {
background:               transparent url("images/navbar-mo-start.jpg") top no-repeat;
text-decoration: underline;
}

body#aktuelles a#aktuellesnav, body#hotel a#hotelnav, body#gasthof a#gasthofnav, body#brauerei a#brauereinav, body#angebote a#angebotenav {
background:               transparent url("images/navbar-mo.jpg") top no-repeat;
text-decoration: underline;
}

p, li {
margin:                 0.5em 0 0.7em;
line-height:            1.5em;
}


a, a:visited {
	color: #d2001c;
	text-decoration: underline;
	}
	
a:hover{
	color: #d2001c;
	background: none;
	text-decoration: none;
	}
	a img {
border:                 none;
}

.alignright {
text-align:               right;
float:                    right;
}
.alignleft {
text-align:               left;
float:                    left;
}
.aligncenter {
text-align:               center;
}

#content .alignright {
margin: 0 0 8px 8px;
text-align:               right;
float:                    right;
}
#content .alignleft {
margin: 0 8px 8px 0;
text-align:               left;
float:                    left;
}
#content .aligncenter {
margin: 0 8px 8px 8px;
text-align:               center;
}


.hide {
display: none;
}

.clear {
clear: both;
}

/* 
*************** Typo    *************** 
*/
h1,h2,h3,h4,h5,h6 {
margin:                0;
padding:               0;
font-weight:           normal;
}

h2 {
line-height:           1.3em;
}

h3 {
line-height:           1.1em;
margin:                20px 0 0 0;
}

h3 a {
text-decoration: none;
}

h2 a, h2 a:visited {
	color: #222;
	font-weight:           normal;
	text-decoration: underline;
}

h2 a:hover {
text-decoration: none;
}

.small {
font-size: 0.9em;
}

blockquote{
	margin: 0 0 10px 25px;
	padding: 0 25px 0 10px;
	font-style: italic;
	color: #666;
	border-left: 3px solid #ccc;
	}


/* Forms */
form {
padding:                 0;
margin:                  0;
}
.textfeld, .passwort {
padding:                 3px;
width:                   250px;
margin:                  5px 10px 0 0;
border:                  1px solid #b8b6a0;
}

.textfeldkurz {
padding:                 3px;
width:                   120px;
margin:                  5px 10px 0 0;
border:                  1px solid #b8b6a0;
}

textarea {
padding:                 3px;
width:                   500px;
margin:                  5px 0 0 0;
border:                  1px solid #b8b6a0;
}

.select {
padding:                 3px;
width:                   258px;
margin:                  5px 10px 0 0;
border:                  1px solid #b8b6a0;
}

.submit {
padding:                 2px 5px;
margin:                  20px 0 0 0;
border:                  1px solid #b8b6a0;
background:              #b8b6a0;
color:                   #fff;
}

div.button {
height:23px;
background:url(images/bg_button_right.gif) right no-repeat;
width:auto;
float:left;
}
div.button input {
height:23px;
background:url(images/bg_button_left.gif) left  no-repeat;
color:#ffffff;
font-weight:bold;
border:none;
overflow:visible;
display:inline;
margin:0px;
padding:0px 4px 2px 4px;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}


.check {
padding: 0;
margin: 0 10px 0 0;
}
.radio {
padding: 0;
margin: 0 20px 0 0;
}

legend {
color: #333;
padding: 0;
margin: 0 0 3px 0;
font-weight: bold;
}
fieldset {
padding: 0;
margin: 0;
border: none;
}

.fl {
text-align: left;
float: left;
width:                   110px;
}

.fll {
text-align: left;
float: left;
width:                   230px;
}

.fr {
text-align: left;
float: left;
}

.fro {
width:                   200px;
font-size: 0.9em;
text-align: left;
float: left;
}

.frol {
width:                   480px;
font-size: 0.9em;
text-align: left;
float: left;
}

.fl p, .fr p, .fro p, .frol p, .fll p {
margin: 0;
padding: 0;
}

.under {
text-decoration: underline;
}

.star {
color: red;
}

/* IMG-Attribute */

/* Rahmen */
.rahmen {
padding: 3px;
border: 1px solid #b8b6a0;
background: #fff;
}
.rahmen-right  {
padding: 3px;
border: 1px solid #b8b6a0;
background: #fff;
margin: 0 0 0 8px;
}
.rahmen-left {
padding: 3px;
border: 1px solid #b8b6a0;
background: #fff;
margin: 0 8px 0 0;
}
/* Rahmen end */

/* Rahmen mit Beschreibung */
.imgdescright {
background: #f1f0e9;
	padding: 0;
	margin: 0 0 8px 12px;
text-align:               left;
float: right;
display: block;
}
#content .imgdescright p {
	padding: 0;
	margin: 7px;
	font-size: 0.9em;
	line-height:            1.4em;
}
.imgdescright img {
padding: 3px;
border: 1px solid #b8b6a0;
background: #fff;
	margin: 0;
}

.imgdescleft {
background: #f1f0e9;
	padding: 0;
	margin: 0 12px 8px 0;
text-align:               left;
float: left;
display: block;
}
#content .imgdescleft p {
	padding: 0;
	margin: 7px;
	font-size: 0.9em;
	line-height:            1.4em;
}
.imgdescleft img {
padding: 3px;
border: 1px solid #b8b6a0;
background: #fff;
	margin: 0;
}
/* Rahmen mit Beschreibung end */

#alertcontainer {
background:             transparent;
width:                  660px;
margin:                 0 0 20px 0;
padding:                0;
float:                  left;
clear: both;
}
.alert_success {
background:             #cfc;
border-top:             2px solid #9f9;
border-bottom:          2px solid #9f9;
text-align:             center;
margin:                 0;
padding:                5px 20px;
}
.alert_error {
background:             #fcc;
border-top:             2px solid #f99;
border-bottom:          2px solid #f99;
text-align:             center;
margin:                 0;
padding:                5px 20px;
}
.alert_info {
background:             #FFF6BF;
border-top:             2px solid #FFD324;
border-bottom:          2px solid #FFD324;
text-align:             center;
margin:                 0;
padding:                5px 20px;
}


#wrapper-top {
background: transparent url("images/wrapper-oben.jpg");
	width: 950px;
	height: 393px;
	text-align: left; 
	margin: 0 auto 0 auto;
	display: block;
	clear: both;
	}

* html #wrapper-top { width: 948px } /* IE hack */

#wrapper {
background: transparent url("images/wrapper.jpg");
	width: 950px;
	text-align: left; 
	margin: 0 auto 0 auto;
	display: block;
	clear: both;
	}

* html #wrapper { width: 948px } /* IE hack */


#logo {
	text-align: left;
	float: left;
	margin: 0 0 0 35px! important;
	margin: 0 0 0 18px;
	padding: 0;
	}
	
#logo a {
	width: 130px;
	height: 109px! important;
	height: 106px;
background:            #fff url("images/logo.gif") no-repeat left;
display:               block;
text-decoration:       none;
text-indent:           -2500px;
}

#navbar {
font:             1.4em "Georgia", Arial, Serif;
float: left;
	width: 750px;
	background: transparent;
	height: 43px;
	color: #555;
	text-align: center;
margin:                0;
padding: 0;
	}
		
#navbar ul {
float: left;
list-style-type: none;
margin: 0;
padding: 0;
	}
	
	#navbar li {
float: left;
margin: 0;
	}
	
#navbar ul li a {
	color: #555;
outline-color: transparent;
padding-top: 66px;
float: left;
width: 125px;
	background: transparent url("images/navbar.jpg") top no-repeat;
	text-decoration: none;
	}

#navbar ul li a:hover {
	text-decoration: underline;
	}
#navbar ul li a:active {
color: #cf0009;
text-decoration: underline;
	}
	
	
	
	#header {
/* Background definiert in Seite */
width: 880px;
height: 250px;
	margin: 0;
	padding: 0;
	clear: both;
}

#header-top {
background: #ceccb8;
width: 880px;
height: 25px;
	margin: 0;
	padding: 0;
		clear: both;
}

#header-bottom {
background: #ceccb8;
width: 880px;
height: 8px;
overflow:hidden;
	margin: 0;
	padding: 0;
		clear: both;
}


#header-loading {
background: #ceccb8 url("images/header-loading.gif") no-repeat center center;
width: 880px;
height: 283px;
	margin: 0 35px 0 35px;
	padding: 0;
		clear: both;
}


.breadcrumb {
font-size: 1em;
color: #333;
position: absolute;
top: 362px! important;
top: 364px;
margin: 0 0 0 50px;
}
.breadcrumb a,.breadcrumb a:visited {
color: #333;
text-decoration: underline;
font-weight: normal;
}
.breadcrumb a:hover {
text-decoration: none;
}

h2 span {
display: none;
}

#h2welcome {
background: url("images/h2-welcome.gif") no-repeat;
margin:                5px 0 0 0;
padding:               0 0 4px 0;
width:                 256px;
height:                 43px;
}

	
	#content { 
font-size: 1em;
	background: transparent;
	width: 660px;
	margin: 0;
		float: left;
	padding: 20px 15px 30px 35px;
	}
#content p {
	margin: 0;
	padding: 0 0 10px 0;
	}


#content h2, #content-start h2 {
	font-weight: normal! important;
	font-weight: bold;
font-size:             1.4em;
	margin: 0 0 10px 0;
	padding: 0;
	}

#content h3, #content-start h3 {
	color: #d2001c;
font-size:             1.2em;
	font-weight: bold;
padding: 0;
margin:                10px 0 10px 0;
	}
	
	#content h3 span, #content-start h3 span {
color: #333;
}

#content h3 a, #content-start h3 a {
	color: #d2001c;
	text-decoration: none;
	}

#content h3 a:hover, #content-start h3 a:hover {
	color: #d2001c;
	text-decoration: underline;
	}
	
#content h4, #content-start h4 {
color: #444;
	font-size:             1.1em;
	font-weight: bold;
margin:                10px 0 8px 0;
	}
	
	#content h4 a, #content-start h4 a, #content h4 a:visited, #content-start h4 a:visited {
	color: #444;
	text-decoration: none;
	}

#content h4 a:hover, #content-start h4 a:hover {
	text-decoration: underline;
	}

#content ul {
	list-style: none;
	margin: 0;
	padding: 0 8px 10px 15px;
	}
	
   /* kleine Pfeile (slist) */
   #content ul.slist {
	padding: 0 0 0 16px;
	list-style-image: url("images/slist.gif");
	}
	

#content li {
	margin: 0;
	padding: 0;
	}
	
#content ul li {
	margin: 0;
	padding: 0;
	}

#content ul li div {
	margin: 0;
	padding: 5px 0 0 0;
	}

 div.content-hr {
  height: 25px;
  width: 100%;
  padding: 0;
  margin: 10px 0 0 0;
clear: both;
  background: #fff url(images/content-hr.jpg) no-repeat scroll center;
}
div.content-hr hr {
  display: none;
}

/* Content Startseite */
	#content-start { 
font-size: 1em;
	background: transparent;
	width: 410px;
	margin: 0;
		float: left;
	padding: 20px 15px 30px 35px;
	}
#content-start p {
	margin: 0;
	padding: 0 0 10px 0;
	}


#content-start ul {
	list-style: none;
	margin: 0;
	padding: 0 8px 10px 15px;
	}
	
	#content-start ul.vlist {
	padding: 0 0 0 45px;
	list-style-image: url("images/list.gif");
	}
	
		#content-start ul.plist {
	padding: 0 0 0 45px;
	list-style-image: url("images/list2.gif");
	}
	

#content-start li {
	margin: 0;
	padding: 0;
	}
	
#content-start ul li {
	margin: 0;
	padding: 0;
	}

#content-start ul li div {
	margin: 0;
	padding: 5px 0 0 0;
	}
	/* Content Startseite end */
	
	.navigation {
	background: transparent;
	display: block;
	text-align: center;
	margin: 40px 0 0 0;
	padding: 5px 0 5px 0;
	clear: both;
	}
	
/* kalender im Archiv */
.kalenderloop {
	background: #f8f8f4;
	display: block;
	margin: 6px 0 0 0;
	padding: 8px 8px 0 8px;
	clear: both;
	}
#content .kalenderloop h4 {
margin-top: 0;
}
.aktuell {
background:             #cfc;
}
/* kalender im Archiv end */

/* Google Maps */
#map {
font-size: 11px;
width: 660px;
height: 350px;
margin: 20px 0 0 0;
}
/* Google Maps end */

/* Speisekarte Kasten */
.speisekarte-highlight {
	background: #ffdbdb;
	display: block;
	margin: 20px 0 20px 0;
	padding: 8px;
	clear: both;
	}
#content .speisekarte-highlight h4 {
margin-top: 0;
}
/* Speisekarten Kasten end */

/* Maintable */
#content table {
width: 660px;
border-collapse: collapse;
border: none;
padding: 0;
margin: 0;
}

#content td {
padding: 3px 5px 3px 5px;
background: #fff;
}
#content th {
padding: 3px 5px 3px 5px;
background: #b8b6a0;
color: #fff;
}
#content .alt {
background: #f8f8f4;
}
#content .info {
background: #FFF6BF;
}

/* Reservierung Frame */
.iframe {
width: 660px;
height: 420px;
margin: 0;
padding: 0;
}
/* Reservierung Frame end */


/* Sidebar */	
#sidebar-middle { 
background:   transparent;
	width: 205px;
	float: left !important;
	padding: 20px 0 30px 0;
	margin: 0;
	}
	
	#sidebar-right { 
background:   transparent;
	width: 235px;
	float: right !important;
	padding: 20px 35px 30px 15px! important;
	padding: 20px 33px 30px 15px;
	margin: 0;
	}
	
	#sidebar-calendar { 
border-left: 1px solid #b8b6a0;
border-right: 1px solid #b8b6a0;
background:   transparent;
	width: 183px;
	float: left !important;
	padding: 0 10px 0 10px;
	margin: 0;
	}
	
#sidebar-right p, #sidebar-middle p {
font-size: 0.9em;
	margin: 0;
	padding: 0;
	}

#sidebar-right ul, #sidebar-middle ul {
font-size: 1em;
    line-height: 1.6em;
    list-style: none;
	margin: 0 0 30px 0;
	padding: 0;
	}
	
#sidebar-right li, #sidebar-middle li {
	margin: 0;
	padding: 0;
	}


#sidebar-right h3, #sidebar-middle h3 {
	font-weight: bold;
line-height:           1.3em;
font-size:             1em;
margin:                0 0 5px 0;
padding: 0;
}

/* normale Headline */
.sidebar-h2normal{
line-height:           1.0em;
font-size:             1.1em;
	font-weight: normal! important;
	font-weight: bold;
	margin: 0;
	padding: 0;
	}
	
/* graue Headline */
.sidebar-h2headline {
line-height:           1.0em;
font-size:             1.1em;
display: block;
clear: both;
	font-weight: normal! important;
	font-weight: bold;
	color: #fff;
	background: #b8b6a0;
	margin: 0;
	padding: 10px 0 10px 10px;
	}

/* rote Headline (bei Produkten) */
.sidebar-h2headline2 {
line-height:           1.0em;
font-size:             1.1em;
display: block;
clear: both;
	font-weight: normal! important;
	font-weight: bold;
	color: #fff;
	background: #e2001a;
	margin: 0;
	padding: 10px 0 10px 10px;
	}


#sidebar-middle .sidebar-date {
font-size: 1em;
margin: 0 0 5px 0;
}


 div.sidebar-hr {
  height: 23px;
  width: 100%;
  padding: 0;
  margin: 10px 0 0 0;
clear: both;
  background: #fff url("images/sidebar-hr.jpg") no-repeat scroll center;
}
div.sidebar-hr hr {
  display: none;
}

.sidebar-middle-textcontainer {
  background: transparent;
  width: 205px;
  margin: 0 0 20px 0;
  padding: 0;
}
.sidebar-middle-textcontainer h2 {
margin-bottom: 10px;
}
.sidebar-middle-textcontainer p {
    line-height: 1.6em;
}

.sidebar-middle-textcontainer2 {
  background: #f8f8f4;
  width: 195px;
  margin: 0 0 20px 0;
  padding: 5px;
  clear: both;
  display: block;
}

#sidebar-rundgangcontainer {
cursor: pointer;
height: 128px;
  width: 205px;
  margin: 0 0 20px 0;
  padding: 0 0 10px 0;
}

/* Rundgaenge Backgrounds */
.rg-allgemein {
  background: #f6f6f2 url("images/rundgang-allgemein-back.jpg") no-repeat top;
}
.rg-gasthof {
  background: #f6f6f2 url("images/rundgang-gasthof-back.jpg") no-repeat top;
}
.rg-alm {
  background: #f6f6f2 url("images/rundgang-alm-back.jpg") no-repeat top;
}
.rg-brauerei {
  background: #f6f6f2 url("images/rundgang-brauerei-back.jpg") no-repeat top;
}
.rg-hotel {
  background: #f6f6f2 url("images/rundgang-hotel-back.jpg") no-repeat top;
}

#sidebar-rundgangcontainer2 {
color: #fff;
width: 145px;
float: left;
  margin: 90px 0 0 0;
  padding: 0 0 0 10px;
}

/* Angebot*/
#sidebar-angebotcontainer {
display: block;
background:   #fafaf7 url(images/angebot-back.jpg) no-repeat top;
	width: 235px;
	margin: 0 0 20px 0;
}

#sidebar-angebotcontainer2 {
width: 225px;
float: left;
  margin: 0;
  padding: 5px;
}

#sidebar-angebotcontainer2 p {
font-size: 0.9em;
  margin: 0 0 5px 0;
  padding: 0;
}

#sidebar-angebotcontainer2 span {
font-size: 0.9em;
margin: 3px 0 0 0;
text-align:               left;
float:                    left;
}

/* Angebot end */

/* Produkt Reklame */
#sidebar-produktcontainer {
display: block;
background:   #e2001a;
	width: 235px;
}

#sidebar-produktcontainer2 {
width: 225px;
float: left;
  margin: 0;
  padding: 5px;
}

#sidebar-produktcontainer2 p {
color: #fff;
font-size: 0.9em;
  margin: 0 0 5px 0;
  padding: 0;
}
/* Produkt Reklame end */

/* Pages */
#sidebar-middle #sidebar-menu {
      list-style-type: none;
      margin: 1px 0 20px 0;
      padding: 0;
}
#sidebar-middle #sidebar-menu li {
border-bottom: 1px solid #fff;
      padding: 0;
}
#sidebar-middle #sidebar-menu li a, #sidebar-middle #sidebar-menu li a:visited {
display: block;
color: #333;
background: #f8f8f4;
      padding: 5px 0 5px 10px ;
text-decoration: none;
}
#sidebar-middle #sidebar-menu li a:hover {
background: #f4f4ef;
}

#sidebar-middle #cloud {
border: 1px solid #b8b6a0;
background:   #fafaf7 url(images/angebot-back.jpg) no-repeat top;
display: block;
margin: 0;
float: left;
padding: 5px;
clear: both;
}

#sidebar-middle  #cloud a {
color: #333;
text-transform: lowercase;
text-decoration: none;
}
#sidebar-middle #cloud a:hover {
	color: #d2001c;
text-decoration: none;
}
/* Pages end */


/* Reservierung */

#reservierung { 
border: 1px solid #b8b6a0;
background:   transparent url(images/reservierung-back.jpg) no-repeat top;
	width: 217px;
	height: 190px;
	float: left !important;
	clear: both;
	padding: 10px 8px 0 8px;
	margin: 0 0 20px 0! important;
	margin: 0;
	}

#reservierung legend {
display: none;
}

#reservierung fieldset {
padding: 0;
margin: 0;
border: none;
}

#reservierung label {
display: block;
margin: 8px 0 0 0;
}

.selectkurz {
padding:                 3px;
width:                   50px;
margin:                  5px 5px 0 0;
border:                  1px solid #b8b6a0;
}

.textfeldtag {
padding:                 3px;
width:                   30px;
margin:                  5px 5px 0 0;
border:                  1px solid #b8b6a0;
}

.textfeldmonat {
padding:                 3px;
width:                   30px;
margin:                  5px 5px 0 0;
border:                  1px solid #b8b6a0;
}

.textfeldjahr {
padding:                 3px;
width:                   60px;
margin:                  5px 0 0 0;
border:                  1px solid #b8b6a0;
}

/* Reservierung end */

#footer {
	background: transparent url(images/wrapper-unten.jpg) no-repeat bottom;
	font-size:             0.9em;
padding:               0 30px 0 30px;
	margin:                 0;
	height: 95px;
width:                 890px;
}

#footer .right {
float: right;
text-align: right;
margin: 20px 0 5px 0;
padding: 0;
}
#footer .left {
float: left;
text-align: left;
margin: 5px 0 5px 0;
padding: 0;
}
#footer .right p, #footer .left p {
line-height:            1.2em;
color: #999;
margin: 0;
padding: 2px 0 2px 0;
}
#footer a, #footer a:visited {
font-weight: normal;
color: #999;
text-decoration: underline;
}
#footer a:hover {
text-decoration: none;
}

/* Pagebar */
.pagebar {
font-size: 0.9em;
	padding: 0.2em 0.5em;
	margin: 20px 0 0 0;
	background: #fff;
	text-decoration: none;
	text-align: center;
}

.pagebar a,.pageList .this-page {
	text-decoration: none;
margin:                 0 auto 0 auto;
padding:                2px 6px;
	color: #333;
	border:                 1px solid #b8b6a0;
background:             #f5f5f1;

}

.pagebar a:visited {
	color: #333;
border:                 1px solid #b8b6a0;
background:             #f5f5f1;
	text-decoration: none;
}

.pagebar .break {
margin:                 0 auto 0 auto;
padding:                2px 6px;
	border: none;
	background: #fff;
	text-decoration: none;
}

.pagebar .this-page {
margin:                 0 auto 0 auto;
padding:                2px 6px;
	font-weight: bold;
color:                  #d2001c;
	border:                 4px solid #d2001c;
background:             #fff;

}

.pagebar a:hover {
background:             #fff;
text-decoration:        none;
}

.pagebar .inactive
{
   border: 1px solid #ccc;
	 color: #ccc;
   text-decoration: none;
margin:                 0 auto 0 auto;
padding:                2px 6px;

}

/* links */
#content .links {
display: block;
float:                 left;
margin:                0;
padding:               0 0 10px 0;
width:                 650px;
}
#content .links ul {
margin:                0;
padding:               0;
	list-style: none;
}
#content .links h4 {
margin:                0 0 8px 0;
}
#content .links li {
line-height:           16px;
}
#content .links span {
width:                 112.5px;
height:                75px;
border: 1px solid #b8b6a0;
background: #fff;
float:                 left;
margin:                0 10px 0 0;
padding:               4px;
	list-style: none;
}

#content .divider {
width:                 650px;
border-top: 1px solid #ccc;
margin:                0;
padding:               0 0 10px 0;
clear: both;
}


table .meinbier-tableÊ{
	background: transparent url(images/produkte/bierlabel-leer.jpg) no-repeat bottom;
}

#widerrufcontainer {
border: 1px solid #eee;
height:80px;
width:100%;
overflow:auto;
margin: 0 0 10px 0;
padding: 5px;
}