WebSVN – lars-tiefland.shop_ns – /trunk/styles/styles.css

/* verwendete Farben START 

    orange - #666
    ocker text links oben - #D37F01
    grau boxheader - #C1C7D8
    blau verlauf - #D5DBEE  #DDE2F1
    blau: #f00
verwendete Farben ENDE */

* {
    margin:                         0px;
    padding:                        0px;
}
body {
    background-color:#fff;
    font-family:Verdana,Arial,sans-serif;
    color:                          #000;
    font-size:                      0.7em;
    
    line-height:1.2em;
}
p {
    margin-bottom:3px;
}
.header {
    clear:both;
    float:none;
    width:1000px;
    height:110px;
}
.logo {
    float:left;
    margin-right:12px;
}
.hd_service {
    background:url(/images/webelemente/hd_service.gif) no-repeat;
    width:332px;
    height:102px;
    float:left;
    padding:12px 0 0 60px;
    margin-right:16px;
    text-align:left;
}
.header_hr {
    width:220px;
    margin-top:4px;
}
.hd_oezeiten {
    background:url(/images/webelemente/hd_oezeiten.gif) no-repeat;
    width:174px;
    height:102px;
    float:left;
    text-align:center;
    padding:12px 0 0 0;
    margin-right:16px;
}
.hd_warenkorb {
    background:url(/images/webelemente/hd_oezeiten.gif) no-repeat;
    width:174px;
    height:102px;
    float:left;
    text-align:left;
    padding:12px 0 0 0;
    margin-right:16px;
}
.hd_wk_icon {
    position:absolute;
    margin:-5px 0 0 6px;
    
}
.hd_wk_text {
    padding:3px 0 0 0;
    text-align:right;
    padding-right:5px;
}
.topnav {
    background:url(/images/webelemente/topnav.png) no-repeat;
    width:987px;
    height:80px;
    clear:both;
    float:none;
}
.search {
    position:absolute;
    margin:16px 0 0 20px;
   
}
.searchNav {
    
}

.box_1_menu {
    margin-left:0px;
}
.msg_small {
    display:block;
    
    margin-top:-15px;
    padding-right:10px;
}
.headerlink {
    margin:20px 0 0 12px;
    width:430px;
    height:50px;
}
#container-content {
    width:1000px;
    background-color:#fff;
    clear:both;
    float:none;
    margin:auto;
 }
#beschreibung ol {
    margin-left: -20px;
    
}
#beschreibung ul {
    padding-left: 20px !important;
}
.input2 {
    margin-bottom:5px;
    font-weight:bold;
    width:130px;
    font-size:1em;
}
img {
    border-style:none;
}
b.red {
    color:#ff0000;
}
fieldset {
    border-style:none;
}
legend {
    color:#000;
    padding:0px;
    margin:0px;
}
#logo {
    position:absolute;
    top:30px;
    left:30px;
}
.root {
    width:                          1000px;
    margin:                         10px auto;
}
a:link, a:active, a:visited {
    color:#000;
    text-decoration:                none;
}
a:hover {
    color:#f00;
}
.headline {
    background: url(/images/webelemente/headline.jpg) top no-repeat;
    width:633px;
    height:25px;
    margin-bottom:10px;
}
.header_info {
    position:absolute;
    color:#666;
    
    margin:-39px 0 0 480px;
}
.input_img {
    position:absolute;
    padding-top:3px;
    padding-left:5px;
}

 
.left {
    display:block;
    float:left;
    width:205px;
    padding:0px;
    margin:-21px 0 0 0;
    color:#4b4b4b;
    overflow:hidden;
    
}
.left .service_center li {
    height:20px !important;
}
.left .box_1 {
    display:                        block;
    float:                          left;
    width:                          205px;
    background-color:#fff;
    margin:0 0 0 0px;
    
}
.left .box_1_menu {
    display:                        block;
    float:                          left;
    width:                          170px;
    background:url(/images/webelemente/verlauf_box.jpg) repeat-y;
    background-color:#fff;
    margin-bottom:10px;
}
.left .box_1_menu .box_top {
    background:url(/images/webelemente/left_box_top.jpg) no-repeat;
    background-color:#fff;
    color:#000;
    text-transform:uppercase;
    width:205px;
    height:8px;
    
}
.left .box_1 .box_top {
    background-color:#6AA064;
    width:170px;
    height:27px;
    font-weight:bold;
    
}

.left .box_1 .box_top h1 {
    padding:0px;
    margin:0px;
    padding-left:12px;
    padding-top:7px;
    
    color:#000;
}
.left .box_top img {
    margin:0px;
}
.left .box_middle_menu {
    width:201px;
    float:left;
    border-left:2px solid #949494;
    border-right:2px solid #949494;
    background-color:#E7E7E7;    
}
.left .box_bottom {
    background:url(/images/webelemente/left_box_bottom.jpg) no-repeat;
    width:205px;
    height:8px;
    clear:both;
    float:none;
}

.left .box_middle {
    width:170px;
    color:#000066;
    padding:0px;
    margin:0px;
    float:left;
}
.left .box_middle p {
    
    padding:5px;
    margin:0px;
}


.left .news {
    background-color:#fff !important;
    border-left:1px solid #ccc;
    border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;
    width:148px;
    
}

