a.button_checkout, a.button_checkout:active, a.button_checkout:visited, input.submit_basket, input.submit_checkout { 
	font-size: 14px; font-weight: bold; font-family: Arial, Helvetica; text-align: center; pointer: link; color: #c00;
	display: block; padding: 5px; background-color: #f0f0f0;  width: 140px; 
	margin-bottom: 10px; margin-top: 5px; 
	border-right: 1px solid #ccc; border-bottom: 1px solid #ccc
}


table.basket_noedit { width: 100% }
table.basket_noedit td { padding: 2px }
td.basket_noedit_head { font-weight: bold; border-bottom: 1px solid #ccc }
td.basket_noedit { border-bottom: 1px solid #eee }

table.progress_bar { border: 1px solid #ddd; margin-bottom: 5px; }
table.progress_bar td { background-color: #f8f8f8 }
td.checkout_prog_pending { color: #666 }	
td.checkout_prog_curr    { font-weight: bold; }
td.checkout_prog_done    { }

table.intro { display: none }

div.infobox_flow { float: right; margin-left: 5px; margin-bottom: 5px }

table.infobox_screamer tr td, table.infobox_screamer tr td { background-color: #CC0000; color: #FFFFFF; font-size: 8pt }
table.infobox_screamer tr td a, table.infobox_screamer tr td a:visited, table.infobox_screamer tr td a:active { color: #FFFFFF; text-decoration: none; }
table.infobox_screamer tr td a:hover { color: #FFFFFF; text-decoration: underline }

table.infobox_screamer { margin-bottom: 5px; }
table.infobox, table.infobox_r1, table.infobox_r1_eo, div.infobox  { margin-bottom: 5px }
td.box, td.box p      { font-size: 11px; color: #666 }
td.box { border: 1px solid #efefef; background-color: #f8f8f8 }

.headergrey, .headergray, .headergrey:active, .headergrey:active, .headergrey:visited, .headergray:visited { color: #666; font-size: 14px; font-weight: bold }


/***********************************************************************************************************************/

/* body-tags */
body {background-color: #fff; margin-top: 3px; margin-left: 3px; } 
body, td, p, h1, h2, h3, h4, h5, h6, ul, li, span { font-family: "trebuchet ms", arial, helvetica, "sans serif"; font-size: 12px}

a.txt, a.txt:visited, a.txt:active { color: #000 }

/***********************************************************************************************************************/

/* links */
a, a:visited, a:active, a:hover, a.infobox:hover {text-decoration: none; color: #c00 }
a.infobox, a.infobox:active, a.infobox:visited { text-decoration: none; color: #666 } 		/*  */	
a.infobox:hover {text-decoration: none; color: #c00 }
a.adminlogin, a.adminlogin:active, a.adminlogin:visited, a.adminlogin:hover { color: #c00 }
.more { margin-top:  8px } /* unter Seitenobjekten */
.more a { font-weight: }
.bulletpoint, a.bulletpoint {font-weight: } /* in Fließtext, bzw. Auflistungen */

/***********************************************************************************************************************/

/* absatzformate */
p { margin-top:0px; margin-bottom: 10px }

p.descr_long { font-size: 11px; color: #cccccc }

p.copyright, span.copyright { color: #d6d6d6; font-size: 11px }

td.copyright, td.copyright a, td.copyright a:visited, td.copyright a:active { color: #666 }

p.tiny, p.tiny p { font-size: 11px }          /*hier wird die schriftgrösse für paragraphen definiert */
input, select, li, ol, ul { font-size: 12px } /* hier wird die schriftgrösse für eingabefelder, listen usw. */
textarea { font-size: 12px }                  /*hier wird die schriftgrösse für textareas*/

form { margin-bottom: 2px; }

/***********************************************************************************************************************/

/* überschriften */
td.h2_long h2 { display: block; font-size: 12px; color: #ccc;  font-weight: normal; margin-bottom: 0px; margin-top: 0px; letter-spacing:0px}

h1   { display: block; font-size: 12px; color: #fff;  font-weight: normal; margin-bottom: 0px; margin-top: 0px; letter-spacing:0px}

/* Überschriften mit Blockcharakter */
td.h1_a h1, td.h1_b h1, td.h1_c h1, div.product_teaser div.head_cms, div.product_teaser div.head_shop, div.product_teaser div.head_db, div.product_teaser div.head_services, div.products_single div.head_cms,  div.products_single div.head_shop,  div.products_single div.head_db,  div.products_single div.head_services, { 
	display: block; font-size: 16px; font-weight: bold; color: #fff; margin-bottom: 2px; margin-top: 0px; padding: 3px 
}

div.product_teaser div.head_cms, div.products_single div.head_cms  { 
	background-color: #c1cc0e; 
	padding:3px 0px 2px 5px;
	margin: 0px 0px 4px;
	font-weight: bold;
}
td.h1_b h1, div.product_teaser div.head_shop, div.products_single div.head_shop { 
	background-color: #f90;
	padding:3px 0px 2px 5px;
	margin: 0px 0px 4px;
	font-weight: bold;
}
td.h1_c h1, div.product_teaser div.head_db, div.products_single div.head_db   { 
	background-color: #aeaeff;
	padding:3px 0px 2px 5px;
	margin: 0px 0px 4px;
	font-weight: bold;
}
 div.product_teaser div.head_services, div.products_single div.head_services  { 
	background-color: #c1cc0e;
	padding:3px 0px 2px 5px;
	margin: 0px 0px 4px;
	font-weight: bold;
}

td.h1_a h1 {
	background-color: #fff;
	color: #666666;
	padding-left: 0px;
	font-size: 19px;
	margin: 0px 0px 4px;
}

div.features { margin-top: 5px;  }
div.features ul { list-style-type: square  }


table.teasers { width: 100% }
table.teasers td { padding-right: 10px; }
div.product_teaser { }
div.text a, div.text a:visited, div.text a:active { color: #000 }
div.product_teaser a.img { display: block; float: right }
div.product_teaser a.further_infos, div.product_teaser a.buy_now { font-weight: bold; } 
div.product_teaser div.head_cms, div.product_teaser div.head_shop, div.product_teaser div.head_db, div.product_teaser div.head_services  {padding-left: 5px; }

td.h1_title h1 { color: #ccc; font-size: 24px; font-weight: normal }

h2 { font-size: 16px; color: #c00; margin-bottom: 4px} 	/* ; margin-top:  8px */
h3 { font-size: 12px; color: #000;   margin-bottom: 4px} 		/* ; margin-top:  8px */
h4 { font-size: 12px; color: #c00; margin-bottom: 4px; margin-top:  8px }
h5 { font-size: 12px;                                                 margin-bottom: 4px; margin-top:  8px; }
h6 { font-size: 12px;                                                 margin-bottom: 4px; margin-top:  8px}

ul { margin-top: 2px; margin-left: 20px; margin-bottom: 4px }
li { padding-left: 0px }

h2.heading { font-size: 16px; color: #c00 }
h3.heading a, h3.heading a:visited, h3.heading a:active, h3.heading a:hover {font-size: 12px; color: #000; font-weight: bold}
h3.heading {font-size: 12px; color: #000; font-weight: bold}

h2.tour { margin-bottom: 8px }

li h1, li h2, li h3, li h3.heading, li h4, li h5, li h6 { margin-top: 0px; margin-bottom: 0px }

a.head_cms, a.head_db, a.head_shop, a.head_services {
 	color: #fff
}
a.head_cms:visited, a.head_db:visited, a.head_shop:visited, a.head_services:visited  {
 	color: #fff
}
a.head_cms:active, a.head_db:active, a.head_shop:active, a.head_services:active  {
 	color: #fff
}

 
/***********************************************************************************************************************/

/* spezielle zeichen */
.arrow_right  {font-weight: bold; color: #000; font-size: 12px}
.arrow_right_infobox, span .arrow_right_infobox  {font-weight: bold; color: red; font-size: 12px}
.infobox_r1 ul, .infobox_r1_eo ul { list-style-image:url(/elements/apps/hp_zen/https/icons/arrow_red2_small.gif) }

/***********************************************************************************************************************/

.bg1 { background-color: #d6d6d6 }
.bg2 { background-color: #efefef }
.bg3 { background-color: #f8f8f8 }

.fg2 { background-color: #666 }
.fg3 { background-color: #666 }
.fg4 { background-color: #d6d6d6 }

.matrix_head { background-color: #efefef }
.matrix_body { background-color: #f8f8f8 }

/* seitennavigation ******************************************************** */

/* eigenschaften aller zeilen */
div.sl_tree_o_home, div.sl_tree_o_curr, div.sl_tree_o_parent, div.sl_tree_o_child, div.sl_tree_o_other { margin: 0px; padding-left: 11px; padding-top: 4px; padding-bottom: 5px }
div.sl_tree_o_home { width: 110px; }

.sl_tree .sl_tree div.sl_tree_o_curr   { padding-top: 3px; padding-bottom: 4px }
.sl_tree .sl_tree div.sl_tree_o_parent { padding-top: 3px; padding-bottom: 4px }
.sl_tree .sl_tree div.sl_tree_o_child  { padding-top: 3px; padding-bottom: 4px } 
.sl_tree .sl_tree div.sl_tree_o_other  { padding-top: 3px; padding-bottom: 4px }
div.sl_tree_o_home { width: 110px; }

/* eigenschaften der selektierten zeilen */
div.sl_tree_o_curr, div.sl_tree_o_parent { }

/* eigenschaften der unselektierten zeilen */
div.sl_tree_o_child, div.sl_tree_o_other { } 

/* eigenschaften aller ebenen */
.sl_tree { text-align: left }
.sl_tree, .sl_tree div, .sl_tree div a, .sl_tree div a:active, .sl_tree div a:visited { color: #666 }

/* spezielle eigenschaften der jeweiligen ebenen */
td .sl_tree .sl_tree_o_curr, td .sl_tree .sl_tree_o_parent { width: 159px; background-color:#c00 }
td .sl_tree .sl_tree .sl_tree_o_parent, td .sl_tree .sl_tree .sl_tree_o_curr { width: 110px }
td .sl_tree .sl_tree .sl_tree .sl_tree_o_parent, td .sl_tree .sl_tree .sl_tree_o_curr { width: 110px }

td .sl_tree .sl_tree_o_parent, .sl_tree .sl_tree_o_parent a, .sl_tree .sl_tree_o_parent a:active, .sl_tree .sl_tree_o_parent a:visited { color: #fff }
td .sl_tree .sl_tree_o_curr, .sl_tree .sl_tree_o_curr a, .sl_tree .sl_tree_o_curr a:active, .sl_tree .sl_tree_o_curr a:visited { 
	color: #fff 
}

td .sl_tree .sl_tree_o_parent, td .sl_tree .sl_tree_o_parent a, td .sl_tree .sl_tree_o_parent a:active, td .sl_tree .sl_tree_o_parent a:visited { color: #fff;}
td .sl_tree .sl_tree_o_curr, td .sl_tree .sl_tree_o_curr a, td .sl_tree .sl_tree_o_curr a:active, td .sl_tree .sl_tree_o_curr a:visited { color: #f8f8f8; font-weight: bold }


td .sl_tree .sl_tree .sl_tree_o_parent, .sl_tree .sl_tree .sl_tree_o_parent a, .sl_tree .sl_tree .sl_tree_o_parent a:active, .sl_tree .sl_tree .sl_tree_o_parent a:visited { background-color: #efefef; color: #c00 }
td .sl_tree .sl_tree .sl_tree_o_curr, .sl_tree .sl_tree .sl_tree_o_curr a, .sl_tree .sl_tree .sl_tree_o_curr a:active, .sl_tree .sl_tree .sl_tree_o_curr a:visited { background-color: #efefef; color: #c00 }

.sl_tree { width: 170px; margin: 0px; background-color: #efefef  }
.sl_tree .sl_tree { width: 161px; margin-left:10px; background-color: #efefef }
.sl_tree .sl_tree .sl_tree { width: 130px; margin-left: 0px; padding-left: 13px; background-color: #efefef }
.sl_tree .sl_tree .sl_tree .sl_tree { width: 120px; background-color: #efefef }
.sl_tree .sl_tree .sl_tree .sl_tree .sl_tree { width: 110px; background-color: #efefef }
.sl_tree .sl_tree .sl_tree .sl_tree .sl_tree .sl_tree { width: 100px; background-color: #efefef }

/* ************************************************************************** */


div.box { background-color: #f8f8f8; padding: 5px }

/***********************************************************************************************************************/

/* tabellen ******************************************************** */

td.layout_emptybox, td.layout_empty, td.layout_empty p{background-color: #fff; font-size: 11px }

td.layout_header    { background-color: #d6d6d6; border: 1px #fff}
td.layout_header, td.layout_header p {font-size: 11px; color: #c00; font-weight: bold}

td.layout_subheader { background-color: #d6d6d6; border: 1px #fff}
td.layout_subheader, td.layout_subheader p{ color: #666; font-weight: normal; font-size: 11px}
td.layout_subheader a, td.layout_subheader a:active, td.layout_subheader a:visited  {color: #666 }

td.left_box_top     { background-color: #f8f8f8; border: 1px solid #fff; padding-left: 11px }
td.nav_left         { background-color: #efefef; border: 1px solid #fff; }

td.main             { background-color: #fff }

td.nav_right        { background-color: #f8f8f8; border: 1px solid #fff }

td.layout_footer    { background-color: #d6d6d6; border: 1px solid #fff }
td.layout_footer, td.layout_footer a, td.layout_footer a:visited, td.layout_footer a:active    { color: #666; font-size: 11px}

td.infobox h6 {font-size:12px; font-weight:bold; margin-top:11px; margin-bottom:0px}
td.infobox ul {margin-top:0px}
td.infobox ul li {margin-top:5px, text-align:left} 

td.infobox_l1_header, td.infobox_l2_header, td.infobox_l3_header { font-weight: bold; font-size: 11px; color: #fff }
td.infobox_l1_header { background-color: #c3c3c3; }
td.infobox_l2_header { background-color: #c3c3c3; }
td.infobox_l3_header { background-color: #c3c3c3; }

td.infobox_l1_body, td.infobox_l2_body, td.infobox_l3_body, td.infobox_r1_body, td.infobox_r1_body_eo, td.infobox_r2_body, td.infobox_r3_body { font-size: 11px  }
td.infobox_l1_body a.nav, td.infobox_l2_body a.nav, td.infobox_l3_body a.nav, td.infobox_r1_body a.nav,td.infobox_r1_body_eo a.nav, td.infobox_r2_body a.nav, td.infobox_r3_body a.nav { color:#666 }

td.infobox_l1_body_small, td.infobox_l2_body_small, td.infobox_l3_body_small, td.infobox_r1_body_small, td.infobox_r2_body_small, td.infobox_r3_body_small { font-size: 11px; }
td.infobox_l1_body_small a.nav, td.infobox_l2_body_small a.nav, td.infobox_l3_body_small a.nav, td.infobox_r1_body_small a.nav, td.infobox_r2_body_small a.nav, td.infobox_r3_body_small a.nav { color: #666; font-weight: bold }

td.infobox_r1_header, td.infobox_r1_header_o, td.infobox_r2_header, td.infobox_r3_header { font-weight: bold; font-size: 11px; color: #fff }
td.infobox_r1_header_eo { font-size: 16px; color: #666; font-weight: bold }

td.infobox_r1_header { background-color: #c3c3c3; }
td.infobox_r2_header { background-color: #c3c3c3; }
td.infobox_r3_header { background-color: #c3c3c3; }

td.infobox_r1_body, td.infobox_r1_body_eo, td.infobox_r2_body, td.infobox_r3_body { color: #666  }
td.infobox_r1_body_small, td.infobox_r2_body_small, td.infobox_r3_body_small { color: #666  }

.nav_left_sub, .nav_left_sub a, .nav_left_sub a:visited, .nav_left_sub a:active, .nav_left_sub a, .nav_left_main, .nav_left_main a, .nav_left_main a:visited, .nav_left_main a:active{font-weight: bold; color: #000; text-decoration:none}
.page_nav_path, .page_nav_path a, .page_nav_path a:visited, .page_nav_path a:active{ color: #666 }

td.infobox_header, td.infobox_header p { font-size: 11px; background-color: #c3c3c3; font-weight: bold }
td.infobox_list_1, td.infobox_list_1 p { font-size: 11px; }
td.infobox_list_2, td.infobox_list_2 p { font-size: 11px; background-color: #f8f8f8 }
td.infobox_body, td.infobox_body p     { font-size: 11px; background-color: #f8f8f8 }

td.infobox1_header, td.infobox1_header p { font-size: 11px; background-color: #c3c3c3; font-weight: bold }
td.infobox1_list_1, td.infobox1_list_1 p { font-size: 11px; background-color: #f8f8f8 }
td.infobox1_list_2, td.infobox1_list_2 p { font-size: 11px; background-color: #f8f8f8 }
td.infobox1_body, td.infobox1_body p     { font-size: 11px; background-color: #f8f8f8 }

td.infobox2_header, td.infobox2_header p { font-size: 11px; background-color: #d6d6d6; font-weight: bold }
td.infobox2_list_1, td.infobox2_list_1 p { font-size: 11px; background-color: #f8f8f8}
td.infobox2_list_2, td.infobox2_list_2 p { font-size: 11px; background-color: #f8f8f8}
td.infobox2_body, td.infobox2_body p     { font-size: 11px; background-color: #f8f8f8}

td.category_header, td.category_header p   { font-size: 11px; background-color: #d6d6d6; font-weight: bold}
td.category_objects, td.category_objects p { font-size: 11px}

td.search_header, td.search_header p   { font-size: 11px; background-color: #d6d6d6; font-weight: bold }
td.search_objects, td.search_objects p { font-size: 11px; background-color: #f8f8f8 }

td.shop_header, td.shop_header p   { font-size: 11px; background-color: #d6d6d6 font-weight: bold}
td.shop_objects, td.shop_objects p { font-size: 11px; background-color: #f8f8f8}

td.list_header_default {background-color: #d6d6d6}

td.list_1_header, td.list_1_header p { font-size: 11px; background-color: #d6d6d6}
td.list_1, td.list_1 p               { font-size: 11px; background-color: #AEAEFF; border:1px solid #fff;}
td.list_2_header, td.list_2_header p { font-size: 11px; background-color: #d6d6d6}
td.list_2, td.list_2 p               { font-size: 11px; background-color: #AEAEFF; border:1px solid #fff;}

td.list_1 a,
td.list_2 a {color: #fff;}

table.datenbank table {padding: 0px 0px 0px 10px;}

td.description_white    { color: #999 }

.header, .header p { font-size: 11px; background-color: #d6d6d6}
.header h2         { margin-top:0px; margin-bottom:0px; color: #c00}
.faq h3            { margin-top:11px; margin-bottom:0px; color: #c00}

.subheader, .subheader {font-size: 11px}
.empty, .empty p {font-size: 11px}
.list, .list p {font-size: 11px; background-color: #f8f8f8}
.small, .small p{font-size: 11px}
.box, .box p{font-size: 11px; background-color: #f8f8f8}
.nav, .nav a, .nav a:visited, .nava:active{ font-size: 11px}
.nav_special, .nav_special a, .nav_special a:visited, .nav_special a:active{font-weight: bold; color: #000; font-size: 11px}
.styles_vc{background-color: #c00}
.styles_vc, .styles_vc a, .styles_vc a:visited, .styles_vc a:active, .styles_vc a:hover{color: #fff}
.styles_vc a, .styles_vc a:visited, .styles_vc a:active, .styles_vc a:hover{text-decoration: underline; font-weight: bold}

.step, .step_curr, .step_done, .step_text{font-size: 12px}
.step, .step_curr, .step_done, .step_text_error, .step_text_ok{font-weight: bold}
.step{background-color: #d6d6d6; color: #666}
.step_curr{background-color: #c00; color: #f8f8f8}
.step_done{background-color: #f8f8f8; color: #666}
.step_text{background-color: #f8f8f8; }
.step_text_error { background-color: #fcc; color: #f00 }
.step_text_ok    { background-color: #cfc; color: #008000 }

.page_path { color: #ccc}
.page_path a, .page_path a:visited, .page_path a:active, .page_path a:hover {color: #ccc; font-size: 11px}
.page_title { color: #c00}

div.page_parent { margin-bottom: 8px; margin-top: 12px; font-size: 24px; font-weight: normal; color: #d6d6d6}

.page_description { background-color: #d6d6d6}

.header_special {margin-top:24px; margin-bottom: 12px; font-size: 16px; color: #c00;}



/******* editoren die vom system automatisch erzeugt werden ************************************************************/
/***********************************************************************************************************************/
/******* die td1, td2, td3 klassen setzen die hintergrundfarben der eintragseditoren ***********************************/

table 		{ border-collapse:collapse; }

.td1head 	{ background-color: #fff; color: #000}
td.td1head 	{ height: 27px; vertical-align: bottom; padding-bottom: 0px }

.td1 		{ background-color: #efefef; border:1px solid #ccc; }
.td1headtext    { font-size: 12px; font-weight: bold }
.td1subheadtext { font-size: 12px; }
.td1, .td1 p 	{ font-size: 12px }
.td2 		{  }
.addinfo1_td1 	{ font-size: 12px }

.td3 		{ background-color: #efefef; border:1px solid #ccc; } /* heller hintergrund (rechts) */
.td3, .td3 p 	{ font-size: 12px } 
.addinfo1_td3 	{ font-size: 12px } 

.td1_required{font-weight: normal}
.td1_required_star {color: #c00; font-weight: bold}

/******* hier koennen die benutzerkommentare in modul - eingabeformularen formatiert werden */

.wsoeditcomment { color: } 
.wsoeditdescription { color: } 

/******* hier können die seitenobjekte im editiermodus formatiert werden. *****************/
.wsoeditregion   { #666 } 
.wsooeditbuttons { #666 } 

/******* definitionen für formulare in seitenleisten (mit aufruf stylesheet_prefix=addinfo ***/
.addinfo_td1, .addinfo_td2, .addinfo_td3, .addinfo_td1head { font-size: 11px; } 
/**********************************************************************************************************************/



div.pagesearch_head   { font-size: 16px; font-weight: bold; color: #666 }
div.pagesearch_head   { margin-top: 24px; margin-bottom: 12px; }

div.pagesearch_head .text  { font-size: 14px; font-weight: italic; color: #c00 }
div.pagesearch_empty  { font-size: 14px; font-weight: bold; color: #666 }
div.pagesearch_result { font-size: 12px; color: #666; }
div.pagesearch_result { margin-bottom: 12px; }
a.pagesearch, a.pagesearch:visited, a.pagesearch:active { font-size: 14px; font-weight: bold; color: #c00 }

td.description		{ font-size:11px; color:#888888; padding-left:40px; }


div.gui_legacy_captcha { margin-top:10px; margin-bottom:8px; }
img.gui_captcha { vertical-align:middle; margin-right:4px; }