html {
    overflow-y: scroll;
}
ul.merkmale li ul li a.merkmal {
    display: none;
}
ul.merkmale li ul li a.merkmal.active {
    display: block;
    overflow: hidden;
}
.yellow {
    color: #9f884f !important;
}

h1.headline-gelb {
    text-align: left !important;
    font-size: 18px  !important;
    color: #9f884f !important;
    padding: 0 0 0 0  !important;
    margin-bottom: 0  !important;
    font-weight: normal !important;
    border: 0 !important;
}

/* Basis-Elemente */
body {
    background-color: white;
    font-family:Arial,Helvetica,sans-serif;
    color:#999ea7;
    font-size:11px;
    padding:0px;
    margin: 0px;
}
td {
    font-size:11px;
    font-weight:bold;
}
select {
    font-size:11px;
}
img {
    border: 0;
}
ul.list li {
    margin-bottom: 1px;
}
ul.list li h1.active {
    background-color: #a0a0a0;
    display: block;
    font-weight: bold; !important;
}
ul.list li h1.active a:link,
ul.list li h1.active a:visited {
    color: white;
    font-weight: bold; !important;
}
a { border:0px; color:#818696; font-weight:normal; text-decoration:underline; }
a:link { border:0px; color:#818696; font-weight:normal; text-decoration:none; }
a:visited { border:0px; color:#818696; font-weight:normal; text-decoration:none; }
a:hover, a.marked { border:0px; color:#9f884f; font-weight:normal; text-decoration:none; }

a.whitelink { font-weight:normal;border:0px; color:#818696; font-size:11px; text-decoration:underline; }
a.whitelink:link { font-weight:normal;border:0px; color:#818696; font-size:11px; text-decoration:none; }
a.whitelink:visited { font-weight:normal;border:0px; color:#818696; font-size:11px; text-decoration:none; }
a.whitelink:hover { font-weight:normal;border:0px; color:#999ea7; font-size:11px; text-decoration:none; }

a.graylink { border:0px; color:#999ea7; font-size:11px; font-weight:normal; text-decoration:underline; }
a.graylink:link { border:0px; color:#818696; font-size:11px; font-weight:normal; text-decoration:none; }
a.graylink:visited { border:0px; color:#818696; font-size:11px; font-weight:normal; text-decoration:none; }
a.graylink:hover { border:0px; color:#818696; font-size:11px; font-weight:normal; text-decoration:none; }

a.blacklink { border:0px; color:black; font-size:11px; font-weight:normal; text-decoration:underline; }
a.blacklink:link { border:0px; color:black; font-size:11px; font-weight:normal; text-decoration:none; }
a.blacklink:visited { border:0px; color:black; font-size:11px; font-weight:normal; text-decoration:none; }
a.blacklink:hover { border:0px; color:#818696; font-size:11px; font-weight:normal; text-decoration:none; }

a.redlink { border:0px; color:#9f884f; font-size:11px; font-weight:normal; text-decoration:underline; }
a.redlink:link { border:0px; color:#9f884f; font-size:11px; font-weight:normal; text-decoration:none; }
a.redlink:visited { border:0px; color:#9f884f; font-size:11px; font-weight:normal; text-decoration:none; }
a.redlink:hover { border:0px; color:#818696; font-size:11px; font-weight:normal; text-decoration:none; }

a.merkmal:link {
    display: block;
}

.bold {
    font-weight: bold;
}
.boldmarked {
    font-weight: bold;
    color: #ffb760;
}
.alignright {
    text-align: right;
}
.clear {
    clear: both;
    float: none;
}
.marked {
    color: #818696;
}
.yellow {
    color: #9f884f;
}
.red {
    color:red;
    font-weight:bold;
}
.center {
    text-align: center;
}
.gray-full {
    background-color: #828898;
    color: white;
    font-weight: bold;
    font-site: 11px;
}
/* Page-Layout */
div.container
{
    width:100%;
    position: absolute;
    left: 0;
    top: 50px;
    top: 20px;
    top: 0;
}
#page {
    width: 1001px;
    height: 100%;
    min-height: 600px;
    background-color: white;
    /*border-left:1px solid #000000;*/
    margin:0px auto;
    text-align:left;
    margin-top:0px;
    position: relative;
    padding-top:0px;
    /*color:#818696;*/
    font-weight:bold;
}
#page_main
{
    position:relative;
    width:1000px;
    min-height:578px;
    text-align:left;
    top: 0px;
    left: 0px;
    padding:0px;
    margin:0px;
}
#page_header
{
/*    z-index:500; */
    border-bottom: 2px; /* solid white; */
    position: relative;
    background-color: white;
    height:114px;
    text-align:left;
    top: 0px;
    left: 0px;
    padding:0px;
    margin:0px;
    height: 280px !important;
    
    height: 240px !important;
    margin-bottom: 40px;
}
* html #page_header
{
    z-index:200;
    border-bottom:2px; /*solid white;*/
    position: relative;
    background-color: white;
    height:116px;
    text-align:left;
    top: 0px;
    left: 0px;
    padding:0px;
    margin:0px;
}
#page_header div.head
{
    height: 72px;
    width: 100%;
}
#page_header div.head img.logo {
    /*margin: 16px 0px 0px 410px;*/
    margin: 0;
    top: 60px;
    left: 377px;
    position: absolute;
    z-index: 0;
}
div.menu {
    padding-top:0;
}
div.suchbox {
    position: absolute;
    right: 0;
    top: 83px;
    z-index: 0;
}

div.suchbox2012 {
    position: absolute;
    right: 15px;
    top: 142px;
    z-index: 0;
}

div.suchbox2012 input {
    background-color: white;
    font-size: 12px;
    border:1px solid #9ea9aa;
    width: 100px;
    padding: 1px 2px 1px 2px;
    height: 14px;
    text-align: right;
    color: inherit;
    border: 1px solid white;
}

#page_content {
    background-color: white;
    z-index:10;
    overflow:visible;
    position: relative;
    /*color: #818696;*/
    min-height:464px;
    text-align:left;
    top: 0px;
    left: 0px;
    padding:0px;
    margin:0px;
    margin-top: 0px;
    font-weight: normal;
    float: left;
    width:100%;
}
* html #page_content { z-index:10; overflow:visible; position: relative; background-color:#1c1c1c; height:460px; text-align:left; top: 0px; left: 0px; padding:0px; margin:0px; margin-top: 0px; }
#page_content-black {
    background-color: white;
    z-index:10;
    overflow:visible;
    position: relative;
    color: #666666;
    /*min-height:600px;*/
    text-align:left;
    top: 0px;
    left: 0px;
    padding:0px;
    margin:0px;
    margin-top: 0px;
    font-weight: normal;
    float: left;
    width:100%;

}

/*div#page_content h1*/
h1 {
    padding: 6px 0 0 40px;
    padding: 30px 0 0 40px;
    margin: 0;
    font-size:16px;
    font-weight:normal;
    letter-spacing: 0px;
}
/*div#page_content*/ h2 {
    padding: 0 0 0 20px;
    margin-top: 5px;
    font-size: 12px;
    font-weight:normal;
    letter-spacing: 0px;
}
div#page_content h3 {
    padding: 17px 0 0 20px;
    margin: 0;
    font-size:11px;
    font-weight:normal;
    letter-spacing: 0px;
}
h4 {
}
/* Headline als Overlay, nur wenn noetig zu nutzen! */
#page_content h1.overlay
{
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 20px 0 0 20px;
}
#page_content h2.overlay
{
    position: absolute;
    top: 20px;
    left: 0px;
    padding: 17px 0 0 20px;
    color: #ffffff;
}
#page_footer {
    clear: both;
    position: relative;
    background-color:#000000;
    /*border-right:7px solid #686c76;*/
    height:32px;
    text-align:left;
    top: 0px;
    left: 0px;
    padding:0px;
    margin:0px;
    margin-top:0px;
    background: transparent;
    padding-top:60px;
}

a#btnNachOben {
    position: fixed;
    margin-left: -78px;
    top: 75%;
    opacity: 0.8;
    z-index: 100000;
}

@media only screen and (min-device-width:1024px) {
    a#btnNachOben {
	margin-left: 0;
    }
}

/* Kopfzeile (Ueberschrift) jeder Seite) */
#page_headline {
    position: absolute;
    width:100%;
    height:auto;
    margin-left:0px;
    margin-top:0px;
    left: 0;
}
div#page_headline h1
{
    font-size:12px;
    font-size:16px;
    font-weight:normal;
    letter-spacing: 0px;
}
div#page_headline h2
{
    font-size:11px;
    font-weight: normal;
    margin-top:0;
}

div#page_headline h3
{
    font-size:11px;
    font-weight: normal;
    margin-top:0;
}

/* Produktansicht */
div.backbutton
{
    position: absolute;
    right: 6px;
    top: 6px;
}
div.backbutton a img
{
    vertical-align: middle;
}
.content_3d {
    padding-top: 40px;
    height: 430px;
}
.content_draw
{
    float:left;
    margin-left:15px;
    height:210px;
    width:250px;
    margin-top:6px;
}
.content_links
{
    float:right;
    position:relative;
    height:80px;
    top:130px;
    margin-top:6px;
    text-align:right;
    line-height:20px;
}

/* Default Content */
div.contentpanel,
div.download-panel {
    /*margin: 60px 0 0 0;*/
    margin: 0px 15px 0 15px;
}
div.contentpanel h1 {
    font-size: 11px;
    font-weight: bold;
    padding: 0 0 6px;
    margin: 25px 0 10px;
    border-bottom: 1px solid #e0e0e0;
    color: #999ea7;
}
div.contentpanel h1:first-child {
    margin-top: 0;
}

/* Produktansicht: Symbole für verwandte Produkte */
.content_img
{
    z-index:10; float:right; overflow:hidden; width:248px;
    height:270px;
    padding-right:25px;
    padding-top:0px;
}
* html .content_img
{
    height: 250px;
}

.img_controls
{
    text-align:right;
    margin-top:10px;
}
.img_preview
{
    margin-top:20px;
    margin-bottom:10px;
    text-align:right;
    /*height:41px;*/
    border:1px solid #545862;
}
.preview_image1 img,
.preview_image_marked1 img {
/*    border:1px solid #545862; */
}
/* IE7-Bug */
* + html .preview_image1 img {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter:alpha(opacity=50);
}
.preview_image1 a p,
.preview_image_marked1 a p {
    background-color: #545862;
    border: 1px solid #545862;
}
* + html .preview_image1 a p {
    background-color: #c0c0c0;
    border:1px solid #c0c0c0;
}
* + html .preview_image_marked1 a p {
    background-color: #545862;
    border: 1px solid #545862;
}
.preview_image1 {
    -moz-opacity: 0.50;		/* FF */
    filter:alpha(opacity=50);	/* IE */
    opacity: 0.50;		/* Opera */
    KHTML-opacity: 0.50;	/* Konqueror */
    margin-bottom: 12px;
    border:1px solid #545862;
}
.preview_image_marked1 {
    -moz-opacity: 1.00;		/* FF */
    filter:alpha(opacity=100);	/* IE */
    opacity: 1.00;		/* Opera */
    KHTML-opacity: 1.00;	/* Konqueror */
    margin-bottom: 12px;
    border:1px solid #545862;
}
* + html .preview_image1 {
    border: 1px solid #c0c0c0;
}
.preview_image {
    border:1px solid white;
}
.preview_image_marked {
    border:1px solid #ffb752;
}

/* Produktseite: OrderPanel */
.orderpanel
{
    position:relative; clear:both; float:left;
    padding-bottom:30px;
    margin-left:1px;
    margin-right:1px;
    width: 998px;
    /*background-color: #f8faff;*/
}
.orderpanel table {
    background-color: inherit;
}
.orderpanel table.newone,
.orderpanel table.newone_produktinfo {
    margin-bottom: 15px;
    margin-top: -20px;
}

.orderpanel table thead tr td {
    font-weight: bold;
    color: white;
    padding-left: 20px;

    font-size: 9px;
    background-color: #828898;
    line-height: 17px;
}

.orderpanel table.newone thead tr td,
.orderpanel table.newone_produktinfo thead tr td {
    font-weight: bold;
    padding-left: 0px;
    padding-top: 0;
    padding-bottom: 10px;
    font-size: 11px;
    background-color: white;
    line-height: 17px;
    color: #606060;
}
.orderpanel table tbody tr td {
    padding-left: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    vertical-align: top;
    background-color: #f8faff;
}
.orderpanel table.newone tbody tr td,
.orderpanel table.newone_produktinfo tbody tr td {
    padding: 5px 0 0 0;
    vertical-align: middle;
    background-color: white;
}
.orderpanel table.newone tbody tr td:last-child,
.orderpanel table.newone tbody tr td.last {
    text-align:right;
}

.orderpanel table tbody tr td.last {
    padding-right: 20px;
    width: 172px;
}
.orderpanel table.newone tbody tr td.last {
    padding-right: 0;
    width: 172px;
}
.orderpanel table tbody tr td.sub {
    padding-left: 40px;
}
.orderpanel table.newone tbody tr td.sub {
    padding-left: 0px;
}

.orderpanel table.newone tbody tr td:nth-child(1) {
    width: 300px;
}
.orderpanel table.newone tbody tr td:nth-child(2) {
    width: 60px;
}
.orderpanel table.newone tbody tr td:nth-child(3),
.orderpanel table.newone tbody tr td:nth-child(4) {
    width: 60px;
}

.orderpanel table tbody tr td.group-headline {
    border-bottom:1px solid #828898;;
    font-weight:bold;
    line-height:25px;
    padding-bottom: 0;
    padding-top: 0;
}
.orderpanel p.box
{
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #606060;
    background-color: white;
    border-left-color: #808080;
    border-bottom-color: #808080;
    border-right-color: #A0A0A0;
    border-top-color: #A0A0A0;
    border-style: solid;
    border-width: 1px;
    padding: 10px;
    text-align: center;
    line-height: 15px;
}
.orderpanel p.box a,
.orderpanel p.box a:link,
.orderpanel p.box a:visited
{
    text-align: center;
    text-decoration: none;
}
.orderpanel p.box a img
{
    vertical-align: middle;
    margin-right: 2px;
}

.orderpanel ul {
    margin: 0 70px 0 90px;
    padding: 0;
    list-style: none;
    list-style-image: url(../img2010/icon_tri_right.png);
    list-style-position: outside;
}
.orderpanel ul li {
    margin-top: 14px;
}
.orderpanel ul li h1 {
    display: inline;
    margin: 0;
    padding: 0;
    font-weight: bold;
    font-size: 11px;
    padding: 5px 0 5px 0;
}
.orderpanel ul li.marked h1 {
    color: #ffcc33;
    font-weight: bold;
    font-size: 11px;
}
.orderpanel ul li table.newone {
    display: block;
}
.orderpanel ul li.marked table.newone {
    display: block;
}

.orderpanel ul li.marked {
    height: auto;
    list-style-image: url(../img2010/icon_tri_down.png);
}

div#page_content div.content_shoplinks
{
    height: 90px;
    float:left;
/*    position:relative; */
/*    padding-top:10px; */
/*    margin-top:6px; */
    text-align:left;
    line-height:20px;
}
.content_shoplinks img
{
    vertical-align: middle;
    margin-bottom: 3px;
    margin-right: 5px;
}




/* Basis - CSS fuer alle Seiten */

/* Oberer Bereich - Produktbild */
div.baseImage
{
    width: 100%;
    height: 280px;
}

/* Unterer Bereich Navigation */
div.baseNav
{
    width: 100%;
    height: 180px;
}

/* Navigation fuer Bildwechsel */
div.baseNav div.basePfeile
{
    position: absolute;
    right: 30px;
    padding-top: 18px;
}
div.basePfeile a, div.basePfeile a:link
{
    margin-right: 10px;
}
div.basePfeile img.basePfeilAct
{
    -moz-opacity: 1.00;		/* FF */
    filter:alpha(opacity=100);	/* IE */
    opacity: 1.00;		/* Opera */
    KHTML-opacity: 1.00;	/* Konqueror */
}
div.basePfeile img.basePfeilInAct
{
    -moz-opacity: 0.20;		/* FF */
    filter:alpha(opacity=20);	/* IE */
    opacity: 0.20;		/* Opera */
    KHTML-opacity: 0.20;	/* Konqueror */
}

/* 45 Grad Linkblock */
div.baseNav div.baseLinks
{
    float: left;
    padding-top: 100px;
    padding-left: 15px;
    width: 450px;
}

/* Zertifikatsgrafik */
div.baseNav div.baseCertificate
{
    float: right;
    padding-top: 82px;
    padding-right: 15px;
}

/* Text */
div.baseNav div.baseText
{
    float: right;
    text-align: right;
    position: relative;
    width: 250px;
    height: 114px;
    padding-top: 50px;
}

div.baseNav div.baseText p
{
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 0;
    margin: 0;
    padding-right: 10px;
}

div.baseNav div.baseText a, div.baseNav div.baseText a:link, div.baseNav div.baseText a:visited
{
    color: #cccccc;
}
div.baseNav div.baseText a:hover
{
    color: #B6924B;
}

div.baseNav div.baseText a img
{
    vertical-align: middle;
}

/* Scrollbox unten */
div.baseTextBox
{
    width: 100%;
    height: 180px;
    padding: 0;
}

div.baseMain
{
    height: 180px;
    /*margin: 0 20px 0 20px;*/
}

table.baseTable
{
    border: 0;
    width: 100%;
}
table.baseTable tr td
{
    vertical-align: top;
    margin: 0;
    padding: 0;
    color: #cccccc;
}
table.baseTable tr td.red
{
    color: #B6924B;
}

span.alignright {
    display: block;
    text-align: right;
    font-weight: bold;
}

div.baseContent
{
    margin: 0 20px 0 20px;
}

/* Sprachauswahl */
div.sprache {
    margin-left: 6px;
    padding-top: 12px;
    float: left;
}
/* E-Shop Menu */
div.eshophead {
    padding-top: 8px;
    float: right;
    margin-right: 7px;
}
div.eshophead a {
    /*margin-right: 5px;*/
    margin-left: 5px;
    display: block;
}
div.sprache a, div.sprache a:link, div.sprache a:visited {
    color: #999ea7;
    font-size: 11px;
    font-weight: bold;
}
div.eshophead a, div.eshophead a:link, div.eshophead a:visited {
    color: #999ea7;
    font-size: 11px;
}
div.sprache a:hover, div.sprache a.marked,
div.eshophead a:hover, div.eshophead a.marked {
    color: #9f884f;
}
div.eshophead div.footer a, div.eshophead div.footer a:link, div.eshophead div.footer a:visited {
    color: black;
}

ul.eshopmenu {
    margin-top: 0;
    list-style: none;
    height: 35px;
    margin-right: 5px;
}
ul.eshopmenu li {
    float: left;
    text-align: right;
    padding-top: 4px;
    height: 35px;
    z-index: 1000;
    /*border-top: 1px solid white;
    border-right: 1px solid white;
    border-left: 1px solid white;*/
    /*background-image:url(../img2010/headmenu_strich.gif);
    background-position: right 5px;
    background-repeat:no-repeat;*/
    padding-right:3px;
}
ul.eshopmenu li.last {
/*    border-top: 1px solid white;
    border-right: 1px solid white;
    border-left: 1px solid white;*/
    background-image: none;
}
ul.eshopmenu li.marked,
ul.eshopmenu li.last_marked {
    /*border-top: 1px solid #a0a0a0;
    border-right: 1px solid #a0a0a0;
    border-left: 1px solid #a0a0a0;*/
    background-image: none;
    background-color: white;
}
ul.eshopmenu li.marked a,
ul.eshopmenu li.last_marked a {
    color: #9f884f;
    font-weight: normal;
}
ul.eshopmenu li table.headcart a:link,
ul.eshopmenu li table.headcart a:visited {
    color: #818696;
    float: left;
}
ul.eshopmenu li table.headcart a:hover {
    color: #9f884f;
    float: left;
}

ul.eshopmenu li table.headcart a:last-child {
    float: right;
}

ul.eshopmenu li a {
    color: #999ea7;
    font-weight: normal;
    height: 20px;
}

ul.eshopmenu div.footer {
    background-color: #9b9ea9;
    color: black;
    line-height: 18px;
    vertical-align: middle;
    position: absolute;
    left: 1px;
    bottom: 1px;
    width: 398px;
}

ul.eshopmenu div.footer2012 {
    background-color: white;
    color: black;
    line-height: 18px;
    height: 20px;
    vertical-align: middle;
    position: absolute;
    left: 0px;
    bottom: 0px;
}
ul.eshopmenu div#container_login div.footer {
    width: 496px;
}
ul.eshopmenu div#container_login div.footer2012 {
    padding: 8px 5px 5px 0;
    width: 493px;
}
ul.eshopmenu div#container_cart div.footer2012 {
    padding: 8px 5px 5px 0;
    width: 195px;
}
ul.eshopmenu div#container_list div.footer2012 {
    padding: 8px 5px 5px 0;
    width: 195px;
}

div#container_cart,
div#container_login,
div#container_list {
    position:absolute;
    width:200px;
    /*height:248px;*/
    right: 0px;
    margin-top: 0px;
    background-color: white;
    z-index: 1000;
    box-shadow: 1px  1px 2px #a0a0a0;
    border:1px solid #999ea7;
}
div#container_login {
    right: 0px;
    height: auto;
}
div#container_list {
    right: 137px;
    width: 400px;
    /*height: 525px;*/
}
div#container_cart {
    /*height: 550px;*/
    width: 400px;
}
img.icon {
    vertical-align: middle;
    margin-right: 6px;
}
.smalltext {
    font-size: 10px;
}