.content {
    margin-left:0px;
    float:left;
    width:589px;
    padding-bottom:10px;
    padding-left:8px;
    color:#000;
    padding-top:5px;
    overflow:hidden;
}
.content h1 a:link,
.content h1 a:active,
.content h1 a:visited {
    
}
.content h1 a:hover {
    color:#f00;
}
.content .box_middle h1 {
    
}
.content p {
    color:                          #000;
    
    margin:0px;
    padding:0px;
}

.content a {
    color:                          #000;
}
.content a:hover {
    text-decoration:none;
}

/*Content Hauptboxen*/
.aktion_img {
    width:589px;
    text-align:center;
}

/* box_1 START */
.content .box_1 {
    float:left;
    width:191px;
    overflow:hidden;
}
.content .cleft {
    clear:both;
    float:left;
    margin:0 8px 0 0;
}
.content .ccenter {
    float:left;
    margin:0 8px 0 0;
}
.content .cright {
    float:left;
    margin:0 0px 0 0;
}
.content .itemcleft {
    clear:both;
    float:left;
}
.content .itemcright {
    float:left;
    margin-left:10px;
}
.content .box_1 .box_top {
    background:url(/images/webelemente/box_1_top.jpg) no-repeat;
    width:191px;
    height:10px;
}
.content .box_1 h1 {
    padding:0px 0 0 10px;
    margin:0px;
    font-weight:bold;
    font-size:1em;    

}
.content .box_1 .box_middle {
    width:191px;
    border-left:2px solid #999;
    border-right:2px solid #999;
    text-align:left;
    float:left;
    
}
.content .box_1 .box_bottom {
    background:url(/images/webelemente/box_1_bottom.jpg) no-repeat;
    width:191px;
    height:10px;
    clear:both;
    float:none;
    margin:0 0px 8px 0;
}
.content .box_1 .box_item_img {
    width:150px;
    height:160px;
    text-align:center;
    padding:5px;
    float:left;
}
.content .box_1 .box_item_text {
    width:90px;
    float:left;
}
.content .box_1 .box_desc {

    width:100px;
    float:left;
    
}
.content .box_1 p.box_desc {
    
    width:115px;
    padding-top:3px;
}
.content .box_1 .box_preis {
    text-align:left;
    padding:0 5px 5px 5px;
    float:left;
    width:150px;
    margin-top:-5px;
}
.content .box_1 .preis_message {
    
    clear:both;
    float:left;
    width:100%;
}
.content .box_1 .basket {
    padding:8px 0 0 5px;
    float:left;
    width:50px;
    
}



/* box_1 ENDE */


/* Item Detailansicht Boxen START */
.content .box_2 .item_text {
    float:left;
    width:340px;
}
.content .box_2 .item_box_preis {
    text-align:left;
    padding:0 5px 5px 5px;
    float:left;
    width:335px;
}
.content .box_2 .item_preis {
    text-align:right;
    padding:0 5px 5px 5px;
    float:left;
    font-size:4em;
    font-weight:bold;
    width:250px;    
}
.content .box_2 .item_basket {
    float:right;
}
.content .box_2 .item_preis_message {
    clear:both;
    float:none;
    margin-right: 80px;
    margin-top:-13px;
    text-align:right;
}
.content .box_2 .addinfo {
    padding-top:5px;
    clear:both;
    float:right;
    text-align:right;
}
/* Item Detailansicht Boxen ENDE */

/* box_2 START */
.content .box_2 {
    display:                        block;
    position:                       relative;
    float:                          left;
    background-color:               #FFF;
    width:589px;
    margin:0px 0 10px 0px;
    float:left;
}
.content .box_2 .box_top {
    background:url(/images/webelemente/box_2_top.jpg) no-repeat;
    width:589px;
    height:5px;
}
.content .box_2 .box_middle {
    background:url(/images/webelemente/box_2_middle.jpg) repeat-y;
    width:589px;
    text-align:left;
    float:left;
}
.content .box_2 .box_bottom {
    background:url(/images/webelemente/box_2_bottom.jpg) no-repeat;
    width:589px;
    height:5px;
    clear:both;
    float:none;
}
.content .box_2 .box_middle_empty {
    background:url(/images/webelemente/content_box2_bottom_clean.jpg) no-repeat;
    width:579px;
    text-align:                     left;
    padding:15px;
    float:left;
}
.content .box_2 h1 {
    font-size:1em;
    padding:0 0 0 10px;
}

.content .box_2 .box_middle p {
    padding:10px 10px 0 0;
}
.content .box_2 .box_middle tr.order
{
    
}
.content .box_2 .item_top {
    clear:both;
    float:left;
    width:100%;
}
.content .box_2 .box_item_text {
    float:left;
    padding:14px 0 0 0;
    width:370px;
    margin-left:40px;
}
.content .box_2 .box_preis {
    clear:both;
    float:none;
    width:380px;
}
.content .box_2 .preis {
    font-size:4em;
    font-weight:bold;
    float:left;
    width:280px;
    text-align:right;
    padding:0 15px 0 0;
    color:#000;
}
.content .box_2 .basket {
    text-align:right;
    float:left;
    width:72px;
    height:72px;
    padding:0;
    margin:0px 0 0 0px;
}
.content .box_2 .preis_message {
    clear:both;
    float:left;
    width:280px;
    font-weight:normal;
    text-align:right;
    margin-top:-10px;
}
.content .box_2 .box_lieferstatus {
    text-align:left;
    width:150px;
}
.content .box_2 .box_item_img {
    min-height:120px;    
    text-align:center;
    float:left;
}
.content .box_2 .item_img {
    padding:10px;
    float:left;
    margin-top: 20px;
    width:180px;
}
.content .box_2 .box_options {
    width:200px;
    margin-right:50px;
    padding-right:10px;
    text-align:right;
    
    padding-top:20px;
    vertical-align:bottom;
    position: absolute;
    right: 0px;
    float:left;
    
}
.content .box_2 .box_item_img {
    float:left;
    padding:10px;
    width:150px;
}


