/* Webfonts */

.hide {
    display: none!important;
}

.pointer {
    cursor:pointer;
}

.ui-helper-hidden-accessible {
    position: absolute;
    left: -9999px;
}

a, a:link, a:active, a:visited {
    color: inherit;
}

a.has-tip:hover
{
    color: #C90130;
    cursor:pointer;
}

a:hover {
        color: #C90130;
}

a.shadow img
{
    box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.3);
}

a.shadow:hover img
{
    box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.5);
}

    .text a
{
    border-bottom:1px dotted;
}

.text a:hover
{
    border-bottom:none;
}

body {
    background-color: white;
    font-size: medium;
    font-family: "Chianti BT W01 Roman", sans-serif;
    margin-left:2em;
}

strong, b {
    font-family:"Chianti BT W01 Bold",​sans-serif !important;
}

.no-padding-left
{
    padding-left:0;
}

hr {
    border: none;
    border-bottom: 2px dotted gray;
    margin: 0.7em 0;
}

h1, h2, h3, h4, h5
{
    font-family: "Chianti BT W01 Bold", sans-serif;
}

h1 {
  color:#000000;
  font-size: 1.5em;
  padding: 0.66em 0 0.33em;
}

h1.xlarge {
}

h2 {
    font-size: 1.2em;
    color:#000000;
    padding: 0.66em 0 0.33em;
}

h3 {
    font-size: 1em;
    color:#000000;
    padding: 0.66em 0 0.33em;
}

h4 {
    font-size: 0.9em;
    color:#000000;
    padding: 1em 0 0;
}

h5 {
    font-size: 0.9em;
    color:#666666;
    padding: 1em 0 0;
}



.subheader {
    font-weight: bold;
    color: #666666;
}

.uppercase {
    text-transform: uppercase;
}

.bold {
    font-weight: bold;
}

.center {
    text-align: center;
    margin: 0 auto;
}

.fright {
    float: right;
}

.vtext-bottom {
    vertical-align: text-bottom;
}

.table-header {
    text-transform: uppercase;
    color: grey;
    font-size: 0.8em;
}

.boxshadow {
    -webkit-box-shadow: 0px 10px 10px 5px rgba(0, 0, 0, 0.1); /* WebKit */
    -moz-box-shadow: 0px 10px 10px 5px rgba(0, 0, 0, 0.1); /* Firefox */
    box-shadow: 0px 10px 10px 5px rgba(0, 0, 0, 0.1); /* Standard */
}

.alert-box
{ border:none;
}

textarea
{
    resize:none;
    min-height:initial;
    min-height:32px;
    overflow:hidden;
}

textarea + a.add {
  background-color: #808080;
  border: 1px solid #000000;
  color: #FFFFFF;
  display: block;
  height: 1em;
  line-height: 0.8;
  margin-left: 258px;
  margin-top: -34px;
  padding: 0;
  position: absolute;
  text-align: center;
  width: 1em;
}

textarea + a.addreview {
  background-color: #808080;
  border: 1px solid #000000;
  color: #FFFFFF;
  display: block;
  height: 1em;
  line-height: 0.8;
  margin-left: 258px;
  margin-top: -34px;
  padding: 0;
  position: absolute;
  text-align: center;
  right: 12px;
  width: 1em;
}

textarea + a.adddigital {
  background-color: #808080;
  border: 1px solid #000000;
  color: #FFFFFF;
  display: block;
  height: 1em;
  line-height: 0.8;
  margin-left: 258px;
  margin-top: -34px;
  padding: 0;
  position: absolute;
  text-align: center;
  right: 12px;
  width: 1em;
}

/* Logo leicht links außerhalb der Rows plazieren */
.logo_etk {
    position: relative;
    right: 82px;
}

.menu_top_links {
    margin-top: 0.2em;
    margin-bottom:2em;
}

    .menu_top_links a {
        color: #666666; /* grau */
        font-size: 0.9em;
    }

        .menu_top_links a:hover {
            color: #C90130;
        }

        .menu_top_links a:not(:last-child):after{
            color: #666666;
            content: " •";
            display: inline-block;
            font-size: 0.7em;
            padding: 0.2em 0.2em 0.2em 0.8em;
            vertical-align: 2px;
        }

        .basketbuttonview li:not(:first-child) {
            margin-left:0.5em;
        }

        .basketbuttonview li.price {
            font-weight:bold;
        }

        .basketbuttonview li:not(:last-child):after {
            color: #666666;
            content: " •";
            display: inline;
            font-size: 0.7em;
        }


/* Search-Elemente ausblenden */
.search_button {
    background: transparent url("../images/magnifier.png") no-repeat center center;
    text-indent: -900px;
    border: none;
    padding: 0;
    width: 37px;
    cursor: pointer!important;
}

    .search_button:hover {
        background-image: url("../images/magnifier_red.png");
        border: none;
        padding: 0;
        cursor: pointer!important;
    }

    .search_button_author {
    background: transparent url("../images/magnifier.png") no-repeat center center;
    text-indent: -900px;
    border: none;
    padding: 0;
    width: 37px;
    cursor: default!important;
}

.search_advanced_search {
    display: none;
}


/*Search-Elemente im Submenu zur Suche zu Author ausblenden */

/* Lupe im Suchfeld */
.search-author-from-menu .search_textbox {
    width: 192px;
    height: 32px;
    margin: auto;
    padding-right: 0px !important;
    background-position: 165px;
    background-repeat: no-repeat;
    background-color: #fff;
}

.search-author-from-menu {
    background-color: #ccc !important;
    height: 3em !important;
    vertical-align: middle;
}