table.logindlg {
    position: absolute;
    border-collapse: collapse;
    text-align: left;
    left: 1px;
    width: 496px;
    margin-bottom: 30px;
}
table.logindlg thead tr td {
    padding: 2px 6px 2px 20px;
    background-color: #9b9ea9;
    color: black;
    font-weight: bold;
}
table.logindlg tbody tr td {
    padding-left: 20px;
    padding-top: 10px;
}
table.logindlg tbody tr td.topmargin30 {
    padding-top: 30px;
}
table.logindlg tbody tr td.topmargin10 {
    padding-top: 10px;
}
table.logindlg tbody tr td input {
    width: 190px;
}


/* Version 2012 */
table.logindlg2012 {
    position: absolute;
    border-collapse: collapse;
    text-align: left;
    left: 0px;
    width: 498px;
    margin-bottom: 30px;
    background-color: white;
}
table.logindlg2012 thead tr td {
    padding: 2px 6px 0 0;
    color: #999999;
    font-weight: normal;
    font-size:12px;
}
table.logindlg2012 tbody tr td {
    padding-left: 0;
    padding-top: 10px;
}
table.logindlg2012 tbody tr td.topmargin30 {
    padding-top: 30px;
}
table.logindlg2012 tbody tr td.topmargin10 {
    padding-top: 10px;
}
table.logindlg2012 tbody tr td.pwdblock {
    color: #999ea7;
    font-size: 11px;
}
div.eshophead table.logindlg2012 tbody tr td a {
    display: inline;
    color: #818696;
    margin: 0;
}
div.eshophead table.logindlg2012 tbody tr td a:hover {
    color: #af9783;
}

