body { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#333333;/* background-color:#FFFFFF;*/} /*im container ist das sich wiederholende hintergrundbild mit muster // im container subnavi hg-bild mit subnavi hintergrund*/ #container, #container_subnavi, #container_subnavi_mikro {width:100%; margin:0; padding:0; background-image:url(../gfx/gui/bg_body_3.jpg); background-repeat:repeat; background-position:center 395px;} #container_subnavi {background-image:url(../gfx/gui/bg_body_subnavi.jpg);} #container_subnavi_mikro {background-image:url(../gfx/gui/bg_body_subnavi_mikro.jpg);} /*im container_2 liegt die obere weiße welle als hg bild, png24 - für ie6 mit png8 bild*/ #container_2 { background-image:url(../gfx/gui/bg_top_orange_menschen.jpg); background-position:center top; background-repeat:no-repeat;} #container_subnavi_2 { background-image:url(../gfx/gui/bg_top_orange_menschen_2.jpg); background-position:center top; background-repeat:no-repeat;} /** html #container_2 {background-image:url(../gfx/gui/bg_body_top_3.png); background-position:center top; background-repeat:no-repeat;}*/ /*STILE FÜR INDEX HINTERGRUND*/ /*im container ist das sich wiederholende hintergrundbild mit muster // im container subnavi hg-bild mit subnavi hintergrund*/ #container_index {width:100%; margin:0; padding:0; background-image:url(../gfx/gui/body_bg_index.jpg); background-repeat:repeat; background-position:center 395px;} /*im container_2 liegt die obere weiße welle als hg bild, png24 - für ie6 mit png8 bild*/ #container_2_index {background-image:url(../gfx/gui/bg_top_index.jpg); background-position:center top; background-repeat:repeat-x;} /** html #container_2 {background-image:url(../gfx/gui/bg_body_top_3.png); background-position:center top; background-repeat:no-repeat;}*/ #bild_rechts_1 {float:right; margin:0; width:695px; background-image:url(../gfx/mikro.gif); background-position:right top; background-repeat:no-repeat;} #content {width:963px; margin:0 auto;} /*stile für den head (navigation und logo)*/ #head {margin:0 45px 0 0; padding:0;} #head .navi {border:none; padding:0; margin:0; float:right;} #head .homelink {border:none; padding:0; margin:0; float:left;} .homelink {float:left;border:none; margin:0; padding:0;} /*subnavi hat das mikro im hg, subnavi_2 für seiten mit unternavigation*/ #subnavi, #subnavi_2 { clear:both; float:left; margin:0; padding:0; background-image:url(../gfx/mikro.gif); background-repeat:no-repeat; background-position:top left;} #subnavi_2 {background-image:none;} #subnavi .min_height, #subnavi_2 .min_height {float:left; width:1px; height:390px;} #subnavi_2 #navi {float:left; width:200px; margin:33px 0 0 0;} #subnavi_2 #navi a, #subnavi_2 #navi a:hover {margin:0; padding:3px 0 3px 10px; width:190px; float:left; color:#333333; text-decoration:none;} #subnavi_2 #navi a:hover, #subnavi_2 #navi .aktiv {background-color:#F2C662; color:#000000;} #subnavi_2 #navi h1 {font-size:14px; float:left; margin:0 0 3px 10px; text-decoration:underline;} /* facebook-link-subnavigation */ /*.facebook-in-subnavi {position:absolute; border:none; top:104px; left:838px;} *html .facebook-in-subnavi {left:657px;}*/ .facebook-in-subnavi {border: medium none; left: 714px; position: absolute; top: 53px;} *html .facebook-in-subnavi {left:500px; top:56px;} /*stile für den inhaltsbereich-------------------------------------------------->>>> */ /*stile für main*/ #main, #main_schmal {width:695px; margin:0 0 0 220px; padding:0;} #main_schmal {width:500px; margin:0;} #main h1, #main h2, #main h3 {margin:0 0 0 0; padding:0; font-size:20px; font-weight:bold; letter-spacing:0.01em; float:left; width:100%;} #main h1 {margin:0 0 10px 0;} #main h2 {width:300px;} /*Ueberschrift fuer Gaestebuch*/ #main h3 {font-size:17px; margin:15px 0 0 0;} #main p {line-height:1.4em; float:left;width:100%; margin:10px 0 0 0;} .bloecke {width:300px; line-height:1.4em; float:left; margin:20px 0 0 0;} .hervorhebung_1 {font-size:15px; font-weight:bold; color:#000000;} #main a, #main a:hover {color:#333333; text-decoration:underline;} #main a:hover {color:#000000;} #main ul {float:left; width:400px; margin:10px 0 0 0; padding:0 0 0 10px;} #main li {line-height:1.3em; margin:5px 0 5px 5px;} #main .button, #main .button:hover {float:right; font-size:11px; color:#F29400; text-decoration:none; background-color:#FFFFFF; padding:3px 5px; margin:0; letter-spacing:0.1em;} #main .button:hover {background-color:#333333; color:#FFFFFF;} #main .img_link {float:left; margin:0 10px 0 0; border:3px solid #F8E2B1;} #bild_p {float:left; margin:10px 20px 0 0; width:300px; line-height:1.4em;} #bild_p img {border:3px solid #F8E2B1;} .bild_team {float:left; margin:10px 10px 0 0; line-height:1.4em; width:215px;} .min-height_team { float:right;height:266px; width:1px;} .bild_team img {border:3px solid #F8E2B1;} .bild_team .p_team {float:left; margin:2px 3px 0 0; width:190px;} /*stile für MAIN INDEX*/ #main_index {width:915px;} #galerie_box {width:221px; height:372px; float:left; background-image:url(../gfx/gui/galerie_box.gif); background-repeat:no-repeat; margin:0 20px 0 0; padding:14px;} #galerie_box img {border:4px solid #B8B8B9; float:left; margin:0; padding:0;} #galerie_box .float_rechts {float:right;} #galerie_box .bildtext {font-size:11px; margin:3px 0 8px 0; float:left; width:106px;} #galerie_box a, #galerie_box a:hover {text-decoration:none; color:#FFFFFF;} #galerie_box a:hover {text-decoration:underline;} #galerie_box .vorschaubilder_klein {float:left; margin:0;} #min_height_vorschau { float:right; width:1px; height:100px;} #galerie_box .vorschaubilder_klein_rechts {float:right; margin:0;} /*Stile für POPUPS*/ #popup {} #popup h1 {margin:10px; padding:0; font-size:17px; font-weight:bold; letter-spacing:0.01em; color:#000000;} #popup p {line-height:1.4em; margin:10px 0 0 10px;} #popup a, #popup a:hover {color:#333333; text-decoration:underline;} #popup a:hover {color:#000000;} #popup form {margin:10px 0 0 10px;} #popup .textfeld {width:300px; background-color:#FFFFFF; border:#FFFFFF solid 1px; margin-bottom:5px;} #popup .button, #popup .button:hover {background-color:#F8E2B1; margin:10px 10px 0 0; border: solid 3px #FFFFFF; color:#333333;} #popup .button:hover { background-color:#FFFFFF; color:#000000;} #galerie_box_neu {width:248px; float:left; margin:0 20px 0 0; padding:0; background-image:url(../gfx/gui/galerie_box_hg_verlauf.jpg); background-position:top; background-repeat:repeat-x; background-color:#001C21;} * html #galerie_box_neu {width:248px; float:left; margin:0 0px 0 0; padding:0; background-image:url(../gfx/gui/galerie_box_hg_verlauf.jpg); background-position:top; background-repeat:repeat-x; background-color:#001C21;} #galerie_box_neu .min_height {float:left; height:372px; width:1px; margin:0; padding:0;} #galerie_top {margin:0; padding:0; border:none; float:left;} #galerie_top .img {border:none;} #galerie_content { background-image:url(../gfx/gui/galerie_box_seitlich.gif); width:249px; float:left;} #galerie_bottom {clear:both; margin:0; padding:0; border:none;} #galerie_content img {border:4px solid #B8B8B9; float:left; margin:0; padding:0;} #galerie_content a, #galerie_content a:hover {text-decoration:none; color:#FFFFFF;} #galerie_content a:hover {text-decoration:underline;} #galerie_content .float_rechts {float:right;} #galerie_content .bildtext {font-size:11px; margin:3px 0 8px 0; float:left;} #galerie_content .vorschaubilder_gross {float:left; widt:210px; margin:0 0 0 10px;} #galerie_content .vorschaubilder_klein {float:left; width:110px; margin:0 0 0 10px;} #galerie_content .vorschaubilder_klein_rechts { float:left; width:106px; margin:0 0 5px 0;} #subnavi_galerie {float:right; font-size:12px; margin:10px 0 0 0;} #subnavi_galerie a, #subnavi_galerie a:hover {margin:0 0 0 7px; color:#FFFFFF;} #subnavi_galerie a:hover {color:#333333;} #start_rechts {float:right; margin:0 49px 0 0;} * html #start_rechts {float:right; margin:0 25px 0 0;} #news_box_neu {width:348px; float:left; margin:0 20px 5px 0; padding:0; background-image:url(../gfx/gui/news_box_hg_verlauf.jpg); background-position:top; background-repeat:repeat-x; background-color:#E2A30B;} * html #news_box_neu {width:348px; float:left; margin:0 0px 5px 10px; padding:0; background-image:url(../gfx/gui/news_box_hg_verlauf.jpg); background-position:top; background-repeat:repeat-x; background-color:#E2A30B;} #news_box_neu .min_height {float:left; height:110px; width:1px; margin:0; padding:0;} #news_top {margin:0; padding:0; border:none; float:left;} #news_top .img {border:none;} #news_content { background-image:url(../gfx/gui/news_box_seitlich.gif); width:328px; float:left; padding:0 10px;} #news_bottom {clear:both; margin:0; padding:0; border:none;} #news_content h1 {font-size:15px; margin:4px 0 0 0; color:#A42101;} #news_content h2 {font-size:11px; margin:10px 0 0 0; color:#A42101;} #news_content p {font-size:11px; margin:5px 0 0 0; color:#A42101;} #news_content img {border:4px solid #FEE9A8; float:left; margin:0 5px 0 0; padding:0;} #news_content a, #news_content a:hover {text-decoration:none; color:#FFFFFF;} #news_content a:hover {text-decoration:underline;} #kontakt_box_neu {width:348px; float:left; margin:5px 20px 5px 0; padding:0; background-image:url(../gfx/gui/kontakt_box_hg_verlauf.jpg); background-position:top; background-repeat:repeat-x; background-color:#7F9D44; color:#FFFFFF;} * html #kontakt_box_neu {width:348px; float:left; margin:5px 0 5px 10px; padding:0; background-image:url(../gfx/gui/kontakt_box_hg_verlauf.jpg); background-position:top; background-repeat:repeat-x; background-color:#7F9D44; color:#FFFFFF;} #kontakt_box_neu .min_height {float:left; height:75px; width:1px; margin:0; padding:0;} #kontakt_top {margin:0; padding:0; border:none; float:left;} #kontakt_top .img {border:none;} #kontakt_content { background-image:url(../gfx/gui/kontakt_box_seitlich.gif); width:328px; float:left; padding:0;} #kontakt_bottom {clear:both; margin:0; padding:0; border:none;} #kontakt_content h1 {font-size:13px; margin:0 10px;} #kontakt_content h2 {font-size:11px; margin:20px 10px 0 10px; color:#A42101;} #kontakt_content img { border:none;float:left; margin:10px 5px 0 0; padding:0;} #kontakt_content p {margin:10px 0 0 0; float:left; font-size:12px;} #kontakt_content a, #kontakt_content a:hover {text-decoration:none; color:#FFFFFF;} #kontakt_content a:hover {text-decoration:underline;} #oeffnungszeiten_box {width:320px; height:73px; float:left; background-image:url(../gfx/gui/oeffnungszeiten_box.gif); background-repeat:no-repeat; margin:17px 20px 0 0;padding:14px;} /*stile für geschichte*/ #geschichte p {float:left; width:300px; margin:10px 20px 0 0;} #geschichte p:first-letter {font-size:20px;} #geschichte h6 {float:left; width:665px; height:20px; margin:0;} /*stile für das gästebuch*/ #gaestebuch .gaestebuch_eintrag { float:left; width:690px; margin:20px 0 0 0;} #gaestebuch h1 {float:left; font-size:18px; margin:0 0 3px 0; padding:0; font-weight:bold; width:300px;} #gaestebuch h2 {float:right; font-size:12px; margin:6px 0 0 0; padding:0; font-weight:normal; width:300px;} #gaestebuch p {float:left; border:2px solid #FFFFFF; padding:5px; width:680px; margin:0; background-image:url(../gfx/gui/bg_weiss_transparent.png); background-repeat:repeat; color:#333333;} * html #gaestebuch p {float:left; border:2px solid #FFFFFF; padding:5px; width:680px; margin:0; background-image:url(../gfx/gui/bg_orange_hell.gif); background-repeat:repeat; color:#333333;} #gaestebuch p a {color:#333333;} #gaestebuch p a:hover {color:#000000;} #gaestebuch .kommentar {border-top:none; font-style:italic; background-image:none; color:#333333;} #gaestebuch .kommentar a {color:#333333;} #gaestebuch .kommentar a:hover {color:#000000; text-decoration:underline;} #gaestebuch form {float:left; width:695px;} #gaestebuch .formulartext {float:left; width:130px; text-align:right; margin:0 5px 5px 0; padding:3px 0;} #gaestebuch input {border:1px solid #D86800; width:200px; margin:0 0 5px 0; float:left;} #gaestebuch textarea {border:1px solid #D86800;width:400px; height:200px; margin:0 0 5px 135px; float:left;} #gaestebuch .button, #gaestebuch .button:hover {background-color:#333333; color:#FFFFFF; float:left; width:200px; padding:3px 0; border:none;} #gaestebuch .captcha_img {border:1px solid #D86800; margin:0 0 5px 135px; float:left;} /*stile für die galerie*/ #galerie {margin:20px 0 0 0; float:left; width:695px;} #galerie img {float:left; border:3px solid #F8E2B1; margin:0 4px 4px 0;} #galerie_detail {margin:0;} #galerie_detail img { border:none;} #galerie_detail .galeriebild {border:3px solid #F8E2B1;} #galerie_detail a img {border:none;} #galerie_detail .bildnummer {font-size:10px;} #news {float:left; width:349px;} /* <<<-------------------------------------------------- stile für den inhaltsbereich */ /*der footer beinhaltet die untere weiße welle mit dem mikro-ende, footer_2 für seiten mit subnavi, png24*/ #footer, #footer_2, #footer_index, #footer_4_mikro {width:100%; background-image:url(../gfx/gui/bg_body_bottom_2.png); background-position:center; height:125px;} #footer_2, #footer_index {background-image:url(../gfx/gui/bg_body_bottom_2b.png);} #footer_4_mikro {background-image:url(../gfx/gui/bg_body_bottom_4_mikro.png);} /*footer für ie6, png8*/ * html #footer {width:100%; background-image:url(../gfx/gui/bg_body_bottom_3.png); background-position:center; height:125px;} * html #footer_2 {width:100%; background-image:url(../gfx/gui/bg_body_bottom_3b.png); background-position:center; height:125px;} * html #footer_index {width:100%; background-image:url(../gfx/gui/bg_bottom_index.png); background-position:center; height:125px;}