/* ********************************************* */
/* CSS Standarddatei für ecodoo ESHOP Shopsystem */
/* ********************************************* */


/* main */
body
    {
    margin: 0;
    padding: 0;
    background: #666 url(../layout/bgFade.jpg) repeat-x;
    font-weight: 400;
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
    color: #333;
    }

h1, h2, h3
    {
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    color: #487b68;
    }

h2
    {
    text-transform: uppercase;
    font-size: 1.8em;
    }

h3
    {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size:      1.1em;
    }

h5
    {
    letter-spacing: 1px;
    font-size: 1.1em;
    }

h6
    {
    letter-spacing: 1px;
    font-size: 1.1em;
    }

p, blockquote
    {
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    }

div
    {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: 400;
    }

a:link
    {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: 400;
    color:     #005dc5;
    cursor:    hand;
    text-decoration: none;
    }

a:visited
    {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: 400;
    color:     #005dc5;
    cursor:    hand;
    text-decoration: none;
    }

a:active
    {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: 400;
    color:     #005dc5;
    cursor:    hand;
    text-decoration: none;
    }

a:hover
    {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: 400;
    color:     #005dc5;
    cursor:    hand;
    text-decoration: none;
    }

a.rssxml:link
    {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: 400;
    color:     #333;
    text-decoration: none;
    }

a.rssxml:visited
    {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: 7400;
    color:     #333;
    text-decoration: none;
    }

a.rssxml:active
    {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: 400;
    color:     #333;
    text-decoration: none;
    }

a.rssxml:hover
    {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: 400;
    color:     #f90;
    text-decoration: none;
    }

a.LinkNormBl:link
    {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    font-weight: 400;
    color:     #333;
    text-decoration: underline;
    }

a.LinkNormBl:visited
    {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    font-weight: 7400;
    color:     #333;
    text-decoration: underline;
    }

a.LinkNormBl:active
    {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    font-weight: 400;
    color:     #333;
    text-decoration: underline;
    }

a.LinkNormBl:hover
    {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    font-weight: 400;
    color:     #333;
    text-decoration: underline;
    }

a.LinkNormBl2:link
    {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.1em;
    font-weight: 700;
    color:     #333;
    text-decoration: none;
    }

a.LinkNormBl2:visited
    {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.1em;
    font-weight: 700;
    color:     #333;
    text-decoration: none;
    }

a.LinkNormBl2:active
    {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.1em;
    font-weight: 700;
    color:     #333;
    text-decoration: none;
    }

a.LinkNormBl2:hover
    {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.1em;
    font-weight: 700;
    color:     #333;
    text-decoration: none;
    }

a.footer:link
    {
    font-family:    Arial, Helvetica, sans-serif;
    letter-spacing: 1px;
    font-size:      0.9em;
    font-weight:    400;
    color:          #666;
    text-decoration: none;
    }

a.footer:visited
    {
    font-family:    Arial, Helvetica, sans-serif;
    letter-spacing: 1px;
    font-size:      0.9em;
    font-weight:    400;
    color:          #666;
    text-decoration: none;
    }

a.footer:active
    {
    font-family:    Arial, Helvetica, sans-serif;
    letter-spacing: 1px;
    font-size:      0.9em;
    font-weight:    400;
    color:          #666;
    text-decoration: none;
    }

a.footer:hover
    {
    font-family:    Arial, Helvetica, sans-serif;
    letter-spacing: 1px;
    font-size:      0.9em;
    font-weight:    400;
    color:          #f90;
    text-decoration: none;
    }

a.SubTopmenu:link
    {
    font-family:    Arial, Helvetica, sans-serif;
    letter-spacing: 1px;
    font-size:      1em;
    font-weight:    700;
    color:          #333;
    text-decoration: none;
    margin-right:   10px;
    }

a.SubTopmenu:visited
    {
    font-family:    Arial, Helvetica, sans-serif;
    letter-spacing: 1px;
    font-size:      1em;
    font-weight:    700;
    color:          #333;
    text-decoration: none;
    margin-right:   10px;
    }

a.SubTopmenu:active
    {
    font-family:    Arial, Helvetica, sans-serif;
    letter-spacing: 1px;
    font-size:      1em;
    font-weight:    700;
    color:          #333;
    text-decoration: none;
    margin-right:   10px;
    }

a.SubTopmenu:hover
    {
    font-family:    Arial, Helvetica, sans-serif;
    letter-spacing: 1px;
    font-size:      1em;
    font-weight:    700;
    color:          #333;
    text-decoration: none;
    margin-right:   10px;
    }

a.SubTopmenuW:link
    {
    font-family:    Arial, Helvetica, sans-serif;
    letter-spacing: 1px;
    font-size:      1em;
    font-weight:    700;
    color:          #fff;
    text-decoration: none;
    margin-right:   10px;
    }

a.SubTopmenuW:visited
    {
    font-family:    Arial, Helvetica, sans-serif;
    letter-spacing: 1px;
    font-size:      1em;
    font-weight:    700;
    color:          #fff;
    text-decoration: none;
    margin-right:   10px;
    }

a.SubTopmenuW:active
    {
    font-family:    Arial, Helvetica, sans-serif;
    letter-spacing: 1px;
    font-size:      1em;
    font-weight:    700;
    color:          #fff;
    text-decoration: none;
    margin-right:   10px;
    }

a.SubTopmenuW:hover
    {
    font-family:    Arial, Helvetica, sans-serif;
    letter-spacing: 1px;
    font-size:      1em;
    font-weight:    700;
    color:          #fff;
    text-decoration: none;
    margin-right:   10px;
    }

a.GroupItemA:link
    {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: 400;
    color:     #333;
    text-decoration: none;
    }

a.GroupItemA:visited
    {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: 400;
    color:     #333;

    text-decoration: none;
    }

a.GroupItemA:active
    {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: 400;
    color:     #333;
    text-decoration: none;
    }

a.GroupItemA:hover
    {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: 400;
    color:     #333;
    text-decoration: none;
    }

a.LinkSmallBl:link
    {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    font-weight: 400;
    color:     #333;
    text-decoration: none;
    }

a.LinkSmallBl:visited
    {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    font-weight: 400;
    color:     #333;
    text-decoration: none;
    }

a.LinkSmallBl:active
    {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    font-weight: 400;
    color:     #333;
    text-decoration: none;
    }

a.LinkSmallBl:hover
    {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    font-weight: 400;
    color:     #333;
    text-decoration: underline;
    }


/*+++++++++++++++++++++++++++++++++++++++++++*/
/* Bilder Rahmen bei Links */
img
    {
    border: 0;
    margin: 0;
    test-decoration: none;
    }

#border_table
    {
    border-color: #cccccc;
    border-style: solid;
    border-width: 1px;
    }

#hspace5
    {
    margin: 0 5px 0 5px;
    }

/*+++++++++++++++++++++++++++++++++++++++++++*/
/* error messages Textformatierungen */
.error
    {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size:   1em;
    color:       red;
    }

/*+++++++++++++++++++++++++++++++++++++++++++*/
/* Textformatierungen */