table.logindlg2012 tbody tr td.pwdblock a {
    display: inline;
    margin: 0 !important;
    color: #818696;
}
table.logindlg2012 tbody tr td input {
    width: 218px;
    width: 165px;
}
table.logindlg2012 input {
    border: 1px solid #999ea7;
    color: #999ea7;
}





/* RegisterPanel */
div.registerpanel {
    padding: 0 0 0 70px;
}
div.registerpanel table {
    border-collapse: collapse;
    text-align: left;
    left: 1px;
    width: 50%;
    margin-bottom: 30px;
}


/* LoginPanel */
div.loginpanel {
    padding: 40px 0px 0px 45px;
}
div.loginpanel table {
    border-collapse: collapse;
    text-align: left;
    left: 1px;
    width: 496px;
    margin-bottom: 30px;
}
div.loginpanel table thead tr td {
    padding: 2px 6px 2px 20px;
    background-color: transparent;
    color: #545862;
    font-weight: bold;
}
div.loginpanel table tbody tr td {
    padding-left: 20px;
    padding-top: 10px;
}
div.loginpanel table tbody tr td input {
    color: #545862;
}
div.loginpanel tbody tr td.topmargin30 {
    padding-top: 30px;
}
table.logindlg tbody tr td input {
    width: 190px;
}

