/* body
----------------------------------------------------------------------
*/
body { margin: 0; padding: 0; color:#626262; font-size:12px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; background-color: #FFFFFF;); background-repeat: repeat-x; }
h1, h2, h3, h4 { 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;}

/* wird für die neuen Artikel im Online Katalog verwendet */
.globNeu { background-color: #FF0; border: 1px solid #CCC; padding-right: 5px; padding-left: 5px; font-weight: bold; }

/* 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: 70px; width: 100%; background-color: #333; }
#area_menu1 { margin-bottom: 20px; background-color: #E5E5E5; padding-top: 8px; padding-right: 5px; padding-bottom: 8px; padding-left: 5px; }
#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 { border-top-width: 10px; border-top-style: solid; border-top-color: #0CF; color: #FFF; background-color: #333; padding-top: 20px; padding-right: 0px; padding-bottom: 20px; padding-left: 0px; margin-top: 20px; font-size: 13px; }
#area_footer a { font-size: 13px; color: #FFF; line-height: 20px; text-decoration: none; }
#area_footer a:hover { color: #F60; }
#area_footer h4 { font-size: 18px; color: #F60; }

/* sub ebenen für content
----------------------------------------------------------------------
*/
#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: #333; font-weight: normal; text-decoration: none; font-size: 18px; margin-right: 20px; }
#area_menu1 .menu a:hover { color: #FFF; }

#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;}
.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; }
.picpage .top_pic_small {padding-top: 5px; padding-bottom: 5px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #333; float: left; width: 100%; margin-bottom: 10px; }

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


.test { background-color: #0F9; }

/*
	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; font-size: 14px; }
.download table.tab th { background-color: #0CF; text-align: left; border-top-width: 20px; border-top-style: solid; border-top-color: #FFFFFF; font-size: 24px; font-weight: normal; padding: 10px 5px 20px 20px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #FFF; color: #505050; }
.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; }


#cookiedingsbums a {color:#000; text-decoration:none;}
#cookiedingsbums a:hover {text-decoration:underline;}
#cookiedingsbums div {padding:30px; padding-left:100px;padding-right:100px;}
#cookiedingsbums { 
   outline: 1px solid #7b92a9; 
   text-align:left; 
   border-top:1px solid #fff;
   background: #d6e0eb; 
   background: -moz-linear-gradient(top, #d6e0eb 0%, #f2f6f9 100%); 
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d6e0eb), color-stop(100%,#f2f6f9)); 
   background: -webkit-linear-gradient(top, #d6e0eb 0%,#f2f6f9 100%); 
   background: -o-linear-gradient(top, #d6e0eb 0%,#f2f6f9 100%);
   background: -ms-linear-gradient(top, #d6e0eb 0%,#f2f6f9 100%); 
   background: linear-gradient(to bottom, #d6e0eb 0%,#f2f6f9 100%); 
   filter: progid:DXImageTransform.Microsoft.gradient(   startColorstr='#d6e0eb', endColorstr='#f2f6f9',GradientType=0 ); 
   position:fixed;
   bottom:10px; 
   z-index:10000; 
   width:100%; 
   font-size:16px; 
   line-height:24px;}
#cookiedingsbumsCloser {
   color: #777;
   font: 14px/100% arial, sans-serif;
   position: absolute;
   right: 5px;
   text-decoration: none;
   text-shadow: 0 1px 0 #fff;
   top: 10px;
   cursor:pointer;
   border-top:1px solid white; 
   border-left:1px solid white; 
   border-bottom:1px solid #7b92a9; 
   border-right:1px solid #7b92a9; 
   padding:10px;
   background: #ced6df; /* Old browsers */
   background: -moz-linear-gradient(top, #ced6df0%, #f2f6f9 100%); 
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ced6df), color-stop(100%,#f2f6f9)); 
   background: -webkit-linear-gradient(top, #ced6df0%,#f2f6f9 100%); 
   background: -o-linear-gradient(top, #ced6df0%,#f2f6f9 100%); 
   background: -ms-linear-gradient(top, #ced6df0%,#f2f6f9 100%); 
   background: linear-gradient(to bottom, #ced6df0%,#f2f6f9 100%); 
   filter: progid:DXImageTransform.Microsoft.gradient(    startColorstr='#ced6df', endColorstr='#f2f6f9',GradientType=0 ); 
 }
#cookiedingsbumsCloser:hover {border-bottom:1px solid white; border-right:1px solid white; border-top:1px solid #7b92a9; border-left:1px solid #7b92a9;}