/* CSS Document */

* {margin: 0; padding: 0; }

a {text-decoration: none; color: #0065C4; /*Blau*/}
a img {border: 0;}

body {font-family: Verdana, Helvetica, sans-serif; font-size: 12px;}
table {border-collapse: collapse;}

p {padding-bottom: 10px;}

h1 {font-size: 14px; font-weight: 600; color: #333; padding: 10px 0px 10px 0px; }
h2 {font-size: 12px; font-weight: 600; color: #9B4603; /*braun*/ padding: 10px 0px 10px 0px; }
h3 {font-size: 12px; font-weight: 600; color: #333; padding: 10px 0px 10px 0px;}
h3 a{color: #333;}
.right {float: right;}
.left {float: left;}
.clear {clear: both;}

.left img{margin: 0 5px 0 0;}
.right img{margin: 0 0 0 5px;}

.top{vertical-align: top;}

.textLeft{text-align: left;}
.textRight{text-align: right;}
.textCenter{text-align: center;}

.hugeBlue {font-size: 18px; color: #0065C4; /*Blau*/}
.largeBlue{font-size: 14px; color: #0065C4; /*Blau*/}
.smallBlue {font-size: 12px; color: #0065C4; /*Blau*/}

.braun {color: #9B4603; /*Braun*/}
.rot {color: #a00; /*rot*/}

.bgBlau {background-color: #fcf5e3;}

.small {font-size: 11px;}
.big {font-size: 14px;}
.large {font-size: 16px; }
.huge {font-size: 22px; }
.bold {font-weight: 600;} 

.paddingLeft{padding-left: 10px;}
.paddingRight{padding-right: 10px;}
.paddingTop{padding-top: 10px;}

.fehler {height: 20px; font-size: 10px; color: #900;}

.rahmen {margin-left: auto; margin-right: auto;table-layout: fixed;}

.content {min-height: 500px; height:auto !important; height: 500px; padding-bottom: 20px;}
.content ul {margin:0; padding:0 0 0 15px;}

/*kopf*/
.kopf {width: 940px; height: 110px; background-repeat: no-repeat; background-position: right;}
.logo {padding-left: 10px;}
.balken {height: 7px; background-image: url(../Bilder/balken.png); background-repeat: no-repeat;}
.naviOben {height: 22px; text-align: center; color: #0065C4; /*Blau*/ border-bottom: 2px solid #0065C4;}

/*fuss*/
.fuss {height: 22px; color: #0065C4; /*Blau*/ font-size: 11px; text-align: center; border-top: 2px solid #0065C4;}

/*box*/
.box {margin: 20px 5px 0px 5px;table-layout: fixed;}
.schattenLinks {width: 5px; background-image: url(../Bilder/schattenLinks.gif); background-repeat: repeat-y;}
.schattenRechts {width: 5px; background-image: url(../Bilder/schattenRechts.gif); background-repeat: repeat-y;}
.schattenUnten {height: 7px; background-image: url(../Bilder/schattenUnten.gif); background-repeat:no-repeat;}
.ueberschrift {height: 18px; width: 195px; border-top: 1px solid #9a4703; /*Grün*/ background-image: url(../Bilder/ueberschriftBg.jpg); background-repeat: no-repeat; font-weight: 600; color: #9a4703; text-indent: 10px; vertical-align: top;} 
.boxContent {padding: 10px;}
.boxContent input{width: 170px;}
.trennerBox {height: 1px; width: 172px; margin-left:10px; border-bottom: 1px solid #56851F; /*Grün*/}

.suchen{color: #0065C4; float: right; padding: 5px 0px 5px 0px;}

.teaser{padding-top: 5px;}

/*navi*/
.navi {padding: 10px 0 10px 15px; min-height: 180px; height:auto !important; height: 180px; }
div.navi {list-style-position: outside; }
div.navi li{padding-bottom: 5px;list-style-image:url(../Bilder/list.gif);}
ul.navi2 { padding: 5px 2px 10px 14px; font-size: 11px; list-style-image: url(../Bilder/list2.gif);}
ul.navi2 li{ list-style-image: url(../Bilder/list2.gif);}
.navi a {color: #333; font-weight: 600;}
.navi a:hover, a:active {color: #9B4603; /*braun*/}
div.navi li:active, div.navi li:hover, div.navi li.marked {color: #9B4603; list-style-image:url(../Bilder/listMark.gif);/*braun*/}
ul.navi2 li:active, ul.navi2 li:hover, ul.navi2 li.marked{list-style-image: url(../Bilder/list2Mark.gif);}

div.navi li.marked>a, ul.navi2 li.marked>a {color: #9B4603; /*braun*/}

/*Mitte*/
.mainFrame {float: left; padding:0px 0px 20px 10px; width: 490px; text-align:justify;}
.pfad { line-height:17px; font-size: 10px; color: #AAA;}
.spacer {height: 20px; /*border-bottom: 1px solid #0065C4; /*Blau*/ clear:both;}
.spacerSmall {height: 10px; /*border-bottom: 1px solid #0065C4; /*Blau*/ clear:both;}
.trennerBlau {width: 100%; padding-top: 10px; border-bottom: 1px solid #9a4703; /*Blau*/ clear:both;}
.trennerWeiß {width: 100%; border-bottom: 1px solid #FFF; margin-bottom: 10px;  clear:both;}

/*Produktinformationen*/
.produkt {width: 490px; table-layout:fixed; margin-top: 10px;}
.prodUeber {font-weight: 600; padding-bottom: 15px;}
.prodUeber a {color: #333;}
.prodUeber a:hover {color: #9B4603; /*braun*/}
.prodArtikelNr {padding-bottom: 5px;}
.prodChoise {text-indent: 2px; height: 30px; vertical-align:top;}
.prodChoise input{ width: 50px;}
.prodChoise select{width: 150px;}
.prodDetail {padding:5px 0px 10px 0px; text-align: right;}
.prodDetail a {text-decoration: none; color: #9B4603; /*braun*/}
.prodDetail a:hover{ font-weight: 600;}
.prodPreis {font-size: 18px; font-style: italic; color: #9B4603; /*braun*/}
.prodPreisMehr {font-size: 10px; font-style: italic; color: #333;padding-top: 4px;}

.detailUeber{height: 25px; font-weight: 600;}
.detailArtikelNr {height: 40px; padding-bottom: 10px;}
.detailBesch{vertical-align: top; }
.detailBtn{vertical-align:top; text-align: left;}
.detailTextBox {margin-top: 20px; background-color: #fcf5e3; /*Hellblau*/ border-top: 1px solid #9a4703; /*Blau*/}
.detailInfo {padding: 10px;}

.bestellprozessBox p {padding: 5px 0px 5px 0px; clear: both;}

.eingabeBesch{width: 150px; height: 25px; font-weight: 600; color: #333;}
.eingabeBox{width: 300px;}
.eingabeBox input, .eingabeBoxSelect select {width: 295px;}


.wkTable td{ vertical-align: top;}
.wkLeft{text-align: left; padding-left: 10px;}
.wkLeft a{color: #000; font-weight: 600;}
.wkLeft a:hover{color: #9B4603; /*braun*/ }
.wkRight{text-align: right; padding-right: 10px;}
.wkGesamt{text-align: left; padding: 10px 0px 0px 10px; font-size: 18px;}
.wkCash{ font-size: 18px; font-style: italic; padding-right: 10px;  color: #9B4603; /*braun*/ }

.miniwkDiv{text-align:left; border-bottom: 1px solid #9a4703;width: 175px;clear: both;}
.miniwkDiv img{padding-right:8px;padding-top:5px;}
.miniwkDiv p {line-height: 130%;}
.miniwkDiv2{text-align: right;margin-top: 7px; margin-right: 2px;}
.uebersichtData{padding-left: 30px; font-size: 11px;}


/*Struktur*/

.picRight{ float:right; padding: 0px 0px 10px 10px;}
.picLeft{ float:left; padding: 0px 10px 10px 0px;}

/*Korrektur fuer Artikelgruppenübersicht Januar 09*/
div.artgroup_listing div.picLeft{width: 125px;}
div.artgroup_listing div.picLeft img{display: block;}

/*Mini-Warenkorb Ergänzung*/
div.listing{width: 175px; height: 85px; background: #fcf5e3; overflow: auto;}
div.listing ul{margin: 0 0 0 5px; padding: 0;font-size: 11px; width: 153px;}
div.listing ul li{margin-top: 4px;}

/*Newsblock*/
div.newsblock {border-bottom: 1px solid #9a4703; padding-bottom: 5px; margin-bottom: 10px;}
div.newsblock h2{font-size: 12px; font-weight: 600; color: #0065C4; margin: 0px; padding:0;}
div.newsblock p{padding: 6px 0 0; margin: 0;}
div.newsblock a.more{float: right;padding: 0; margin: 0;}
div.news_clearer{width: 100%; padding: 0; margin: 0; height: 0px; clear: both; background: #fff;line-height:0;font-size: 0;}
div.date{padding: 10px 0 5px;}

/*AGB*/
td.agb_text{padding: 20px 10px;}

/*Layout Korrekturen 09.01.09*/
.offer{display: block; padding: 8px 0 2px; font-size: 11px;}
.offer_desc{font-size: 11px; line-height:120%; padding: 1px 0 4px;}
.offer_pic {width: 45px; padding: 0 5px 0 0;}
.offer_pic a img{display: block; margin: 8px 0px 0 0;}
.offer_text{width: 125px;}

ul.newcomer{margin: 0; padding: 0; list-style-type:none;}
ul.newcomer li{border-top: 1px dotted #56851F; padding-bottom: 7px; background: #fff;}
ul.newcomer li.first{border-top: none;}

.fairecom .offer{padding: 2px 0 1px; }
.fairecom a{display: block;padding-top: 10px;}
.fairecom_pic{width: 50px;}
.fairecom_pic img{display: block;}

.pegasus_pic{width: 70px;}
.pegasus_pic img{display: block;}

/*Angebote Separator 24.02.09*/
div.offer_separator{margin: 7px 0 10px;border-bottom: 1px dotted #56851F;clear: both;}

/* Artikelliste Startseite 06.09.2010 */
div.last
{
       margin-right: 0;
}

div.artListItem
{
       width: 138px;
       height: 225px;
       border: 1px solid #facd96;
       padding: 5px 10px;
       float: left;
       margin: 3px 3px 7px 0;
}

div.artListItem h1
{
       color: #000080;
       font-size: 11px;
       margin: 0;
       padding: 0;
       text-align: center;
       height: 38px;
}

div.artListItem table
{
       width: 138px;
       height: 135px;
}

div.artListItem table tr td
{
       vertical-align: middle; 
       text-align: center;
}

div.artListItem span.prodPreis
{
       text-align: left;
       display: block;
       padding: 5px 0;
       text-align: center;
}

img.sparfuchs
{
    display: block;
    float: left;
    margin-top: 10px;
}

img.bio
{
    display: block;
    float: right;
    margin-top: 10px;
    
}

.artListItem img.sparfuchs, .artListItem img.bio
{
    position: relative;
    margin-top: -30px;
    z-index: 100;
}

span.red, span.yellow,span.green,span.white
{
    display: block;
    float: left; 
    border: 1px solid #000;
    width: 8px;
    height: 8px;
    margin-right: 1px;
}

span.red
{
    background: #e11e22;
}

span.yellow
{
    background: Yellow;
}

span.green
{
    background: #80b714;
}

div.fb
{
    float: right;
    padding-bottom: 15px;
}

div.clearer{
       clear: both; 
       line-height: 0px; 
       font-size: 0px;
       margin: 0; 
       padding: 0; 
       background: transparent;
       }