@charset "utf-8";

html { height:100%; }
body { height:100%; font-family:Tahoma, Verdana, Arial, sans-serif; font-size:0.75em; color:#000000; background-image: url(/el/hg-body.gif); background-repeat: repeat-x; background-position: center top; background-color: #F2F2F2; margin:0; padding:0; }
.clear { line-height: 0px; font-size: 0px; height:0px; clear:both; }


a { color: #004b96; }
a:hover, a.sel { color: #000000; background-color:#bfbfbf; }
a img { border: none; }

h1, hr { display: none; }
h2 { font-size: 1.8em; color:#004b96; }
h3 { font-size: 1.4em; color:#336fab; }
h4 { font-size: 1.2em; color:#004b96; }

h2, h3, h4, p, ul, ol { margin-bottom: 0.3em; line-height: 1.25em; }
h2 { margin-top: 0em; }
h2, h3, p { padding: 0px; }
h3, p, ul, ol { margin-top: 0.6em; }
ul, ol { margin-left:0; margin-right:0; padding:0; }
li { margin:0 0 0.4em 35px; padding:0; }

h2 small, h3 small { float:right; font-size: 0.7em; font-weight:normal; color:#336fab; }
h4 small { display:block; font-size: 0.7em; font-weight:normal; color:#336fab; }
p.small, small { font-size: 0.85em; }

div.img { padding-bottom: 0.5em; }
div.img img { border:solid 1px #336FAB; }
div.img p { border:solid 1px #336FAB; margin:0; padding:0 3px 0.2em 3px; }
div.right { float: right; padding-left: 15px; }
div.left { float: left; padding-right: 15px; }
div.right p, div.left p { font-size:0.9em; color:#FFFFFF; background-color:#336FAB; width:190px; }
div.listLeft, div.listRight { float: left; width:295px; }
div.listLeft { padding-right: 15px; }

div.listnav  { color: #636058; font-size: 0.85em; margin:1.5em 0; }
div.listnav div.pagenr { float: right; }
div.listnav div.pagenr span.sel  { color: #000; background-color: #C9C2B1 }

#main { background-color: #fff; min-height:100%; width:980px; margin: 0px auto; text-align: left; background-image: url(/el/hg-main.gif); background-repeat: repeat-y; background-position: left top; }
#main.homepage { background-image:none !important; }

#header { padding:0 30px 0 0; background-color: #fff; height:126px; border-top: 10px solid #B3B3B3; }
#header #specialNavi { height:10px; padding:10px; font-size: 0.8em; }
#header #specialNavi, #header #specialNavi a { color:#808080; text-decoration:none; }
#header #specialNavi a:hover { color:#000; }
#header #logo { background-color:#eaeef7; text-align:right; background-image: url(/el/hg-header.gif); background-repeat: no-repeat; background-position: left top; }
#header #logo img { border-left:10px solid #fff; }

#mainNavi { font-weight:bold; font-size:1.1em; border-bottom:2px solid #808080; background-color:#fff; width:635px; height:25px; padding:0 0 0 140px; float:left; }
#mainNavi ul { margin:0; padding:0; list-style:none; }
#mainNavi ul li { margin:0; padding:0; list-style:none; float:left; }
#mainNavi a { text-align:center; width:86px; background-image: url(/el/hg-navi.gif); padding:4px 7px 4px 5px; height:17px; color:#fff; display:block; float:left; background-repeat: no-repeat; background-position: left -25px; text-decoration:none; }
#mainNavi ul li.first a { width:123px; background-image: url(/el/hg-navi-first.gif); }
#mainNavi ul li.last a { width:86px; padding-right:17px; background-image: url(/el/hg-navi-last.gif); }
#mainNavi a:hover { background-position: left -50px; background-color:transparent; }
#mainNavi ul li.sel a { background-position: left 0px; background-color:transparent; }
#mainNavi ul.soft li a { -moz-opacity: 0.4; filter: alpha(opacity=40); opacity: 0.4; }

#headFeature { width:173px; height:23px; padding:4px 6px 0 6px; float:left; background-image:url(/el/hg-head-feature.gif); background-repeat: no-repeat; background-position: left bottom; color:#fff; }
#headFeature h3 { font-size:1.1em; font-weight:bold; color:#fff; margin:0; }

#subNavi.hidden { display:none; }
#subNavi { width:140px; float:left; border-top:5px solid #FFFFFF; }
#subNavi ul, #subNavi ul li { list-style:none; margin:0; padding:0; width:140px; }
#subNavi ul li a { text-decoration:none; padding:5px 10px 6px 6px; display:block; border-bottom:1px solid #85a9cd; color:#fff; }
#subNavi ul li ul li a, #subNavi ul li.sel ul li a { padding:3px 10px 4px 16px; color:#fff; background-color:transparent; font-size:0.9em; }
#subNavi ul li a:hover, #subNavi ul li.sel a, #subNavi ul li ul li a:hover, #subNavi ul li ul li.sel a { background-color:#85a9cd; color:#004b96; }

#content.homepage { padding:0; width:775px; float:left; }
#content { padding:5px 10px 20px 20px; width:605px; float:left; }
#content .imgHead { margin:0 0 0.3em -15px; }
#content div.mapPosition { position:relative; }
#content div.mapPosition div { position:absolute; top:-100px; left:-15px; }
#content td, #content th[scope=col] { padding-left:5px; }
#content td, #content th { padding-bottom:5px; }
#content a.downloadFile { min-height:33px; padding:3px 3px 3px 44px; display:block; background-color:#e7e7e7; background-repeat: no-repeat; background-position: left top; margin:0.6em 0 0.3em 0; -moz-opacity: 0.8; filter: alpha(opacity=80); opacity: 0.8; }
#content a.pdf { background-image: url(/el/hg-pdf-file.gif); }
#content a.zip { background-image: url(/el/hg-zip-file.gif); }
#content a.ppt { background-image: url(/el/hg-ppt-file.gif); }
#content a.doc { background-image: url(/el/hg-doc-file.gif); }
#content a.xls { background-image: url(/el/hg-xls-file.gif); }
#content a.instructions { min-height:43px; padding:5px; background-color:#e7e7e7; padding:3px 3px 3px 145px; display:block; background-image:url(/el/get-adobe-reader.gif); background-repeat:no-repeat; background-position: left top; margin:0.6em 0 0.3em 0; -moz-opacity: 0.8; filter: alpha(opacity=80); opacity: 0.8; }
#content a.downloadFile:hover, #content a.instructions:hover {-moz-opacity: 1; filter: alpha(opacity=100); opacity: 1; }

#content ul.galleryEven { margin:0; padding:0; list-style-type:none; }
#content ul.galleryEven li { margin:0 15px 15px 0; padding:0; list-style-type:none; float:left; }
#content ul.galleryEven li a { margin:0; padding:0; border:none; background:none; }
#content ul.galleryEven li a img { border:1px solid #336FAB; }
#content ul.galleryEven li a:hover { }
#content ul.galleryEven li a:hover img { }
#content ul.galleryEven li.last { margin-right:0; }

#content ul.sitemap, #content ul.sitemap ul { list-style-type:none; padding:0; margin:0; }
#content ul.sitemap li { list-style-type:none; padding:0; margin:0 15px 0 0; float:left; width:190px;}
#content ul.sitemap li a { width:180px; background-color:#004b96; display:block; color:#FFFFFF; padding:1px 5px 2px 5px; text-decoration:none; font-weight:bold;}
#content ul.sitemap li.last { margin:0; }
#content ul.sitemap li ul li { float:none; }
#content ul.sitemap li ul li a { background-color:#336fab; font-weight:normal; }
#content ul.sitemap li ul li ul li a { background-color:#749bc2; font-size:0.9em; }
#content ul.sitemap li a:hover { background-color:#CCDBEA; color:#000; }
#content ul.newRow { margin:20px 0 0 0; }

.login input,
#contactForm input, 
#contactForm textarea, 
#contactForm select { font-size: 11px; padding: 2px; }
.login input,
#contactForm input, 
#contactForm textarea { border: 1px solid #999; width: 300px; }
#contactForm textarea { height:100px; }
#contactForm #PLZ { width: 50px; margin-right: 4px; }
#contactForm #Ort { width: 236px; }
.login input.send,
#contactForm #send { width: 120px; }
#contactForm select { width: 305px;}
#contactForm hr { margin:3px 0 4px 0; padding:0; }
.error { background-color:#cc0000; }
.advice { color:#cc0000; }


#feature { width:163px; padding:4px 16px 0 6px; float:left; font-size:0.9em; background-image:url(/el/hg-feature.gif); background-repeat: repeat-y; background-position: left top; }
#feature h3 { font-size:1.2em; }
#feature .end { width:185px; height:17px; margin:0 -6px; background-image:url(/el/hg-feature-end.gif); background-repeat: no-repeat; background-position: left top; }

.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 }