body{
    color:#444;
    font:normal 12px arial;
    margin:0 auto;
    padding:0px;
    background: #c9daea;
    max-width:1100px;
    width: 100%;
}
table, tr, td{
    border:none;
    margin:0px;
    padding:0px;
    font:normal 12px arial;
} 
table{
    border-collapse:collapse;
}
img, button{
    border:none;
}
a{
    color:#220500;
    font:normal 12px arial;
    outline:none;
}
a:hover{
    text-decoration:none;
}
p, h1, h2, h3, h4, h5, h6, fieldset, form{
    margin:0px;
    padding:0px;
}
p{
    line-height:20px;
    font-size: 12px;
}
ul, li, ol{
    list-style-type:none;
    margin:0px;
    padding:0px;
    font:normal 12px arial;
}
#team_scroll{
    width: 0;
    /*height: 0;*/
}
.clear{
    clear:both;
    height:0px;
    font-size:0px;
}
fieldset{
    border:none;
}
textarea{
    overflow:hidden;
}
.wrap{
    margin: 0 auto;
    width: 1100px;
}
input:focus {
    outline: medium none;
}
/*Header*/
.wr_content{
    margin: 0 auto;
    max-width: 1100px;
    /*    padding: 0 10px;*/
    position: relative;
    width: 96%;
    z-index: 89;
    background: none repeat scroll 0 0 #eeeeee;
    -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.3);
}
.header{
    width:100%
}
.header > img{
    max-width: 100%;
}
.logo{
    display: block;
    float: left;
    width: 500px;
    height: 100px;
    margin: 85px 0px 50px 180px
}
.menu_total{
    background: rgb(87,153,205);
    background: -moz-linear-gradient(top, rgba(87,153,205,1) 0%, rgba(63,123,173,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(87,153,205,1)), color-stop(100%,rgba(63,123,173,1)));
    background: -webkit-linear-gradient(top, rgba(87,153,205,1) 0%,rgba(63,123,173,1) 100%);
    background: -o-linear-gradient(top, rgba(87,153,205,1) 0%,rgba(63,123,173,1) 100%);
    background: -ms-linear-gradient(top, rgba(87,153,205,1) 0%,rgba(63,123,173,1) 100%);
    background: linear-gradient(to bottom, rgba(87,153,205,1) 0%,rgba(63,123,173,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5799cd', endColorstr='#3f7bad',GradientType=0 );
    border:1px solid #4677a2;
    width:100%;
    height: 44px;
    position: relative;
    -webkit-box-shadow: 0 6px 0 #cedce9, 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 -1px 0 rgba(255, 255, 255, 0.2) inset, 1px 0 0 rgba(255, 255, 255, 0.3) inset;
    -moz-box-shadow: 0 6px 0 #cedce9, 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 -1px 0 rgba(255, 255, 255, 0.3) inset, 1px 0 0 rgba(255, 255, 255, 0.3) inset;
    box-shadow: 0 6px 0 #cedce9, 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 -1px 0 rgba(255, 255, 255, 0.3) inset, 1px 0 0 rgba(255, 255, 255, 0.3) inset;
    position: relative;
}
.menu_total ul li{
    display: block;
    float: left;
    position: relative
}
.menu_total ul li a{
    color: #fff;
    display: block;
    font:normal 14px arial;
    text-decoration: none;
    padding: 15px 15px 14px
}
.menu_total ul li:hover a{
    color: #325d83;
    display: block;
    background: #cddce9;
}
.hotl_r{
    background: none repeat scroll 0 0 #305b7f;
    border-bottom: 1px solid #335876;
    border-top: 3px solid #a0d233;
    box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.2) inset;
    display: block;
    float: right;
    height: 41px;
}
.hotl_r label{
    color: #fff;
    font: normal 14px "Arial";
    float: left;
    display: block;
    line-height: 40px;
    padding: 0 20px;
}
/*content*/
.content{
    box-sizing: border-box;
    padding: 20px 1.9%;
    width: 100%;
    height: 1350px;
}
.left_column{
    float: left;
    margin: 0 1.9% 0 0;
    width: 23.6%;

}
.left_column_bl{
    background: none repeat scroll 0 0 #f7f8fa;
    border: 1px solid #cbcbcb;
    box-sizing: border-box;
    margin-bottom: 15px;
    padding: 10px 3%;
    position: relative;
    width: 100%;
    z-index: 3;
}
.head_l_c{
    font-size: 14px;
    color: #44769e;
    text-transform: uppercase;
    font-weight: bold;
    padding: 3px 0px 10px 0;
    display: block;
    border-bottom: 1px solid #dadada;
    text-indent: 10px;
}
.left_column_bl_content{
    margin-top: 10px;
    padding-left: 15px;
}
.left_column_bl_content p{
    padding-bottom: 10px
}
.right_column{
    width: 74.5%;
    float: left
}
.footer{
    float: left;
    width: 100%
}
.copyright_bl{
    background: #45769f;
    display: block;
    color: #fff;
    font-size: 12px;
    height: 42px;
    border-top:1px solid #2d5471;
}
.produkt_cart_info{
    display: block;
    width: 100%;
}
.desc_pr_total{
    display: block;
    float: left;
    width: 47%;
}
.produkt_cart{
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #ccc;
    box-sizing: border-box;
    float: left;
    padding: 15px 2%;
    width: 100%;
}
.foto_pr_total{
    float: left;
    margin: 0 6% 0 0;
    width: 47%;
}
.desc_pr_total .pr_c_title_total{
    font-size: 18px;
    color: #577aaa;
    display: block;
    margin-bottom: 35px;
    line-height: 28px;
}
.desc_pr_total strong{
    font-size: 24px;
    color: #476080;
    display: block;
    line-height: 30px;
    font-weight: normal;
}
.desc_pr_total span{
    font-size: 12px;
    display: block;
}
.foto_prev_min{
    display: block;
}
.foto_prev_min a{
    border: 1px solid #ccc;
    box-sizing: border-box;
    display: block;
    float: left;
    margin: 10px 10px 10px 0;
    overflow: hidden;
    padding: 6px 6px 10px;
    width: 30%;
}
.foto_prev_min a img{
    width: 85px
}
.foto_prev_min a:hover{
    -moz-box-shadow: 0 0 3px #999; 
    -webkit-box-shadow: 0 0 3px #999; 
    box-shadow: 0 0 3px #999; 
}
.foto_pr_total img{
    max-width: 100%;
}
/*tabs_content*/
.tab_box{
    float: left;
    margin-top: 20px;
    width: 100%;
}
.tabs_content{
    border: 1px solid #ccc;
    background: #fff;
    padding: 15px;
    border-top: none;

    height: 454px;
    overflow: auto;
}
.tab_box > ul{
    display: block;
    float: left;
    width: 100%;
    height: 34px;
    border-left: 1px solid #ccc;
    width: 100%;
    background: rgb(100,161,206);
    background: -moz-linear-gradient(top, rgba(100,161,206,1) 83%, rgba(81,129,167,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(83%,rgba(100,161,206,1)), color-stop(100%,rgba(81,129,167,1)));
    background: -webkit-linear-gradient(top, rgba(100,161,206,1) 83%,rgba(81,129,167,1) 100%);
    background: -o-linear-gradient(top, rgba(100,161,206,1) 83%,rgba(81,129,167,1) 100%);
    background: -ms-linear-gradient(top, rgba(100,161,206,1) 83%,rgba(81,129,167,1) 100%);
    background: linear-gradient(to bottom, rgba(100,161,206,1) 83%,rgba(81,129,167,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#64a1ce', endColorstr='#5181a7',GradientType=0 );
}
.tab_box > ul > li{
    display: block;
    float: left;
}
.tab_box > ul li a{
    border-left: 1px solid #4d89bf;
    border-right: 1px solid #7db1d8;
    color: #fff;
    display: block;
    float: left;
    height: 33px;
    line-height: 34px;
    margin: 1px 0 0;
    padding: 0 25px;
    text-decoration: none;
}
.tab_box > ul li a.active{
    background: #fff;
    color: #57759b;
    border:none;
}
.tab_box > ul li:last-child a{
    border-right: 0;
}
.tabs_content h1 span, .tabs_content h1{
    margin-bottom: 15px !important;
}
.tabs_content p, .tabs_content p span{
    color: #444 !important;
    font: normal 12px "Arial" !important;
}
.tabs_content p{
    margin-bottom: 10px;
    line-height: 18px;
}
.tabs_content h4 span{
    text-decoration: none !important;
}
.tabs_content ul{
    padding: 10px 0 10px 15px
}
.tabs_content ul li{
    list-style-type: disc !important;
}
/*slider*/
.slider{
    margin: 20px 0;
    float: left;
}
.slider_menu{
    background: #79a0cb;
    border: 1px solid #5d7da3;
    width: 188px;
    float: left;
    height: 500px;
    position: relative;
}
.slider_menu ul{
    margin: 20px 0 0 0;
    border-top: 1px solid #658ab5;
    border-bottom: 1px solid #8db2db;
}
.slider_menu ul li{
    height: 30px;
    border-bottom: 1px solid #658ab5;
}
.slider_menu ul li a{
    height: 30px;
    border-top: 1px solid #8db2db;
    line-height: 30px;
    color: #fff;
    padding-left: 20px;
    text-decoration: none;
    display: block;
    font-weight: bold;
}
.slider_menu ul li a:hover{
    background: #587da9;
}
.bg_menu_slider{
    background: url("https://www.zoo-angeln-teich.com/images/gallery/ebay/bg_sl.png") repeat-y right;
    position: absolute;
    top: 0;
    right: 0;
    width: 12px;
    height: 500px;
}
.slider_prod{
    background: #fff;
    border: 1px solid #CCCCCC;
    float: left;
    height: 470px;
    padding: 15px 15px 15px 0;
    width: 854px;
    border-left: none;
    overflow-y: scroll;
}
.prod_bl{
    width: 240px;
    float: left;
    height: 128px;
    border: 1px solid #ddd;
    margin: 0 0 10px 15px;
    padding: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: #ddd 0px 0px 3px;
    -moz-box-shadow: #ddd 0px 0px 3px;
    box-shadow: #ddd 0px 0px 3px;
}
.prod_bl:hover{
    -webkit-box-shadow: #bdd7f6 0px 0px 3px;
    -moz-box-shadow: #bdd7f6 0px 0px 3px;
    box-shadow: #bdd7f6 0px 0px 3px;
    border: 1px solid #b5cbe5;
}
.prod_bl a.title_pr{
    text-decoration: none;
    font-size: 11px;
    line-height: 14px;
    display: block;
    margin-bottom: 10px;
}
.prod_bl a.title_pr:hover{
    color: #587da9;
    text-decoration: underline;
}
.prod_bl a.foto_pr{
    display: block;
    float: left;
    width: 90px;
    margin: 0 20px 0 0;
}
.prod_bl a.foto_pr img{
    width: 90px;
    height: 90px;
}
.prod_bl .price_pr{
    font: bold 14px "Arial";
    color: #587da9;
    display: block;
    padding-bottom: 15px
}
.prod_bl span{
    font-size: 11px;
    line-height: 18px;
}
#kategorien ul{
    margin-left: 10px
}
#kategorien ul li{
    list-style-image: url("https://www.zoo-angeln-teich.com/images/gallery/ebay/arrov_list.png");
    color: #44769E;
}
#kategorien ul li a{
    display: block;
    color: #444;
    text-decoration: none;
    line-height: 28px;
}
#kategorien ul li a:hover{
    color: #44769E;
    font-weight: bold;
    text-decoration: underline;
}

