/*Rollicompany*/
/*________________________________HINTERGRUND__________________________________________*/

div.verlauf{
background:url("../../../../SF/ImageSet/RolliCompany/verlauf.png") repeat-y scroll right top !important;
}

div.bodenlinie{
height:2px;
/*background:transparent url("../../../../SF/ImageSet/HerrenMode/bodenlinie.gif") no-repeat scroll left bottom !important;*/
background: transparent url("../../../../SF/ImageSet/RolliCompany/bodenlinie.gif") repeat-x left bottom;

border-left:2px solid #b0b0b0;
border-right:2px solid #b0b0b0;
background-color:#fff;

/*
margin:0px;
padding:0pt 0pt 0px;
position:relative;
*/

}


div.allescontainer{
z-index:5;
}
div.rollicompanymaster{
background:url("../../../../SF/ImageSet/RolliCompany/verlauf.png") repeat-y scroll right top !important;

}

img.ornament{
	border:medium none;
	bottom:0pt;
	position:fixed;
	right:0pt;
	
}
div.ornament{
	border:medium none;
	bottom:0pt;
	position:fixed;
	right:0pt;
}



div.hintergrund_verlauf{

position:absolute;
bottom:0px;
right:0px;

width:100%;
height:100%;

}

div.hintergrund_ornament{
/*
background: transparent url(../../../../SF/ImageSet/RolliCompany/bigbgr_ornament.png) no-repeat scroll right bottom !important;
*/
/*IE6
bottom:0px;
height:100%;
position:absolute;
right:0px;
width:100%;
*/
}



/*
position:absolute;
bottom:0px;
right:0px;

width:100%;
height:100%;
*/


/*________________________________HINTERGRUND__________________________________________ENDE*/


/*________________________________BOX-MODIFIKATION__________________________________________*/



/*damit das linke hintergrundteil von links oben ausgehend angezeigt wird -> left top*/ 
 .NavBarLeft .ShopNameSlogan .BoxContainer,
  .NavBarLeft .ContextBox .BoxContainer {
      
        position: relative;                   /* IE BackgroundImage fix */
        padding: 0 0 1px 0;                   /* IE BackgroundImage fix */
        margin: 0px;
        background: url("../../../../SF/ImageSet/RolliCompany/bgr_left_boxbody.gif") no-repeat left top !important;
      
  }
 
/*damit das rechte hintergrundteil von rechts oben ausgehend angezeigt wird -> right top*/ 
  .NavBarLeft .ShopNameSlogan, .NavBarLeft .ContextBox {
background:transparent url(../../../../SF/ImageSet/RolliCompany/bgr_left_boxbody_floatin.gif) no-repeat scroll right top;
}





/* rechte Boxen*/

/* linker Teil*/
 .NavBarRight .ShopNameSlogan .BoxContainer,
 .NavBarRight .ContextBox .BoxContainer {

        position: relative;                   /* IE BackgroundImage fix */
        padding: 0 0 1px 0;                   /* IE BackgroundImage fix */
        margin: 0px;
        background: url("../../../../SF/ImageSet/RolliCompany/bgr_right_boxbody.gif") no-repeat left top !important;
  }
/*rechter Teil*/
.NavBarRight .ShopNameSlogan,
.NavBarRight .ContextBox {
        background: url("../../../../SF/ImageSet/RolliCompany/bgr_right_boxbody_floatin.gif") no-repeat right top;
  }




/*________________________________________BOX-Modifikationen_________________________________-ENDE*/

/*________________________________INHALTSBEREICH__________________________________________*/



/*abgerundete Kopfleiste  - funktioniert wie die Boxen */

div.inhalt_head{
/*background:transparent url(../../../../SF/ImageSet/HerrenMode/bgr_left_boxhead.gif) no-repeat scroll left top;*/
background:transparent url(../../../../SF/ImageSet/RolliCompany/bgr_listhead.gif) no-repeat scroll left top;
margin:0pt;
padding:0pt 0pt 0pt 10px;
height:24px;
}



h3.inhalt_headright{
background:transparent url(../../../../SF/ImageSet/RolliCompany/bgr_listhead_floatin.gif) no-repeat scroll right top;
/*background:transparent url(../../../../SF/ImageSet/HerrenMode/bgr_left_boxhead_floatin.gif) no-repeat scroll right top;*/
margin:0pt;
height:20px;
min-height:20px;
padding:3px 0pt 1px;
text-align:left;
color:#fff;
}