#text
    {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size:   1em;
    color:       #333;
    }

table, td
    {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size:   1em;
    color:       #333;
    }

.text
    {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size:   1em;
    color:       #333;
    }

.text_2
    {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size:   12px;
    color:       #333;
    }

.text_2r
    {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size:   12px;
    color:       red;
    }

.text_dark
    {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size:   1em;
    color:       #000;
    }

.text_s
    {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size:   0.9em;
    color:       #333;
    }

.text_s2
    {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size:   1em;
    color:       #666;
    }

.text_art_opt
    {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    color:     #333;
    font-weight: 400;
    background-image: url(../design/layout/teaser_head_back2.gif);
    height:    25px;
    }

.text_s_grey
    {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size:   0.9em;
    color:       #666;
    }

.text_bold
    {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.0em;
    color:     #333;
    font-weight: 700;
    }

.text_big_bold
    {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.2em;
    color:     #333;
    font-weight: 700;
    }

.text_big_bold_red
    {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.2em;
    color:     #f30;
    font-weight: 700;
    }

.red
    {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size:   1em;
    color:       red;
    }

.cart_s
    {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size:   0.9em;
    color:       #000;
    }

.cart_s_red
    {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size:   0.9em;
    color:       red;
    }

.text_s_w
    {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    color:     #FFF;
    }

.path_cms
    {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    font-weight: 400;
    color:     #888;
    text-decoration: none;
    }

.text_bold
    {
    font-weight: 700;
    }
/*+++++++++++++++++++++++++++++++++++++++++++*/
/* Header */

#header
    {
    width:  980px;
    height: 100px;
    margin: 0px auto;
    padding: 0px;
    background-image: url(../layout/demo_header.jpg);
    }

#header h1, #header h2
    {
    font-weight: normal;
    color: #CCC;
    }

#LOGO
    {
    float:   left;
    display: block;
    clear:   left;
    margin:  15px auto 0 auto;
    padding-left: 20px;
    }

#TOPRIGHT { }
/* Banner */

#BANNERTOP
    {
    float:  left;
    margin: 0x;
    padding: 5px 0 0 0;
    height: 75px;
    width:  490px;
    }

#BANNERNAVI { }

#BANNERCONTENT { }

#BANNERHOME { }

#BANNERSIDEBAR
    {
    margin: 0x 10px 5px 0px;
    }

#BANNERSKYSCRAPER
    {
    float: right;
    }
/*+++++++++++++++++++++++++++++++++++++++++++*/
/* Choose Language*/

#ChooseLang
    {
    float:       right;
    padding-top: 0px;
    margin:      0px 10px 0 0;
    }


/*+++++++++++++++++++++++++++++++++++++++++++*/
/* topmenu */

#topmenu
    {
    display: block;
    width: 980px;
    height: 30px;
    margin: 0px auto;
    background: #f5f5f5;
    background-image: url(../layout/top_head_back1.gif);
    }

#topmenu ul
    {
    margin:  0;
    padding: 0;
    list-style: none;
    }

#topmenu li
    {
    display: inline;
    }

#topmenu a
    {
    display: block;
    float: left;
    padding: 8px 5px 0 5px;
    text-decoration: none;
    font: bold 1.0em Arial, Helvetica, sans-serif;
    color: #333;
    }

#topmenu a:hover
    {
    color: #f90;
    }

#topmenu.first a
    {
    background: none;
    }
/*+++++++++++++++++++++++++++++++++++++++++++*/
/* Content */

#content
    {
    width:  980px;
    margin: 0 auto 0 auto;
    padding: 0 0 0px 0px;
    background: #fff;
    }
/*+++++++++++++++++++++++++++++++++++++++++++*/
/* main content */

#maincontent
    {
    float:  left;
    height: 100%;
    width:  520px;
    position: relative;
    padding-top: 10px;
    padding-right: 1px;
    background: #fff;
    margin: 0;
    }

#posts_order
    {
    float:  left;
    height: 100%;
    width:  980px;
    position: relative;
    padding-top: 10px;
    padding-right: 1px;
    background: #fff;
    margin: 0;
    }

.post
    {
    width:        980px;
    padding-left: 0px;
    margin:       0px;
    padding:      0px;
    background:   #fff;
    float:        left;
    }

#Block500
    {
    width:      500px;
    text-align: left;
    left:       200px;
    }

/* navi column */

a.navi:link
    {
    text-decoration: none;
    }

#links
    {
    float: left;
    clear: left;
    width: 210px;
    background: #f4f4f4;
    position: relative;
    padding-left: 5px;
    margin-right: 13px;
    }

#rechts
    {
    float: right;
    clear: right;
    width: 210px;
    position: relative;
    margin: 0;
    padding: 0 0 0 5px
    }

#links ul
    {
    margin:  0;
    padding: 0;
    list-style: none;
    }

#links li ul
    {
    padding: 5px 0 30px 0;
    }

#links li li
    {
    padding: 7px 10px;
    }

#links li a
    {
    text-decoration: none;
    }

#links li a:hover
    {
    text-decoration: underline;
    }

#links li i
    {
    font-style: normal;
    font-size: 0.9em;
    }

#links li h2
    {
    font-size: 1.4em;
    }
/*+++++++++++++++++++++++++++++++++++++++++++*/
/* Footer */

#footer
    {
    width:  980px;
    height: 40px;
    text-align: center;
    margin: 0 auto;
    padding: 0;
    background: #ececec;
    }

#footer p
    {
    text-align: center;
    margin: 0px;
    padding: 5px 10px 5px 0;
    color:  #666;
    }

/* --------------------------
 Listenpunkte Navigation
 --------------------------*/

naviMainLevel { }

naviMainLevelHL { }

naviSubLevel1 { }

naviSubLevel1HL { }

naviSubLevel2 { }

naviSubLevel2HL { }

naviSubLevel3 { }

naviSubLevel3HL { }

ul#BoxNavigationCat
    {
    width:  203px;
    margin: 0;
    padding: 0;
    list-style: none;
    }

ul#BoxNavigationCat li { }

ul#BoxNavigationCat li a
    {
    display:   block;
    font-size: 1em;
    font-weight: 700;
    margin:    0;
    height:    15px;
    width:     187px;
    padding:   5px 0 0 15px;
    text-decoration: none;
    color:     #333;
    background: url(../layout/arrow_block_dot_2.gif) no-repeat;
    background-position: 2px;
    }

ul#BoxNavigationCatHL li a
    {
    display: block;
    margin: 0;
    height: 15px;
    width:  183px;
    padding: 5px 0 0 19px;
    color:  #333;
    font-size: 1em;
    font-weight: 700;
    text-decoration: none;
    background: #fff url(../layout/arrow_block_dot_2.gif) no-repeat;
    background-position: 2px;
    }

ul#BoxNavigationCat li a:active
    {
    border-style: solid;
    border-width: 0 0 0 0px;
    }

ul#BoxNavigationCat li a:hover
    {
    display: block;
    margin: 0;
    height: 17px;
    width:  188px;
    padding: 3px 0 0 15px;
    color:  #fff;
    font-weight: 700;
    background: #ccc;
    text-decoration: none;
    }