.content .box_2 .box_bottom_empty {
    border-left:1px solid #808080;
    border-right:1px solid #808080;
    border-bottom:1px solid #808080;
    width:582px;
}
/* box_2 ENDE */


.item_lieferstatus {
    float:right;
    margin:10px;
}
.content .box1_topright {
    position:absolute;
    text-align:right;
    padding:0px;
    margin:0px;
    width:150px;
    right:3px;
    top:2px;
    border-style:none;
}
.right .box1_topright {
    position:absolute;
    padding:0px;
    margin:0px;
    width:50px;
    right:21px;
    top:-3px;
    border-style:none;
}

/*Box_Top der Content Hauptboxen*/
/*Box_Middle der Content Hauptboxen*/

.content .middlecontent {
    
}
.content .middlecontent ul,
.content .middlecontent ol {
    margin-left:30px;
    
}

/*Box_Bottom der Content Hauptboxen*/
.content .box_1 .box_bottom_small {
    background-color:#ccc;
    border-left:                    1px solid #808080;
    border-right:                   1px solid #808080;
    border-bottom:                   1px solid #808080;
    clear:both;
    float:none;
    padding-left:3px;
}
.content .box_2 .basket_bottom {
    width:582px;
    background-color:#C5C7C6;
    height:27px;
    border-left:1px solid #808080;
    border-right:1px solid #808080;
    border-bottom:1px solid #808080;
    
    float:left;
    margin-left:0px;
}
.content .box_2 .item_bottom {
    width:628px;
    background-color:#C5C7C6;
    height:27px;
    border-left:1px solid #808080;
    border-right:1px solid #808080;
    border-bottom:1px solid #808080;
    
    float:left;
    margin-left:-1px;
}
.content .box_3 {
    background-color:#EAEBEC;
    width:280px;
    height:110px;
    float:left;
    border:1px solid #D3D1D0;
    margin-right:11px;
    margin-bottom:10px;
    overflow:hidden;
}
.content .box_3 .box_img {
    background-color:#fff;
    width:80px;
    height:70px;
    margin:10px;
    padding:10px;
    text-align: center;
    float:left;
    
    overflow:hidden;
}
.content .box_3 .box_text {
    float:left;
    
    padding-left:5px;
    padding-top:10px;
    width:150px;
}

.content_2 {
    clear:both;
    float:left;

}
.content_2 .box_3 {
    background-color:#EDEEEF;
    width:250px;
    height:100px;
    float:left;

    margin-right:5px;

}
.content_2 .box_3 .box_img_addon {
    background-color:#fff;
    width:60px;
    height:60px;
    margin:10px;
    padding:10px;
    overflow:hidden;
    float:left;
}
.content_2 .box_3 .box_text {
    float:left;
    
    padding-left:5px;
    padding-top:10px;
    width:140px;

}
.content_2 .box_3 .basket_button {
    float:left;
    width:30px;
    padding-top:20px;
}







.content_1 {
    display:                        block;
    float:                          left;
    margin:                         0px;
    width:                          628px;
    height:                         313px;
    background-color:               #FFF;
}

.content_1 p,
.content_1 h1 {
    padding:                        15px;
    color:                          #000;
    text-align:                     justify;
    line-height:                    17px;
}

.breadcrumb p,
.breadcrumb table {
    padding-bottom:6px;
    
}
.breadcrumb a:hover {
    color:#ff0000;
}
/* RECHTE SPALTE START */

.right {
    float:right;
    padding:5px 14px 0 0;
}
.right h1 {
    padding:0px 0 0 7px;
    margin:0px 0 0 0;
    font-size:1em;
}
.right .box_1 {
    width:174px;
    margin-top:0px;
    margin-bottom:10px;
}

.right .box_1 .box_top {
    background-image:url(/images/webelemente/right_box_top.jpg);
    background-repeat:no-repeat;
    width:174px;
    height:10px;
}
 
.right .box_middle {
    width:170px;
    border-left:2px solid #999999;
    border-right:2px solid #999999;
    margin:0px;
    padding:0px;
    float:none;
}
.right .box_bottom {
    background:url(/images/webelemente/right_box_bottom.jpg) top no-repeat;
    width:174px;
    height:10px;
}

.right .sonderkasten {
    width:177px;
    float:left;
    margin-bottom:10px;
    padding:10px;
}
.right .box_1 .sonderkasten p {
    margin:-10px 0 0 0;
}
.right .box_1 .sonderkasten p,
.right .box_1 .box_middle p {
    padding:0;
    margin:0;
}
.right ul {
    clear:both;
    float:none;
    list-style-type:none;
    padding-left:10px;
    color:#000;
}
.right .standort ul {
    padding-left:19px;
}
.right .social_nw {
    background:url(/images/webelemente/pieper_golf_bei.jpg) no-repeat;
    width:180px;
    height:26px;
}
.right .box_middle p {
    
}
.right .small {
    
}
.right .standort {
    background-image:url(/images/webelemente/box_standort.png);
    background-repeat:no-repeat;
    width:180px;
    height:188px;
    padding-top:35px;
}

