@charset "utf-8";

* { margin: 0; padding: 0 }
a { outline:0 }
a img { border: 0; text-decoration: none }
img { border: 0 }
html, body { height: 100%; background: #777 }
body { font: 100.01%/1.4em Verdana, Arial, Helvetica, sans-serif; min-height: 100%; height: auto;
	padding-bottom: 2em; background: #249a20 url(/images/layout/bg-body.gif) top left repeat-y; _height: 100% }

h1 { width: 780px; height: 175px; background: transparent url(/images/layout/header.jpg) top left no-repeat;
	text-indent: -10000px }

#main-menu { top: 215px; width: 230px; font-size: 1em; line-height: 1.8em; position: absolute;
	left: 0; z-index: 5 }
#main-menu li { font-size: 16px; padding: 4px 0 1px 20px; border-bottom: 1px dotted white }
#main-menu li.last { border-bottom: 0px none }
#main-menu li a { color: #FFFFFF; display: block; text-decoration: none }
#main-menu li#backlink { padding-top: 8px; font-size: 12px; text-align: right; text-transform: uppercase }

#content { margin-left: 280px; width: 460px; padding-top: 15px }
#content h2 { font-size: 24px; padding-bottom: 1em; color: white }
#content p, #content h3,
#content ul { color: white; font-size: .8em; line-height: 1.4em; padding-bottom: 1.2em }
#content h3 { padding: 0 }
#content ul { padding-left: 1em }
#content p.foot { padding-top: 1em; font-size: .6em; color: #006e26; font-weight: bold }
#content a { text-decoration: none; color: #ffe400 }
#content a:hover { text-decoration: underline }

#content img.standard { float: right }

#content p img { margin-top: 1em }
#content p em { width: 200px; font-style: normal; color: #006e26; display: block; line-height: 1.2em;
	font-weight: bold; font-size: .8em; margin-left: 250px; margin-top: -200px; padding-bottom: 150px }

#aktuelles { position: absolute; left: 800px; top: 40px; width: 170px; padding-right: 15px }
#aktuelles h5 { font-size: 11px; padding-bottom: 1em; color: white }
#aktuelles p { font-size: .7em; line-height: 1.2em; color: white; padding-bottom: 4em }
#aktuelles p strong { color: #ffe400; display: block }
#aktuelles p em { font-weight: bold; font-style: normal }
#aktuelles p img { margin: .6em 0 .6em -10px; display: block; _margin-left: 0 }
#aktuelles p img.edge { margin: .6em 0; }

#footer { position: relative; clear: both }
#footer p { padding-top: 1em; font-size: .6em; color: #006e26; line-height: 1.4em;
font-weight: bold; margin-left: 280px; width: 460px }
#footer a#sachsen-geniessen { position: absolute; width: 170px; height: 99px; bottom: 0; left: 20px;
	z-index: 1; text-indent: -10000px; background: transparent url(/images/layout/logo-sg.gif) top left no-repeat }
#footer a#dehoga { position: absolute; width: 182px; height: 101px; bottom: 0; left: 800px;
	z-index: 2; text-indent: -10000px; background: transparent url(/images/layout/dehoga.gif) top left no-repeat }

/* Forms */
/************/
#content form { font-size: .8em; margin-bottom: 2em; position: relative }
#content form fieldset { background: #249a20; border: 0px none; padding: 1em }
#content form legend { display: none }
#content form h5 { color: white; background: #249a20; padding-bottom: 1em; font-size: 1.1em }
#content form label { font-weight: bold; color: white; display: block; padding-top: .5em }
#content form input, #content form textarea { border: 1px solid white; width: 100% }
#content form textarea { height: 10em }
#content form .button { width: auto; display. block; margin-top: 1em; padding: 1px 1em;
background: #88b428; cursor: pointer }
#content form p.info { padding-top: 1.5em; }
#content form p.inline { padding-top: 1em; font-size: 1em }
#content form p.inline input { border: 0px none; width: auto; margin-right: .8em }
#content form p.inline label { display: inline; padding-top: 0 }

