/*

	Basis-CSS-Datei der Internetseite

	http://www.gutmann-am-dutzendteich.de

	Autor:			Stefan Diezinger - http://www.surfAN-GmbH.de
	Start:			30.08.07
	Letzte Aenderung:	03.06.08

*/

@media all {

	/*  Allgemein
	---------------------------------- */

	q {
		quotes: '„' '“' '‚' '‘';
	}

	img, frame, fieldset {
		border: 0;
	}

}


@media screen, projection {

	/*  Allgemein
	---------------------------------- */

	* {
		margin: 0;
		padding: 0;
		border: 0;
		background: none;
		background-repeat: no-repeat;
		background-position: top left;
		outline: none;
	}

	html {
		font: 76%/1.7 "verdana", "arial", "helvetica", "trebuchet ms", sans-serif;
	}

	html, body {
		height: 100%;
		min-height: 100%;
		direction: ltr;
		cursor: default;
		text-align: left;
		background: #000;
		color: #fff;
	}

	body {
		height: 100.01%;
		min-height: 100.01%;
	}

	q {
		quotes: '„' '“' '‚' '‘';
	}

	.versteckt,
	.druck,
	input[type="hidden"] {
		display: none !important;
		visibility: hidden !important;
	}

	.sichtbar {
		display: block;
		visibility: visible;
	}

	.mittig {
		text-align: center;
	}

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

	.rechts {
		float: right;
		text-align: right;
	}

	.groesser {
		font-size: larger;
	}

	.kleiner {
		font-size: smaller;
	}

	.clear {
		clear: both;
	}

	.keinrahmen {
		margin: 0;
		padding: 0;
		border: 0;
	}

	.verschoben {
		text-indent: -9999em;
	}

	.drittel {
		width: 30%;
		padding: 1%;
	}

	.fuenfzig {
		width: 44%;
		padding: 1%;
	}

	.vierzig {
		width: 38%;
		padding: 1%;
	}

	.dreissig {
		width: 32%;
		padding: 1%;
	}

	.zwanzig {
		width: 18%;
		padding: 1%;
	}

	/*  Elemente
	---------------------------------- */

	h1 { font-size: 2.5em; }

	h2, h3 { line-height: 1.2; }

	h2 { font-size: 2.1em; margin: .6em 0 .6em 0; color: #fff; font-weight: bold; }

	h3, h4, h5 { margin: .8em 0; }

	h3 { font-size: 1.4em; color: #888; }

	h4 { font-size: 1.1em; font-weight: bold; color: #666; }

	h5 { font-size: 1.1em; color: #a0d071; }

	h6 { margin: 0; padding: 0; font-size: 1em; text-transform: uppercase; letter-spacing: 1px; }

	h1, h2, h3, h4, h5, h6 { clear: both; }

	p, address, blockquote, ul, ol, dl, dt, table, pre { margin: 1.8em 0; }

	address, cite, var, abbr { font-style: normal; }

	blockquote { padding: 0 2.5em; }

	blockquote + blockquote { margin-top: 2em; }

	ul, ol, dd { margin-left: 2.5em; }

	ul { list-style-image: url("icon.auflistungszeichen.png"); }

	ul ul, ol ol { margin: .1em 0 .15em 1.75em; }

	dd pre { margin: 0; }

	th, td, form { padding: 5px 3px; vertical-align: baseline; }

	th { text-align: left; }

	label, a { cursor: pointer; }

	pre, code, var, kbd { font-family: "lucida console", monaco, "courier new", "courier", monospace; }

	abbr[title] { cursor: help; border-bottom: #000 dotted 1px; }

	dt { padding: 0 1em 0 0; margin: 0; font-size: 1em; font-weight: bold; }

	dt:after { content: ":"; }

	input, textarea, select, option {
		background: #DCD6C4;
		border: 2px solid #A39F94;
		font-family: "verdana", "arial", "helvetica", "trebuchet ms", sans-serif;
		padding: 3px;
	}

	blockquote {
		font-style: oblique;
		font-size: 1.1em;
		font-family: Georgia, "Times New Roman", Times, serif;
		padding-left: 30px;
		margin-bottom: 1.5em;
	}

	blockquote p {
		margin: 0;
		padding: 0;
	}

	blockquote cite {
		float: right;
		font-style: oblique;
		font-weight: bold;
	}


	/*  Layout
	---------------------------------- */

	html, body {
		background: #D4C599 url("body.hintergrund.png") center top;
	}

	#rahmen-aussen {
		width: 780px; /* 800 abzgl. padding & border */
		height: 580px; /* 600 abzgl. padding & border*/
		position: absolute;
		top: 50%;
		left: 50%;
		margin-left: -400px;
		margin-top: -300px;
		padding: 9px;
		border: 2px solid #FCF2D7;
	}

	/* Standardhintergrundbild */
	#rahmen-aussen { background: url("../lib.fotos/hintergrundbilder/10.jpg") no-repeat; }

	/* Spezielle Hintergrundbilder */
	body#startseite #rahmen-aussen { background: url("../lib.fotos/hintergrundbilder/10.jpg") no-repeat; }
	body#veranstaltungen #rahmen-aussen { background: url("../lib.fotos/hintergrundbilder/11.jpg") no-repeat; }
	body#stellenangebote #rahmen-aussen { background: url("../lib.fotos/hintergrundbilder/1.jpg") no-repeat; }
	body#speisen-und-getraenke #rahmen-aussen { background: url("../lib.fotos/hintergrundbilder/2.jpg") no-repeat; }
	body#bilder #rahmen-aussen { background: url("../lib.fotos/hintergrundbilder/12.jpg") no-repeat; }
	body#wetter #rahmen-aussen { background: url("../lib.fotos/hintergrundbilder/3.jpg") no-repeat; }
	body#unser-haus-weizenstube #rahmen-aussen { background: url("../lib.fotos/hintergrundbilder/4.jpg") no-repeat; }
	body#unser-haus-grundrisse #rahmen-aussen { background: url("../lib.fotos/hintergrundbilder/4.jpg") no-repeat; }
	body#unser-haus-wannerstube #rahmen-aussen { background: url("../lib.fotos/hintergrundbilder/5.jpg") no-repeat; }
	body#unser-haus-seerosenstube #rahmen-aussen { background: url("../lib.fotos/hintergrundbilder/5.jpg") no-repeat; }
	body#unser-haus-saal #rahmen-aussen { background: url("../lib.fotos/hintergrundbilder/6.jpg") no-repeat; }
	body#unser-haus-biergarten #rahmen-aussen { background: url("../lib.fotos/hintergrundbilder/7.jpg") no-repeat; }
	body#unser-haus-seerosenstube #rahmen-aussen { background: url("../lib.fotos/hintergrundbilder/8.jpg") no-repeat; }
	body#anfahrt #rahmen-aussen { background: url("../lib.fotos/hintergrundbilder/9.jpg") no-repeat; }


	#logo {
		width: 100%;
		height: 130px;
	}

	#rahmen-innen {
		width: 100%;
		height: 460px;
	}

	#obere-leiste,
	#untere-leiste {
		width: 100%;
	}

	#linke-leiste {
		width: 161px;
		float: left;
	}

	#rechte-leiste {
		width: 600px;
		float: right;
	}

	#untere-leiste {
		clear: both;
		text-align: right;
	}

	#inhalt {
		background: #FCF4DE;
		color: #0F0F0F;
		padding: 5px 10px;
		margin-bottom: 13px;
		min-height: 365px;
		height: 365px;
		overflow:auto;
	}

	#tagesgericht {
		background: #9B7C2F;
		padding: 5px 10px;
		margin-bottom: 13px;
		height: 190px;
		overflow:auto;
	}

	#reservierung {
		background: #0F0F0F;
		padding: 5px 10px;
		height:45px;
	}

	#kartenreservierung {
		background: #0F0F0F;
		margin-top: 10px;
		padding: 5px 10px;
		height:45px;
	}

	#parkplaetze {
		background: #0F0F0F;
		margin-top: 10px;
		padding: 5px 10px;
		height:25px;
	}

	.linke-seite {
		width: 42%;
		padding: 2%;
		float: left;
	}

	.rechte-seite {
		width: 42%;
		padding: 2%;
		float: right;
	}

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

	/* --- Erste Ebene --- */

	#navigation {
		width: 100%;
		background: #9B7C2F;
		text-align: center;
		padding: 3px 0;
		margin-bottom: 13px;
	}

	#navigation ul,
	#navigation ul li {
		margin: 0;
		padding: 0;
		list-style: none;
	}

	#navigation ul li {
		display: inline;
	}

	/* --- Zweite Ebene --- */

	#navigation ul li ul {
		position: absolute;
		left: 205px;
		margin-top: 3px;
		display: none;
		background: #E9D8A8;
		font-size: 0.9em;
		border: 1px solid #9B7C2F;
		border-top: 0;
	}

	#navigation ul li ul li {
		display: block;
		width: 130px;
		text-align: left;
	}

	#navigation ul li:hover ul {
		display: block;
	}

	/*  Links
	---------------------------------- */

	a {
		color: #000;
		text-decoration: none;
		border-bottom: 1px solid #666;
	}

	a:hover,
	a:focus {
		background: #9B7C2F;
		color: #fff;
		border-bottom: 1px solid #000;

	}

	a[rel] {
		border: 0;
		background: none;
	}

	#navigation ul li a {
		color: #fff;
		border: 0;
		padding: 7px 10px;
		text-decoration: none;
	}

	#navigation ul li a:hover {
		color: #000;
		padding: 6px 10px;
	}

	#navigation ul li ul li a {
		color: #000;
		display: block;
		padding: 2px 4px;
	}

	#navigation ul li ul li a:hover {
		padding: 2px 4px;
		background: #D2B972;
	}

	#navigation a.aktiv {
		font-weight: bold;
		color: #000;
	}

	#logo a#logo-gutmannamdutzendteich {
		width: 225px;
		height: 85px;
		display: block;
		background: url("logo.gutmann-am-dutzendteich.png") no-repeat;
		text-indent: -9999em;
	}

	#logo a#logo-brauereigutmann {
		position: relative;
		left: 635px;
		top: -130px;
		width: 150px;
		height: 121px;
		display: block;
		background: url("logo.brauerei-gutmann.png") no-repeat;
		text-indent: -9999em;
	}

	#logo a,
	#logo a:hover,
	#logo a:focus {
		border: 0;
	}

	#untere-leiste a, #untere-leiste a:visited {
		color: #fff;
		text-decoration:none;
		border:none;
	}

	#untere-leiste a:hover {
		color: #fff;
	}

	body#wetter #untere-leiste a, body#wetter #untere-leiste a:visited, body#wetter #untere-leiste a:hover,
	body#anfahrt #untere-leiste a, body#anfahrt #untere-leiste a:visited, body#anfahrt #untere-leiste a:hover {
		color: #000;
	}

	a.keinlink,
	a.keinlink:hover,
	a.keinlink:focus,
	a.keinlink:active,
	a.keinlink:link,
	a.keinlink:visited {
		font-weight: bold !important;
		color: #000 !important;
		text-decoration: none !important;
		cursor: default !important;
		border: 0 !important;
		background: none !important;
	}


	/*  Layout Details
	---------------------------------- */

	body#agbs #inhalt,
	body#disclaimer #inhalt {
		overflow: auto;
		height: 365px;
	}

	#inhalt h2 {
		margin-top: 0;
	}

	#tagesgericht h2 {
		text-align: center;
		font-size: 1.2em;
		margin-top: 0px;
	}

	#tagesgericht h2 span {
		text-transform: uppercase;
	}

	#reservierung h2,
	#kartenreservierung h2,
	#parkplaetze h2 {
		text-align: center;
		font-size: 1.2em;
		margin-top: 0px;
		text-transform: uppercase;
	}

	#tagesgericht p,
	#reservierung p,
	#kartenreservierung p {
		font-size: 0.9em;
		margin: 0;
	}

	#inhalt h3 {
		text-transform: uppercase;
		color: #9B7C2F;
		font-weight: normal;
	}

	body#startseite #inhalt h3 {
		text-align: center;
		color: #0F0F0F;
		font-weight: normal;
	}

	#inhalt h3 span#herzlich-willkommen {
		width: 100%;
		height: 118px;
		display: block;
		background: url("inhalt.herzlichwillkommen.png") center no-repeat;
		text-indent: -9999em;
	}

	#inhalt p#tanztee {
		text-align: right;
		font-size: 1.4em;
		margin: 0;
	}

	#inhalt p#tanztee span {
		width: 100%;
		height: 116px;
		display: block;
		background: url("inhalt.tanztee.png") center no-repeat;
		text-indent: -9999em;
		text-align: left;
	}

	#inhalt p#stellenangebote {
		border: 1px solid #999381;
		background: #DCD6C4 url("inhalt.suche.png") center left no-repeat;
		padding: 5px;
		padding-left: 55px;
	}

	ul.galerie,
	ul.galerie li {
		margin: 0;
		padding: 0;
	}

	ul.galerie li {
		float: left;
		list-style: none;
		padding: 1%;
	}

	ul.galerie li a,
	ul.galerie li a:hover {
		border: 0;
		text-decoration: none;
	}

	.admintabelle td {
		margin:0;
		padding: 0;
		font-size: normal;
	}

	/*  Popup
	---------------------------------- */

	table.header {
		background-repeat:repeat-x;
		margin: 0 !important;
		padding: 0 !important;
	}

	table.header td,
	table.header tr,
	table.header th {
		border: 0 !important;
	}

	body#popup #navigation,
	body#popuo #nav,
	body#popup #linke-leiste,
	body#popup #untere-leiste,
	body#popup #logo {
		display: none !important;
	}

	body#popup #inhalt {
		width:420px;
		position:absolute;
		left:50%;
		top: 20px;
		margin-left: -252px;
		padding: 15px;
		min-height: auto;
		height: auto;
		overflow:auto;
	}

	body#popup #rahmen-innen {
		width: 420px !important;
	}

	body#popup #rahmen-aussen {
		margin-left: -190px;
		width: 420px !important;
		height: auto !important;
		background: none !important;
		border: 0 !important;
	}



	/*  Clearfix
	---------------------------------- */

	.clearfix:after {
	    content: ".";
	    display: block;
	    height: 0;
	    clear: both;
	    visibility: hidden;
	}

	.clearfix {display:inline-block;}
	/* Hide from IE Mac \*/
	.clearfix {display:block;}
	/* End hide from IE Mac */


}



@media print {

	.versteckt,
	p.img,
	#navigation,
	#zusatznavigation {
		display: none;
	}

	#drucklogo {
		float: right;
		display: block !important;
		visibility: visible !important;
	}

	em.hervorhebung {
		text-decoration: underline;
		font-style: normal;
	}

	#inhalt {
		clear: both;
	}

	body {
		font: 100%/150% Georgia, "Times New Roman", Times, serif;
	}

	h1 a, h2 a, h3 a {
		color:#000;
		text-decoration:none;
	}
	h1, h2, h3 { font-family:"Century Gothic",Helvetica,Arial,Geneva,sans-serif; }

	.mittig {
		text-align: center;
	}

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

	.rechts {
		float: right;
		text-align: right;
	}

	.groesser {
		font-size: larger;
	}

	.kleiner {
		font-size: smaller;
	}

}