/* RECHTE SPALTE ENDE */

/* START Footer */
.footerline {
    background-color:#DD0B15;
    width:984px;
    height:10px;
    margin-bottom:8px;
}
.footer_top {
    background:url(/images/webelemente/footer_top.jpg) no-repeat;
    width:984px;
    height:6px;
}
.footer_middle {
    background:url(/images/webelemente/footer_middle.jpg) repeat-y;
    width:984px;
    float:left;
}
.footer_bottom {
    background:url(/images/webelemente/footer_bottom.jpg) no-repeat;
    width:984px;
    height:6px;
    clear:both;
    float:none;
    margin-bottom:30px;
}
.footer_left {
    width:203px;
    float:left;
}
.footer_center {
    border-right:2px solid #000;
    border-left:2px solid #000;
    float:left;
    width:595px;
}
.footer_right {
    
    float:left;
    width:172px;
}
.footer {
    margin:0px;
    clear:both;
    float:none;
    color:#000;
    font-weight:normal;
}
.footer p {
    margin:0px;
    padding:3px;
    
}
.footer a {
    color:#000;
    font-weight:normal;
}
.footer a:hover {
    color:#ff0000;
}
/* ENDE Footer */

.break {
    clear:                          both;
    float:                          none;
}
.linebreak {
    clear:                          both;
    float:                          none;
    height:15px;
    border-bottom:1px solid #ccc;
    margin-bottom:20px;
}
/* jQuery Autosuggest: start */
#result {
    height:                         20px;
    color:                          #333;
    padding:                        5px;
    margin-bottom:                  10px;
    background-color:               #FFFF99;
}

.suggestionsBox {
    position:                       absolute;
    margin-top:180px;
    margin-left:20px;
    padding:                        0px;
    color:                          #fff;
    font-weight:                    bold;
    
}

.suggestionList {
    margin:                         0px;
    margin-top:0px;
    padding:                        0px;
}
.suchbegriffs_liste {
    width:                          230px;
    margin-top:                     0px;
    margin-left:                    0px;
    border:                         1px solid #4b4b4b;
    background-color:               #fff;
}
.autocomplete_li {
    border-style:                   none;
    margin:                         0px;
    padding:                        2px;
    cursor:                         pointer;
    color:                          #4b4b4b;
    background-color:               #fff;
    width:                          230px;
}
input.autocomplete_li {
    background-color:               #fff;
    width:                          226px;
}
.autocomplete_li:hover {
    background-color:               #fff;
    color:                          #0046A0;
}

ul {
    color:                          #000;
    padding:                        0;
    margin:                         0;
}

#suggest {
    position:                       relative;
}

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

.actChild {
    background-color:               #00F;
}
/* jQuery Autosuggest: ende  */


.left .sonderkasten {
    width:177px;
    padding:10px;
    margin:0px;
    float:left;
    background-color:#fff !important;
    color:#000 !important;
    
}
.left .sonderkasten p {
    margin:-10px 0 0 0;
    
}
.left .left_img {
    padding:0px;
    width:20px;
    height:30px;
    float:left;

}
.left_text {
    float:left;
    width:100px;
    padding-left:5px;
}
.left .sonderkasten .left_text p {
    padding:0px !important;
}

.sk_title {
    padding-left:10px;
    padding-top:5px;
    color:#fff;
    text-transform:uppercase;
}
.content .detail {
    text-align:right;
    float:right;
    color:#fff;
    
    padding-right:5px;
    padding-top:5px;
}
.content .detail img {
    position:absolute;
    margin-left:-47px;
    margin-top:-4px;
    width:42px;
    height:43px;
}
.content .lastvisited_headline {
    
    font-weight:bold;
    border-bottom:1px dotted #606060;
    margin-top:10px;
    width:589px;

}
.content .lastvisited {
    background-color:#FFF;
    padding:5px 0px;
    float:left;
}
.content .lupe_bg {
    background:url(/images/webelemente/filtern_lupe.jpg) no-repeat;
    background-position:10px 10px;
    
}
.content .subdir_sort {
    padding:15px 0 0 10px;
    float:left;
    width:550px;
}
.content .subdir_sort select {
    
}
.content .subdir_sort_button {
    padding:20px;
    text-align:right;
}
.submitbutton {
    
}
.content #beschreibung {
    
}
.content #reiter {
    clear:both;
    
}

.content #reiter ul {
    border-bottom:2px solid #D7D8D8;
    margin-left:0px;
    padding:0px;
}