ul#BoxNavigationCatSub
    {
    width:  180px;
    margin: 0;
    padding: 0;
    list-style: none;
    }

ul#BoxNavigationCatSub li { }

ul#BoxNavigationCatSub li a
    {
    display: block;
    margin: 0;
    height: 15px;
    width:  182px;
    padding: 2px 0 0 20px;
    text-decoration: none;
    color:  #000;
    }

ul#BoxNavigationCatSubHL li a
    {
    display: block;
    margin: 0;
    height: 15px;
    width:  182px;
    padding: 2px 0 0 20px;
    text-decoration: none;
    background-color: #fff;
    color:  #000;
    }

ul#BoxNavigationCatSub li a:active
    {
    text-decoration: none;
    }

ul#BoxNavigationCatSub li a:hover
    {
    background-color: #fff;
    text-decoration: none;
    }

ul#BoxNavigationCatSub2
    {
    width:  175px;
    margin: 0;
    padding: 0;
    list-style: none;
    }

ul#BoxNavigationCatSub2 li { }

ul#BoxNavigationCatSub2 li a
    {
    display: block;
    margin: 0;
    height: 15px;
    width:  183px;
    padding: 4px 0 0 25px;
    text-decoration: none;
    color:  #000;
    }

ul#BoxNavigationCatSub2HL li a
    {
    display:   block;
    font-size: 1.1em;
    margin:    0;
    padding:   0;
    height:    15px;
    width:     178px;
    padding:   4px 0 0 25px;
    text-decoration: none;
    background-color: #ffffff;
    color:     #000;
    }

ul#BoxNavigationCatSub2 li a:active
    {
    background-color: #ffffff;
    text-decoration: none;
    }

ul#BoxNavigationCatSub2 li a:hover
    {
    width:            178px;
    background-color: #fff;
    text-decoration:  none;
    }

ul#BoxNavigationCatSub3
    {
    font-size: 1.1em;
    width: 170px;
    margin: 0;
    padding: 0;
    list-style: none;
    }

ul#BoxNavigationCatSub3 li
    {
    font-size: 1.1em;
    }

ul#BoxNavigationCatSub3 li a
    {
    display: block;
    margin: 0;
    padding: 0;
    height: 15px;
    width:  172px;
    padding: 4px 0 0 35px;
    background-color: #f9f9f9;
    text-decoration: none;
    color:  #000;
    }

ul#BoxNavigationCatSub3 li a:active { }

ul#BoxNavigationCatSub3 li a:hover { }

ul#BoxNavigation
    {
    width:  200px;
    margin: 0;
    padding: 0;
    list-style: none;
    }

ul#BoxNavigation li
    {
    display:     block;
    font-weight: 700;
    margin:      0;
    height:      15px;
    width:       188px;
    padding:     2px 0 0 5px;
    text-decoration: none;
    background:  url(../layout/arrow_block_dot_1.gif) no-repeat;
    background-position: 2px;
    color:       #000;
    }

ul#BoxNavigation li a
    {
    display: block;
    margin: 0;
    height: 20px;
    width:  188px;
    padding: 0px 0 0 10px;
    text-decoration: none;
    color:  #000;
    }

ul#BoxNavigation li a:active
    {
    display: block;
    margin: 0;
    height: 20px;
    width:  188px;
    padding: 0px 0 0 10px;
    text-decoration: none;
    color:  #000;
    }

ul#BoxNavigation li a:hover
    {
    display: block;
    margin: 0;
    height: 20px;
    width:  188px;
    padding: 0px 0 0 10px;
    text-decoration: none;
    color:  #000;
    }

/*+++++++++++++++++++++++++++++++++++++++++++*/
/*+++++++++++++++++++++++++++++++++++++++++++*/
/* Basket overview*/

#smallbasket
    {
    text-align: left;
    margin: 0px;
    padding: 5px 20px 0 50px;
    float:  right;
    clear:  right;
    font-style: normal;
    font-size: 0.9em;
    width:  190px;
    height: 80px;
    }

#BasketContentLeft
    {
    float: left;
    clear: left;
    padding: 0 5px 0 5px;
    color: #444;
    margin: 0;
    }

#BasketContentRight
    {
    margin: 0;
    float: right;
    clear: right;
    padding: 0 20px 0 5px;
    font-size: 0.9em;
    font-weight: 400;
    color: #444;
    }

#BasketContentEmpty
    {
    padding: 0;
    width: 150px;
    font-size: 1em;
    font-weight: 400;
    text-align: right;
    color: #444;
    font-family: Arial, Helvetica, sans-serif;
    background-repeat: repeat-y;
    }

#BasketWindowSubmit
    {
    margin: 5px 0px 0 25px;
    }

#smallbasket a
    {
    text-decoration: none;
    color: #444;
    font-family: Arial, Helvetica, sans-serif;
    }
/*------------ Teaser Header Titles ------------*/

#CatalogBox { }

#ServiceBox { }

#SpecialBox { }

#SearchBox { }

#LoginBox { }

#LastView
    {
    width: 520px;
    }

#NewsBox { }

#LastViewItem
    {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    width:     150px;
    float:     left;
    font-style: normal;
    font-weight: 700;
    color:     #000;
    border-width: 0;
    border-color: #F49500;
    border-style: solid;
    background-color: #fff;
    padding:   5px;
    text-align: center;
    vertical-alignment: middle;
    margin-right: 5px;
    margin-bottom: 15px;
    }

#TeaserBigTitle
    {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.1em;
    height:    25px;
    font-style: normal;
    font-weight: 700;
    color:     #fff;
    margin:    10px 0 0 0;
    padding:   5px 0 0 10px;
    background-image: url(../layout/teaser_big_title_back1.gif);
    background-repeat: no-repeat;
    text-align: left;
    width:     490px;
    }

#CatalogTitle, #SpecialTitle, #ServiceTitle, #SearchTitle, #BasketWindowTitle, #InfoTeaserTitle, #NewsTitle
    {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    height:    22px;
    font-style: normal;
    font-weight: 700;
    color:     #333;
    background-color: #fff;
    margin:    10px 10px 0 0;
    padding:   5px 0 0 10px;
    text-align: left;
    width:     195px;
    }

#CatalogTitle, #ServiceTitle, #SearchTitle, #InfoTeaserTitle, #SpecialTitle, #NewsTitle
    {
    background-image: url(../layout/teaser_head_back1.gif);
    }

#BasketWindowTitle
    {
    background-image: url(../layout/teaser_head_back2.gif);
    }

#NewsContent
    {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: 400;
    color:     #000;
    margin:    0;
    padding:   5px;
    width:     193px;
    text-align: left;
    border-left: 1px #ccc solid;
    border-right: 1px #ccc solid;
    }

#CatalogMenuBox, #SpecialMenuBox, #ServiceMenuBox
    {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: 400;
    color:     #000;
    margin:    0px;
    padding:   0px;
    width:     203px;
    position:  relative;
    display:   block;
    text-align: left;
    border-left: 1px #ccc solid;
    border-right: 1px #ccc solid;
    }

