
/**
 * ========== Customer Account: Addresses ==========
 *
 * .address_frame
 *    is a div surrounding all elements of a single address (address-container and a form to delete address)
 *
 * .address
 *    is a div containing address data inside labels and an input element to change default invoice address via AJAX
 */

.address_frame {
    border: 1px solid #17BAF0;
    border-radius: 3px;
    float: left;
    margin: 5px 10px 5px 0;
    padding: 5px;
    width: 217px;
}

.address_frame input[type=submit] {
    background-color: transparent;
    border: none;
    clear: left;
    color: #17BAF0;
    cursor: pointer;
    font-size: 90%;
    padding: 0;
    text-align: left;
}

.address_frame input[type=submit]:hover {
    text-decoration: underline;
}

.address_frame input[type=submit]:disabled {
    color: #89867E;
    cursor: default;
    text-decoration: none;
}

.address {
    float: left;
    width: 100%;
}

.address > div {
    clear: left;
    float: left;
    padding-top: 15px;
}

.address > label { /* need exclude of '.address > div label' */
    clear: left;
    float: left;
}

/* ==== Continue Software GmbH ==== */

body, html {
    font-size: 1em;
    margin: 0;
    padding: 0;
}

/* Wrapper */

.wrapper {
    margin-top: 20px;
    min-height: 100%;
}

/* HEADER */

header {
    height: 150px;
}

h1.firmenlogo {
    height: 120px;
    text-indent: -3000px;
}

.container_16 .grid_4 {
    width: 200px !important;
}

.logo {
    height: 120px;
}

.cartregistry {
    font-size: 12px;
    height: 120px;
}

.cart {
    background: url(images/basket.png) no-repeat right;
    display: block;
    height: 64px;
    padding: 10px 64px 0 0;
}

.cart a {
    display: block;
}

.cart b {
    margin-right:5px;
}


/* TopNavigation */

.topnavi {
    height: 30px;
}

.topnavi li {
    display: block;
    float: left;
    line-height: 30px;
}

.topnavi a  {
    display: block;
    color: #FFFFFF;
    line-height: 30px;
    padding-left: 10px;
    padding-right: 10px;
    text-decoration: none;
}
.topnavi a:hover  {
    color: #FFF;
}

/* FooterNavigation */

.footnavi a {
    display: inline-block;
    line-height: 30px;
    padding-left: 10px;
    padding-right: 10px;
    text-decoration: none;
}

.footnavi {
    border-top: 1px solid #DDDDDD;
    height: 30px;
    float: left;
}

.footnavi ul {
    text-align: center;
}

.footnavi li {
    display: inline;
}

.footnavi li a {
    display: inline-block;
    color: #888888;
    line-height: 30px;
    padding-left: 10px;
    padding-right: 10px;
    text-decoration: none;
    font-size: 14px;
}

.footnavi li a:hover {
    /*color: #449713;*/
    text-decoration: underline;
}



.usernavi li, .subnavi li {
    display: inline;
}

.usernavi li a, .subnavi li a {
    
    margin: 5px 10px;
    font-weight: 400;
    display: inline-block;
    font-size: 14px;
    
}

.tspacer {
    padding: 5px 0;
}

form#produktsuche {

    margin-left: 10px;
}

form#produktsuche input[type="text"] {
    border: 1px solid #9B9B9B;
    border-radius: 2px;
    /*background: url("images/lupe.png") no-repeat scroll 345px center #FFFFFF;*/
    background: #FFFFFF;
    padding: 8px 7px;
    box-shadow: 0 1px 1px #F3F4F6 inset;
    width: 130px;
    color: #333;
    font-weight: 600;
    transition: width 0.5s;
}


form#produktsuche input[type="text"]:hover {
    width: 450px;
    border-color: blue;
    transition: width 1s;
}
form#produktsuche input[type="text"]:focus {
    width: 450px;
    border-color: blue;
    transition: width 1s;
}
.profisuche {
    width: 350px !important;
    font-weight: 400;
    font-size: 14px;
}

.profisuche li {
    display: inline-block;
    width: 165px;
    line-height: 30px;
}


.profisuche a {
    display: inline-block;
}


label.produktsuche {
    float: left;
    margin-right: 10px;
}

label.produktsuche span {
    background: url(images/lupe.png) no-repeat center;
    width: 20px;
    height: 30px;
    display: inline-block;
    
}

input.suche {
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    padding: 5px;
    text-decoration: none;
    text-shadow: none;
}

/* CONTENT */

    /* Slider Platzhalter */
    #slider {
        text-align: center;

        min-height: 60px;
        color: #D06503;
    }
    /* Ende Slider */


nav {
    margin: 0 auto;
}

nav h2 {
    margin: 10px 0;
    padding: 5px;
    font-weight: 400;
    border-bottom: 1px solid #DDD;
}

.MainMenu .MenuItem,
.MainMenu .MenuItemHover {
    border-bottom: 1px solid #FFF;
    display: block;
    margin-right: 1px;
    padding: 5px;
    width: 200px;
}

.infobox {
    width: 200px;
}

.infobox p {
    font-size: 13px;
    margin-left: 5px;
}

section#content {
}

#searchSideSelector {
    border-radius:5px;
    padding: 5px 0 5px 5px;
    margin-bottom: 10px;
}

/* Liste */
figure {
    width: 750px;
}

.fullsize_product a > img {
}

figure a, figcaption a {
    display: inline-block;
    font-size: 15px;
}

figcaption {
    width: 540px;
    float: right;
}


.preis a {
    font-size: 12px;
    text-decoration: underline;
}

.status {
    float: left;
    font-size: 12px;
    font-weight: 500;
}


/* Detailansicht*/
#details div {
    float: left;
    width: 100%;
}
#details div.hinweis {
    border-top: 1px solid #AEAEAE;
    margin: 20px 0 25px;
    font-size: 0.6em;
}
#details .article_data {
    float: left;
    width: 100%;
}

#details .article_data > label {
    float: left;
    clear: left;
    width: 500px;
}

#details .preis {
    margin: 20px 0;
}

#details .preis .status {
    clear: left;
    float: left;
}
#details figcaption > label {
    float: left;
    clear: left;
    margin: 10px 0 0;
}


/* FOOTER */
footer {
    padding: 5px;
}

.subnavi {
    margin: 50px 0px 0;
    text-align: center;
}

.subnavi a {
    font-size: 13px;
}

/* COPYRIGHT */

section#copyright {
    text-align: right;
    font-size: 12px;
    float: right;
    margin-top: 10px;
    margin-bottom: 10px;
}




#please_wait_layer {
    z-index: -1000;
    height: 100%;
    width: 100%;
    position: fixed;
    top:0;
    left:0;
}

#please_wait_layer > div {
    position: absolute;
    width: 100px;
    height:100px;
    top: 50%;
    left: 50%;

    box-shadow: 1px 1px 5px 0 lightgray;

    border: 1px solid darkgray;
    border-radius: 50px;
    background-color: #ffffff;
    background-image: url(images/ajax-loader.gif);
    background-repeat: no-repeat;
    background-position: center center;
}


