*, body, html { margin:0; padding:0 }
img { border-width:0px; }

/* NAVIGATION */
.navigation { height:34px; background-image:url(../../pics/bonitaire/navi_bg.png); background-repeat:repeat-x; }
.navigation .item { float:left; height:34px; padding:0 20px; line-height:34px; border-style:solid; border-width:0px 1px; }
.navigation .item.first { border-left-width:0px; }
.navigation .item.last  { border-right-width:0px; float:right; }
.navigation .item.fillerleft { float:left; padding:0px; border-right-width:0px; }
.navigation .item.fillerright { float:right; padding:0px; border-left-width:0px; }
.navigation .item.active, .navigation .item:hover { background-image:url(../../pics/bonitaire/navi_bg_active.png); background-repeat:repeat-x; border-bottom-width:1px; height:33px; }
.navigation .item.active.hassubnavi { height:34px; border-bottom-width:0px; } /* no bottom border for navi items with subnavi */

.navigation.subnavi { background-image:none; }
.navigation.subnavi .item { border-width:0px; }
.navigation.subnavi .item.active, .navigation.subnavi .item:hover { background-image:none; }

/* BUTTONS */
.button { display:block; height:33px; line-height:33px; text-align:center; background-repeat:no-repeat; }
.button.produktsortiment { background-image:url(../../pics/bonitaire/buttons/button_produktsortiment_bg.png); width:200px; }
.button.learnmore { background-image:url(../../pics/bonitaire/buttons/button_learnmore_bg.png); width:200px; }
.button.learnmore_small { background-image:url(../../pics/bonitaire/buttons/button_learnmore_small_bg.png); width:180px; }
.button.tour { background-image:url(../../pics/bonitaire/buttons/button_tour_bg.png); width:150px; }
.button.contact { background-image:url(../../pics/bonitaire/buttons/button_contact_bg.png); width:199px; }
.button.next { background-image:url(../../pics/bonitaire/buttons/button_next_bg.png); width:121px; }
.button.submit { background-image:url(../../pics/bonitaire/buttons/button_submit_bg.png); width:199px; }
.button.back { background-image:url(../../pics/bonitaire/buttons/button_back_bg.png); width:120px; }

/* CONTENT */
.content h1 { position:relative; z-index:500; }
.content .text p { position:relative; z-index:500; }
.content { margin-top:30px; }
.content .plain { float:left; padding:0 15px; width:672px; }
.content .plain h1 { padding-top:30px; }

.content .plain.large { position:relative; width:939px; padding:0; }
.content .plain.large h1 { padding-left:15px }
.content .plain .note { line-height:18px;  }

.content .plain.navibar { height:48px; background-image:url(../../pics/bonitaire/order_process/processbar_bg.png); background-repeat:repeat-x; border-style:solid; border-width:0; line-height:48px; }

.content .column { float:left; font-size:14px; margin-right:40px; width:410px; }

/*.content .products .tabs { float:right; position:static; }*/
.content .products .products_field { border-top-width:1px; border-top-style:solid; margin-top:46px; }

.content .rightcol { float:left; width:228px; margin-left:9px; }
.content .rightcol .contact_teaser .item { margin-bottom:11px; }

.content .team .item { float:left; width:224px; }
.content .team .item p { width:200px; margin-top:10px; }

.content .partner h2 { border-style:solid; border-width:0 0 1px 0; margin-top:30px; }
.content .partner img { float:left; margin-right:25px; }

.content .contact .item { float:left; width:330px; margin-left:5px; }
.content .contact .item input, .content .contact .item select { width:310px; }
.content .contact .item.half { width:155px; }
.content .contact .item.half input { width:150px; }
.content .contact .item.full { float:none; }
.content .contact .item.full input { width:645px; }
.content .contact .item.full textarea { width:635px; height:200px; }
.content .contact .item.full ul { width:680px; }
.content .contact .item.full ul li { margin:0px; padding:0px; text-indent:0px; background-image:none; display:block; float:left; width:330px; margin-left:5px; }
.content .contact .item.radio { margin-top:5px; }
.content .contact .item.radio input { width:10px; }

.content .newsletter .item, .content .recommend .item { width:329px; margin-left:0px; }
.content .newsletter .item.last, .content .recommend .item.last { margin-left:10px; }
.content .newsletter .item input, .content .newsletter .item select, .content .recommend .item input { width:329px; margin-left:0px; }
.content .newsletter .line, .content .recommend .line { border-style:solid; border-width:1px 0 0 0; padding:15px 0 }
.content .newsletter .line.last, .content .recommend .line.last { border-bottom-width:1px; margin-bottom:10px; }
.content .newsletter select { margin:0; }
.content .recommend textarea { width:658px; }