/* Tabelle für ShoppingCart im Kopf */
div#cartbox {
    /*padding: 1px;*/
    height: auto;
    margin-top: 32px;
    margin-bottom: 0;
    background: white;
}
div#listbox {
    /*padding: 1px;*/
    height: auto;
    margin-top: 32px;
    margin-bottom: 0;
}
table.headcart,
table.headlist {
    /*width: 100%;*/
    border-collapse: collapse;
}
table.headcart thead tr td,
table.headlist thead tr td {
    background-color: #9b9ea9;
    color: black;
    font-weight: bold;
    text-align: left;
    padding: 2px;
}
table.headcart tbody tr td,
table.headlist tbody tr td {
    padding: 4px 2px 2px 2px;
}

table.orderarticles {
    width: 100%;
}
table.orderarticles tr.bold td {
    font-weight: bold;
}

table.orderarticles thead tr td {
    background-color: #eaeaea;
}
table.orderarticles tr td {
    padding-right: 20px;
    padding: 4px 12px 4px 12px;
}

table.orderarticles tr td:nth-child(1) {
    text-align: right;
    padding-right: 20px;
    width: 3em;
}
table.orderarticles tr td:nth-child(4),
table.orderarticles tr td:nth-child(5) {
    text-align: right;
}

table.orderaddresses {
    width: 100%;
    margin-bottom: 50px;
}
table.orderaddresses tr td {
    width: 45%;
    padding: 4px 12px 4px 12px;
}
table.orderaddresses thead tr td {
    background-color: #eaeaea;
}