/* ==== Continue Software GmbH //// Farbanpassungen ==== */

body {
    background: #f6f6f6;
    color: #89867E;
    font-family: Arial,Verdana,"Helvetica Neue",Helvetica,sans-serif !important;
}

/* LINKFARBEN */

a {
    color: #449713;
    text-decoration: none;
    outline: none;
}

a:active {
    outline: none;
}

a:hover {
    color: #449713;
    text-decoration: underline;
}

a:visited {
    /*color: #E9931A;*/
    text-decoration: none;
}

/* UEBERSCHRIFTEN */

h1, h2, h3, h4, h5, h6 {
    color: #000000;
}

h1 {
    margin:10px 0 !important;
    font-size:20px !important;
    color:#111170 ;
}

h2 {
    border-bottom: 1px solid #ddd;
    color: #555;
}


.wrapper {
    background: #fff;
    box-shadow: 0 0 5px 0 #ccc;
    border: 1px solid #fff;
    border-radius: 10px;
}

/* HEADER */
header {
}

h1.firmenlogo {
    /*background: url(images/fortknox_logo.gif) no-repeat;*/

}

a.cart {
    color :#888;
}


.grey {
    background: rgb(255,255,255); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZWVlZWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(238,238,238,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-8 */
}

.topnavi, .MenuItem, .MenuItemHover {
    color:#449713;
    background: #9B9B9B; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE3YmFmMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMGFiZWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #9B9B9B 0%, #454748 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9B9B9B), color-stop(100%,#454748)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #9B9B9B 0%,#454748 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #9B9B9B 0%,#454748 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #9B9B9B 0%,#454748 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #9B9B9B 0%,#454748 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9B9B9B', endColorstr='#454748',GradientType=0 ); /* IE6-8 */
}

.MenuItemHover {
    cursor: pointer;
}

.usernavi li a {
    color: #fff;
}

.profisuche {
}

.profisuche a {
}

input.suche {
    color :#fff;
    border: none;
    background: #888;
}

/* CONTENT */

nav h1 {
    color: #333;
}


.MenuText, .MenuTextHover {
    color: #FFF;
    font-size: 14px;
}
.MenuTextHover {
    text-decoration: underline;
}
    
.infobox p {
    color: #333;
}

figure a {
    color: #449713;
}

.preis a {
    color: #888;
}

#searchSideSelector {
    background:#f3f3f3;
    border:1px solid #f3f3f3;

}

/* VERFUEGBARKEITEN */
.green {
    color: #6D9E00;
}

.red {
    color: #FF3300;
}

.orange {
    color: #F19632;
}

/* FOOTER */

footer {
}

.subnavi a {
    color: #888;
}

/* COPYRIGHT */
section#copyright {
    color: #b5b5b5;
    font-style: italic;
}

.invalid > span {
    color: red;
}

body {
    min-width: 960px
}

.container_12, .container_16 {
    margin-left: auto;
    margin-right: auto;
    width: 960px
}

.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12,
.grid_13, .grid_14, .grid_15, .grid_16 {
    display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px
}

.push_1, .pull_1, .push_2, .pull_2, .push_3, .pull_3, .push_4, .pull_4, .push_5, .pull_5, .push_6, .pull_6, .push_7,
.pull_7, .push_8, .pull_8, .push_9, .pull_9, .push_10, .pull_10, .push_11, .pull_11, .push_12, .pull_12, .push_13,
.pull_13, .push_14, .pull_14, .push_15, .pull_15 {
    position: relative
}

.container_12 .grid_3, .container_16 .grid_4 {
    width: 220px
}

.container_12 .grid_6, .container_16 .grid_8 {
    width: 460px
}

.container_12 .grid_9, .container_16 .grid_12 {
    width: 700px
}

.container_12 .grid_12, .container_16 .grid_16 {
    width: 940px
}

.alpha {
    margin-left: 0
}

.omega {
    margin-right: 0
}

.container_12 .grid_1 {
    width: 60px
}

.container_12 .grid_2 {
    width: 140px
}

.container_12 .grid_4 {
    width: 300px
}

.container_12 .grid_5 {
    width: 380px
}

.container_12 .grid_7 {
    width: 540px
}

.container_12 .grid_8 {
    width: 620px
}

.container_12 .grid_10 {
    width: 780px
}

.container_12 .grid_11 {
    width: 860px
}

.container_16 .grid_1 {
    width: 40px
}

.container_16 .grid_2 {
    width: 100px
}

.container_16 .grid_3 {
    width: 160px
}

.container_16 .grid_5 {
    width: 280px
}

.container_16 .grid_6 {
    width: 340px
}

.container_16 .grid_7 {
    width: 400px
}

.container_16 .grid_9 {
    width: 520px
}

.container_16 .grid_10 {
    width: 580px
}

.container_16 .grid_11 {
    width: 640px
}

.container_16 .grid_13 {
    width: 760px
}

.container_16 .grid_14 {
    width: 820px
}

.container_16 .grid_15 {
    width: 880px
}

.container_12 .prefix_3, .container_16 .prefix_4 {
    padding-left: 240px
}

.container_12 .prefix_6, .container_16 .prefix_8 {
    padding-left: 480px
}

.container_12 .prefix_9, .container_16 .prefix_12 {
    padding-left: 720px
}

.container_12 .prefix_1 {
    padding-left: 80px
}

.container_12 .prefix_2 {
    padding-left: 160px
}

.container_12 .prefix_4 {
    padding-left: 320px
}

.container_12 .prefix_5 {
    padding-left: 400px
}

.container_12 .prefix_7 {
    padding-left: 560px
}

.container_12 .prefix_8 {
    padding-left: 640px
}

.container_12 .prefix_10 {
    padding-left: 800px
}

.container_12 .prefix_11 {
    padding-left: 880px
}

.container_16 .prefix_1 {
    padding-left: 60px
}

.container_16 .prefix_2 {
    padding-left: 120px
}

.container_16 .prefix_3 {
    padding-left: 180px
}

.container_16 .prefix_5 {
    padding-left: 300px
}

.container_16 .prefix_6 {
    padding-left: 360px
}

.container_16 .prefix_7 {
    padding-left: 420px
}

.container_16 .prefix_9 {
    padding-left: 540px
}

.container_16 .prefix_10 {
    padding-left: 600px
}

.container_16 .prefix_11 {
    padding-left: 660px
}

.container_16 .prefix_13 {
    padding-left: 780px
}

.container_16 .prefix_14 {
    padding-left: 840px
}

.container_16 .prefix_15 {
    padding-left: 900px
}

.container_12 .suffix_3, .container_16 .suffix_4 {
    padding-right: 240px
}

.container_12 .suffix_6, .container_16 .suffix_8 {
    padding-right: 480px
}