#SearchBox
    {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: 400;
    color:     #000;
    margin:    0;
    padding:   0;
    width:     193px;
    text-align: left;
    border-left: 1px #ccc solid;
    border-right: 1px #ccc solid;
    }

#BasketWindowBox
    {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: 400;
    color:     #000;
    margin:    0;
    padding:   0 0 0 3px;
    width:     200px;
    text-align: left;
    border-left: 1px #ccc solid;
    border-right: 1px #ccc solid;
    }

#InfoTeaserBox
    {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: 400;
    color:     #000;
    margin:    0;
    text-align: left;
    }

#SearchBox
    {
    margin:  0;
    padding: 5px;
    width:   208x;
    text-align: left;
    }

#SearchBar
    {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    height:    90px;
    font-style: normal;
    font-weight: 400;
    color:     #333;
    border-width: 0 0 1px 0;
    border-color: #9b958e;
    border-style: solid;
    background-color: #e1dfdf;
    width:     510px;
    margin:    0px 10px 10px 0;
    padding:   5px 0 0 10px;
    text-align: left;
    }

#CatalogBottom, #SpecialBottom, #ServiceBottom, #SearchBottom, #BasketBottom, #InfoTeaserBottom, #AccountBottom,
#NewsBottom
    {
    height: 12px;
    margin: 0px 5px 0px 0px;
    border-width: 0 1px 1px 1px;
    border-style: solid;
    border-color: #ccc;
    }

#ContactTeaser, #NewsletterTeaser
    {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-style: normal;
    font-weight: 400;
    width:     197px;
    color:     #333;
    margin:    10px 10px 0 0;
    padding:   3px;
    text-align: left;
    border:    1px solid #ccc;
    }

#TrustedShopsTeaser
    {
    margin:  10px 10px 0 0;
    padding: 5px 0 0 5px;
    text-align: center;
    }

#RabattTeaser
    {
    margin-top: 10px;
    }

#LogoTeaser
    {
    margin-top: 10px;
    text-align: center;
    }

#LastView
    {
    width: 520px;
    }

#LastViewItem
    {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    height:    185px;
    width:     140px;
    float:     left;
    font-style: normal;
    font-weight: 400;
    color:     #000;
    border-width: 1px;
    border-color: #ccc;
    border-style: solid;
    background-color: #f3f3f3;
    padding:   10px 5px 10px 5px;
    text-align: center;
    vertical-alignment: middle;
    margin-right: 15px;
    margin-bottom: 15px;
    }

.search
    {
    width: 170px;
    }

/*+++++++++++++++++++++++++++++++++++++++++++*/
/* Buttons */

.ButtonSubmit25
    {
    background-color:;

    background-image: url(../layout/button_25.gif);
    border-style: solid;
    border-width: 0;

    border-color:;

    font-family: Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 1em;
    color: #fff;
    height: 20px;
    padding: 0;
    margin: 0;
    width: 25px;
    }

.ButtonSubmit50
    {
    background-color:;

    background-image: url(../layout/button_50.gif);
    border-style: solid;
    border-width: 0;

    border-color:;

    font-family: Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 1em;
    color: #fff;
    height: 20px;
    padding: 0;
    margin: 0;
    width: 50px;
    }

.ButtonSubmit75
    {
    background-color:;

    background-image: url(../layout/button_75.gif);
    border-style: solid;
    border-width: 0;

    border-color:;

    font-family: Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 1em;
    color: #fff;
    height: 25px;
    padding: 0;
    margin: 0;
    width: 75px;
    }

.ButtonSubmit100
    {
    background-color:;

    background-image: url(../layout/button_100.gif);
    border-style: solid;
    border-width: 0;

    border-color:;

    font-family: Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 1em;
    color: #fff;
    height: 25px;
    padding: 0;
    margin: 0;
    width: 100px;
    }

.ButtonSubmit100b
    {
    background-color:;

    background-image: url(../layout/button_100b.gif);
    border-style: solid;
    border-width: 0;

    border-color:;

    font-family: Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 1em;
    color: #fff;
    height: 25px;
    padding: 0;
    margin: 0;
    width: 100px;
    }

.ButtonSubmit100R
    {
    float: right;
    background-image: url(../layout/button_100.gif);
    border-style: solid;
    border-width: 0;

    border-color:;

    font-family: Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 1em;
    color: #fff;
    height: 25px;
    padding: 0px;
    margin: 10px;
    width: 100px;
    }

.ButtonSubmit150
    {
    background-image: url(../layout/button_150.gif);
    border-style: solid;
    border-width: 0;

    border-color:;

    font-family: Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 1em;
    color: #fff;
    height: 25px;
    padding: 0;
    margin: 0 0 0 0;
    width: 150px;
    }

.ButtonSubmit150R
    {
    float: right;
    background-image: url(../layout/button_150.gif);
    border-style: solid;
    border-width: 0;

    border-color:;

    font-family: Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 1em;
    color: #fff;
    height: 25px;
    padding: 0px;
    margin: 10px;
    width: 150px;
    }

.ButtonSubmit150L
    {
    float: left;
    background-image: url(../layout/button_150.gif);
    border-style: solid;
    border-width: 0;

    border-color:;

    font-family: Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 1em;
    color: #fff;
    height: 25px;
    padding: 0px;
    margin: 10px;
    width: 150px;
    }

.ButtonSubmit200
    {
    background-image: url(../layout/button_200.gif);
    border-style: solid;
    border-width: 0;

    border-color:;

    font-family: Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 1em;
    color: #fff;
    height: 25px;
    padding: 0;
    margin: 0;
    width: 200px;
    }

.ButtonSearch50
    {
    background-image: url(../layout/button_search_50.gif);
    border-style: solid;
    border-width: 0;

    border-color:;

    font-family: Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 1em;
    color: #fff;
    height: 25px;
    padding: 0;
    margin: 0;
    width: 50px;
    }

/*+++++++++++++++++++++++++++++++++++++++++++*/
/* Kundenlogin */
#AccountLoginTitle
    {
    height: 23px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.0em;
    font-weight: 700;
    color: #000;
    background-color: #f3f3f3;
    width: 195px;
    margin: 10px 10px 0 0;
    padding: 5px 0 0 10px;
    background-image: url(../layout/teaser_head_back2.gif);
    }

#AccountLoginBox
    {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: 400;
    color:     #000;

    background-color:;

    border-width: 0 0 0 1px;
    border-color: #ccc;
    border-style: solid;
    padding:   5px 5px 0;
    text-align: left;
    width:     193px;
    text-align: left;
    border-left: 1px #ccc solid;
    border-right: 1px #ccc solid;
    }

#AccountLoginName
    {
    margin: 0 0 0 20px;
    padding: 0;
    background-color: #fff;
    border-style: groove;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 1em;
    color: #000;
    width: 130px;
    }

#AccountLoginPass
    {
    margin: 0 0 0 20px;
    padding: 0;
    background-color: #fff;
    border-style: groove;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 1em;
    color: #000;
    width: 130px;
    }

#AccountLoginSubmit
    {
    position: relative;
    float: left;
    clear: left;
    margin: 7px 0 0 1px;
    padding: 0;
    }