ul.produkt-bar {
    height:22px;
    line-height:22px;
    margin: 0;
    padding: 0;
    list-style: none;
}
ul.produkt-bar li {
    float: left;
    text-align: left;
    width: 248px;
    margin-left: 1px;
    margin-right: 1px;
    background-color: #828898;
    color: white;
}

ul.produkt-bar li a.disabled,
ul.produkt-bar li a.disabled:link,
ul.produkt-bar li a.disabled:visited,
ul.produkt-bar li a.disabled:hover,
ul.produkt-bar li a.disabled:active {
    background-color: #d9d9d9;
}

ul.produkt-bar li a {
    display: block;
    padding-left:20px;
    font-weight: bold;
    font-size: 9px;
}
ul.produkt-bar li a:link,
ul.produkt-bar li a:visited,
ul.produkt-bar li a:active {
    background-color: #828898;
    color: white;
}
ul.produkt-bar li a:hover,
ul.produkt-bar li a.marked {
    background-color: #54566a;
}

p.produkt-desc {
    position:relative;
    margin-bottom:10px;
    padding-left: 20px;
    padding-right: 10px;
}

div#dlg-shipping-message,
div#dlg-retailer-message,
div#dlg-confirm-message,
div#dlg-cart-message,
div#dlg-offer-message {
    width: 300px;
    height: 150px;
    left: 350px;
    top: 350px;
}
div#dlg-confirm-message {
    top: 550px;
}
div#dlg-cart-message {
    top: 150px;
}
div#dlg-offer-message {
    top: 200px;
}
div.dialog {
    position: absolute;
    border: 1px solid #808080;
    background-color: white;
    width: 550px;
    /*height: 300px;*/
    z-index: 1000;
    left: 225px;
    top: 140px;
    -moz-box-shadow: 4px 4px 4px #808080;
    box-shadow: 4px 4px 4px #808080;
    padding: 10px 20px 0 20px;
}
div.dialog h1 {
    padding: 0;
    margin: 0 0 20px 0;
    background-image: none;
    display: inline;
    line-height: 30px;
}
div.dialog div.dlg-close {
    position: absolute;
    right: 20px;
    top: 20px;
}
div.dialog table {
    border-collapse: collapse;
}
div.dialog input, div.dialog select {
    margin: 0;
    color: #666666;
    width: 180px;
    font-size:11px;
}
div.backgrdlg {
    /*background: white url(../img2010/bg_infobox.jpg) no-repeat right top; */
}


div.dialog2 {
    position: absolute;
    border: 1px solid #808080;
    background-color: #f3f3f3;
    width: 300px;
    height: 470px;
    z-index: 1000;
    left: 225px;
    top: 140px;
    box-shadow: 4px 4px 4px #808080;
    -moz-box-shadow: 4px 4px 4px #808080;
    padding: 25px 0 0 0;
}
div.dialog2 div.dlg-close {
    position: absolute;
    right: 10px;
    top: 10px;
}




table.address tr td {
    float: none;
}