#overDiv {
    border:1px solid #808080;
    padding:0px;
    background-color:#fff;
    z-index:10000;
    position:absolute;
}
.content .basket_top {
    width:584px;
    height:29px;
    
    padding-left:0px;
    padding-top:14px;
    margin-top:-14px;
}
.basket-table-items {
    
    margin:20px;
    width:530px;
}
.basket-table-items thead {
    height:30px;
    vertical-align:top;
}
.basket_row td {
    border-bottom:1px dotted #808080;
    padding:4px;
}
.basket_versand {
    width:530px;
    margin:20px;
}
.basket_head {
    
    font-weight:bold;
    border-bottom:1px dotted #606060;
    width:100%;
    text-align:left;
}
.basket_head1 {
    text-align:left;
    font-weight:bold;
    border-bottom:1px dotted #606060;
    width:100%;
    
}
.basket_head2 {
    text-align:left;
    font-weight:bold;
    border-bottom:1px dotted #606060;

}
.bottom_nav {
    margin-top:-5px;
    padding-top:0px;
    text-align:center;
}

.basket_item a:hover {
    color:#ff0000;
}
.basket_versand_item {
    height:30px;
    border-bottom:1px dotted #cecece;
    
    padding:10px;
}
.basket_table {
    width:530px;
    margin:20px;
    
}
.basket_table td {
    padding:5px;
}
.basket_table a:hover {
    color:#ff0000;
}
.req {
    
    font-weight:normal;
    margin-top:4px;
    margin-bottom:5px;
}
.neu_icon {
    position:absolute;
    left:3px;
    top:3px;
    z-index:1000;
}
.neu_icon_item {
    position:absolute;
    left:0px;
    top:20px;
    z-index:1000;
}
.bottom_right {
    text-align:right;
    padding-top:1px;
    padding-right:5px;
}

.subdir_desc {
    
    font-weight:normal;
    width:630px;
    color:#666;
    font-style:italic;
    text-align:center;
    padding:0 10px 0 10px;
}



/* ME: klassen für das nichtGefunden-Modul  start */
.content .subDirItemOben_NG {
    background-image: url(/images/webelemente/ng_rahmen.jpg);
    background-repeat: no-repeat;
    height: 230px;
    width: 589px;
    color: #000;
    
    margin-bottom:10px;
}

.content .subDirItemOben_NG .title {
    padding:12px 0 0px 106px;
    overflow:hidden;
    font-weight:bold;
    height: 29px;
    
    
}
.content div.subDirItemOben_NG div.text {
    clear: both;
    
    padding: 0px 0 0 106px;
    width:450px;
}

.content div.warenkorb-empty div.title {
    padding-top:8px;
    padding-left:0;
    overflow:hidden;
    font-weight:bold;
    height: 29px;
}

.content div.subDirItemOben_NG div.hide {
    position:absolute;
    width: 100px;
    height: 12px;
    padding: 4px 5px 0 0;
    margin:-40px 0 0 484px;
    
    text-align:right;
}

.content div.subDirItemOben_NG .form {
    width:589px;
    text-align:center;
    margin-top:15px;
}
.content div.subDirItemOben_NG .form .text2 {
    clear:both;
    float:left;
    margin-top:30px;
    padding-left:80px;
}
.content div.subDirItemOben_NG div.eingabefeld {
    float: left;
    width: 100px;    
    text-align:left;
    margin-left:10px;
    margin-top:4px;
    margin-right:10px;
}

.content .subDirItemOben_NG div.eingabefeld input {
    width:100px;
    margin-left: 0px;
    height:18px;
    border-style:none;
    margin-right:5px;
    margin-top:4px;
    border:1px solid #ccc;
    padding-top:4px;
    padding-left:2px;
}

.form_button {
    background-image:url(/images/webelemente/ng_schicken.png);
    width:115px;
    height:32px;
    margin-top:20px;
    margin-left:38px;
    color:#000;
}


.content .ng {
    border-style:none;
    margin: 0 0 0 -2px;
}
.content .hierklicken {
    margin-right:130px;
    float:right;
    color:#FFAB37;
}
.content #ng_hide {
    display:none;
}

.content #ng_show {
    background-image:url(/images/webelemente/ng_rahmen_klein.png);
    background-repeat:no-repeat;
    margin-top:0px;
    width:589px;
    height:36px;
    color:#000;
    font-weight:bold;
    padding:20px 0 5px 85px;
}

.content #ng_hide_ {
    display:none;
    margin-bottom:10px;
}
.content .ng_link:link,
.content .ng_link:active,
.content .ng_link:visited {
    color:#fff;
    text-decoration:none;
}
.content .ng_link:hover {
    color:#A1CC0B;
    text-decoration:none;
}

.content .ng_top {
    margin-top:5px;
    background-image:url(/images/webelemente/ng_top.jpg);
    background-repeat:no-repeat;
    width:571px;
    height:40px;
    text-align:right;
    padding-right:30px;
    padding-top:7px;

}
.content .ng_middle {
    background-image:url(/images/webelemente/ng_middle.jpg);
    background-repeat:no-repeat;
    width:571px;
    height:129px;
    color:#fff;
    padding-left:135px;
    padding-right:14px;
    
}
.content .ng_bottom {
    background-color:#FFFFFF;
    background-image:url(/images/webelemente/ng_bottom.jpg);
    background-repeat:no-repeat;
    width:571px;
    height:46px;
    text-align:right;
    padding-right:50px;
    padding-top:5px;
}
.content .ng_middle td {
    color:#fff;
    
}
.content .ng_middle_text {
    padding-left:3px;
}

/* ME: klassen für das nichtGefunden-Modul  end */


/* NEWS MODUL */
.news_img {
    float:left;
    width:120px;
}