/*hintergrund mittelbox*/
div.hintergrund_mitte_links{
position: relative;                   /* IE BackgroundImage fix */
padding: 0 0 1px 0;                   /* IE BackgroundImage fix */
margin: 0px;
background: url("../../../../SF/ImageSet/RolliCompany/bgr_middle_left_boxbody.gif") no-repeat left top !important;

}
div.hintergrund_mitte_rechts{
		position: relative;                   /* IE BackgroundImage fix */
        padding: 0 0 1px 0;                   /* IE BackgroundImage fix */
		padding:0px;
        margin: 0px;
        background: url("../../../../SF/ImageSet/RolliCompany/bgr_middle_right_boxbody_floatin.gif") no-repeat right top !important;
		}
		

/* --------------Kategorien als Liste-----------------------------------------------------*/

.ListItemFreeContent, .ListItemImprint, .ListItemTermsAndConditions, .ListItemLink, .ListItemArticle {
clear:both;
margin:6px 0pt 0pt;
padding:0pt 20pt;
}
/* --------------Kategorien als Liste----ENDE--------*/	
	
/* aufzaehlen der  unterkategorien*/
.ListItemCategoryTable{

      width: 100%;
	  border-left: 1px solid #666;
	  border-right: 1px solid #666;
      border-spacing: 1px;
	  background-color:#666;

  }


/*------Produktbeschreibung auf rechte seite---*/

.ProductListImageBox div.ImageArea {
background-color:none;
text-align:center;
float:left;
padding:10px;
}


/*------Produktbeschreibung auf rechte seite-ENDE--*/

/*Durch Produkte blaettern*/
div.PageThis{
margin:10px 20px 10px 20px;
}

.ProductListImageBox div.ImageArea {
background-color:#ffffff;
/*background-color:#ffffff;*/
text-align:center;
}

.ProductListImageBox tr td, .CrossellingCount tr td, .BundledProductsTable tr td {

padding:0px;

}

div.Produkt_Text_loesel{
padding:10px 20px 10px 20px;
}



/*________________________________INHALTSBEREICH__________________________________________ENDE*/	



/*________________________________Produktseite__________________________________________*/
/*Produktbild*/
div.ImageLeft .ImageArea {
padding:1px;
background-color:#ffffff;
}

div.ImageContainer{
padding: 0px 10px 10px 20px;
/*
border-top:1px solid #c81f66;
border-left:2px solid #c81f66;
border-right:1px solid #c81f66;
border-bottom:1px solid #c81f66;
*/
}


div.ImageLeft .ImageArea {
float:left;
padding:10px;
}
div.ImageLeft .InfoArea {
float:left;
padding:0px 20px 0px 0px !important;
padding:0px 40px 0px 0px;
text-align:left;
width: 90% !important;
}


/*Artikelnummer*/
div.ArtikelNummer_Loesel{
color:#000000;
font-family:Arial,Verdana,Helvetica;
font-size:1.2em;
}

.FullSize{

}

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: 100%;
	border-left: 1px solid #666;
	border-right: 1px solid #666;
    border-spacing: 1px;
	
    margin: 0px 1px 0px 2px;
	
}

div.blackrand{
border: 1px solid #c5005a;
}

div.ProductListHeadErsatz{
background:transparent url(../../../../SF/ImageSet/RolliCompany/bgr_boxhead.gif) no-repeat scroll left bottom;
border:0pt none;
height:20px;
margin:0px 0pt 0pt;
padding:0pt 0pt 0pt 24px;
text-align:left;
white-space:nowrap;
}


div.InnerHeadErsatz{

background:transparent url(../../../../SF/ImageSet/RolliCompany/bgr_boxhead_floatin.gif) no-repeat scroll right bottom;
border:0pt none;
font-size:11px;
height:20px;
margin:0pt;
padding:0pt 6px;
position:relative;
width:auto;
}

.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;
}


/*________________________________Produktseite__________________________________________ENDE*/

/*________________________________ShoppingBasket/BESTELLvorgang-Mitte________________________*/
/*weg*/
/*
div.abstandsdiv_basket_mitte{
padding:20px;
}*/




div.einkaufsfortschritt{
margin: 0px auto;
}

table.MiniBasket {
background:#FFFFFF none repeat scroll 0% 50%;
border-collapse:collapse;
border-color:-moz-use-text-color -moz-use-text-color #c81f66;
border-spacing:1px;
border-style:none none solid;
border-width:2px;
margin:3px;
padding:0pt;
text-align:left;
width:100%;
}