div#produkt-box {
    position: absolute;
    z-index: 100001;
    width: 770px;
    height: 430px;
    top: 253px;
    left: 50%;
    margin-left: -385px;
    background-color: white;
    /*background-image: url(../img2010/produkt-box.gif);
    background-repeat: no-repeat;
    background-position: top left;*/
}
div#produkt-box-close {
    position: absolute;
    right: 30px;
    top: 20px;
}
div#produktscroller-inner a img {
    margin-bottom: 0;
}
div#produktscroller-inner a p {
    display: block;
    margin: 0;
    padding: 0;
    color: white;
    text-align: center;
    /*background-color: #545862;
    border: 1px solid #545862;*/
}
.gray {
    color: #828898;
}
p.gray {
    background-color: #828898;
    color: white;
    margin-top: 11px;
}
p.white-content {
    padding: 70px 40px 0px 67px;
    /*height: 390px; */
    color: #f8faff;
}
.login {
    background-image: url(/img2010/login/background.jpg);
    background-repeat: no-repeat;
    background-position: right top;
}
.loginpresse {
    background-image: url(/img2010/login/Pressedownload_Image_2012.jpg);
    background-repeat: no-repeat;
    background-position: right top;
}
h1.multi-line {
    padding: 0 0 0 20px;
}
#ajaxloader {
    position: absolute;
    left: 484px;
    top: 300px;
}
#confirm-table p.gray-full {
    padding-left: 50px;
}
#confirm-table table {
    border-collapse: collapse;
    margin: 0 0 20px 50px;
}
#confirm-table table td {
    padding: 0;
}
#confirm-table table td.anzahl {
    text-align: left;
    width: 40px;
}
#confirm-table table td.artikel {
    padding-right: 15px;
    min-width: 200px;
}
#confirm-table table td.preis {
    text-align: right;
}
.page-content p {
    margin: 50px 70px 50px 70px;
}
div.box {
    border: 1px solid #c0c0c0;
    box-shadow: 4px 4px 4px #808080;
    -moz-box-shadow: 4px 4px 4px #808080;
    padding: 10px 0 15px 15px;
    width: 900px;
    margin: 0 0 40px 0;
    float: left;
}
div.box h2 {
    padding: 0;
}
div.box div.row {
    float: left;
    width: 100%;
    vertical-align: top;
    margin: 0 0 20px 0;
}
div.box p.left {
    float: left;
    margin: 0;
    padding: 0;
}
div.box p.right {
    float: right;
    margin: 0 80px 0 0;
    padding: 0;
}
table.account-orderlist {
    width: 100%;
}
table.account-orderlist thead tr td {
    background-color: #c0c0c0;
    color: white;
    font-weight: bold;
}
table.account-orderlist tbody tr:nth-child(2n) {
    background-color: #eaeaea;
}
.account input, .account select {
    margin: 0;
    color: #666666;
    width: 18em;
    font-size:11px;
}
.account select {
    width: 18.5em;
}
span.neuheit {
    font-family: Helvetica, Arial;
    display: inline;
    float: right;
    margin-top: -16px;
    margin-right: 25px;
    color: #ffcc33;
}

ul.footerbox {
    width: 1000px;
    list-style: none;
    padding: 2px 0 8px 0;
    float: left;
    margin: 10px 0 0 0;
}

ul.footerbox li {
    display: inline;
    float: left;
    margin-right: 13px;
    border: 1px solid #606060;
    line-height: 25px;
    height: 25px;
    text-align: center;
}
/*ul.footerbox li:nth-child(1),*/
ul.footerbox li#footer_versand {
    width: 177px;
}
/*ul.footerbox li:nth-child(2),*/
ul.footerbox li#footer_rueck {
    width: 203px;
}
/*ul.footerbox li:nth-child(3),*/
ul.footerbox li#footer_zahlung {
    width: 190px;
}
/*ul.footerbox li:nth-child(4),*/
ul.footerbox li#footer_laender {
    width: 225px;
}
/*ul.footerbox li:nth-child(5),*/
ul.footerbox li#footer_geschenk {
    width: 143px;
    margin-right: 0;
}
ul.footerbox li div.footerbox_inner {
    position: absolute;
    z-index: 9999;
    text-align: left;
    padding: 10px 20px 10px 20px;
    width: auto;
    height: auto;
}
ul.footerbox li div.footerbox_inner h1 {
    color: #808080;
    padding-left: 0;
    padding-top: 10px;
    font-size: 11px;
    font-weight: bold;
}
ul.footerbox li div.footerbox_inner p {
    color: #808080;
    line-height: normal;
    font-weight: normal;
}
#footerbox_inner_versandkosten {
    background: transparent url(../img2010/box_versandkosten.png) no-repeat left bottom;
    position:absolute;
    z-index:9999;
    width:382px;
    left:0;
    height:146px;
    margin-top:-164px;
}

#footerbox_inner_ruecksendung {
    background: transparent url(../img2010/box_ruecksendung.png) no-repeat left bottom;
    position:absolute;
    z-index:9999;
    width:382px;
    left:192px;
    height:146px;
    margin-top:-164px;
}

#footerbox_inner_zahlung {
    background: transparent url(../img2010/box_zahlung.png) no-repeat left bottom;
    position:absolute;
    z-index:9999;
    width:382px;
    left:410px;
    height:146px;
    margin-top:-164px;
}
#footerbox_inner_laender {
    background: transparent url(../img2010/box_laender.png) no-repeat left bottom;
    position:absolute;
    z-index:9999;
    width:382px;
    left:420px;
    height:147px;
    margin-top:-164px;
}
#footerbox_inner_geschenk {
    background: transparent url(../img2010/box_geschenk.png) no-repeat left bottom;
    position:absolute;
    z-index:9999;
    width:382px;
    left:578px;
    height:147px;
    margin-top:-164px;
}

div#prodcat_infobox {
    position: absolute;
    left: 650px;
    background: white;
    width: 250px;
    height: 97px;
    padding: 20px 15px 25px 15px;
    border: 1px solid #ffd11b;
    box-shadow: 8px 8px 8px #666;
    z-index: 9999;
}

div#prodcat_infobox h1 {
    padding: 0;
    font-size: 14px;
}
div#prodcat_infobox_close {
    right: 15px;
    top: 15px;
    float: right;
    position: absolute;
}
div#prodcat_infobox p {
    padding: 0;
    margin-top: 25px;
    font-size: 11px;
}
div#prodcat_infobox p span {
    font-size: 14px;
}
div#prodcat_infobox a {
    display: block;
    float: right;
}
div.pagectl ol.pagectl {
    list-style: none;
    margin: 10px 0 10px 0;
    padding: 0;
    text-align: center;
}
div.pagectl ol.pagectl li {
    display: inline;
    padding: 0 3px 0 3px;
}
div.pagectl ol.pagectl li a {
    font-weight: bold;
}

div.pagectl ol.pagectl li a.marked {
    font-weight: bold;
    color: #ffcc33;
}
table.search {
    border-collapse: collapse;
    margin: 0 40px 0 40px;
    width: 920px;
}
table.search tr td {
    vertical-align: top;
    padding: 10px 6px 10px 6px;
    border-bottom: 1px solid #e0e0e0;
}
table.search tr:nth-child(odd) td {
    //background-color: #e0e0e0;
}
div#fog,
div#dimlayer {
    z-index:500;
    margin:0;
    top: 0;
    left: 0;
    background-color: transparent;
    width:100%;
    height:100%;
    position:fixed;
    -moz-opacity: 0.00;		/* FF */
    filter:alpha(opacity=00);	/* IE */
    opacity: 0.00;		/* Opera */
    KHTML-opacity: 0.00;	/* Konqueror */
}

