@charset "UTF-8";

/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * Klassen für Shop Übersicht
 *
 */
@media screen , projection {
    .products {
        width: 725px;
        float: left;
        padding-top: 17px;
    }
    .products_seperator {
        width: 650px;
        margin: 13px 25px 13px;
        float: left;
    }
    .teaser {
        width: 125px;
        padding: 20px 25px 20px 25px;
        float: left;
    }
    .teaser a {
        float: left;
        margin-bottom: 3px;
    }
    .teaser a img {
        float: left;
    }
    .teaser .info {
        float: left;
        height: 82px;
    }
    .teaser .title,
    .teaser .lab {
        float:left;
        width: 125px;
        height:auto;
        display: block;
        color: #292929 ;
        margin: 0px;    
    }
    
    .teaser .title:hover {
        text-decoration: none;
    }
    
    .teaser .nr {
        font-size: 83.33%;
        width: 125px;
        display: block;
        color:#000;
        margin-bottom: 1px;
    }
    .teaser .price {
        font-size: 125%;
        font-weight: bold;
        width: 125px;
        height: auto;
        display: block;
        margin: 0px;
        color: #8cac00;
    }
    
    .teaser .time {
        float: left;
        position:relative;
        display: block;
        width: 125px;
        margin-bottom: 10px;
        font-size: 11px;
        color: #8e8e8e;
        display: none;
    }
    
    .teaser .dropHolder {
        float: left;
        width: 125px;
        margin-top: 6px;
        height: 19px;
    }
    .teaser .btn {
        float: left;
        text-align: center;
        margin-top: 4px;
    }
    .teaser .btn a {
        width: 60px;
        height: 18px;
        display: block;
        padding-top: 3px;
        margin-bottom: 0;
        text-decoration: none;
        border-radius: 2px;
			 -moz-border-radius: 2px;
			 -webkit-border-radius: 2px;
    }
    .teaser .detail {
        color: #8e8e8e;
        background-color: #E5E5E5;
    }
    .teaser .detail:hover {
        background-color: #B8B8B8;
        color: #FFF;
        text-decoration: none;
    }
    .teaser a.act {
        color: #FFF;
        background: #8CAC00;
        margin-left: 5px;
    }
    .teaser a.act:hover {
        background-color: #A9CA17;
    }
    
    .teaser a.inact {
	   	 color: #b7b7b7;
	   	 display: block;
       background: #e5e5e5;
       margin-left: 5px;
    }
    .teaser a.inact.hidden,
    .teaser a.act.hidden {
    	display: none;
    }
    
    /*------------------------------------------------------------------------------------------------------*/
    #col_right_content .content_header {
        width: 700px;
        height: 120px;
        float: left;
        margin-bottom: 5px;
        position: relative;
    }
    #col_right_content .content_header img {
        float: left;
    }
    #col_right_content .content_header h1 {
        width: 500px;
        position: absolute;
        left: 41px;
        top: 33px;
        z-index: 50;
        font-size: 216.66%;
        color: #FFF;
        font-weight: normal;
        margin: 0px;
    }
    /*------------------------------------------------------------------------------------------------------*/
    .filters {
        width: 694px;
        height: 17px;
        float: left;
        border: 1px #E5E5E5 solid;
        padding: 2px;
        padding-left: 0px;
        margin-bottom: 5px;
    }
    
    .filters .last_filter {
        background: none;
        padding-right: 0px;
        
    }
    
    .filters a {
        font-size: 91.66%;
        color: #8e8e8e;
        line-height: 15px;
    }
    .filters .reset {
        float: right;
        margin-right: 10px;
        display: inline;
        width: 100px;
        padding-top: 1px;
        text-align: right;
    }
    /*------------------------------------------------------------------------------------------------------*/
    .pages {
        color: #8e8e8e;
        float: left;
        width: 694px;
        height: 25px;
        padding: 0px 3px 0px 3px;
    }
    .pages a {
        color: #8e8e8e;
    }
    .pages .btns_left {
        font-size: 91.66%;
        float: left;
        margin-left: 23px;
        width: 220px;
        padding-top: 1px;
        line-height: 15px;
    }
    .pages .btns_left a:hover {
        
    }
    .pages .btns_middle {
        font-size: 91.66%;
        float: left;
        width: 215px;
        padding-top: 1px;
        line-height: 15px;
    }
    .pages .btns_middle span {
        float: left;
        margin: 0px 4px 0px 4px;
        display: block;
    }
    .pages .btns_middle a:hover {
        text-decoration: none;
        color: #8CAC00;
        background-position: 0px 15px;
    }
    .pages .btns_middle .asc {
        width: 9px;
        height: 15px;
        display: block;
        float: left;
        background: url(../../media/template/_other/sort_top_bg.png);
    }
    .pages .btns_middle .desc {
        width: 9px;
        height: 15px;
        display: block;
        float: left;
        background: url(../../media/template/_other/sort_bottom_bg.png);
    }
    .pages .btns_middle .selected {
        color: #8CAC00;
        background-position: 0px 15px;
    }
    .pages .btns_right {
        font-size: 91.66%;
        float: right;
        margin-right: 20px;
        width: 205px;
        padding-top: 2px;
        text-align: right;
        display: inline;
    }
    .pages .selected {
        color: #8cac00;
    }
    
    .totop {
        float: left;
        display: inline;
        width: 650px;
        margin: 14px 0px 0px 25px;
        padding-top: 24px;
        background: url(../../media/template/_other/seperator_bg.png);
        background-position: 0px -12px;
        background-repeat: repeat-x;
    }
    /*------------------------------------------------------------------------------------------------------*/
    .content_search {
        width: 700px;
        height: 35px;
        background-color: #E5E5E5;
        float: left;
        margin-bottom: 25px;
    }
    .content_search label {
        width: 105px;
        padding: 8px 0px 0px 25px;
        float: left;
        color: #8e8e8e;
        font-size: 125%;
        margin: 0px;
    }
    .content_search input {
        width: 194px;
        height: 18px;
        float: left;
        margin-top: 8px;
        padding-left: 6px;
        color: #3f3f3f;
    }
    .content_search a {
        padding: 10px 13px 10px 13px;
        display: block;
        float: left;
        color: #8e8e8e;
    }
    /*------------------------------------------------------------------------------------------------------*/
    .headline_special {
        font-size: 216.66%;
        color: #292929;
        margin: 25px 0px 26px 24px;
        display: inline;
        float: left;
    }
    /*------------------------------------------------------------------------------------------------------*/
    /* Detailseite */
    .detailpage_bg {
        background: url(../../media/detail/detailpage_bg.png);
        float: left;
        margin-top: 25px;
    }
    #col_left_detail {
        width: 750px;
        float: left;
        padding-bottom: 25px;
    }
    #col_left_detail_content {
        padding: 0px 0px 0px 50px;
    }
    .images {
        width: 300px;
        float: left;
        margin-bottom: 25px;
    }
    .images a,.images a img {
        float: left;
        margin: 0px;
    }
    .images .zoom_btn {
        background: url(../../media/detail/zoom_btn_bg.png) no-repeat left top;
        display: block;
        width: 200px;
        height: 23px;
        float: left;
        padding-left: 20px;
        color: #b8b8b8;
        margin-top: 2px;
    }
    .images .thumbs {
        float: left;
    }
    .images .thumbs a {
        margin-right: 20px;
        display: inline;
        float: left;
    }
    /*------------------------------------------------------------------------------------------------------*/
    .information {
        width: 400px;
        position: relative;
        float: left;
        margin-bottom: 25px;
    }
    
    
    
    
    
    .information .selector {
        float: left;
        width: 350px;
        height: 55px;
        background:url(../../media/template/_other/seperator_bg.png)  0px 15px repeat-x;
    }
    
    .information .selector a {
        float: right;
        display: block;
        width: 17px;
        height: 17px;
        margin-left: 4px;
    }
    
    .information .selector span {
        float: right;
        padding-right: 4px;
        line-height: 18px;
        color: #282828;
    }
    
    .information .selector .prev {
        background:url(../../media/template/_other/back_btn_bg.png);
    }
    
    .information .selector .next {
        background:url(../../media/template/_other/next_btn_bg.png);
    }
    
    .information .selector .inactive {
        background-position: 0px -40px ;
    cursor:default;
    }
    
    .information .logo_small {
        float: left;
        margin-bottom: 7px;
    }
    .information h1 {
        font-size: 216.66%;
        width: 400px;
        display: block;
        float: left;
        color: #292929;
        margin-bottom: -3px;
    }
    
    .information .lab {
        float: left;
        display: block;
        width: 400px;
        color: #292929;

    }
    .information .nr {
        color:#000;
        font-size: 83.33%;
        width: 400px;
        display: block;
        float: left;
        margin-bottom: 7px;
    }
    .information .oldprice {
        color: #b8b8b8;
        font-size: 108.33%;
        text-decoration: line-through;
        width: 400px;
        display: block;
        float: left;
        height:16px;
        margin-bottom: -3px;
    }
    .information .price {
        font-size: 216.66%;
        color: #8cac00;
        width: 178px;
        display: block;
        float: left;
    }
    .information .time {
        float: left;
        position: relative;
        display: block;
        width: 173px;
        margin-top: 14px;
        font-size: 91.66%;
        color: #8e8e8e;
        text-align: right;
    }
    .time.green {
    	color: #83aa04;
    }
    .time.yellow {
    	color: #ff9c01;
    }
    .time span {
        display: block;
        float: left;
        background: url(../../media/detail/time_icon.png) top left no-repeat;
        background-position: 0px -60px;
        margin-left:48px;
        width: 10px;
        height: 10px;
        margin-top: 1px;
    }
    .time.yellow span {
 	   background-position: 0px -30px;
    }
    .information .time .txt {
        float: left;
        width: 155px;
        position: absolute;
    }
    .information .mwst {
        color: #b8b8b8;
        font-size: 83.33%;
        width: 400px;
        display: block;
        float: left;
        margin-bottom: 13px;
    }
    .information .mwst a {
        color: #b8b8b8;
    }
    .information p {
        font-size: 116.66%;
        line-height: 1.35em;
        color: #3e3e3e;
        width: 350px;
        height: auto;
        min-height: 76px;
        display: block;
        float: left;
        margin: 0px 0px 30px 0px;
    }
     
    * html .information p {
        height: 76px;
    }
    .information .options {
        width: 150px;
        float: left;
        padding-top: 0px;
        position: relative;
    }
    .information .options label {
        font-size: 91.66%;
        width: 46px;
        display: block;
        float: left;
        margin: 0px;
        padding: 1px 0px 0px 0px;
    }
    .information .options .quantity_txt {
        font-size: 91.66%;
        width: 24px;
        padding: 1px 2px 1px 2px;
        display: block;
        float: left;
        border: 1px #B8B8B8 solid;
        text-align: right;
        margin: 0px;
    }
    .information .options .dropHolder {
        position: relative;
        float: left;
        width: 108px;
        height: 18px;
        margin: 0px;
        padding: 0px;
        margin: -2px 0px 10px 0px;
        display: inline;
    }
    .information .options .dropHolder2 {
        position: absolute;
        top: 22px;
        left: 0px;
        width: 108px;
        height: 18px;
        margin: 0px;
        padding: 0px;
        margin: 0px 0px 0px 0px;
        display: inline;
    }
    .information .buy_btn {
        width: 182px;
        padding-left: 18px;
        background: url(../../media/detail/buy_btn_bg.png?18032010);
        margin-bottom: 12px;
    }
    .information p.inact {
    		width: 182px;
    		height: 29px;
        padding-top: 11px;
        padding-left: 18px;
        font-size: 125%;
        float: left;
        min-height: 29px;
        letter-spacing: 0.1em;
        background: url(../../media/detail/buy_btn_bg.png) 0 -80px no-repeat;
        margin-bottom: 12px;
    		color: #8a8a8a;
    		cursor: pointer;
    }
    .information .sendback {
        color: #bababa;
        width: 350px;
        display: block;
        float: left;
        background: url(../../media/detail/sendback_icon.png) no-repeat;
        padding: 0px 0px 0px 17px;
        margin-bottom: 10px;
    }
    .information .links {
        width: 350px;
        float: left;
        height: 78px;
        padding-top: 20px;
        margin-top: 14px;
        color: #878787;
        background: url(../../media/detail/links_bg.png) repeat-x;
    }
    .information .links a {
        color: #878787;
        line-height: 1.5em;
    }
    #co2_right {
        width: 225px;
        float: left;
    }
    /*------------------------------------------------------------------------------------------------------*/
    #col_right_detail {
        padding: 0px 0px 0px 25px;
    }
    .col_right_detail_separator {
        width: 125px;
        margin: 8px 0px 3px 25px;
    }
    #col_right_detail .more {
        color: #B8B8B8;
        font-weight: bold;
        padding-left: 25px;
        display: block;
        margin-bottom: 10px;
    }
    /*------------------------------------------------------------------------------------------------------*/
    .infobox {
        width: 648px;
        border: 1px #BABABA solid;
        float: left;
    }
    .infobox .header {
        width: 648px;
        height: 49px;
        background-image: url(../../media/detail/infobox_header_bg.png);
        float: left;
    }
    .infobox .header a {
        font-size: 108.33%;
        color: #3e3e3e;
        display: block;
        float: left;
        text-align: center;
        padding-top: 16px;
        padding-bottom: 16px;
    }
    .infobox .header .btn1 {
        width: 249px;
    }
    .infobox .header .btn2 {
        width: 250px;
    }
    .infobox .header .btn3 {
        width: 146px;
    }
    .infobox .header a:hover,.infobox .header .selected {
        color: #8cac00;
        text-decoration: none;
    }
    .infobox .content {
        width: 648px;
        font-size: 108.33%;
        float: left;
        padding: 21px 0px 20px 0px;
    }
    .infobox .content p {
        line-height: 160%;
        width: 600px;
        float: left;
        margin-left: 22px;
        display: inline;
    }
    .infobox .content p a {
        color: #292929;
        text-decoration: underline;
    }
    .infobox .content .box {
        line-height: 160%;
        width: 300px;
        float: left;
        margin-left: 22px;
        display: inline;
    }
    .infobox .content .col1 {
        width: 98px;
        color: #707070;
        display: block;
        float: left;
    }
    .infobox .content .col2 {
        width: 182px;
        color: #252625;
        display: block;
        float: left;
    }
    /*------------------------------------------------------------------------------------------------------*/
    .social_links {
        width: 925px;
        color: #878787;
        float: left;
        padding-left: 50px;
        display: block;
    }
    .social_links a {
        margin-left: 4px;
        display: inline;
    }
    
    /*------------------------------------------------------------------------------------------------------*/
    div.jqZoomTitle {
        z-index: 5000;
        text-align: center;
        font-size: 11px;
        font-family: Tahoma;
        height: 16px;
        padding-top: 2px;
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        color: #FFF;
        background: #999;
    }
    .jqZoomPup {
        overflow: hidden;
        background-color: #FFF;
        -moz-opacity: 0.6;
        opacity: 0.6;
        filter: alpha(opacity =             60);
        z-index: 10;
        cursor: crosshair;
    }
    .jqZoomPup img {
        border: 0px;
    }
    .preload {
        -moz-opacity: 0.8;
        opacity: 0.8;
        filter: alpha(opacity =             80);
        color: #333;
        font-size: 12px;
        font-family: Tahoma;
        text-decoration: none;
        border: 1px solid #CCC;
        background-color: white;
        padding: 8px;
        text-align: center;
        background-image: url(../images/zoomloader.gif);
        background-repeat: no-repeat;
        background-position: 43px 30px;
        width: 90px; *
        width: 100px;
        height: 43px; *
        height: 55px;
        z-index: 10;
        position: absolute;
        top: 3px;
        left: 3px;
    }
    .jqZoomWindow {
        background-color: #FFF;
    }
}