.news_text {

}
#overDiv {
    
    padding:3px;
}
#message {
    width:505px;
    text-align:center;
    
    font-weight:bold;
    color:#00ff00;
    padding:10px;
}
.neue_produkte {
    margin-top:10px;
    margin-left:0px;
    position:absolute;
    width:174px;
}
.right .box_middle .np_title {
    
    font-weight:bold;
}
.more_link {
    padding:0px;
    margin:0px;
}
.errorBox {
    font-weight:bold;
    
    color:#ff0000;
    padding:20px;
}
.item_img {
    clear:both;
    float:left;
    margin:20px;
    text-align:center;
    width:544px;
    
}
.hersteller {
    color:#f00;
    font-weight:bold;
}
.item_hersteller {
    float:left;
    text-align:left;
}
.eigenschaften_table td {
    padding:2px 4px 2px 4px;

}
.eigenschaften {
    background-color:#4b4b4b;
    color:#fff;
    border-top:3px solid #fff;
}
.light {
    background-color:#ccc;


}
.norm {
    background-color:#e3e3e3;
}

.thumbs {
    position:absolute;
    width:600px;
    border:1px solid #ccc;
}
.t3content {
    padding:10px;
}
.t3content ul {
    margin:5px 0 0 20px;
}
.t3content ol {
    margin:5px 0 0 20px;
}
.t3content a:link,
.t3content a:active,
.t3content a:visited {
    
}
.t3content a:hover {
    text-decoration:underline;
}
.content .bodytext {
    margin:0px;
    padding:0px;
}
.contenttable {
    margin-left:0px;
    margin-bottom:10px;
}
hr {
    color:#e3e3e3;
}
.middlecontent h3,
.middlecontent h4 {
    
    margin-left:10px;
}
.contenttable h3 {
    margin:5px 0 0 0;
    padding:0px;
    color:#9B291F;
    
}
.contenttable th {
    text-align:left;
}
.contenttable td {
    vertical-align:top;
    padding:0px;
    
}

/* jQuery Autosuggest: start */
#result {
    height:20px;
    
    color:#333;
    padding:5px;
    margin-bottom:10px;
    background-color:#fff;
}

.suggestionsBox {
    position: absolute;
    top:41px;
    left:0px;
    padding:0px;
    color: #fff;
    font-weight: bold;
    
}

.suggestionList {
    margin: 0px;
    padding: 0px;
}
.suchbegriffs_liste {
    
    width:230px;
    margin-top:0px;
    margin-left:0px;
    border:1px solid #4b4b4b;
    background-color:#fff;
}
.autocomplete_li {
    border-style:none;
    margin: 0px;
    padding: 2px;
    cursor: pointer;
    color: #4b4b4b;
    background-color: #fff;
    width:230px;
}
input.autocomplete_li {
    background-color:#fff;
    width:226px;
}
.autocomplete_li:hover {
    background-color: #fff;
    color: #ccc;
}

#suggest {
    position:relative;
}
.act {
    color:#DD0B16 !important;
}
.actChild {
    background-color: #00f;
}
/* jQuery Autosuggest: ende  */


.noborder th,
.noborder td {
    border-style:none !important;
}

/* DIE ICONS IN DEN KLEINEN BOXEN START */
.icon {
    width:42px;
    height:43px;
    position:absolute;
    margin-top:5px;
    margin-left:150px;
}
/* DIE ICONS IN DEN KLEINEN BOXEN ENDE */



/* WARENKORB Klassen START */
.content .basketNav {
    width:584px;
}

.basket_1 a:link,
.basket_1 a:visited {
    display:block;
    background-image:url(/images/webelemente/waren_1.jpg);
    background-repeat:no-repeat;
    width:140px;
    height:26px;
    text-decoration:none;
    color:#fff;
    font-weight:bold;
    
    padding-left:50px;
    padding-top:8px;
    float:left;
    margin-right:7px;
}
.basket_1 a:active,
.basket_1 a:hover {
    background-image:url(/images/webelemente/waren_1_hover.jpg);
    background-repeat:no-repeat;
    width:140px;
    height:26px;

}
.basket_1_act a:link,
.basket_1_act a:visited {
    display:block;
    background-image:url(/images/webelemente/waren_1_hover.jpg);
    background-repeat:no-repeat;
    width:140px;
    height:26px;
    text-decoration:none;
    color:#fff;
    font-weight:bold;
    
    padding-left:50px;
    padding-top:8px;
    float:left;
    margin-right:7px;
}
.basket_1_act a:active,
.basket_1_act a:hover {
    background-image:url(/images/webelemente/waren_1_hover.jpg);
    background-repeat:no-repeat;
    width:140px;
    height:26px;

}
.basket_2 a:link,
.basket_2 a:visited {
    float:left;
    display:block;
    background-image:url(/images/webelemente/waren_2.jpg);
    background-repeat:no-repeat;
    width:140px;
    height:26px;
    text-decoration:none;
    color:#fff;
    font-weight:bold;
    
    padding-left:50px;
    padding-top:8px;
    margin-right:7px;
}
.basket_2 a:active,
.basket_2 a:hover {
    background-image:url(/images/webelemente/waren_2_hover.jpg);
    background-repeat:no-repeat;
    width:140px;
    height:26px;

}
.basket_2_act a:link,
.basket_2_act a:visited {
    float:left;
    display:block;
    background-image:url(/images/webelemente/waren_2_hover.jpg);
    background-repeat:no-repeat;
    width:140px;
    height:26px;
    text-decoration:none;
    color:#fff;
    font-weight:bold;
    
    padding-left:50px;
    padding-top:8px;
    margin-right:7px;
}
.basket_2_act a:active,
.basket_2_act a:hover {
    background-image:url(/images/webelemente/waren_2_hover.jpg);
    background-repeat:no-repeat;
    width:140px;
    height:26px;

}
.basket_3 a:link,
.basket_3 a:visited {
    float:left;
    display:block;
    background-image:url(/images/webelemente/waren_3.jpg);
    background-repeat:no-repeat;
    width:140px;
    height:26px;
    text-decoration:none;
    color:#fff;
    font-weight:bold;
    
    padding-left:50px;
    padding-top:8px;
}
.basket_3 a:active,
.basket_3 a:hover {
    background-image:url(/images/webelemente/waren_3_hover.jpg);
    background-repeat:no-repeat;
    width:140px;
    height:26px;

}
.basket_3_act a:link,
.basket_3_act a:visited {
    float:left;
    display:block;
    background-image:url(/images/webelemente/waren_3_hover.jpg);
    background-repeat:no-repeat;
    width:140px;
    height:26px;
    text-decoration:none;
    color:#fff;
    font-weight:bold;
    
    padding-left:50px;
    padding-top:8px;
}
.basket_3_act a:active,
.basket_3_act a:hover {
    background-image:url(/images/webelemente/waren_3_hover.jpg);
    background-repeat:no-repeat;
    width:140px;
    height:26px;
}

