html, body { height:100%; }
body {
font-size:12px;
text-align:center;
font-family:Verdana,Tahoma,Helvetica,Arial,Sans-serif,sans-serif;
color:rgb(0,0,0);
background-color:#505050;
#background-image:url('hgr_komplett.gif');
background-repeat:repeat-x;
}
#box{
margin:0px auto;
width:952px;
}
#logo{
background-image:url('logo_06.jpg');
background-repeat:no-repeat;
width:952px;
height:154px;
border:0;
float:left;
padding-top:8px;
display:inline;
}
#mundi{
width:952px;
#background-image:url('hgr_inhalt.gif');
float:left;
}
#animation{
width:371px;
height:175px;
float:left;
}
#zwischenbalken {
width:806px;
height:65px;
border:0;
float:left;
text-align:right;
}
#links {
width:200px;
height:590px;
border:0;
float:left;
text-align:left;
background-image:url('hgr_links.gif');
#background-color:#e0e0e0;
}
#links_inhalt {
width:173px;
height:582px;
border:0;
float:left;
text-align:left;
padding-left:27px;
padding-top:8px;
display:inline;
}
#links_inhalt ul {
font-size:12px;
list-style-type: none;
margin:0;
margin-top:-1px;
padding:0;
}
#links_inhalt li {
float:left;
width:160px;
margin:0;
}
.navi_links_1 {
color:#ffffff;
height:14px;
font-size:12px;
width:155px;
margin:0;
padding: 2px 0px 2px 5px;
#padding-top:4px;
#padding-left:5px;
background-color:#0087c1;
display:block;
border-top: solid 1px #ffffff;
}
.navi_links_2 {
color:#ffffff;
height:14px;
font-size:12px;
width:155px;
margin:0;
padding: 2px 0px 2px 5px;
#padding-top:2px;
#padding-bottom:2px;
#padding-left:5px;
background-color:#62b9db;
display:block;
border-top: solid 1px #ffffff;
}
.navi_links_3 {
color:#ffffff;
height:14px;
font-size:12px;
#width:160px;
margin:0;
padding: 2px 0px 2px 15px;
#padding-top:2px;
#padding-bottom:2px;
#padding-left:5px;
background-color:#62b9db;
display:block;
border-top: solid 1px #ffffff;
}
.ebene_2 {
float:left;
width:160px;
margin:0;
}
.ebene_2 a {
#text-decoration:none;
font-size:12px;
color:#ffffff;
margin:0;
width:155px;
height:14px;
padding: 2px 0px 2px 5px;
#padding-top:4px;
#padding-left:5px;
background-color:#0087c1;
border-top: solid 1px #ffffff;
display: block;
}
.ebene_2 a:active {
background-color:#0087c1;
height:14px;
display: block;
padding: 2px 0px 2px 5px;
#padding-top:4px;
#padding-left:5px;
#padding-right:50px;
margin:0;
}
#ebene_2 a:hover {
color:#336699;
background-color:#62b9db;
height:14px;
display: block;
padding: 2px 0px 2px 5px;
#padding-top:4px;
#padding-left:5px;
#padding-right:50px;
margin:0;
}
#menue_inhalt {
width:200px;
border:0;
float:left;
text-align:left;
#background-image:url('menue_inhalt.gif');
background-color:#d9dadb;
}
#menue {
width:922px;
margin-left:30px;
height:20px;
position:relative;
top:135px;
display:inline;
border:0;
float:left;
text-align:left;
font-size:10px;
font-color:#ffffff;
}
#menue_unten {
width:200px;
height:31px;
border:0;
float:right;
text-align:right;
background-image:url('menue_unten.gif');
background-repeat:no-repeat;
}
#menue a {
font-size:12px;
color:#ffffff;
text-decoration:none;
}
#menue a:active {
font-size:12px;
color:#ffffff;
}
#menue a:hover {
font-size:12px;
color:#ffffff;
}
#schalter{
width:180px;
height:20px;
border:0;
text-align:center;
float:left;
}
#mitte {
#background-image:url('inhalt.gif');
#background-repeat:no-repeat;
background-color:#ffffff;
width:341px;
height:590px;
border:0;
float:left;
}
#inhalt_text {
width:100px;
border:0;
float:left;
text-align:justify;
font-size:12px;
}
#inhalt_text_hgr{
width:317px;
height:582px;
margin-left:12px;
margin_right:12px;
padding-top:8px;
display:inline;
border-width:0;
float:left;
text-align:left;
font-size:12px;
color:#000000;
line-height:14px;
}
#rechts {
width:411px;
height:590px;
border-width:0;
float:left;
}
#rechts_inhalt {
width:384px;
height:582px;
border-width:0;
float:left;
font-size:12px;
text-align:left;
padding-right:27px;
padding-top:8px;
display:inline;
#background-color:#ffffff;
background-image:url('hgr_rechts.gif');
overflow:auto;
line-height:14px;
}
#fuss {
width:952px;
height:15px;
padding-top:1px;
border:0;
text-align:left;
font-size:11px;
background-color:#0087c1;
#background-image:url('hgr_fuss.gif');
float:left;
clear:both;
color:#ffffff;
}
#fuss a {
color:#ffffff;
font-size:11px;
}
#abschluss {
width:952px;
height:21px;
border:0;
#background-image:url('hgr_inhalt_unten.gif');
#background-repeat:no-repeat;
float:left;
clear:both;
}
.sonderpreis {
color: red;
font-weight:bold;
}
#ueberschrift_1{
text-align:left;
font-size:14px;
color:#000000;
}
#textbox {
width: 88%;
padding-left: 25px;
-padding-left: 10px;
line-height: 140%;
float: left;
}
legend {
font-size:12px;
font-style:italic;
}
ul a {
color:#2a67aa;
font-weight:bold;
}
td {
font-size:12px;
color:#000000;
margin-bottom:8px;
}
div { margin-top:0; }
p { margin-top:0; margin-bottom:0; }
#navipath {
padding:0;
padding-bottom:10px;
background-color:#ffffff;
color:rgb(99,99,99);
width:388px;
}
.navi{
width:180px;
border-bottom:1px solid rgb(170,170,170);
background-color:rgb(250,255,255);
}
h1 {
font-size:12px;
text-align:left;
color:#111111;
margin:0;
margin-bottom:5px;
}
h1.content {
margin-bottom:12px;
padding:0;
}
hr { color:rgb(210,210,210); }
a { font-size:12px; color:black; text-decoration:none; }
a.aktiv_1 {
color: #ffffff;
background-color:#0087c1;
height:14px;
display: block;
padding: 2px 0px 2px 5px;
margin:0;
border-top: solid 1px #ffffff;
}
a.aktiv_2 {
color: #ffffff;
height:14px;
font-size:12px;
#width:160px;
margin:0;
padding: 2px 0px 2px 5px;
#padding-top:2px;
#padding-bottom:2px;
#padding-left:5px;
background-color:#62b9db;
display:block;
border-top: solid 1px #ffffff;
}
a.aktiv_3 {
color: #ffffff;
background-color:#c7c7c7;
height:14px;
display: block;
padding: 2px 0px 2px 15px;
margin:0;
border-top: solid 1px #ffffff;
}
a.passiv_2 {
color: #ffffff;
background-color:#9e9e9e;
height:14px;
display: block;
padding: 2px 0px 2px 5px;
margin:0;
border-top: solid 1px #ffffff;
}
a.passiv_2:hover {
color: #ffffff;
background-color:#62b9db;
height:14px;
display: block;
padding: 2px 0px 2px 5px;
margin:0;
border-top: solid 1px #ffffff;
text-decoration:none;
}
a.passiv_3 {
color: #ffffff;
background-color:#c7c7c7;
height:14px;
display: block;
padding: 2px 0px 2px 15px;
margin:0;
border-top: solid 1px #ffffff;
}
a.passiv_3:hover {
color: #ffffff;
background-color:#62b9db;
height:14px;
display: block;
padding: 2px 0px 2px 15px;
margin:0;
border-top: solid 1px #ffffff;
text-decoration:none;
}
a:hover { text-decoration:underline; }
a.newsheadline { font-weight:bold; }
a.bottomnavi { color:rgb(160,160,160); font-size:9px; }
a.additionalnavi { font-size:11px; color:#53935f; font-weight:bold; }
a.navipath { font-size:10px; color: rgb(160,160,160); }
a.navileft_passive {
display:block;
background-color:#53935f;
padding-top:3px;
padding-bottom:3px;
font-size:12px;
font-weight:bold;
letter-spacing:0.1em;
color:#ffffff;
}
a.navileft_active {
display:block;
background-color:#ffffff;
background:url("../images/navi_pfeil_rechts.gif") no-repeat;
background-position:right;
padding-top:3px;
padding-bottom:3px;
font-size:12px;
font-weight:bold;
letter-spacing:0.1em;
color:#53935f;
}
a.navileft_open {
padding-left:10px;
display:block;
background:url("../images/navi_pfeil.gif") no-repeat;
background-position:right;
background-color:#cccccc;
padding-top:3px;
padding-bottom:3px;
font-size:12px;
font-weight:bold;
letter-spacing:0.1em;
color:#000000;
}
a.sitemap_level1 {
display:block;
border-bottom:1px solid #b4a8b4;
color:rgb(217,104,28);
font-weight:normal;
padding-bottom:.4em;
background:url("../images/navi_pfeil_rechts.gif") no-repeat;
background-position:right;
}
a.sitemap_level2 {
color:rgb(62,77,116);
background:url("../images/navi_pfeil_rechts.gif") no-repeat;
background-position:170px 4px;
display:block;
}
a.sitemap_level3 {
color:rgb(190,190,190);
}
.sitemap_level2_container {
float:left;
width:50%;
padding-top:.3em;
}
.sitemap_level3_container {
float:right;
width:50%;
padding-top:.3em;
}
.impr {
border-width: 1px;
border-style: outset;
border-color: #999999;
background-color: #f5f4fa;
height: 165px;
padding:15px;
}
.aufz-fett {
vertical-align: top;
font-weight: bold;
}
.aufz-punkte {
vertical-align: top;
}
.align-center {
text-align:center;
}
.internal-link img {
border:none;
}
.internal-link-new-window img {
border:none;
}
.download img {
border:none;
}
.external-link img {
border:none;
}
.external-link-new-window img {
border:none;
}
.mail img {
border:none;
}
/* Powermail */
/* Form */
span.powermail_mandatory {
/* Color of mandatory error message */
color: #005296;
}
fieldset.tx-powermail-pi1_fieldset {
/* Fieldset */
border: 1px solid #ccc;
background-color: #f0f0f0;
padding: 10px;
}
fieldset.tx-powermail-pi1_fieldset legend {
/* legend of Fieldset */
font-weight: bold;
color: black;
}
fieldset.tx-powermail-pi1_fieldset label,
fieldset.tx-powermail-pi1_fieldset fieldset legend {
/* label */
display: block;
width: 350px;
float: left;
font-weight: bold;
color:#515151;
white-space:normal;
}
fieldset.tx-powermail-pi1_fieldset input {
margin-left:0;
}
fieldset.tx-powermail-pi1_fieldset input.powermail_text,
fieldset.tx-powermail-pi1_fieldset input.powermail_date,
fieldset.tx-powermail-pi1_fieldset input.powermail_datetime,
fieldset.tx-powermail-pi1_fieldset textarea.powermail_textarea {
/* Input and textarea */
border:1px solid #ccc;
background:#f8f8f8 none;
-moz-box-shadow:0 0 5px #eee inset;
-webkit-box-shadow:0 0 5px #eee inset;
padding:2px;
width:300px;
}
fieldset.tx-powermail-pi1_fieldset input.powermail_time,
fieldset.tx-powermail-pi1_fieldset input[type=time]{
width:60px;
}
fieldset.tx-powermail-pi1_fieldset textarea:focus,
fieldset.tx-powermail-pi1_fieldset input:not([type="submit"]):focus {
background:#fff none;
border:1px solid #333;
-moz-box-shadow:none;
-webkit-box-shadow:none;
}
fieldset.tx-powermail-pi1_fieldset div.tx_powermail_pi1_fieldwrap_html_radio input.powermail_radio {
/* Radiobuttons */
margin: 3px 0;
}
div.tx_powermail_pi1_fieldwrap_html {
/* DIV container arround every field */
margin: 0 0 0.5em 0;
clear:both;
}
fieldset.tx-powermail-pi1_fieldset input.powermail_submit {
/* submit button */
margin: 20px 0 10px 200px;
font-weight: bold;
background-color: #005296;
color: #ffffff;
}
p.tx_powermail_pi1_fieldwrap_html_checkbox_title,
p.tx_powermail_pi1_fieldwrap_html_radio_title {
margin: 0;
padding: 0;
font-weight: bold;
}
div.countryzone {
margin: 10px 0 0 200px;
}
div.tx_powermail_pi1_fieldwrap_html label a,
div.tx_powermail_pi1_fieldwrap_html p a,
div.tx_powermail_pi1_fieldwrap_html fieldset legend.tx_powermail_pi1_fieldwrap_html_checkbox_title a,
div.tx_powermail_pi1_fieldwrap_html fieldset legend.tx_powermail_pi1_fieldwrap_html_radio_title a{
/* Description */
cursor: help;
text-decoration: none;
}
div.tx_powermail_pi1_fieldwrap_html label a dfn,
div.tx_powermail_pi1_fieldwrap_html p a dfn,
div.tx_powermail_pi1_fieldwrap_html fieldset legend.tx_powermail_pi1_fieldwrap_html_checkbox_title a dfn,
div.tx_powermail_pi1_fieldwrap_html fieldset legend.tx_powermail_pi1_fieldwrap_html_radio_title a dfn{
/* Description */
display: none;
text-decoration: none;
position:absolute;
z-index:1;
width: auto;
height:15px;
padding:3px 10px 5px 10px;
background-color:#00559E;
border:1px solid #00559E;
font-size:11px;
color:#fff;
text-decoration: none;
/* CSS3 spicing for mozilla and webkit */
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
-moz-box-shadow:0 0 6px #ddd;
-webkit-box-shadow:0 0 6px #ddd;
box-shadow:0 0 6px #ddd;
}
div.tx_powermail_pi1_fieldwrap_html label a:hover dfn,
div.tx_powermail_pi1_fieldwrap_html p a:hover dfn,
div.tx_powermail_pi1_fieldwrap_html fieldset legend.tx_powermail_pi1_fieldwrap_html_checkbox_title a:hover dfn,
div.tx_powermail_pi1_fieldwrap_html fieldset legend.tx_powermail_pi1_fieldwrap_html_radio_title a:hover dfn{
/* Description on mouseover */
display: block;
}
div.tx_powermail_pi1_fieldwrap_html img.icon_info {
/* Description icon */
padding: 2px 2px 0 2px;
}
fieldset.tx-powermail-pi1_fieldset div.even {
}
/* Confirmation */
td.powermail_all_td {
padding: 3px 10px 3px 0;
}
/* THX */
td.powermail_all p.bodytext {
margin: 0;
}
fieldset.tx-powermail-pi1_fieldset fieldset {
border: 0 none;
padding: 0;
margin: 0;
position: relative;
}
fieldset.tx-powermail-pi1_fieldset fieldset legend {
position: absolute;
left: 0;
padding: 0;
margin: 0;
}
.powermail_mandatory {
color: #f00;
}
.placeholder {
color:#999;
}
.powermail_mandatory_helper{visibility:hidden;height:1px;position:absolute;}
fieldset.tx-powermail-pi1_fieldset .powermail_check_inner,
fieldset.tx-powermail-pi1_fieldset .powermail_radio_inner {
margin-left: 100px;
clear: both;
}
fieldset.tx-powermail-pi1_fieldset .powermail_check_inner label,
fieldset.tx-powermail-pi1_fieldset .powermail_radio_inner label {
float: none;
width: auto;
display: inline;
font-weight: normal;
margin-left: 7px;
}
fieldset.tx-powermail-pi1_fieldset .powermail_check_inner input,
fieldset.tx-powermail-pi1_fieldset .powermail_radio_inner input {
float: left;
position: relative;
clear: left;
}
/* Multiple JS */
div.fieldsets {
clear: both;
}
div.powermail_multiple_js fieldset.tx-powermail-pi1_fieldset legend,
div.powermail_multiple_js fieldset.tx-powermail-pi1_fieldset.ui-tabs-hide{
display:none;
}
div.powermail_multiple_js fieldset.tx-powermail-pi1_fieldset {
padding-top:15px;
}
div.powermail_multiple_js fieldset.tx-powermail-pi1_fieldset fieldset legend {
display:block;
}
ul.powermail_multiplejs_tabs {
list-style-type: none;
padding: 0;
margin: 0;
}
ul.powermail_multiplejs_tabs li {
float: left;
margin: 0 1px 0 0;
padding: 0;
list-style-type: none;
}
ul.powermail_multiplejs_tabs li a {
display: block;
padding: 5px 10px;
color: #666;
font-weight: bold;
text-decoration: none;
background: #E0E0E0;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-khtml-border-radius: 2px;
border-radius: 2px;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
outline: none;
}
ul.powermail_multiplejs_tabs li a.act {
background: #F0F0F0;
color: #333;
padding:5px 10px 6px 10px;
position:relative;
margin-bottom:-1px
}
/* error message */
.error {
/* supply height to ensure consistent positioning for every browser */
background-color:#005296;
border:1px solid #005296;
font-size:11px;
color:#fff;
padding:3px 10px 5px 10px;
margin-left:-2px;
z-index:10;
text-align:left;
height:auto;
width:100px;
/* CSS3 spicing for mozilla and webkit */
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
-moz-box-shadow:0 0 6px #ddd;
-webkit-box-shadow:0 0 6px #ddd;
box-shadow:0 0 6px #ddd;
}
.error p {
margin: 0;
padding: 0;
font-weight: bold;
}
/* pure CSS arrow */
.error em {
display:block;
width:0;
height:0;
border:10px solid;
border-color:#005296 transparent transparent;
/* positioning */
position:absolute;
bottom:-7px;
left:5px;
border-bottom:0 none;
}
/* For the details, see: http://flowplayer.org/tools/dateinput/index.html#skinning */
/* the input field */
.date {
width:198px !important;
}
/* calendar root element */
#calroot {
/* place on top of other elements. set a higher value if nessessary */
z-index:10000;
margin-top:-1px;
width:198px;
padding:2px;
background-color:#fff;
font-size:11px;
border:1px solid #ccc;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
-moz-box-shadow: 0 0 15px #666;
-webkit-box-shadow: 0 0 15px #666;
box-shadow:0 0 15px #666;
}
/* head. contains title, prev/next month controls and possible month/year selectors */
#calhead {
padding:2px 0;
height:22px;
}
#caltitle {
font-size:14px;
color:#FA8800;
float:left;
text-align:center;
width:155px;
line-height:20px;
text-shadow:0 1px 0 #ddd;
}
#calnext, #calprev {
display:block;
width:20px;
height:20px;
background:transparent url(../img/prev.gif) no-repeat scroll center center;
float:left;
cursor:pointer;
}
#calnext {
background-image:url(../img/next.gif);
float:right;
}
#calprev.caldisabled, #calnext.caldisabled {
visibility:hidden;
}
/* year/month selector */
#caltitle select {
font-size:10px;
}
/* names of the days */
#caldays {
height:18px;
border-bottom:1px solid #ddd;
}
#caldays span {
display:block;
float:left;
width:28px;
text-align:center;
}
/* container for weeks */
#calweeks {
background-color:#fff;
margin-top:4px;
}
/* single week */
.calweek {
clear:left;
height:22px;
}
/* single day */
.calweek a {
display:block;
float:left;
width:27px;
height:20px;
text-decoration:none;
font-size:11px;
margin-left:1px;
text-align:center;
line-height:20px;
color:#666;
-moz-border-radius:3px;
-webkit-border-radius:3px;
}
/* different states */
.calweek a:hover, .calfocus {
background-color:#ddd;
}
/* sunday */
a.calsun {
color:red;
}
/* offmonth day */
a.caloff {
color:#ccc;
}
a.caloff:hover {
background-color:rgb(245, 245, 250);
}
/* unselecteble day */
a.caldisabled {
background-color:#efefef !important;
color:#ccc !important;
cursor:default;
}
/* current day */
#calcurrent {
background-color:#498CE2;
color:#fff;
}
/* today */
#caltoday {
background-color:#333;
color:#fff;
}
/* slider root element */
.slider {
background:#3C72E6 url(../img/h30.png) repeat-x 0 0;
height:9px;
position:relative;
cursor:pointer;
border:1px solid #333;
width:300px;
float:left;
clear:right;
margin-top:10px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
-moz-box-shadow:inset 0 0 8px #000;
box-shadow:inset 0 0 8px #000;
}
/* progress bar (enabled with progress: true) */
.progress {
height:9px;
background-color:#C5FF00;
display:none;
opacity:0.6;
}
/* drag handle */
.handle {
background:#fff url(../img/h30.png) repeat-x 0 0;
height:28px;
width:28px;
top:-12px;
position:absolute;
display:block;
margin-top:1px;
border:1px solid #000;
cursor:move;
-moz-box-shadow:0 0 6px #000;
-webkit-box-shadow:0 0 6px #000;
box-shadow:0 0 6px #000;
-moz-border-radius:14px;
-webkit-border-radius:14px;
border-radius:14px;
}
/* the input field */
fieldset.tx-powermail-pi1_fieldset input.powermail_text.range {
float:left;
margin:0 0 0 15px;
padding:3px 0;
text-align:center;
width:50px;
}