/* Allgemein */
body { margin: 0 0 0 0; background-color: #fff; font-family: Arial, Helvetica, sans-serif; background: url(../img/bg.gif) repeat-x; cursor: default }
td { color: #666; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 140% }
img { border: 0px }
li { list-style-type: square }

h1 { color: #444444; font-family: Arial, Helvetica, sans-serif; font-size: 13px }

/* Link-Formatierung allgemein */
a:link, a:visited { color:#666; text-decoration: none; cursor: pointer }
a:hover, a:active { color:#666; text-decoration: underline; cursor: pointer }

/* Link-Formatierung mit Pfeil */
.link a:link, .link a:visited { color:#666; text-decoration: none; background: url(../img/symbol_link.gif) no-repeat; background-position: 0 4; padding: 0 0 0 10; margin: 0 0 0 1 }
.link a:hover, .link a:active { color:#666; text-decoration: underline; background: url(../img/symbol_link_ovr.gif) no-repeat; background-position: 0 4; padding: 0 0 0 10 }

a:link.link, a:visited.link { color:#666; text-decoration: none; background: url(../img/symbol_link.gif) no-repeat; background-position: 0 4; padding: 0 0 0 10; margin: 0 0 0 1 }
a:hover.link, a:active.link { color:#666; text-decoration: underline; background: url(../img/symbol_link_ovr.gif) no-repeat; background-position: 0 4; padding: 0 0 0 10 }

.top { text-align: right; padding: 0 8 2 0; background: url(../img/rand_logo_rechts_top.gif) no-repeat }
.top a:link, .top a:visited { font-size: 10px; color: #fff }
.top a:hover, .top a:active  { font-size: 10px; color: #fff }

.rand_links_top { background: url(../img/rand_links_top.gif) no-repeat }
.rand_links { background: url(../img/rand_links.gif) no-repeat }
.rand_rechts { background: url(../img/rand_rechts.gif) no-repeat }
.rand_logo_mitte { background: url(../img/rand_logo_rechts_mitte.gif) no-repeat }

.logo { padding: 19 0 0 29 }

.strich_hor { background-image: url(../img/strich_hor.gif); margin:0 0 8 0 }

.r { background: url(../img/r.gif) no-repeat; background-position: top right; padding: 0 9 0 0; margin: 0 1 0 0 }
.r_orange { background: url(../img/r_orange.gif) no-repeat; background-position: top right; padding: 0 9 0 0; margin: 0 1 0 0 }

.textklein { font-size: 11px; color: #737373 }

#divSprache { width: 216px; height: 17px; background: url(../img/bg_sprache.gif) no-repeat; margin: 52 0 0 534; position: absolute; cursor: default }
#divSprache #sprache .aktlang img { margin: 3 14 0 22; float: left }
#divSprache #sprache .aktlang .lang { height: 11px; font-size: 10px; text-transform: uppercase; color: #666 }
#divSprache #sprache .btn_pfeil { float: right; margin: 3 7 0 0; height: 11px }

#languages { width: 210px; background-color:#fff; opacity: 0.9; filter:alpha(opacity=90); cursor: default; display: none; position: absolute; top: 15px; left: 3px  }
#languages .border { border: 2px solid #ebebeb; padding: 1 0 10 0 }
#languages .border .language { clear:both; margin: 2 0 0 0 }
#languages .border .language img { margin: 3 14 0 17; float: left }
#languages .border .language .lang { font-size: 10px; text-transform: uppercase; color: #666 }

#languages .border .language_inaktiv { clear: both; margin: 2 0 0 0 }
#languages .border .language_inaktiv img { margin: 3 14 0 17; float: left }
#languages .border .language_inaktiv .lang { font-size: 10px; text-transform: uppercase; color: #c0c0c0 }


.bg_login { background: url(../img/bg_login.gif) repeat-x }
.bg_login_digits { background: url(../img/bg_login_digits.gif) no-repeat }

.headline { margin-bottom: 25px }
.headline1 { color: #FC9821; font-weight: bold; font-size: 15px; margin-bottom: 1px }
.headline2 { color: #777777; font-weight: bold; font-size: 15px }


.bg_menu { background: url(../img/bg_menu.gif) no-repeat }

.menu { position: absolute }
.menu a { text-decoration: none }
.menu .dots { height:1px; background: url(../img/dots_menu.gif) repeat-x }

.menu .over { width: 232px; height: 41px; background: url(../img/btn_menu_over.gif) no-repeat }
.menu .over .pfeil { float: right; padding: 5 29 0 0 }
.menu .over div { height: 41px; font-size: 11px; text-transform: uppercase; color: #666; padding: 12 0 0 29 }

.menu .normal { width: 232px; height: 41px; background: none }
.menu .normal .pfeil { float: right; padding: 5 29 0 0 }
.menu .normal div { height: 41px; font-size: 11px; text-transform: uppercase; color: #666; padding: 12 0 0 29 }

.menu .active { width: 232px; height: 41px; background: url(../img/btn_menu_on.gif) no-repeat }
.menu .active .pfeil { float: right; padding: 5 29 0 0 }
.menu .active div { height: 41px; font-size: 11px; text-transform: uppercase; color: #fff; padding: 12 0 0 29 }

.submenu1 { display: none }
.submenu1 .back { position: absolute; top: 0px; left: 234px; background-color: #fff; opacity: 0.6; filter:alpha(opacity=60); width:161px; height: 251px }
.submenu1 .main { position: absolute; top: 0px; left: 234px; width:161px; height: 251px; background-color: #efefef }
.submenu1 .main .act { height: 20px; font-size: 11px; color: #fc9821; padding: 0 0 0 10 }
.submenu1 .main .act .pfeil { float: right; padding: 6 13 0 0 }
.submenu1 .main .norm { height: 20px; font-size: 11px; color: #666666; background-color: #fff; padding: 0 0 0 10 }
.submenu1 .main .norm .pfeil { float: right; padding: 6 13 0 0 }
.submenu1 .main a:link .act, .submenu1 .main a:visited .act { color: #fc9821; background-color: #fff; font-weight: bold; text-decoration: none }
.submenu1 .main a:hover .act, .submenu1 .main a:active .act { color: #fc9821; background-color: #fff0e6; text-decoration: none }
.submenu1 .main a:link .norm, .submenu1 .main a:visited .norm { color: #666666; background-color: #fff; text-decoration: none }
.submenu1 .main a:hover .norm, .submenu1 .main a:active .norm { color: #fc9821; background-color: #fff0e6; text-decoration: none }

.submenu2 { display: none }
.submenu2 .back { position: absolute; top: 0px; left: 397px; background-color: #fff; opacity: 0.6; filter:alpha(opacity=60); width:161px; height: 251px }
.submenu2 .main { position: absolute; top: 0px; left: 397px; width:161px; height: 251px; background-color: #efefef }
.submenu2 .main .act { height: 20px; font-size: 11px; color: #fc9821; background-color: #fff0e6; padding: 0 0 0 10 }
.submenu2 .main .norm { height: 20px; font-size: 11px; color: #666666; background-color: #fff; padding: 0 0 0 10 }
.submenu2 .main a:link .norm, .submenu2 .main a:visited .norm { color: #666666; background-color: #fff; text-decoration: none }
.submenu2 .main a:hover .norm, .submenu2 .main a:active .norm { color: #fc9821; background-color: #fff0e6; text-decoration: none }


#header { background: url(../img/header.jpg) no-repeat }
.login { padding: 19 19 0 19 }
.left { padding: 55 0 0 15 }
.right { padding: 55 19 0 19 }
.content { padding: 36 43 36 43 }

.aufzaehlung { margin-top: 20px; padding-left: 20px; background: url(../img/aufzaehlung.gif) top left no-repeat }

.bilduntertitel { font-size: 11px }

.bg_mitte { background: url(../img/bg_mitte.gif) no-repeat }
.standort  { height: 29px; padding: 4 0 0 43; font-size: 10px; text-transform: uppercase; color: #fff; font-weight: bold }
.standort a:link, .standort a:visited { font-size: 10px; text-transform: uppercase; color: #fff; font-weight: bold }
.standort a:hover, .standort a:active  { font-size: 10px; text-transform: uppercase; color: #fff; font-weight: bold }

.login form { margin: 0 0 0 0 }
.login .ueberschrift { font-size: 20px; font-weight: bold; color: #fff; margin: 0 0 12 0 }
.login .bez { width: 100px; height: 18px; background: url(../img/login/bg_bez.gif) repeat-x; margin: 9 0 0 0; color: #fff; padding: 0 0 0 6; font-size: 11px; font-weight: bold }
.login .txt input { width: 172px; height: 21px; border: 0px; font-size: 11px; padding: 3 0 0 6 }
.login .txt_alert input { width: 172px; height: 21px; border: 0px; border-bottom: 2px solid #ff0000; font-size: 11px; padding: 3 0 0 6 }
.login .btn { margin: 12 0 20 0; float: right; cursor: pointer }
.login .link { font-size: 11px; clear: both; margin: 0 0 3 0 }

.right .link { font-size: 12px; font-weight: bold }
.right .prod_def { margin: 0 0 24 0; padding-left: 11px; font-size: 11px }


/* Kontaktformular */
.formular input { width: 205px; height: 20px; color: #444444; background-color: #f5f5f5; border: 0px; border-bottom: 1px solid #999999; font-family: Arial, Helvetica, sans-serif; font-size: 11px }
.formular textarea { width: 205px; color: #444444; background-color: #f5f5f5; border: 0px; border-bottom: 1px solid #999999; font-family: Arial, Helvetica, sans-serif; font-size: 11px }
.formular .checkbox { background-color: transparent; border: 0px  }
.formular .select { color: #444444; background-color: #f5f5f5; font-size:11px }
.formular .clear { width: 20px; border: 0px; background-color: transparent }
.formular .button { width: 76px; border: 0px; cursor:pointer  }
.formular .bestaetigen_text { border-bottom:1px solid #999999; background-color: #f5f5f5; color: #444444; height:20px; padding: 0 0 0 3 }


/* Bestellformular */
.bestellformular input { width: 50px; height: 20px; color: #444444; border: 1px solid #cecece; border-right: 1px solid #999999; border-bottom: 1px solid #999999; font-family: Arial, Helvetica, sans-serif; font-size: 12px }
.bestellformular .button { width: 54px; border: 0px; cursor:pointer  }

.bestellformular .bestell_header { font-weight: bold; font-size: 11px; text-transform:uppercase; background-color: #e8e8e8; padding: 2 0 2 0 }
.bestellformular .bestell_bez { font-weight: bold; padding: 0 0 0 15; background-image: url(../img/aufzaehlung.gif); background-repeat: no-repeat; background-position: 0 3 }
.bestellformular .bestell_preis { padding: 0 4 0 0 }
.bestellformular .bestell_menge { padding: 0 0 0 3 }
.bestellformular .bestell_menge_best { width:30px; background-color: #e0e0e0; padding: 1 3 1 3; text-align: right; margin-right: 4px }
.bestellformular .bestell_wert { padding: 0 10 0 10 }

.lieferanschrift TD { border-bottom: 1px solid #cecece }
.lieferanschrift .text { height:25px }
.lieferanschrift .value { font-weight: bold }

/* AGB und Nutzungsbedingungen */
.agb { font-size: 11px }
.agb .ueberschrift { font-size: 12px; font-weight: bold; margin: 20 0 5 0  }
.agb .absatz { font-size: 11px; margin: 0 3 0 0; float: left; font-weight: bold }


/* Pressebereich */
.pressemitteilung { margin: 0 0 35 0 }
.pressemitteilung .ueberschrift { font-weight: bold; font-size: 14px }
.pressemitteilung .untertitel { text-align: left }
.pressekontakte .boxen { border: 1px dotted #000; padding: 0px 5px 3px 5px; vertical-align: top; font-size: 11px }
.pressemitteilung .datum {  font-style: italic; font-size: 11px; margin: 15px 0px 5px 0px }
.bilder { margin: 0px 0px 20px 0px; text-align: center }
.bilder img { border: 1px solid #999999 }
.download { font-size: 10px }


/* Formular Passwort vergessen / ändern */
.passwort form { margin: 0 }
.passwort .label { font-size: 11px; font-weight: bold; margin-bottom: 1px; color: #555555 }
.passwort input { width: 202px; height: 21px; border: 1px solid #999999; background-color: #f5f5f5; font-size: 11px; margin: 1 0 5 0; padding: 2 0 0 5  }
.passwort .select { font-size: 11px; margin: 1 0 5 0; background-color: #f5f5f5 }
.passwort .checkbox { margin: 10 3 0 0; border: 0px; width: 15px }
.passwort .btn { width: 76px; height:20px; margin: 2 0 0 0; border: 0px; cursor: pointer }


/* Preisliste */
.preisliste input { width: 50px; height: 20px; color: #444444; border: 1px solid #cecece; border-right: 1px solid #999999; border-bottom: 1px solid #999999; font-family: Arial, Helvetica, sans-serif; font-size: 12px }
.preisliste .button { width: 54px; border: 0px; cursor:pointer  }

.preisliste .header { font-weight: bold; font-size: 11px; vertical-align:bottom; background-color: #e8e8e8; padding: 5 0 5 0; text-align:center }
.preisliste .header_aktiv { font-weight: bold; font-size: 11px; vertical-align:bottom; background-color: #e8e8e8; padding: 5 0 5 0; text-align:center; color: #fc9821 }
.preisliste .header1 { font-weight: bold; font-size: 12px; background-color: #e8e8e8; text-transform: uppercase; text-align:center }
.preisliste .bez { font-weight: bold; text-align:center; font-size: 11px }
.preisliste .wert { text-align: center; font-size: 11px }
.preisliste .wert_aktiv { text-align: center; font-size: 11px; background-color: #fff0e6 }
.preisliste .stand { text-align: right; font-size: 9px; padding: 4 0 0 0 }
.preisliste .text { margin: 25 0 0 0; font-size: 11px; color: #737373 }
.preisliste .text .modul { text-decoration:underline; font-weight:bold; margin: 0 0 5 0; padding-left: 15px; background: url(../img/aufzaehlung_hell.gif) top left no-repeat }
.preisliste .text .exportart { font-weight:bold;  }
.preisliste .text .val { margin: 0 0 5 0 }