/* WARENKORB Klassen ENDE */
.billigerGesehen_form {
    
}
.neue_produkte {
    display:none;
}
.aktion_bild {
    margin-bottom:10px;
}
.aktion_box {
    padding:2px;
    width:564px;
    color:#fff;
    margin-bottom:8px;
    background-color:#6AA064;
    text-transform: uppercase;
    
}
.aktion_box h1 {
    margin:0px;
    padding:0px;
    
}

.content #map_canvas {
    margin-left:10px;
}


/* VERTICAL CENTER! START */
.content .box_1 .subdir,
.content .box_1 .itembox {
    float:left;
    display: table-cell;
    vertical-align: middle;
    text-align:center;
    width:177px;
    height: 150px;
    padding-right:10px;
    margin:0px;
}
.content .box_1 .itembox {
    height:310px !important;
}
.content .box_2 .aktion_item_img{
    float:left;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    height: 180px;
    padding:10px;
}
.content .box_1 .subdir *,
.content .box_1 .itembox *,
.content .box_2 .aktion_item_img *,
.content .box_1 .box_item_img * {
    vertical-align: middle;
}

.content .box_1 .subdir,
.content .box_2 .aktion_item_img,
.content .box_1 .box_item_img {
    display: block;
}
.content .box_1 .subdir span,
.content .box_2 .aktion_item_img span,
.content .box_1 .box_item_img span {
    display: inline-block;
    height: 100%;
    width: 1px;
}
/* VERTICAL CENTER! ENDE */

.req_fields {
    color:#666;
    padding-left:10px; 
}
.content .thumbs_container {
    clear:both;
    float:right;
    width:300px;
    text-align:right;
    padding-right:10px;
    margin-bottom:10px;
}
.content .item_bg {
    background-image:url(/images/webelemente/item_bg.jpg); 
    background-repeat:no-repeat;
    background-position:281px 20px;
}

.content .middle {
    margin:10px;
    
}
.content .gratisartikel {
    clear:both;
    float:none;
    position:absolute;
    margin-top:-27px;
}
.content .box_2 .box_middle ul.csc-menu {
    list-style-type:none;
    
    margin:20px;
}
.basket_icon {
    position:absolute;
    margin:-20px 0 0 140px;
}
.preis_big {
    color:#666;
    font-weight:bold;
    font-style:italic;
    
    padding-right:10px;
}
.preis_small {
    color:#666;
    font-weight:bold;
    font-style:italic;
    
}
.content .subdirStammImage {
    float:left;
    width:150px;
    padding:5px;
    text-align:center;
}
.content .subdirStammText {
    float:left;
    width:350px;
    padding:10px;
    
}
.content .subdir_preis {
    width:380px;
    text-align:right;
}
.stamm_thumbs {
    float:right;
    margin-top:20px;
    
    width:200px;
    text-align:right;
    padding:0 10px 0 0;
}

/* ArtikelStamm Tabelle START */
#artikel {
    margin:0 0 0 -12px;
}

.tbl_static_cell a:link,
.tbl_static_cell a:active,
.tbl_static_cell a:visited {
    color:#000 !important;
}
.tbl_static_cell a:hover {
    color:#666 !important;
}

.itemTableBox {
    border:1px solid #ccc;
    width:547px;
    
}
.tbl_static_header {
    background-color:#ccc;
    color:#000;
    padding:2px;
    font-weight:bold;
}
.tbl_dyn_header td {
    
    padding:2px;
    
}
.dyn_header {
    color:#666;
    font-weight:bold;
    
    border-left:1px dotted #ccc;
    background-color:#EBEBEB;
    vertical-align:top;
}
.tbl_dyn_cell {
    
    background-color:#EBEBEB;
    border:1px dotted #ccc;
    
    padding:2px;
    vertical-align:top;
}
.itemTableFooter {
    
    margin-left:20px;
}
.tbl_static_cell {
    padding:2px 2px 0px 2px;
    vertical-align:top;
}
.topborder {
    border-top:1px solid #7C7C7C;
}
.art_table_desc {
    display:none;
    
}
.art_table_desc td {
    padding:3px 3px 10px 3px;
}
/* ArtikelStamm Tabelle ENDE */


