

.h1_long, .h2_long, .p_long { display: none }


table.single_features {
	width: 580px; 
}

h3.products_single { font-size: 16px; color: #c00; margin-top: 20px; margin-bottom: 8px; }
p.products_single { margin-bottom: 8px; }


td.single_features_subarea { }
td.single_features_label { background-color: #f0f0f0; width: 380px; }
td.single_features_value { background-color: #f8f8f8; text-align: center; width: 200px }

h2.single_features { font-size: 16px; color: #666 }
h3.single_features, td.single_features_subarea h3 { font-size: 12px; color: #000; margin-top: 0px; margin-bottom: 0px; font-weight: bold; text-align: left }

div.features_text { margin-left: 8px; margin-bottom: 12px; border: 1px solid #c0c0c0; padding: 3px }


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, div.infobox  { margin-bottom: 5px }
td.box, td.box p      { font-size: 11px; color: #666666 }
td.box { border: 1px solid #efefef; background-color: #f8f8f8 }

/***********************************************************************************************************************/

/* body-tags */
body {background-color: #ffffff } 
body, td, p, h1, h2, h3, h4, h5, h6, ul, li, span { font-family: "trebuchet ms", arial, helvetica, "sans serif"; font-size: 12px}


/***********************************************************************************************************************/

/* links */
a, a:visited, a:active, a:hover, a.infobox:hover {text-decoration: none; color: #cc0000 }
a.infobox, a.infobox:active, a.infobox:visited { text-decoration: none; color: #666666 } 		/*  */	
a.infobox:hover {text-decoration: none; color: #cc0000 }
a.adminlogin, a.adminlogin:active, a.adminlogin:visited, a.adminlogin:hover { color: #cc0000 }
.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.copyright, span.copyright { color: #d6d6d6; font-size: 11px }

td.copyright, td.copyright a, td.copyright a:visited, td.copyright a:active { color: #666666 }

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; }
img { margin: 0px; border: 0px; }

/* -------------------- Standardabsatz -------------------- */

div.page_object 	  { clear:both; margin-bottom:15px; height:100%; }
div.page_object_head	  { margin-bottom:6px; }
div.page_object_subhead	  { font-weight:bold; margin-top:0px; padding-top:0px; padding-bottom:8px; }
div.page_object_text 	  { vertical-align:top; }

/* Bildausrichtung wird in EasyEdit ausgewählt */

div.page_object_pic_top	  { margin-bottom:8px; }
div.page_object_pic_left  { float:left; margin-right:8px; margin-bottom:8px; }
div.page_object_pic_right { float:right; margin-left:8px; margin-bottom:8px; }


p.head { font-weight:bold; } /*  */

/***********************************************************************************************************************/

/* überschriften */
h1 { font-size: 24px; color: #666666;  margin-bottom: 6px; margin-top: 18px; letter-spacing:1px}
h2 { font-size: 16px; color: #cc0000; margin-bottom: 4px} 	/* ; margin-top:  8px */
h3 { font-size: 12px; color: #000000;   margin-bottom: 4px} 		/* ; margin-top:  8px */
h4 { font-size: 12px; color: #cc0000; 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: #cc0000 }
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}

h3.lexikon_list { margin-left: 0px; margin-bottom: 7px; margin-top: 0px }

li h1, li h2, li h3, li h3.heading, li h4, li h5, li h6 { margin-top: 0px; margin-bottom: 0px }

/***********************************************************************************************************************/

/* 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 { 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: #666666 }
.fg3 { background-color: #666666 }
.fg4 { background-color: #d6d6d6 }

.matrix_head { background-color: #efefef }
.matrix_body { background-color: #f8f8f8 }

div.search_a_to_z { margin-bottom: 4px;  }
a.a_to_z, a.a_to_z_active, a.a_to_z_empty, a.a_to_z_empty_active { padding-right: 5px; font-size: 12px; }
a.a_to_z_active, a.a_to_z_empty_active { font-weight: bold; }

/* 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: #666666 }

/* spezielle eigenschaften der jeweiligen ebenen */
td .sl_tree .sl_tree_o_curr, td .sl_tree .sl_tree_o_parent { width: 159px; background-color:#cc0000 }
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: #ffffff }
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: #ffffff }

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: #ffffff;}
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: #cc0000 }
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: #cc0000 }

.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: #ffffff; font-size: 11px }

td.layout_header    { background-color: #d6d6d6; border: 1px #ffffff}
td.layout_header, td.layout_header p {font-size: 11px; color: #cc0000; font-weight: bold}

td.layout_subheader { background-color: #d6d6d6; border: 1px #ffffff}
td.layout_subheader, td.layout_subheader p{ color: #666666; font-weight: normal; font-size: 11px}
td.layout_subheader a, td.layout_subheader a:active, td.layout_subheader a:visited  {color: #666666 }

td.left_box_top     { background-color: #f8f8f8; border: 1px solid #ffffff; padding-left: 11px }
td.nav_left         { background-color: #efefef; border: 1px solid #ffffff; }

td.main             { background-color: #ffffff }

td.nav_right        { background-color: #f8f8f8; border: 1px solid #ffffff }

td.layout_footer    { background-color: #d6d6d6; border: 1px solid #ffffff }
td.layout_footer, td.layout_footer a, td.layout_footer a:visited, td.layout_footer a:active    { color: #666666; 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: #ffffff }
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_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_r2_body a.nav, td.infobox_r3_body a.nav { color:#666666 }

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: #666666; font-weight: bold }

td.infobox_r1_header, td.infobox_r2_header, td.infobox_r3_header { font-weight: bold; font-size: 11px; color: #ffffff }

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_r2_body, td.infobox_r3_body { color: #666666  }
td.infobox_r1_body_small, td.infobox_r2_body_small, td.infobox_r3_body_small { color: #666666  }

.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: #666666 }

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: #f8f8f8}
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: #f8f8f8}

.header, .header p { font-size: 11px; background-color: #d6d6d6}
.header h2         { margin-top:0px; margin-bottom:0px; color: #cc0000}
.faq h3            { margin-top:11px; margin-bottom:0px; color: #cc0000}

.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: #cc0000}
.styles_vc, .styles_vc a, .styles_vc a:visited, .styles_vc a:active, .styles_vc a:hover{color: #ffffff}
.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: #666666}
.step_curr{background-color: #cc0000; color: #f8f8f8}
.step_done{background-color: #f8f8f8; color: #666666}
.step_text{background-color: #f8f8f8; color: #000}
.step_text_error { background-color: #ffcccc; color: #ff0000}
.step_text_ok    { background-color: #ccffcc; color: #008000}

.page_path { color: #cc0000}
.page_path a, .page_path a:visited, .page_path a:active, .page_path a:hover {color: #c2c2c2; font-size: 11px}
.page_title { color: #cc0000}

h1.page_title, div.page_parent { margin-bottom: 8px; margin-top: 12px; margin-bottom: 0px; 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: #cc0000;}



/******* editoren die vom system automatisch erzeugt werden ************************************************************/
/***********************************************************************************************************************/
/******* die td1, td2, td3 klassen setzen die hintergrundfarben der eintragseditoren ***********************************/

table { border-collapse:collapse; }

.td1head { background-color: #ffffff; color: #444; border:none; }
td.td1head { height: 27px; vertical-align: bottom; padding-bottom: 0px; border:none; }

.td1 		{ background-color: #efefef; border:1px solid #ccc; padding-left:6px; }
.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; padding-left:6px; } /* heller hintergrund (rechts) */
.td3, .td3 p 	{ font-size: 12px } 
.addinfo1_td3 	{ font-size: 12px } 

.td1_required{font-weight: normal}
.td1_required_star {color: #cc0000; 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   { #666666 } 
.wsooeditbuttons { #666666 } 

/******* 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: #666666 }
div.pagesearch_head   { margin-top: 24px; margin-bottom: 12px; }

div.pagesearch_head .text  { font-size: 14px; font-weight: italic; color: #cc0000 }
div.pagesearch_empty  { font-size: 14px; font-weight: bold; color: #666666 }
div.pagesearch_result { font-size: 12px; color: #666666; }
div.pagesearch_result { margin-bottom: 12px; }
a.pagesearch, a.pagesearch:visited, a.pagesearch:active { font-size: 14px; font-weight: bold; color: #cc0000 }



div.gui_legacy_captcha { margin-top:10px; margin-bottom:8px; }
img.gui_captcha { vertical-align:middle; margin-right:4px; } 
