body { font-family:Century Gothic; background-color:#999999; overflow-y:scroll; } .clear{ clear:both; } /*--------------------------------------------------------- * * CSS-Definitionen für Schriftstile: * ---------------------------------------------------------*/ .mittelklein{ font-size:8px; } .klein{ font-size:10px; } .mittel{ font-size:12px; } .gross{ font-size:14px; } .mittelgross{ font-size:16px; } .sehrgross{ font-size:18px; } .normal{ font-weight:normal; } .fett{ font-weight:bold; } .nomargin{ margin:0px; } .nounderline{ text-decoration:none; } .schwarz_kursiv {font-family:Century Gothic; font-weight:bold; font-size:12px; font-style:italic; color:#111111;} .schwarz_kursiv_klein {font-family:Century Gothic; font-weight:bold; font-size:11px; font-style:italic; color:#111111;} .schwarz_normal {font-family:Century Gothic; font-weight:normal; font-size:12px; font-style:normal; color:#111111;} .schwarz_normal_klein {font-family:Century Gothic; font-weight:normal; font-size:10px; font-style:normal; color:#111111;} .schwarz_normal_sehr_klein {font-family:Century Gothic; font-weight:normal; font-size:8px; font-style:normal; color:#111111;} .schwarz_fett {font-family:Century Gothic; font-weight:bold; font-size:12px; font-style:normal; color:#111111;} .schwarz_fett_klein {font-family:Century Gothic; font-weight:bold; font-size:10px; font-style:normal; color:#111111;} .schwarz_fett_gross {font-family:Century Gothic; font-weight:bold; font-size:14px; font-style:normal; color:#111111;} .grau_normal_klein {font-family:Century Gothic; font-weight:normal; font-size:10px; font-style:normal; color:#777777;} .grau_kursiv_klein {font-family:Century Gothic; font-weight:normal; font-size:10px; font-style:italic; color:#777777;} .weis_kursiv_klein {font-family:Century Gothic; font-weight:normal; font-size:10px; font-style:italic; color:#DDDDDD;} .weis_kursiv {font-family:Century Gothic; font-weight:bold; font-size:12px; font-style:italic; color:#DDDDDD;} .weis_normal_klein {font-family:Century Gothic; font-weight:normal; font-size:10px; font-style:normal; color:#DDDDDD;} .weis_normal {font-family:Century Gothic; font-weight:normal; font-size:12px; font-style:normal; color:#DDDDDD;} .weis_normal_gross {font-family:Century Gothic; font-weight:normal; font-size:14px; font-style:normal; color:#DDDDDD;} .weis_fett_klein {font-family:Century Gothic; font-weight:bold; font-size:10px; font-style:normal; color:#DDDDDD;} .weis_fett {font-family:Century Gothic; font-weight:bold; font-size:12px; font-style:normal; color:#DDDDDD;} .weis_fett_gross {font-family:Century Gothic; font-weight:bold; font-size:14px; font-style:normal; color:#DDDDDD;} .blau_fett_gross{font-family:Century Gothic; font-weight:bold; font-size:14px; font-style:normal; color:#0033CC;} .rot_normal_klein {font-family:Century Gothic; font-weight:normal; font-size:10px; font-style:normal; color:#EC3232;} .rot_normal {font-family:Century Gothic; font-weight:normal; font-size:12px; font-style:normal; color:#EC3232;} .rot_normal_gross {font-family:Century Gothic; font-weight:normal; font-size:14px; font-style:normal; color:#EC3232;} .rot_fett_klein {font-family:Century Gothic; font-weight:bold; font-size:10px; font-style:normal; color:#EC3232;} .rot_fett {font-family:Century Gothic; font-weight:bold; font-size:12px; font-style:normal; color:#EC3232;} .rot_fett_gross {font-family:Century Gothic; font-weight:bold; font-size:14px; font-style:normal; color:#EC3232;} .rot_fett_sehrgross {font-family:Century Gothic; font-weight:bold; font-size:18px; font-style:normal; color:#EC3232;} .orange_fett_klein {font-family:Century Gothic; font-weight:bold; font-size:10px; font-style:normal; color:#e36c0a;} .orange_fett {font-family:Century Gothic; font-weight:bold; font-size:12px; font-style:normal; color:#e36c0a;} .orange_fett_gross {font-family:Century Gothic; font-weight:bold; font-size:18px; font-style:normal; color:#e36c0a;} .gelb_normal {font-family:Century Gothic; font-weight:normal; font-size:12px; font-style:normal; color:#FFFF00;} .gelb_fett {font-family:Century Gothic; font-weight:bold; font-size:12px; font-style:normal; color:#FFFF00;} .gelb_fett_klein {font-family:Century Gothic; font-weight:bold; font-size:10px; font-style:normal; color:#FFFF00;} .gruen_kursiv {font-family:Century Gothic; font-weight:bold; font-size:12px; font-style:italic; color:#11BB11;} .gruen_kursiv_klein {font-family:Century Gothic; font-weight:normal; font-size:10px; font-style:italic; color:#00FF00;} .gruen_normal_klein {font-family:Century Gothic; font-weight:normal; font-size:10px; font-style:normal; color:#00FF00;} .gruen_normal {font-family:Century Gothic; font-weight:normal; font-size:12px; font-style:normal; color:#00FF00;} .gruen_normal_gross {font-family:Century Gothic; font-weight:normal; font-size:14px; font-style:normal; color:#00FF00;} .gruen_fett_klein {font-family:Century Gothic; font-weight:bold; font-size:10px; font-style:normal; color:#00FF00;} .gruen_fett {font-family:Century Gothic; font-weight:bold; font-size:12px; font-style:normal; color:#00FF00;} .gruen_fett_gross {font-family:Century Gothic; font-weight:bold; font-size:14px; font-style:normal; color:#00FF00;} .gruen_fett_sehrgross {font-family:Century Gothic; font-weight:bold; font-size:18px; font-style:normal; color:#00FF00;} .dunkelgruen_normal_klein {font-family:Century Gothic; font-weight:normal; font-size:10px; font-style:normal; color:#00AA00;} .dunkelgruen_fett_klein {font-family:Century Gothic; font-weight:bold; font-size:10px; font-style:normal; color:#00AA00;} .dunkelgruen_fett {font-family:Century Gothic; font-weight:bold; font-size:12px; font-style:normal; color:#00AA00;} .dunkelgruen_fett_gross {font-family:Century Gothic; font-weight:bold; font-size:14px; font-style:normal; color:#00AA00;} .dunkelgruen_kursiv_klein {font-family:Century Gothic; font-weight:normal; font-size:10px; font-style:italic; color:#00AA00;} .dunkelgruen_kursiv {font-family:Century Gothic; font-weight:normal; font-size:12px; font-style:italic; color:#00AA00;} .dunkelgruen_kursiv_gross {font-family:Century Gothic; font-weight:normal; font-size:14px; font-style:italic; color:#00AA00;} .ueberschrift3 {font-family:Century Gothic; font-weight:bold; font-size:12px; font-style:normal; color:#DDDDDD;} .text3 {font-family:Century Gothic; font-weight:bold; font-size:10px; font-style:normal; color:#DDDDDD;} /*a {font-size:12px;} a:link {font-family:Century Gothic; font-weight:bold; font-size:11px; text-decoration:none; color:#DDDDDD;} a:visited {font-family:Century Gothic; font-weight:bold; font-size:11px; text-decoration:none; color:#DDDDDD;} a:hover {color:red;}*/ #mylink {font-family:Century Gothic; font-weight:bold; font-size:11px; font-style:normal; color:#111111;} #mylink:hover {font-family:Century Gothic; font-weight:bold; font-size:11px; font-style:normal; color:red;} #mylink0 {font-family:Century Gothic; font-weight:bold; font-size:11px; font-style:normal; color:#111111;} #mylink0:hover {font-family:Century Gothic; font-weight:bold; font-size:11px; font-style:normal; color:red;} #mylink1 {font-family:Century Gothic; font-weight:bold; font-size:11px; font-style:normal; color:#111111;} #mylink1:hover {font-family:Century Gothic; font-weight:bold; font-size:11px; font-style:normal; color:red;} #mylink2 {font-family:Century Gothic; font-weight:bold; font-size:11px; font-style:normal; color:#111111;} #mylink2:hover {font-family:Century Gothic; font-weight:bold; font-size:11px; font-style:normal; color:red;} #mylink3 {font-family:Century Gothic; font-weight:bold; font-size:11px; font-style:normal; color:#111111;} #mylink3:hover {font-family:Century Gothic; font-weight:bold; font-size:11px; font-style:normal; color:red;} #mylink4 {font-family:Century Gothic; font-weight:bold; font-size:11px; font-style:normal; color:#111111;} #mylink4:hover {font-family:Century Gothic; font-weight:bold; font-size:11px; font-style:normal; color:red;} #mylink5 {font-family:Century Gothic; font-weight:bold; font-size:11px; font-style:normal; color:#111111;} #mylink5:hover {font-family:Century Gothic; font-weight:bold; font-size:11px; font-style:normal; color:red;} #mylink6 {font-family:Century Gothic; font-weight:bold; font-size:11px; font-style:normal; color:#111111;} #mylink6:hover {font-family:Century Gothic; font-weight:bold; font-size:11px; font-style:normal; color:red;} #mylink7 {font-family:Century Gothic; font-weight:bold; font-size:11px; font-style:normal; color:#111111;} #mylink7:hover {font-family:Century Gothic; font-weight:bold; font-size:11px; font-style:normal; color:red;} #brb_suchergebnis {font-family:Century Gothic; font-weight:bold; font-size:11px; font-style:normal; color:#000000;} #brb_suchergebnis:hover {font-family:Century Gothic; font-weight:bold; font-size:11px; font-style:normal; color:#0000FF;} #kunde_angeb_aend_success {font-family:Century Gothic; font-weight:bold; font-size:11px; font-style:normal; color:#00AA00;} #kunde_angeb_aend_success:hover {font-family:Century Gothic; font-weight:bold; font-size:11px; font-style:normal; color:#00DD00;} #anbieter_suche {font-family:Century Gothic; font-weight:bold; font-size:11px; font-style:normal; color:#111111;} #anbieter_suche:hover {font-family:Century Gothic; font-weight:bold; font-size:11px; font-style:normal; color:#0000FF; text-decoration:underline overline;} .Stil3 {font-size: 14px} .klw_rot{color:#722640;} .klw_ueberschrift1{ font-family:Century Gothic; font-size:16px; font-weight:bold; color:#722640; } .klw_ueberschrift2{ font-family:Century Gothic; font-size:14px; font-weight:bold; color:#722640; } .klw_text1{ font-family:Century Gothic; font-size:12px; font-weight:bold; color:#8e888a; } .text_normal { font-family:Century Gothic; font-size:9pt; font-weight:normal; } .image_button{border:none; background:none;} .link_nounderline{text-decoration:none;} .navitop_link_1 { font-family:Century Gothic; font-size:14px; font-weight:normal; color:#000000; text-decoration:none; position:relative; top:6px;} .navitop_link_2 { font-family:Century Gothic; font-size:10px; font-weight:normal; color:#000000; text-decoration:none;} .navitop_link_2:hover{ color:#444444; } .navitop_link_3 { font-family:Century Gothic; font-size:10px; font-weight:bold; color:#ffc467; text-decoration:none;} .navitop_link_3:hover{ color:#FFFFFF; } .navitop_text_1 { font-family:Century Gothic; font-size:12px; font-weight:bold; color:#000000;} .navitop_text_2 { font-family:Century Gothic; font-size:10px; font-weight:normal; color:#000000;} .kontakt_text_1 { font-family:Century Gothic; font-size:14px; font-weight:normal; color:#000000;} .kontakt_link_1 { font-family:Century Gothic; font-size:14px; font-weight:normal; color:#000000; text-decoration:none;} .home_text_1 { font-family:Century Gothic; font-size:16px; font-weight:bold; color:#000000;} .home_text_1_blau{ font-family:Century Gothic; font-size:16px; font-weight:bold; color:#0000FF;} .home_text_2 { font-family:Century Gothic; font-size:14px; font-weight:normal; color:#000000;} .home_text_2_blau{ font-family:Century Gothic; font-size:14px; font-weight:normal; color:#0000FF;} .home_text_3 { font-family:Century Gothic; font-size:12px; font-weight:normal; color:#000000;} .home_text_3_blau{ font-family:Century Gothic; font-size:10px; font-weight:normal; color:#0000FF;} .home_text_3_grau{ font-family:Century Gothic; font-size:12px; font-weight:normal; color:#666666;} .home_text_3_rot{ font-family:Century Gothic; font-size:10px; font-weight:normal; color:#FF0000;} .home_link_2_blau{ font-family:Century Gothic; font-size:12px; font-weight:normal; color:#0000FF; text-decoration:none;} .home_link_3_gruen{ font-family:Century Gothic; font-size:12px; font-weight:normal; color:#009900; text-decoration:none;} .home_link_3_blau{ font-family:Century Gothic; font-size:12px; font-weight:bold; color:#0000FF; text-decoration:none;} .home_text_4 { font-family:Century Gothic; font-size:10px; font-weight:normal; color:#000000;} .home_text_4_grau{ font-family:Century Gothic; font-size:10px; font-weight:normal; color:#666666;} .leist8b_text_2 { font-family:Century Gothic; font-size:14px; font-weight:normal; color:#000000;} .leist8b_text_2_rot{ font-family:Century Gothic; font-size:14px; font-weight:normal; color:#FF0000;} .leist13_text_2_gruen_italic { font-family:Century Gothic; font-size:14px; font-weight:bold; color:#01bc01; font-style:italic;} .leist13_text_3 { font-family:Century Gothic; font-size:12px; font-weight:normal; color:#000000;} .leist13_text_3_rot{ font-family:Century Gothic; font-size:12px; font-weight:normal; color:#FF0000;} .leist13_text_3_fett { font-family:Century Gothic; font-size:12px; font-weight:bold; color:#000000;} .linkliste_text_2 { font-family:Century Gothic; font-size:14px; font-weight:normal; color:#000000;} .linkliste_text_2_rot{ font-family:Century Gothic; font-size:14px; font-weight:normal; color:#FF0000;} /*--------------------------------------------------------- * * CSS-Definitionen für das Registrierungs-Formular: * ---------------------------------------------------------*/ .regform_link_1 { font-family:Century Gothic; font-size:12px; font-weight:bold; color:#000000; text-decoration:none;} .regform_ueberschrift_1{font-family:Century Gothic; font-size:10px; font-weight:normal; color:#777777;} .regform_ueberschrift_1_rot{font-family:Century Gothic; font-size:10px; font-weight:normal; color:#770000;} .regform_ueberschrift_2{font-family:Century Gothic; font-size:10px; font-weight:bold; color:#444444;} .regform_text_1{font-family:Century Gothic; font-size:11px; font-weight:normal; color:#777777;} .regform_eingabe_text_1{font-family:Century Gothic; font-size:11px; font-weight:normal; color:#111111;} .regform_unterpunkt_1{position:relative; left:-26px; line-height:12px; border:1px none black;} .regform_unterpunkt_1_inhalt{height:12px;} #regform_submit_speichern{position:relative; top:13px; left:252px; width:122px; height:40px; text-align:left;} #regform_teil4_schlagzeile{float:left; width:510px; height:40px; position:relative; left:10px; top:25px; border:1px none #AAAAAA;} #regform_teil4_beschreibung{clear:both; width:715px; height:100px; height:100px; position:relative; left:10px; top:25px; border:1px none #AAAAAA;} .navi_left_login_beschrift{width:60px; height:13px; margin-left:5px; padding-top:9px; /*float:left;*/ text-align:left; border:1px none black;} .navi_left_login_textfeld{width:120px; height:22px; margin-left:5px; float:left; border:1px none black;} .banner_10000_Besucher{ position:relative; left:5px; top:0px; } .banner_pagerankscript{ position:relative; left:5px; top:0px; } .div_ueberschrift{ width:400px; height:40px; margin-bottom:6px; line-height:40px; vertical-align:middle; border:3px none black; font-family:'Times New Roman', Times, serif; font-weight:bold; font-size:24px; } .div_main_disclaimer{ width:660px; height:1100px; margin-left:0px; margin-right:0px; border:3px none black; font-family:'Times New Roman', Times, serif; font-weight:bold; font-size:14px; color:#222222; } #divbox_error_oben_mitte{ width:600px; height:300px; padding-left:20px; padding-top:70px; margin:auto; margin-top:100px; text-align:left; background-image:url('img/divbox_b.png'); background-repeat:no-repeat; border:1px none #777777; } .divbox_heading{ font-family:Century Gothic; font-size:11px; font-weight:normal; letter-spacing:-0.5px; color:#000000; } .divbox_link_1{ font-size:12px; text-decoration:none; color:blue; } .divbox_link_2{ font-size:12px; text-decoration:none; color:blue; position:relative; top:2px; line-height:20px; } /* //nicht mehr verwendet: #home_divbox_b_oben_mitte{ width:600px; height:300px; position:relative; left:60px; top:-80px; padding-left:20px; padding-top:6px; text-align:left; background-image:url('img/divbox_b_transparent.png'); background-repeat:no-repeat; border:1px none #777777; } #home_divbox_c_oben_mitte{ width:600px; height:500px; position:relative; left:60px; top:-80px; padding-left:20px; padding-top:6px; text-align:left; background-image:url('img/divbox_c.png'); background-repeat:no-repeat; border:1px none #777777; }*/ #home_divbox_f_oben_mitte{ width:600px; height:96px; position:relative; left:60px; top:0px; padding:10px; padding-top:0px; text-align:justify; background-image:url('img/divbox_f.png'); background-repeat:no-repeat; border:1px none #777777; } /* #home_divbox_a_unten_links{ width:260px; height:200px; float:left; position:relative; left:60px; top:-65px; padding-left:20px; padding-top:6px; padding-right:40px; text-align:justify; background-image:url('img/divbox_a.png'); background-repeat:no-repeat; border:1px none #777777; } #home_divbox_a_unten_rechts{ width:260px; height:130px; float:left; position:relative; left:60px; top:-65px; padding-left:20px; padding-top:6px; padding-right:40px; text-align:justify; background-image:url('img/divbox_a.png'); background-repeat:no-repeat; border:1px none #777777; } #home_divbox_d_unten_rechts{ width:260px; height:130px; float:left; position:relative; left:60px; top:-65px; padding-left:20px; padding-top:6px; padding-right:40px; text-align:justify; background-image:url('img/divbox_d.png'); background-repeat:no-repeat; border:1px none #777777; } #home_divbox_e_unten_rechts{ width:260px; height:70px; float:left; position:relative; left:60px; top:-65px; padding-left:20px; padding-top:6px; padding-right:40px; text-align:justify; background-image:url('img/divbox_e.png'); background-repeat:no-repeat; border:1px none #777777; } */ #home{ float:left; width:850px; min-height:700px; padding:0px; position:relative; left:2px; text-align:left; /*background-image:url(img/hintergrund_grau_punkte.gif);*/ background-color:#272727; border:1px none yellow; } #standard{ width:1000px; min-height:700px; margin:auto; position:relative; text-align:left; /*background-image:url(img/hintergrund_grau_punkte.gif);*/ background-color:#272727; border:1px none yellow; } #kunde_content{ float:left; width:850px; position:relative; left:2px; min-height:600px; text-align:left; /*background-image:url(img/hintergrund_grau_punkte.gif);*/ background-color:#272727; border:1px none yellow; } #kunde_iframe { width:1000px; min-height:600px; border:1px none green; } #home_box5_bg { width:700px; height:80px; margin:auto; text-align:center; background-image:url('img/start_back_4.png'); } #home_box5_content { width:100%; height:200px; font-size:18px; position:relative; left:-6px; top:-6px; background-color:#c1f643; } #home_box4_bg { width:700px; height:80px; margin:auto; text-align:center; background-image:url('img/start_back_4.png'); } #home_box4_content { width:680px; height:80px; font-size:12px; text-align:justify; margin:0px; padding:0px 10px 0px 10px; position:relative; left:-6px; top:-6px; background-color:#c1f643; } .home_box3_bg { float:right; width:340px; height:418px; margin:auto; margin-top:20px; text-align:center; background-image:url('img/start_back_3.png'); background-repeat:no-repeat; } .home_box3_content { width:320px; height:100%; margin:0px; padding:0px 10px 0px 10px; position:relative; left:-6px; top:-6px; background-color:#acdc3c; } .home_box2_bg { float:right; width:340px; height:240px; margin:auto; margin-top:20px; text-align:center; background-image:url('img/start_back_2.png'); } .home_box2_content { width:320px; height:100%; margin:0px; padding:0px 10px 0px 10px; position:relative; left:-6px; top:-6px; background-color:#acdc3c; } .home_box1_bg { float:left; width:340px; height:198px; margin:auto; margin-top:20px; text-align:center; background-image:url('img/start_back_1.png'); } .home_box1_content { width:320px; height:100%; margin:0px; padding:0px 10px 0px 10px; position:relative; left:-6px; top:-6px; background-color:#acdc3c; } /*--------------------------------------------------------- * * CSS-Definitionen für den Webkatalog: * ---------------------------------------------------------*/ #linkliste_gewerbe_1_gefundene_anbieter_details{ width:474px; height:150px; padding:10px; padding-top:0px; text-align:left; background-color:#ffe5c6; border:1px solid #777777; } .linkliste_spalte{ float:left; width:200px; height:18px; text-align:left; padding-left:6px; margin-top:6px; border:1px none #777777; } .linkliste_spalte_links{ float:left; width:110px; height:18px; text-align:right; margin-top:6px; border:1px none #777777; } .linkliste_spalte_rechts{ float:left; width:110px; height:16px; margin-top:2px; text-align:left; border:1px none #777777; } /*--------------------------------------------------------- * * CSS-Definitionen für das Impressum: * ---------------------------------------------------------*/ #impressum_div{ float:left; position:relative; left:130px; width:500px; min-height:560px; margin:auto; margin-top:20px; color:#FFFFFF; border:1px none black; } #impressum { width:380px; height:250px; background-color:#333; position:relative; left:200px; top:100px; border:1px none red; } #impressum_firmenlogo { position:absolute; left:10px; top:20px; } #impressum_adresse { margin:0px; position:absolute; left:10px; top:80px; border:1px none white; } #impressum_kontakt { margin:0px; position:absolute; left:10px; top:150px; border:1px none white; } #impressum_steuer { margin:0px; position:absolute; left:220px; top:80px; border:1px none white; } .impressum_p_left{ float:left; width:40px; margin:0px; color:#FFFFFF; } .impressum_p2_left{ float:left; width:80px; margin:0px; color:#FFFFFF; } .impressum_p3_left{ float:left; width:100px; margin:0px; color:#FFFFFF; } .impressum_p_right{ float:left; width:200px; margin:0px; color:#FFFFFF; } .impressum_p_clear{ clear:both; } .firmenlogo_klein { width:100px; height:50px; margin:0px; background-image:url('img/firmenlogo_klein.jpg'); background-repeat:no-repeat; border:1px none black; } /*--------------------------------------------------------- * * CSS-Definitionen für das Kontakt-Formular: * ---------------------------------------------------------*/ #kontakt_div{ float:left; position:relative; left:130px; width:650px; min-height:560px; margin:auto; margin-top:20px; border:1px none black; } #kontakt_send_div{ float:left; position:relative; left:50px; top:50px; width:650px; min-height:560px; margin:auto; margin-top:20px; border:1px none black; } .kontakt_label_radio{ position:relative; left:-8px; top:-2px; } .kontakt_label_checkbox{ position:relative; left:-5px; top:-1px; } /*--------------------------------------------------------- * * CSS-Definitionen für den Disclaimer: * ---------------------------------------------------------*/ #disclaimer_div{ float:left; position:relative; left:130px; width:500px; min-height:560px; margin:auto; margin-top:20px; border:1px none black; } .disclaimer_p{ text-align:justify; } /*--------------------------------------------------------- * * CSS-Definitionen für die ABG's: * ---------------------------------------------------------*/ #agb_div{ float:left; position:relative; left:130px; width:500px; min-height:560px; margin:auto; margin-top:20px; border:1px none black; } .agb_p{ text-align:justify; } /*--------------------------------------------------------- * * CSS-Definitionen für Angebote: * ---------------------------------------------------------*/ #angebote_div{ float:left; position:relative; left:130px; width:500px; min-height:560px; margin:auto; margin-top:20px; border:1px none black; } .angebote_p_left{ float:left; width:40px; margin:0px; } .angebote_p2_left{ float:left; width:80px; margin:0px; } .angebote_p_right{ float:left; width:200px; margin:0px; } .angebote_p_clear{ clear:both; } /*--------------------------------------------------------- * * CSS-Definitionen für die DemoCam: * ---------------------------------------------------------*/ #democam_div{ float:left; position:relative; left:230px; width:500px; min-height:560px; margin:auto; margin-top:20px; border:1px none black; } .democam_p_left{ float:left; width:40px; margin:0px; } .democam_p2_left{ float:left; width:80px; margin:0px; } .democam_p_right{ float:left; width:200px; margin:0px; } .democam_p_clear{ clear:both; } /*--------------------------------------------------------- * * CSS-Definitionen für Leistungen: * ---------------------------------------------------------*/ #leist27_div{ float:left; position:relative; left:130px; width:500px; min-height:560px; margin:auto; margin-top:20px; border:1px none black; } .leist27_p{ text-align:justify; } /*--------------------------------------------------------- * * CSS-Definitionen für das Navigationsmenü oben: * ---------------------------------------------------------*/ #navi_projekt_form { position:absolute; left:200px; top:4px; border:1px none white; } #navi_projekt_menu { position:absolute; left:8px; top:4px; z-index:1000; width:130px; padding-top:0px; padding-bottom:8px; background-color:#e47200; list-style-type:none; display:none; background-image:url('img/menu_background_1.gif'); background-position:0px 0px; border:1px solid grey; } #navi_projekt_form:hover #navi_projekt_menu { display:block; } #navi_projekt_form #navi_projekt_menu:hover { display:block; } .navi_projekt_menupunkt { position:relative; left:-40px; min-width:150px; height:20px; padding-left:2px; margin:0px; border:1px none black; overflow:hidden; } .navi_projekt_menupunkt_link { font-weight:normal; font-size:9pt; color:#000000; } .navi_projekt_menupunkt_link:hover { font-weight:bold; } .navi_projekt_menupunkt_link_aktuell { font-weight:bold; font-size:9pt; font-style:italic; color:#000000; } /*-----------------------------*/ #navi_zeitraffer_form { border:1px none white; padding-bottom:4px; } #navi_zeitraffer_menu { position:absolute; left:65px; top:-90px; z-index:1000; width:385px; height:100px; padding:10px; background-color:#666666; color:#FFFFFF; font-size:8pt; opacity:0.95; -moz-opacity:0.95; filter:alpha(opacity=95); border:2px outset grey; display:block; /* nur bei MausOver einblenden: display:none; */ } #navi_zeitraffer_kopfzeile { position:absolute; left:0px; top:0px; width:100%; height:14px; margin:1px; background-color:#333333; } #navi_zeitraffer_kopfzeile_text { float:left; margin:0px; } #navi_zeitraffer_menu_schliesskreuz { float:right; width:12px; height:12px; margin:0px; padding:0px; margin-right:2px; } #navi_zeitraffer_bereich_datum { position:absolute; left:15px; top:10px; width:140px; border:1px none yellow; } #navi_zeitraffer_zeitpunkt { position:absolute; left:160px; top:10px; width:90px; margin-top:0px; } #navi_zeitraffer_interval { position:absolute; left:160px; top:65px; width:90px; margin-top:0px; } #navi_zeitraffer_steuerung { position:absolute; left:240px; top:10px; width:130px; height:75px; margin-left:20px; margin-top:20px; background-color:#555555; border:1px none yellow; } /* nur bei MausOver einblenden: #navi_zeitraffer_form:hover #navi_zeitraffer_menu { display:block; } #navi_zeitraffer_form #navi_zeitraffer_menu:hover { display:block; }*/ .navi_zeitraffer_menupunkt { position:relative; left:-40px; width:98px; height:20px; padding-left:2px; margin:0px; /*background-image:url('img/menu_background_1.gif'); background-repeat:repeat-x;*/ border:1px none black; } .navi_zeitraffer_menupunkt_link { font-weight:normal; font-size:9pt; color:#000000; } .navi_zeitraffer_menupunkt_link:hover { font-weight:bold; } #navi_zeitraffer_von_beschriftung { margin:0px; margin-top:20px; font-size:8pt; color:#FFFFFF; } #navi_zeitraffer_von_day { width:36px; font-size:8pt; } #navi_zeitraffer_von_month { width:36px; font-size:8pt; } #navi_zeitraffer_von_year { width:50px; font-size:8pt; } #navi_zeitraffer_bis_beschriftung { margin:0px; margin-top:10px; font-size:8pt; color:#FFFFFF; } #navi_zeitraffer_bis_day { width:36px; font-size:8pt; } #navi_zeitraffer_bis_month { width:36px; font-size:8pt; } #navi_zeitraffer_bis_year { width:50px; font-size:8pt; } #navi_zeitraffer_taeglich_uhrzeit_beschriftung { margin:0px; margin-top:20px; font-size:8pt; color:#FFFFFF; } #navi_zeitraffer_interval_beschriftung { margin:0px; margin-top:6px; font-size:8pt; color:#FFFFFF; } #navi_zeitraffer_taeglich_uhrzeit_stunde { width:36px; font-size:8pt; } #navi_zeitraffer_interval_control /*Geschwindigkeit*/ { width:36px; font-size:8pt; } #navi_zeitraffer_taeglich_uhrzeit_minute { width:36px; font-size:8pt; } #navi_zeitraffer_taeglich_control_datum_anzeige { width:57px; height:17px; font-size:8pt; padding:0px; margin:15px 0px 0px 5px; background-color:#CCCCCC; border:none; } #navi_zeitraffer_taeglich_control_btn_backstop { width:30px; height:20px; margin:0px; padding:0px; background:none; position:relative; left:2px; top:11px; cursor:pointer; border:1px none yellow; } #navi_zeitraffer_taeglich_control_btn_backward { width:30px; height:20px; margin:0px; padding:0px; background:none; position:relative; left:-1px; top:11px; cursor:pointer; border:1px none yellow; } #navi_zeitraffer_taeglich_control_btn_stop { width:30px; height:20px; margin:0px; padding:0px; background:none; position:relative; left:-5px; top:6px; cursor:pointer; border:1px none yellow; } #navi_zeitraffer_taeglich_control_btn_play { width:30px; height:20px; margin:0px; padding:0px; background:none; position:relative; left:-8px; top:6px; cursor:pointer; border:1px none yellow; } #navi_zeitraffer_taeglich_control_btn_forward { width:30px; height:20px; margin:0px; padding:0px; background:none; position:relative; left:-5px; top:11px; cursor:pointer; border:1px none yellow; } #navi_zeitraffer_taeglich_control_btn_forwardstop { width:30px; height:20px; margin:0px; padding:0px; background:none; position:relative; left:-8px; top:11px; cursor:pointer; border:1px none yellow; } /*--------------------------------------------------------- * * CSS-Definitionen für das Navigationsmenü links: * ---------------------------------------------------------*/ .navi_link { color:#333333; font-weight:normal; } .navi_link:hover { color:#333333; font-weight:bold; } /*--------------------------------------------------------- * * CSS-Definitionen für die Kamera-Steuerung links: * ---------------------------------------------------------*/ .button_standard_a { width:40px; height:20px; background-image:url('img/button_standard_a.png'); background-repeat:no-repeat; text-align:center; border:1px none white; } .button_standard_a:hover { background-image:url('img/button_standard_a_aktiv.png'); background-repeat:no-repeat; cursor:pointer; } .button_standard_a_text { position:relative; top:-2px; font-weight:bold; font-size:8pt; color:#CCCCCC; } .button_standard_b { float:left; margin:0px; width:24px; height:20px; text-align:center; border:1px solid #303030; background-image:url('img/button_standard_b.png'); background-repeat:no-repeat; } .button_standard_b:hover { background-image:url('img/button_standard_b_aktiv.png'); background-repeat:no-repeat; cursor:pointer; } .button_standard_b_text { width:20px; font-weight:bold; font-size:8pt; color:#CCCCCC; text-decoration:none; position:relative; top:0px; } .button_standard_c { width:80px; height:20px; background-image:url('img/button_standard_c.png'); background-repeat:no-repeat; text-align:center; border:1px none white; } .button_standard_c:hover { background-image:url('img/button_standard_c_aktiv.png'); background-repeat:no-repeat; cursor:pointer; } .button_standard_c_text { position:relative; top:-2px; font-weight:bold; font-size:8pt; color:#CCCCCC; } .rahmen_orange { border:1px solid #e36c0a; } .button_standard_b_orange { background-image:url('img/button_standard_b_orange.png'); background-repeat:no-repeat; } /*---------------------------------------------- CSS-Definitionen für das PTZ-Fenster: ----------------------------------------------*/ #projekt_fenster_ptz { position:absolute; top:3px; left:0px; width:194px; height:185px; border:1px solid black; background-image:url('img/project_window_background.gif'); background-repeat:repeat-x; } #projekt_fenster_ptz_headline { height:20px; font-weight:bold; font-size:9pt; color:#FFFFFF; background-image:url('img/project_window_headline.gif'); background-repeat:repeat-x; border:1px none yellow; margin:0px; } #ptz { width:700px; height:100px; position:relative; left:0px; top:10px; background-color:#000000; opacity:0.8; moz-opacitiy:0.8; filter:Alpha(opacity=80); border:1px solid black; } #ptz_up { width:50px; position:absolute; left:180px; top:2px; } #ptz_right { width:50px; position:absolute; left:240px; top:37px; } #ptz_down { width:50px; position:absolute; left:180px; top:72px; } #ptz_left { width:50px; position:absolute; left:120px; top:37px; } #ptz_center { width:30px; position:absolute; left:191px; top:37px; } #ptz_zoomin { width:30px; position:absolute; left:330px; top:10px; } #ptz_zoomreset { width:30px; position:absolute; left:330px; top:35px; } #ptz_zoomout { width:30px; position:absolute; left:330px; top:60px; } #debug1 { width:80px; position:absolute; left:370px; top:-10px; font-size:8pt; color:#000000; background-color:#FFFFFF; border:1px solid black; } #debug2 { width:80px; position:absolute; left:370px; top:10px; font-size:8pt; color:#000000; background-color:#FFFFFF; border:1px solid black; } #debug3 { width:80px; position:absolute; left:370px; top:30px; font-size:8pt; color:#000000; background-color:#FFFFFF; border:1px solid black; } #debug4 { width:80px; position:absolute; left:370px; top:50px; font-size:8pt; color:#000000; background-color:#FFFFFF; border:1px solid black; } #debug5 { width:80px; position:absolute; left:370px; top:70px; font-size:8pt; color:#000000; background-color:#FFFFFF; border:1px solid black; } #debug6 { width:110px; position:absolute; left:460px; top:-10px; font-size:8pt; color:#000000; background-color:#FFFFFF; border:1px solid black; } #debug7 { width:110px; position:absolute; left:460px; top:10px; font-size:8pt; color:#000000; background-color:#FFFFFF; border:1px solid black; } #debug8 { width:160px; position:absolute; left:460px; top:30px; font-size:8pt; color:#000000; background-color:#FFFFFF; border:1px solid black; } #debug9 { width:160px; position:absolute; left:460px; top:50px; font-size:8pt; color:#000000; background-color:#FFFFFF; border:1px solid black; } #debug10 { width:80px; position:absolute; left:460px; top:70px; font-size:8pt; color:#000000; background-color:#FFFFFF; border:1px solid black; } #debug11 { width:80px; position:absolute; left:540px; top:70px; font-size:8pt; color:#000000; background-color:#FFFFFF; border:1px solid black; } /*---------------------------------------------- CSS-Definitionen für den Kalender: ----------------------------------------------*/ #projekt_fenster_kalender { position:absolute; left:0px; top:198px; width:194px; height:201px; border:1px solid black; background-image:url('img/project_window_background.gif'); background-repeat:repeat-x; } #projekt_fenster_kalender_headline { height:20px; font-weight:bold; font-size:9pt; color:#FFFFFF; background-image:url('img/project_window_headline.gif'); background-repeat:repeat-x; border:1px none yellow; margin:0px; } .projekt_fenster_kalender_button /*für die Monats- und Jahresauswahl oben*/ { float:left; width:31px; height:20px; padding-top:3px; margin:0px 1px 0px 1px; background-image:url('img/button_kalender_back.png'); background-repeat:repeat-x; text-align:center; font-size:9pt; cursor:pointer; border:1px none yellow; } #projekt_fenster_kalender_uhr { margin:0px; padding:0px; } #projekt_fenster_kalender_button_text { margin:0px; padding:0px; font-size:8pt; position:relative; left:-2px; top:-2px; } #projekt_fenster_kalender_div /*umschließt den Kalender selbst*/ { position:absolute; left:8px; top:46px; border:1px none yellow; } .projekt_fenster_kalender_headline_p { float:left; margin:0px; padding-top:2px; width:24px; height:16px; color:#FFFFFF; text-align:center; font-size:10pt; border:1px solid white; } .projekt_fenster_kalender_ptag { float:left; margin:0px; width:24px; height:18px; border:1px solid grey; } #popup_uhrzeit { width:170px; height:418px; background-color:#666666; color:#FFFFFF; font-size:8pt; opacity:0.85; -moz-opacity:0.85; filter:alpha(opacity=85); position:absolute; left:190px; top:-160px; z-index:10; } #popup_uhrzeit_kopfzeile { width:168px; height:14px; margin:1px; background-color:#333333; } #popup_uhrzeit_kopfzeile_text { float:left; margin:0px; } #popup_uhrzeit_kopfzeile_schliesskreuz { float:right; width:14px; height:14px; margin:0px; padding:0px; margin-right:0px; } #popup_uhrzeit_inhalt { float:left; padding-left:10px; padding-top:10px; } .stunde { width:35px; height:16px; margin:0px; padding-left:5px; font-size:8pt; font-weight:bold; color:#FFFFFF; } .viertelstunde { float:left; width:115px; min-height:16px; margin:0px; margin-left:2px; padding:1px; padding-left:10px; padding-right:10px; font-size:8pt; font-weight:bold; background-color:#000000; position:absolute; left:50px; z-index:20; display:none; border:1px none yellow; } .viertelstunde_button { float:left; width:38px; background:none; color:#FFFFFF; font-family:Century Gothic; font-size:9pt; font-weight:bold; cursor:pointer; border:none; } .stunde:hover .viertelstunde { display:block; } .stunde2 { float:left; height:14px; margin:0px; padding:0px; border:none; background:none; color:#FFFFFF; font-family:Century Gothic; font-size:9pt; font-weight:bold; cursor:pointer; } /*---------------------------------------------- CSS-Definitionen für das Aktionen-Fenster: ----------------------------------------------*/ #projekt_fenster_aktionen { position:absolute; left:0px; top:409px; width:194px; height:83px; border:1px solid black; background-image:url('img/project_window_background.gif'); background-repeat:repeat-x; } #projekt_fenster_aktionen_headline { height:20px; font-weight:bold; font-size:9pt; color:#FFFFFF; background-image:url('img/project_window_headline.gif'); background-repeat:repeat-x; border:1px none yellow; margin:0px; } #projekt_fenster_aktionen_button_download { float:left; width:40px; height:30px; cursor:pointer; margin-left:4px; padding:0px; border:none; } #projekt_fenster_aktionen_button_download_img { position:relative; left:-3px; top:-1px; width:40px; height:30px; border:none; } #projekt_fenster_aktionen_button_email { float:left; width:40px; height:30px; cursor:pointer; margin-left:2px; border:none; } #projekt_fenster_aktionen_button_email_img { position:relative; left:-3px; top:-1px; width:40px; height:30px; border:none; } #projekt_fenster_aktionen_button_mms { float:left; width:40px; height:30px; cursor:pointer; margin-left:2px; border:none; display:none; } #projekt_fenster_aktionen_button_mms_img { position:relative; left:-3px; top:-1px; width:40px; height:30px; border:none; } #projekt_fenster_aktionen_button_picprint { float:left; width:40px; height:30px; cursor:pointer; margin-left:2px; border:none; } #projekt_fenster_aktionen_button_picprint_img { position:relative; left:-3px; top:-1px; width:40px; height:30px; border:none; } #popup_picsendmail { position:absolute; left:50px; top:50px; z-index:1000001; width:500px; height:375px; background-color:#666666; color:#FFFFFF; font-size:8pt; opacity:0.85; -moz-opacity:0.85; filter:alpha(opacity=85); } #popup_picsendmail_kopfzeile { width:498px; height:14px; margin:1px; background-color:#333333; } #popup_picsendmail_kopfzeile_text { float:left; margin:0px; } #popup_picsendmail_kopfzeile_schliesskreuz { float:right; width:14px; height:14px; margin:0px; padding:0px; margin-right:0px; } #popup_picsendmail_inhalt { float:left; padding-left:10px; padding-top:10px; } #popup_picsendmail_inhalt_comment { width:380px; height:50px; overflow-y:scroll; } /*---------------------------------------------- CSS-Definitionen für das Kamera-Fenster: ----------------------------------------------*/ #projekt_fenster_kamera { position:absolute; left:199px; top:4px; width:640px; height:480px; border:1px none orange; background-image:url('img/project_window_background.gif'); background-repeat:repeat-x; } #projekt_fenster_kamera_headline { height:20px; font-weight:bold; font-size:9pt; color:#FFFFFF; background-image:url('img/project_window_headline.gif'); background-repeat:repeat-x; border:1px none yellow; margin:0px; } #projekt_fenster_kamera_div { width:100%; height:100%; background-color:#FFFFCC; overflow:hidden; } #projekt_fenster_kamera_zoom { width:100%; height:100%; position:absolute; left:0px; top:20px; border:none; /*2px solid red;*/ } #projekt_fenster_kamera_bild { width:100%; height:100%; position:relative; } #projekt_fenster_kamera_control { width:100%; height:20px; background-image:url('img/button_kalender_back.png'); background-repeat:repeat-x; position:relative; border:1px none yellow; } #projekt_fenster_kamera_control_btn_backstop { width:30px; height:20px; margin:0px; padding:0px; background:none; position:relative; left:0px; top:-1px; cursor:pointer; border:1px none yellow; } #projekt_fenster_kamera_control_btn_backward { width:30px; height:20px; margin:0px; padding:0px; background:none; position:relative; left:-3px; top:-1px; cursor:pointer; border:1px none yellow; } #projekt_fenster_kamera_control_btn_stop { width:30px; height:20px; margin:0px; padding:0px; background:none; position:relative; left:-6px; top:-1px; cursor:pointer; border:1px none yellow; } #projekt_fenster_kamera_control_btn_play { width:30px; height:20px; margin:0px; padding:0px; background:none; position:relative; left:-9px; top:-1px; cursor:pointer; border:1px none yellow; } #projekt_fenster_kamera_control_btn_forward { width:30px; height:20px; margin:0px; padding:0px; background:none; position:relative; left:-12px; top:-1px; cursor:pointer; border:1px none yellow; } #projekt_fenster_kamera_control_btn_forwardstop { width:30px; height:20px; margin:0px; padding:0px; background:none; position:relative; left:-15px; top:-1px; cursor:pointer; border:1px none yellow; } #projekt_fenster_kamera_bild_setinterval { font-size:8pt; height:14px; position:absolute; left:240px; top:503px; } /*---------------------------------------------- CSS-Definitionen für das Preset-Fenster (=Vorschau Bildausschnitte): ----------------------------------------------*/ #projekt_fenster_presets { position:absolute; left:843px; top:3px; width:194px; height:151px; border:1px solid black; background-image:url('img/project_window_background.gif'); background-repeat:repeat-x; } #projekt_fenster_presets_zoom { width:178px; height:118px; position:absolute; left:6px; top:19px; z-index:1; border:none; } #projekt_fenster_presets_headline { height:20px; font-weight:bold; font-size:9pt; color:#FFFFFF; background-image:url('img/project_window_headline.gif'); background-repeat:repeat-x; border:1px none yellow; margin:0px; } .projekt_fenster_presets_matrix_container_back { margin-left:10px; width:186px; height:126px; border:1px none yellow; position:absolute; left:-3px; top:20px; z-index:1; } .projekt_fenster_presets_matrix_container { margin-left:10px; width:186px; height:126px; border:1px none red; position:absolute; left:-3px; top:20px; z-index:10; } .projekt_fenster_presets_matrix { background:none; float:left; width:60px; height:40px; cursor:pointer; border:1px solid white; } .projekt_fenster_presets_matrix:hover { background-color:#FF9900; opacity:0.5; -moz-opacity:0.5; filter:alpha(opacity=50); } #projekt_fenster_presets_matrix_reset { background:none; margin:0px; padding:0px; float:left; width:16px; height:11px; cursor:pointer; position:relative; left:-2px; top:2px; border:1px none red; } #projekt_fenster_presets_matrix_reset_pic { border:none; position:relative; left:-4px; top:-3px; } /*---------------------------------------------- CSS-Definitionen für das History-Fenster: ----------------------------------------------*/ #projekt_fenster_history { position:absolute; left:843px; top:164px; width:194px; height:329px; overflow:hidden; border:1px solid black; background-image:url('img/project_window_background.gif'); background-repeat:repeat-x; background-color:#313030; } #projekt_fenster_history_headline { height:20px; font-weight:bold; font-size:9pt; color:#FFFFFF; background-image:url('img/project_window_headline.gif'); background-repeat:repeat-x; border:1px none yellow; margin:0px; } #projekt_fenster_history_inhalt { height:309px; overflow-y:scroll; overflow-x:hidden; border:1px none green; } #projekt_fenster_history_meldungen_alarmtage { margin:0px; padding:0px; list-style:none; border:1px none green; } #projekt_fenster_history_meldungen_alarmtage li { width:160px; border:1px none white; } #projekt_fenster_history_meldungen_alarmtage li img { height:16px; position:relative; left:-3px; top:2px; border:1px none white; } #projekt_fenster_history_meldungen_alarmtage li button { height:20px; display:inline; border:1px none white; } #projekt_fenster_history_meldungen { margin:0px; padding:0px; font-weight:bold; line-height:20px; list-style-type:decimal-leading-zero; position:relative; top:0px; left:34px; } #projekt_fenster_history_meldungen li { height:20px; border:1px none white; } #projekt_fenster_history_meldungen li button { height:20px; border:1px none white; }