@charset "utf-8";
html { height:100%; background-color:#bbbdbe; }
body { margin:0; padding:0; height:100%; font-family:Arial, Verdana, Helvetica, Tahoma, sans-serif; font-size:0.85em; text-align:center; }
.clear { line-height:0; font-size:0; height:0; clear:both; }

a { color:#00957E; }
a:hover, a.sel { color: #fff; background-color:#00957E; }
a img { border: none; }

h1 { display: none; }
h2 { font-size: 2em; color:#00957e; font-weight:normal; }
h3 { font-size: 1.6em; color:#00957e; }

h2, h3, p, ul { padding: 0px; margin-bottom: 0.3em; line-height: 1.25em; }
h2 { margin-top: 0em; }
h3, p, ul { margin-top: 0.6em; }

h2 small, h3 small { float:right; font-size: 0.6em; font-weight:normal; color:#00957e; }
p.small, small { font-size: 0.85em; }

div.img { padding-bottom: 0.5em; }
.imgRight { float: right; padding-left: 15px; }
.imgLeft  { float: left; padding-right: 15px; }

div.listnav  { color: #00957e; font-size: 0.85em; margin-bottom: 1.5em; }
div.listnav div.pagenr { float: right; }
div.listnav div.pagenr span.sel  { color: #fff; background-color: #00957e }

#main { min-height:100%; width:960px; padding:0 10px; margin: 0px auto; text-align: left; background-image: url(/el/hg-main.gif); background-repeat: repeat-y; background-position: left top; }

#header { height:238px; position:relative; background-color:#FFF; background-image: url(/el/hg-header.gif); background-repeat: repeat-x; background-position: right bottom; }
#logo { width:250px; height:98px; position:absolute; bottom:0; left:0; z-index:100; }

#navi { width:250px; float:left; list-style-type: none; margin-bottom:189px; padding:20px 0 0 0; }
#navi ul { background-color:#40b09e; list-style-type:none; margin:1px 0 0 0; padding:0; width:250px; font-size: 1em; line-height:1.5em; border-bottom: solid 1px #FFFFFF; }
#navi ul li { border-top:solid 1px #FFFFFF; }
#navi ul li a { padding:0 10px; text-decoration: none; display:block; width:230px; color:#fff; }
#navi ul li a:hover { color:#00957E; background-color:#fff; }
#navi ul li a span { font-family:Arial, Helvetica, sans-serif; font-size:1.25em; font-weight:bold; color:#969184; float:right; position:relative; top:-1px; }
#navi ul li ul { background-color:none; font-weight: normal; border:none; }
#navi ul li ul li { border:none; }
#navi ul li ul li a { padding-left:20px; width:220px; }
#navi ul li.sel a,
#navi ul li.sel ul li.sel a { font-weight:bold; }
#navi ul li.sel ul li a { font-weight:normal; }

#content { padding:20px; width:670px; float:left; }
#content div.iconRight { float:right; position:relative; top:-7px; right:-12px; }
#content .first { margin-top: -0.6em }
#content .left { width:350px; padding:0 20px 0 0; margin-bottom:0.6em; float:left; }
#content .right { width:300px; padding:0; margin-bottom:0.6em; float:left; }
#content .right img { margin-top:0.6em; }

#content ul { margin:0; padding:0 0 0.4em; list-style-type:square; }
#content ul li { margin:0 0 0.4em 16px; padding:0; }

/*#content ul { margin:0; padding:0; list-style-type:none; border-bottom: 1px solid #C9C2B1; }
#content ul li { padding:2px 10px 2px 15px; border-top: 1px solid #C9C2B1; background-image: url(/el/hg-li.gif); background-repeat: no-repeat; background-position: left 8px; }
#content ul li ul { margin:0 -10px 0 -15px; border-bottom:none; }
#content ul li ul li {padding:2px 10px 2px 30px; background-position: 15px 8px; }*/

#content div.linklist { margin:0 -10px; padding:0; }
#content div.linklist h3 { font-size:1.25em; }
#content div.linklist h3 a { display:block; cursor:pointer; padding:10px 25px 10px 10px; text-decoration:none; }
#content div.linklist h3 a:hover { color:#00957e; background-color:#ddd; }
#content div.linklist h3 a span { color:#222; font-size:0.8em; font-weight:normal; display:block; }
#content div.linklist h3 a span.more { text-decoration:underline; }
#content div.linklist h3 a span.more span { display:inline; color:#00957e; font-family:Arial, Verdana, Helvetica, sans-serif; font-size:1.3em; font-weight:bold; }

#content ul.gallery { margin:0; padding:0; border:none; clear:both; width:670px; min-height:100px; }
#content ul.borderTop { border-top:1px solid #00957E !important; }
#content ul.gallery li { margin:0; display:inline; width:126px; float:left; padding:10px 8px 10px 0 !important; background:none; border:none; }
#content ul.gallery li.last { padding-right:0; }
#content ul.gallery li a { border:0; }
#content ul.gallery li a img { border:1px solid #00957E; padding:1px; -moz-opacity: 0.7; filter: alpha(opacity=70); opacity: 0.7; }
#content ul.gallery li a:hover { background: none; }
#content ul.gallery li a:hover img { border:1px solid #00957E; -moz-opacity: 1; filter: alpha(opacity=100); opacity: 1 }

#content ul.partner { margin:0; padding:0; border:none; clear:both; width:670px; min-height:126px; }
#content ul.partner li { margin:0; display:inline; width:126px; float:left; padding:10px 8px 10px 0 !important; background:none; border:none; }
#content ul.partner li.last { padding-right:0; }
#content ul.partner li a { border:0; }
#content ul.partner li a img { -moz-opacity: 0.7; filter: alpha(opacity=70); opacity: 0.7; }
#content ul.partner li a:hover { background: none; }
#content ul.partner li a:hover img { -moz-opacity: 1; filter: alpha(opacity=100); opacity: 1 }

#content table.border { margin:2em 0; }
#content table.border td,
#content table.border th[scope=col] { padding-left:5px; }
#content table.border th,
#content table.border td { padding:5px; border-bottom:1px solid #a5abaf; }
#contactForm input,
#contactForm textarea,
#contactForm select { font-size: 11px; padding: 3px; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; }
#contactForm input,
#contactForm textarea { border: 1px solid #999; width: 300px; }
#contactForm textarea { height:100px; }
#contactForm #PLZ { width: 50px; margin-right: 4px; }
#contactForm #Ort { width: 234px; }
#contactForm #prospekt,
#contactForm #anruf { width: 10px; border:none; }
#contactForm #send { width: 100px; }
#contactForm select { width: 308px;}
#contactForm hr { margin:3px 0 4px 0; padding:0; }
.error { background-color:#bf0000; color:#fff; }
label.error { border-bottom:1px solid #bf0000; background:none; color:#bf0000; }
p.error { padding:5px; }

#footer { font-size: 0.75em; left: 0px; width: 100%; height: 20px; z-index:10; position:absolute; margin:-20px 0 0 0; }
#footer .container { position:relative; text-align: left; width:960px; height:20px; margin-right: auto; margin-left: auto; background-image: url(/el/hg-footer.gif); background-repeat: no-repeat; background-position: left top; }
#footer #mascot { position:absolute; width:179px; height:136px; top:-116px; left:-10px; }
#footer #imprint { float:left; background-color:#40b09e; width:240px; height:16px; padding:3px 10px 0 0; border-top:1px solid #fff; text-align:right; }
#footer #imprint a { color:#FFF; text-decoration:none; }
#footer #imprint a:hover { color:#00957E; background-color:#fff; }

.weEditBlock { background-color: #c8c8c8; padding: 5px; border: solid 2px #c80000 }
.weEditBlock .next { border-bottom: solid 2px #c80000; }
.weEditAdvice { color: #c80000; font-size: 13px; font-weight: bold }