/* ################# */ /* Layout 2023-05-13 */ /* ################# */ body { max-width:1000px; width:1000px; width:auto; margin:5px auto; padding:5px 5px 5px 5px; font-family: Verdana, Geneva, Arial, sans-serif; background:#ffffff;} #Page { width:100%; margin:5px auto; padding:10px; } #Text { margin:0 auto; padding:0px; } /* Bildgröße ----------------------------*/ .Bild_Titel-Banner {max-width:100%; height:auto; object-fit: contain;} .Bild_1000 {max-width:100%; height:auto; object-fit: contain;} .Bild_300 {width:300px; height:200px; object-fit: contain;} .Bild_Tipp {max-width:100%; height:auto; object-fit: contain;} .Bild_Box {max-width:50%; height:auto; object-fit: contain;} .Bild_Personen {width:500; height:350; object-fit: contain;} /* Seite oben ----------------------------*/ #TopNavi { width:100%; text-align:center; background-color:#701423; border-color:#923635;} #TopNavi ul { font-weight:bold; margin:0; padding:0px; } #TopNavi ul li { height:26px; margin:0; padding:0px; list-style:none; display:inline; } #TopNavi ul li a { padding:6px 15px; margin:0px; border-left:1px solid #000000; border-right:1px solid #000000;text-decoration:none; display:inline-block; border-color:#923635; background:#701423;} #TopNavi ul li a:link { color:#FFFFFF;} #TopNavi ul li a:visited { color:#FFFFFF;} #TopNavi ul li a:hover { color:#FFFFFF; background:#923635;} #TopNavi ul li a#current { color:#FFFFFF; background:#923635;} /* Sehenswerte Ort - Bewertung Sterne */ #Orte-Sehenswert { } /* id - Box ---------------------------- */ #Impressum-1 { padding:10px 10px 2px 10px; background-color:#CEECF5; } #MainMeneu-2 { padding:10px 10px 5px 10px; background-color:#701423; color:#ffffff; line-height:150%} #MainMeneu-2 a { color:#ffffff; } #MainMeneu-2 a:hover { color:#FF0000; } #MainMeneu-3 { padding:10px 10px 5px 10px; background-color:#701423; color:#ffffff; line-height:150%} #MainMeneu-3 a { color:#ffffff; } #MainMeneu-3 a:hover { color:#FF0000; } #TextInfo-2 { padding:10px 10px 2px 10px; } #Impressum-2 a { color:#ffffff; } /* Link in weiß */ #Impressum-2 a:hover { color:#FF0000; } /* Link in weiß */ #Impressum-2 { padding:10px 10px 10px 10px; background-color:#701423; color:#ffffff; } #Impressum-2 a { color:#ffffff; } /* Link in weiß */ #Impressum-2 a:hover { color:#FF0000; } /* Link in weiß */ /* Inhaltsverzeichnis ----------------------------------------*/ div.Titel-150 { text-align:center;} div.Titel-150 div { font-size:12px; font-weight:bold; width:150px; display:inline-block; vertical-align:top; padding:5px;} div.Titel-200 { text-align:center;} div.Titel-200 div { font-size:12px; font-weight:bold; width:200px; display:inline-block; vertical-align:top; padding:5px;} div.Titel-300 { text-align:center;} div.Titel-300 div { font-size:12px; font-weight:bold; width:300px; display:inline-block; vertical-align:top; padding:5px;} div.Titel-460 { text-align:center;} div.Titel-460 div { width:460px; display:inline-block; vertical-align:top; padding:10px;} /* Tabelle Box-Anzeigen ---------------------------- */ table._Box-AZ-Text { width:100%; cellpadding:10px; cellspacing:5px; background-color:#CCCCCC;} hr { width:auto; } a { } a:hover { color:#FF0000; } /* Layout für Tablet-PCs: min 481 bis max 949px. ################################################### */ /* @media (min-width:481px) and (max-width:981px) */ @media (min-width:481px) { /* Bildgröße ----------------------------*/ .Bild_Titel-Banner {max-width:100%; height:auto; object-fit: contain;} .Bild_1000 {max-width:100%; height:auto; object-fit: contain;} .Bild_300 {width:300px; height:200px; object-fit: contain;} .Bild_Tipp {max-width:100%; height:auto; object-fit: contain;} .Bild_Box {max-width:50%; height:auto; object-fit: contain;} .Bild_Personen {width:400px; height:300px; object-fit: contain;} h1 { font-size:28px; text-align:center; } h2 { text-align: left; font-family: Arial, Helvetica, sans-serif; } h3 { text-align:left; } p { font-size: 16px; text-align: justify; margin-top: 0px; font-family: Arial, Helvetica, sans-serif; } .a00_Top-MainMeneu { font-size:14px; padding:0px;} .a01_IRF-Titel_Tabelle { font-size:16px; font-weight:bold; margin:0px;} /* Titel ----------------------------------*/ .a11_Titel_1_Seite { } .a12_Titel_1_Seite_klein { font-size:20px; font-weight:bold; margin:0px; margin-top:10px; } .a15_Reisefuehrer_Link { font-size:18px; font-weight:bold; text-align:left; margin-top:15px; border-color:#CCCCCC; border-width:10px; border-style:solid; background-color:#CCCCCC; } .a17_Inhalt_Ortsliste { font-size:16px; font-weight:bold; text-align:justify; margin:0px; margin-bottom:5px; line-height:25px } .a18_Online_Guide { font-size:10px; font-weight:bold; text-align:left; margin:0px; margin-bottom:10px; } /* Text ------------------------------*/ .a21_Titel_2_Objekt { font-size:22px; font-weight:bold; text-align:left; margin-top:5px; background-color:#BDBDBD; border-style:solid; border-color:#DBDBDB; border-width:8px; padding:10px; } .a22_Titel_2_Text { font-size:22px; font-weight:bold; text-align:left; margin:0px; margin-top:5px; } .a23_Sehenswuerdigkeiten { font-size:18px; font-weight:bold; text-align:left; text-align:justify; margin:0px;} .a24_Sehenswuerdigkeiten_Sterne { font-size:14px; font-weight:normal; text-align:left; text-align:justify; margin:0px;} .a28_WV_Reiseführer { font-size:16px; font-weight:bold; text-align:justify; margin:0px; line-height:140% } .a29_ReiseInfos { font-size:12px; text-align:justify; margin:0px;} .a30_ReiseInfos_rot { font-size:12px; text-align:justify; margin:0px; color:#FF0000; } /* BOX ------------------------------*/ .a51_Box_Titel { font-size:18px; font-weight:bold; text-align:left; margin-top:0px; margin-bottom:7px; } .a52_Box_Text { font-size:12px; text-align:left; } .a53_Box_Info { font-size:10px; text-align:left; } /* Impresssum ------------------------------*/ .a81_Impressum_Titel_1 { font-size:16px; font-weight:bold; text-align:left; margin-bottom:5px; } .a82_Impressum_Titel_2 { font-size:14px; font-weight:bold; text-align:left; margin-bottom:5px; } .a83_Impressum_Text { font-size:12px; text-align:left; } .a84_Impressum_Info { font-size:10px; text-align:left; } /* Schriftgröße Absatz-Text */ .aE41_eingestellt { font-size:16px; font-weight:bold; font-style:italic;text-align:left; margin:0px; margin-top:10px; } .a45_Reisetipp { font-size:16px; font-weight:bold; text-align:left; margin-bottom:7px; } .a44_Bus_Bahn_Info { font-weight:bold; color:#FF0000; } .a44_PanoramaBild { font-size:20px; font-weight:bold; text-align:left; margin:0px; color:#FF0000; } .a91_TOP_Zurueck { margin:10px;} .a92_Link_Internet { color:#0000FF;} .a82_Text_S { font-size:10px; text-align:justify;} .a82_Text_S_blod { font-size:10px; text-align:justify; font-weight:bold; } .a82_Text_M { font-size:12px; text-align:justify;} .a82_Text_M_bold { font-size:12px; text-align:justify; font-weight:bold; } .a82_Text_X { font-size:14px; text-align:justify;} .a82_Text_X_bold { font-size:14px; text-align:justify; font-weight:bold; } .a82_Text_XL { font-size:16px; text-align:justify;} .a82_Text_XL_bold { font-size:16px; text-align:justify; font-weight:bold; } .a82_Text_XL_rot { font-size:16px; text-align:justify; font-weight:bold; color:#FF0000; } .a82_Text_XXL { font-size:18px; text-align:justify;} .a82_Text_XXL_bold { font-size:18px; text-align:justify; font-weight:bold; } .a82_Text_XXL_rot { font-size:18px; text-align:justify; font-weight:bold; color:#FF0000; } .a82_Text_XXXL { font-size:20px; text-align:justify;} .a82_Text_XXXL_bold { font-size:20px; text-align:justify; font-weight:bold; } .a82_Text_XXXL_rot { font-size:20px; text-align:justify; font-weight:bold; color:#FF0000; } } /* Layout für Mobilgeräte: max 480px ################################################### */ @media (max-width:480px) { /* Bildgröße ----------------------------*/ .Bild_Titel-Banner {max-width:100%; height:auto; object-fit: contain;} .Bild_1000 {max-width:100%; height:auto; object-fit: contain;} .Bild_300 {width:300px; height:200px; object-fit: contain;} .Bild_Tipp {max-width:100%; height: auto; object-fit: contain;} .Bild_Box {max-width:50%; height:auto; object-fit: contain;} .Bild_Personen {width:300px; height:200px; object-fit: contain;} h1 { font-size:14px; font-weight:bold; text-align:center; } h2 { text-align:left; } h3 { text-align:left; } p { font-size:10px; text-align:justify; margin-top:0px; } .a00_Top-MainMeneu { font-size:11px; padding:0px;} /* Titel ----------------------------------*/ .a11_Titel_1_Seite { } .a12_Titel_1_Seite_klein { font-size:10px; font-weight:bold; margin:0px; margin-top:10px; } .a15_Reisefuehrer_Link { font-size: 9px; font-weight:bold; text-align:left; margin-top:15px; border-color:#CCCCCC; border-width:10px; border-style:solid; background-color:#CCCCCC; } .a17_Inhalt_Ortsliste { font-size: 10px; font-weight:bold; text-align:justify; margin:0px; margin-bottom:3px; line-height:12px } .a18_Online_Guide { font-size: 8px; font-weight:bold; text-align:left; margin:0px; margin-bottom:10px; } /* Text ------------------------------*/ .a21_Titel_2_Objekt { font-size:11px; font-weight:bold; text-align:left; margin-top:5px; background-color:#BDBDBD; border-style:solid; border-color:#DBDBDB; border-width:6px; padding: 7px; } .a22_Titel_2_Text { font-size:11px; font-weight:bold; text-align:left; margin:0px; margin-top:5px; } .a23_Sehenswuerdigkeiten { font-size:10px; font-weight:bold; text-align:left; text-align:justify; margin:0px; } .a24_Sehenswuerdigkeiten_Sterne { font-size: 7px; font-weight:normal; text-align:left; text-align:justify; margin:0px;} .a28_WV_Reiseführer { font-size: 9px; font-weight:bold; text-align:justify; margin:0px; line-height:140% } .a29_ReiseInfos { font-size: 7px; text-align:justify; margin:0px; } .a30_ReiseInfos_rot { font-size: 7px; text-align:justify; margin:0px; color:#FF0000; } /* BOX ------------------------------*/ .a51_Box_Titel { font-size: 9px; font-weight:bold; text-align:left; margin-bottom:5px; } .a52_Box_Text { font-size: 8px; text-align:left; } .a53_Box_Info { font-size: 7px; text-align:left; } /* Impresssum ------------------------------*/ .a81_Impressum_Titel_1 { font-size:12px; font-weight:bold; text-align:left; margin-bottom:5px; } .a82_Impressum_Titel_2 { font-size:10px; font-weight:bold; text-align:left; margin-bottom:5px; } .a83_Impressum_Text { font-size:9px; text-align:left; } .a84_Impressum_Info { font-size:8px; text-align:left; } .a21_BildText { font-size:16px; font-weight:bold; text-align:left; margin-top:0px; margin-bottom:15px; text-align:left; } /* Schriftgröße Absatz-Text */ .aE41_eingestellt { font-size:10px; font-weight:bold; font-style:italic;text-align:left; margin:0px; margin-top:10px; } .a45_Reisetipp { font-size:10px; font-weight:bold; text-align:left; margin-bottom:7px; } .a44_Bus_Bahn_Info { font-weight:bold; color:#FF0000; } .a44_PanoramaBild { font-size:20px; font-weight:bold; text-align:left; margin:0px; color:#FF0000; } .a91_TOP_Zurueck { margin:10px;} .a92_Link_Internet { color:#0000FF;} .a82_Text_S { font-size: 8px; text-align:justify;} .a82_Text_S_blod { font-size: 8px; text-align:justify; font-weight:bold; } .a82_Text_M { font-size: 9px; text-align:justify;} .a82_Text_M_bold { font-size: 9px; text-align:justify; font-weight:bold; } .a82_Text_X { font-size:10px; text-align:justify;} .a82_Text_X_bold { font-size:10px; text-align:justify; font-weight:bold; } .a82_Text_XL { font-size:11px; text-align:justify;} .a82_Text_XL_bold { font-size:11px; text-align:justify; font-weight:bold; } .a82_Text_XL_rot { font-size:11px; text-align:justify; font-weight:bold; color:#FF0000; } .a82_Text_XXL { font-size:12px; text-align:justify;} .a82_Text_XXL_bold { font-size:12px; text-align:justify; font-weight:bold; } .a82_Text_XXL_rot { font-size:12px; text-align:justify; font-weight:bold; color:#FF0000; } .a82_Text_XXXL { font-size:14px; text-align:justify;} .a82_Text_XXXL_bold { font-size:14px; text-align:justify; font-weight:bold; } .a82_Text_XXXL_rot { font-size:14px; text-align:justify; font-weight:bold; color:#FF0000; } } /* ########################################################################################*/ .hidden { display: none; } /* von Marco
*/ div.video-container {position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden;} div.video-container iframe, div.video-container object, div.video-container embed { position: absolute; top: -37px; left: -264px; width: 100%; height: 100%; } div.Top-Link { font-weight: bold; font-size: 16px; font-style: italic; } /* suchen mit Google */ div.Google-suchen { } #Google-suchen p { text-align: center; font-weight: bold; font-size: 20px; font-style: italic; } /* -------------------------------------- */ div.Anzeige {} .links {float:left; margin-right:10px;}