/* Allgemeine Formatierungen für die Inhaltsbereiche der Spaltenlayouts; die Anordnung der Spalten erfolgt je Beispiel im style-Element */ /* +++++++++++++++++++++++++++++++++++ Farben +++++++++++++++++++++++++++++++++++ */ body { background: #adb595; /* gruen */ color: #000; overflow-y: scroll; } #seite { background: #4c5b27; /* Weiß */ } #hauptteil { background: #eee; /* Hellgrau */ } #navigation { background: #adb595; /* gruen */ color: #ccc; } #inhalt { background: #adb595; /* gruen */ } #bilder { background: #adb595; /* gruen */ color: #fff; } #musikbutton { position: relative; left: 30px; top: 45px; width: 64px; height: 80px; background-color: #adb595; border: 0px; background-image: url('../../images/harfeon.png'); float: left; } /* +++++++++++++++++++++++++++++++++++ Reset und allgemeine Angaben +++++++++++++++++++++++++++++++++++ */ * { margin: 0; padding: 0; font-weight: bold; } #seite { font: 100% "Trebuchet MS", sans-serif; /* Schriftgröße nicht für gesetzt, um min-width-expression für IE 6 einsetzen zu können */ } a { text-decoration: none; color: #4c5b27; } a:visited { text-decoration: none; color: #000; } a:hover { text-decoration: none; color: #000; } p { margin: .5em 0 1em; } h1 { font-size: 300%; font-weight: normal; } h2 { font-size: 120%; font-weight: normal; color: #333300; } h3 { font-size: 150%; font-weight: normal; } /* versteckte Elemente */ #kopf h2, #navigation h2, #bilder h2 { position: absolute; left: -9999px; } /* +++++++++++++++++++++++++++++++++++ SEITENKOPF +++++++++++++++++++++++++++++++++++ */ #kopf { border-bottom: 2px solid #000; position: relative; background-color: #adb595; } /* IE <= 6: hasLayout noetig fuer containing block */ #kopf h1 { font-size: 200%; font-weight: normal; padding: 1em .5em 0 .5em; } #service { position: absolute; top: .25em; right: 1em; font-size: 80%; } #service li { display: inline; border-left: 1px solid #000; padding-left: .5em; padding-right: .25em; } #service li:first-child { border: none; } /* IE <= 6: erste vert. Linie per neg. margin verstecken */ #service strong { font-weight: normal; } #kopf hr { display: none; height: 0px; font-size: 0pt; } /* +++++++++++++++++++++++++++++++++++ HAUPTTEIL +++++++++++++++++++++++++++++++++++ */ /* Navigation */ #navigation ul { margin-top: 1em; list-style: none; } #navigation ul ul { list-style: square; border-top: 1px solid #000; border-bottom: 1px solid #000; margin-top: 0; } #navigation li { padding: .5em 1em; text-transform: uppercase; } #navigation li li { text-transform: none; margin-left: 1.5em; padding: 0; } #navigation a { font: 16px Times New Roman; font-weight: bold; padding: 4px; color: #000; text-align: center; display: block; padding: 6px 30px; height: 20px; width: 134px; text-decoration: none; background: url(../../images/background.gif); } #navigation a:hover { background: url(../../images/highlight.gif) no-repeat right; } #navigation strong { font-weight: normal; color: #000; } #menu_termine { position : relative; height : 10px; top : 0px; left: 50px; text-align : center; width: 650px; } #menu_termine ul { margin : 0; right : 80px; padding : 0; list-style-type : none; font-weight : bold; } #menu_termine ul li { list-style-type : none; float : left; margin-right : 10px; padding-right : 10px; border-right : 1px solid #595959; } #menu_termine ul li.final { list-style-type : none; float : left; margin : 0; padding : 0; border : none; } #menu_link { position : relative; height : 10px; top : 10px; left : 0px; text-align : left; width: 650px; } #menu_link ul { margin : 0; right : 80px; padding : 0; list-style-type : none; font-weight : bold; } #menu_link ul li { list-style-type : none; float : left; margin-right : 10px; padding-right : 10px; border-right : 1px solid #595959; } #menu_link ul li.final { list-style-type : none; float : left; margin : 0; padding : 0; border : none; } /* Inhalt */ #inhalt iframe { width:825px; height:545px; margin:5px; border:0px; border-style: none; border-width: 0px; } #inhalt h2 { font-size: 200%; font-weight: normal; line-height: 1em; margin: .33em 0 .33em .33em; } #inhalt #einleitung { background: #CCCC99; border: 1px solid #000; padding: 1em; margin: 0 1em 1em 1em; } #eintraege { background-image: url(../../images/spielmann.jpg); list-style: none; margin: 0 1em; } #eintraege li { margin-bottom: 20px; } #eintraege h3 { border-bottom: 1px dotted #ccc; } #eintraege .anriss { margin: .5em 0; } #eintraege img { float: left; margin: 0 .5em .5em 0; } #eintraege dl.metainfo { clear: both; color: #999; font-size: 80%; border-top: 1px dotted #ccc; } #eintraege dl.metainfo dt, #eintraege dl.metainfo dd { display: inline; } #eintraege dl.metainfo dd { margin-right: .5em; } /* Bilder */ #bilder ul { margin-top: 8em; list-style: none; text-align: center; } #bilder li { margin-bottom: 1em; } #bilder a img { border:1px solid #fff; } #bilder a:hover img { border-color:#9f0000; } #bilder p { margin: 0; font-size: 80%; } /* +++++++++++++++++++++++++++++++++++ FUSS +++++++++++++++++++++++++++++++++++ */ #fuss { border-top: 2px solid #000; border-bottom: 2px solid #000; padding: .05em 0; } #fuss p { font-size: 80%; text-align: right; margin: 0 1.25em; color: #000; } #fuss a { text-decoration: none; color: #000; font-weight: lighter; } #fuss a:visited { text-decoration: none; color: #fff; } #fuss a:hover { text-decoration: none; color: #fff; }