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

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

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

/******** Platz fuer Alternative Bildinhalte oder Backgrounds **********/
#eyecatcher {

}

#eyecatcher2 {

}


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

ul.navigationBox {
        margin:                                0;
        padding:                        0;
        list-style:                        none;
        width:                          940px;
        xbackground-color:				#A0A36D;
        height:							35px;
        line-height:					33px;
}

ul.navigationBox a {
        display:                        block;
        padding-right:                	10px;
        padding-left:                	10px;
        color:                          #ffffff;
        font-size:                      13px;
        border-right:					1px solid #939369;
        border-left:					1px solid #A6A682;
}

ul.navigationBox a:hover {
        display:                        block;
        padding-bottom:                1px;
}

ul.navigationBox li {
        float:                                right;
}



/**************************** Footer Navigation **************************/

ul.navigationFooterBox {
        position:                        absolute;
        top:                                18px;
        left:                                270px;
        width:                                700px;
        text-align:                        right;
        z-index:                        5;
        margin:                                0;
        padding:                        0;
        list-style:                        none;
}

ul.navigationFooterBox a {
        margin-left:                5px;
        color:                                #ffffff;
        font-size:                        11px;
}

ul.navigationFooterBox a:hover {
        color:                                #03729F;
}

ul.navigationFooterBox li {
        float:                                right;
        color:                                #ffffff;
}


/* *********************** Aufbau Artikel Kategorien ******************** */

div.kategorieNavigation, div.angebotBox, div.katalogBox {
        width:                                200px;
        margin-top:                        15px;
}

div.kategorieNavigation {
	background-color:			#E0D7B8;
	-moz-border-radius: 	10px 10px 10px 10px; /* Firefox */
  	-webkit-border-radius: 	10px 10px 10px 10px; /* Safari and Chrome */
  	border-radius:			10px 10px 10px 10px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
	xbehavior: 				url(templates/standard/design/rot/css/ie-css3.htc);
	xposition:				relative;
	left:					-10px;
	padding-top:			5px;
	padding-bottom:			1px;
	padding-left:			10px;
	width:					200px;
	margin-top:				15px;
}
	
div.kategorieNavigation div, div.angebotBox div {
}

div.kategorieNavigation h2, div.angebotBox h2, div.buchKonfiguratorBox h2, div.katalogBox h2 {
        color:                                #835014;
        padding-left:                10px;
        padding-top:                5px;
        margin:                                0;
        margin-bottom:                8px;
        font-weight:                normal;
        background-image:         url(../images/navbox2_headline.gif);
        background-repeat:         no-repeat;
        background-position:2px 8px;
        font-size:                        14px;
}

div.kategorieNavigation ul, div.angebotBox ul, div.buchKonfiguratorBox ul {
        list-style:                        none;
        margin:                                0;
        padding:                        0;
        margin-left:                10px;
        padding-bottom:			10px;
}

div.kategorieNavigation li, div.angebotBox li, div.buchKonfiguratorBox li {
        display:                        block;
        background-image:         url(../images/navbox_pfeil_buch.gif);
        background-repeat:         no-repeat;
        line-height:                12px;
        font-family:			times;
        font-size:				14px;
        padding-left:			25px;
}

div.kategorieNavigation li.highlight, div.angebotBox li.highlight {
	xbackground-image: 	url(../images/navbox_pfeil_on.gif);
	background-image:         url(../images/navbox_pfeil.gif);
}

div.kategorieNavigation li.highlight {
		background-image:         url(../images/navbox_pfeil_buch.gif);
}

div.kategorieNavigation li.highlight a, div.angebotBox li.highlight a {
	color:				#835014;
}

div.kategorieNavigation li a, div.angebotBox li a, div.buchKonfiguratorBox li a {
        display:                        block;
        width:                                155px;
        margin-bottom:                5px;
        color:                                #835014;
}


div.kategorieNavigation li a:hover, div.angebotBox li a:hover {
	color:				#D66C00;
}

div.kategorieNavigation li.secondNavigation {
        padding-left:				10px;
        line-height:                13px;
        font-size:                        11px;
        background-position:-6px 2px;
}

