/* body
----------------------------------------------------------------------
*/
body { margin: 0; padding: 0; color: #444; font-size:12px; font-family:"Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; background-color: #FFFFFF; background-image: url(img/body_back.png); background-repeat: repeat-x; }
h1, h2, h3 { margin: 0; padding: 0; font-size: 12px; font-weight: normal; }
a {color: #E55D13;}
a:hover {text-decoration: none;}
p { margin-top: 8px; margin-bottom: 8px; }

/*	für tooltip
*/
.formulartext {color: #444; font-size:12px; font-family:"Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;}

/* bilder beispiel informationen rechts */
.presentation_pic { border-top-width: 0px; border-right-width: 0px; border-bottom-width: 10px; border-left-width: 0px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #FFFFFF; border-right-color: #FFFFFF; border-bottom-color: #FFFFFF; border-left-color: #FFFFFF; margin-bottom: 100px; }

.button2 { text-align: center;  }
.button2 a  { color: #FFFFFF; text-decoration: none; background-color: #99ccff; float: right; height: 20px; width: 70px; background-position: center center; font-size: 14px; font-weight: bold; border: 1px solid #FFFFFF; margin-right: 4px; margin-bottom: 4px; margin-left: 4px; }
.button2 a:hover {background-color: #FF3333;}

.bittewarten { font-size: 18px; font-weight: bold; }
/*	link
----------------------------------------------------------------------
*/
.link { color: #FF6600; text-decoration: underline; cursor: pointer; }
.link_bild { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }
.link_bild a { text-decoration: none; display: block; margin: 0px; padding: 2px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }
.link_bild a:hover { border: 1px solid #FF0000; padding: 1px; }

/*	lb
----------------------------------------------------------------------
*/
.lb_header { background-color: #CCCCCC; margin: 1px; padding: 2px; }
.lb_header a { font-weight: bold; color: #FFFFFF; }
.lb_header a:hover { margin: 0px; padding: 1px; }

.lb_scroll{overflow:auto; height: 480px; width: 640px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 3px; border-left-width: 0px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #FFFFFF; border-right-color: #FFFFFF; border-bottom-color: #FFFFFF; border-left-color: #FFFFFF; background-color: #FFFFFF; padding: 3px; }
.lb_pic { background-color: #FFFFFF; padding: 3px; }


/* ebenen
----------------------------------------------------------------------
font-size: 18px; color: #505050; margin-bottom: 10px; padding-top: 6px; padding-left: 3px; border-right-width: 25px; border-bottom-width: 2px; border-right-style: solid; border-bottom-style: solid; border-right-color: #FF0000; border-bottom-color: #FF0000;
*/
#area_all {width: 975px; margin-top: 0px; margin-right: auto; margin-bottom: 10px; margin-left: auto; }
#area_header { height: 110px; width: 460px; }
#area_menu1 { text-align: right; margin-top: 20px; margin-bottom: 20px; }
#area_content {}
#area_content .header { font-size: 18px; color: #505050; margin-bottom: 10px; padding-top: 6px; padding-left: 3px; border-right-width: 25px; border-bottom-width: 2px; border-right-style: solid; border-bottom-style: solid; border-right-color: #FF6600; border-bottom-color: #FF6600; text-transform: uppercase; }
#area_footer { margin-top: 30px; margin-right: auto; margin-left: auto; text-align: center; margin-bottom: 0px; border-top-width: 2px; border-top-style: solid; border-top-color: #CCCCCC; width: 1000px; padding-top: 10px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; }

/* sub ebenen für content
----------------------------------------------------------------------
*/
/* alt
#content_menu { margin-right: 0px; margin-bottom: 0px; margin-left: 0px; float: left; width: 200px; }
#content_post { width: 774px; margin: 0px; float: right; }
*/
#content_menu { margin-right: 0px; margin-bottom: 0px; margin-left: 0px; float: left; width: 250px; }
#content_post { width: 724px; margin: 0px; float: right; }


/* menu info neu
----------------------------------------------------------------------
*/
.menu_info { width: 90%; }
.menu_info .std0 a { display: block; font-size: 14px; font-weight: normal; text-decoration: none; background-color: #CAE4FF; padding-left: 3px; color: #505050; height: 30px; margin-bottom: 2px; background-position: center; }
.menu_info .std0 a:hover { text-decoration: none; background-color: #3399FF; color: #ffffff; }
.menu_info .active0 a { display: block; font-size: 14px; font-weight: normal; text-decoration: none; color: #FFFFFF; background-color: #FF6600; padding-left: 3px; height: 30px; margin-bottom: 2px; }
.menu_info .active0 a:hover {  }
.menu_info .std1 a { display: block; font-size: 14px; font-weight: normal; text-decoration: none; padding-left: 3px; color: #505050; height: 20px; margin-bottom: 2px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CAE4FF; }
.menu_info .std1 a:hover { text-decoration: none; background-color: #3399FF; color: #ffffff; }
.menu_info .active1 a { display: block; font-size: 14px; font-weight: normal; text-decoration: none; padding-left: 3px; height: 20px; margin-bottom: 2px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CAE4FF; background-color: #FF6600; color: #ffffff;}
.menu_info .active1 a:hover {  }
.menu_info .leerraum { line-height: 5px; height: 5px; margin: 0px; padding: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }

/* menu
----------------------------------------------------------------------
*/
#area_menu1 .menu a { color: #ffffff; font-weight: normal; text-decoration: none; font-size: 18px; background-color: #FF6600; margin-left: 3px; padding-right: 6px; padding-left: 6px; padding-top: 2px; padding-bottom: 2px; }
#area_menu1 .menu a:hover { background-color: #3399FF; }
#area_menu1 .menu_active a { color: #ffffff; font-weight: normal; text-decoration: none; font-size: 18px; background-color: #3399FF; margin-left: 3px; padding-right: 6px; padding-left: 6px; padding-top: 2px; padding-bottom: 2px; }
#area_menu1 .menu_active a:hover { }
#area_content .header { display: block; font-size: 18px; font-weight: bold; color: #FF6600; padding-left: 5px; }

.menu_options a { color: #FFFFFF; background-color: #3399FF; text-decoration: none; padding-top: 10px; padding-right: 5px; padding-bottom: 0px; padding-left: 5px; font-size: 16px; text-transform: lowercase; margin-right: 1px; border-right-width: 1px; border-bottom-width: 1px; border-right-style: solid; border-bottom-style: solid; border-right-color: #666666; border-bottom-color: #666666; float: left; }
.menu_options a:hover { color: #FFFFFF; background-color: #FF0000; text-decoration: none; padding-top: 15px; padding-right: 5px; padding-bottom: 10px; padding-left: 5px; font-size: 16px; text-transform: lowercase; margin-right: 1px; border-right-width: 1px; border-bottom-width: 1px; border-right-style: solid; border-bottom-style: solid; border-right-color: #666666; border-bottom-color: #666666; float: left; }
.menu_options_activ a { color: #FFFFFF; background-color: #FF0000; text-decoration: none; padding-top: 15px; padding-right: 5px; padding-bottom: 10px; padding-left: 5px; font-size: 16px; text-transform: lowercase; margin-right: 1px; border-right-width: 1px; border-bottom-width: 1px; border-right-style: solid; border-bottom-style: solid; border-right-color: #666666; border-bottom-color: #666666; float: left; }
.menu_options_activ a:hover {  }


/* util
----------------------------------------------------------------------
*/
.block { width: 100%; clear: left; float: left; }

.picpage {}
.picpage .bild { float: left; background-color: #ffffff; border: 2px solid #CCCCCC; padding: 2px; }
.picpage h1 { font-size: 18px; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px; margin-top: 0px; margin-right: 0px; margin-bottom: 2px; margin-left: 0px; }
.picpage h2 { font-size: 13px; background-color: #F2F2F2; margin: 0px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #333; border-top-width: 1px; border-top-style: solid; border-top-color: #333; padding: 10px; font-weight: bold; }
.picpage .top_pic {padding-top: 5px; padding-bottom: 5px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #333; float: left; width: 100%; margin-bottom: 50px; }

.info {}
.info h1 { font-weight: bold; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #CCCCCC; font-size: 13px; background-color: #F9F9F9; margin-top: 20px; color: #333333; padding-bottom: 2px; text-indent: 5px; padding-top: 8px; margin-bottom: 5px; }

/* artikel info, listing allgemein etc.
----------------------------------------------------------------------
*/
.artikel { float: left; }
.artikel h1 { font-size: 14px; background-color: #f0f0f0; border-top-style: none; border-right-style: none; border-bottom-style: solid; border-left-style: none; font-weight: normal; color: #333333; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 0px; border-bottom-width: 3px; border-bottom-color: #666666; }
.artikel h2 { background-color: #f0f0f0; float: none; font-size: 12px; font-weight: normal; border: 0px none #FFFFFF; margin: 0px; padding: 0px; }


/* angebot
----------------------------------------------------------------------
*/
.angebot {}
.angebot .menu { float: left; }
.angebot .dummy { float: left; clear: left; }
.angebot .overview { float: left; clear: left; width: 100%; }


.angebot .esetheader { font-weight: bold; color: #FFFFFF; background-color: #FF6600; padding-right: 3px; padding-left: 3px; }


.angebot_headrechts { background-color: #FFDD95; padding: 5px; border: 1px solid #FF9900; }
.angebot_info { background-color: #CAFFE4; padding: 3px; float: left; width: 99%; border: 1px solid #00FF99; margin-top: 10px; }
.angebot_featureList { float: left; background-color: #FFFFFF; border: 1px solid #999999; margin-top: 5px; width: 98%; cursor: pointer; padding: 1px; }

/* tool tip
----------------------------------------------------------------------
*/
.tt {color: #444; font-size:12px; font-family:"Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; }


/* button
----------------------------------------------------------------------
*/
.button1 { font-size: 13px; cursor: pointer; }
.button1 .start { background-image: url(img/side.button1_left.gif); float: left; padding-left: 15px; padding-right: 5px; height: 21px; font-weight: bold; color: #FFFFFF; }
.button1 .end { float: left; background-image: url(img/side.button1_right.gif); width: 10px; height: 21px; }

/* rechnung und wk
*/
.wk h1 { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #333333; font-size: 16px; background-color: #CAE4FF; margin-top: 20px; padding-bottom: 2px; text-indent: 5px; padding-top: 8px; margin-bottom: 5px; }
.wk table.rech {}
.wk table.rech td { border-bottom-width: 1px; border-bottom-color: #CCCCCC; border-bottom-style: solid; padding-top: 1px; padding-bottom: 1px; }
.wk table.rech th { background-color: #f2f2f2; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCCCCC; padding-top: 10px; padding-right: 1px; padding-bottom: 3px; padding-left: 1px; border-top-width: 1px; border-top-style: solid; border-top-color: #CCCCCC; }

.form_text {padding-top: 5px;}
.form_field { width: 90%; font-family: Geneva, Arial, Helvetica, sans-serif; color: #444; font-size: 12px; background-color: #FFFFFF; border: 1px solid #3399FF; }
.form_field_std { font-family: Geneva, Arial, Helvetica, sans-serif; color: #444; font-size: 12px; background-color: #FFFFFF; border: 1px solid #3399FF; }

.kontaktbox { background-color: #F2F2F2; padding: 3px; }
.kontaktheader { font-size: 14px; font-weight: bold; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; background-color: #CAE4FF; border-top-width: 2px; border-bottom-width: 2px; border-top-style: solid; border-bottom-style: solid; border-top-color: #666666; border-bottom-color: #666666; }

/* startseite
----------------------------------------------------------------------
*/
.startseite {}
.startseite .starttop { font-size: 12px; margin-top: 2px; padding-top: 5px; padding-right: 3px; padding-left: 3px; overflow: auto; height: 144px; font-weight: normal; border: 1px solid #CCCCCC; }
.startseite h1 { background-color: #CAE4FF; font-size: 16px; font-weight: normal; color: #505050; margin-bottom: 2px; padding-top: 10px; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #333333; text-transform: uppercase; padding-bottom: 5px; padding-left: 3px; }
.startseite h2 { font-size: 12px; margin-top: 2px; padding-top: 10px; padding-right: 3px; padding-left: 3px; height: 180px; overflow: auto; font-weight: normal; padding-bottom: 0px; border: 1px solid #CCCCCC; }
/* startseite neu
----------------------------------------------------------------------
*/
.start_links {}
.start_links h1 { font-size: 20px; margin-bottom: 10px; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #CCCCCC; padding-bottom: 2px; }
.start_links h2 { font-size: 13px; }
.start_links .text1 { font-size: 13px; padding-top: 5px; padding-bottom: 5px; }
.start_links .bild { margin-right: 10px; margin-bottom: 10px; }
.start_links .bild_rahmen { margin-right: 10px; margin-bottom: 10px; border: 1px solid #CCCCCC; }

.start_rechts {}
.start_rechts h1 { border-top-width: 20px; border-top-style: solid; border-top-color: #FFFFFF; padding: 5px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCCCCC; font-size: 20px; background-color: #CAE4FF; }
.start_rechts h2 {}
.start_rechts .text1 { padding: 5px; margin-bottom: 5px; }
.start_rechts .angebot_section { border-top-width: 1px; border-top-style: solid; border-top-color: #CCCCCC; }
.start_rechts .angebot_bild { border: 2px solid #FFFFFF; margin-top: 5px; margin-right: 5px; margin-bottom: 5px; text-align: center; }

/*
	button NEU
*/
/* org
.button11 { height: 30px; }
.button11 a {background: transparent url('img/button11_a.gif') no-repeat scroll top right;color: #444;display: block;float: left;font: normal 12px arial, sans-serif;height: 24px;margin-right: 6px;padding-right: 18px;text-decoration: none;}
.button11 a:active {background-position: bottom right;color: #000;outline: none;}
.button11 a:hover { color: #FF0000; }
.button11 a span {background: transparent url('img/button11_span.gif') no-repeat;display: block;line-height: 14px;padding: 5px 0 5px 18px;}
.button11 a:active span {background-position: bottom left;padding: 6px 0 4px 18px;}
.button11 a:hover span {}
*/
.button11 { height: 24px; margin-top: 1px; margin-bottom: 1px; }
.button11 a {background: transparent url('img/button11_a.gif') no-repeat scroll top right;color: #444;display: block;float: left;font: normal 12px arial, sans-serif;height: 24px;margin-right: 6px;padding-right: 18px;text-decoration: none;}
.button11 a:hover { background-position: bottom right; outline: none; color: #FFFFFF; }
.button11 a span {background: transparent url('img/button11_span.gif') no-repeat;display: block;line-height: 14px;padding: 5px 0 5px 18px;}
.button11 a:hover span {background-position: bottom left;}

.button12 { height: 24px; margin-top: 1px; margin-bottom: 1px;}
.button12 a { background: transparent url('img/button12_a.gif') no-repeat scroll top right; color: #FFFFFF; display: block; float: left; height: 24px; margin-right: 6px; padding-right: 18px; text-decoration: none; font-family: arial, sans-serif; font-size: 12px; font-style: normal; font-weight: bold; font-variant: normal; }
.button12 a:hover { background-position: bottom right; outline: none; }
.button12 a span {background: transparent url('img/button12_span.gif') no-repeat;display: block;line-height: 14px;padding: 5px 0 5px 18px;}
.button12 a:hover span {background-position: bottom left;}
/*
	lb NEU
*/
.lbox_header { background-color: #f2f2f2; padding: 5px; }
.lbox_scroll{overflow:auto; height: 480px; width: 640px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 3px; border-left-width: 0px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #FFFFFF; border-right-color: #FFFFFF; border-bottom-color: #FFFFFF; border-left-color: #FFFFFF; background-color: #FFFFFF; padding: 3px; }
.lbox_pic { background-color: #FFFFFF; padding: 5px; }

/*
	menu NEU
*/
.menu_baum{ }
.menu_baum .active ul{ list-style-type: none; margin-bottom: 5px; margin-left: 0px; margin-top: 0px; margin-right: 0px; padding: 0px; height: 30px; background-color: #CAE4FF; padding-top: 10px; }
.menu_baum .active li{ display: inline; margin: 15px; }
.menu_baum .active li a{ color: #000000; font-size: 14px; font-weight: bold;}
.menu_baum .active li a:visited{ }
.menu_baum .active li a:hover{}
.menu_baum .active li.aktiv a{ color: #FFFFFF; background-color: #FF0000; padding: 5px; font-size: 16px;}
.menu_baum .active li.aktiv a:hover{}

.menu_baum .disable ul{ list-style-type: none; margin-bottom: 5px; margin-left: 0px; margin-top: 0px; margin-right: 0px; padding: 0px; height: 25px; background-color: #F4F4F4; }
.menu_baum .disable li{ display: inline; margin: 15px; }
.menu_baum .disable li a{ color: #999999; font-size: 14px; font-weight: bold; }
.menu_baum .disable li a:visited{ }
.menu_baum .disable li a:hover{}
.menu_baum .disable li.aktiv a{ color: #ff0000; font-size: 16px;}
.menu_baum .disable li.aktiv a:hover{}

/*
	Seiten wir Küchen, Elektrogeräte etc.
*/
.infoseiten h1 { font-size: 18px; margin-bottom: 20px; margin-top: 20px; }
.infoseiten table.info1 { }
.infoseiten table.info1 td { vertical-align: top; }
/*
	Selbstauskunft
*/
.selbstauskunft table.tab { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #cccccc; }
.selbstauskunft table.tab td { vertical-align: top; padding-top: 10px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; border-top-width: 1px; border-top-style: solid; border-top-color: #cccccc; }

.download table.tab td { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCCCCC; padding-top: 3px; padding-bottom: 3px; }
.download table.tab th { background-color: #FC9; text-align: left; border-top-width: 10px; border-top-style: solid; border-top-color: #FFFFFF; font-size: 14px; font-weight: bold; padding: 5px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCC; }
.download .marker { background-color: #f2f2f2; }

.finanz table.tab { border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #0066FF; }
.finanz table.tab  td{ border-top-width: 1px; border-top-style: solid; border-top-color: #CCCCCC; }

.infofinanz table.tab { }
.infofinanz table.tab  td{ vertical-align: top; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCCCCC; }

.tt table.tabdetail { border-top-width: 1px; border-top-style: solid; border-top-color: #CCCCCC;}
.tt table.tabdetail td{ vertical-align: top; margin: 0px; background-position: center; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCCCCC; }

.infofinanz table.rechner { width: 100%; }
.infofinanz table.rechner th{ text-align: left; font-weight: bold; background-color: #FFCC00; vertical-align: top; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #666666; border-top-width: 1px; border-top-style: solid; border-top-color: #666666; color: #333333; padding: 5px; }
.infofinanz table.rechner td{ border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCCCCC; text-align: left; padding-left: 5px; }

.testfinanz { font-size: 24px; font-weight: bold; color: #FF3300; }


.hsPopUp table.tab { padding: 10px; }
.hsPopUp table.tab  th{ border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #CCC; padding: 5px; background-color: #f2f2f2; text-align: left; }
.hsPopUp table.tab  td{ border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCC; padding: 5px; }
.hsPopUp a { color: #333; text-decoration: none; }
.hsPopUp a:hover { color: #ff6600; }

/* das soll jetzt als std. header verwendet werden*/
.headerTopNew { }
.headerTopNew h1 { font-size: 18px; margin-top: 10px; padding-top: 10px; padding-right: 10px; padding-bottom: 0px; padding-left: 20px; }
.headerTopNew h2 { font-size: 13px; padding-top: 10px; padding-right: 10px; padding-bottom: 0px; padding-left: 20px; }

.startKuechen {}
.startKuechen h1 { font-size: 18px; margin-bottom: 20px; }
.startKuechen table.tab {}
.startKuechen table.tab td { vertical-align: top; border-top-width: 1px; border-top-style: solid; border-top-color: #CCC; padding: 5px; }

.socialNetwork { }
.socialNetwork .box { float: left; text-align: left; }
.socialNetwork .boxtest { float: left; padding-right: 20px; }

.sonderaktionBox { padding-bottom: 10px; padding-top: 10px; }