/* Google Maps */
/***************/
#google-map { z-index: 100; background: white; position: absolute; right: 10px;
width: 550px; height: 430px; top: 300px }
#google-map #map { width: 528px; height: 388px; border: 1px solid #ccc; margin-left: 10px; margin-top: 10px }
.markerLabel { font-size: 11px; font-weight: bold; font-family: Verdana,sans-serif;
line-height: 24px; margin: 0; padding: 0; text-align: center; letter-spacing: -1px; width: 25px }
#google-map a#close { float: right; font-size: .7em; text-decoration: none; color: #249a20;
padding-right: 10px; padding-top: .2em }
#mapText { font-size: 11px; width: 290px; position: relative }
#mapText.images { padding-left: 125px }
#mapText .number { display: none }
#mapText h3 { color: #249a20; font-size: 13px }
#mapText p { line-height: 16px }
#mapText p.details span { display: block }
#mapText p .oeffnungszeiten { padding-top: 1em }
#mapText a { color: #249a20; text-decoration: none }
#mapText a:hover { text-decoration: underline }
#mapText .images { display: block; position: absolute; left: 0; top: 0; line-height: 0; padding: 0; padding-bottom: 2px }
#mapText .images a { display: block; border: 1px solid #bbb; line-height: 0; padding: 2px; margin-bottom: -1px }
#mapText .images a:hover { text-decoration: none }
#mapText .images a img { margin: 0; line-height: 0 }

/* Elementtypen */
/****************/
#content .malvorlagen { list-style: none; padding: 0; padding-bottom: 2em; float: left }
#content .malvorlagen li { padding-top: 1em; clear: left }
#content .malvorlagen li img { float: left; margin-right: 2em }
#content .malvorlagen li p { font-size: 1em }
#content .malvorlagen li a { padding-left: 40px; padding-bottom: 20px;
background: transparent url(/images/layout/icon-pdf.gif) top left no-repeat }
#content .malvorlagen li a.no-icon { padding-left: 0; padding-bottom: 20px;
background: none }

#content #restaurants { padding: 0; list-style: none; padding-top: 2em }
#content #restaurants li { padding-left: 35px; position: relative; padding-bottom: .5em }
#content #restaurants li .number { position: absolute; left: 0; top: 0; width: 25px; height: 25px;
background: transparent url(/images/layout/number.gif) top left no-repeat; color: black; font-weight: bold;
text-align: center; line-height: 24px }
#content #restaurants li h3, #content #restaurants li p { font-size: 1em }
#content #restaurants li .oeffnungszeiten, #content #restaurants li .ruhetage,
#content #restaurants li .kurzbeschreibung { display: block }
#content #restaurants li .mapsadress { display: none }
#content #restaurants li .details { position: relative }
#content #restaurants li .images { display: block; position: absolute; z-index: 100; left: -135px; top: -15px; line-height: 0; padding: 0; padding-bottom: 3px }
#content #restaurants li .images a { display: block; border: 3px solid white; line-height: 0; padding: 0; margin-bottom: -3px }
#content #restaurants li .images a:hover { text-decoration: none; border-color: #ffe400 }
#content #restaurants li .images a img { margin: 0; line-height: 0 }

#content .werbemittel { list-style: none; padding: 0; padding-bottom: 2em; float: left }
#content .werbemittel li { padding-top: 2em; clear: both; width: 100% }
#content .werbemittel li img { float: left; margin-right: 1em }
#content .werbemittel li.odd img { float: right; margin-left: 1em; margin-right: 0 }
#content .werbemittel li p, #content .werbemittel li h3 { font-size: 1em }

#content .spielzeug { list-style: none; padding: 0; padding-bottom: 2em; float: left }
#content .spielzeug li { padding-top: 2em; clear: both; width: 100% }
#content .spielzeug li img { float: left; margin-right: 1em }
#content .spielzeug li.odd img { float: right; margin-left: 1em; margin-right: 0 }
#content .spielzeug li p { font-size: 1em }

#content .rezepte { list-style: none; padding: 0; padding-bottom: 2em; float: left; width: 460px }
#content .rezepte li { float: left; width: 230px; padding-top: 1em }
#content .rezepte li img { display: block }

#content .rezept img { display: block; line-height: 0; margin-top: 1em }
#content .rezept h3#zutaten { width: 400px; background: #249a20; color: white; font-size: .8em; padding: .2em 0; text-indent: .2em }
#content .rezept table { width: 400px; border-collapse: collapse; font-size: .8em;
line-height: 1; border-top: 1px solid white; margin-bottom: 1.5em }
#content .rezept table td { background: #D7E4BA; text-align: left; padding: .3em .2em; border-bottom: 1px solid white }
#content .rezept table td.menge { background: #B5CF7B; text-align: right; width: 6em; border-right: 2px solid #249a20 }
#content .print { padding-bottom: 3em; margin-top: -1em }
#content .print a { float: right }

/* spezielle Seiten */
/********************/
.standard #footer a#sachsen-geniessen { height: 223px; background-image: url(/images/layout/logo-sg-aug-isst.gif) }