div.kategorieNavigation li.highlightSub a {
	color:				#D66C00;
}

div.kategorieNavigation li.thirdNavigation {
	padding-left:		20px;
	font-size:			11px;
}


div.angebotBox {
        margin-top:                        5px;
}


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

div.katalogBox div h4 {
        display:                        block;
        background-image:         url(../images/navbox_pfeil.gif);
        background-repeat:         no-repeat;
         background-position:	10px 0px;
        line-height:                12px;
        font-family:			times;
        font-size:				14px;
        font-weight:			normal;
		color:				#835014;  
		margin:				0;
		padding-left:		35px;
		margin-bottom:		7px;     
}

div.katalogBox h4 a {
        color:				#835014;        
}


/* *********************** Buchkonfigurator ************************ */

div.buchKonfiguratorBox {
	background-color:			#D5C99B;
	-moz-border-radius: 	10px 10px 10px 10px; /* Firefox */
  	-webkit-border-radius: 	10px 10px 10px 10px; /* Safari and Chrome */
  	border-radius:			10px 10px 10px 10px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
	xbehavior: 				url(templates/standard/design/rot/css/ie-css3.htc);
	xposition:				relative;
	left:					-10px;
	padding-top:			5px;
	padding-bottom:			1px;
	padding-left:			10px;
	width:					200px;
	margin-top:				15px;
}



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

div.meinKonto {
        position:                        absolute;
        left:                                530px;
        top:                                0px;
        width:                                450px;
        margin:                                0;
        padding:                        0;
        z-index:                        10;
        height:                                30px;
}

div.meinKonto h2 {
        color:                                #ffffff;
        margin:                                0;
        font-weight:                normal;
        font-size:                        14px;
        float:                                right;
        width:                                110px;
        height:                                30px;
        text-align:                        center;
        line-height:                25px;
}

div.meinKonto h2 a {
        color:                                #ffffff;
}

div.meinKonto ul {
        list-style:                        none;
        margin:                                0;
        padding:                        0;
}

div.meinKonto ul li {
        float:                                right;
        width:                                110px;
        height:                                30px;
        text-align:                        center;
        line-height:                25px;
}

div.meinKonto ul li a {
        display:                        block;
        color:                                #ffffff;
        margin-bottom:                6px;
        font-size:                        14px;
}



div.meinKonto fieldset {
        display:                        none;
        border:                                0px;
        padding-left:                10px;
        padding-top:                5px;
        text-align:                        left;
}

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

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





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

div.suchBox {
        position:                        absolute;
        top:                                118px;
}

div.suchBox h2 {
        display:                        none;
}

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

div.suchBox fieldset select {
        width:                                160px;
        height:                                18px;
        float:                                left;
        margin-right:                5px;
}

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

div.suchBox fieldset span input {
        position:                         relative;
        top:                                2px;
        width:                                30px;
        height:                                18px;
        margin-left:                4px;
        margin-top:                        -2px;
        border:                                0;
        background-color:        transparent;
        color:                                #ffffff;
        font-size:                        16px;
}

div.suchBox fieldset a {
        display:                        block;
        color:                                #A90017;
        font-size:                        10px;
        text-indent:                0;
        clear:                                both;
        position:                        relative;
        top:                                -2px;
}


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

div.herstellerBox{
        background-image:         url(../images/navbox1_top.gif);
        background-repeat:         no-repeat;
        width:                                200px;
        margin:                                0;
        padding:                        0;
        margin-top:                        15px;
}

div.herstellerBox div {
	background-image: 	url(../images/navbox1_bottom.gif);
	background-position:bottom left;
	background-repeat: 	no-repeat;
}

div.herstellerBox h2 {
        color:                                #3D3D3D;
        padding-left:                10px;
        margin:                                0;
        margin-bottom:                8px;
        padding-top:                5px;
        font-weight:                normal;
        text-transform:                uppercase;
        background-image:         url(../images/navbox1_headline.gif);
        background-repeat:         no-repeat;
        background-position:15px 8px;
        font-size:                        16px;
}

div.herstellerBox ul {
        list-style:                        none;
        margin:                                0;
        padding:                        0;
        margin-left:                10px;
}