.content ul { list-style-type:none; list-style-position:0px 10px; margin-left:0px; }
.content ul li { padding-left:30px; padding-bottom:5px; line-height:20px; text-indent:0px; background-position:0px 2px; background-image:url(../../pics/bonitaire/bullet.png); background-repeat:no-repeat; }

.main_teaser .text p { width:520px; }
.main_teaser h1 { margin-bottom:25px; }
.main_teaser .navigation { height:65px; background-image:url(../../pics/bonitaire/home/teaser_navi_bg.png); }
.main_teaser .navigation .item { height:55px; line-height:20px; padding:10px 0 0 0; text-align:center; border-bottom-width:0px; cursor:pointer; }
.main_teaser .navigation .item.active, .main_teaser .navigation .item:hover { background-image:url(../../pics/bonitaire/home/teaser_navi_bg_active.png); }

.home .main_teaser .text { position:relative; height:292px; background-image:url(../../pics/bonitaire/home/teaser_bg.png); background-repeat:none; padding:60px 0 0 30px; }
.home .main_teaser .text img { position:absolute; right:0px; /*left:508px;*/ top:0px; }
.home .small_teaser .span-4 { height:144px; background-image:url(../../pics/bonitaire/home/teaser_small_bg.png); background-repeat:repeat-x; }
.home .small_teaser .number { float:right; width:27px; height:27px; line-height:27px; text-align:center; background-image:url(../../pics/bonitaire/home/teaser_small_number.png); background-repeat:no-repeat; margin:4px 4px 0 0; }
.home h2 { margin-top:30px; margin-bottom:5px; }
.home .small_teaser h3 { margin:20px 0 0 18px; }
.home .small_teaser img { margin:20px 15px 0 15px; float:left; }
.home .small_teaser  p  { padding:20px 5px 0 0; }
.home .med_teaser .span-6 { position:relative; height:193px; background-image:url(../../pics/bonitaire/home/teaser_med_bg.png); background-repeat:repeat-x; }
.home .med_teaser h3 { margin:20px 0 0 18px; }
.home .med_teaser img { position:absolute; top:52px; left:0px; }
.home .med_teaser a.button   { position:absolute; left:267px; top:143px; }
.contact_teaser .item { position:relative; height:145px; background-image:url(../../pics/bonitaire/home/teaser_contact_bg.png); background-repeat:repeat-x; }
.contact_teaser .item.light { background-image:url(../../pics/bonitaire/home/teaser_contact_light_bg.png); }
.contact_teaser h3 { padding:20px 0 0 18px; margin-bottom:0px; }
.contact_teaser p  { padding:10px 0 0 18px; width:200px; margin-bottom:0px; }
.contact_teaser p.hotline { padding-top:3px; }
.contact_teaser p.hotline.small { padding-top:0px; line-height:13px; } 
.contact_teaser a  { margin-left:15px; margin-top:18px; }
.contact_teaser .item.santa { background-image:url(../../pics/bonitaire/kundenbindung/santa_teaser_bg.png); background-repeat:repeat-x; height:274px; }
.contact_teaser .item.santa p { padding-right:5px; }


.christmas .main_teaser .navigation .item  { height:45px; padding-top:20px; }
.christmas .main_teaser .text { position:relative; height:390px; background-image:url(../../pics/bonitaire/christmas/teaser_bg.png); background-repeat:none; padding:26px 0 0 15px }
.christmas .main_teaser .text img { position:absolute; left:480px; top:0px; }
.christmas .main_teaser .text p { width:460px; }
.christmas .main_teaser ul { width:500px; }

.card_content { border-style:solid; border-width:0 0 1px 0; position:relative; }
.card_content h1.span-12 { border-style:solid; border-width:0 0 1px 0; padding:25px 0 10px 15px; }
.card_content h2.span-12 { border-style:solid; border-width:0 0 1px 0; padding:15px 0 15px 15px; }
.card_content img.right { float:right; margin-left:30px; }
.card_content p { padding:20px 0 10px 15px; margin:0; }
.card_content .note, .products_field .note { height:18px; background-image:url(../../pics/bonitaire/order_process/note_bg.png); background-repeat:repeat-x; padding:15px 15px; border-style:solid; border-width:1px 0; }
.card_content .note.no_topborder { border-top-width:0px; }
.card_content .note.twolines { height:38px; padding-top:5px; padding-bottom:5px; }
.card_content a.button { margin:15px 15px 0 15px; }

