body { font-family: Verdana, Helvetica, sans-serif; font-size: 0.85em; background-color: #999; }

#shadow { width: 1000px; margin-left: auto; margin-right: auto; background: url(design/shadow_02.gif) center bottom no-repeat; padding-bottom: 40px; }
#shadow_top { background: url(design/shadow_01.gif) center top no-repeat /*#999*/; }

#all { width: 950px; margin-left: auto; margin-right: auto; /*border: 1px solid gray;*/ background-color: white; }

#head { position: relative; /*background-color: green;*/ background-image: url(design/top/home.jpg); height: 40px; padding-top: 130px; padding-left: 0; }
#all div.U { background-image: url(design/top/urlaubambauernhof.jpg); }
#all div.L { background-image: url(design/top/landwirtschaft.jpg); }
#all div.E { background-image: url(design/top/erlebnis.jpg); }
#all div.G { background-image: url(design/top/genuss.jpg); }

#head a { position: relative; display: block; float: left; color: white; font-family: sans-serif; font-size: 1.3em; font-weight: bold; text-decoration: none; margin-left: 0; height: 30px; padding-top: 10px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; }
#head a:hover { background-color: #040; }
#head a.active, #head a.active:hover { background-color: white; color: #040; /*text-decoration: underline;*/ }
#head a.active:hover { color: green; }
#head a.active.pair { border-left: 1px dotted #383; }
#head a.image { background-color: transparent; }
#head a.image:hover { background-color: transparent; }

#logo { position: absolute; left: 0; top: 0; background: url(design/top_logo.png); width: 200px; height: 130px; }
#logo img { position: absolute; left: 5px; top: 15px; }

div.topmenu { background: url(design/topmenu.png); float: left; height: 40px; /*padding-top: 10px;*/ }
#topmenuleft { float: left; }
#topmenuright { float: right; }

#content { padding: 16px; padding-bottom: 32px; min-height: 400px; }

#footer { background: url(design/bottom.gif) bottom center no-repeat; color: #333; border-top: 1px solid #999; padding-top: 8px; padding-left: 16px; padding-right: 16px; padding-bottom: 16px; font-size: 0.85em; }
#footerleft { float: left; }
#footerright { float: right; }

#nav { margin-top: 0; margin-bottom: 4px; margin-left: 16px; color: #999; font-weight: bold; }

h1 { margin-top: 0; margin-left: 16px; color: #040; }

p { text-align: justify; }

img { border-style: none; }
img.right { margin-left: 16px; float: right; }
img.left { margin-right: 16px; float: left; }

div.clear { clear: both; }

a { color: green; text-decoration: none; }
a:hover { color: white; background-color: green; }

a.image, #sponsors a { color: transparent; }
a.image:hover, #sponsors a:hover { background-color: transparent; }

#sponsors { text-align: center; line-height: 500%; }
#sponsors img { margin-left: 20px; margin-right: 20px; }

ul.betriebe { list-style-type: none; vertical-align: top; margin-left: 0; padding-left: 0; width: 500px; }
ul.betriebe li { display: inline-block; display:-moz-inline-block;
	display:-moz-inline-box; float: left; text-align: center; width: 110px; height: 140px; margin: 1px; vertical-align: top; padding-top: 4px; padding-bottom: 4px; border: 1px solid #cfc; font-size: 0.8em; }
ul.betriebe a.active { color: white; background-color: green; }
ul.betriebe img { display: block; margin-left: auto; margin-right: auto; margin-bottom: 2px; }

ul.betriebe.kategorie { float: right; margin-left: 16px; width: 600px; }

#images img { float: left; margin: 8px; }

/* Map */

#mapContainer { float: right; width: 620px; }
#map { width: 610px; height: 430px; position: relative; margin-left: auto; margin-right: auto; }
#mapOverlay, #mapBase { border: none; }

#mapOverlay { position: absolute; left: 0; top: 0; z-index: 1; }
#mapBase { position: absolute; left: 0; top: 0; z-index: 0; }

area { cursor: pointer; }

img.marker { position: absolute; }

#bezirkContainer { float: right; }
#bezirk { position: relative; }

#anfrageremark { float: right; width: 275px; margin-left: 16px; text-align: justify; border: 1px solid gray; padding: 4px 8px; }

/* Form */

form table th { text-align: right; vertical-align: top; padding-right: 16px; }
form input.text { width: 24em; }
form input.number { width: 8em; }
form td.error p { border: 2px solid red; background: #fdd; padding: 3px 8px; text-align: center; font-weight: bold; margin: 0; }
form td.error { padding-bottom: 16px; }
form td.submit { padding-top: 16px; text-align: center; }
form td.remark { padding-top: 16px; font-size: 0.85em; }