﻿#logo     {position: absolute; top:0px; left:0px; visibility:visible; z-index:0; }
#content  {position: absolute; top:0px; left:128px; visibility:visible; z-index:0; }
#nav      {position: absolute; top:184px; left:128px; visibility:visible; z-index:0;}

form { margin: 0px }

p, P, font  { font-family: Arial,helvetica; font-size: 12px; color:#FFFFFF; line-height:22px; letter-spacing:0px; }
.filialen   { font-family: Arial,helvetica; font-size: 12px; color:#FFFFFF; line-height:18px; letter-spacing:0px; }
.subtitel   { font-family: Arial,helvetica; font-size: 12px; color:#FFFFFF; line-height:20px; letter-spacing:0px; font-weight:bold; }
.spec       { font-family: Arial,helvetica; font-size: 12px; color:#FFFFFF; line-height:15px; letter-spacing:0px; }
.speclink   { font-family: Arial,helvetica; font-size: 12px; color:#000000; line-height:15px; letter-spacing:0px; }

table.products_single_sub td { white-space: nowrap }

body, td.layout_emptybox, td.layout_empty, td.layout_empty p  {background-color: #E72122; font-size: 12px; letter-spacing:0px; }                                        /*        Hier wird die Grundfarbe aller Seiten eingestellt */

p.copyright,span.copyright { color: #AAAACC; font-size: 10px }

p.tiny, p.tiny p             { font-size: 12px }                  /*        Hier wird die Schriftgroesse für Paragraphen eingestellt */
input, select, li, ol, ul    { font-size: 12px }                  /*        Hier wird die Schriftgroesse für Eingabefelder, Listen usw. */
textarea                     { font-size: 12px }                  /*        Hier wird die Schriftgroesse für Textareas*/

h1 { font-family: Arial,helvetica; font-size: 14px; letter-spacing:0px; color: #FFFFFF; font-weight: normal;}                             /* Hier werden die Ueberschriften 1 - 6 eingestellt */
h2 { font-family: Arial,helvetica; font-size: 14px; letter-spacing:0px; color: #FFFFFF }                                                                        /*                                                                                                                        */
h3 { font-family: Arial,helvetica; font-size: 15px; letter-spacing:0px; color: #000000 }                                                                        /*                                                                                                                        */
h4 { font-family: Arial,helvetica; font-size: 16px; letter-spacing:0px; color: #FFFFFF }                                                                        /*                                                                                                                        */
h5 { font-family: Arial,helvetica; font-size: 17px; letter-spacing:0px; color: #FFFFFF }                                                                        /*                                                                                                                        */
h6 { font-family: Arial,helvetica; font-size: 8px;  letter-spacing:0px;  color: #FFFFFF }                                                                        /*                                                                                                                        */



/* Hier werden die Hyperlinks Formatiert */

a       { font-family: Arial,helvetica; text-decoration: none; font-size: 12px; color: #000000; }
a:hover { color: #666666; }


a.adminlogin, a.adminlogin:active, a.adminlogin:visited, a.adminlogin:hover { color: #E72122 }


td.layout_header, td.layout_header p           {font-family: Arial,helvetica; font-size: 11px; background-color: #E72122; color: #FFFFFF;}
td.layout_subheader, td.layout_subheader p     {font-family: Arial,helvetica; font-size: 11px; background-color: #E72122; color: #FFFFFF;}
td.layout_subheader a, td.layout_subheader a:active, td.layout_subheader a:visited   {color: #FFFFFF}
td.layout_bright_shadow                        {background-color: #E72122}
td.layout_dark_shadow                          {background-color: #E72122}
td.layout_footer                               {background-color: #E72122; color: #000000}

td.infobox_header, td.infobox_header p         {font-family: Arial,helvetica; font-size: 12px; background-color: #E72122; color: #000000;}
td.infobox_list_1, td.infobox_list_1 p         {font-family: Arial,helvetica; font-size: 12px; background-color: #E72122}
td.infobox_list_2, td.infobox_list_2 p         {font-family: Arial,helvetica; font-size: 12px; background-color: #E72122}
td.infobox_body, td.infobox_body p             {font-family: Arial,helvetica; font-size: 12px; background-color: #E72122}

td.infobox1_header, td.infobox1_header p       {font-family: Arial,helvetica; font-size: 12px; background-color: #E72122; color: #000000;}
td.infobox1_list_1, td.infobox1_list_1 p       {font-family: Arial,helvetica; font-size: 12px; background-color: #E72122}
td.infobox1_list_2, td.infobox1_list_2 p       {font-family: Arial,helvetica; font-size: 12px; background-color: #E72122}
td.infobox1_body, td.infobox1_body p           {font-family: Arial,helvetica; font-size: 12px; background-color: #E72122}

td.infobox2_header, td.infobox2_header p       {font-family: Arial,helvetica; font-size: 12px; background-color: #E72122; color: #000000;}
td.infobox2_list_1, td.infobox2_list_1 p       {font-family: Arial,helvetica; font-size: 12px; background-color: #E72122}
td.infobox2_list_2, td.infobox2_list_2 p       {font-family: Arial,helvetica; font-size: 12px; background-color: #E72122}
td.infobox2_body, td.infobox2_body p           {font-family: Arial,helvetica; font-size: 12px; background-color: #E72122; color:#ffffff; padding-top:0px; }

td.category_header, td.category_header p       {font-family: Arial,helvetica; font-size: 12px; background-color: #E72122; color: #000000;}
td.category_objects, td.category_objects p     {font-family: Arial,helvetica; font-size: 12px;}

td.search_header, td.search_header p           {font-family: Arial,helvetica; font-size: 12px; background-color: #E72122; color: #000000;}
td.search_objects, td.search_objects p         {font-family: Arial,helvetica; font-size: 12px; background-color: #E72122}

td.shop_header, td.shop_header p               {font-family: Arial,helvetica; font-size: 12px; background-color: #E72122; color: #000000;}
td.shop_objects, td.shop_objects p, td.shop_objects li            {font-family: Arial,helvetica; font-size: 12px; background-color: #E72122}

td.list_1_header, td.list_1_header p           {font-family: Arial,helvetica; font-size: 12px; background-color: #E72122}
td.list_1, td.list_1 p                         {font-family: Arial,helvetica; font-size: 12px; background-color: #E72122}
td.list_2_header, td.list_2_header p           {font-family: Arial,helvetica; font-size: 12px; background-color: #E72122}
td.list_2, td.list_2 p                         {font-family: Arial,helvetica; font-size: 12px; background-color: #E72122}

.header, .header p                             {font-family: Arial,helvetica; font-size: 12px; background-color: #E72122}
.subheader, .subheader                         {font-family: Arial,helvetica; font-size: 12px;}
.empty, .empty p                               {font-family: Arial,helvetica; font-size: 12px;}
.list, .list p                                 {font-family: Arial,helvetica; font-size: 12px; background-color: #E72122}
.small, .small p                               {font-family: Arial,helvetica; font-size: 12px; }
.box, .box p                                   {font-family: Arial,helvetica; font-size: 12px; background-color: #E72122}


td.layout_rightbox                             { padding-top;0px; }
td.layout_empty                                { font-size: 11px; }
div.checkout_primary                           { }   
/******* Editoren die Vom System automatisch erzeugt werden ************************************************************/

/***********************************************************************************************************************/
/******* Die td1, td2, td3 Klassen setzen die Hintergrundfarben der Eintragseditoren ***********************************/

                                                                                                                                                                                                                                                                        /**/
.td1head {background-color: #E72122; color: #FFFFFF}                                                                                                                                                /**/
.td1     {background-color: #E72122;  color: #FFFFFF }                                                                                                                                                                                                /**/

b.td1_required   { font-weight: normal }
                                                                                                                                                                                                                                                                        /**/
.td1headtext     { font-family: Arial,helvetica; font-size: 11px;  color: #FFFFFF}                                                                                                                                        /**/
.td1subheadtext  { font-family: Arial,helvetica; font-size: 11px;  color: #FFFFFF}                                                                                                                                                                                        /**/
                                                                                                                                                                                                                                                                        /**/
.td1             { }                                                                                                        /* Hintergrund f�r Feldnamen */                                                                        /**/
.td1, .td1 p     { font-family: Arial,helvetica; font-size: 11px; color: #FFFFFF}                                                                                                                                                                                                /**/
.td2             {  }                                                                                                         /* Rahmen (Helligkeit zwischen td1 und td3) */                                        /**/
.addinfo1_td1    { font-family: Arial,helvetica; font-size: 11px; color: #FFFFFF}                                                                                                                                                                                        /**/
                                                                                                                                                                                                                                                                        /**/
.td3, .td2       { background-color: #E72122}                /* Heller Hintergrund (Rechts) */                                                                        /**/
.td3, .td3 p     { font-family: Arial,helvetica; font-size: 11px; color: #FFFFFF }                                                                                                                                                                        /**/
.addinfo1_td3    { font-family: Arial,helvetica; font-size: 11px; color: #FFFFFF }                                                                                                                                                                                         /**/

                                                                                                                                                                                                                                                          /**/
/******* Hier koennen die Benutzerkommentare in Modul - Eingabeformularen formatiert werden */                                                /**/
                                                                                                                                                                                                                                                                        /**/
.wsoeditcomment     { color: #FFFFFF}                                                                                                                                                                                                /**/
.wsoeditdescription { color: #FFFFFF }                                                                                                                                                                                /**/
                                                                                                                                                                                                                                                                        /**/
/******* Hier k�nnen die Seitenobjekte im Editiermodus formatiert werden. *****************/                                                        /**/
.wsoeditregion      { background-color: #E72122 }                                                                                                                                                                /**/
.wsooeditbuttons    { background-color: #E72122 }                                                                                                                                                                /**/
                                                                                                                                                                                                                                                                        /**/
/******* noch einige definitionen f�r formulare in seitenleisten (mit aufruf stylesheet_prefix=addinfo ***/                /**/
.addinfo_td1, .addinfo_td2, .addinfo_td3, .addinfo_td1head   { font-size: 8pt; }                                                                                        /**/
/**********************************************************************************************************************/

/******* Shop-Artikel(Einzelnansicht) ************************************************************/

td.single_button    { text-align:right; padding-right:17px; }
td.single_price     { text-align:right; }
td.pd_single        { padding:0px; font-size:12px; }
div.top                { font-size:12px; }
td.pd_single font        { padding:0px; font-size:12px; }
td.single_button font     { font-size:12px; }
div.category_description  { padding-top:8px; padding-bottom:8px; line-height:20px; font-size:12px; }

/* ---------------------------- KASSE ------------------------------ */

td.main_hl { width:430px; color:#000000; }

table.progress_bar      { margin-bottom:20px; width: 430px; margin-top:15px; }
table.progress_bar td   { margin-bottom:20px; text-align: center; margin-left:0px; }
table.progress_bar td, table.progress_bar td a   { font-size: 12px }
td.checkout_prog_done {
	background-color: #BBBBBB; 
	border:1px solid #727272; color:#ffffff; }
td.checkout_prog_curr {
	background-color: #eeeeee; color:#000000; 
	border:1px solid #727272; font-size: 1px }
td.checkout_prog_pending  { background-color: #999999; color:#ffffff; 
	border:1px solid #727272; font-size: 1px; }	

td.checkout_prog_done a, td.checkout_prog_done a:visited, td.checkout_prog_done:active { color: ; 
	           
}

td.checkout_prog_pending a, td.checkout_prog_pending a:visited, td.checkout_prog_pending:active { color: ; 
}

td.checkout_prog_curr a, td.checkout_prog_curr a:visited, td.checkout_prog_curr:active { color: ; 
	font-weight: bold; 
}

td.small     { color:#ffffff; }

a.link       { font-size:12px; }

td.td3        { width:60px; }

/* ---------------------- WARENKORB SEITENLEISTE------------------------ */

div.basket_small { font-size:11px; margin-bottom:10px; border-bottom:1px dotted #cccccc; }
div.basket_small_nr { font-size:11px; }
div.basket_small_head { font-size:12px; font-weight:bold; }

div.basket_small_foot { font-size:11px; }
div.basket_small_foot_link { font-size:11px; }

a.basket_small_foot { font-weight:bold; }



/* ---------------------------- WARENKORB ------------------------------ */

table.store_basket   { width:350px; margin-top:15px; margin-left:0px; border-collapse:collapse; }
tr.store_basket_head    { background-color:#999999; }
tr.store_basket_item   { background-color:#BBBBBB; }


th.store_basket_head { text-align:left; background-color:#999999; padding:4px; 
		       color:#ffffff; font-size: 11px; border:1px solid #727272; }
		       
td.store_basket_item_l { background-color:#BBBBBB; padding:4px; text-align:left; 
		                    color:#ffffff; font-size: 11px; border:1px solid #727272; }
td.store_basket_item_r { background-color:#BBBBBB; padding:4px; text-align:right;  
			 color:#ffffff; font-size: 11px; border:1px solid #727272; }
td.store_basket_item_c { background-color:#BBBBBB; padding:4px; text-align:center; 
			 color:#ffffff; font-size: 11px; border:1px solid #727272; }
td.shop_basket_foot  {  }
a.to_checkout  	     { padding:8px; }
td.shop_basket_foot  { padding-top:10px; text-align:right; }
td.shop_basket_foot_warenwert { background-color:#999999; text-align:right; padding-right:8px; 
				font-weight:bold; color:#ffffff; font-size: 11px; border:1px solid #727272; }


td.shop_basket_foot_sum       { background-color:#999999; padding-right:5px; font-weight:bold;
				text-align:right; color:#ffffff; font-size: 11px; }
table.shop_basket_foot_checkout { margin:0px; padding:0px; color:#ffffff; }
td.shop_basket_foot_checkout   { width:120px; padding:3px; height:27px; text-align:left; }
td.shop_basket_foot_checkout2  { width:190px; padding:3px; height:27px; text-align:right; }
td.shop_basket_foot_checkout2 a, td.shop_basket_foot_checkout2 a:visited  { color:#ffffff; font-size: 11px; background-color:#999999; color:#ffffff; padding-top:3px; padding-bottom:3px;
	border-right:2px solid #727272; padding-left:8px; padding-right:8px;
	text-align:center; font-weight:bold; border-bottom:2px solid #727272; }

td.shop_basket_foot_checkout a, td.shop_basket_foot_checkout a:visited  { color:#ffffff; font-size: 11px; background-color:#999999; color:#ffffff; padding-top:3px; padding-bottom:3px;
	border-right:2px solid #727272; padding-left:8px; padding-right:8px;
	text-align:center; font-weight:bold; border-bottom:2px solid #727272; }
td.shop_basket_foot_space     {  width:130px; }

th.address_head { text-align:left; background-color:#DCDCDC; padding:4px; 
		  color:ffffff; }
td.address_body { text-align:left; padding:4px; 
		  color:#fffff; }
div.checkout_done_actions { padding-bottom:15px; }
a.button, a.button:visited, a.button:active { color:#000; padding-top:3px; padding-bottom:3px;  
					      padding-right:8px; font-weight:bold; word-wrap: none; }
table.checkout { margin-top:20px; }

table.products_single_sub     { margin:0px; padding:0px; margin-top:20px; width:360px; }
table.products_single_sub th  { margin:0px; padding:4px; padding-left:0px; text-align:left; padding-right:10px; }
td.products_single_sub        { margin:0px; padding:3px; padding-left:0px; text-align:left; padding-right:10px; }
td.products_single_sub_option { margin:0px; padding:3px; padding-left:0px; text-align:left; padding-right:10px;
				width:183px; }

div.page_object { padding-bottom:12px; }



/* ------------------- Tree-Navigation (Hauptnavigation) --------------------- */

ul.nav_level_1 { margin:0px; padding:0px; list-style-type: none; text-indent:0px; padding-top:15px; margin-left: 0px; }
ul.nav_level_2 { margin:0px; padding:0px; list-style-type: none; text-indent:0px; margin-left: 10px; }
ul.nav_level_3 { margin:0px; padding:0px; list-style-type: none; text-indent:0px; margin-left: 10px; }
ul.nav_level_4 { margin:0px; padding:0px; list-style-type: none; text-indent:0px; margin-left: 10px; }
ul.nav_level_5 { margin:0px; padding:0px; list-style-type: none; text-indent:0px; margin-left: 10px; }

li.nav_level_1_object, li.nav_level_1_object_active { margin:0px; padding:0px; display:block; }
li.nav_level_2_object, li.nav_level_2_object_active { margin:0px; padding:0px; display:block; }
li.nav_level_3_object, li.nav_level_3_object_active { margin:0px; padding:0px; display:block; }
li.nav_level_4_object, li.nav_level_4_object_active { margin:0px; padding:0px; display:block; }
li.nav_level_5_object, li.nav_level_5_object_active { margin:0px; padding:0px; display:block; }


div.nav_level_1_object, div.nav_level_1_object_active { margin:0px; padding:0px; margin-bottom:5px; overflow:hidden; padding-top:1px; padding-bottom:1px; }
div.nav_level_2_object, div.nav_level_2_object_active { margin:0px; padding:0px; margin-bottom:5px; overflow:hidden; padding-top:1px; padding-bottom:1px; }
div.nav_level_3_object, div.nav_level_3_object_active { margin:0px; padding:0px; margin-bottom:5px; overflow:hidden; padding-top:1px; padding-bottom:1px; }
div.nav_level_4_object, div.nav_level_4_object_active { margin:0px; padding:0px; margin-bottom:5px; overflow:hidden; padding-top:1px; padding-bottom:1px; }
div.nav_level_5_object, div.nav_level_5_object_active { margin:0px; padding:0px; margin-bottom:5px; overflow:hidden; padding-top:1px; padding-bottom:1px; }


a.nav_level_1_object, a.nav_level_1_object_active {
	padding:0px; margin:0px;
	display:block; text-align:left; 
	font-size:12px;
	padding-left: 14px;
	overflow:visible;
}

a.nav_level_2_object, a.nav_level_2_object_active { 
	padding:0px; margin:0px;
	display:block; text-align:left; 
	font-size:12px;
	padding-left: 14px;
	overflow:visible;
}

a.nav_level_3_object, a.nav_level_3_object_active {
	padding:0px; margin:0px; 
	display:block; text-align:left; 
	font-size:11px;
	padding-left: 14px;
	overflow:visible;
}

a.nav_level_4_object, a.nav_level_4_object_active {
	padding:0px; margin:0px; 
	display:block; text-align:left; 
	font-size:11px;
	padding-left: 14px;
	overflow:visible;
}

a.nav_level_5_object, a.nav_level_5_object_active {
	padding:0px; margin:0px;
	display:block; text-align:left;
	font-size:10px;
	padding-left: 14px;
	overflow:visible;
}



div.nav_level_1_object {  }
div.nav_level_1_object_active {  }

a.nav_level_1_object, a.nav_level_1_object:active, a.nav_level_1_object:visited { color: #000000; }
a.nav_level_1_object_active, a.nav_level_1_object_active:active, a.nav_level_1_object_active:visited { color: #ffffff; }
a.nav_level_1_object_active { font-weight: bold; }



div.nav_level_2_object {  }
div.nav_level_2_object_active {  }

a.nav_level_2_object, a.nav_level_2_object:visited, a.nav_level_2_object:active { color: #cccccc; }
a.nav_level_2_object_active, a.nav_level_2_object_active:active, a.nav_level_2_object_active:visited { 
color: #fff; }

ul.nav_level_2, ul.nav_level_3, ul.nav_level_4, ul.nav_level_5, ul.nav_level_6, ul.nav_level_7 {
	margin-left: 0px;
}

