/* general */
html#web, #web body {overflow:hidden; height:100%; margin:0; font-family:Verdana; font-size:12px; color:#5A2B10;}
input, textarea, button, select, table, th, td, div, p, label, span {font-family:Verdana; font-size:100%; color:#5A2B10;}

table {border:0;border-collapse:collapse;}
table td {padding:0;}

a {text-decoration:none; color:#5A2B10; font-weight:bold;}
a:hover {color:#EBAD27;}

img {border:0;}

p, ol, ul, #content table {margin:0 0 1em 0;}
h1 {margin:0 0 1em 0; font-size:160%;}
h2 {margin:0 0 1em 0; font-size:140%;}
h3 {margin:0 0 1em 0; font-size:120%;}
h4 {margin:0 0 1em 0; font-size:110%;}
h5 {margin:0; font-size:100%;}
h6 {margin:0; font-size:100%;}

hr {border:0; border-top:1px dotted #5A2B10;}

.error {color:#FF0000;}

.clearing {clear:both;}

.hide_me {display:none;}

/* forms general */
form {margin:0; padding:0;}

input, select, textarea {margin:0; padding:0;}
input, textarea {padding:0 2px; border:1px solid #000000;}
select {border:1px solid #000000;}
textarea {overflow:auto;}

label.error {color:#FF0000;}
label.error input, label.error select, label.error textarea {border:1px solid #FF0000;}

button {padding:0; margin:0; border:0; cursor:pointer; background:none;}


/* forms content */
#content form {margin-bottom:1em;}
#content form .container_1 {float:left; margin-right:1em; margin-bottom:0.3em; width:291px; height:28em;}
#content form .container_2 {float:left; margin-bottom:0.3em; width:291px; height:28em;}

#content label {display:block; margin-bottom:0.1em; height:3em;}
#content label span {display:block;}

#content input, #content textarea {width:285px; margin-top:1px;}
#content input.radio, #content input.checkbox {padding-left:0; padding-right:0; border:0; width:auto;}

#content button {margin-right:-0.2em;}
#content .button_send {float:right; font-weight:bold; color:#FF0000;}
#content .button_send:hover, #content .button_senden.hover {color:#000000;}

#content #label_plz {float:left; margin-right:3px;}
#content #fld_plz {width:60px;}
#content #label_ort {float:left;}
#content #fld_ort {width:216px;}
#content #label_telefon {clear:both;}
#content #label_comments {height:24.9em;}
#content #fld_comments {height:23em;}

/* other forms */
.form_contact {margin-top:1em;}

/* layout */
#logo {display:block; height:71px; background:#f4f4f4 url(../common/images/layout/logobg.png) no-repeat left top; text-align:right; padding-top:3px; padding-right:8px;}

#footer {position:absolute; bottom:0px; height:104px; left:0px; right:0px; background-image:url(../common/images/layout/footerbg.png); background-position:top; background-repeat:repeat-x; background-color:#f4f4f4;}
#footerright {position:absolute; right:0px; bottom:0px;}
#titleimage {position:absolute; left:0px; bottom:0px;}

#container_navigation {position:relative; height:40px; background-color:#ebad27; z-index:2000;}
#navigation_border {position:absolute; top:0px; height:100%; left:0px; width:334px; border-right:1px solid #FFFFFF;}
#navigation {position:absolute; bottom:3px;  left:334px; list-style-type:none; margin:0; padding:0;}
#navigation li {position:relative; float:left;}
#navigation li a {display:block; text-transform:uppercase; padding:0 1em; border-left:2px solid #5A2B10;}
#navigation li.first a {border-left:0;}
#navigation li a:hover, #navigation li a.active, #navigation li a.activenode {color:#FFFFFF;}
#navigation li ul {visibility:hidden; position:absolute; list-style-type:none; margin:1.7em 0 0 0; padding:0; top:0px; left:0px; background-color:#ebad27; border:1px solid #5A2B10;}
#navigation li ul li {float:none;}
#navigation li ul li a {text-transform:none; white-space:nowrap; font-weight:normal; border:0; line-height:1.5em; border-bottom:1px solid #5A2B10;}
#navigation li ul li a:hover {color:#5A2B10; background-color:#FFF1A2;}


#container_content {position:absolute; top:115px; bottom:105px; left:0px; right:0px; background-color:#FFF1A2;}

#teaser {position:absolute; top:0px; bottom:0px; left:0px; width:334px; background-color:#FFFFFF; border-right:1px solid #FFFFFF; overflow:hidden;}
#teaser #slidepics img {position:absolute; top:0px;}
#teaser .gallery {position:absolute; top:196px; width:340px;}
#teaser .gallery h1 {margin:0 0 6px 0; padding:0.2em 6px; font-size:120%; font-weight:bold; color:#FFFFFF; background-color:#EBAD27; border-top:1px solid #FFFFFF;}
#teaser .gallery a {display:block; float:left; width:58px; height:58px; margin:0 0 6px 6px; background-position:center center; background-repeat:no-repeat; border:1px outset #EBAD27;}
#teaser .gallery a img {display:none;}
#teaser .gallery a:hover {background-color:#fff1c2;}
#teaser a.gallery_more {display:block; position:absolute; bottom:0px; left:0px; right:0px; padding:2px 5px; font-size:90%; text-align:right; background-color:#FFFFFF;}
#teaser a.gallery_more img {vertical-align:middle;}

h1#headline {position:absolute; top:10px; left:335px; padding:0 0 0 20px; font-size:180%; text-transform:uppercase; color:#5A2B10; background-image:url(../common/images/layout/icons/arrow_headline.gif); background-position:left center; background-repeat:no-repeat;}
#outer_content {position:absolute; top:50px; bottom:0px; left:355px; right:0px; overflow:auto;}
#content {padding:0 2.5em 1em 0;}

/* content */
.leftlabeled {clear:both;}
.leftlabeled th {font-weight:bold; text-align:left; padding-right:1em;}

.ZMSFile {margin:0 0 1em 0;}
.ZMSFile .text {display:none;}
.ZMSFile img {vertical-align:middle;}

.contact_address {float:left; margin-right:2em;}
#content table.contact_phone_fax {float:left; margin-right:2em;}
#content table.contact_web {float:left;}
#content table.contact_phone_fax th, #content table.contact_web th {font-weight:bold; text-align:left; padding-right:1em;}

/* gallery_overview */
#content .gallery_overview .entity {clear:both; margin-bottom:1em; padding-top:0.5em; border-top:1px dotted #5A2B10;}
#content .gallery_overview h2 {margin:0;}
#content .gallerypreview a {display:block; float:left; width:58px; height:58px; margin:0 6px 6px 0; background-position:center center; background-repeat:no-repeat; background-color:#ffffff; border:1px outset #FFFFFF;}
#content .gallerypreview a img {display:none;}
#content .gallerypreview a:hover {background-color:#fff1c2;}

/* gallery */
#content .gallery .title {display:none;}
#content .gallery a {display:block;float:left;width:160px;height:160px; border:1px outset #FFFFFF; margin-right:10px;margin-bottom:10px;background-position:center center;background-repeat:no-repeat; background-color:#ffffff; cursor:pointer;}
#content .gallery a img {visibility:hidden;}
#content .gallery span.width, .gallery span.height {display:none;}
#content .gallery a:hover {background-color:#fff1c2;}

#content .events .entity {clear:both; margin-bottom:2em; padding-top:0.5em; border-top:1px dotted #5A2B10;}
#content .events .entity a.eventpicture {display:block; float:right; width:80px; height:80px; margin:0 0 0 1em; background-position:center center; background-repeat:no-repeat; background-color:#ffffff; border:1px outset #FFFFFF;}
#content .events .entity a.eventpicture img {display:none;}
#content .events .entity a.eventpicture:hover {background-color:#fff1c2;}

/* Gästebuch */

#guestbook a.new {display:block; margin-bottom:1em; padding-left:40px; line-height:3em; background-image:url(../common/images/guestbook/new.gif); background-repeat:no-repeat; background-position:left center;}
#form_guestbook .spacer {width:5px;}
#form_guestbook .error_message {margin-bottom:10px;}
#form_guestbook .container_fields {margin-bottom:5px;}
#form_guestbook .container_fields label {display:block;margin-bottom:2px;}
#content #form_guestbook label {height:auto;}
#form_guestbook #fld_name, #form_guestbook #fld_email {width:159px;}
#form_guestbook #fld_web {width:159px;}
#form_guestbook #fld_title {width:500px;}
#form_guestbook #fld_comments {width:500px;height:100px;}
#form_guestbook #fld_solution {width:50px;}
#guestbook .container_item {margin-bottom:1em; padding-bottom:5px; background-color:#fff1c2;}
#guestbook .container_title {border-bottom:1px solid #FFFFFF; margin-bottom:5px; background-color:#ebad27; padding:5px;}
#guestbook .title {font-weight:bold;}
#guestbook .container_title .date {float:right;}
#guestbook .author {padding:0 5px; margin-bottom:5px;}
#guestbook .text {padding:0 5px;}