/*________________________________ShoppingBasket/BESTELLvorgang-Mitte________________________ENDE*/







/*________________________________IMPRESSUM__________________________________________*/


/*________________________________IMPRESSUM__________________________________________ENDE*/








/*________________________________TreemenueBox -Listamatic-The Purple List   http://css.maxdesign.com.au/listamatic2/vertical14.htm__________________________________________*/

/*________________________________TreemenueBox -Listamatic-The Purple List__________________________________________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*/


div.MiniBasketContainer{
padding:5px;
}


/*________________________________VersandkostenCartridge__________________________________________*/

table.Basket_modfordeliverycosts {
border-collapse:collapse;
width:100%;
border:0px solid #000;

}

tr.abstandsreihe{
}

tr.headline_reihe{
text-align:left; 
border-right:1px solid #fff;
}

th.headline_spalte{
background:transparent url(../../../../SF/ImageSet/RolliCompany/bgr_boxhead.gif) no-repeat scroll left top; /*COLORCHANGE*/
/*
background-color:#c3c3c3;
border-left:1px solid #c3c3c3;
border-top:1px solid #c3c3c3;
border-right:1px solid #c3c3c3;
*/
}

td.headline_spalte{
background:transparent url(../../../../SF/ImageSet/RolliCompany/bgr_boxhead.gif) no-repeat scroll left top; /*COLORCHANGE*/
/*
background-color:#c3c3c3;
border-left:1px solid #c3c3c3;
border-top:1px solid #c3c3c3;
border-right:1px solid #c3c3c3;
*/
}

h3.headline_text{
/*
background:transparent url(../../../../SF/ImageSet/RolliCompany/bgr_boxhead_floatin.gif) no-repeat scroll right top; 
*/
/*COLORCHANGE*/

color:#000; 
padding: 0px 5px;
}

tr.inhalt_reihe{
}

td.inhalt_links_leer{

border-left:1px solid #c81f66;
border-top:1px solid #c81f66;
border-bottom:1px solid #c81f66;
}

td.inhalt_links{
padding:5px;
font-size: 1em;
border-top:1px solid #c81f66;
border-bottom:1px solid #c81f66;
}

td.inhalt_rechts{
padding:5px;
font-size: 1em;
border-right:1px solid #c81f66;
border-top:1px solid #c81f66;
border-bottom:1px solid #c81f66;
}

/*________________________________VersandkostenCartridge__________________________________________ENDE*/



div.MiniBasketContainer{
padding:5px;
}



/*__________________________________EXPERIMENTAL__________________________________*/

/*_________________________________Kategorie-Listing unter Moodpic_______________________*/
/* aufzaehlen der  unterkategorien*/
.ListItemCategoryTable{

      width: 100%;
	 
	border-left: 2px solid #c81f66; /*Change-normal*/
	border-right: 2px solid #c81f66; /*Change-normal*/

	  
      border-spacing: 1px;
	  background-color:transparent;

	  
	  


  }

 
  
.ListItemCategoryTable tr td {
background-color:#fff;
border:1px solid #c3c1c0; /*Change-light*/
}

