/* Chäsilade */
html, body
{
scrollbar-face-color:#ffffff;
scrollbar-track-color:#225032;
scrollbar-highlight-color:#cc0b19;
scrollbar-3dlight-color:#cc0b19;
scrollbar-shadow-color:#cc0b19;
scrollbar-arrow-color:#ffffff;
}
/* vom Browser erzeugter Standardabstand entfernen */
html, body {
margin:0;
padding:1px;
}
/* Grösse der Seite (früher Tabelle) */
#wrapper {
margin:0 auto; width:990px; border:1px solid #225032; padding:2px 5px 2px 5px;
}
#logo {
float:left;
}
#grafik {
display:block; clear:both; max-width:100%; height:auto; margin:auto;
}
/* Schrift allgemein */
body {
font-family:Arial, Verdana, Helvetica, sans-serif; color:#222222; font-size:100%;
}
/* Navigation oben rechts */
#navi-waagrecht {
width:700px; float:right; overflow:hidden; margin-top:52px; margin-right:2px; margin-bottom:5px;
padding-top:29px;
}
#navi-waagrecht ul {
list-style-type:none;
margin:0;
padding:0;
}
#navi-waagrecht li {
float:right;
}
#navi-waagrecht a {
display:block;
background-color:#225032;
font-size:1.063em;
font-weight:normal;
font-family:Arial,Verdana,Helvetica, sans-serif;
color:#ffffff;
text-decoration:none;
margin:0;
padding-top:1px;
padding-right:7px;
padding-bottom:1px;
padding-left:7px;
border-top:2px solid #008235;
border-left:15px solid #ffffff;
}
#navi-waagrecht a.aktuell, #navi-waagrecht a:hover {
background-color:#eb4125;
}
/* Text- und Bildinhalt linke Seite */
#inhalt-links {
width:17em; float:left; margin-top:2em; padding-bottom:40px; margin-left:5px; clear:right;
}
#inhalt-links img {
display:block; margin-bottom:5em;
}
/* grosser Inhaltsbereich */
#content {
width:690px; float:right; margin-top:5px; margin-bottom:10px; padding-left:1px; clear:right;
}
#text {
width:42em; padding-bottom:80px;
}
/* Hauptüberschriften */
h1 {
font-size:2.75em; color:#008235; margin-top:0.125em;
}
h2 {
color:#010101; font-size:1em; font-weight:normal; width:31em; letter-spacing:0.7px;
padding-bottom:15px;
}
h2.zw {
font-style:italic; color:#404040; font-size:100%; font-weight:normal; letter-spacing:1.5px;
padding-bottom:15px; width:500px;
}
h3, h3.bild {
color:#222222; font-size:1.5em; margin-top:50px; letter-spacing:1.5px; width:21em;
}
h3.bild {
font-size:24px; margin-top:54px; padding-bottom:1.438em;
}
/* wir suchen start */
h3.st {
color:#222222; font-size:1.5em; letter-spacing:1.5px; margin-top:1.5em;
}
p.bord {
border-top:3px solid #cc0b19; width:7.5em; margin-top:6em;
}
p.bordi {
border-top:3px solid #cc0b19; width:7.5em; margin-top:2em;
}
/* überschrift nach bild käserei unsere eigenprodukte*/
h3.kaesi {
color:#222222; font-size:1.5em; margin-top:3.75em; letter-spacing:1.5px;
}
/* monats aktionen */
h3.aktuell {
font-weight:bold; margin-top:-0.5em; letter-spacing:1.5px;
}
/* käseplatte */
h3.aktuellu {
padding-top:1.25em;
}
/* aktuell glace nach einer aktion */
h3.aktuellg {
padding-top:1.5em;
}
h3.aktuellgf {
padding-top:3em;
}
h3.aktuellw {
padding-top:0.5em;
}
h3.aktuell-fond {
padding-top:2em;
}
h3.aktuell-rac {
padding-top:0.5em;
}
h3.aktuell-haemm {
padding-top:2em;
}
h3.ueberschrift-a {
font-weight:bold; margin-top:1.25; letter-spacing:1.5px;
}
h3.ueberschrift-a-news {
font-size:1.75em; font-weight:bold; margin-top:1em;
}
h3.ueberschrift-b {
font-weight:bold; padding-top:0.5em; letter-spacing:1.5px;
}
h3.ueberschrift-c {
font-weight:bold; padding-top:2em; letter-spacing:1.5px;
}
h3.ueber {
font-weight:bold; margin-top:10px;
}
h3.ueberu {
font-weight:bold; margin-top:20px; padding-bottom:20px;
}
/* Impressum */
h3.imu {
font-size:2em; padding-top:1em;
}
h4 {
color:#272727; padding-top:10px;
}
/* offene Stellen */
h4.os {
font-size:1.5em; padding-top:1em; padding-bottom:2em;
}
/* Käserei - übrigens */
h4.uue {
font-size:1.5em; padding-top:1em;
}
/* news */
h4.such. h4.suchb {
font-size:1.125em; padding-top:0; margin-bottom:-1em;
}
/* dito weniger breit */
h4.suchb {
width:23em;
}
h5 {
color:#303030; font-size:1.063em; margin-bottom:0;
}
h6 {
color:#272727; font-size:1.5em; margin-top:4em; margin-bottom:1.5em;
}
h6.a {
color:#272727; font-size:1.5em; margin-top:2em; margin-bottom:1.5em;
}
/* Links im Text */
h6.li {
color:#272727; font-size:1.5em; margin-top:2em; margin-bottom:3em;
}
/* Texte allgemein */
p {
width:30.5em; line-height:1.3;
}
/* dritte aktion */
p.dr {
font-size:1.125em; padding-top:1em; color:#5883F7;
}
p.nachoben {
font-size:1.25em; padding-top:3em; padding-bottom:3em;
}
/* text weniger breit news */
p.n {
width:28.75em;
}
p.nt {
font-size:1.125em; letter-spacing:0.13em; padding-top:1em; padding-bottom:1em; font-weight:bold;
}
p.nn {
font-size:1.125em; padding-top:2em; padding-bottom:1em; font-weight:bold; margin-bottom:-0.75em;
}
p.ne {
font-size:1.125em; letter-spacing:0.13em; padding-top:1em; font-weight:bold;
}
p.new, p.new-a {
font-size:1.125em; letter-spacing:0.06em; padding-top:2em; margin-bottom:-1em; font-weight:bold;
}
p.new-a {
padding-top:1em;
}
/* rote schrift news */
p.news {
font-size:1.75em; color:#cc0b19; width:24em;
}
p.sp {
width:490px; letter-spacing:0.05em; font-size:1.25em;
}
p.fet {
font-weight:bold;
}
p.fett {
font-weight:bold; padding-bottom:0.5em;
}
/* news unter bildchen*/
p.kll {
font-size:0.813em; font-family:Verdana; letter-spacing:0.05em; padding-bottom:4em;
}
/* impressum */
p.imp {
line-height:1.6; margin-top:0; margin-bottom:0;
}
/* aktuell schwarzer text gültig ab */
p.at, p.ata {
font-size:1.125em; margin-top:-0.75em; margin-bottom:-1em; font-style:italic;
}
/* zweiter bereich rot, weniger abstand */
p.ata {
margin-top:-2em;
}
/* dito: rote schrift - aktuell */
p.aka, p.akau, p.akazw {
font-size:1.75em; color:#cc0b19; width:24em; padding-top:0.125em;
}
/* nur eine aktion */
p.akaone {
font-size:1.75em; color:#cc0b19; width:24em; padding-top:1.5em;
}
p.akau {
font-size:1.125em; margin-top:-1.5em; color:#95040e;
}
p.akazw {
margin-top:-2em;
}
/* dito schrift grün wochenhit */
p.akazw-gr {
font-size:1.75em; color:#3a8c51; width:24em; line-height:normal; margin-top:-0.75em;
}
p.akau-gr {
font-size:1.125em; margin-top:-1em; color:#3a8c51;
}
/* rotes borderchen aktuell */
p.bor {
border-top:1px solid #95040e; width:20em; margin-top:-1em; margin-bottom:6em;
}
p.bor-a {
border-top:1px solid #95040e; width:28em; margin-top:-1em; margin-bottom:2em;
}
p.bor-new {
border-top:2px solid #cc0b19; width:7em; margin-top:3.5em; margin-bottom:3em;
}
/* aktuell grösser schwarze schrift - aktuell winter */
p.ak, p.akaa {
font-size:1.313em;
}
p.akaa {
padding-bottom:2em;
}
/* aktuell 3. aktion */
p.aktdrei {
font-size: 1em;
padding-top: 0.5em;
color: #475EC7;
}
p.aktdrei-b {
font-size:1.125em; color:#018101; margin-top:-1em;
}
p.aktdrei-c {
font-size:1.125em; color:#018101; margin-top:3em; width:45%;
}
/* abstand auch zw. den buchstaben - Käserei text übrigens */
p.ab {
font-size:1.125em; padding-bottom:1em; letter-spacing:0.06em;
}
p.aba {
font-size:1.125em; padding-bottom:2em; letter-spacing:0.06em;
}
/* grünes borderchen käserei */
p.bo {
border-bottom:5px solid #008235; width:8em; margin-top:-0.5em;
}
/* grünes borderchen news */
p.bon, p.bon-a {
border-bottom:6px solid #008235; width:14em; margin-top:5em; margin-bottom:-2em;
}
p.bon-a {
margin-top:5em; margin-bottom:4em;
}
p.bon-aa {
border-bottom:6px solid #008235; width:14em; margin-top:7em; margin-bottom:-2em;
}
p.last {
padding-bottom:1em;
}
p.lasti {
padding-top:1em; padding-bottom:1em;
}
p.lastis {
padding-top:1.25em;
}
/* ___________________STARTSEITE __________________________________________*/
/* Abstand schräge Schriftzüge Startseite */
p.schraeg-start {
font-style:italic; color:#101010; letter-spacing:0.125em; width:380px;
padding-top:18px;
}
p.schraeg-start-b {
font-style:italic; color:#101010; letter-spacing:0.125em; width:350px;
padding-top:18px; padding-bottom:25px;
}
p.schraeg-start-c {
font-style:italic; color:#101010; letter-spacing:0.094em; width:390px;
padding-top:10px; padding-bottom:5px;
}
p.start {
width:430px; padding-bottom:2em;
}
/* Startseite - das Chäsilade-Team freut sich... */
p.st-ch {
font-size:120%; color:#575757; padding-top:1.5em; padding-bottom:2em;
}
/* ___________________AKTUELL __________________________________________*/
p.schraeg-aktuell {
font-style:italic; color:#101010; letter-spacing:0.094em; width:27em;
padding-top:10px; padding-bottom:5px;
}
p.schraeg-aktuell-f {
font-weight:bold; font-style:italic; color:#101010; letter-spacing:0.094em; width:27em;
padding-top:10px; padding-bottom:5px;
}
p.schraeg-aktuell-f {
font-style:italic; letter-spacing:0.094em; width:442px;
padding-top:10px; padding-bottom:5px; font-weight:bold;
}
p.schraeg-aktuell-c {
font-style:italic; color:#101010; letter-spacing:0.094em; width:25em;
padding-top:0.75em; margin-bottom:-0.5em;
}
p.tipps {
font-size:0.938em; letter-spacing:0.063em; font-style:italic; color:#101010; padding-top:30px;
padding-bottom:2.5em; width:28em;
}
/* ___________________LADEN __________________________________________*/
/* Internes Menu Seite Laden oben */
p.im {
width:491px; line-height:1.21; color:#404040; font-size:0.938em;
margin-top:0; padding-bottom:10px;
}
p.schraeg-laden {
font-style:italic; color:#101010; letter-spacing:0.094em; width:350px;
padding-top:10px; padding-bottom:5px;
}
p.schraeg-laden-b {
font-style:italic; color:#101010; letter-spacing:0.094em; width:380px;
padding-top:10px; padding-bottom:30px;
}
p.schraeg-laden-c {
font-style:italic; color:#101010; letter-spacing:0.094em; padding-top:8px;
padding-bottom:20px;
}
p.schraeg-laden-d {
font-style:italic; color:#101010; letter-spacing:0.094em; padding-top:20px;
padding-bottom:0;
}
/* Liste Aufzählungen Seite Laden */
ul.post {
list-style-position:outside; list-style-type:square; padding-left:20px; width:400px;
}
ul.post li {
padding-bottom:10px;
}
ul.bistro {
list-style-position:outside; list-style-type:disc; padding-left:20px; width:400px;
}
ul.bistro li {
font-size:0.875em;
}
/* Links ganz unten */
p.liu {
margin-top:0; padding-bottom:50px;
}
/* Überschrift vor Links ganz unten */
p.mehr, p.mehra {
font-size:1.125em; line-height:1.5; font-weight:bold; padding-top:4em;
}
/* aktuell, news */
p.mehra {
padding-top:2em;
}
/* ---------------------- ÜBER UNS ------------------------- */
.bc {
padding-bottom:12em;
}
.bc-gr {
padding-bottom:12em;
}
.portrait {
float:left; margin-right:3em;
}
.portrait-gr {
float:left; margin-right:1em;
}
.name {
padding-top:30px;
}
#zitat {
width:14.328em; /*262px*/ background-color:#f5f5f5; clear:both; border:1px solid #9c9c9c;
margin-top:5px; margin-bottom:60px;
}
.zi {
width:80%; font-size:0.875em; margin-top:20px; padding-top:10px;
padding-bottom:10px; padding-left:1.09em;
}
p.fett {
font-weight:bold;
}
/* Liste Milchlieferanten */
ul.mili {
list-style-type:none; padding-left:0; padding-bottom:20px;
}
ul.mili li {
font-size:0.938em; padding-bottom:3px;
}
/* Öffnungszeiten */
#offen {
width:13.659em; /*233px*/ background-color:#f5f5f5; clear:both; font-size:0.938em;
border:1px solid #9c9c9c; margin-top:5px; margin-bottom:60px; padding-bottom:10px;
padding-left:1.524em;
}
/* Linkfunktionen */
a:link {
color:#008235; text-decoration:none; font-weight:bold;
}
a:visited {
color:#008235; text-decoration:none; font-weight:bold;
}
a:hover {
color:#cc0b19; text-decoration:none; font-weight:bold;
}
a:active {
color: #FFFFFF;
text-decoration: none;
font-weight: bold;
}
#footer {
width:980px; background-color:#225032; clear:both; color:#ffffff; margin-left:0;
padding-top:20px; padding-bottom:15px; padding-left:0.625em; text-align:center;
}
/* Footer Linkeigenschaften */
#footer a:link {
color:#1df675;
}
#footer a:visited {
color:#1df675;
}
#footer a:hover {
color:#fe0214;
}
/* Bilder ohne Rahmen darstellen */
a img {
border:none; padding-bottom:20px;
}
.linie {
border-bottom:1px solid #858585; width:480px; text-align:left;
margin-top:40px; padding-bottom:15px;
}
.clear {
clear:both; padding-top:0; margin-bottom:60px;
}
/* ---------------------- KONTAKT ------------------------- */
/* Abstand Map */
p.m {
margin-top:10px;
}
p.o {
font-size:0.875em; padding-top:0;
}
/* Gleiche Abstände nach rechts Telefon */
.telmail {
display:inline-block;
width:4em;
}
/* Mobile Style */
@media screen and (max-device-width: 480px){
body{
-webkit-text-size-adjust: none;
}
}