#AccountLoginService
    {
    margin: 0;
    padding: 5px 0 5px 60px;
    font-size: 0.9em;
    font-weight: 400;
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
    }

/*+++++++++++++++++++++++++++++++++++++++++++*/
/* Sortier- und Breadcrumb Warengruppe */
#SortBar
    {
    background-color: #f1f1f1;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: 400;
    color: #000;
    margin: 5px 0;
    padding: 0;
    border: 1px solid #e2d8c5;
    text-align: left;
    width: 528px;
    float: left;
    clear: left;
    }

#Breadcrumb
    {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    font-weight: 400;
    color:     #000;
    margin:    0;
    padding:   0 0 5px 0;
    border:    0 solid #ccc;
    text-align: left;
    }

/*+++++++++++++++++++++++++++++++++++++++++++*/

#LimitTop
    {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    font-weight: 400;
    color:     #000;
    margin:    5px 0 5px 0;
    padding:   0 0 0 3px;
    border:    1px solid #ccc;
    text-align: left;
    width:     495px;
    }

#LimitTopL
    {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    font-weight: 400;
    color:     #000;
    margin:    5px 0 5px 0;
    padding:   0 0 0 3px;
    border:    1px solid #ccc;
    text-align: left;
    width:     250px;
    }

#LimitTopR
    {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    font-weight: 400;
    color:     #000;
    margin:    0;
    padding:   0;
    border:    0 solid #ccc;
    text-align: right;
    float:     right;
    }

#GroupSubs
    {
    width: 250px;
    float: left;
    clear: left;
    }

#ArtSort
    {
    margin:  0px 0 2px 0;
    padding: 0;
    float:   right;
    width:   270px;
    }

.dropdown
    {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    font-weight: 400;
    color:     #000;
    }

/*+++++++++++++++++++++++++++++++++++++++++++*/
/* Produkt Layout Warengruppe */
/* Produkt Layout Detailansicht */

#CatContainerS
    {
    width:  150px;
    height: 320px;
    float:  left;
    padding: 5px;
    margin: 3px;
    background: #e1e1e1;
    border-color: #ccc;
    border-width: 1px;
    border-style: solid;
    text-align: center;
    }

#CatContainerImgS
    {
    text-align:     center;
    vertical-align: middle;
    margin:         0;
    width:          140px;
    height:         145px;
    padding:        5px 0 5px 0;
    background:     #fff;
    border-color:   #ccc;
    border-width:   1px;
    border-style:   solid;
    }

#CatContainer
    {
    position: relative;
    width: 520px;
    float: left;
    clear: left;
    padding: 5px 0 10px 0;
    margin: 0 0 20 0px;
    border-color: #666;
    border-width: 2px 0 0 0;
    border-style: dotted;
    }

#CatContainer1r
    {
    width:  245px;
    height: 220px;
    display: block;
    float:  left;
    clear:  left;
    padding: 0px;
    margin: 0 0 15px 0;
    border-color: #ccc;
    border-width: 1px;
    border-style: solid;
    background: #fff;
    }

#CatContainer1l
    {
    width:  245px;
    height: 220px;
    display: block;
    float:  right;
    clear:  right;
    position: relative;
    padding: 0px;
    margin: 0 0 15px 5px;
    border-color: #ccc;
    border-width: 1px;
    border-style: solid;
    background: #fff;
    }

#CatContainer2r
    {
    width:  245px;
    height: 255px;
    display: block;
    float:  left;
    clear:  left;
    padding: 0px;
    position: relative;
    margin: 0 0 15px 0;
    border-color: #ccc;
    border-width: 1px;
    border-style: solid;
    background: #fff;
    }

#CatContainer2l
    {
    width:  245px;
    height: 255px;
    display: block;
    float:  right;
    position: relative;
    clear:  right;
    padding: 0px;
    margin: 0 0 15px 5px;
    border-color: #ccc;
    border-width: 1px;
    border-style: solid;
    background: #fff;
    }

#CatContainerImg
    {
    position: relative;
    float: left;
    clear: left;
    margin: 0 0px 0 2px;
    padding: 2px;
    width: 100px;
    border-width: 0px;
    border-color: #ccc;
    border-style: solid;
    background: #fff;
    }

#CatContainerDesc
    {
    text-align: left;
    }

#CatContainerDesc1
    {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.0em;
    font-weight: 700;
    color:     #333;
    height:    40px;
    }

#CatContainerDesc2
    {
    float: left;
    clear: left;
    text-align: left;
    }

#CatContainerOptions
    {
    position: relative;
    float: right;
    clear: right;
    width: 150px;
    left:  0;
    top:   10px;
    margin: 0 0 10px 0;
    text-align: left;
    }

#CatContainerOptions2
    {
    position: relative;
    float: right;
    clear: right;
    text-align: left;
    margin: 135px 0 5px 0;
    }

#CatContainerButton1
    {
    display: block;
    width: 100px;
    float: left;
    clear: right;
    margin-right: 5px;

    padding: -6px 0px 0 5px;
    }

#CatContainerPriceL
    {
    position: relative;
    float: left;
    clear: left;
    width: 30%;
    padding: 0 0 10px 0;
    margin: 0 0 10px 0;
    left: 0;
    top: 15px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.2em;
    font-weight: 700;
    color: red;
    }

#CatContainerPriceR
    {
    position: relative;
    float: right;
    width: 100px;
    padding: 0 10px 10px 0;
    margin: 0 0px 5px 0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.4em;
    font-weight: 700;
    color: red;
    }

#CatContainerPrice2R
    {
    position: relative;
    float: right;
    width: 100px;
    padding: 0 0 10px 0;
    margin: 0 0px 5px 0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.1em;
    font-weight: 700;
    color: red;
    }

#CatContainerR
    {
    width:  400px;
    height: 140px;
    display: block;
    float:  right;
    clear:  rihgt;
    padding: 0px;
    position: right;
    margin: 0 0 15px 0;
    border-color: #ccc;
    border-width: 0px;
    border-style: solid;
    background: #fff;
    }

input.amountfield { }

#CatContainerDesc h1, #CatContainerDesc h2
    {
    font-weight: 700;

    font-size: 1.0em;
    }

#BlockLeft
    {
    position: relative;
    float: left;
    clear: left;
    margin: 10px 0 0 0;
    padding: 0;
    display: inline;
    }

#BlockRight
    {
    position: relative;
    float: right;
    clear: right;
    margin: 10px 0 0 0;
    padding: 0;
    display: inline;
    }

#Block
    {
    clear: both;
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    color: #333;
    font-weight: 400;
    }

#BlockStr
    {
    position: relative;
    float: left;
    clear: left;
    margin: 0;
    padding: 0;
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    color: #333;
    font-weight: 400;
    background-image: url(../layout/teaser_head_back2.gif);
    height: 25px;
    }

#LimitLeft
    {
    float:   left;
    display: block;
    clear:   left;
    padding: 2px 0 2px 0;
    }

#LimitRight
    {
    float: right;
    clear: right;
    padding: 2px 0 2px 0;
    }