.container_12 .suffix_9, .container_16 .suffix_12 {
    padding-right: 720px
}

.container_12 .suffix_1 {
    padding-right: 80px
}

.container_12 .suffix_2 {
    padding-right: 160px
}

.container_12 .suffix_4 {
    padding-right: 320px
}

.container_12 .suffix_5 {
    padding-right: 400px
}

.container_12 .suffix_7 {
    padding-right: 560px
}

.container_12 .suffix_8 {
    padding-right: 640px
}

.container_12 .suffix_10 {
    padding-right: 800px
}

.container_12 .suffix_11 {
    padding-right: 880px
}

.container_16 .suffix_1 {
    padding-right: 60px
}

.container_16 .suffix_2 {
    padding-right: 120px
}

.container_16 .suffix_3 {
    padding-right: 180px
}

.container_16 .suffix_5 {
    padding-right: 300px
}

.container_16 .suffix_6 {
    padding-right: 360px
}

.container_16 .suffix_7 {
    padding-right: 420px
}

.container_16 .suffix_9 {
    padding-right: 540px
}

.container_16 .suffix_10 {
    padding-right: 600px
}

.container_16 .suffix_11 {
    padding-right: 660px
}

.container_16 .suffix_13 {
    padding-right: 780px
}

.container_16 .suffix_14 {
    padding-right: 840px
}

.container_16 .suffix_15 {
    padding-right: 900px
}

.container_12 .push_3, .container_16 .push_4 {
    left: 240px
}

.container_12 .push_6, .container_16 .push_8 {
    left: 480px
}

.container_12 .push_9, .container_16 .push_12 {
    left: 720px
}

.container_12 .push_1 {
    left: 80px
}

.container_12 .push_2 {
    left: 160px
}

.container_12 .push_4 {
    left: 320px
}

.container_12 .push_5 {
    left: 400px
}

.container_12 .push_7 {
    left: 560px
}

.container_12 .push_8 {
    left: 640px
}

.container_12 .push_10 {
    left: 800px
}

.container_12 .push_11 {
    left: 880px
}

.container_16 .push_1 {
    left: 60px
}

.container_16 .push_2 {
    left: 120px
}

.container_16 .push_3 {
    left: 180px
}

.container_16 .push_5 {
    left: 300px
}

.container_16 .push_6 {
    left: 360px
}

.container_16 .push_7 {
    left: 420px
}

.container_16 .push_9 {
    left: 540px
}

.container_16 .push_10 {
    left: 600px
}

.container_16 .push_11 {
    left: 660px
}

.container_16 .push_13 {
    left: 780px
}

.container_16 .push_14 {
    left: 840px
}

.container_16 .push_15 {
    left: 900px
}

.container_12 .pull_3, .container_16 .pull_4 {
    left: -240px
}

.container_12 .pull_6, .container_16 .pull_8 {
    left: -480px
}

.container_12 .pull_9, .container_16 .pull_12 {
    left: -720px
}

.container_12 .pull_1 {
    left: -80px
}

.container_12 .pull_2 {
    left: -160px
}

.container_12 .pull_4 {
    left: -320px
}

.container_12 .pull_5 {
    left: -400px
}

.container_12 .pull_7 {
    left: -560px
}

.container_12 .pull_8 {
    left: -640px
}

.container_12 .pull_10 {
    left: -800px
}

.container_12 .pull_11 {
    left: -880px
}

.container_16 .pull_1 {
    left: -60px
}

.container_16 .pull_2 {
    left: -120px
}

.container_16 .pull_3 {
    left: -180px
}

.container_16 .pull_5 {
    left: -300px
}

.container_16 .pull_6 {
    left: -360px
}

.container_16 .pull_7 {
    left: -420px
}

.container_16 .pull_9 {
    left: -540px
}

.container_16 .pull_10 {
    left: -600px
}

.container_16 .pull_11 {
    left: -660px
}

.container_16 .pull_13 {
    left: -780px
}

.container_16 .pull_14 {
    left: -840px
}

.container_16 .pull_15 {
    left: -900px
}

.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0
}

.clearfix:before, .clearfix:after, .container_12:before, .container_12:after, .container_16:before, .container_16:after {
    content: '.';
    display: block;
    overflow: hidden;
    visibility: hidden;
    font-size: 0;
    line-height: 0;
    width: 0;
    height: 0
}

.clearfix:after, .container_12:after, .container_16:after {
    clear: both
}

.clearfix, .container_12, .container_16 {
    zoom: 1
}

body {
    font: 13px/1.5 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif
}

pre, code {
    font-family: 'DejaVu Sans Mono', Menlo, Consolas, monospace
}

hr {
    border: 0 solid #ccc;
    border-top-width: 1px;
    clear: both;
    height: 0
}

h1 {
    font-size: 25px
}

h2 {
    font-size: 23px
}

h3 {
    font-size: 21px
}

h4 {
    font-size: 19px
}

h5 {
    font-size: 17px
}

h6 {
    font-size: 15px
}

ol {
    list-style: decimal
}

ul {
    list-style: disc
}

li {
    margin-left: 30px
}

p, dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset, figure {
    margin-bottom: 20px
}

