/* -----------------------------------------------------------------------------------------------------------*/ /* -----------------[ Farben ]--------------------------------------------------------------------------------*/ /* body-background: #E3E3E3 grau: #DDDADC dunkelgrau:#AFACAE dunkeldunkelgrau:#6B6A6A Blau: #006AB6 Rot: #E90016 */ /* -----------------------------------------------------------------------------------------------------------*/ /* -----------------[ Basiseinstellungen ]--------------------------------------------------------------------*/ * { margin:0; padding: 0; } html { height: 100% } body { padding: 0px; min-height: 101%; font-size: 100.01%; text-align: left; position: relative; color: #000; background: #E3E3E3 url(images/bg_body.gif) left top repeat-x; } fieldset, img { border:0; } .bold { font-weight:bold; } .block { display:block; } /* -----------------[ Grundeinstellung Text ]----------------------------------------------------------------*/ body { color: #444; font-size: 81.25%; font-family: Verdana, Helvetica, Arial, sans-serif; } /* 13px Schrift*/ h1,h2,h3,h4 { font-family: Arial, Verdana, Sans-Serif; font-weight:normal;} /* -----------------------------------------------------------------------------------------------------------*/ /* -----------------[ Seitenlayout ]--------------------------------------------------------------------------*/ #page_margins { margin:auto; width: 820px; background: url(images/shad_middle.gif) left top repeat-y;} #page { background: url(images/shad_top.jpg) left top no-repeat; } #header { padding: 0px 0px 0px 0px; margin: 0px 2px 0px 2px; position:relative; background: #fff url(images/header.jpg) right top no-repeat;} #content { padding: 0px 0px 0px 0px; margin: 0px 3px 0px 2px; clear:both; width: auto; background: #fff; } /* -----------------[ Spalte 1 Navigation links ]-------------------------------------------------------------*/ #spalte1 { float: left; width: 190px; } #spalte1_content { margin: 0; padding:0; } /* -----------------[ Spalte 2 Navigation rechts ]------------------------------------------------------------*/ #spalte2 { float:right; width:190px; } #spalte2_content { padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; } /* -----------------[ Spalte 3 Navigation mitte ]-------------------------------------------------------------*/ #spalte3 { margin: 0; padding:0; border-left: 190px #DDDADC solid; border-right: 190px #DDDADC solid; background:#FFFFFF url(images/bg_spalte3.gif) left top repeat-y; } #spalte3_1 { margin: 0; padding:0; border-left: 190px #DDDADC solid; background:#FFFFFF url(images/bg_spalte3.gif) left top repeat-y;} #spalte3_content { margin-left: 10px; margin-right: 8px; } #spalte3_content1 { margin-left: 10px; margin-right: 8px; } #service_logi { padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;position:absolute; left:-10px;top:0px;} /* -----------------------------------------------------------------------------------------------------------*/ /* -----------------[ Navigationen ]--------------------------------------------------------------------------*/ /* -----------------[ Top-Navigation (horizontale Navigation) ]-----------------------------------------------*/ #horizont_container { padding:0px 0px 0px 0px; margin:auto; clear:both; width: 820px; height:33px; float:left; background:url(images/bg_footer.gif) left top no-repeat; } #horizont_Nav { } #horizont_Nav ul { padding:0px 0px 0px 0px; margin:8px 0px 0px 220px; white-space: nowrap; line-height: 1em; list-style:none; } #horizont_Nav li { padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; float:left; } #horizont_Nav a { padding:0px 10px 0px 10px; margin:0px 0px 0px 10px; display:block; color:#fff; background: url(images/bullet_neg.gif) no-repeat center left; text-transform: none; text-decoration:none; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 0.9em; width: auto; /* nur IE 5.x */ width/**/:/**/ .1em; /* für IE 6.0 */ } #horizont_Nav > ul a { width:auto; } /* für alle anderen Browser */ /* Commented Backslash Hack hides rule from IE5-Mac \*/ #horizont_Nav a { float:none; } /* End IE5-Mac hack */ #horizont_Nav a:hover { color:#AFACAE; background: url(images/bullet_neg_rot.gif) no-repeat center left;} #horizont_Nav #aActive { color:#AFACAE; background: url(images/bullet_neg_rot.gif) no-repeat center left;} #copyright { position:absolute; top:36px; left:290px; color:#AFACAE; font-size: 0.85em;} #copyright a { color:#AFACAE; text-decoration:none;} /* ---------------------[ Left-Navigation (vertikale Navigation) ]-------------------------------------------------*/ #leftNav_container { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } #leftNav { margin: 0px; padding: 20px 0px 50px 0px; width: 190px; float: left; overflow: hidden; background:#FFFFFF url(images/bg_spalte1.jpg) left top repeat-y; border-bottom: 1px solid #DDDADC; } #leftNav ul { margin: 0px; padding: 0px; overflow: hidden; list-style-type: none; font-family: Arial, Verdana, Helvetica, sans-serif; } #leftNav li { margin: 0px; padding-left: 10px; line-height: 20px; list-style-type: none; font-family: Arial, Verdana, Helvetica, sans-serif; } #leftNav ul li a { padding:0px 0px 0px 10px; display: block; width: 160px; font-size: 1em; background: url(images/bullet.jpg) no-repeat center left; } #leftNav ul li a:link, #leftNav ul li a:visited { color: #5F5C5C; text-decoration: none; font-weight: bold; } #leftNav ul li a:hover { color: #006AB6; } #leftNav ul ul li a { display: block; font-size: 0.9em; background-image: none; line-height: 18px; border-top: none; } #leftNav ul ul li a:link, #leftNav ul ul li a:visited { color: #5F5C5C; text-decoration: none; font-weight: normal; } #leftNav ul ul li a:hover { color: #006AB6; } #leftNav ul li a#aActive { color: #006AB6; background-image: none; border-bottom: 1px solid #DDDADC; } #leftNav ul ul li a#asubActive { color: #006AB6; } #leftNav_bottomline { margin: 0px; padding: 0px 0px 0px 0px; width: 190px; height: 1px; float: left; overflow: hidden; background:#FFFFFF url(images/bg_spalte1.jpg) left top repeat-y; } /* -----------------------------------------------------------------------------------------------------------*/ /* -----------------[ Bausteine ]-----------------------------------------------------------------------------*/ /* -----------------[ Baustein Adresse ]--------------------------------------------------------------------*/ .adresse { padding:0px 0px 0px 3px; margin:0px 0px 0px 0px;position:absolute; top:-100px; left:-2px;z-index:10} .adresse p { font-size: 0.8em; color: #6B6A6A; line-height:1.5em; margin: 10px 0px 0px 10px; padding: 0px 0px 0px 0px;} /* -----------------[ Baustein Artikel Meldungen ]-----------------------------------------------------------*/ .bs_aktuelles { float: left; width:191px; background: #006AB6 url(images/teaser_top.jpg) no-repeat top left;} .bs_aktuelles h1 { padding: 10px 0px 3px 85px; margin: 0px 0px 0px 0px; font-size: 1.4em; color: #FFFFFF;} .bs_aktuelles h4 { padding: 8px 10px 0px 0px; margin: 0px 0px 0px 0px; color: #CECBCD; font-size: 0.8em; text-align:right; border-left: 1px solid #FFFFFF;border-right: 1px solid #FFFFFF;} .bs_aktuelles h2 { padding: 8px 5px 0px 10px; margin: 0px 0px 0px 0px; color: #FFFFFF; font-size: 1em; line-height:1em; font-weight:bold; border-left: 1px solid #FFFFFF;border-right: 1px solid #FFFFFF;} .bs_aktuelles p { padding: 8px 5px 10px 10px; margin: 0px 0px 0px 0px; color: #DDDADC; font-size: 0.85em; line-height:1.3em; color: #FFFFFF; font-weight: normal; border-left: 1px solid #FFFFFF;border-right: 1px solid #FFFFFF;} .teaser_bottom { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; width:191px; height:10px; line-height:1px; background: url(images/teaser_bottom.gif) no-repeat top left; float:left;} .bs_aktuelles a { padding: 8px 0px 0px 0px; margin: 0px 0px 0px 0px; text-align:right; display:block; color: #FFFFFF; text-decoration: none;} .bs_aktuelles a:hover { color: #AFACAE;} .bs_aktuelles_linie_cont { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; border-left: 1px solid #FFFFFF;border-right: 1px solid #FFFFFF;clear:both;} /*.bs_aktuelles_linie { padding: 0px 0px 8px 0px; margin: 0px 8px 0px 8px; border-top: 1px solid #FFFFFF;}*/ .bs_aktuelles_linie { padding: 0px 0px 4px 0px; margin: 0px 0px 0px 0px; height:11px; background: url(images/teaser_devider.gif) left top no-repeat} /* -----------------[ Baustein Termine ]---------------------------------------------------------------------*/ .bs_termine { margin: 0; padding: 0; float: left; width:200px; } .bs_termine h1 { margin: 0; padding: 10px 0px 5px 5px; font-size: 1.4em; color: #476475; } .bs_termine h2 { margin: 0; padding: 0px 0px 0px 15px; font-size: 1em; font-weight:bold; border-bottom:1px solid #6B91A8;} .bs_termine ul { margin: 0px 5px 0px 7px; padding: 5px 0px 0px 0px; list-style:none; background-color:#476475; } .bs_termine ul li { margin: 0; padding:0px 0px 5px 5px; font-size: 0.9em; color: #fff; background-image: url(images/bullet_hell.gif); background-repeat: no-repeat;background-position:4px 6px} .bs_termine ul li p { font-weight:bold; font-size: 0.9em; color: #91D5D6;} /* -----------------[ Baustein Artikel ]------------------------------------------------------------------------*/ .bs_artikel { padding: 0px 10px 30px 10px; margin: 80px 0px 0px 0px; float: left;} .bs_artikel h1 { padding: 10px 0px 0px 0px; margin: 0; font-size: 1.4em; color: #006AB6; } .bs_artikel a { color: #006AB6; text-decoration: none;} .bs_artikel a:hover { color: #476475; text-decoration:underline} .bs_artikel h2 { margin: 0; padding: 5px 5px 5px 5px; font-size: 1em; color: #476475; background-color:#eee; font-weight: bold;} .bs_artikel p { margin: 10px 0px 0px 0px; padding: 0px 0px 5px 0px; font-size: 0.85em; color: #000; line-height: 1.3em; } .bs_artikel_image_right { margin: 5px 0px 0px 5px; padding: 5px 5px 5px 5px; background-color:#ECF1F1; float: right;} .bs_artikel_image_left { margin: 5px 5px 0px 0px; padding: 5px 5px 5px 5px; background-color:#ECF1F1; float: left;} .bs_artikel li { margin: 0px 0px 0px 20px; padding: 0px 0px 0px 10px; list-style-type: none; background: url(images/bullet_quad.gif) left center no-repeat; } /*------------------[ Baustein mitarbeiter ]----------------------------------------------------------------------*/ .bs_mitarbeiter { margin: 5px 0px 5px 0px; padding: 0px 0px 0px 0px; float: left; width:450px;} .photo { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; float: left; } .bs_mitarbeiter .thumb { margin: 0px 20px 0px 0px; padding: 0px 5px 5px 5px; float: left; background-color:#ECF1F1; } .bs_mitarbeiter h2 { margin: 10px 0px 0px 0px; padding: 0px 2px 0px 4px; } .bs_mitarbeiter h1 { margin: 0 0 0 0; padding: 10px 0px 5px 0px; font-size: 1.3em; } .bs_mitarbeiter p.info { margin: 0px 0px 10px 180px; padding: 0px 0px 5px 0px; font-size: 0.8em; border-bottom: 1px solid #ccc;} .bs_mitarbeiter p.info a { color: #f30; text-decoration: none; } .bs_mitarbeiter p.info a:hover { color: #006AB6; text-decoration:underline; } .bs_mitarbeiter p.mitarbeiter_text { font-size: 0.85em; padding: 0px 0px 5px 0px; } /*------------------[ Baustein Formular ]---------------------------------------------------------------------- .bs_formular { margin: 10px 0px 0 0px; padding: 0; float: left; width: 100%; } .bs_formular h1 { margin: 0 0 0 0; padding: 0px 0px 0px 0px; font-size: 1.4em; color: #006AB6; } .bs_formular textarea, input { padding:3px; border:1px #ccc solid;font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: normal;} .bs_formular form { margin: 0; padding: 0; font-size:0.9em; background-color:#EEEEEE; border-top: 1px solid #D0D0D0; border-bottom: 1px solid #D0D0D0; } .form_label { margin: 0 0 0 3px; padding:3px 0px 0px 0px;width:80px; float:left; } .bs_formular label { padding: 0 3px 0 3px; vertical-align:middle; } .bs_formular select { vertical-align:middle; width:180px;} .bs_formular textarea { color:#435CA5; } .bs_formular input:hover { background:#FFFFCB;} .bs_formular textarea:hover { background:#FFFFCB;} .bs_formular p { margin:2px 0 2px 0; padding:0 0 0 0; } .submit, .reset { font-size: 90%; font-weight: normal;} .bs_formular .noborder { margin-top: 0.2em; padding:15px 0px 0px 0px; background-color: transparent; border: none; } */ /*------------------[ Baustein Tabelle ]----------------------------------------------------------------------*/ .bs_tabelle { margin: 10px 0px 10px 0px; padding: 0px 0px 0px 0px; float: left; width: 380px; } .bs_tabelle table { width: 100%; border-collapse: collapse; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 0.9em; } .bs_tabelle caption { padding: 0px 0px 5px 0px; text-align:left; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold; color: #006AB6; } .bs_tabelle td, .bs_tabelle th { padding: 0.3em 1em; background: #eee; } .bs_tabelle td.bold { font-size: 0.8em; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight:bold; } .bs_tabelle th { padding: 1px 0px 2px 5px; margin: 0px 0px 0px 0px; background: #666666; color: #FFFFFF; font-size: 1em; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight:bold; } .bs_tabelle td { padding: 3px 0px 3px 5px; margin: 0px 0px 0px 0px; background:url(images/table_line.gif) repeat-x left bottom; } .kontaktformular td { padding: 3px 0px 3px 5px; margin: 0px 0px 0px 0px; background-image:none; } .bs_tabelle tr.gerade td { background: #E9E6E6 url(images/table_line.gif) repeat-x left bottom;} /*------------------[ Baustein angebot ]----------------------------------------------------------------------*/ .angebot { margin: 20px 0px 20px 0px; padding: 20px 0px 0px 0px; float: left; width:100%; border-top:1px solid #CCCCCC; overflow:hidden; background: url(images/bg_angebot.gif) right bottom no-repeat;} .angebot_links_inhalt { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; overflow: hidden; } .angebot h1 { padding: 10px 0px 3px 3px; margin: 0px 0px 0px 0px; font-size: 1.5em; font-style: italic; background: url(images/bg_angebot.jpg) right bottom no-repeat; color: #006AB6 ; } .angebot_rechts_inhalt { padding: 0px 4px 0px 0px; margin: 0px 0px 5px 0px; overflow: hidden; background: url(images/bg_angebot_rechts.jpg) right top no-repeat;zoom:1;} .angebot h2 { padding: 6px 5px 0px 8px; margin: 4px 0px 0px 0px; font-size: 1.4em; color: #000000;background:#ACCFE7;} .angebot p.preis { padding: 5px 5px 0px 8px; margin: 0px 0px 0px 0px; color: #006AB6; font-size: 1em; font-weight:bold; background:#ACCFE7;} .angebot p.preisraten { padding: 0px 5px 5px 8px; margin: 0px 0px 0px 0px; font-size: 0.8em; background:#ACCFE7;} .angebot p.angebot_text { padding: 3px 5px 0px 8px; margin: 0px 0px 0px 0px;font-size: 0.85em; } .angebot p.info { padding: 10px 5px 10px 8px; margin: 0px 0px 0px 0px; font-size: 0.8em; } .angebot p.info a { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; color: #E90016; text-decoration: none; background: url(images/pfeil.png) no-repeat 0px 3px;} .angebot p.info a:hover { color: #006AB6; text-decoration:underline; } .angebot_rechts_unten { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; line-height:4px;background: url(images/bg_angebot_rechts_unten.gif) right bottom no-repeat;} /* -----------------[ Footer ]--------------------------------------------------------------------------------*/ #footer { clear:both; } /* IE-Clearing */ /* -----------------[ Z-Index ]-------------------------------------------------*/ #spalte1 {z-index: 3;} #spalte2 {z-index: 5;} #spalte3 {z-index: 1;} #spalte1_content {z-index: 4;} #spalte2_content {z-index: 6;} #spalte3_content, #spalte3_content1 {z-index: 2;} #spalte1_content, #spalte2_content, #spalte3_content, #spalte3_content1 { position:relative; } /* -----------------[ clearClass zum Clearen der Floatumgebungen ]-------------------------------------------------*/ .clearClass:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearClass { display: block; } /* fuer Safari-Browser */ #ie_clearing { display: none } /* iehacks.css zugeschaltet */ /* -----------------[ Listen & Zitate ]-------------------------------------------------*/ blockquote, cite { margin: 0 0 1em 1.5em; font-size: 0.93em; width: auto; } /* -----------------[ Transparente Schatten ]-------------------------------------------------*/ .trans70 {filter: alpha(opacity = 70);-moz-opacity: 0.70; width:214px;} .trans60 {filter: alpha(opacity = 60);-moz-opacity: 0.60; width:214px;} .trans50 {filter: alpha(opacity = 50);-moz-opacity: 0.50; width:214px;} .trans40 {filter: alpha(opacity = 40);-moz-opacity: 0.40; width:214px;} .trans30 {filter: alpha(opacity = 30);-moz-opacity: 0.30; width:214px;} .trans20 {filter: alpha(opacity = 20);-moz-opacity: 0.20; width:214px;} .trans10 {filter: alpha(opacity = 10);-moz-opacity: 0.10; width:214px;} .trans7 {filter: alpha(opacity = 7) ;-moz-opacity: 0.07; width:214px;} .trans5 {filter: alpha(opacity = 5) ;-moz-opacity: 0.05; width:214px;} .trans3 {filter: alpha(opacity = 3) ;-moz-opacity: 0.03; width:214px;} /* ---------------------------------------------------------------------------------*/ /* -----------------[ Edit styles ]-------------------------------------------------*/ /* ---------------------------------------------------------------------------------*/ /* -----------------[ Aktuelles ]-------------------------------------------------*/ .news_date { width:100px;height:12px; font-size: 10px; font-family: Arial, Verdana, Helvetica, sans-serif;} .news_head { width:165px;height:50px; font-size: 11px; font-weight:bold; font-family: Arial, Verdana, Helvetica, sans-serif;} .news_text { width:165px;height:100px; font-size: 10px; font-family: Arial, Verdana, Helvetica, sans-serif;} .news_option { width:168px; } .news_position { padding: 1px 0px 1px 4px; margin: 0px 0px 0px 0px; width:12px; font-size: 10px; font-family: Arial, Verdana, Helvetica, sans-serif;} .news_btn { } /* -----------------[ Angebot ]-------------------------------------------------*/ .angebot_typ { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; width:183px;height:40px; font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif;} .angebot_price { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; border: 1px solid #A5ACB2;width:185px; font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif;} .angebot_edittext { padding: 3px 5px 0px 8px; margin: 0px 0px 0px 0px;font-size: 0.85em; background:#ACCFE7;} .angebot_text { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; width:183px; font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif;} .angebot_option { width:185px; } .angebot_pics { padding: 3px 0px 2px 0px; margin: 0px 0px 0px 0px; width:194px; font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif;} .angebot_textarea { font-size: 11px;width:183px;height:50px;font-family: Arial, Verdana, Helvetica, sans-serif; } /* -----------------[ Seite Service ]---------------------------------------------*/ .bs_artikel_service { padding: 0px 0px 0px 0px; margin: 10px 5px 0px 5px; float: left;border: 1px solid #ccc;width:270px;height:130px;} .bs_artikel_service h1 { padding: 10px 0px 0px 0px; margin: 0; font-size: 1.4em; color: #006AB6; } .bs_artikel_service a { padding: 0px 10px 10px 0px; margin: 0px 0px 0px 0px;color: #006AB6; text-decoration: none; } .bs_artikel_service a:hover { color: #476475; text-decoration:underline} .bs_artikel_service h4 { margin: 0; padding: 5px 5px 5px 5px; font-size: 1em; color: #476475; background-color:#eee; font-weight: bold;} .bs_artikel_service p { margin: 10px 0px 0px 0px; padding: 0px 0px 5px 5px; font-size: 0.85em; color: #000; line-height: 1.3em; } .bs_artikel_img_left { margin: 5px 5px 0px 0px; padding: 0px 5px 5px 5px; background-color:#ECF1F1; float: left;} /* -----------------[ Passwort ]--------------------------------------------------*/ #pawo { padding: 80px 0px 0px 0px; margin:auto; width:332px; height:220px; background: url(images/pw.jpg) left bottom no-repeat;} #pawoinput { padding: 0px 0px 0px 0px; margin: 165px 0px 0px 33px; float:left;display:inline; }