#Left
    {
    position: relative;
    float: left;
    clear: left;
    margin: 0;
    padding: 0;
    }

#Right
    {
    position: relative;
    float: right;
    clear: right;
    margin: 0;
    padding: 0;
    }

#Left100
    {
    position: relative;
    float: left;
    width: 100px;
    margin: 0;
    padding: 0;
    }

#Left200
    {
    position: relative;
    float: left;
    width: 250px;
    margin: 0 15px 0 0;
    padding: 0;
    }

#Left300
    {
    position: relative;
    float: left;
    width: 300px;
    margin: 0;
    padding: 0;
    }

#Left400
    {
    position: relative;
    float: left;
    clear: left;
    width: 400px;
    margin: 0;
    padding: 0;
    vertical-align: top;
    }

#Right100
    {
    position: relative;
    float: right;
    clear: right;
    width: 100px;
    margin: 0;
    padding: 0;
    }

#Right120
    {
    position: relative;
    float: right;
    clear: right;
    width: 120px;
    margin: 0;
    padding: 0;
    }

#Right200
    {
    position: relative;
    float: right;
    clear: right;
    width: 200px;
    margin: 0;
    padding: 0;
    }

#Right250
    {
    position: relative;
    float: right;
    clear: right;
    width: 250px;
    margin: 0;
    padding: 0;
    }

#PaddingV5
    {
    padding: 5px 0 5px 0;
    }


/* myKonto */

#CheckLogin
    {
    width: 500px;
    float: right;
    }

#CheckLoginHeader
    {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.0em;
    color:     #333;
    height:    20px;
    padding:   5px 0 0 5px;
    border-color: #F49500;
    border-style: solid;
    border-width: 1px 0 1px 0;
    font-weight: 700;
    }
/*+++++++++++++++++++++++++++++++++++++++++++*/
/* Teaser etc */
#GroupDescr
    {
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.0em;
    color: #333;
    margin: 10px 0 20px 0;
    width: 500px;
    }

#GroupItem
    {
    float:       left;
    margin-left: 6px;
    margin-right: 7px;
    margin-bottom: 20px;
    width:       160px;
    }

#GroupImgTitle
    {
    padding-left: 15px;
    width: 145px;
    height: 30px;
    float: left;
    text-align: center;
    background-image: url(../layout/box_gr_img_top.gif);
    background-repeat: no-repeat;
    }

#GroupImg
    {
    background-image: url(../layout/box_gr_img_back.gif);
    float: left;
    text-align: center;
    width: 160px;
    height: 120px;
    padding-top: 5px 0 0px 0;
    vertical-align: middle;
    }

#GroupImgBottom
    {
    float: left;
    width: 160px;
    height: 18px;
    padding: 5px 0 0 5px;
    background-image: url(../layout/box_gr_img_bottom.gif);
    background-repeat: no-repeat;
    }

#ContentText
    {
    float: left;
    width: 510px;
    }

#PriceAlarm
    {
    float: right;
    width: 500px;
    padding-left: 0px;
    }

#ArtComments
    {
    float: left;
    width: 500px;
    padding-left: 0px;
    }

#ArtRating
    {
    float: right;
    width: 500px;
    padding-left: 0px;
    }

#ArticlePrice
    {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.4em;
    color:     #ff3300;
    font-weight: 700;
    }

#PriceBlock
    {
    display: block;
    }

#ActionOfferG
    {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size:   0.9em;
    color:       red;
    display:     block;
    float:       left;
    position:    relative;
    margin-bottom: 5px;
    }

#TeaserHeaderSpecials
    {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.0em;
    color:     #333;
    height:    20px;
    margin:    0px 0 0 0;
    padding:   5px 0 0 10px;
    font-weight: 700;
    background-image: url(../layout/teaser_head_back_0.gif);
    border-color: #F49500;
    border-style: solid;
    border-width: 0 0 1px 0;
    }

#TeaserHeader
    {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.0em;
    color:     #333;
    float:     left;
    width:     515px;
    height:    20px;
    margin:    10px 0 10px 0;
    padding:   5px 0 0 10px;
    font-weight: 700;
    background: #f3f3f3;
    background-image: url(../layout/teaser_head_back3.gif);
    border-color: #CCC;
    border-style: solid;
    border-width: 1px;
    }

#TeaserHeader1
    {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.0em;
    color:     #666;
    background: #f1f1f1;
    width:     240px;
    height:    28px;
    margin:    0 0 5px 0;
    padding:   2px 0 0 5px;
    font-weight: 700;
    background-image: url(../layout/teaser_head_back3.gif);
    }

#TeaserHeader1 H1
    {
    color: #666;
    }

#TeaserHeader2
    {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.2em;
    color:     #333;
    background: #f3f3f3;
    border-color: #999;
    border-style: solid;
    border-width: 0 0 1px 0;
    height:    30px;
    width:     515px;
    margin:    0px 0 5px 0;
    padding:   2px 0 0 5px;
    font-weight: 700;
    background-image: url(../layout/teaser_head_back3.gif);
    }

#TeaserHeader1 h1, #TeaserHeader1, #TeaserHeader2 h2
    {
    font-weight: 700;
    font-size: 1.0em;
    }

#TeaserContentBottom
    {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.0em;
    color:     #666;
    background: #fff;
    padding:   0;
    font-weight: 700;

    padding:   0 5px 0 5px;
    }

#TeaserImage
    {
    position: relative;
    left: 50px;
    height: 110px;
    margin: 0 auto;
    }

#TeaserInfo
    {
    display: block;
    float: left;
    width: 100%;
    position: relative;
    padding: 3px 0 3px 0;
    }

#TeaserInfoL
    {
    float:    left;
    position: relative;
    padding:  3px 0 3px 0;
    }

#TeaserInfoR
    {
    float:    right;
    position: relative;
    padding:  3px 0 3px 0;
    }

#TeaserBlockL
    {
    float: left;
    width: 240px;
    margin: 10px 0px 0 0;
    border: 1px #cccccc solid;
    height: 210px;
    background: #fff;
    }

#TeaserBlockR
    {
    float: right;
    width: 240px;
    margin: 10px 0px 0 0px;

    border: 1px #cccccc solid;
    height: 210px;
    background: #fff;
    }

#TeaserBlockLeft
    {
    float: left;
    }

#TeaserBlockRight
    {
    float: right;
    }

#Block150
    {
    width: 150x;
    }

#Block200
    {
    width: 200x;
    }

#Block250
    {
    width: 250x;
    }
/* sonstiges */
.dropdown
    {
    font-family:      Arial, Helvetica, sans-serif, sans-serif;

    background-color: #f2f2f2;
    border-style:     outset;

    border-width:     1px;

    height:           20px;

    font-size:        1.0em;

    color:            #000;
    }

hr.small
    {
    margin: 0;
    }

form
    {
    display: inline;
    }
/*+++++++++++++++++++++++++++++++++++++++++++*/
/* Mauszeiger ImageTrail */
#trailimageid
    {
    position:   absolute;
    visibility: hidden;
    left:       0;
    top:        0;
    width:      450px;
    height:     1px;
    z-index:    1000;
    background: #ffffff;
    }