.fuer-kids #content h2 { width: 220px; padding-top: 80px; padding-bottom: 70px }
.fuer-kids #footer a#sachsen-geniessen { height: 252px; background-image: url(/images/layout/logo-sg-glas.gif) }
.fuer-kids #footer a#dehoga { height: 241px; background-image: url(/images/layout/dehoga-kirsche.gif) }
.fuer-kids-malvorlagen #content h2 { width: 300px; padding-top: 20px; padding-bottom: 70px }
.fuer-kids-malvorlagen #footer a#sachsen-geniessen { height: 240px; background-image: url(/images/layout/logo-sg-zwiebel.gif) }
.fuer-kids-malvorlagen #footer a#dehoga { height: 223px; background-image: url(/images/layout/dehoga-erdbeere.gif) }
.fuer-kids-kochen #content h2 { width: 220px; padding-top: 80px; padding-bottom: 40px }
.fuer-kids-kochen #footer a#dehoga { height: 238px; background-image: url(/images/layout/dehoga-kartoffel.gif) }
.fuer-kids-spielzeug #content h2 { width: 220px; padding-top: 70px; padding-bottom: 40px }
.fuer-kids-spielzeug #footer a#sachsen-geniessen { height: 279px; background-image: url(/images/layout/logo-sg-moehren.gif) }
.fuer-kids-spielzeug #footer a#dehoga { height: 273px; background-image: url(/images/layout/dehoga-spargel.gif) }
.fuer-kids-links #content { padding-bottom: 3em }
.fuer-kids-links #content h2 { width: 280px; padding-top: 70px; padding-bottom: 90px }
.fuer-kids-links #footer a#sachsen-geniessen { height: 279px; background-image: url(/images/layout/logo-sg-pilz.gif) }
.fuer-kids-links #footer a#dehoga { height: 236px; background-image: url(/images/layout/dehoga-kaese.gif) }

.fuer-eltern h1 { height: 324px; background-image: url(/images/layout/header-eltern.jpg) }
.fuer-eltern #footer a#sachsen-geniessen { height: 241px; background-image: url(/images/layout/logo-sg-aug-lupe.gif) }
.fuer-eltern #footer a#dehoga { height: 197px; background-image: url(/images/layout/dehoga-birne.gif) }
.fuer-eltern-kriterien #footer a#sachsen-geniessen { height: 241px; background-image: url(/images/layout/logo-sg-aug-lupe.gif) }
.fuer-eltern-kriterien #footer a#dehoga { height: 287px; background-image: url(/images/layout/dehoga-lauch.gif) }
.fuer-eltern-restaurant-suche #footer a#sachsen-geniessen { height: 241px; background-image: url(/images/layout/logo-sg-aug-lupe.gif) }
.fuer-eltern-restaurant-suche #footer a#dehoga { height: 243px; background-image: url(/images/layout/dehoga-wurst.gif) }
.fuer-eltern-gesundes-essen h1 { height: 324px; background-image: url(/images/layout/header-eltern-essen.jpg) }
.fuer-eltern-gesundes-essen #footer a#sachsen-geniessen { height: 223px; background-image: url(/images/layout/logo-sg-aug-isst.gif) }
.fuer-eltern-gesundes-essen #footer a#dehoga { height: 197px; background-image: url(/images/layout/dehoga-birne.gif) }
.fuer-eltern-rezepte h1 { height: 324px; background-image: url(/images/layout/header-eltern-rezepte.jpg) }
.fuer-eltern-ihre-meinung #footer a#sachsen-geniessen { height: 223px; background-image: url(/images/layout/logo-sg-aug-isst.gif) }
.fuer-eltern-ihre-meinung #footer a#dehoga { height: 244px; background-image: url(/images/layout/dehoga-tomate.gif) }

.fuer-gastronomen h1 { height: 324px; background-image: url(/images/layout/header-gastro.jpg) }
.fuer-gastronomen-rezepte h1 { height: 324px; background-image: url(/images/layout/header-gastro-rezepte.jpg) }

/* SIFR */
/********/
.sIFR-active #main-menu li,
.sIFR-active #content h2,
.sIFR-active #aktuelles h5 { visibility: hidden; font-family: Verdana; line-height: 1em }
.sIFR-flash { visibility: visible !important }
.sIFR-replaced, .sIFR-ignore { visibility: visible !important }
.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block;	overflow: hidden }

/* IE *******************/
#content #restaurants li { *height: 1% }
#content #restaurants li .images { _width: 110px }