label.error { color: #AE0000; }
label.success { color: #00AE00; }
label.bold { font-weight: bold; }
label.underline { text-decoration: underline; }
label.no_clear { clear: none !important; }

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code,
dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4,
h5, h6, header, hgroup, hr, html, i, iframe, img, ins, kbd, label, legend, li, main, mark, menu, meter, nav, object, ol,
output, p, pre, progress, q, rp, rt, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table,
tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video, xmp {
    border: 0;
    margin: 0;
    padding: 0;
    font-size: 100%
}

html, body {
    height: 100%
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section {
    display: block
}

b, strong {
    font-weight: bold
}

img {
    color: transparent;
    font-size: 0;
    vertical-align: middle;
    -ms-interpolation-mode: bicubic
}

ol, ul {
    list-style: none
}

li {
    display: list-item
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

th, td, caption {
    font-weight: normal;
    vertical-align: top;
    text-align: left
}

q {
    quotes: none
}

q:before, q:after {
    content: '';
    content: none
}

sub, sup, small {
    font-size: 75%
}

sub, sup {
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -0.25em
}

sup {
    top: -0.5em
}

svg {
    overflow: hidden
}


/* ========== Form ========== */
form.default_form div {
    float: left;
    margin: 5px 0;
    width: 100%;
}

form.default_form label {
    cursor: pointer;
    font-weight: bold;
    float: left;
    text-indent: 10px;
    text-transform: capitalize;
    width: 200px;
}

form.default_form input { float: left; }
form.default_form input[type=submit] {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin: 10px 0 0 10px;
    padding: 5px 15px;
}



/* ========== Button ========== */
.button {
    background: linear-gradient(to bottom, #9B9B9B 0%, #454748 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    background-color: #9B9B9B;
    border: 1px solid darkslategrey;
    border-radius: 3px;
    color: white;
    cursor: pointer;
    display: block;
    float: right;
    /*font-family: Arial, Verdana, "Helvetica Neue", Helvetica, sans-serif;*/
    font-size: 100%;
    /*font-weight: normal;*/
    height: 40px;
    line-height: 40px;
    /*margin-right: 5px;*/
    padding:  0 25px;
    text-align: center;
    margin-top: 10px;
}

.button:hover {
    background: linear-gradient(to bottom, #454748 0%, #9B9B9B 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: white;
    /*font-family: Arial, Verdana, "Helvetica Neue", Helvetica, sans-serif;*/
    transition: background 2s;
}



/* ========== Table ========== */
.default_table { width: 100%; }

/* Header / Footer */
.default_table thead,
.default_table tfoot {
    background: #9B9B9B; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE3YmFmMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMGFiZWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #9B9B9B 0%, #9B9B9B 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9B9B9B), color-stop(100%,#454748)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #9B9B9B 0%,#454748 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #9B9B9B 0%,#454748 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #9B9B9B 0%,#454748 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #9B9B9B 0%,#454748 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9B9B9B', endColorstr='#454748',GradientType=0 ); /* IE6-8 */
    color:#FFF;
}

/* Borders */
.default_table tr th,
.default_table tr td {
    border-right: 1px solid #FFF;
    padding: 0 5px;
}
.default_table tbody tr {
    border-bottom: 1px solid #FFF;
}
.default_table tr th:last-child,
.default_table tr td:last-child,
.default_table tbody tr:last-child {
    border: none;
}

/* Row Backgrounds */
.default_table tbody tr { background-color: #F3F3F3; }
.default_table tbody tr:nth-child(2n) { background-color: #EEE; }

/* Text Aligns */
.default_table td.align_left { text-align: left; }
.default_table td.align_right { text-align: right; }
.default_table td.align_center { text-align: center; }


.category_navigation li {
    background: #9B9B9B; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE3YmFmMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMGFiZWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #9B9B9B 0%, #454748 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9B9B9B), color-stop(100%,#454748)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #9B9B9B 0%,#454748 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #9B9B9B 0%,#454748 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #9B9B9B 0%,#454748 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #9B9B9B 0%,#454748 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9B9B9B', endColorstr='#454748',GradientType=0 ); /* IE6-8 */

    padding: 5px;
    width: 100%;
}

.category_navigation li a {
    color: #FFFFFF;
    text-decoration: none;
}

.category_navigation li a:hover {
    cursor: pointer;
    text-decoration: underline;
}


.category_navigation li ul li {
    background: none;
    padding-left: 5%;
    width: 95%;
}

.category_navigation .selected_category {
    background: #9B9B9B;
}

.category_navigation .selected_category > a {
    font-weight: bolder;
    /*text-decoration: underline;*/
}



.shopping_cart_wrapper {
    border: 1px solid #9B9B9B;
    border-radius: 2px;
    margin: 25px auto;
}

.shopping_cart .status { padding-top: 15px; }
.shopping_cart .status.sku {
    margin-right: 35px;
    text-align: right;
    width: 50px;
}


.shopping_cart .cart_picture {
    text-align: center;
    width: 80px;
}

.shopping_cart td.cart_description label {
    color: #418413;
    float: left;
    font-weight: bold;
    height: 20px;
    overflow: hidden;
    width: 100%;
}

.shopping_cart td.cart_quantity {
    padding: 0;
    text-align: center;
    width: 12%;
}

.shopping_cart .cart_quantity input {
    float: left;
    margin: auto 5px;
    text-align: center;
    width: 35px;
}

.shopping_cart .cart_quantity input.refresh {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABmJLR0QAFwCoAPBBVQ4pAAAACXBIWXMAAAinAAAIpwEyxgIDAAAAB3RJTUUH3gQIDBAspdTeBgAAAbpJREFUOMut1E1vTVEUBuDntoKBZEcIZ1JGTQwYCCWhIpLGzEAk3YmvoaH+AUb8gfoJiDikkRiKgYY0PioGJCRGGNgRDccI0V6TfeX0Ove2VWuyP7LWu9d+37VWq91u+5+2ZjlORVkNYQtephh+9vMdWObDBzGLb0VZPS7Kamy1gB1bh/24V5TVZFFW6/8VcBoTKPELLZzHrW7HVkeUoqxaOICIQ9iTYlho4HMfrmM4X51NMVz7A7j15teACxloqBZ7JMXwoIdI2/EKG/AFwymGORhIMVS4gfddceO9/p9ieIeL+bgRhxdxmGJ4gWe1mAWcKMpqsA+vd2r7kSZRduR1DjtxH6MN3x2sZfk5X+9tKuzOvp1ieI1TPTIcLcrqHC5ntWXl/8pwNq+bM+lSDPMNgI8wlkXZlO/eNAHWOTzeR5B5THXFjhRltbsbcDqXAFzqZNnDugt6G04WZRVa9WlTlNUZXM3HtzidYnjaIMwAnuNh7p6ZFEN7UafUnO/iWI3sKczgdorh41I92tTL47iCdlY+YrJevCsCTDF8TzFM4Cie4MdKxlFrqYldlNVa7MKnFMOHVQOu1H4DrIyRh5Eq9tkAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-color: transparent;
    border: none;
    cursor: pointer;
    height: 20px;
    margin-right: 5px;
    opacity: 0.8;
    width: 20px;
}

.shopping_cart .article_title {
    cursor: pointer;
}
.shopping_cart .cart_quantity input.refresh + a {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABmJLR0QAFwCoAPBBVQ4pAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3gQIDCIL7a4/HAAAAMJJREFUOMvtlDEKAjEQRd/uipabLgsewDN4A29gsFsQBHs7G1vPYLdNClvLvYAn0BsYbFJYCaKdhLC6EdKI/ir5M/PIMEMgspJXAantBFgAN8fOgJ1RYhkMlNpmwBCogQrYO+ECWAElsDVKXN4CpbYjQAN5QHdXYGqUqFwz9ZI2gTCALrD2TR/Y/3AGhW90vPss+pSltvfQYqNE0tbyU6dx3npuUhp7sf/AXwA2LfYBGIR8DkaJXsgLS+DYAjsDc75SD6dVJW5u3669AAAAAElFTkSuQmCC);
    background-repeat: no-repeat;
    background-color: transparent;
    border: none;
    cursor: pointer;
    float: left;
    height: 20px;
    opacity: 0.8;
    width: 20px;
}

.shopping_cart .cart_quantity input.refresh:hover,
.shopping_cart .cart_quantity input.refresh + a:hover {
    opacity: 1;
    text-decoration: none;
}

.shopping_cart .cart_price,
.shopping_cart .cart_total,
.shopping_cart .cart_quantity {
    vertical-align: middle;
}

.shopping_cart tfoot td { border-right: 1px solid #FFF; }
.shopping_cart tfoot td:last-child { border-right: none; }

.shopping_cart tfoot td,
.shopping_cart td.cart_price {
    padding-right: 5px;
    text-align: right !important;
    width: 11%;
}

.shopping_cart tfoot td {
    /*line-height: 50px;*/
    vertical-align: middle;
}

div.availability{
    float: left;
    margin-top: 10px;
    cursor: default;
    text-decoration:none;
}

.tabs {
    margin: 0 0 25px;
    padding: 2px;
}

.tabs > ul {
    height: 25px;
    margin: 0;
    padding: 0;
}

.tabs > ul > li {
    background-color: #DCDCDC;
    border-top: 1px solid #333333;
    border-right: 1px solid #333333;
    border-left: 1px solid #333333;
    border-radius: 3px 3px 0 0;
    cursor: pointer;
    color: #000000;
    float: left;
    line-height: 24px;
    list-style: none;
    margin-right: 2px;
    text-align: center;
    width: 120px;
}

.tabs > ul > li:hover {
    background-color: #EEEEEE;
}

.tabs > ul > li.active {
    font-weight: bold;
    background-color: #EEEEEE;
}

.tabs > ul > li > * {
    cursor: pointer;
}

.tabs > .tab_content {
    background-color: #F0F0F0;
    border: 1px solid #333333;
    border-radius: 0 3px 3px 3px;

    height:auto;
    padding: 5px;
    display: none;
    clear:both;
    overflow: auto;
}


.multicol_column {
    float:left;
    height:auto;
    width:33%;


}






/* ========== Checkout: default frame ========== */

.default_checkout_box {
    background-color: #F3F3F3;
    border: 1px solid #9B9B9B;
    border-radius: 2px;
    float: left;
    padding: 10px 5px;
}



/* ========== Checkout: default frame - Adressen ========== */

.default_checkout_box.address {
    border: 1px solid #9B9B9B;
    border-radius: 3px;
    float: left;
    margin: 5px 10px 5px 0;
    padding: 5px;
    width: 217px;
}

.default_checkout_box.address input {
    background-color: transparent;
    border: none;
    float: left;
    margin: 5px 0 0;
    text-align: center;
    width: 100%;
}

.default_checkout_box.address > label { /* need exclude of '.address > div label' */
    clear: left;
    float: left;
    width: 100%;
}





/* ========== Checkout: Übersichtsseite ========== */

.summary .shopping_cart_wrapper { margin: 0; }

.summary > div {
    float: left;
    margin-bottom: 20px;
    width: 100%;
}

.summary .default_checkout_box {
    width: 48%;
}
.summary .default_checkout_box:last-child { float: right }

.summary .default_checkout_box > label {
    clear: left;
    float: left;
    margin-left: 5px;
    width: 80%;
}

.summary .default_checkout_box > label:last-child {
    float: right;
    margin-right: 10px;
    text-align: right;
}

.summary .purchase label {
    float: right;
    width: 97%;
}

.form_invalid {
    color: #96151b;
    padding-left: 2px;
}


/* ========== Checkout: Breadcrumb ========== */

div.breadcrumb {

     background: #e5e5e5;
 }

div.breadcrumb a {

    color: #fff;
    display: inline-block;
    padding: 5px;
}

div.breadcrumb a.done {
    background: #e5e5e5 url(images/arr_white_2.gif) right no-repeat;
    color: #cccccc;
    padding-right: 20px;
    text-transform: uppercase;
}

div.breadcrumb a.current {
    color:#34740E;
    font-weight: bold;
}


.adw {
    margin-top:20px;
}


.adw_main_image {
    width: 220px;
    height: 240px;
    overflow:hidden;
    position: absolute;
    float:left;
    margin-right: 10px;
    border: 2px solid #9B9B9B;
    border-radius: 5px;

    transition: width 200ms, height 50ms, background-color 100ms;
}

.adw_main_image.adw_active {
    /* wenn imageBrowser offen: Breite und Höhe anpassen */
    width:720px;
    height:500px;
    position: absolute;
    z-index: 2;
    background-color: white;
    box-shadow: 2px 2px 2px 2px #ccc;
    transition: width 200ms, height 50ms, background-color 100ms;
}

.adw_main_image_image {
    width: 220px;
    height: 200px;
    text-align: center;
    vertical-align: middle;
    line-height: 200px;
    overflow: hidden;
    cursor: zoom-in;

}
.adw_main_image_image.adw_active {
    width: 720px;
    height: 500px;
    cursor: zoom-out;
}

.adw_main_image_image img {
}

.adw_main_image_subimages img{
    width: 35px;
    height: 30px;
}

.adw_main_image_subimages {
    padding: 1px;
    width: 100%;
    height:35px;
    overflow: hidden;

}

.adw_main_image_subimages.adw_active {
    position: absolute;
    width: auto;
    max-width: 100%;
    height: 43px;
    top: 0;
    border-top-left-radius: 3px;
    border-bottom-right-radius: 5px;
    margin: 2px;
    opacity: 0.4;
    background-color:  #454748;
    transition: opacity 2s;
    background: linear-gradient(to right, #454748 0%, #9B9B9B 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.adw_main_image_subimages.adw_active:hover {
    opacity: 0.8;
    transition: opacity 200ms;
    height: auto;
}

.adw_main_image_subimages_subimage {
    width:35px;
    height:30px;
    padding:2px;
    margin: 2px;
    float:left;
    text-align: center;

    background-color: white;
    line-height: 30px;
    vertical-align: middle;

}
.adw_main_image_subimages_subimage.adw_active {
    width:45px;
    height:35px;
    padding:2px;
    line-height: 35px;
    vertical-align: middle;
    cursor: pointer;
    opacity: 0.8;

}

.adw_main_image_subimages_subimage.adw_active:hover {
    opacity: 1;
}

/* Beschreibungsblock rechts neben dem Hauptbild - bestimmt die Höhe des ganzen Blocks */
.adw_main_description {
    float: right;
    width: 480px;
    height: 246px;
    position: relative;
}

.adw_main_center_pane {
    float:left;
    width: 300px;
    position: absolute;
    bottom: 5px;
    padding-right:5px;
}

.adw_main_small {
    margin-top:10px;
    font-size: 12px;

}

/* Prevent breaking within <span> */
.adw_main_small span {
    white-space: nowrap;
}

.adw_title {
    float: right;
    font-weight: bold;
    max-height:60px;
    width:100%;
    overflow: hidden;
}

.adw_supplier_info {
    font-size: 14px;
}


.adw_availability {

}

.not_available {
    color: darkred;
}

.available {
    float:left;
    padding-top: 10px;
    color: #449713;
}


.adw_main_price_box {
    margin-top: auto;
    float:right;
    padding: 2px;
    bottom:0;
    right:0;
    border: 2px solid #9B9B9B;
    border-radius: 5px;
    position: absolute;

}


div.adw_main_price_box_price {
    line-height: 30px;
    font-size: 30px;
    text-align: center;
}

div.adw_main_price_box_price small {
    margin-right:5px;
}

.adw_main_price_box input.menge {
    width:40px;
    float: left;
    text-align: center;
    padding: 5px 0;
    height: 24px;
    margin-right: 5px;
}

div.adw_sub_price_box_text {
    font-size: 12px;
    margin: 5px 0;
}
button.adw_cart_add_button  {
    display: block;
    height: 40px;
    line-height: 40px;
    border: 1px solid darkslategrey;
    border-radius: 3px;
    text-align: center;
    color: white;
    background-color: #9B9B9B;
    background: linear-gradient(to bottom, #9B9B9B 0%, #454748 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    width: 120px;
    float: left;
    font-family: Arial, Verdana, "Helvetica Neue", Helvetica, sans-serif;
}

button.adw_cart_add_button:hover {
    color: white;
    background: linear-gradient(to bottom, #454748 0%, #9B9B9B 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    transition: background 2s;
    cursor: pointer;
}


.adw_product_description {
    clear:both;
    padding-top:20px; /* Abstand zum Header */
}


.adw div.hinweis {
    border-top: 1px solid #AEAEAE;
    margin: 20px 0 25px;
    font-size: 0.6em;
    clear: both;
}



.description_div {
    max-width: 725px;
}
.description_div h1 {
    margin-top: 25px;
    margin-bottom: 25px;
}

.left {
    width: 200px;
    float: left;
    clear: left;
    padding-bottom: 5px;
}

.right {
    width: 450px;
    text-align: left;
    float: right;
    clear: right;
}

.article_details_h2 {
    padding-top: 15px;
    float: none;
    clear: both;
    border-bottom: 1px solid grey;

}

.single_article {
    clear: both;
}

.icon_button_ok {

    width: 24px;
    height: 24px;
    background-image: url(data:image/png;base64,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);
}

.icon_cancel {
    width: 24px;
    height: 24px;
    background-image: url(data:image/png;base64,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);
}

/* ========= Hinweis auf weitere Artikel i.d. Kategorie  =========*/

.product_list li.sub_category_hint {
    float: left;
    text-align: right;
    width: 100%;
}



/* ========= Keine Produkte verfügbar =========*/

.product_list li.no_data {
    float: left;
    font-weight: bold;
    margin: 25px 0 15px;
    text-align: center;
    width: 100%;
}



/* ========= Untermenü-Ansicht =========*/

.product_list li.sub_category {
    background-color: #9B9B9B;
    border-radius: 3px;
    clear: left;
    float: left;
    line-height: 35px;
    margin-top: 15px;
    width: 100%;
}

.product_list li.sub_category:first-child {
    margin-top: 0;
}

.product_list li.sub_category a {
    color: #FFFFFF;
    margin: 5px 10px;
    width: 100%;
}



/* ========= ListLayout =========*/

.product_list li.list_layout {
    border: 1px solid #9B9B9B;
    border-radius: 2px;
    clear: left;
    cursor: pointer;
    float: left;
    margin: 5px;
    padding: 5px;
    width: 695px;
}

.product_list li.list_layout:hover {
    box-shadow: 1px 1px 2px 2px #DDDDDD;
    transition-property: box-shadow;
    transition-duration: 200ms;
}

.product_list li.list_layout figure .product_image {
    background: url("images/ajax-loader.gif") no-repeat scroll 32px 16px transparent;
    float: left;
    margin-right: 15px;
}

.product_list li.list_layout figure a.prod_title {
    color: #449713;
    height: 20px;
    overflow: hidden;
    width: 100%;
}

.product_list li.list_layout figcaption {
    float: left;
    height: 100px;
    position: relative;
}

.product_list li.list_layout figcaption div.price {
    float: right;
    font-size: 26px;
    text-align: right;
    width: 150px;
    line-height: 26px;
    position: absolute;
    bottom: 5px;
    right: 0px;
}
.product_list li.list_layout figcaption div span.supplier {
    font-size: 12px;
    margin-top: 10px;
    width: 200px;
    position: absolute;
    bottom: 5px;
    left: 0px;
}
.product_list li.list_layout figcaption div span.status {
    float: left;
    margin-top: 10px;
    width: 200px;
    position: absolute;
    bottom: 5px;
    right: 160px;
}

.product_list li.list_layout figcaption div span.red,
.product_list li.list_layout figcaption div span.green {
    width: auto;
}

.product_list li.list_layout figcaption span.score_value {
    clear: both;
    float: right;
    font-size: 10px;
    margin-top: 20px;
}



/* ========= CardLayout =========*/

.product_list li.card_layout {
    border: 1px solid #9B9B9B;
    border-radius: 2px;
    cursor: pointer;
    float: left;
    margin: 5px;
    padding: 5px;
    width: 217px;
}

.product_list li.card_layout a {
    color: #449713;
    display: inline-block;
    font-size: 15px;
}

.product_list li.card_layout a.title_link {
    text-align: center;
    height: 45px;
    width: 100%;
    overflow: hidden;
}

.product_list li.card_layout .product_image {
    background: url("images/ajax-loader.gif") no-repeat scroll 71px 60px transparent;
    text-align: center;
}

.product_list li.card_layout div,
.product_list li.card_layout figcaption {
    width: 100%;
}

.product_list li.card_layout figcaption div {
    text-align: center;
}

.product_list li.card_layout:hover {
    box-shadow: 1px 1px 2px 2px #DDDDDD;
    transition-property: box-shadow;
    transition-duration: 200ms;
}

.product_list li.card_layout figcaption .price {
    margin: 10px auto;
    text-align: center;
    width: 100%
}

.product_list li.card_layout span {
    text-align: center;
    width: 100%;
}

.searchSelector * {
    font-size: 12px;
    line-height: 16px;
}

.searchSelector .title {
    margin-top:10px;
    font-weight: bold;
}


.searchSelector ul {
    margin-left: 10px;
}

.searchSelector ul.ac_navigation {
    margin-left: 0px;
}


.searchSelector .selected {
    font-weight: bold;
    text-decoration: underline;
}

.searchSelector .hiddenSupplier,
.searchSelector .hiddenCategory {
    display: none;
}


.adw {
    margin-top:20px;
}


.adw_main_image {
    width: 220px;
    height: 240px;
    overflow:hidden;
    position: absolute;
    float:left;
    margin-right: 10px;
    border: 2px solid #9B9B9B;
    border-radius: 5px;

    transition: width 200ms, height 50ms, background-color 100ms;
}

.adw_main_image.adw_active {
    /* wenn imageBrowser offen: Breite und Höhe anpassen */
    width:720px;
    height:500px;
    position: absolute;
    z-index: 2;
    background-color: white;
    box-shadow: 2px 2px 2px 2px #ccc;
    transition: width 200ms, height 50ms, background-color 100ms;
}

.adw_main_image_image {
    width: 220px;
    height: 200px;
    text-align: center;
    vertical-align: middle;
    line-height: 200px;
    overflow: hidden;
    cursor: zoom-in;

}
.adw_main_image_image.adw_active {
    width: 720px;
    height: 500px;
    cursor: zoom-out;
}

.adw_main_image_image img {
}

.adw_main_image_subimages img{
    width: 35px;
    height: 30px;
}

.adw_main_image_subimages {
    padding: 1px;
    width: 100%;
    height:35px;
    overflow: hidden;

}

.adw_main_image_subimages.adw_active {
    position: absolute;
    width: auto;
    max-width: 100%;
    height: 43px;
    top: 0;
    border-top-left-radius: 3px;
    border-bottom-right-radius: 5px;
    margin: 2px;
    opacity: 0.4;
    background-color:  #454748;
    transition: opacity 2s;
    background: linear-gradient(to right, #454748 0%, #9B9B9B 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.adw_main_image_subimages.adw_active:hover {
    opacity: 0.8;
    transition: opacity 200ms;
    height: auto;
}

.adw_main_image_subimages_subimage {
    width:35px;
    height:30px;
    padding:2px;
    margin: 2px;
    float:left;
    text-align: center;

    background-color: white;
    line-height: 30px;
    vertical-align: middle;

}
.adw_main_image_subimages_subimage.adw_active {
    width:45px;
    height:35px;
    padding:2px;
    line-height: 35px;
    vertical-align: middle;
    cursor: pointer;
    opacity: 0.8;

}

.adw_main_image_subimages_subimage.adw_active:hover {
    opacity: 1;
}

/* Beschreibungsblock rechts neben dem Hauptbild - bestimmt die Höhe des ganzen Blocks */
.adw_main_description {
    float: right;
    width: 480px;
    height: 246px;
    position: relative;
}

.adw_main_center_pane {
    float:left;
    width: 300px;
    position: absolute;
    bottom: 5px;
    padding-right:5px;
}

.adw_main_small {
    margin-top:10px;
    font-size: 12px;

}

/* Prevent breaking within <span> */
.adw_main_small span {
    white-space: nowrap;
}

.adw_title {
    float: right;
    font-weight: bold;
    max-height:60px;
    width:100%;
    overflow: hidden;
}

.adw_supplier_info {
    font-size: 14px;
}


.adw_availability {

}

.not_available {
    color: darkred;
}

.available {
    float:left;
    padding-top: 10px;
    color: #449713;
}


.adw_main_price_box {
    margin-top: auto;
    float:right;
    padding: 2px;
    bottom:0;
    right:0;
    border: 2px solid #9B9B9B;
    border-radius: 5px;
    position: absolute;

}


div.adw_main_price_box_price {
    line-height: 30px;
    font-size: 30px;
    text-align: center;
}

div.adw_main_price_box_price small {
    margin-right:5px;
}

.adw_main_price_box input.menge {
    width:40px;
    float: left;
    text-align: center;
    padding: 5px 0;
    height: 24px;
    margin-right: 5px;
}

div.adw_sub_price_box_text {
    font-size: 12px;
    margin: 5px 0;
}
button.adw_cart_add_button  {
    display: block;
    height: 40px;
    line-height: 40px;
    border: 1px solid darkslategrey;
    border-radius: 3px;
    text-align: center;
    color: white;
    background-color: #9B9B9B;
    background: linear-gradient(to bottom, #9B9B9B 0%, #454748 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    width: 120px;
    float: left;
    font-family: Arial, Verdana, "Helvetica Neue", Helvetica, sans-serif;
}

button.adw_cart_add_button:hover {
    color: white;
    background: linear-gradient(to bottom, #454748 0%, #9B9B9B 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    transition: background 2s;
    cursor: pointer;
}


.adw_product_description {
    clear:both;
    padding-top:20px; /* Abstand zum Header */
}


.adw div.hinweis {
    border-top: 1px solid #AEAEAE;
    margin: 20px 0 25px;
    font-size: 0.6em;
    clear: both;
}




/* ========== Login Site ========== */
form.customer_login .form_section {
    color: #9B9B9B;
    float: left;
    margin: 15px 0 0;
    width: 100%;
}

form.customer_login .form_section + div {
    float: left;
    width: 100%;
}

form.customer_login .form_section + div label {
    cursor: pointer;
}

form.customer_login label {
    font-weight: bold;
    margin: 5px 10px;
}

form.customer_login .radio_group >  div {
    margin: 5px 0;
}

form.customer_login input[type=submit] {
    cursor: pointer;
    font-weight: bold;
    margin-top: 10px;
    padding: 5px 15px;
}



/* ========== Password ========== */
.customer_account .default_form input[type="submit"] {
    float: left;
    height: auto;
    padding: 10px 20px;
}



/* ========== General Boxes For Customer Account ========== */
.customer_account .success_msg {
    border: 1px solid #9B9B9B;
    border-radius: 3px;
    clear: left;
    color: #89867E;
    float: left;
    font-weight: bold;
    padding: 5px 0;
    text-align: center;
    width: 100%;
}

.customer_account .success_msg span {
    cursor: pointer;
    display: block;
    float: right;
    font-weight: bold;
    padding: 0 10px;
    position: relative;
    text-align: right;
    z-index: 1;
}

.customer_account .error_msg {
    background-color: #EEE;
    border: 1px solid #AE0000;
    border-radius: 3px;
    clear: left;
    color: #AE0000;
    float: left;
    font-weight: bold;
    margin: 10px 0;
    padding: 5px 0;
    text-align: center;
    width: 100%;
}

/**
 * Styles für Shop-Preview auf der CeBIT
 *
 */


#ajax_info_boxes {
    width: 100%;
}

#ajax_info_boxes li {
    margin-top: 20px;
    text-align: center;
    width: 100%;
}


/* Positionieren des äußeren Div: Unten - zentriert und über die Seitenbreite */
#promo1 {
    position: fixed;
    bottom: 0;
    width: 960px;
    margin-left: -480px; /* Halbe Breite */
    left: 50%; /* In die Mitte damit */

    height:0;
    z-index: 0;
    background-color: red;
}

/* Positionieren des inneren Div: Mit Hintergrundbild rechts neben dem Shop */
#promo1_1 {
    background-image: url(images/frau_freigestellt3.png);
    width: 180px;
    height: 341px;
    position: absolute;
    right:0;
    margin-right: -145px;
    bottom: 0;
    z-index: 0;
}

#promo2 {
    width: 100%;
    height: 100%;
    top: 0;
    position: fixed;
    background-color: #E4E4E4;
    background-image: /*url(images/fullsize_bg.jpg)*/ url(images/newshopbg.jpg);
    /*background-size: 100%;*/
    background-repeat: no-repeat;
    background-position: 0px 0px;
    opacity: 1;
    z-index: -1;
}

#embed_right_top {
    position: absolute;
    top: 0;
    width: 960px;
    margin-left: -480px; /* Halbe Breite */
    left: 50%; /* In die Mitte damit */

    height:0;
    z-index: 0;
    background-color: red;
}

#embed_right_top > div {
    width: 180px;
    height: auto;
    position: absolute;
    right:0;
    margin-right: -200px;
    top: 0;
    z-index: 0;
}

#embed_right_bottom {
    position: fixed;
    bottom: 0;
    width: 960px;
    margin-left: -480px; /* Halbe Breite */
    left: 50%; /* In die Mitte damit */

    height:0;
    z-index: 0;
    background-color: red;
}
#embed_right_bottom > div {
    width: 180px;
    height: auto;
    position: absolute;
    right:0;
    margin-right: -200px;
    bottom: 0;
    z-index: 0;
}

#embed_left_top > div {
    width: 180px;
    height: auto;
    position: absolute;
    right:0;
    margin-right: -200px;
    top: 0;
    z-index: 0;
}

#embed_left_top > div {

}

#embed_left_bottom > div {

}

#embed_left_bottom > div {

}

#embed_category_top {

}