#produkt-varianten #varianten-zoom,
#produkt-ausfuehrungen #ausfuehrung-zoom {
    position: absolute;
    padding-left: 5px;
    padding-right: 5px;
    min-height: 100px;
    text-align: center;
    background-color: transparent;
}
#produkt-varianten #varianten-zoom img,
#produkt-ausfuehrungen #ausfuehrung-zoom img {
    border: 1px solid #e0e0e0;
    background-color: white;
}

#produkt-ausfuehrungen #ausfuehrung-zoom div.ausfuehrung-text,
#produkt-varianten #varianten-zoom div.varianten-text {
    background-color: white;
    color: #b0b0b0;
    border:1px solid #f0f0f0;
    /*position: absolute;
    bottom: 0;
    left: 0;
    top: 76px;
    height: 16px;*/
    width: auto;
    padding:3px 3px 0 3px;
    box-shadow: 2px 2px 2px #e0e0e0;
    -moz-box-shadow: 2px 2px 2px #e0e0e0;
    background-color: white;
    min-width: 100px;
}


/* Produktseite Layout III/2011 */
a span.button_merkmal {
    display: block;
    background: transparent url(../shop/de/img/button/button_merkmal.png) no-repeat left top;
    width: 100px;
    height: 16px;
    color:#666666;
    font-size: 10px;
    font-weight: bold;
    padding: 2px 0 2px 9px;
    letter-spacing: -0.5pt;
}
ul.merkmale {
    position:absolute;
    display:block;
    height:40px;
    right:12px;
    top:80px;
    list-style:none;
    margin:0;
    padding:0;
}
ul.merkmale li {
    float:left;
}

/* Liste zur Auswahl */
ul.merkmale li ul {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100px;
}
ul.merkmale li ul li {
    float: none;
    background-color: white;
    border: 1px solid #d3d6de;
    border-top: 0;
}
ul.merkmale li ul li h1 {
    background-color: #d3d6de;
    background-color: #d7d7df;
    display: block;
    color: #858b9b;
    font-size: 10px;
    margin: 0;
    padding: 1px 0 1px 8px;
    padding: 1px 0 1px 2px;
}
ul.merkmale li div.sel {
    margin-top: -4px;
    background: transparent url(../shop/de/img/button/box_selvalue.png) no-repeat left top;
    color: #858b9b;
    width: 100px;
    height: 18px;
    padding: 5px 0 0 8px;
    
    font-family: arial;
    font-size: 8pt;
    font-weight: bold;
}
div.artikelnr {
    position: absolute;
    left: 20px;
    top: 75px;
}
div.bestellpanel {
    position: absolute;
    right: 14px;
    top: 460px;
    width: 310px;
    height: 66px;
}
div.bestellpanel div.preis {
    float: left;
    padding-top: 20px;
}
div.bestellpanel div.preis h1 {
    font-size: 11px;
    text-align: right;
    margin: 0;
    padding: 0;
}
div.bestellpanel div.preis h2 {
    font-size: 14px;
    font-weight: bold;
    text-align: right;
    margin: 0;
    padding: 0;
}

div.bestellpanel div.buttons {
    float: right;
}
div.bestellpanel div.buttons a.bestellbtn {
    display: block;
    background: white url(../shop/de/img/button/button_bestellen.png) no-repeat left top;
    color: white;
    font-weight: bold;
    padding: 33px 0 0 68px;
    width: 153px;
    height: 31px;
    
    width: 164px;
    height: 34px;
    margin-right: -2px;
}
div.bestellpanel div.buttons a:hover.bestellbtn {
    background: white url(../shop/de/img/button/button_bestellen_roll.png) no-repeat left top;
}
div.bestellpanel div.buttons a.merkbtn {
    display: block;
    text-decoration: underline;
    text-align: right;
    margin-right: 6px;
}
div.bestellpanel div.buttons a.disbestellbtn {
    display: block;
    background: white url(../shop/de/img/button/dis_button_bestellen.jpg) no-repeat left top;
    color: white;
    font-weight: bold;
    padding: 33px 0 0 68px;
    width: 153px;
    height: 31px;
}

div#container_cart ul.cart {
    list-style: none;
    padding-left: 3px;
    font-size:10px;
}
div#container_cart ul.cart li {
    background: transparent;
    border: 0;
    margin-left: 0;
    padding: 0 0 0 0;
    text-align: left;
    float: none;
    height: auto;
}


div#countries {
    position: absolute;
    top: -20px;
    right: 140px;
}

div#sprachauswahl {
    position: absolute;
    top: 0;
    /*right: 8px;*/
    left: 15px;
}
div#sprachauswahl div#sprachen {
    position: absolute;
    margin-top: -4px;
    width: 107px;
    height: 72px;
    background: #efeef0;
    opacity: 1.00;
    z-index: 9000;
    border-bottom-left-radius: 6px 6px;
    border-bottom-right-radius: 6px 6px;
}
div#sprachauswahl div#sprachen ol#sprachen_list {
    list-style: none;
    margin: 10px 0 10px 0;
    padding: 0;
    position: absolute;
}
div#sprachauswahl div#sprachen ol#sprachen_list li {
    text-align: center;
    line-height: 25px;
    width: 107px;
}
div#sprachauswahl div#sprachen ol#sprachen_list li a {
    font-size: 12px;
    color: black;
}


div#bgimg {
    width:100%;
    height:274px;
    margin-bottom:35px;
    margin-bottom:60px;
}