/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CCAttribution-ShareAlike 2.5 Brazil - http://creativecommons.org/licenses/by-sa/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
*/
#jquery-overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    width: 100%;
    height: 500px;
}
#jquery-lightbox {
    position: absolute;
    top: 300px !important;
    left: 0;
    width: 100%;
    z-index: 100;
    text-align: center;
    line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
    position: relative;
    background-color: #fff;
    width: 250px;
    height: 250px;
    margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
    position: absolute;
    top: 40%;
    left: 0%;
    height: 25%;
    width: 100%;
    text-align: center;
    line-height: 0;
}
#lightbox-nav {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
    width: 49%;
    height: 100%;
    zoom: 1;
    display: block;
}
#lightbox-nav-btnPrev { 
    left: 0; 
    float: left;
}
#lightbox-nav-btnNext { 
    right: 0; 
    float: right;
}
#lightbox-container-image-data-box {
    font: 10px Verdana, Helvetica, sans-serif;
    background-color: #fff;
    margin: 0 auto;
    line-height: 1.4em;
    overflow: auto;
    width: 100%;
    padding: 0 10px 0;
}
#lightbox-container-image-data {
    padding: 0 10px; 
    color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
    width: 70%; 
    float: left; 
    text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
    display: block; 
    clear: left; 
    padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
    width: 87px; 
    float: right;
    padding-bottom: 0.7em;	
}
#plenty_appendix{
    display: none;
}