div.herstellerBox ul li a {
        display:                        block;
        background-image:         url(../images/navbox_pfeil.gif);
        background-repeat:         no-repeat;
        background-position:-5px 2px;
        color:                                #0063AB;
        margin-bottom:                6px;
}

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

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



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

div.empfehlenBox {
        background-image:         url(../images/navbox1_top.gif);
        background-repeat:         no-repeat;
        width:                                200px;
        margin:                                0;
        padding:                        0;
        margin-top:                        15px;
}

div.empfehlenBox div {
	background-image: 	url(../images/navbox1_bottom.gif);
	background-position:bottom left;
	background-repeat: 	no-repeat;
}

div.empfehlenBox h2 {
        color:                                #3D3D3D;
        padding-left:                10px;
        margin:                                0;
        margin-bottom:                8px;
        padding-top:                5px;
        font-weight:                normal;
        text-transform:                uppercase;
        background-image:         url(../images/navbox1_headline.gif);
        background-repeat:         no-repeat;
        background-position:15px 8px;
        font-size:                        16px;
}

div.empfehlenBox a {
        display:                        block;
        width:                                170px;
        position:                        relative;
        left:                                10px;
        font-size:                        11px;
        padding-bottom:			10px;
}


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

div.newsletterBox {
        background-image:         url(../images/navbox3_top.gif);
        background-repeat:         no-repeat;
}

div.newsletterBox div {
	background-image: 	url(../images/navbox3_bottom.gif);
	background-position:bottom left;
	background-repeat: 	no-repeat;
}

div.newsletterBox h2 {
        color:                                #3D3D3D;
        padding-left:                10px;
        margin:                                0;
        margin-bottom:                8px;
        margin-top:                        15px;
        padding-top:                5px;
        font-weight:                normal;
        text-transform:                uppercase;
        background-image:         url(../images/navbox3_headline.gif);
        background-repeat:         no-repeat;
        background-position:10px 9px;
        font-size:                        14px;
}

div.newsletterBox fieldset {
        border:                                0px;
        padding-left:                10px;
        text-align:                        left;
        width:                                90px;
        padding-bottom:			10px;
}

div.newsletterBox fieldset input {
        width:                                150px;
        height:                                14px;
        color:                                #A90017;
        border:                                1px solid #D6DADC;
}

div.newsletterBox fieldset span input {
        width:                                75px;
        margin-top:                        2px;
        height:                                17px;
        float:                                left;
        margin-right:                2px;
        border:                                1px solid #D6DADC;
}

div.newsletterBox p {
        position:                        relative;
        top:                                5px;
        font-weight:                bold;
        color:                                red;
        font-size:                        10px;
}


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

div.footer div div.counterBox {
        background-image:        url(../../../../../images/trans.gif);
        position:                        absolute;
        top:                                8px;
        left:                                10px;
        text-align:                        left;
}

div.counterBox strong {
        color:                                #ffffff;
}

div.counterBox h4 {
        display:                        block;
        text-align:                        left;
        font-weight:                normal;
        font-size:                        11px;
        line-height:                17px;
        margin:                                0;
        padding:                        0;
        color:                                #ffffff;
}

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

div.sprachBox {
        position:                        absolute;
        top:                                118px;
        left:                                915px;
        display:				none;
}

div.sprachBox h2 {
        display:                        none;
}

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 {
        background-image:         url(../images/navbox3_top.gif);
        background-repeat:         no-repeat;
        margin:                                0;
        padding:                        0;
        margin-top:                        15px;
}

div.partnerBox div {
	background-image: 	url(../images/navbox3_bottom.gif);
	background-position:bottom, left;
	background-repeat: 	no-repeat;
}

div.partnerBox h2 {
        color:                                #B6CC00;
        padding-left:                10px;
        margin:                                0;
        margin-bottom:                8px;
        padding-top:                5px;
        font-weight:                normal;
        text-transform:                uppercase;
        background-image:         url(../images/navbox3_headline.gif);
        background-repeat:         no-repeat;
        background-position:15px 8px;
        font-size:                        14px;
}

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



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

