/*RolliCompanyOne4All-CSS*/

/*achtung hier ne aenderung da bei langsamen laden immer der graue 4c4c4c hintergrund druch kam  04.03.2009*/
body{background-color:#fff;}
/*position: absolute; width: 1024px; left: 50%; margin-left: -512px;*/

/*-----------------------------Navbar-Links-------------------------------------*/
.NavBarLeft .ActiveNode, .NavBarLeft a{
color:#333;
font-style:normal;
font-weight:normal;
text-decoration:none;
font-size:12px;
line-height: 1.5em;}
.NavBarLeft .ActiveNode, .NavBarLeft a:hover{
color:#888888;
font-style:normal;
font-weight:normal;
text-decoration:underline;
font-size:12px;
line-height: 1.5em;}
/*-----------------------------Navbar-Links---------------------ENDE----------------*/
/*-------------------------------------------------------------------------------------------------Kategorie-Listing neben Moodpic------------------*/
/*SubKategorie-Ansicht als Liste neben Bild ueber den Produkten*/
h1.Kategorie_Ueberschrift{padding:10px 20px;}
/*SubKategorie-Ansicht als Liste neben Bild ueber den Produkten-------bullet-dreieck*/
div.CategoryIcon {
background:transparent url(../../NeueIcons/dreieck.gif) no-repeat scroll right top;
float:left;
height:15px;
margin:0px 5px;
width:15px;}
/*auch irgendwo bei Kategorieaufzählungen*/
img.CategoryImageSmall_LOE{height:50px; float:right;}
/*Ansicht der KAtegorieaufzählung */
div.ListItemCategory {
padding:5px 10px 0px 10px;
margin-top:6px;
min-height: 20px;/*Firefox,IE7*/
_height: 20px;/*IE6*/}
/*-------------------------------------------------------------------------------------------------Kategorie-Listing neben Moodpic---------ENDE---------*/
/*_________________________________Kategorie-Listing unter Moodpic_______________________*/
/*siehe individuelles CSS*/
/*_________________________________Kategorie-Listing unter Moodpic___________ENDE____________*/
/*__________________________________Einspaltige Ansicht der Produkte__________________________________*/
/*Darstellung von Trennlinien bei der Produktdarstellung in Listenansicht untereinander*/ 
div.ProductListFoot {
/*background:transparent url(../../../../SF/ImageSet/RolliCompany/bgr_listfoot.gif) no-repeat scroll left top;*/
background-image:none;
border:0pt none;
height:24px;
margin:1px 0pt 6px;
padding:0pt 0pt 0pt 24px;
text-align:left;
white-space:nowrap;}
div.ProductListFoot div.InnerFoot {
/*background:transparent url(../../../../SF/ImageSet/RolliCompany/bgr_listfoot_floatin.gif) no-repeat scroll right top;*/
background-image:none;
border:0pt none;
font-size:11px;
height:24px;
padding:0pt 6px;
position:relative;}
/*__________________________________Einspaltige Ansicht der Produkte___________________________ENDE_______*/
/*______________________________________________CROSSSELLING________*/
.CrossellingCount tr td{
background:transparent none repeat scroll 0%;
/*border:1px solid #04135b;*/ /*Change-normal*/
padding:10px;
text-align:center;
vertical-align:top;
width:33%;}
.CrossellingCount tr td {border:0px solid #4C4C4C;}
/*______________________________________________CROSSSELLING___ENDE_____*/
/*________________________________IMPRESSUM__________________________________________*/
div.abstandsdiv_standard{padding:20px;}
/*________________________________IMPRESSUM__________________________________________ENDE*/
/*________________________________ShoppingBasket/BESTELLvorgang-Mitte________________________*/
div.abstandsdiv_basket_mitte{padding:20px;}
div.einkaufsfortschritt{height:120px;margin: 0px auto;}
div.FormHolder{}
table.MiniBasket {
background:#FFFFFF none repeat scroll 0% 50%;
border-collapse:collapse;
/*border-color:-moz-use-text-color -moz-use-text-color #878281;*/
border-spacing:1px;
border-style:none none solid;
border-width:2px;
margin:3px;
padding:0pt;
text-align:left;
width:100%;}
/*________________________________ShoppingBasket/BESTELLvorgang-Mitte________________________ENDE*/
/*________________________________Produkt-Detailansicht__________________________________________*/
div.detailansicht{
position:fixed;
top: 0px;
left: 0px;
background-color:#fff;
width:100%;
height:100%;
width:100% !important;
height:100% !important;}
h1.ueberschriftabstand{display:block;margin:20px;}
/*________________________________Produkt-Detailansicht__________________________________________ENDE*/
/*________________________________Produktseite__________________________________________________*/
div.ie6randoben{height:1px;}
div.ExInfoArea{/*kann vorerst leer bleiben*/}
/*Produktbild*/
div.ImageLeft .ImageArea {padding:1px;background-color:#ffffff;}
div.ImageContainer{
/*IE6
padding: 0px 10px 10px 20px;
*/
/*
border-top:1px solid #878281;
border-left:2px solid #878281;
border-right:1px solid #878281;
border-bottom:1px solid #878281;
*/
}
div.ImageLeft .ImageArea {float:left;padding:10px;margin-left:2px;}
div.ImageLeft .InfoArea {
/*achtung hier ne aenderung wegen vonKundenfuerkunden linker rand 20px  04.03.2009*/
float:left;
padding:0px 20px 0px 20px !important;
padding:0px 40px 0px 40px;
text-align:left;
width: 90% !important;}
/*Artikelnummer*/
div.ArtikelNummer_Loesel{
color:#000000;
font-family:Arial,Verdana,Helvetica;
font-size:1.2em;}
div.testcontainer{width:100% !important;width:90%;}
div.weitereProd_loesel{padding:20px 20px 10px 20px;}
table.SelectVariation{border:0px;}
table.UserAttributes{
    background-color:#fff;
	width: 99.6%;
	border-left: 1px solid #666;
	border-right: 1px solid #666;
    border-spacing: 1px;
    margin: 0px 1px 0px 1px;}
/* bei den suchergebnissen
div.blackrand{border: 1px solid #c3c3c3;}
*/
.ContentArea table.Dialog {border-collapse:seperate;border-width:0px;}
div.TableHead{margin-top:0px;}
div.Trenner{width:100%;height:1px;background-color:#c3c3c3;}
/* findet bei Produkt durchblaettern anwendung*/
.Pager {
background:transparent none repeat scroll 0% !important;
height:16px;
margin:0px 20px 50px;
padding:4px 0px;
position:relative;
vertical-align:middle;}
/* Spezialpreislink*/
a.LinkSpecialPrices{}
/*________________________________Produktseite__________________________________________ENDE*/
/*________________________________INHALTSBEREICH__________________________________________*/
.ContentArea h1 {font-family:Arial,Verdana,Helvetica;font-size:24px;}
/* Abstand im Startbereich in der Mitte*/
div.abstandsdiv{padding: 0px 20px;}
/*Titel und Beschreibung der KAtegorie*/
.CategoryList .CategoryText  {
display:table-cell;
padding:0px 20px;
vertical-align:top;}
/* Stimmungsbild*/
	div.mood_pic_loesel	{
	height:350px;
	margin:0px 2px 0px 2px;
	/*overflow:hidden;*/
	/*
	das ist jetzt direktz im template deklariert, damit man auf die image-var der kategorie zurueckgreifen kann
	background:url(../../../../SF/ImageSet/HerrenMode/mood_pic.jpg) no-repeat scroll right top;
	*/	}
	div.mood_pic_loesel_triple{
	height:250px;
	margin:0px 2px 0px 2px;
	/*overflow:hidden;*/
	/*
	das ist jetzt direktz im template deklariert, damit man auf die image-var der kategorie zurueckgreifen kann
	background:url(../../../../SF/ImageSet/HerrenMode/mood_pic.jpg) no-repeat scroll right top;
	*/}
/*SUFU*/
div.SearchMask{margin:10px 20px 10px 20px;}
/*Durch Produkte blaettern*/
div.PageThis{margin:10px 20px 10px 20px;}
.ProductListImageBox div.ImageArea {
background-color:none;
text-align:center;
/*test-bilder_links-text_rechts*/
 float:left;
padding:10px;}
div.Description{margin-bottom:10px;}
.ProductListImageBox tr td, .CrossellingCount tr td, .BundledProductsTable tr td {padding:10px;}
div.Produkt_Text_loesel{padding:10px 20px 10px 20px;}
/*________________________________INHALTSBEREICH__________________________________________ENDE*/

/*________________________________Kopfteil__________________________________________*/
/*_______________________Shop-Logo____________*/


/*Den Text Mode die im Sitzen sitz und die beiden Waschzettel unsichtbar machen */
div.ShopLogo{margin:25px 15px;}

/* ***************************************************************** */													*/
/*	div.RolliClaim	{													*/
/*	/*------fixer claim														*/
/*	height:41px;															*/
/*	width:391px;															*/
/*	background:transparent url(../../../../SF/ImageSet/RolliCompany/RolliClaim_8.png) no-repeat scroll right top;	*/
/*	margin:30px 200px 0px 315px;												*/
/*	*/
/*		/*------dyn claim*/													*/
/*	height:41px;															*/
/*	width:391px;															*/
/*	background:transparent url(../../../../SF/ImageSet/RolliCompany/RolliClaim_8.png) no-repeat scroll right top;	*/
/*	margin:30px 200px 0px 100px;												*/
/*	}																*/
/*	div.RolliClaimEN	{													*/
/*		/*------dyn claim*/													*/
/*	height:45px;															*/
/*	width:510px;															*/
/*	background:transparent url(../../../../SF/ImageSet/RolliCompany/RolliClaim_8EN.png) no-repeat scroll right top; */
/*	margin:30px 200px 0px 100px;												*/
/*	}	*/	

	div.RolliClaimEN	{													
		/*------dyn claim*/													
	height:120px;															
	width:1024px;															
	background:transparent url(../../../../SF/ImageSet/RolliCompany/RolliClaim_8EN.png) no-repeat scroll right top; 
	margin:30px 200px 0px 100px;												
	}	

/*	div.RolliClaimEN  	{   													*/
/*		/*------dyn claim*/													*/
/*	height:120px;															*/
/*	width:1024px;															*/
/*	background:transparent url(../../../../SF/ImageSet/RolliCompany/bgr_header_floatinEN.gif) no-repeat scroll right top; 
/*	/*margin:30px 200px 0px 100px;												*/
/*	}																*/
/*********************************************************************** */
	div.ShopLogo{margin:35px 5px;}												


div.LogoBackground{														
position: absolute;														
top:0;																
left:0;																
height:120px;															
/*background:transparent url(../../../../SF/ImageSet/RolliCompany/logoback_8.png) no-repeat scroll left top;*/
margin:0;     															
z-index:0;}   															
/*_________________Shop-Logo__ENDE___*/                                                                                 

/*Unsichtbar ENDE beim Rückgängig machen Nur die ersten beiden Zeichen löschen                                          */




/* LINKS im HEAD------------WASCHZETTEL, zum sichtbar machen den Komentar vor den Bildern weg und width und height wieder auf alte werte-------------------------------------------*/
div.SauerLogos{
padding:0px 5px 0px 0px;
}
div.sauercontinence{
position:absolute;
left:750px;
top:121px;
/*Zum Unsichtbar machen die Folgezeile auskommentieren und die Positionangaben auf null setzen */
background:transparent url(../../../../SF/ImageSet/RolliCompany/waschzettel_SauerLogo.png) no-repeat scroll left top;
width:120px; /*alt 120px*/
height:25px; /*alt 25px*/
margin-right:3px;
float:right;}

div.msstiftung{
position:absolute;
left:880px;
top:121px;
/*Zum Unsichtbar machen die Folgezeile auskommentieren und die Positionangaben auf null setzen */
background:transparent url(../../../../SF/ImageSet/RolliCompany/waschzettel_StiftungLogo.png) no-repeat scroll left top;
width:120px; /*alt 120px*/
height:25px; /*alt 25px*/
margin-left:5px;
/*float:right;*/}
div.clearer{clear:both;}

/* LINKS im HEAD------------------------------------------------------ENDE-*/
/*________________________________Kopfteil__________________________________________ENDE*/
/*________________________________HINTERGRUND__________________________________________*/
div.allescontainer{z-index:5;}
img.ornament{
/*IE6
	border:medium none;
	bottom:0pt;
	position:fixed;
	right:0pt;
*/
}
div.ornament{
/*IE6
	border:medium none;
	bottom:0pt;
	position:fixed;
	right:0pt;
	*/
}
div.hintergrund_verlauf{
/*IE6
position:absolute;
bottom:0px;
right:0px;

width:100%;
height:100%;
*/
}
/*________________________________HINTERGRUND_________________________________ENDE_________*/
/*________________________________________BOX-Modifikationen_________________________________*/
/* rechte Boxen*/
div.MiniBasketContainer{padding:5px;}
/*________________________________________BOX-Modifikationen_________________________________-ENDE*/
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------zum Warenkorb hinzufuegen---LINK als Button*/ 
a.LinkBasket{
display:block;
float:right; 
border-style:solid;
border-width:1px; 
padding:3px; 
text-decoration:none; 
width:180px; 
background-color:#e7e7e7;
}
/* geht nicht wegen ie6 problem
a.LinkBasket:link    { color:#000; background-color:#e7e7e7; }
a.LinkBasket:visited { color:#000; background-color:#e7e7e7; }
a.LinkBasket:hover   { color:#000; background-color:#bdbdbd; }
a.LinkBasket:active  { color:#e7e7e7; background-color:#bdbdbd;border-style:groove; }		 
*/
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------zum Warenkorb hinzufuegen---LINK als Button-------ENDE------------*/ 
/*------------Linke navigationsleiste-------------------*/
.NavBarLeft .PropertyContainer {width: 207px;}
/*------------Linke navigationsleiste---------ENDE----------*/
/*_________________________________MUSSnoch zugeordnet werden________________*/
.ProductListImageBox tr td {
 /*IE6temp background-color:#fff;*/}
 
/*Schriftgroesse - kategorie-links*/ 
a.tablink{font-size: 0.9em;font-family:sans-serif;}
div.MiniBasketContainer{padding:5px;}
div.testdiv01{background-color:#0ff008;height:1px;}
div.testdiv02{background-color:#ff0088;}
/*bestellbestätigung*/
div.whiteback{background-color:#fff;width:100%;}
/* Hides from IE-mac \*/
* html .IE6Rand {padding:20px;}
/* End hide from IE-mac */
/* Hides from IE-mac \*/
* html .crossellingtest {height: 1%;}
/* End hide from IE-mac */
/* Hides from IE-mac \*/
* html .adsfasdf {height: 1%;}
/* End hide from IE-mac */
/*_________________________________MUSSnoch zugeordnet werden_____ENDE___________*/
/*Landing-Page-Dezember-Special*/
#landingpagecontainer{width:100%;background: #fff url(../../Landing-Page/Rolli-Moden-Model.jpg) 205px 20px no-repeat;}
div.rundboxcontainer{width:190px;color:#fff;font: normal normal normal 0.9em/1.2em arial, sans-serif;margin-left:1em;}
div.rundboxcontainer h1{margin:0.5em 0.3em 1em 0.3em;color:#000;font: normal normal bold 2em/1.2em arial, sans-serif;}
div.rundboxrechtsoben{background:url(../../Landing-Page/box_rechts_oben.gif) top right no-repeat;margin:0;padding:0;}
div.rundboxlinksoben{background:url(../../Landing-Page/box_links_oben.gif) top left no-repeat;margin:0;padding:0;}
div.rundboxrechtsunten{background:url(../../Landing-Page/box_rechts_unten.gif) bottom right no-repeat;margin:0;padding:0;}
div.rundboxlinksunten{background:url(../../Landing-Page/box_links_unten.gif) bottom left no-repeat;margin:0;padding:0;}
div.rundboxinhalt{text-align:center;margin:0;padding:1em 2.6em 3em 1em;color:#fff;}
div.rundboxinhalt strong{font: normal normal bold 1.8em/1em arial, sans-serif;}
div.rundboxinhalt p{font-size:0.9em;}
div.rundboxinhalt p em{font-weight:bold;}
div.rundboxinhalt h3{color:#fff;}
div.rundboxinhalt a{color:#fff;font-size:1em;text-decoration:underline;}
div.rundboxinhalt a:hover{color:#fff;}
/*Landing-Page-Ende*/
/*Startseite-Selbstdarstellung*/
div.selbstdarstellung{border-left: 1px solid #c7105c; border-right: 1px solid #c7105c;background-color:#fcfcfc;}
div.selbstdarstellung div{background-color: #c7105c;}
div.selbstdarstellung div.selbstdarstellunginhalt{padding: 0 1em; background-color:#fcfcfc;}
div.selbstdarstellung div.selbstdarstellunginhalt h1{font-size: 2em;margin-top:0.5em;margin-bottom:0.2em;color:#333;}
div.selbstdarstellung div.selbstdarstellunginhalt h3{font-size: 1.5em;margin-top:0;margin-bottom:1em;color:#333;}
div.selbstdarstellung div.selbstdarstellunginhalt p{line-height:1.3em;}
div.selbstdarstellung div.selbstdarstellunginhalt p.selbstdarstellunggruss{margin:1em 0 2em 0;line-height:1.5em;}
div.selbstdarstellung a{text-decoration:underline;font-size:1em;}
div.selbstdarstellung a:hover{}
/*Startseite-Selbstdarstellung------ENDE*/

/*Startseite-NEUE-Selbstdarstellung*/
div.neueselbstdarstellung{}
div.neueselbstdarstellung img{margin: 1em 0.5em 0;}
div.neueselbstdarstellung div{}
div.neueselbstdarstellung div.selbstdarstellunginhalt{padding: 0 1em;}
div.neueselbstdarstellung div.selbstdarstellunginhalt h1{font-size: 2em;margin-top:0.5em;margin-bottom:0.2em;color:#333;}
div.neueselbstdarstellung div.selbstdarstellunginhalt h3{font-size: 1.5em;margin-top:0;margin-bottom:1em;color:#333;}
div.neueselbstdarstellung div.selbstdarstellunginhalt p{line-height:1.3em;}
div.neueselbstdarstellung div.selbstdarstellunginhalt p.selbstdarstellunggruss{margin:1em 0 2em 0;line-height:1.5em;}
div.neueselbstdarstellung a{text-decoration:underline;font-size:1em;}
div.neueselbstdarstellung a:hover{}
/*Startseite-Selbstdarstellung------ENDE*/

/*Groessentabellen*/
table.groessentabellen{border:1px solid #666;border-collapse:collapse;}
table.groessentabellen td{border:1px solid #666;border-collapse:collapse;padding:0.3em;text-align:center;}