.mousetrail
    {
    border-color: #cccccc;
    border-style: solid;
    border-width: 2px;
    padding:      10px;
    background:   #ffffff;
    }

.borderbot
    {
    height:      1px;
    line-height: 1px;
    font-size:   1px;
    margin:      0;
    padding:     0;
    }

.borderbotlight
    {
    height: 1px;
    margin: 0;
    padding: 0;
    }
/*+++++++++++++++++++++++++++++++++++++++++++*/
/* Rahmen für Produktbilder (optional) */
.prod_bild
    {
    display: block;
    width: 150px;
    height: 50px;
    padding: 15px;
    border: 3px solid #181894;
    cursor: pointer;
    }
/*+++++++++++++++++++++++++++++++++++++++++++*/
/*+++++++++++++++++++++++++++++++++++++++++++*/
/* Bestellprozess und Warenkorb */
/* Auswahl Versandoption*/
/* Bestellprozess und Warenkorb */
/* Auswahl Versandoption*/
.basket_select_del_l
    {
    border-color:     #ccc;
    background-color: #f1f1f1;
    border-width:     1px;
    border-style:     solid;
    padding:          2px;
    }

.basket_select_del_h
    {
    border-color:     #ccc;
    background-color: #fefefe;
    border-width:     1px;
    border-style:     solid;
    padding:          2px;
    }

.basket_noselect_del
    {
    border-color:     #ccc;
    background-color: #f1f1f1;
    border-width:     1px;
    border-style:     solid;
    padding:          2px;
    }

.basket_select_del
    {
    border-color:     #c43c29 #f1f1f1;
    background-color: #fff;
    border-width:     2px;
    border-style:     solid;
    padding:          2px;
    }
/* Auswahlbutton */
.cartbutton
    {
    border-color: #999;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: 700;
    color: #f30;
    border-width: 1px;
    border-style: ridge;
    background-color: #e2d8c5;
    }

#ButtonBasketChoose
    {
    width: 85px;
    border-color: #999;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    text-align: center;
    font-weight: 700;
    color: #fff;
    border-width: 1px;
    border-style: ridge;
    background-color: #c43c29;
    }

.select_basket_country
    {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: 400;
    color:     #000;
    border-width: 1px;
    border-style: solid;
    background-color: #red;
    }

/* Upload */
.upload_button
    {
    border-color: #999;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: 400;
    color: #FFF;
    border-width: 1px;
    border-style: ridge;
    background-color: #e2d8c5;
    }

.upload_file
    {
    border-color: #999;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: 400;
    color: #FFF;
    border-width: 1px;
    border-style: ridge;
    background-color: #fff;
    }

/*+++++++++++++++++++++++++++++++++++++++++++*/
/* Bestellprozess */
/* Step 1 bis 4 Leiste */
#MainOrderBar
    {
    text-align: center;
    float: both;
    display: block;
    width: 900px;
    margin: 20px 0 0 55px;
    }

#OrderBarH
    {
    width:  150px;
    height: 50px;
    position: relative;
    float:  left;
    clear:  right;
    color:  #999;
    background-color: #f5f5f5;
    border-color: #999;
    border-width: 1px;
    border-style: solid;
    padding: 5px;
    margin-right: 15px;
    }

#OrderBarL
    {
    width:  150px;
    height: 50px;
    float:  left;
    clear:  right;
    color:  #33;
    position: relative;
    background-color: #fff;
    border-color: #9d0905;
    border-width: 1px;
    border-style: solid;
    padding: 5px;
    margin-right: 15px;
    }

#BasketHeader
    {
    width: 800px;
    float: both;
    display: block;
    margin: 20px 0 0 90px;
    }

#OrderHeader1
    {
    width:  800px;
    margin: 20px 0 0 90px;
    }

#OrderHeader2
    {
    width:  800px;
    margin: 15px 0 0 65px;
    }

#BasketFooter, #OrderFooter
    {
    width:  800px;
    margin: 10px 0 10px 80px;
    }

.BasketTopHeader
    {
    background-color: #ded0b9;
    height: 20px;
    padding: 7px 5px 0 2px;
    }

.BasketBottomHeader
    {
    background-color: #ded0b9;
    }

.basket_row_sum_h
    {
    background-color: #f7f7f7;
    border-color: #cccccc;
    border-width: 1px;
    border-style: solid;
    padding:      2px 2px 2px 10px;
    }

.basket_row_sum_l
    {
    background-color: #f1f1f1;
    }

.basket_row_high
    {
    background-color: #ffffff;
    }

.basket_row_low
    {
    background-color: #f3f3f3;
    }

.basket_input
    {
    background-color: #FFFFFF;
    border-color: #cccccc;
    border-style: solid;
    border-width: 1px;
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.1em;
    color: #333333;
    }

.basket_input_marked
    {
    background-color: #FFFFFF;
    border-style: solid;
    border-width: 1px;
    border-color: #FE0000;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 1.1em;
    color: #333333;
    }

#BasketMessage
    {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size:   1.1em;
    color:       #333333;
    }

#BasketEmpty
    {
    float: left;
    clear: left;
    height: 100px;
    padding: 40px 0 0 25px;
    margin: 0px;
    text-align: center;
    }

.basket_f1
    {
    border-color:     #d63a2e;
    background-color: #f1f1f1;
    border-width:     1px;
    border-style:     solid;
    padding:          5px;
    }

#BasketOfferHeadline
    {
    margin-bottom: 10px;
    font-size: 1.2em;
    font-weight: 700;
    }
/* Login */

#OrderLoginTitle
    {
    font-weight: 700;
    font-size: 1.1em;
    padding:   5px 0 2px 5px;
    color:     #fff;
    background-color: #ded0b9;
    height:    20px;
    }

#OrderLogin1
    {
    width: 240px;
    height: 320px;
    border-color: #CCCCCC;
    font-family: Arial, Helvetica, sans-serif;
    border-width: 1px;
    border-style: solid;
    font-weight: 400;
    font-size: 1em;
    color: black;
    margin: 0px 0px 0 10px;
    padding: 5px;
    background-color: #fff;
    }

#OrderLogin2
    {
    width:  230px;
    height: 270px;
    border-color: #CCCCCC;
    border-width: 1px;
    border-style: solid;
    font-weight: 400;
    font-size: 1em;
    color:  black;
    margin: 0px 0px 0 10px;
    padding: 5px;
    background-color: #fff;
    }

#OrderLogin3
    {
    width:  230px;
    height: 270px;
    border-color: #CCCCCC;
    border-width: 1px;
    border-style: solid;
    font-weight: normal;
    font-size: 1em;
    color:  black;
    margin: 0px 0px 0 10px;
    padding: 5px;
    background-color: #fff;
    }

.radiobutton1
    {
    border-color: red;
    padding: 2px;
    border-width: 2px;
    border-style: solid;
    background-color: red;
    }

#CartUpdButton
    {
    border-color: #666;
    padding: 0px;
    border-width: 1px;
    border-style: solid;
    width:   80px;
    height:  18px;
    background-color: #f90;
    font-size: 0.9em;
    font-weight: 400;
    color:   white;
    }

