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

.inline { display:inline; }
p.inline { padding-bottom:50px; }

h1 { font-size:2em; font-weight:normal; margin:0; padding:0; }
h2,
h3,
strong { font-size:1em; font-weight:normal; color:#404040 !important; }
a { color:#404040; }
a:hover { background-color:#F2F2F2; }
a img { border:none; }

th { font-weight:normal; padding-right:10px; text-align:left; }

#main,
#mainHomepage,
#mainStandard { min-height:100%; width:980px; margin:0 auto; padding:0; text-align:left; background-image: url(/el/hg-main.gif); background-repeat:repeat-y; background-position:center top; }
#mainHomepage { background-image: url(/el/hg-main-homepage.gif); }
#mainStandard { background-image: url(/el/hg-main-standard.gif); }


#homepage { padding:0 0 0 35px; }
#homepage h1 { text-align:center; font-size:1.75em; margin:0 35px 40px 0; }
#homepage .column { width:212px; float:left; margin:0 20px 0 0; }
#homepage .column span { width:155px; padding:40px 28px 0 29px; display:block; }
#homepage a { text-decoration:none; color:#bfbfbf; cursor:pointer; }
#homepage a strong { color:#bfbfbf !important; }
#homepage a:hover { color:#808080; background:none; }
#homepage a:hover strong { color:#404040 !important; }


#header { width:980px; height:75px; padding:11px 0 0 0; position:relative; background-image: url(/el/hg-header.gif); background-repeat:no-repeat; background-position:center top; }
#header #specialNavi { position:absolute; right:19px; top:15px; font-size:0.75em; color:#999999; }
#header #topNavi { position:absolute; left:28px; bottom:5px; font-size:1em; }
#header #topNavi a { padding-left:15px; margin-right:10px; background-position:left -30px; background-repeat:no-repeat; }
#header #topNavi a.design { background-image: url(/el/hg-topnavi-design.gif); }
#header #topNavi a.production { background-image: url(/el/hg-topnavi-production.gif); }
#header #topNavi a.verlag { background-image: url(/el/hg-topnavi-verlag.gif); }
#header #topNavi a.photo { background-image: url(/el/hg-topnavi-photo.gif); }
#header #topNavi a:hover,
#header #topNavi a.sel { background-position:left 3px; color:#595959; background-color:transparent; }
#header #topNavi a,
#header #specialNavi a { color:#999999; text-decoration:none; }
#header #topNavi a:hover,
#header #specialNavi a:hover { color:#595959; }

#headlineBoxNavi,
#topContentContent { float:left; }
#headlineBoxNavi { width:249px; }
#topContentContent { width:718px; }

#headlineBoxNavi .headlineBox,
#headlineBoxNavi .navi { margin:0 2px 0 13px; display:inline; }

#headlineBoxNavi .headlineBox,
#topContentContent .topContent { background-image:url(/el/hg-divider.gif); background-repeat:repeat-x; background-position:left bottom; padding-bottom:3px; }
#topContentContent .standard { background-image:url(/el/hg-divider-standard.gif); }

#headlineBoxNavi .headlineBox,
#headlineBoxNavi .navi,
#topContentContent .topContent,
#topContentContent .content { float:left; }

#headlineBoxNavi .headlineBox { width:214px; height:196px; padding-top:30px; padding-left:20px; color:#FFF; }
#headlineBoxNavi .design { background-color:#004170; }
#headlineBoxNavi .production { background-color:#B80942; }
#headlineBoxNavi .photo { background-color:#827F85; }
#headlineBoxNavi .verlag { background-color:#44662F; }

#topContentContent .topContent { background-color:#FFF; }
#topContentContent .design { background-color:#e5ecf0; }
#topContentContent .production { background-color:#f8e6ec; }
#topContentContent .photo { background-color:#f2f2f3; }
#topContentContent .verlag { background-color:#ecefea; }


.navi { width:232px; padding:0 1px; padding-bottom:51px; }
.navi ul { list-style-type:none; margin:0; padding:0; width:232px; }
.navi ul li { list-style-type: none; padding:0; margin:0; border-bottom:1px solid #ccc; }
.navi ul li a { padding:10px 0 11px 18px; text-decoration: none; display:block; width:214px; color:#999999; }
.navi ul li a:hover,
.navi ul li.sel { color:#595959; background-color:#F2F2F2; background-image: url(/el/hg-navi.gif); background-repeat:repeat-x; background-position:left top; }
.navi ul li.sel a { color:#595959; }

.navi ul li.sel ul { margin-top:-10px; }
.navi ul li.sel ul li { background:none; border:none; }
.navi ul li.sel ul li a { padding:4px 0 5px 38px; width:194px; color:#999999; }
.navi ul li.sel ul li a:hover,
.navi ul li.sel ul li.sel a { color:#595959; background-color:#E6E6E6; background-image:none; }


.topContent { width:718px; height:226px; position:relative; }
.topContent ul.teamHeader { width:720px; height:228px; margin:0 -2px -2px 0; padding:0; }
.topContent ul.teamHeader li { width:78px; height:74px; margin:0 2px 2px 0; padding:0; list-style:none; float:left; }
.topContent ul.teamHeader li.design { background-color:#004170 !important; }
.topContent ul.teamHeader li.production { background-color:#B80942 !important; }
.topContent ul.teamHeader li.photo { background-color:#827F85 !important; }
.topContent ul.teamHeader li.verlag { background-color:#44662F !important; }
.topContent ul.teamHeader li.img { background-color:#FFF !important; }

.topContent ul.teamHeader li a img { -moz-opacity:0.5; filter:alpha(opacity=50); opacity:0.5; }
.topContent ul.teamHeader li a.sel img,
.topContent ul.teamHeader li a:hover img{ -moz-opacity:1; filter:alpha(opacity=100); opacity:1; }

.topContent div.txt { position:absolute; left:20px; bottom:23px; width:500px; z-index:20; }


.content { width:718px; padding-bottom:51px; }

.gallery img { padding:0 1px; }

.content .contentSmall,
.content .contentWide { padding:20px 28px 10px; }

.content .contentSmall { width:502px; float:left; }
.content .contentWide { width:662px; }

.content .left, 
.content .right { width:301px; float:left; }
.content .left { padding-right:27px; }
.content .right { padding-left:27px; }

.content .framed .left { border-right:1px solid #CCC; padding-right:29px; }
.content .framed .right { border-left:1px solid #CCC; padding-left:29px; margin-left:-1px; }

.content .noPaddingRight { padding:20px 0 10px 28px; width:690px; }
.content .noPaddingRight .left { width:304px; }
.content .noPaddingRight .right { width:331px; }
.content .noPaddingRight .right img { margin-bottom:2px; }
.content .paddingTop { padding:20px 0 0 0; }

.content h3 { font-weight:bold; }
.content h3.list { margin:0 !important; }
.content h3.list a { display:block; text-decoration:none; color:#404040; width:301px; margin:0 -5px !important; padding:5px; }
.content h3.list em { display:block; color:#bfbfbf; padding:5px 0; font-style:normal; }
.content h3.list span { font-size:0.85em; font-weight:normal; color:#808080; }
.content h3.list img { float:right; padding-left:10px; }

.content div.listnav { font-size: 0.85em; border-top:1px solid #ccc; padding:10px 20px; }
.content div.listnav div.pagenr { float: right; }
.content div.listnav div.pagenr span.sel  { color: #000; background-color: #C9C2B1 }

.content div.newsFeed { float:left; width:158px; font-size:0.85em; padding:0 0 0 2px; }
.content div.newsFeed h3 { padding:0 1px 4px 1px; margin:0; font-weight:bold; background-image: url(/el/hg-newsfeed.gif); background-repeat:repeat-x; background-position:left bottom; }
.content div.newsFeed a { display:block; padding:10px 10px 20px 10px; text-decoration:none; }
.content div.newsFeed span { font-weight:normal; }

.content a.file { min-height:33px; padding:3px 3px 3px 44px; display:block; background-color:#F2F0F0; background-repeat: no-repeat; background-position: left top; margin:0 0 1.5em 0; -moz-opacity: 0.8; filter: alpha(opacity=80); opacity: 0.8; border:none; }
.content a.pdf { background-image: url(/el/hg-pdf-file.gif); }
.content a.maps { background-image: url(/el/hg-maps-file.gif); }
.content a.instructions { min-height:43px; padding:5px; background-color:#F2F0F0; padding:3px 3px 3px 145px; display:block; background-image:url(/el/get-adobe-reader.gif); background-repeat:no-repeat; background-position: left top; margin:1.2em 0 0.3em 0; -moz-opacity: 0.8; filter: alpha(opacity=80); opacity: 0.8; border:none; }
.content a.file:hover,
.content a.instructions:hover {-moz-opacity: 1; filter: alpha(opacity=100); opacity: 1; color:#3F3F40; }

/*table.contactForm th { padding-top: 2px; padding-right: 5px; font-weight: normal; }
table.contactForm table.borders { border-top: 1px solid #c9c2b1; }
table.contactForm table.borders td { padding: 2px 5px 2px 0; border-bottom: 1px solid #c9c2b1; }
table.contactForm table.borders td small { padding: 0 0 0 21px; display:block; }
form.request input, form.request textarea, form.request select { font-size: 11px; padding: 2px; margin-bottom: 5px; }
form.request input, form.request textarea { border: 1px solid #c9c2b1; }
form.request input { width: 210px; }
form.request textarea { width: 470px; }
form.request input.plz { width: 45px !important; margin-right: 4px; }
form.request input.plz_error { width: 45px !important; margin-right: 4px; background-color:#cc0000; }
form.request input.ort {width: 151px !important; }
form.request input.ort_error {width: 151px !important; background-color:#cc0000; }
form.request input.vorname {width: 98px !important; margin-right: 4px; }
form.request input.vorname_error {width: 98px !important; margin-right: 4px; background-color:#cc0000; }
form.request input.name {width: 98px !important; }
form.request input.name_error {width: 98px !important; background-color:#cc0000; }
form.request input.checkbox { width: 15px !important; border: none; background-color: transparent; padding:0 !important; margin:0 5px 0 0 !important; }
form.request select { width: 215px;}
form.request .error { background-color:#cc0000; }
span.errorText { font-size: 0.85em; color:#cc0000; }*/

#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 #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,
#footerHomepage,
#footerStandard { font-size:0.85em; left:0; width:100%; height:36px; z-index:10; position:absolute; margin:-36px 0 0 0; }
#footer .container,
#footerHomepage .container,
#footerStandard .container { text-align:center; width:980px; height:36px; margin:0 auto; background-image:url(/el/hg-footer.gif); background-repeat:no-repeat; background-position:left top; position:relative; }
#footerHomepage .container{ background-image:url(/el/hg-footer-homepage.gif); }
#footerStandard .container{ background-image:url(/el/hg-footer-standard.gif); }

#footer address,
#footerHomepage address,
#footerStandard address { font-style:normal; position:relative; padding:17px 0 0 0; color:#808080; }
#footer address strong,
#footerHomepage address strong,
#footerStandard address strong { color:#404040; font-weight:normal; }
#footer address a,
#footerHomepage address a,
#footerStandard address a { color:#808080; text-decoration:none; }
#footer address a:hover,
#footerHomepage address a:hover,
#footerStandard address a:hover { color:#fff; background-color:#404040; text-decoration:none; }


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