/* Loginmenu */
.f-dropdown.content.login-control {
  background: none repeat scroll 0 0 #FFFFFF !important;
  box-shadow: 0 10px 10px 5px rgba(0, 0, 0, 0.1);
  margin-top: 0 !important;
  position: absolute;
  
  width: 236px!important;
  z-index: 2000!important;
}

    .f-dropdown.content.login-control.open
    {
        top: auto !important;
    }

.login-control .button
{   width:100%;
}

.control_login tbody tr td {
    /* display: none ; */
}

.login-control table {
    border: none;
    margin:0;
}

.login-btn {
    color: #ffffff!important;
    display: block;
    font-family: sans-serif;
    font-weight: bold;
    font-size: 0.7em;
    width: 100%;
    padding: 0.5em;
    border: 1px solid #999999;
    background: rgb(198,198,198);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M2YzZjNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4MTgxODEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(198,198,198,1) 0%, rgba(129,129,129,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(198,198,198,1)), color-stop(100%,rgba(129,129,129,1)));
    background: -webkit-linear-gradient(top, rgba(198,198,198,1) 0%,rgba(129,129,129,1) 100%);
    background: -o-linear-gradient(top, rgba(198,198,198,1) 0%,rgba(129,129,129,1) 100%);
    background: -ms-linear-gradient(top, rgba(198,198,198,1) 0%,rgba(129,129,129,1) 100%);
    background: linear-gradient(to bottom, rgba(198,198,198,1) 0%,rgba(129,129,129,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c6c6c6', endColorstr='#818181',GradientType=0 );
    background: rgb(198,198,198)\9;
}

    .login-btn.logged-in {
        background: #CA0230;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y0MDMzYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top,  rgba(244,3,58,1) 0%, rgba(176,0,0,1) 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(244,3,58,1)), color-stop(100%,rgba(176,0,0,1)));
        background: -webkit-linear-gradient(top,  rgba(244,3,58,1) 0%,rgba(176,0,0,1) 100%);
        background: -o-linear-gradient(top,  rgba(244,3,58,1) 0%,rgba(176,0,0,1) 100%);
        background: -ms-linear-gradient(top,  rgba(244,3,58,1) 0%,rgba(176,0,0,1) 100%);
        background: linear-gradient(to bottom,  rgba(244,3,58,1) 0%,rgba(176,0,0,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4033a', endColorstr='#b00000',GradientType=0 );
        border: 1px solid #CA0230;
        background: #CA0230\9;
    }


.f-dropdown {
    max-width:initial!important;
    z-index:2000!important;
}

.f-dropdown:before, .f-dropdown:after {
        display: none;
}

    .f-dropdown.content.login-control
    {
        padding:1em!important;
    }


.middle_dot {
    vertical-align: bottom;
}

.totalisator {
    margin-top: 1em!important;
}

.basketLink {
    color: #666666;
    font-weight: bold;
    font-size: 0.8em;
}

    .basketLink:hover {
        color: #C90130;
    }


/* Breadcrumzeile  AM Nicht default-Klasse von Foundation verwendet, da die Breadcrumbzeile keine eigentliche Breadcrumbzeile ist */
.etk-breadcrumbs {
    /* display:none; */
    border-bottom: 2px dotted gray;
    border-top: 2px dotted gray;
    border-left: none;
    border-right: none;
    padding-top: 0.3em !important;
    padding-bottom: 0.3em !important;
    margin-bottom: 0.7em !important;
    background-color: white;
}

.etk-breadcrumbs ul.inline-list
{
    margin:0; padding:0;
}

.etk-breadcrumbs ul.inline-list li
{
    margin-left:0!important; padding-right:0.5em;
}

.etk-breadcrumbs ul.inline-list li *
{
   display:inline;
}

.etk-breadcrumbs ul.inline-list li:not(:last-child):after {
  color: #666666;
  content: "•";
  display: inline-block;
  font-size: 0.5em;
  margin-left: 1em;
  vertical-align: middle;
}

    .etk-breadcrumbs ul.inline-list li.fright
    {
        float:right;
    }

.etk-breadcrumbs-first {
    /* display:none; */
    border-bottom: 2px dotted gray;
    border-top: 2px dotted gray;
    border-left: none;
    border-right: none;
    padding-top: 1.0em !important;
    padding-bottom: 1.0em !important;
    background-color: white;
}

.etk-breadcrumbs-second {
    border-bottom: 2px dotted gray;
    background-color: #CCC;
    padding-top: 1.2em !important;
    margin-top: 5px !important;
    margin-bottom: 5px !important;
    /* margin-bottom:3em !important; hier nicht */
}

    .etk-breadcrumbs-second .pagination {
        height: 0.6em !important;
    }

.etk-breadcrumbs table {
    border: none;
}

.etk-breadcrumbs a {
    color: black;
}

.etk-breadcrumbs a.letter:hover, .etk-breadcrumbs a.letter.active {
    color: #C90130;
}

.etk-breadcrumbs span.letter
{
    color:#999999;
}

.etk-breadcrumbs .gray {
    background-color: #CCC;
}

.etk-breadcrumbs, etk-breadcrumbs * {
    line-height: 2em;
    font-size: 0.8em;
}

    .etk-breadcrumbs a:visited {
        color: black;
    }

.letter-spacing-big {
    letter-spacing: 0.6em;
}

.control_login {
    /* display: none; */
}

.top-bar {
    background-color: white!important;
    margin-bottom: 0;
    overflow: visible;
}

    .top-bar .title-area
    {
        display:none;
    }

.top-bar-section ul li > a
{
    background-color: white!important;
}



/* Facebook, Twitter und google+ in Seitenleiste packen */
.social_networks {
    position: fixed;
    left: 0;
    top: 170px;
    width: 35px;
    height: 163px;
    box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.3);
    background-color:#ffffff;
    z-index:98;
}

    .social_networks a {
        margin-top: 15px;
    }

.social_twitter {
    display: block;
    width: 32px;
    height: 32px;
    background: url('/images/social_twitter.png') bottom;
    text-indent: -99999px;
}

    .social_twitter:hover {
        background-position: 0 0;
    }

.social_googleplus {
    display: block;
    width: 32px;
    height: 32px;
    background: url('/images/social_googleplus.png') bottom;
    text-indent: -99999px;
}

    .social_googleplus:hover {
        background-position: 0 0;
    }

.social_facebook {
    display: block;
    width: 32px;
    height: 32px;
    background: url('/images/social_facebook.png') bottom;
    text-indent: -99999px;
}

    .social_facebook:hover {
        background-position: 0 0;
    }


/* Hauptmenue */

.top-bar .top-bar-section ul li a {
    text-transform: uppercase;
    font-size: 1.3em;
    color: #666666; /* grau */
    font-weight: normal;
}


    .top-bar .top-bar-section ul li a:hover, .top-bar .top-bar-section ul li.hover a {
        color: #C90130;
    }

    .top-bar .top-bar-section ul li.hasdropdown
    {
        border-left:1px solid transparent!important;
        border-right:1px solid transparent!important;
        background:url("/images/bullet.png") no-repeat right center;
    }

    .top-bar .top-bar-section ul li.hasdropdown.rolledout
    {
         border-left:1px solid #E7E7E7!important;
        border-right:1px solid #E7E7E7!important; 
        background:none;      
    }

    .top-bar .top-bar-section ul li.active a {
        color: #C90130;
    }

    .top-bar .top-bar-section ul li.rolledout a {
    }

.top-bar-section .left {
    background-color: white;
    margin-left:-5px;
}

.top-bar-section ul li a:not(.button) {
    background-color: transparent;
}

.top-bar-section .hasdropdown > a {
    padding-right: 32px !important;
}


ul.rollout
{
    position:absolute;
    z-index:220;
}

    ul.rollout li
    {
        float:none!important;
        display:block;
    }

ul.mainmenu {
    box-shadow: 0 6px 4px -3px rgba(0, 0, 0, 0.3); /* Standard */
    border: 1px solid #e7e7e7;
    border-top: none;
    padding: 0 0.5em;
    margin-left:-1px;
    min-width: 10em;
}

    ul.mainmenu li a {
        font-size: 0.9em!important;
        padding: 0!important;
        color: #666666!important;
    }

        ul.mainmenu li a:hover {
            color: #c90130!important;
        }

.marginal img {
    /* margin: 16px; */
    margin-top: 20px;
}

.float-right {
    float: right;
}

img.gallerycover {
    max-height: 200px;
}

/* Buchbeschreibungen im Contentbereich Fließtext um Bild */
.book_cover {
    float: left;
    margin: 16px;
    box-shadow: 0px 3px 5px 3px rgba(0, 0, 0, 0.2); /* Standard */
    max-width:9em;
}

.book_new {
    float: right;
}

h2.book_description_titel {
    padding-top: 0px;
    font-size: 1em;
}

    h2.book_description_titel a {
        color: #202020!important;
    }

.book_description_content {
    padding: 1.1em;
    font-size: 0.9em;
    font-family: "Utopia W03 Dsp", serif;
    color: #666666;
    line-height:140%;
}

.book_description_author {
    font-weight: bold;
    font-family:"Chianti BT W01 Bold",​sans-serif;
    font-size: 0.8em;
    color:#222222;
    padding-top:16px;
}

.book_in_content li {
    padding: 0px;
}

.book_inner_content {
    margin: 10px;
    min-height: 410px;
    background: rgb(236,236,236);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlY2VjZWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(236,236,236,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(236,236,236,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(236,236,236,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(236,236,236,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(236,236,236,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(236,236,236,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ececec',GradientType=0 );
    display:block;
    border:none!important;  
    max-width:328px\9;
    background: rgb(236,236,236)\9;
}

    .book_inner_content:before {
        content: "Neu";
        position: relative;
        display: block;
        height: 66px;
        width: 66px;
        background: url(../images/new_triangle_gray.png) no-repeat;
        float: right;
        text-indent: -1000px;
        overflow: hidden;
        margin-right: -1px;
    }

    .book_inner_content:hover
    {
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.7);
    }

    .book_inner_content:hover:before {
        content: "Neu";
        position: relative;
        display: block;
        height: 66px;
        width: 66px;
        background: url(../images/new_triangle_red.png) no-repeat;
        float: right;
        text-indent: -1000px;
        overflow: hidden;
    }

/* im Suchfeld */
.search-top-bar .search_textbox {
}

small.quicksearch {
    font-size: 0.7em;
}

img.quicksearch {
    border: 1px solid #eee;
}


/* Search-Result */
.search_result_overlay {
    background-color: white;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.7);
    margin-right: 15px;
    margin-top: -14px;
    position: absolute;
    right: 0;
    width: 366px;
    z-index: 1000;
    padding: 1em;
}

.overlay {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: black;
    filter: alpha(opacity = 50); /* IE 6, 7, 8 */ -ms-filter: "alpha(opacity = 50)"; /* ab IE 8 zusätzlich möglich */ opacity: .5; /* alle anderen Browser einschließlich IE 9 */
    z-index: 900;
    display: none;
}

.search_result_overlay ul {
    list-style-type: none;
    margin-bottom: 0;
}

    .search_result_overlay ul li {
        border-top: 2px dotted grey;
    }

    .search_result_overlay ul li {
        border-top: 2px dotted grey;
        
    }

.search_result_item {
    padding: 0.5em 0!important;
}

.search_result_item_text {
    font-weight: bold;
    font-size: 0.7em;
    padding: 0.5em!important;
    min-height:100px;
}

.search_result_overlay a.showAllHits {
    display: block;
    color: #666666;
    font-weight: bold;
    font-size: 0.7em;
    text-align: center;
    padding-top: 1em;
}

/*.search_result_item .row:first-child{
    border-top: 1px dashed #808080;
} */

.search_result_item .row {
    border-bottom: 2px dotted #808080;
}

.orbit-container {
    background: url(../images/gallery_background_1px_width.png) center bottom;
}

/* Orbit-Gallery-Laufband */
.gallery {
    padding: 1em 3em;
    background-repeat: repeat-x;
}

img.reflection {
    max-height: 190px;
}

.orbit-next {
    width: 48px;
    height: 48px;
    background-color: transparent !important;
    background-image: url(../images/arrow_right.png);
    background-repeat: no-repeat;
}

.orbit-next:hover {
    background-image: url(../images/arrow_right_toggle.png);
}

.orbit-prev {
    width: 48px;
    height: 48px;
    background-color: transparent !important;
    background-image: url(../images/arrow_left.png);
    background-repeat: no-repeat;
    background-position: center right;
}

.orbit-prev:hover {
    background-image: url(../images/arrow_left_toggle.png);
}

.orbit-timer {
    visibility: hidden;
}

.orbit-slide-number {
    visibility: hidden;
}






/* Verbesserungswürdig, dient nur dazu Pfeile des Standard orbit auszublenden */
.orbit-prev > span,
.orbit-next > span {
    display: none !important;
    position: fixed !important;
}

/* Tiny Carousel */
.tinyslider { width:100%; overflow:hidden; padding: 20px 0 10px; background: url(../images/gallery_background_1px_width.png) center bottom;}
.tinyslider .viewport { float: left; width: 100%; height: 200px; overflow: hidden; position: relative; }
.tinyslider .buttons { z-index:20; background:url("../images/arrow_left.png") no-repeat scroll center center transparent; display: block; margin: 60px 10px 0 0; text-indent: -999em; float: left; width: 48px;
    height: 48px; overflow: hidden; position: absolute; }
.tinyslider .next { background-image: url(../images/arrow_right.png); margin: 60px 0 0 10px; right:0; }
.tinyslider .next:hover { background-image: url(../images/arrow_right_toggle.png); }
.tinyslider .prev:hover { background-image: url(../images/arrow_left_toggle.png); }
.tinyslider .disabled { visibility:hidden;}
.tinyslider .overview { list-style: none; position: absolute; padding: 0; margin: 0; width: 240px; left: 0; top: 0; }
.tinyslider .overview li { float: left; margin: 0; height: 200px; width: 246px; text-align:center;}

/* Tiny Carousel */
.tinyslider_small { width:100%; overflow:hidden; padding: 20px 0 10px; background: url(../images/gallery_background_1px_width.png) center bottom;}
.tinyslider_small .viewport { float: left; width: 100%; height: 220px; overflow: hidden; position: relative; }
.tinyslider_small .buttons { z-index:20; background:url("../images/arrow_left.png") no-repeat scroll center center transparent; display: block; margin: 60px 10px 0 0; text-indent: -999em; float: left; width: 48px;
    height: 48px; overflow: hidden; position: absolute; }
.tinyslider_small .next { background-image: url(../images/arrow_right.png); margin: 60px 0 0 10px; right:10px; }
.tinyslider_small .next:hover { background-image: url(../images/arrow_right_toggle.png); }
.tinyslider_small .prev:hover { background-image: url(../images/arrow_left_toggle.png); }
.tinyslider_small .disabled { visibility:hidden;}
.tinyslider_small .overview { list-style: none; position: absolute; padding-top: 10px; margin: 0; width: 240px; left: 0; top: 0; }
.tinyslider_small .overview li { float: left; margin: 0; height: 200px; width: 246px; text-align:center;}


/* Designvorlage 1c LoginButton-overlay */
.login-area {
    background-color: white;
    border: 1px solid #808080;
    height: 20px;
    width: 120px;
}

    .login-area ul {
        margin-bottom: 0.25em;
    }

        .login-area ul li {
            list-style-type: none;
            line-height: 2.5em;
            padding-left: 1em;
        }

        .login-area ul .divider {
            border-bottom: 2px dotted #808080;
        }

        .login-area ul li a {
            color: #808080;
        }

.basket-area {
    position: absolute;
    right: 0px;
    top: 32px;
}

/* Untermenupunkte des Hauptmenues */
.top-bar .top-bar-section ul li a {
    margin:0;
    padding:0;
    padding-left:5px;
}

/*
.top-bar .top-bar-section ul li.has-dropdown:not(:last-child) a:after {
    color: #666666;
    content: "•";
    display: block;
    font-size: 0.7em;
    line-height: 0;
    margin: -0.2em 0.5em 0 0;
    vertical-align: 19px;
}
*/

.top-bar .top-bar-section .rollout a:after {
    content: ""!important;
}

/* Untermenupunkte des Hauptmenues */
.top-bar .top-bar-section ul li:first-child a {
    /*
    padding-left: 0!important;
    margin-left: 0!important;
    */
}

.top-bar .top-bar-section ul li ul {
    background-color: white;
    list-style-type: none;
}

    .top-bar .top-bar-section ul li ul li:not(:last-child) {
        background-color: white;
        border-bottom: 2px dotted gray;
    }

    .top-bar .top-bar-section ul li ul li a {
        display: inline;
        background-color: white;
        line-height: 2.5em;
        text-transform: none;
        vertical-align: middle;
    }

/* "." aus erster Menuebene nicht in den Submenues */
.top-bar .top-bar-section .left li ul li:not(:first-child):after {
    content: "";
}

/* Hiermit kann man große Punkte im Menu einbauen */
.top-bar .top-bar-section ul li:not(:first-child) {
    list-style: none outside none;
}

.top-bar .top-bar-section ul li:last-child
{
    background:none!important;
}

/* Hiermit kann man große Punkte im Menu einbauen */
.top-bar .top-bar-section ul li ul li:not(:first-child) {
    list-style: none outside none;
}


/* Gemeinsamkeiten aller Subseiten zu ETK-Master */
/*.edition, .arrival, .programm, .etk-m, .contact, .review_order {
    font-size: medium;
}

    .edition h1, .arrival h1, .programm h1, .etk-m h1, .contact h1, .review_order h1 {
        font-size: x-large;
    }

     .edition h2, .arrival h2, .programm h2, .etk-m h2, .contact h2, .review_order h2 {
        font-size: large;
    }

    .etk-m h3 {
        font-size: medium;
    }
*/

.edition-marginal ul li, .arrival-marginal ul li, .programm-marginal ul li, .etk-m ul li {
    list-style-type: none;
    line-height: 2.2em;
    vertical-align: middle;
    border-bottom: 2px dotted gray;
}
    /* Funktioniert so noch nicht, rechtes Randmenu Links bei hover/click einfärben */

    .edition-marginal ul li a, .arrival-marginal ul li a, .programm-marginal ul li a, .etk-m ul li a {
        color: black;
        font-weight: bold;
        font-size: 0.9em;
    }

    .etk-m ul li a, a.arrowbefore
    {
        background:url("../images/arrow_small_right.png") no-repeat;
        padding-left:1em;
    }

    .etk-m ul li a:hover, a.arrowbefore:hover
    {
        background:url("../images/arrow_small_right_toggle.png") no-repeat;
    }

        .edition-marginal ul li a:hover, .arrival-marginal ul li a:hover, .programm-marginal ul li a:hover, .etk-m ul li a:hover {
            color: #c90130;
        }

    .edition-marginal ul li:first-child, .arrival-marginal ul li:first-child, .programm-marginal ul li:first-child, .etk-m ul li:first-child {
        border-top: 2px dotted gray;
    }

    .edition-marginal ul li a, .arrival-marginal ul li a, .programm-marginal ul li a, .etk-m-marginal ul li a {
        color: black;
    }


.edition-marginal, .arrival-marginal, .programm-marginal {
}

.etk-m-text-gray {
    color: gray;
}

.etk-m-text-red {
    color: #c90130;
}

.etk-m-text-padding {
    margin-right: 3em;
}

/* Page verlag\edition | 1_01 */

/* Page verlag\programm | 1_02 */


/* Page verlag\chronologie | 1_03 */
.chrono-box {
}

ul.chrono-box li {
    border-bottom: none;
    border-top: none;
}

ul.chrono-box li a.chronoTile {
        /* Box als Quadrat! */
        display:block;
        height: 0;
        padding-bottom: 100%;
        text-align: center;
        border: 1px solid lightgrey;
        box-shadow: 0 0 5px 0px #808080;
        background-position:-5000px 0;
        background-repeat:no-repeat;
        background-size:cover;
        text-align:center;
       
    }

ul.chrono-box li a.chronoTile.active {
       background-color:#e6e6e6; 
       box-shadow: inset 0 0 2px 1px #808080;   
    }

ul.chrono-box li a.chronoTile.active p{
       color:#C90130;
    }

ul.chrono-box li a.chronoTile:hover {
        background-position:center center;
        background-color:lightgray;
    }

ul.chrono-box li a.chronoTile p {
         margin-top:35%;
         font-size:1.7em;
         color: #656565;
         font-weight:bold;
    }

 ul.chrono-box li a.chronoTile:hover p {
        color:#ab0a30;
    }
     

ul.chrono-box li a.chronoTile:hover p.hideYear {
        display:none;
    }

ul.chrono-box li.active div {
        background-color: lightgray;
        color: #C90130;
    }


.chrono-list {
    margin-top: 3em;
    list-style:none;
}

.chrono-list li {
        border-top:2px dotted;
        clear:both;
        padding-bottom: 0.5em;
    }

.chrono-list .entry
{
    margin:0.5em 0;
    font-family: "Utopia W03 Dsp", serif;
    width:100%;
    padding-right:3em;
    font-size: 0.9em;
}

.chrono-list .entry a
{
    color:inherit;
    border-bottom:1px dotted black;
}

.chrono-list .entry p
{
    margin-bottom:0;
}

.chrono-list .entry a:hover
{
    color: #C90130;
    border:none;
}

.chrono-list a.toplink {
        float: right;
        border:none;
        margin-top:-30px;
}

.chrono-list li h3 {
        margin-top: 1em;
}

ul.chrono-list li h3.active {
    color: #C90130;
}


/* Page Autor/Autor 02_01b */

.author a {
    color: black;
    line-height: 3em;
}

.author img a {
    display: block;
    width: 8px;
    height: 14px;
    background: url('/images/arrow_left_small_toggle.png') bottom;
    text-indent: -99999px;
}

.author a img:hover {
    background-position: 0 0;
}


/* Page Autor/Autor 02_01b_Liste */

.publisher a {
    color: black;
    /* padding-top: 10em;  machte er nur für rechtes a-Element */
}

.publisher.under-gallery {
    padding-top: 1.5em;
    padding-bottom: 1.5em;
}


/* Neuerscheinungen 3_01 */



/* Page Veranstaltungen 4_01 */

.event .row {
    border-top: 2px dotted gray;
    padding-top: 1em;
    padding-bottom: 1em;
    margin-top:0.5em!important;
}

.event li {
    list-style-type: none;
}


div.title h2
{
    margin-top:0;
    padding-top:0;
}

div.date-range h3
{
    margin:0;
    padding:0;
}

div.title h2.active
{
    color:#C90130;
}

.event-description
{
    font-family: "Utopia W03 Dsp",serif;
     line-height: 120%;
     padding-right:20px;
}

.event-description.min
{
    overflow:hidden;
    height:78px;
}

a.toggle
{
    display:block; background:url(/images/arrow_down_small.png) center center no-repeat;
    height:20px;
    width:20px;
    margin-top:-40px;
}

a.toggle.up
{
   background-image:url(/images/arrow_up_small_toggle.png);
}

.event-description strong, .event-description b
{
    font-family: "Chianti BT W01 Bold",serif!important;
    font-weight:bold;
    font-size:13px;
}

/* Page Ansprechpartner 5_02 */


.contact p {
    margin-bottom:0.1em;
}

.contact h1 {
}

.contact .name {
    font-weight: bold;
}


/* Page Rezesionsexemplare 5_03 */

.review_order fieldset, .digital-review fieldset {
    background-color: lightgray;
}

.review_order input[type=checkbox] {
    transform: scale(2.5);
    margin: 0.8em 0em 0em 3em;
}

.digital-review input[type=checkbox] {
    transform: scale(2.5);
    margin: 0.3em 0em 0em 3em;
}

/* Page Anfahrt 5_04 */
/* TODO Per Javascript: Überschriften unter Map sollen auch rot werden wenn sie rechts neben der Map ausgewählt werden */

.arrival h1 {
    margin-bottom: 2em;
}

.arrival-detail
{
    font-family:"Utopia W03 Dsp", Serif;
    padding-right:3em!important;
    line-height:120%;

}

.arrival-detail h2 {
    margin-top: 3em;
    margin-bottom: 1em;
}

.arrival img {
    width: 100%;
}

.arrival-detail ul li:focus, .arrival-detail ul li:hover, .arrival-detail ul li:active {
    color: #C90130;
}

.arrival strong, .arrival b
{
    font-family: "Chianti BT W01 Bold",serif!important;
    font-weight:bold;
    font-size:13px;
}

/* Digitale Titelvorschau 07_01c */
.preview-whitespace {
    min-height: 600px;
    /* min-width:700px; */
    margin-bottom: 2em;
}

.margin-reveal-digital-preview {
    margin-top: 2em;
    margin-bottom: 2em;
}
.margin-reveal-digital-preview-cancel {
    margin-top: 1.25em;
    margin-bottom: 3em;
    margin-left: -7em;
}

.reveal-modal form
{
    margin:0;
}
.reveal-modal.digital-review {
    background-color: #D3D3D3;
}

    .reveal-modal.digital-review fieldset {
        border: none;
    }

    .reveal-modal.digital-review .white {
        background-color: white;
        padding: 1em;
    }

.reveal-modal.contributor
{
    padding:0;
    background-color:#cccccc;
    width:764px!important;
    margin-left:-332px;
    position:fixed; 
}

    

    .reveal-modal.contributor .autoreninfo
    {
       padding:1em;
    }

    .reveal-modal.contributor .autoreninfo h1 {
      color: #676767;
      font-size: 1.1em;
      margin-bottom: 1em;
      margin-top: -0.2em;
      padding-top: 0;
    }

    .reveal-modal.contributor .autoreninfo .close-reveal-modal {
      color: #676767;
      font-size: 2em;
      line-height: 0.3em;
      margin-right: -0.3em;
    }

    .reveal-modal.contributor .autoreninfo .biografie
    {
        background-color:#fff;
        padding:1em;
        font-family: "Utopia W03 Dsp", Serif;
        font-size: 0.9em;
        line-height: 150%;
        color:#666666;
    }

    .reveal-modal.contributor .autoreninfo .biografie p
    {
        margin:0;
    }

    .reveal-modal.contributor .titel
    {
        background-color:#fff;
        padding:1em;    
    }

    .reveal-modal.contributor .titel h2
    {
        margin-bottom:0.2em; 
        color:#676767;
        font-size:19.2px;
    }

    .reveal-modal.contributor .titel .orbit-container
    {
        background:none;
    }


    .reveal-modal .close-reveal-modal.button {
  color: inherit;
  cursor: pointer;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  position: relative;
  right: auto;
  top: auto;
  font-size:14.4px;
}

/* Suchergebnisse Result */

div.servicelinks {
}

a.servicelink {
    color: #666666;
    font-size: 0.7em;
    padding-left: 1em;
    padding-right: 2em;
    background: url("../images/arrow_small_right_toggle.png") no-repeat;
}

    a.servicelink:hover {
        color: #C90130;
    }

a.notepadlink {
    color: #666666;
    font-size: 0.7em;
    padding-left: 1em;
    padding-right: 0;
    background: url("../images/arrow_small_right_toggle.png") no-repeat;
}

    a.notepadlink:hover {
        color: #C90130;
    }

.productTypes ul li:first-child {
    border-top: 2px dotted gray;
}

.productTypes ul li {
    border-bottom: 2px dotted gray;
    list-style-type: none;
    vertical-align: middle;
    padding: 0.2em 0;
}

    .productTypes ul li .title {
        font-weight: bold;
        font-size: 0.8em;
    }

    .productTypes ul li .EAN {
        font-size: 0.8em;
    }

    .productTypes ul li .price {
        font-weight: bold;
        font-size: 1.1em;
    }

/* Detailseite */
a.contributor {
    color: #666666;
}

a.series {
    color: #666666;
    font-weight:bold;
}

a.contributor:hover, a.series:hover {
        color: #C90130;
}

.result-img {
    /* Folgende 3 Zeilen später wieder heraus nehmen*/
    width: 60%;
    box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.4); /* Standard */
    margin: 0;
}

    .result-img.detail {
        width: 100%;
    }

.resultrow
{
    line-height:120%;
}

.resultrow .contributors {
    font-size: 0.9em;
    max-width: 530px;
}

.resultrow .data {
    font-size: 0.8em;
    line-height: 50%;
}

.resultrow .seriestitle {
    font-size: 1em;
    font-weight: bold;
    font-family:"Chianti BT W01 Bold",​sans-serif;
}

.resultrow .seriesnumber {
    font-size: 0.9em;
    font-weight: bold;
    line-height: 150%;
    font-family:"Chianti BT W01 Bold",​sans-serif;
}

.resultrow .subtitle_black
{
    color:black;
}


.resultrow .title {
    font-size: 1.2em;
    color: black;
    font-weight: bold;
    font-family:"Chianti BT W01 Bold",​sans-serif;
    white-space: normal;
}

.resultrow .subtitle {
     font-weight: bold;
}

.resultrow .biblio {
    font-size: 0.8em;
    font-weight: normal;
    line-height: 140%;
    font-family:"Chianti BT W01 Bold",​sans-serif;
}

.resultrow .ebook {
    font-size: 0.8em;
    font-weight: normal;
    line-height: 120%;
}

/* überladungen */

.has-tip, .has-tip:hover {
    border: none;
    cursor: inherit;
    font-weight: normal;
}

.tooltip {
    background: none repeat scroll 0 0 white;
    border-radius: 0;
    color: black;
    font-size: 0.7em;
    font-weight: normal;
    font-style: italic;
    line-height: 1.3;
    max-width: 85%;
    padding: 0.5em;
    position: absolute;
    z-index: 999;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.8); /* Standard */
}

    .tooltip .nub {
        display: none;
    }

.section-container.auto > section > .title, .section-container.auto > .section > .title {
    background-color: transparent;
    cursor: pointer;
    margin-bottom: 0;
    border: none;
}

    .section-container.auto > section > .title:hover, .section-container.auto > .section > .title:hover {
        background-color: transparent!important;
        color: #C90130!important;
    }

    .section-container.auto > section > .title a:hover, .section-container.auto > .section > .title a:hover {
        background-color: transparent!important;
        color: #C90130!important;
    }

.section-container.auto > section.active > .title, .section-container.auto > .section.active > .title {
    background-color: white!important;
    cursor: pointer;
    margin-bottom: 0;
    margin-top: 1px;
    border-top: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC!important;
    border-bottom: none!important;
    box-shadow: 0 6px 3px -4px rgba(0, 0, 0, 0.4) inset;
}


    .section-container.auto > section.active > .title a, .section-container.auto > .section.active > .title a {
        color: #C90130;
    }

    .section-container.auto > section.active > .title a{
        display: block;
        background-color: white!important;
        margin-bottom: -5px;
        padding-top: 9px;
        font-weight: bold;
        border:none;
    }

    .section-container.auto > section > .title a
    {
        display: block;
        background-color: transparent!important;
        margin-bottom: -5px;
        padding-top: 9px;
        font-weight: bold;
        border:none;
    }

    .section-container.auto > section.active > .title a {
        box-shadow: 0 6px 3px -4px rgba(0, 0, 0, 0.4) inset;
    }

.section-container.auto > section:last-child .title, .section-container.auto > .section:last-child .title {
    border-right: none;
}

.section-container.auto > section .content p, .section-container.auto > .section .content p , .section-container.auto > .section .content *{
    font-family: "Utopia W03 Dsp",serif!important;
    font-size: 0.9em;
    line-height: 140%;
}

.section-container.auto > section.active > .content, .section-container.auto > .section.active > .content  {
    box-shadow: 0 6px 3px -4px rgba(0, 0, 0, 0.4) inset;
    font-family: "Utopia W03 Dsp",serif!important;
    font-size: 0.9em;
    line-height: 140%;
    padding: 2em 1em;
    z-index:auto;
}


button, .button {
    color: white!important;
    cursor: pointer;
    font-family:"Chianti BT W01 Bold",​sans-serif;
    font-size: 0.9em;
    font-weight: normal;
    line-height: 1;
    margin: 0;
    position: relative;
    text-align: center;
    text-decoration: none;
    box-shadow: none;
    padding: 0.5em;
    border: 1px solid #ca0230;
    background: #C90130;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y0MDMzYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(244,3,58,1) 0%, rgba(176,0,0,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(244,3,58,1)), color-stop(100%,rgba(176,0,0,1)));
    background: -webkit-linear-gradient(top, rgba(244,3,58,1) 0%,rgba(176,0,0,1) 100%);
    background: -o-linear-gradient(top, rgba(244,3,58,1) 0%,rgba(176,0,0,1) 100%);
    background: -ms-linear-gradient(top, rgba(244,3,58,1) 0%,rgba(176,0,0,1) 100%);
    background: linear-gradient(to bottom, rgba(244,3,58,1) 0%,rgba(176,0,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4033a', endColorstr='#b00000',GradientType=0 );
    background: #C90130\9;
}

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


    }

    button.wide, .button.wide {
        width: 100%;
    }

a.checkoutbutton
{
    color:#ffffff;
    font-family:"Chianti BT W01 Roman",​sans-serif;
    width:100%,
}

.darker {
    border: 1px solid #7A011F;
    background: #770120;
    background: -moz-linear-gradient(top, rgba(163,3,43,1) 0%, rgba(99,0,0,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(163,3,43,1)), color-stop(100%,rgba(99,0,0,1)));
    background: -webkit-linear-gradient(top, rgba(163,3,43,1) 0%,rgba(99,0,0,1) 100%);
    background: -o-linear-gradient(top, rgba(163,3,43,1) 0%,rgba(99,0,0,1) 100%);
    background: -ms-linear-gradient(top, rgba(163,3,43,1) 0%,rgba(99,0,0,1) 100%);
    background: linear-gradient(to bottom, rgba(163,3,43,1) 0%,rgba(99,0,0,1) 100%);
     background: #770120\9;
}

div.pager {
    background-color: #e6e6e6;
    color: #666666;
    padding: 0.1em 0;
}

div.pager select
{
    display:none;
}

div.padding
{
    padding:0.8em;
}

div.pager div.padding
{
    padding:0.4em 0;
}


ul.pagination {
    height: auto;
    margin-bottom: 0;
}

    ul.pagination li a {
        color: #000;
        font-weight: bold;
        cursor: pointer;
        font-size:1em;
    }

    ul.pagination li a {
        color: #000;
        font-weight: bold;
        padding: 0.2em;
    }

        ul.pagination li a:hover {
            color: #C90130;
        }


    ul.pagination li.current a, ul.pagination li.current a:hover {
        background: #FFF;
        color: #000;
        cursor: default;
    }

span.pagination-centered ul.pagination li {
            float: none;
            vertical-align: top;
            margin-bottom: 0.5em;
}

form.custom div.pager .custom.dropdown {
    background: transparent;
    box-shadow: none;
    display: inline-block;
    font-size: 1em;
    height: 0;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
    position: relative;
    top: -19px;
    vertical-align: top;
    width: auto;
    border: none;
    vertical-align: middle;
    font-weight: bold;
}

    form.custom div.pager .custom.dropdown a.current {
        color: #C90130!important;
        cursor: pointer;
    }

form.custom .custom.dropdown .selector:after {
    background: url("../images/arrow_down_small.png") no-repeat scroll 0 0 transparent!important;
    border: none!important;
    content: " "!important;
    height: 9px!important;
    width: 18px!important;
    cursor: pointer;
    left: 9px;
}

form.custom .custom.dropdown:hover .selector:after {
    background-image: url("../images/arrow_down_small_toggle.png")!important;
    cursor: pointer;
}

li.arrow a {
    text-indent: -999px;
    display: block;
    height: 100%;
    overflow: hidden;
}

li.arrow.prev a {
    background: url("../images/arrow_small_left.png") no-repeat scroll bottom center transparent!important;
}

    li.arrow.prev a:hover {
        background-image: url("../images/arrow_small_left_toggle.png")!important;
    }

li.arrow.next a {
    background: url("../images/arrow_small_right.png") no-repeat scroll bottom center transparent!important;
}

    li.arrow.next a:hover {
        background-image: url("../images/arrow_small_right_toggle.png")!important;
    }

.slideTrigger {
    cursor: pointer;
}

    .slideTrigger img {
        vertical-align: super;
        cursor: pointer;
    }

.slideContent {
    display: none;
}



.typePicker {
    background: white;
    position: absolute;
    border: 1px solid black;
    width: 400px;
    padding: 0;
    border: 1px solid #AFAFAF;
    z-index: 1000;
    display: none;
}

    .typePicker .resultrow {
        padding: 16px;
        cursor: pointer;
        padding: 16px;
    }

        .typePicker .resultrow:nth-child(odd) {
            background: #E6E6E6;
        }

        .typePicker .resultrow:nth-child(even) {
        }

.chianti
{
     font-family:"Chianti BT W01 Roman",​sans-serif;
}

label
{
      font-family:"Chianti BT W01 Roman",​sans-serif; font-size:0.9em; font-weight:normal; padding:0.1em; cursor:default;
}

label.required
{
    font-weight:bold;
        
}

label.required:after
{
    content :"*";
    color:#C90130; margin-top:-0.5em;
    font-size:1.2em; font-family:inherit;
    padding-left:0.1em;
    line-height:0;
}

.panel
{
    border:none; background-color:#e6e6e6;
}

div.inline input
{
       /* margin-bottom:0;*/
}

.ValidationSummary
{
    font-family:"Chianti BT W01 Roman",​sans-serif;
}

.ValidationSummary:before
{
    content:"Bitte überprüfen Sie den Inhnalt der folgenden Felder: "
}

div.checkout_title
{
    padding:0.8em;
    margin-top:-40px;
    display:inline-block!important;
    width:320px;
    float:none!important;
}

div.checkout_title *
{
    display:inline!important;
}

div.checkout_title.active
{
    color:#C90130;
    background-color:#ffffff;
    border: 1px solid #CCCCCC;
    border-bottom:4px solid #ffffff;
    box-shadow: 0 6px 3px -4px rgba(0, 0, 0, 0.4) inset;
}


.error small, small.error
{
    font-family:Arial, Helvetica,sans-serif;
}

form.custom .custom.checkbox {
    vertical-align: -2px;
}

form.custom .custom.checkbox.checked:before
{
    font-family:Arial,Helvetica,sans-serif;
    font-size:120%;
}

.reveal-modal-bg
{
    z-index:200;
    filter: alpha(opacity = 50); /* IE 6, 7, 8 */ -ms-filter: "alpha(opacity = 50)"; /* ab IE 8 zusätzlich möglich */ opacity: .5; /* alle anderen Browser einschließlich IE 9 */
}

.reveal-modal
{
    z-index:210;
    position:absolute;
    width:700px!important;
    margin-left:-350px!important;
    top:10%!important;
    padding-top:0.7em;
}

.reveal-modal.small
{
    z-index:210;
    position:absolute;
    width:400px!important;
    margin-left:-200px!important;
    top:10%!important;
}

.utopia, .utopia *
{
    font-family: "Utopia W03 Dsp",serif;
    font-size: 14.4px;
    line-height: 140%;
}

/* AGB Seite */
.agb strong, .agb b
{
    font-size:16px;
}

/*Impressum Seite*/
h3
{
    font-family: 'Chianti BT W01 Bold',sans-serif!important;
    font-size:16px!important;
    line-height:22.4px!important;
}