/* Basics */
html, body, td { height: 100%; margin: 0px; background: #fff; font-family: Arial, sans-serif; color: #555; font-size: 12px; }
input, select, textarea { font-family: Arial, sans-serif; color: #000; font-size: 11px; }
input[type="submit"], input[type="button"] { background: #059; border: 1px solid #76f; color: #fff; font-size: 11px; padding-left: 2px; padding-right: 2px; }
form { display: inline; }
/* Page layout */
#navi { margin-top: 20px; width: 210px; background-image: url(../images/navibg.png); float: left; }
#head { height: 54px; background-image: url(../images/navioben.png); border: 0px solid #bbb; border-bottom-width: 1px; }
#maincontent { margin-left: 210px; min-height: 100%; /* background: #fff url(../images/bildsite.jpg) no-repeat fixed 100% 100%; */ line-height: 17px; }
#logo { text-align: left; float: left; margin-top: 3px; margin-left: 10px; }
/* Head */
#headboxA { float: right; width: 240px; height: 100%; text-align: center; border: 0px solid #fff; border-left-width: 1px; border-right-width: 1px; border-right-color: #bbb; }
#headboxB { float: right; width: 220px; height: 100%; text-align: left; border: 0px solid #fff; border-left-width: 1px; border-right-width: 1px; border-right-color: #bbb; font-weight: bold; padding-left: 30px; background-image: url(../images/lupe.png); background-repeat: no-repeat; background-position: -40px -15px; }
#headboxC { float: right; width: 250px; height: 100%; text-align: left; border: 0px solid #fff; border-left-width: 1px; border-right-width: 1px; border-right-color: #bbb; padding-left: 30px; }
#headboxD { float: right; height: 100%; text-align: left; border: 0px solid #bbb; border-right-width: 1px; }
#warenkorbinhalt { font-size: 12px; font-weight: bold; margin: 5px; color: #335d90; }
#headboxA a, #loginform a, #warenkorbinhalt a { color: #555; font-size: 12px; line-height: 17px; font-weight: normal; text-decoration: underline; }
#headboxA a:hover, #loginform a:hover { color: #22b; text-decoration: none; }
.searchfieldblur { border: 1px solid #bbb; width: 120px; color: #888; }
.searchfieldfocus { border: 1px solid #999; width: 120px; color: #000; }
#searchSuggest { position: relative; z-index: 10; }
#searchSuggestTab { border-width: 0px; }
#searchSuggestTab td { z-index: 10; width: 250px; padding: 5px; text-align: left; background: #37b; color: #fff; cursor: hand; cursor: pointer; border: 0px solid #fff; border-top-width: 1px; }
#searchSuggestTab td:hover { background: #048; }
#searchSuggestTab .bezeichnung { font-weight: normal; font-size: 11px; }
#searchSuggestTab .info { font-size: 10px; display: none; }
#navi #links { margin-left: 10px; line-height: 16px; }
#navi #links a { color: #555; font-size: 12px; font-weight: normal; line-height: 17px; text-decoration: underline; }
#navi #links a:hover { color: #22b; text-decoration: none; }
/* Banner im content head */
#maincontent #bannerimagediv { width: 250px; min-height: 180px; margin-left: 40px; margin-top: 40px; }
#maincontent #bannerslogandiv { width: 450px; }
#maincontent .bannerimage { }
#maincontent .bannerheadline { position: absolute; left: 490px; top: 160px; width: 800px; font-size: 30px; font-weight: bold; color: #9fb6d6; }
#maincontent .bannerslogan { position: absolute; left: 510px; top: 185px; font-size: 18px; width: 700px; color: #aaa; }
#maincontent #breadcrumb { height: 21px; width: 100%; background-image: url(../images/breadcrumbbg.png); vertical-align: middle; padding-left: 10px; padding-top: 6px; }
#maincontent #breadcrumb img { border-width: 0px; }
#maincontent #breadcrumb .current_location { padding: 3px; border: 1px solid transparent; }
#maincontent #breadcrumb a { padding: 3px; border: 1px solid transparent; color: #014e7c; text-decoration: none; }
#maincontent #breadcrumb a:hover { background-image: url(../images/breadcrumbbg2.png); padding: 3px; border: 1px solid #aaa; color: #003e6c; text-decoration: none; }
#maincontent .section_headline { width: 800px; margin-left: 50px; margin-top: 10px; font-size: 18px; font-weight: bold; color: #5f6686; border: 0px solid #ddd; border-bottom-width: 1px; }
a.normal, a.normal:visited, #normal { color: #059; text-decoration: none; }
a.normal:hover, #normal:hover { color: #059; text-decoration: underline; }
/* Text im Maincontent */
.textbox { width: 800px; margin-left: 55px; margin-top: 20px; overflow: hidden; }
/* Eigenschaftsleiste, Schalter für Produktauflistung */
#properties { width: 100%; height: 26px; background-image: url(../images/viewbg.jpg); padding-left: 10px; padding-top: 7px; font-weight: bold; color: #036; }
/* Login form */
#login { margin-left: 10px; margin-bottom: 25px; cursor: hand; cursor: pointer; font-weight: bold; display: block; border: 1px solid #bbb; border-right-width: 1px; background: #fff; padding: 2px; padding-left: 5px; }
#login input { margin-bottom: 10px; }
#loginheadline { text-transform: uppercase; }
#loginform { margin-top: 10px; }
#logintable_neuanmeldung { border-width: 0px; }
#logintable_neuanmeldung td { padding: 3px; }
/* Warengruppenübersicht */
#wgruppenheadline { margin-left: 10px; text-transform: uppercase; margin-bottom: 5px; font-weight: bold; }
#wgruppenbaum { margin-left: 10px; }
a.wgruppenlink { color: #444; text-decoration: none; line-height: 20px; }
a.wgruppenlink_sticker { color: #444; text-decoration: none; line-height: 20px; font-size: 14px; }
a.wgruppenlink:hover { color: #014e7c; }
a.unterwgruppenlink { color: #555; text-decoration: none; }
a.unterwgruppenlink:hover { color: #014e7c; text-decoration: none; }
div.wgruppe_block_1 { margin-left: 10px; border-left: 2px solid #049; padding: 2px; }
div.wgruppe_block_2 { margin-left: 20px; border-left: 1px solid #049; padding: 2px; }
div.wgruppe_block_3 { margin-left: 30px; border-left: 1px solid #049; padding: 2px; }
div.wgruppe_block_4 { margin-left: 40px; border-left: 1px solid #049; padding: 2px; }
#curLink { color: #014e7c; font-weight: bold; }
/* Unterwarengruppen mit Bild */
#unterwgruppenbox { width: 800px; margin-top: 20px; margin-left: 50px; overflow: hidden; }
.unterwgruppenliste { text-align: center; width: 150px; float: left; border: 2px solid #ddf; margin: 10px; padding-top: 10px; }
.unterwgruppenliste:hover { border: 2px solid #9ae; }
.unterwgruppenliste a { display: block; margin-bottom: 7px; color: #555; font-size: 12px; font-weight: bold; text-decoration: underline; }
.unterwgruppenliste a:hover { color: #22b; text-decoration: none; }
.unterwgruppenliste a img { height: 72px; border-width: 0px; }
/* News */
#news { background-image: url(../images/newsbg.png); position: fixed; top: 55px; right: 0px; width: 201px; padding-left: 25px; }
#news1 { background-image: url(../images/newsbg.png); position: fixed; top: 55px; right: 0px; width: 201px; padding-left: 25px; }
#news #touchmargin { height: 100%; width: 17px; float: left; position: absolute; top: 0; left: 0; text-align: center; vertical-align: middle; }
#news #touchmargin:hover { border-right: 1px solid #fff; border-left: 1px solid #888; border-top: 1px solid #888; cursor: pointer; cursor: hand; }
#news #touchmargin #newsmarginarrow { position: absolute; top: 45%; left: 0; }
#news .entryhead { width: 180px; height: 15px; background-image: url(../images/newsheadbg.png); font-weight: bold; margin-top: 20px; padding: 3px; color: #05a; overflow: hidden; }
#news .entrycontent { width: 180px; padding: 5px; border-bottom: 1px solid #aab; line-height: 16px; }
#news .mehrlink { line-height: 15px; float: right; position: relative; left: -2px; top: -2px; padding: 3px; border: 1px solid transparent; color: #014e7c; text-decoration: none; }
#news .mehrlink:hover { background-image: url(../images/breadcrumbbg2.png); color: #003e6c; padding: 3px; border: 1px solid #aaa; color: #003e6c; text-decoration: none; }
#news .mehrlink img { border-width: 0px; }
#news a { color: #048; text-decoration: none; }
/* News-Seite */
#newspage_content { }
#newspage_content img { margin: 15px; }
/* Produktbewertung */
.bewertung { padding: 5px; margin-bottom: 10px; margin-top: 5px; background: #eee; }
/* Versandkosten */
.versandkosten { color: #000; }
.versandkosten p.headline { font-size: 15px; font-weight: bold; margin-bottom: 15px; }
.versandkosten table { width: 100%; margin-top: 10px; border: 0px solid #ccc; border-bottom-width: 1px; }
.versandkosten th { background: #ddd; }
.versandkosten th, .versandkosten td { color: #000; padding: 3px; text-align: center; border: 1px solid #fff; }
/* Page footer */
#footer { width: 97%; float: right; border-top: 1px solid #bbb; text-align: center; padding: 10px; margin-top: 30px; margin-bottom: 30px; }