#embed_category_top > div {

}

.summary_article_overview_wrapper {
    border: 1px solid #9B9B9B;
    border-radius: 2px;
    margin: 25px auto;
}

.summary_article_overview .status { padding-top: 15px; }
.summary_article_overview .status.sku {
    margin-right: 35px;
    text-align: right;
    width: 50px;
}


.summary_article_overview .cart_picture {
    text-align: center;
    width: 60px;
}

.summary_article_overview td.cart_description label {
    color: #418413;
    float: left;
    font-weight: bold;
    height: 20px;
    overflow: hidden;
    width: 100%;
}

.summary_article_overview td.cart_quantity {
    padding: 0;
    text-align: center;
    width: 12%;
}

.summary_article_overview .cart_price,
.summary_article_overview .cart_total,
.summary_article_overview .cart_quantity {
    vertical-align: middle;
}

.summary_article_overview tfoot td { border-right: 1px solid #FFF; }
.summary_article_overview tfoot td:last-child { border-right: none; }

.summary_article_overview tfoot td,
.shopping_cart td.cart_price {
    padding-right: 5px;
    text-align: right !important;
    width: 11%;
}

.summary_article_overview tfoot td {
    /*line-height: 50px;*/
    vertical-align: middle;
}

/*

  Form5 Standardform von Matthias
  ===========================================================================

  Einfach <div class="form5-area"> erstellen - darin können die Elemente dann
  direkt genutzt werden.

*/


invalid.form {
    display: block;
    border: 1px solid  #96151b;
    background: #FBE3E4;
    margin: 10px;
    padding: 10px;
    border-radius: 3px;
    font-size: 16px;
    color:  #96151b;
}

.form5-area {
    line-height: 2em;
}

div.form5-area {
    clear: both;
}

.form5-area.invalid {
    color:  #96151b;
    background-color: inherit;

}
input.form5-area.invalid {
    border-color:  #96151b;
}

.form5-area .customer_login .invalid {
    /* Fehlermeldung verschiebt das Input */
    float: none;
    display: inline;
}


.form5-area h1 {
    width:100%;
}


.form5-area label {
    /*display:block;*/
    display: inline;
    height: 30px;
    width: 150px;
    line-height: 30px;
    float:left;
    clear:both;
    padding:0;
    margin-bottom: 0;
}

.form5-area label.singleLine {
    float:none;
}

.form5-area label.singleLine :after {
    float:none;
}

.form5-area label.optional {
    font-weight: normal;
}

.form5-area label.invalid {
    color:  #96151b;
    background-color: inherit;
    text-align: left;
    width: 200px/*auto*/;
    margin-left: 0;
}


.form5-area label.radio {
    float:left;
    clear:none;
    font-weight: normal;
    width:auto;
    margin-top: 0px;
    margin-right: 10px;
}


.form5-area select {
    margin-left:5px;
    display: block;
    height: 30px;
    float:left;
    margin-bottom: 5px;
}

.form5-area input {
    margin-left:5px;
    display: inline-block;
    /*float:left;*/
    float:none;
    height: auto /*30px*/;
    clear:right;
    width:auto;
    padding:5px;
}

.form5-area .customer_login label {
    float: none;
}

.form5-area input[type="radio"] {
    float: none !important;
}

.form5-area input.invalid, input.valid {
    color: inherit;
    font-weight: inherit;
}

.form5-area input.invalid {
    border-color:  #96151b;
}
.form5-area select.invalid {
    border-color:  #96151b;
    padding: 0;
    background-color: inherit;
    font-weight: normal;
    color: inherit;
    text-align: left;
}

.form5-area input[type='radio'], input[type="checkbox"] {
    float:left;
    line-height: 30px;
    margin-top: 0px;
}

.form5-area textarea {
    display: block;
    float:none;
    clear:both;
}

.form5-area input.valid {
    border-color: #006400;
}

.form5-area .invalid {
    margin-left: 5px;
    color: #96151b;
    display: block;
    float: left;
}

.form5-area .red {
    margin-left:10px;
    color:#96151b;
}

.form5-area .clear {
    clear: both;
}

.form5-area label.form_section {
    float: left;
    margin:10px 0;
}

.form5-area form.customer_login label.form_section {
    color:#000;
}

.form5-area .borderBox {
    display: inline-block;
    border: 1px solid;
    border-radius: 3px;
    width: auto;
}


.form5-area .borderBox h3 {
    font-size: 16px;
    margin: 10px;
}
.form5-area .borderBox p {
    margin: 10px;
    max-width: 800px;

}


.form5-area .borderBox-gray {
    border-color: #DDD;
}

.form5-area .borderBox-warning {
    border-color: #96151b;
    color: #96151b;
}

div.radio_group {
    margin:10px 0;
}

div.radio_group div a {
    display: block;
    font-size: 14px;
    margin-left: 30px;
}

/* Registrierung */

.form5-area .customer_registration table td {
    padding: 5px;
    width: 250px;
}

.form5-area .customer_registration table td label {
    padding: 5px;
    width: auto;
    float: none;
}

.form5-area .customer_registration table td input[type="checkbox"] {
    float: none;
}

.form5-area .customer_registration table td #register {
    float: left;
}

/* Versandadresse*/

.form5-area .addressForm table td {
    padding:5px;

}

.form5-area .addressForm table td input {
    padding:5px;
    height: auto;

}

#checkout_form input[type="checkbox"] {
    float: none;
    margin-right: 10px;
    padding: 0;
}

#checkout_form label {
    float: none;
}

#checkout_form label.singleLine {
    float: left;
    margin-top: 10px;
}

#checkout_form textarea {
    margin-bottom: 10px;
    width: 350px;
    height: 150px;
}

#checkout_form button {
    margin-top: 30px;

}