/* *********************** Aufbau des Headers *********************** */

.logoPosition {
        position:                        absolute;
        left:                                1px;
        top:                                5px;
        z-index:                        1;
}

.bannerPosition {
        position:                        absolute;
        top:                                122px;
        left:                                0px;
}

.bannerPosition_mitte {
        position:                        absolute;
        top:                                122px;
        left:                                550px;
background-image: url(http://www.urteilchen.de/images/template/banner_background.gif);
background-repeat:repeat-x;
width:122px;
height:108px;
}

.bannerPosition_rechts {
background-image: url(http://www.urteilchen.de/images/template/banner_rechts.gif);
background-repeat: no-repeat;
width:115px;
height:108px;
top:                                122px;
right:                                192px;
position:absolute;
}

.pdf_kasten{
top:                                122px;
right:                                0px;
position:absolute;
background-image: url(http://www.urteilchen.de/images/template/download_background.gif);
background-repeat: no-repeat;
width:180px;
height:160px;
text-align:center;
}

.pdf_kasten span{
font-size:9px!important;
color:#ffffff;
margin: 10px 5px 10px 5px;
display:block;
}

.pdf_kasten b{
display:block;
margin-bottom:5px;
font-size:13px;
color:#ffffff!important;
}

.pdf_kasten a{
color:#ffffff!important;
font-size:13px;
}

.pdf_kasten a:hover{
text-decoration:underline;
}



/******** Platz fuer Alternative Bildinhalte oder Backgrounds **********/
#eyecatcher {
background-color:#F7F0F8;
position:absolute;
left:0px;
top:4px;
width:563px;
height:74px;
}

#eyecatcher_links{
background-image: url(http://www.urteilchen.de/images/template/eye_links.gif);
background-repeat: no-repeat;
position:absolute;
left:0px;
top:4px;
height:74px;
width:14px;
}


#eyecatcher_rechts{
background-image: url(http://www.urteilchen.de/images/template/eye_rechts.gif);
background-repeat: no-repeat;
position:absolute;
left:563px;
top:4px;
height:74px;
width:22px;
}




/**************************** Top Navigation **************************/

.navigationBox_links{
background-image: url(http://www.urteilchen.de/images/template/top_navi_links.gif);
background-repeat: no-repeat;
width:9px;
height:32px;
position:absolute;
top:85px;
left:1px;
}

.navigationBox_rechts{
background-image: url(http://www.urteilchen.de/images/template/top_navi_rechts.gif);
background-repeat: no-repeat;
width:9px;
height:32px;
position:absolute;
top:85px;
right:0px;
}


ul.navigationBox, ul.cmsNavigationBox {
margin:0px 0px 0px 10px;
padding:                        0;
list-style:                        none;
position:absolute;
top:85px;
left:0px;
background-image: url(http://www.urteilchen.de/images/template/top_navi_background.gif);
background-repeat:repeat-x;
height:34px;
width:968px;
}

ul.navigationBox a, ul.cmsNavigationBox a {
        display:                        block;
        line-height:                34px;
color:#F7F0F8;
padding:0px 10px;
font-size:13px;
font-family:Verdana;
font-weight:bold;
}


ul.navigationBox li, ul.cmsNavigationBox  li {
        float:                                left;

}


/***************************** Boxengrundformate ***********************/

div.kategorieNavigation, div.meinKonto, div.uhrBox, div.herstellerBox, div.angebotBox, div.empfehlenBox, div.newsletterBox, div.counterBox, div.sprachBox, div.partnerBox, div.katalogBox, div.bestsellerBox {
        width:                                180px;
        margin-bottom:                7px;
background-color:#E4D7F0;
}

div.uhrBox {
text-align:center;
}


div.suchBox{
background-color:#E6CCE8!important;
position:absolute;
right:200px;
top:4px;
width:170px;
height:74px;
}

div.suchBox_links{
background-image: url(http://www.urteilchen.de/images/template/suche_b_links.gif);
background-repeat: no-repeat;
position:absolute;
right:370px;
top:4px;
height:76px;
width:22px;
}


div.suchBox_rechts{
background-image: url(http://www.urteilchen.de/images/template/suche_b_rechts.gif);
background-repeat: no-repeat;
position:absolute;
right:190px;
top:4px;
height:76px;
width:22px;
}


div.warenkorbBox{
background-color:#F7F0F8;
position:absolute;
right:-10px;
top:4px;
width:160px;
height:74px;
}

div.warenkorbBox_links{
background-image: url(http://www.urteilchen.de/images/template/warenkorb_b_links.gif);
background-repeat: no-repeat;
position:absolute;
right:160px;
top:4px;
height:76px;
width:22px;
}


div.warenkorbBox_rechts{
background-image: url(http://www.urteilchen.de/images/template/warenkorb_b_rechts.gif);
background-repeat: no-repeat;
position:absolute;
right:-10px;
top:4px;
height:76px;
width:22px;
}





div.kategorieNavigation h2, div.meinKonto h2, div.uhrBox h2, div.herstellerBox h2, div.angebotBox h2, div.empfehlenBox h2, div.newsletterBox h2, div.counterBox h2, div.sprachBox h2, div.partnerBox h2,  div.katalogBox h2, div.bestsellerBox h2 {
        height:                                30px;
        line-height:                30px;
        color:                                #ffffff;
        text-indent:                10px;
        background-color:        #7E03A1;
        font-size:                        11px;
background-image: url(http://www.urteilchen.de/images/template/navi_header.gif);
background-repeat: no-repeat;
font-size:11px;
font-family:verdana;
}

div.kategorieNavigation ul, div.meinKonto ul, div.angebotBox ul {
        list-style:                 none;
}

div.kategorieNavigation li, div.meinKonto li, div.angebotBox li {
        width:                                170px;
        padding:                        0px;
        margin:                                0px;
        line-height:                17px;
        xtext-indent:                10px;
        border-top:                        1px solid #ffffff;
        text-align:                        left;
        padding-left:                10px;
font-weight:bold;
font-size:11px;
font-family:verdana;
}

div.kategorieNavigation[class] li, div.meinKonto[class] li, div.angebotBox[class] li {
        xwidth:                                170px;
}

div.kategorieNavigation ul li a, div.meinKonto li a, div.angebotBox li a {
        color:                                #0D141C;
        text-decoration:        none;
}

div.kategorieNavigation ul li a:hover, div.meinKonto ul li a:hover, div.angebotBox ul li a:hover {
        text-decoration:        underline;
}

div.kategorieNavigation li.secondNavigation {
        text-indent:                10px;
font-weight:bold;
font-size:11px;
font-family:verdana;
background-color:        #F7F0F8;
font-weight:normal;
}

div.kategorieNavigation li.thirdNavigation {
        text-indent:                30px;
}


/* *********************** Aufbau Mein Konto *********************** */

div.meinKonto fieldset {
        border:                                0px;
        padding-left:                10px;
        padding-top:                5px;
        text-align:                        left;
background-color:#E4D7F0;
}

div.meinKonto fieldset input {
        width:                                150px;
        height:                                18px;
}

div.meinKonto fieldset span input {
        width:                                74px;
        margin-top:                        3px;
}


/* *********************** Suche Formatierung *********************** */

div.suchBox, div.suchBox a{
        border:                                solid 0 transparent;
        text-align:                        left;
background-color:#E6CCE8!important;
color:#ffffff;
}

.suchBox span{
margin:3px 0px 2px 0px;
display:block;
font-size:11px;
font-family:verdana;
font-weight:bold;
color:#ffffff;

}

div.suchBox select {
        width:                                150px;
        display:                        block;
        margin-bottom:                3px;
}

div.suchBox input {
        width:                                115px;
        height:                                18px;
        float:                                left;
}

div.suchBox span input {
        position:                         relative;
        top:                                2px;
        width:                                28px;
        height:                                20px;
        margin-left:                2px;
        margin-top:                        -2px;
}


/* *********************** Hersteller *********************** */

div.herstellerBox fieldset {
        border:                                0px;
        padding-top:                5px;
        padding-left:                10px;
        text-align:                        left;
        text-indent:                10px;
}

div.herstellerBox select {
        width:                                150px;
        display:                        block;
}



/* *********************** Aufbau Weiter empfehlen *********************** */

div.empfehlenBox span {
        display:                        block;
        padding-left:                10px;
        line-height:                20px;
        text-align:                        left;
background-color:#E4D7F0;
}

div.empfehlenBox span a{
color:        #2D0044;
font-size:11px;
}

/* *********************** Aufbau Newsletter *********************** */

div.newsletterBox fieldset {
        border:                                0px;
        padding-top:                5px;
        padding-left:                10px;
        text-align:                        left;
background-color:#E4D7F0;
}

div.newsletterBox fieldset input {
        width:                                150px;
        height:                                18px;
}

div.newsletterBox fieldset span input {
        width:                                74px;
        margin-top:                        2px;
}

div.newsletterBox p {
        font-weight:                bold;
}


/*********************** Aufbau Counter ************************* */


div.counterBox{
padding:5px 0px 5px 0px;
text-align:center;
}

div.counterBox span{
font-weight:normal;
line-height:17px;
background-color:#E4D7F0;
color:        #2D0044;
font-size:10px!important;
}


/*********************** Aufbau Sprachen ************************* */

div.sprachBox span {
        display:                        block;
        text-indent:                10px;
        text-align:                        left;
        font-weight:                normal;
        line-height:                17px;
        font-size:                        11px;
        padding-top:                5px;
}


/*********************** Aufbau Partnerprogramm ************************* */

div.partnerBox h4 {
        display:                        block;
        text-indent:                10px;
        text-align:                        left;
        font-weight:                normal;
        line-height:                17px;
        font-size:                        11px;
}



/*********************** Aufbau Warenkorb ************************* */

div.warenkorbBox{
        display:                        block;
        text-align:                        left;
        font-weight:                normal;
        font-size:                        11px;
background-color:#AA55B3;
margin-right:22px;
height:74px;
}

div.warenkorbBox span{
margin:3px 0px 2px 0px;
display:block;
color:#ffffff;
font-weight:bold;
}


div.warenkorbBox h4{
margin:5px 0px 2px 0px;
display:block;
color:#ffffff;
font-weight:normal;
font-size:11px;
}

div.warenkorbBox h4 a{
margin:5px 0px 0px 0px;
display:block;
color:#ffffff;
font-weight:normal;
text-decoration:underline;
font-size:11px;
}



/*********************** Aufbau PDF Katalog ************************* */

div.katalogBox h4 {
        display:                        block;
        text-indent:                10px;
        text-align:                        left;
        font-weight:                normal;
        line-height:                17px;
        font-size:                        11px;
}


/*********************** Aufbau Bestsellerliste ************************* */

div.bestsellerBox ol {
        width:                                155px;
        position:                        relative;
        list-style:                        none;
        left:                                10px;
        text-decoration:        none;
background-color:#E4D7F0;
}

div.bestsellerBox li {
        width:                                155px;
        text-decoration:        none;
        text-align:                        left;
        padding-bottom:                5px;
}