.ListItemCategoryTable td:hover { background-color:#dbdad9; /*Change-superlight*/}


/*_________________________________Kategorie-Listing unter Moodpic______________ENDE_________*/

/*Schriftgroesse - kategorie-links*/ 
a.tablink{
font-size: 0.9em;
font-family:sans-serif;
}

div.ListItemCategory {
padding:3px;
}

.ProductListImageBox{
/*
width: 100%;

	  border-left: 1px solid #986379;
	  border-right: 1px solid #986379;
      border-spacing: 1px;
*/
	  /*background-color:#986379;*/

}

.ProductListImageBox tr td {
background-color:#fff;
}


.ProductListImageBox tr td, .CrossellingCount tr td, .BundledProductsTable tr td {
background:transparent none repeat scroll 0%;
border:1px solid #c81f66; /*Change-normal*/

padding:10px 5px 5px;

text-align:center;
vertical-align:top;
width:33%;
}

.ListItemCategory {
min-height:20px;
}




/*__________________________________Einspaltige Ansicht der Produkte__________________________________*/
/*Darstellung von Trennlinien bei der Produktdarstellung in Listenansicht untereinander*/ 
div.ListItemProductContainer{
border-bottom: 1px solid #c81f66; /*Change-normal*/

}


div.ProductListHead {
	/*
background:transparent url(../../../../SF/ImageSet/RolliCompany/bgr_listhead.gif) no-repeat scroll left bottom;
	*/
background-color:#c3c1c0; /*Change-light*/
background-image:none;

border-left: 2px solid #c81f66; /*Change-normal*/
height:24px;
margin:6px 0pt 0pt;
padding:0pt 0pt 0pt 24px;
text-align:left;
white-space:nowrap;
}


div.ProductListHead div.InnerHead {
/*
background:transparent url(../../../../SF/ImageSet/RolliCompany/bgr_listhead_floatin.gif) no-repeat scroll right bottom;
*/
background-color:#c3c1c0; /*Change-light*/
background-image:none;

border-right: 2px solid #c81f66; /*Change-normal*/


font-size:11px;
height:24px;
margin:0pt;
padding:0pt 6px;
position:relative;
width:auto;
}

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_______*/


/*__________________________________Einspaltige Ansicht der Kategorien__________________*/	
	
div.ListItemCategory {



/*border-top:1px solid #c3c1c0;*/  /*Change-light*/
/*
background-color:#f5f5f5 !important;

border-bottom:1px solid #666;
border-left:0px solid #e1e1e1;
border-right:0px solid #e1e1e1;
*/

margin:10px 2px 0px 2px;
/*min-height:50px;*/
padding:5px 10px 0px 10px;
}	
img.CategoryImageSmall_LOE{
height:50px; 
float:right;
}




/*__________________________________Einspaltige Ansicht der Kategorien________ENDE__________*/	


/*Suckerfisch dropdown*/

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

#nav a {
	display: block;
	width: 10em;
}

#nav li { /* all list items */
	float: left;
	width: 10em; /* width needed or else Opera goes nuts */
}

#nav li ul { /* second-level lists */
	border-left:1px solid #666;
	border-top:1px solid #666;
	border-right:2px solid #666;
	border-bottom:2px solid #666;
	position: absolute;
	background: #fff;
	width: 10em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	padding:3px;
	z-index:10;
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;

}
li a:hover { 

/*background-color:#dbdad9;*/ /*Change-superlight*/
}

#content {
	clear: left;
	color: #ccc;
}

/*_____PERL__Kontaktformular_________*/

#titeltag{
color:fff;
font-size:0.8em;
}

#kontaktformtext{
font-size:0.8em;
}

.cf_field{
background-color:#eee;
padding:10px;
}
.cf_fieldlabel{
color:#666;
font-size:0.9em;
font-weight:bold;
font-variant:small-caps;

}


/*-----*/

.cf_error { color:#fb5555; font-weight:bold; background-color:#fff; padding:15px; border:2px solid #fb5555 ;}


.cf_textentry { min-width:100px; width:100%; max-width:300px; width:expression(document.body.clientWidth>600?"600px":"auto");}
textarea.contactform { height:1.5in; }
.cf_required { color:red; }
#cf_version { text-align:right; }
#cf_global_error { margin-bottom:0.25cm; }
.cf_field { margin-bottom:15px; }
.cf_nt { display:none; }
.cf_preview { border:thin black ridge; padding:1cm; max-width:600px; width:expression(document.body.clientWidth>600?"600px":"auto");margin-bottom:1cm;}


/*---------------------Eigenes Kontaktformular---------------------------*/

p.Formulartable{
font-family:Arial, sans serif;
color:#000;
font-size:0.9em;
}

div.Formulartable{
float:left;
color:#fff;
font-size:0.9em;
font-family:Arial, sans-serif;
}

th.Formulartable{
padding:3px 7px;
/*background:transparent url(../../../../SF/ImageSet/RolliCompany/bgr_boxhead.gif) no-repeat scroll left top;*/ /*COLORCHANGE*/
background-color: #c5005a; /*Change-light*/ /*COLORCHANGE*/

}

td.Formulartable{
padding:3px 7px;
font-size:0.9em;
color:#000;
font-family:Arial, sans serif;
}

div.Formulartable_stardiv{
float:right;
}

span.Formulartable_stardiv{
font-size:10px;
}

p.Formulartable{
font-size:0.9em;
}

p.Formulartable_Adresse{
}
div.Formulartable_Adresse{
padding:10px;
font-size:0.8em;
background-color: #f1c7d9; /*Change-superlight*/ /*COLORCHANGE*/
width:35%;
font-family:Arial, sans serif;
color:#000;
}

img.Formulartable{

}
a.Formulartable {
color:#000;
textdecoration:underline;
}

a.Formulartable:visited{
color:#666;
}
a.Formulartable:hover{
font-weight:bold;
}


/*Fehler-Fenster*/
div.Kontaktfehler{
background-color:#f46565;
border: 3px solid #be1c1c;
padding:10px;

}
div.Kontakfehlerkorrektur{

font-size:0.9em;

}

p.Kontaktfehler{
font-size:0.9em;
font-family:Arial, sans serif;
color:#000;
}
p.Kontaktfehlerred{
font-family:Arial, sans serif;
font-weight:bold;
color: #ffffff !important;
}

#Kontaktfehlerueberschrift{
font-family:Arial, sans serif;
color:#000;

float:left;
}
#Kontaktfehlerklose{
font-size:10px;
font-family:Arial, sans serif;
color:#000;