.tabs { position:absolute; left:0px; top:26px; width:939px; }
.tabs .item { float:right; padding:0 15px; height:32px; line-height:32px; border-style:solid; border-width:1px 0 1px 1px; }
.tabs .item.last { margin-right:15px; border-right-width:1px; }
.cardtabs.tabs {z-index:1000;}
.cardtabs.tabs .item { padding:0 40px; }
.producttabs.tabs  { top:67px; }

.products_field .product { width:311px; height:751px; float:left; border-style:solid; border-width:0 1px 1px 0;  }
.products_field .product .image { width:230px; height:230px; margin:30px 0 0 40px; }
.products_field .product h2, .products_field .product h3, .products_field .product h4, .products_field .product p { margin-left:15px; margin-bottom:0px; padding:0px; }
.products_field .product h2 { line-height:25px; margin-bottom:5px; }
.products_field .product h3 { margin-bottom:20px; }
.products_field .product h4 { margin-top:20px; }
.products_field .product ul li { background-image:none; margin-bottom:0px; line-height:18px; text-indent:-7px; margin-left:0px; }
.products_field .products { height: 640px; }
.products_field .products .item { float:left; border-style:solid; border-width:0 1px 1px 0; width:156px; height:159px; text-align:center; }
.products_field .products .item.last { border-right-width:0px; }
.products_field .products .item .container { width:120px; height:130px; margin-left:18px; margin-top:15px; }
.products_field .pagination { border-style:solid; border-width:0 0 0 0; float:left; width:627px; background-image:url(../../pics/bonitaire/order_process/paginationbar_bg.png); background-repeat:repeat-y; height:30px; line-height:30px; }
.products_field .pagination a { display:block; float:left; margin-top:5px; margin-right:6px; text-align:center; width:19px; height:19px; line-height:19px; }
.products_field .pagination a.last { margin-right:0px; }
.products_field .note { float:left; width:597px; height:50px;  }

.card_detail { padding:15px; }
.card_preview .item { float:left; width:219px; height:129px; border-style:solid; border-width:1px 1px 0 0; padding:15px 0 0 15px; }
.card_preview .item.last { border-right-width:0px; }
.card_preview .item .card { /*width:198px; height:81px; background-color:#570854; */ margin-bottom:15px; }
#color_tab .color_fields { border-style:solid; border-width:0 0 1px 0; }
#color_tab .item { float:left; width:187px; border-style:solid; border-width:0 1px 0 0; height:47px; }
#color_tab .item.last { border-right-width:0px; width:186px; }
#color_tab .label { margin:25px 0 0 15px; }
#color_tab .colorbox { float:right; width:82px; height:29px; margin:10px 10px 0 0; }
.cardedit h2 { margin:15px 0 10px 15px; }
.cardedit .edittext { float:left; width:469px; border-style:solid; border-width:1px 1px 0 0; }
.cardedit .edittext select { float:right; margin:5px 12px 0 0; width:208px;  }
.cardedit .edittext textarea { width:430px; height:94px; border-style:solid; border-width:1px; margin-left:15px; }
.cardedit .text { height:160px; }
.cardedit .note { height:48px; }
.cardedit .editlogo { float:left; width:469px; border-style:solid; border-width:1px 0 0 0; }
.cardedit .editlogo p { padding:5px 15px 0 15px; }
.cardedit .editlogo input { margin:20px 0 0 15px; }
.cardedit .submit { display:block; float:right; width:94px; height:33px; background-image:url(../../pics/bonitaire/order_process/save_button_bg.png); background-repeat:no-repeat; text-align:center; border-width:0px; padding:0px; line-height:33px; margin:15px 20px 0 0; }

.errors { padding:15px 15px 0 15px; border:2px solid red !important; }
.errors ul { list-style-type:square; }
.errors ul li { background:none; text-indent:0px; line-height:18px; margin-left:15px; padding-left:0px; }

.kundenbindung ul { list-style-type:square; margin-left:15px; }
.kundenbindung ul li { background:none; padding-left:5px; margin-bottom:5px; }
.kundenbindung div.img { text-align:center; margin-bottom:10px; }
.kundenbindung div.img img { margin-bottom:4px; }
.kundenbindung p.cite { padding:0px 60px 0 30px; }
ul.literature li { margin-bottom:0px; line-height:14px; }
.kundenbindung p.left_indent { padding-left:20px; }
.kundenbindung p.left_indent.heading { text-indent:-20px; }
.kundenbindung .footerline { height:49px; position:relative; left:-15px; width:672px; line-height:49px; padding:0 15px; margin-bottom:10px; }

/* FOOTER */
.footer { margin:20px 0; border-style:solid; border-width:1px 0 0 0; padding-top:5px; }