div#bgimg h1 {
    height:20px;
    /*border-top-left-radius:4px;
    border-top-right-radius:4px;*/
    opacity:0.85;
    padding:10px 40px;
    background:#86889c;
    color:white;
    margin-left:19px;
    position:absolute;
    left:233ppx;
    top:234px;
	display: none;
}
div.contenthead {
    border-bottom: 1px solid #9ba0ad;
    margin: 0 20px 0 20px;
}
div.contenthead h1 {
    font-size: 14px;
    padding: 0;
    margin: 0;
    text-align: left;
}
div.contenthead h1 small {
    position: absolute;
    right: 21px;
}
div#zoombox {
    position: absolute;
    box-shadow: 4px 2px 2px black;
    z-index: 100001;
    background: white;
    padding: 20px;
}
h1.kopfzeile {
    text-align: left;
    font-size: 11px;
    padding: 0 0 10px 0;
    border-bottom: 1px solid #e0e0e0;
    margin-bottom: 10px;
    font-weight: normal;
}
h1.kopfzeile_bold {
    text-align: left;
    font-size: 11px;
    padding: 0 0 10px 0;
    border-bottom: 1px solid #e0e0e0;
    margin-bottom: 10px;
    font-weight: bold;
}
h1.kopfzeile span.right {
    float: right;
}
h2.subkopfzeile {
    text-align: right;
    font-size: 11px;
    margin-bottom: -15px;
}

ul.tabs li.disabled {
	display: none;
}

a.add_to_cart {
    background: transparent url(../img2010/Warenkorb.png) no-repeat left 6px;
}
a.add_to_list {
    background: transparent url(../img2010/Merkliste.png) no-repeat left 6px;
}
a.add_to_cart:hover {
    background: transparent url(../img2010/Warenkorb_r.png) no-repeat left 6px !important;
}
a.add_to_list:hover {
    background: transparent url(../img2010/Merkliste_r.png) no-repeat left 6px;
}
table#headcartobj,
table#headlistobj {
    width: 100%;
}


div#country_selection {
    position: absolute;
    width: 800px;
    height: 400px;
    background: white url(../img2010/country_selection/weltkarte.jpg) no-repeat left -30px;
    border:1px solid #eaeaea;
    margin: -0em auto 0 -400px;
    left: 50%;
    padding: 40px 25px 40px 25px;
    box-shadow: 3px 3px 5px #eaeaea;
    z-index: 90000;
}
div#country_selection ul {
    padding: 0;
    list-style-type: none;
}
div#left_area {
    width: 42%;
    float: left;
    margin: 38px 4% 0 4%;
}
ul#continent_list {
    float: left;
    width: 25%;
    text-align: center;
    margin: 34px 0 0 0;
}
div#right_area {
    float: left;
    height: 100%;
    width: 21%;
    margin: 0 4% 0 0;
    clear: right;
    text-align: center;
}
div#right_area a#scroll_up,
div#right_area a#scroll_down {
    display: block;
    width: 100%;
    padding: 0;
    background: white;

}
div#right_area a#scroll_up {
    margin-bottom: 10px;
}
div#right_area a#scroll_down {
    margin-top: 10px;
}
ul#country_list {
    height: 83%;
    width: 100%%;
    text-align: center;
}

ul#continent_list li,
ul#country_list li {
    line-height: 2.5em;
}

ul.addresses {
    list-style: none;
    padding: 0;
    margin: 0 0 50px 0;
}
ul.addresses li {
    margin-bottom: 25px;
}
table.address tr td {
    padding: 2px 4px 2px 4px;
}
table.address tr td:first-child {
    padding-right: 20px;
}

a.continue {
    display: block;
    text-align: right;
    font-weight: bold;
}
a.edit {
    display: inline-block;
    text-align: right;
    margin-right: 20px;
    font-weight: bold;
}

a.link,
a.link:link,
a.link:visited {
    background: transparent url(../img/pfeil_rechts.jpg) no-repeat right top;
    padding-right: 12px;
    font-weight: bold;
}


.bold {
    font-weight: bold !important;
}

.zusatztext {
    font-style: italic;
    margin: 0;
    padding: 0;
    display: inline-block;
}

#mobileswitch {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 100000;
    text-align: center;
    vertical-align: middle;
    display: none;
}

#mobileswitch .popup {
    display: inline-block;
    position: absolute;
    width: 350px;
    height: 120px;
    border:1px solid #e0e0e0;
    background: white;
    opacity: 1;
    z-index: 100000;
    left: 50%;
    top: 50%;
    margin-left: -200px;
    margin-top: -100px;
    box-shadow: 1px  1px 2px #a0a0a0;
    padding: 40px 25px 20px 25px;
}
#mobileswitch .popup p.head {
    font-size: 12pt;
}
#mobileswitch .popup a {
    font-size: 12pt;
}
#mobileswitch .popup a.button.yes {
    margin-right: 2em;
}

@media
    only screen and (-webkit-min-device-pixel-ratio: 3),
    only screen and (max-width: 999px) and (-webkit-max-device-pixel-ratio: 1),
    only screen and (max-width: 959px) and (-webkit-max-device-pixel-ratio: 2),
    only screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.1) and (-webkit-max-device-pixel-ratio: 2),
    only screen and (max-width: 360px) and (-webkit-min-device-pixel-ratio: 2.1) and (-webkit-max-device-pixel-ratio: 3),
    only screen and (min-width: 1000px) and (min-resolution: 120dppx) and (max-resolution: 255dppx)
 {

    div#page_footer div a {
	line-height: 200%;
	font-size: 12pt;
    }
}

/* general */
.tg-headline {
    background: #f9f9fa;
    line-height: 200%;
    padding: .3em 1em .3em 1em;
    font-weight: bold;
    margin: 0 0 2em 0;
}
.tg-headline span {
    font-weight: normal;
    margin-left:675px;
}

.tg-account-orderlist {
    width: 100%;
}
.tg-account-orderlist tr td {
    font-size: 12px;
}
.tg-account-orderlist tr td:first-child {
    padding-left: 1em;
}
.tg-account-orderlist tr td:last-child {
    padding-right: 1em;
}

.tg-account-orderlist thead tr td {
    font-weight: bold;
    color: #9f884f;
    border-bottom: 1px solid #eaeaea;
    padding: 0 0 1em 0;
    line-height: 2em;
}
.tg-account-orderlist tbody tr td {
    line-height: 1.5em;
    vertical-align: top;
    border-bottom: 1px solid #eaeaea;
    padding: 1em 0 1.5em 0;
}
.tg-account-orderlist tbody tr:last-child td {
    border-bottom: 0;
}

.tg-social-icon {
    vertical-align: middle;
    margin-right: .5em;
}

.tg-left {
    float: left;
}
.tg-right {
    float: right;
    text-align: right;
}

.energy-data {
    margin-bottom: 10px;
}
