@charset "iso-8859-1";
/* CSS Document */
body { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; background-color: #fff; background-image: url("/el/hg-body.jpg"); background-repeat: repeat-x; background-position: center top; margin: 0; padding: 0; width: 100%; height: 100% }
body.print { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; background-color: #fff; background-image: none; margin: 0; padding: 0 }
a { color: #6c6f6b }
a:hover { color: #d30132; background-color: #b5b7b5 }
a.no-hover,
a.no-hover:hover { background-color: transparent; background-image: none !important; margin: 0 !important; padding: 0 !important; border-bottom: none !important }
.clear { line-height:0; font-size:0; height:0; clear:both; }
div,
td,
a,
h1,
h2,
h3,
img,
input { color: #6c6f6b; font-size: 12px; line-height: 16px; margin: 0; padding: 0 }
ul,
ol,
li { color: #6c6f6b; font-size: 13px; line-height: 18px; margin-top: 0; margin-bottom: 0 }
p { color: #6c6f6b; font-size: 13px; line-height: 16px; margin-right: 0; margin-left: 0 }
img.no-border { border-style: none !important }
#lyr1 { text-align: left; visibility: hidden; margin-left: -125px; position: absolute; z-index: 80; top: 0; left: 50%; width: 250px; height: 400px }
#lyr2 { visibility: hidden; position: absolute; z-index: 80; top: 0; left: 0; width: 100%; height: 100% }
#lyr3 { visibility: hidden; position: absolute; z-index: 80; top: 0; left: 0; width: 1px; height: 1px }
#guided-tour-hg { background-color: #000; position: absolute; z-index: 90; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; -moz-opacity: 0.6; filter: alpha(opacity=60); opacity: 0.6 }
#guided-tour { position: absolute; z-index: 100; top: 0; width: 100%; height: 100% }
#guided-tour-container { text-align: left; margin:-250px 0 0 -380px; position:absolute; z-index: 110; top: 50%; left:50%; width: 760px; height: 500px; }
#body { text-align: center; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100% }
#main { text-align: left; margin-right: auto; margin-left: auto; z-index: 2; width: 960px }
#main_print { background-repeat: no-repeat; text-align: left; margin-right: auto; margin-left: auto; z-index: 2; width: 601px }
#main_gallery { background-repeat: no-repeat; text-align: left; z-index: 2; width: 100% }
#header { width:960px; height:202px; padding:10px 0 0 0; margin-bottom:10px; z-index: 3; position:relative; }
#header_print { background-color: #fff; text-align: center; margin-bottom: 10px; z-index: 1; width: 601px; height: 75px; border-bottom: 1px solid #6c6f6b }
#header_gallery { background-color: #fff; text-align: center; margin-bottom: 10px; z-index: 1; width: 100%; height: 75px; border-bottom: 1px solid #6c6f6b }
#logo-de,
#logo-en { z-index: 4; width:193px; height:81px; position:absolute; left:11px; top:138px; display:block; background-repeat: repeat-x; background-position: center top; }
#logo-de { background-image: url("/el/w.ag-logo-de.png"); }
#logo-en { background-image: url("/el/w.ag-logo-en.png"); }
#logo-de:hover,
#logo-en:hover { background-color:transparent; }
#langnavi { z-index: 4; position:absolute; right:10px; bottom:43px; }
#langnavi a { text-decoration: none; }
#langnavi a img { position:relative; top:2px; }
#langnavi a.sel { color: #000; }
#topnavi { z-index: 4; position:absolute; left:205px; bottom:0; }
#topnavi a { color: #000; font-size: 14px; font-weight: bold; text-decoration: none; display:block; float:left; padding:9px 5px 9px 1px; margin-right:20px; -moz-opacity:0.4; filter:alpha(opacity=40); opacity:0.4; }
#topnavi a span { color: #d30132; font-weight: bold; position:relative; top:-1px; left:-1px; }
#topnavi a:hover { background-color:#FFF; }
#topnavi a.sel,
#topnavi a.sel:hover { -moz-opacity:1.0; filter:alpha(opacity=100); opacity:1.0; background-color:transparent; }
/*#container { z-index: 3; width: 960px; height: 100%; }
#container_print { padding-right: 90px; padding-left: 90px; z-index: 1; width: 600px; height: 100% }
#container_gallery { z-index: 1; width: 100%; height: 100% }*/
#subnavi { padding-right: 28px; z-index: 4; width: 182px; height: 100%; float: left; }
#content { padding:10px 40px 20px 0; z-index: 4; width: 530px; height: 100%; float: left; }
#content_gallery { background-image: none; text-align: center; z-index: 4; width: 100%; height: 100%; float: left }
#feature { background-image: none; z-index: 4; width: 170px; height: 100%; float: left }
#footer { color: #567aae; font-size: 11px; background-image: url("/el/hg-footer.gif"); background-repeat: repeat-x; background-position: center 10px; margin: 0; padding: 10px 0; z-index: 3; width: 960px; height: 26px; float: left; vertical-align: middle }
#footer #footernavi-1 { padding-left: 10px; z-index: 4; width: 190px; height: 26px; float: left }
#footer #footernavi-2 { z-index: 4; width: 500px; height: 26px; float: left }
#footer #footernavi-3 { text-align:right; z-index:4; width:90px; height:26px; float:left }
#footer #footernavi-4 { text-align:center; color:#cccccc; }
#footer #footernavi-4 a { color:#aaaaaa; }
#footer #footernavi-4 a:hover { color:#555555; }
#footer_print { color: #6c6f6b; font-size: 11px; background-image: none; text-align: center; margin: 0; padding: 0; z-index: 3; width: 601px; float: left; vertical-align: middle; border-top: 1px solid #6c6f6b }
#footer_gallery { color: #6c6f6b; font-size: 11px; background-image: none; text-align: center; margin: 0; padding: 0; z-index: 3; width: 100%; float: left; vertical-align: middle; border-top: 1px solid #6c6f6b }
#subnavi h2 { color: #d30132; font-size: 15px; font-weight: bold; list-style-type: none; margin-top: 14px; margin-bottom: -8px; padding-left: 10px; }
#subnavi ul { list-style-type:none; margin:13px 0 0 0; padding:1px 0; width:182px; }
#subnavi ul li { color:#848182; font-size:13px; line-height:14px; list-style-type:none; margin-bottom:5px; width:182px; }
#subnavi ul li a { color:#848182; text-decoration:none; display:block; padding-bottom:1px; padding-left:10px; width:172px; }
#subnavi ul li a:hover { color:#d30132; }
#subnavi ul li a.sel:hover { color:#000; background-color: #b5b7b5; }
#subnavi ul li a.sel { color:#000; background-color: transparent; }
#subnavi a.img-lnk, #subnavi a.img-lnk:link, #subnavi a.img-lnk:active, #subnavi a.img-lnk:visited, #subnavi a.img-lnk:hover { text-decoration: none !important; background-color: transparent; background-image: none !important; margin-bottom: 0; padding-left: 0 !important; z-index: 5 }
#subnavi p.notice { color: #d30132; font-size: 11px; margin-top: 0; padding-left: 12px; width: 170px }
#content h1 { color:#b5b7b5; font-size:18px; font-weight:bold; line-height:22px; margin:0 0 10px; padding:0; z-index:5; }
#content h2 { color:#d30132; font-size:14px; font-weight:bold; line-height:18px; margin:0 0 7px; padding:0; z-index:5; }
#content h2 a { color:#d30132; font-size:15px; line-height:18px; margin-bottom:7px; padding-left:10px; z-index:5; border-bottom:none !important; }
#content hr { color:#d30132; background-color:#d30132; z-index:5; height:1px; border-style:none; border-color:#567aae; }
#content h2 div.date { color:#b5b7b5; font-size:11px; font-weight:bold; margin:0; padding:0; z-index:5; }
#content div.content { z-index:5; width:530px; }
#content div.content img { z-index:6; border:solid 1px #6c6f6b; }
#content div.img img { margin-bottom: 10px; z-index: 5; border: solid 1px #6c6f6b }
#content div.img p { color: #000; font-size: 10px; background-color: #d4e0d4; margin-top: -10px; margin-bottom: 10px; padding-right: 3px; padding-bottom: 2px; padding-left: 3px; z-index: 5; width: 414px }
#content div.img_padding_left { z-index: 5; float: left }
#content div.img_padding_left img { margin-right: 10px; margin-bottom: 10px; z-index: 6; border: solid 1px #6c6f6b }
#content div.img_padding_left p { color: #6c6f6b; font-size: 10px; background-color: #dcdcdc; margin-top: -10px; margin-right: 10px; margin-bottom: 10px; padding-right: 3px; padding-bottom: 2px; padding-left: 3px; z-index: 6; width: 244px }
#content div.img_padding_right { z-index: 5; float:right; padding:0 0 14px 14px; }
#content div.img_padding_right img { margin-bottom: 10px; margin-left: 10px; z-index: 6; border: solid 1px #6c6f6b }
#content div.img_padding_right p { color: #6c6f6b; font-size: 10px; background-color: #dcdcdc; margin-top: -10px; margin-bottom: 10px; margin-left: 10px; padding-right: 3px; padding-bottom: 2px; padding-left: 3px; z-index: 6; width: 244px }
#content ul { list-style-type: square; margin: 0 0 15px 15px; padding: 0; z-index: 5 }
#content p { margin: 0 0 15px; padding: 0; z-index: 5 }
#content a, #content a:link, #content a:active, #content a:visited { text-decoration: none; background-image: url("/el/w.ag-link-hg.gif"); background-repeat: no-repeat; background-position: left 3px; padding-left: 10px; z-index: 5; border-bottom: 1px dashed #6c6f6b }
/*#content a:hover { text-decoration: none; background-image: url("/el/w.ag-link-hover.gif"); background-repeat: no-repeat; background-position: left bottom; padding: 0 0 0 10px; z-index: 5 }*/
#content a.unmarked, #content a.unmarked:link, #content a.unmarked:active, #content a:visited.unmarked { text-decoration: none; background-image: none; padding-left: 0; z-index: 5; border-bottom: 1px dashed #6c6f6b }
#content a.unmarkedNoBorder,
#content a.unmarkedNoBorder:link,
#content a.unmarkedNoBorder:active,
#content a.unmarkedNoBorder:visited { text-decoration:none; background-image:none; padding-left:0; z-index:5; border:none !important; }
#content a.unmarkedNoBorder:hover { background-color:transparent; }
#content div.content table.gallery { }
#content div.content table.gallery td { padding-bottom: 3px }
#content div.content table.dimensions { }
#content div.content table.dimensions td { padding: 1px 2px; border-bottom: 1px solid #b5b7b5 }
/**/
/**/
#content div.listnav, #content_gallery div.listnav { color: #b5b7b5; font-size: 11px; font-weight: normal; line-height: 14px; text-decoration: none; margin-bottom: 10px; z-index: 5 }
#content div.listnav a, #content div.listnav a:link, #content div.listnav a:active, #content div.listnav a:visited, #content_gallery div.listnav a, #content_gallery div.listnav a:link, #content_gallery div.listnav a:active, #content_gallery div.listnav a:visited { color: #b5b7b5; font-size: 11px; font-weight: normal; line-height: 14px; text-decoration: none; background-image: none; padding-left: 0; z-index: 5; border-bottom: medium none }
#content div.listnav a:hover, #content_gallery div.listnav a:hover { color: #d30132; font-size: 11px; font-weight: normal; line-height: 14px; text-decoration: none; background-color: #b5b7b5; z-index: 5 }
#content div.listnav div.pagenr { color: #b5b7b5; z-index: 5; float: right }
#content div.listnav div.pagenr span.sel { color: #fff; background-color: #d30132; padding-right: 1px; padding-left: 1px; z-index: 5 }
#content div.list { z-index: 5; width: 530px; float: left; border-bottom: 1px dashed #ccc; padding: 0; margin-top: 0; margin-right: 0; margin-bottom: 10px; margin-left: 0; }
#content div.list_left { text-align:center; z-index:5; width:251px; float:left; padding:0 0 10px 0; }
#content div.list_right { text-align:center; margin-left:28px; z-index:5; width:251px; float:left; padding:0 0 10px 0; }
#content div.list img { margin: 0; padding: 0; }
#content div.list .clear { line-height: 0px; font-size: 0px; height: 0px; }
#content div.listnav div.prev-next { color: #b5b7b5; z-index: 5 }
/**/
/**/
#feature div { margin-top: 14px }
#feature div h2 { color:#d30132; font-size:15px; line-height:18px; font-weight:bold; margin-top:0; margin-bottom:5px; }
#feature div h2 a { color: #d30132; font-size:15px; display:block; font-weight:bold; }
#feature div h2 a small { display:block; color: #6c6f6b; font-size: 13px; font-weight: normal; }
#feature div form { margin-top: 0 }
#feature div div.img { margin-top: 0; margin-bottom: 5px }
#feature div div.img img { margin-top: 0; margin-bottom: 0; border: solid 1px #6c6f6b }
#feature div div.txt { font-size: 11px; line-height: 13px; margin-top: 0 }
#feature div div.txt a { font-size: 11px; text-decoration: none; background-image: url("/el/w.ag-link-hg.gif"); background-repeat: no-repeat; background-position: left 2px; padding-left: 10px; z-index: 5; border-bottom: 1px dashed #6c6f6b }
#feature div div.txt a.img-lnk, #feature div div.txt a.img-lnk:link, #feature div div.txt a.img-lnk:active, #feature div div.txt a.img-lnk:visited, #feature div div.txt a.img-lnk:hover { text-decoration: none !important; background-color: transparent; background-image: none !important; padding-left: 0 !important; z-index: 5; border: none !important; }
/**/
/**/
#footer a, #footer a:link, #footer a:active, #footer a:visited { color: #6c6f6b; font-size: 11px; font-weight: normal; text-decoration: none }
#footer a span, #footer a:link span, #footer a:active span, #footer a:visited span { color: #d30132; font-weight: normal; text-decoration: none }
/**/
/**/
table.we_edit_block { background-color: #d9d9d9; margin: 0; padding: 0; border: solid 1px #c00 }
table.we_edit_block td.next { border-bottom: 1px solid #c00 }
span.we_edit_advice { color: #c00; font-size: 13px; font-weight: bold }
.we_editmode { color: #c00; font-weight: bold; line-height: 14px }
/**/
/**/
form.request select { font-size: 11px; background-color: #f0f0f0; margin-top: 1px; margin-bottom: 1px; width: 202px; border: solid 1px #6c6f6b }
form.request input { font-size: 11px; background-color: #f0f0f0; margin-top: 1px; margin-bottom: 1px; width: 200px; border: solid 1px #6c6f6b }
form.request input.error { color: #ffffff; background-color: #c00 }
form.request input.plz { width: 50px }
form.request input.plz_error { color: #fff; background-color: #c00; width: 50px }
form.request input.ort { width: 145px }
form.request input.ort_error { color: #fff; background-color: #c00; width: 145px }
form.request textarea { background-color: #e6e6e6; margin-top: 1px; margin-bottom: 1px; width: 300px; height: 100px; border: solid 1px #6c6f6b }
form.request input.checkbox { position: relative; top: 1px; width: 15px; border-style: none }
form.newsletter input { font-size: 11px; background-color: #f0f0f0; margin-top: 1px; margin-bottom: 1px; width: 151px; height: 17px; border: solid 1px #6c6f6b }
form.newsletter input.error { color: #ffffff; background-color: #c00 }
form.newsletter input.send { margin-left: 2px; width: 15px; height: 40px; border-style: none }
form.newsletter select { font-size: 11px; background-color: #f0f0f0; margin-top: 1px; margin-bottom: 1px; z-index: 1; width: 153px; height: 17px; border: solid 1px #6c6f6b }
/**/
/**/
#content div.left { margin-right: 10px; z-index: 5; width: 205px; float: left }
#content div.right { z-index: 5; width: 205px; float: left }
/**/