float:right;
}



a.Kontaktfehler {
color:#000;
textdecoration:underline;
}

a.Kontaktfehler:visited{
color:#666;
}
a.Kontaktfehler:hover{
font-weight:bold;
}





/*---------------------Eigenes Kontaktformular-----------------ENDE----------*/

/* ---------------------Storefront Schriftgroessen-override-Contentarea-----------------------*/

.ContentArea, .ContentArea div, .ContentArea table, .ContentArea td {
color:#333333;
font-family:Arial,Verdana,Helvetica;
font-size:12px;
}

/* ---------------------Storefront Schriftgroessen-override-Contentarea-----------------ENDE------*/

/*-----allgemeine Sachen---*/

/*z.B---Oeffnungszeiten*/


th.spalteueberschrift{
background-color:#C3C3C3;
border-left:1px solid #C3C3C3;
border-right:1px solid #C3C3C3;
border-top:1px solid #C3C3C3;
text-align:left;
}

td.spaltelinks{
border-top: 1px solid #000; 
border-left: 1px solid #000; 
border-bottom: 1px solid #000;
padding:3px;
}
td.spaltemitte{
border-top: 1px solid #000; 
border-bottom: 1px solid #000;
padding:3px;
}
td.spalterechts{
border-top: 1px solid #000; 
border-right: 1px solid #000; 
border-bottom: 1px solid #000;
padding:3px;
}

td.ganzespalte{
border-top: 1px solid #000; 
border-right: 1px solid #000; 
border-bottom: 1px solid #000;
border-left: 1px solid #000;
padding:3px;

}

/*2-Spalten-Layout-tabelle-z.B international*/

td.zweispalten_top{
vertical-align:top;
padding:3px;
width:190px;
}
td.zweispalten_top_left{
vertical-align:top;
padding:3px;
}
td.zweispalten_top_right{
vertical-align:top;
padding-left:50px;
}


/*-----allgemeine Sachen--------------------ENDE--*/

/*----SingleColum---ICONS---*/
div.CategoryIcon{
width:15px;
height:15px;
background-color:#fffeee;

float:left;
margin:0px 5px;


background:transparent url(../../NeueIcons/dreieck.gif) no-repeat scroll right top;

}
div.ArticleIcon{
width:50px;
height:50px;
background-color:#fffeee;

float:left;
margin:0px 5px;


background:transparent url(../../NeueIcons/dreieck.gif) no-repeat scroll right top;

}
div.ListItemIcon{
width:50px;
height:50px;
background-color:#fffeee;

float:left;
margin:0px 5px;
background:transparent url(../../NeueIcons/pfeil.gif) no-repeat scroll right top;
}

div.CategoryIcon {
background:transparent url(../../NeueIcons/dreieck.gif) no-repeat scroll right top;
float:left;
height:15px;
margin:0px 5px;
width:15px;
}





/*----SingleColum---ICONS--------------ENDE--------*/

	div.trenner{
margin:0px 2px;
height:5px;
background:transparent url(../../../../SF/ImageSet/RolliCompany/bgr_boxhead_floatin.gif) no-repeat scroll right top;
}

div.mood_pic_loesel_triple{
	
	height:250px;
	margin:0px 2px 0px 2px;
	background-color:#b4b9ce;
	
	/*overflow:hidden;*/

	/*
	das ist jetzt direktz im template deklariert, damit man auf die image-var der kategorie zurueckgreifen kann
	background:url(../../../../SF/ImageSet/RolliCompany/mood_pic.jpg) no-repeat scroll right top;
	*/

	}
div.CategoryIcon {
background:transparent url(../../NeueIcons/dreieck.gif) no-repeat scroll right top;
float:left;
height:15px;
margin:0px 5px;
width:15px;
}

.CrossellingCount tr td{
background:transparent none repeat scroll 0%;
padding:10px;
text-align:center;
vertical-align:top;
width:33%;
}