div.warenkorbBox {
        position:					absolute;
        top:						20px;
        left:						665px;
        background-color:			#F0E899;
        width:						300px;
        height:						52px;
        margin:                                0;
        padding:                        0;
        margin-top:                        15px;
        border:						2px solid #A0A36D;
        -moz-border-radius: 	5px; /* Firefox */
  		-webkit-border-radius: 	5px; /* Safari and Chrome */
  		border-radius:			5px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
		behavior: 				url(templates/standard/design/rot/css/ie-css3.htc);
}

div.warenkorbBox div {
	display:			block;
}

div.warenkorbBox h2 {
        color:                                #D66C00;
        padding-left:                10px;
        margin:                                0;
        margin-bottom:                8px;
        padding-top:                5px;
        font-size:                        14px;
}

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

div.warenkorbBox h4 a {
        display:                        block;
        color:                                #A90017;
        font-weight:                bold;
        margin-top:                        5px;
        margin-bottom:                5px;
        font-size:                        12px;
        padding-bottom:				10px;
}

div.warenkorbBox small {
        display:                        block;
        text-indent:                10px;
        margin-bottom:                5px;
}


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

div.bestsellerBox {
        background-image:         url(../images/navbox3_top.gif);
        background-repeat:         no-repeat;
}

div.bestsellerBox div {
	background-image: 	url(../images/navbox3_bottom.gif);
	background-position:bottom left;
	background-repeat: 	no-repeat;
	display:			block;
}

div.bestsellerBox h2 {
        color:                                #3D3D3D;
        padding-left:                10px;
        margin:                                0;
        margin-bottom:                8px;
        margin-top:                        15px;
        padding-top:                5px;
        font-weight:                normal;
        text-transform:                uppercase;
        background-image:         url(../images/navbox3_headline.gif);
        background-repeat:         no-repeat;
        background-position:10px 9px;
        font-size:                        14px;
}

div.bestsellerBox ol {
        position:                         relative;
        list-style:                 decimal;
        text-decoration:         none;
        list-style-position:outside;
        margin:                                0;
        padding-left:                30px;
        padding-right:                8px;
        color:                                #3D3D3D;
        padding-bottom:			10px;
}

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

div.bestsellerBox a {
        display:			inline;
        height:                                35px;
        overflow:                        hidden;
}

div.bestsellerBox strong {
        display:                        block;
        xtext-align:                        right;
        color:                                #3D3D3D;
}




/* ***************************** Facettensuche *************************** */

#facettenSuche {
    background-image: 	url(../images/navbox2_top.gif);
	background-repeat: 	no-repeat;
}

div.facettenBottom {
	background-image: 	url(../images/navbox2_bottom.gif);
	background-position:bottom;
	background-repeat: 	no-repeat;
}

div#facettenSuche h2 {
	color:				#D66C00;
	padding-left:		10px;
	padding-top:		5px;
	margin:				0;
	margin-bottom:		8px;
	margin-top:			15px;
	font-weight:		normal;
	text-transform:		uppercase;
	background-image: 	url(../images/navbox2_headline.gif);
	background-repeat: 	no-repeat;	
	background-position:2px 8px;
	font-size:			16px;
}

div.facettensuche_filter {
	padding-bottom:		10px;
}

div.facettensuche_filter_head {
    display:			block;
    font-weight:		bold;
    text-indent:		5px;
}

ul.facettensuche_filter_auspraegungen {
	margin:				0;
	padding:			0;
	list-style:			none;
	margin-bottom:		10px;
}

li.facettensuche_auspraegung {
    display:			block;
    text-indent:		10px;
}

.facettensuche_selected {
    color:				#000000;
    font-weight:		bold;
}

.facettensuche_fragezeichen {
    left:				0px;
    position:			relative;
    top:				-75%;
    width:				40px;
    text-align:			center;
}

.tooltip {
	font-weight:		bold;
}

.tooltip .tooltiptext {
    font-weight:		normal;
    text-align:			left;
    text-decoration:	none;
    z-index: 			500;
    padding:			5px;
}

.tooltip:hover .tooltiptext {
	display:			block;
	position:			absolute;
	width:				200px;
	left: 				30px
}