.item_options {
    clear:both;
    float:none;
    
    margin:0;
    padding-left:30px;
    text-align:left;
}
.item_options label {
    width:100px;
    
    float:left;
    clear:both;
}
.item_lieferstatus_text {
    
}
.tr0 {
    background-color:#e3e3e3;
}
.tr1 {
    background-color:#fff;
}
.backbutton {
    float:right;
    
    margin-top:-16px;
    padding-right:3px;
}
.artikel_table {
    margin-left:0px;
    width:550px;
    overflow:auto;
}
.artstammLink {
    padding:5px;
    
    position:absolute;
    float:left;
}
.log_button {
    position:absolute;
    margin-top:8px;
    margin-left:3px;
}
.versanduebersicht {
    
    width:530px;
    margin:15px;
}

.versandfrei {
    display:block;
    margin-top:2px;
    background-color:#008000;
    color:#fff;
    padding:2px;
}
.gb_body {
    padding:10px;
}
.gb_nav {
    background-color:#fff;
    border-bottom:1px dotted #666;
    padding:2px;
    text-align:center;
    
}
.gb_entry_0 {
    padding:3px;
    background-color:#fff;
    border-bottom:1px dotted #666;
    font-size:1.1em;
}
.gb_entry_1 {
    padding:2px;
    background-color:#ccc;
    border-bottom:1px dotted #666;
    font-size:1.1em;
}
.gb_name {
    font-weight:bold;

}
.gb_text {
    padding:10px;
}

table.euLabel
{
    border: 1px solid #000000;
    border-collapse:collapse;
    vertical-align:top;
    margin-right:10px;
    float:right;
}


table.euLabel tr td
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    vertical-align:top;
    border-bottom: 1px solid #000000;
    margin:3px;
    padding:3px;
}

table.euLabel tr th {
    text-align:left;
    font-size:14px;
    font-weight:bold;
    border-bottom: 1px solid #000000;
}


table.euLabel tr td.title
{
    text-align:right;
    width:100px;
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;    
}

table.euLabelRadio 
{
    background-color: #EEEEEE;
    border-collapse:collapse;
    margin:0px;
    padding:0px;
}

table.euLabelRadio tr td
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    background-color: #EEEEEE;
    border:1px solid #000000;
    margin:0px;
    padding:0px;
    width: 30px;
}

table.euLabelRadio tr td.head
{
    width:auto;
    font-size: 10px;
    font-weight: normal;
}

table.euLabelRadio tr td.A { color: #FFFFFF; background-color: #1B8000; }
table.euLabelRadio tr td.B { color: #FFFFFF; background-color: #75AA51; }
table.euLabelRadio tr td.C { color: #FFFFFF; background-color: #B2CE5E; }
table.euLabelRadio tr td.D { color: #FFFFFF; background-color: #E6F311; }
table.euLabelRadio tr td.E { color: #FFFFFF; background-color: #E9C01A; }
table.euLabelRadio tr td.F { color: #FFFFFF; background-color: #D37D0D; }
table.euLabelRadio tr td.G { color: #FFFFFF; background-color: #D90404; }

ul.jqzoom{
    list-style: none;
}
ul.jqzoom li{
    display:inline;
}
.jqzoom_img {
    width:200px;
    position:absolute;
    top:70px;
    left:10px;
}

.header_7
{
    position:absolute; 
    width: 800px;
    margin-top:-50px;
    margin-left: 250px;
    z-index: 2;
}
.header_7 ul li a, .headermenu ul li a:visited
{
    display:block;
    text-decoration:none;
    font-weight: bold;
    padding: 0px 7px;
    text-align:center;
    font-size:12px;
    overflow:hidden;
}
.header_7 ul
{
    padding:0;
    margin:0;
    list-style: none;
}
.header_7 ul li
{
    float:left;
    height: 27px;
}
.header_7 ul li ul
{
    display: none;
}
.header_7 ul li:hover ul
{
    display: block;
    position:absolute;
    top:20px;
    left:0;
    width:730px;
    background:#E6E6E6;
}
.header_7 ul li:hover ul li
{
    height: 35px;
    border-left: 1px dotted #FFF;
    border-bottom: 1px dotted #FFF;
}
.header_7 ul li:hover ul li a
{
    padding: 3px;
    font-weight: normal;
    width:114px;
    display:block;
    text-align:left;
    color:#000;
    font-size:11px;
    padding-bottom: 2px;
    background-color: transparent;

}
/*
.header_7 ul li:hover ul li a:hover
{
    color: #F85;
}
*/
.header_7 ul li:hover ul li:hover
{
    background-color: #FFF;
}
.header_7 ul li:hover ul li a:hover
{
    color: #F00;
    background-color: transparent;
}
Subversion-Projekte lars-tiefland.shop_ns

(root)/trunk/styles/styles.css @ 21 – Revision 4