.style_karte{
    font: 12px "Arial"; 
    color: #44769E;
}
.menu_icon {
    display: none;
}
@media screen and (max-width: 1010px) {
    .hotl_r{
        border-top: none;
        right: 0;
        top: -120px;
        position: absolute;
    }
    .tab_box > ul li a{
        padding: 0 12px;
    }
    .desc_pr_total .pr_c_title_total{
        line-height: 20px;
    }
}
@media screen and (max-width: 820px) {
    .menu_icon {
        display: block;
        left: 15px;
        position: relative;
        top: 10px;
        width: 85%;
    }
    .menu_total > ul {
        background: none repeat scroll 0 0 #9ccbec;
        display: none;
        float: left;
        position: absolute;
        width: 100%;
        z-index: 99;
        top:44px;
    }
    .hotl_r {
        border-top: 3px solid #a0d233;
        position: relative;
        right: 0;
        top: -25px;
    }
    .menu_total{
        box-shadow: 0 6px 0 #cedce9, 0 1px 0 rgba(255, 255, 255, 0.3) inset, 1px 0 0 rgba(255, 255, 255, 0.3) inset;
    }
    .menu_total ul li {
        width: 100%;
    }
    .menu_total ul li a{
        color:#444;
        border-bottom:1px solid rgba(255, 255, 255, 0.2);
    }
}
@media screen and (max-width: 790px) {
    .tab_box > ul{
        border-left:0;
        height: auto;
    }
    .tab_box > ul li {
        width: 100%;
        float:left;
    }
    .tab_box > ul li a{
        box-sizing: border-box;
        width: 100%;
        border-bottom: 1px solid #7db1d8;
        border-left:0;
        border-right: 0;
    }
    .tab_box > ul li a.active{
        border-left:1px solid #7db1d8;
        border-bottom: 1px solid #7db1d8;
        border-right: 1px solid #7db1d8;;
    }
}
@media screen and (max-width: 740px) {
    .head_l_c{
        font-size: 12px;
    }
}
@media screen and (max-width: 700px) {
    .left_column{
        width: 100%;
    }
    .right_column{
        width: 100%;
    }
}
@media screen and (max-width: 440px) {
    #kategorien ul li a,
    .head_l_c,
    .style_karte,
    .tab_box > ul li a,
    .hotl_r label,
    .menu_total ul li a,
    .desc_pr_total a,
    .desc_pr_total strong{
        font-size: 16px;
    }
    .left_column_bl_content p,
    .tabs_content p,
    .tabs_content ul li,
    .tabs_content{
        font-size: 16px!important;
        line-height: 25px;
    }
    .foto_pr_total,
    .desc_pr_total{
        width: 100%;
    }
    .tabs_content h1 span, .tabs_content h1{
        font-size: 22px !important;
        line-height: 27px;
    }
}