/*+++Sitemap++++++++++++++++++++++++++++++++*/

a.sitemaplevel1
    {
    font-weight: bold;
    font-size: 1.1em;
    color:     black;

    padding:   2px 0 0 20px;
    text-decoration: none;
    }

a.sitemaplevel2
    {
    font-weight: normal;
    font-size: 1.1em;
    color:     black;

    background-repeat: no-repeat;
    padding:   2px 0 0 35px;
    text-decoration: none;
    }

a.sitemaplevel3
    {
    font-weight: normal;
    font-size: 1.0em;
    color:     black;

    padding:   2px 0 0 50px;
    text-decoration: none;
    }

a.sitemaplevel4
    {
    font-weight: normal;
    font-size: 1.0em;
    color:     black;

    padding:   2px 0 0 65px;
    text-decoration: none;
    }


/*++++++++++++++++++++++++++++++++++++++++++++*/

/*++++++++++++++++++++++++++++++++++++++++++++*/

#Clear10
    {
    float: left;
    clear: right;
    position: relative;
    width: 11px;
    }

#clearp
    {
    float: left;
    width: 100%;
    margin: 20px 0 20px 0;
    }

.basket_f1
    {
    border-color:     #F90;
    background-color: #f3eee2;
    border-width:     1px;
    border-style:     solid;
    padding:          2px;
    }

#Line
    {
    display: block;
    padding: 10px 0 10px 0;
    margin-bottom: 1px;
    border-bottom: 1px solid #ccc;
    }

.indi_text
    {
    background-color: #FFFFFF;
    border-color: #cccccc;
    border-style: solid;
    border-width: 1px;
    font-weight: normal;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.0em;
    color: #333333;
    }

#BasketCoupon
    {
    float: left;
    clear: left;
    width: 500px;
    border: 1px solid #ccc;
    padding: 5px;
    }

#TeaserTextCoupon
    {
    width: 500px;
    }

#TeaserTitleCoupon
    {
    font-weight: 700;
    }

/* Blog */

#BlogDate
    {
    border-top:  1px solid #ccc;
    padding-top: 5px;
    padding-left: 5px;
    font-weight: 700;
    font-size:   0.9em;
    width:       520px;
    height:      20px;
    background-image: url(../layout/teaser_head_back3.gif);
    }

#BlogSubject
    {
    font-weight: 700;
    font-size: 1.1em;
    }

#BlogComments { }

#BlogText { }

#BlogCaution { }

#BlogBrowse
    {
    display:    block;
    border-top: 1px solid #ccc;
    width:      520px;
    padding-top: 10px;
    }

#SocialWeb
    {
    display:  block;
    position: relative;
    margin:   2px auto 10px auto;
    }

.TopLimitH
    {
    border:  1px solid #ff9900;
    padding: 1px 5px 1px 5px;
    background: #f1f1f1;
    text-decoration: none;
    }

.TopLimitL
    {
    border:  1px solid #ccc;
    padding: 1px 5px 1px 5px;
    background: white;
    text-decoration: none;
    }

#border
    {
    border: 1px solid #ccc;
    }

#OrderHitliste
    {
    display: block;
    }

#OrderHitlisteHeader
    {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.0em;
    color:     #333;
    height:    20px;
    margin:    0px 0 0 0;
    padding:   5px 0 0 10px;
    font-weight: 700;
    background-image: url(../layout/teaser_head_back2.gif);
    border-color: #F49500;
    border-style: solid;
    border-width: 0 0 1px 0;
    }

#OrderHitlisteItem
    {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    height:    175px;
    width:     140px;
    float:     left;
    font-style: normal;
    font-weight: 400;
    color:     #000;
    border-width: 1px;
    border-color: #ccc;
    border-style: solid;
    background-color: #f3f3f3;
    padding:   10px 5px 10px 5px;
    text-align: center;
    vertical-alignment: middle;
    margin-right: 15px;
    margin-bottom: 15px;
    }

#RegisterTeaser
    {
    font-family: Arial, Helvetica, sans-serif;

    font-size: 1em;

    width:     197px;

    float:     left;

    font-style: normal;

    font-weight: 400;

    color:     #000;

    border-width: 1px;

    border-color: #eee;

    border-style: solid;

    background-color: #fff;

    padding:   2px 5px 10px 5px;

    margin-top: 0px;
    }

#RegisterTeaserTitle
    {
    font-family: Arial, Helvetica, sans-serif;

    font-size: 1.1em;

    width:     197px;

    float:     left;

    display:   block;

    border-width: 1px 1px 0 1px;

    border-color: #bbb;

    border-style: solid;

    font-style: normal;

    font-weight: 700;

    color:     #333;

    background-color: #e1e1e1;

    padding:   5px;

    display:   block;

    height:    15px;

    margin-top: 10px;

    text-align: center;
    }

.RegisterKey
    {
    height: 15px;

    width: 13px;

    float: left;

    border-width: 1px;

    border-color: #f30;

    border-style: solid;

    text-align: center;

    padding: 2px;

    margin: 2px 2px 0 0;

    border: 1px solid #666;
    }

#LastComments
    {
    font-family: Arial, Helvetica, sans-serif;

    font-size: 1em;

    width:     197px;

    float:     left;

    font-style: normal;

    font-weight: 400;

    color:     #000;

    border-width: 1px;

    border-color: #eee;

    border-style: solid;

    background-color: #fff;

    padding:   2px 5px 10px 5px;

    margin-top: 5px;

    margin-bottom: 10px;
    }

#LastCommentsTitle
    {
    font-family: Arial, Helvetica, sans-serif;

    font-size: 1.1em;

    width:     197px;

    float:     left;

    font-style: normal;

    font-weight: 700;

    color:     #333;

    margin-bottom: 5px;
    }

#DirectOrder
    {
    font-family: Arial, Helvetica, sans-serif;

    font-size: 1em;

    width:     204px;

    float:     left;

    font-style: normal;

    font-weight: 400;

    color:     #000;

    border-width: 1px;

    border-color: #ccc;

    border-style: solid;

    background-color: #fff;

    padding:   5px 2px 5px 2px;

    margin-top: 0px;

    margin-bottom: 10px;
    }

#PDFList
    {
    float:  right;

    margin: -5px 0 5px 120px;
    }

#MainHeaderBar
    {
    color:      #333;

    background: #f3f3f3;

    border-color: #999;

    border-style: solid;

    border-width: 1px 0 1px 0;

    width:      510px;

    height:     55px;

    float:      left;

    margin:     0px 0;

    padding:    8px 5px 0 5px;

    font-weight: 700;
    }

#SupplierBox2
    {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: 400;
    color:     #000;
    margin-top: 10px;
    margin-right: 5px;
    padding:   5px;
    height:    140px;
    width:     140px;
    float:     left;
    display:   block;
    text-align: center;
    border-top: 1px #dadada solid;
    border-left: 1px #dadada solid;
    border-right: 1px #dadada solid;
    background: #ececec;
    }