/*                                            */
/*      F R E I Z E I T   S C H W A R Z       */
/*                                            */

/* hellgelb: #FFFFCC; */
/* ehemaliges dunkelblau 1C90D0 */
/* helleres blau #7EC7F0 */
/* warn/pink   #FF0080  korrekt gem logo: #e10076*/
body { margin-top:15px; margin-left:15px; margin-right:20px; background-color:#7EC7F0; }
/* Umfassung der gesamten #seite */
#seite  { margin-left:auto;
         margin-right:auto;
         margin-top:0px;
         margin-bottom:0px;
         padding:10px;
         background-color:#FFFFCC;
         max-width:40em;
         }
/* Navigationsleiste oben */
nav, #navi { background-color:#7EC7F0; border-top: 10px solid #7EC7F0;border-left: 10px solid #7EC7F0; border-right: 10px solid #7EC7F0; border-bottom:1px solid #7EC7F0; margin-left:auto; margin-right:auto;}

/*                                               H O C H K A N T              */
@media screen and (orientation: portrait) {
     #seite { width:98%;}
     /* Links in "navi" */
a.knopf:link, a.knopf:visited, a.knopf:active, a.knopf:focus, a.knopf:hover
 { font-size:24px; font-weight:bold; display:block; line-height:2em;text-decoration:none; color: #000000; background-color:#7EC7F0; border-width:thin;border-color:#000000; border-style:solid; padding:10px;margin-bottom:10px; font-family:Arial, Helvetica; }
 .nur-mobil {visibility:visible;}
 .nur-desktop {visibility:hidden}
 /* keine Texte neben Bilder quetschen */
 p {clear:both; }

/* Abweichung für Hover */
 a.knopf:hover { background-color:#FFFFCC; }
   }
 .kontakt {display:none; }
/*                                                Q U E R                    */
@media screen and (orientation: landscape) {
     #seite { width:40em;}
     /* Knöpfe in "navi" */
a.knopf:link, a.knopf:visited, a.knopf:active, a.knopf:focus, a.knopf:hover
 { font-size:24px; display:inline-block; font-weight:bold; line-height:2em;text-decoration:none; color: #000000; background-color:#7EC7F0; padding:10px; margin-bottom:10px;border-width:thin;border-color:#000000; border-style:solid;font-family:Arial, Helvetica; }
/* Abweichung für Hover */
 a.knopf:hover { background-color:#FFFFCC; }
 .nur-mobil {visibility:hidden;}
 .nur-desktop {visibility:visible}
   }
/* ENDE */

/* Standard-Seiteninhalt */
img {
    max-width: 100%;
    height: auto;
}
/* Fusszeile */
footer {  font-size:12px;
        text-align:center;
         background-color:#FF8040;
         padding:2px;
         margin-top:30px;
         clear:both; }


/* Runde Ecke für diverse Boxen */
#seite, #navi, #inhalt, #rahmen, .menu, .kasten, .fehler, h1, a.knopf:link, a.knopf:visited, a.knopf:active, a.knopf:focus, a.knopf:hover{ moz-border-radius:6px; -webkit-border-radius:6px; -khtml-border-radius:6px; border-radius:6px;}

h1 { font-size: 32px;color: #000000;line-height:1,2em; font-family: Arial, Helvetica; text-align:center; border-width:thin; border-color:#000000; border-style:solid; padding-top:7px; padding-bottom:7px; clear:both;}
h2 { font-size: 24px;color: #000000;line-height:1,2em font-family: Arial, Helvetica; text-align:left; padding-top:7px; padding-bottom:3px; clear:both;}
h3 { font-size: 16px;color: #000000;font-family: Arial, Helvetica; padding-top:1px; padding-bottom:1px; clear:both;}
h4 {font-size:16px; color:#000000;font-weight:bold; font-family: Arial, Helvetica; padding-top:1px; padding-bottom:1px; clear:both;}

p,li,ul,ol,h4,h5,h6,div,blockquote,caption,th,td {
         font-size:16px;
         color:#000000;
         line-height:1,2em;
         font-family: Arial, Helvetica;
         -moz-hyphens: auto;
         -o-hyphens: auto;
         -webkit-hyphens: auto;
         -ms-hyphens: auto;
         hyphens: auto; }

p { padding-top:6px; }
li{ padding-bottom:6px;}

ul {list-style-position:outside; margin-left:0; padding-left:1em;}
tr,th,td { vertical-align:top; padding:2px;}

/* sichtbare Tabelle */
.tb { border-width:thin;border-color:#000000; border-style:solid;padding:3px; }

/* Bilder und - durch <br> abgetrennte Bildunterschrift */
.linksT { display:block; float:left; margin-top:10px; margin-bottom:10px; margin-right:10px; text-align:left; font-size:12px; font-style:italic; width:310px;}
.rechtsT {display:block; float:right; margin-top:10px; margin-bottom:10px; margin-left:10px; text-align:left; font-size:12px; font-style:italic; width:310px;}
.mitteT { display:block; margin-top:10px; margin-bottom:10px; margin-left:auto; margin-right:auto; text-align:left; font-size:12px; font-style:italic; width:310px;}

/* Fusszeile */
.foot { font-size:12px;text-align:center;background-color:#7EC7F0;padding:2px; margin-top:30px; clear:both; }
/* Rahmen */
#rahmen {border-width:thin; border-color:#7EC7F0; border-style:solid; padding:10px; margin-bottom:10px; }

/* Fehler, Kalenderwarnung */
.fehler { font-size:16px; text-align:center;background-color:#e10076;padding:2px; border-width:thin;border-color:#000000; border-style:solid; }

.kasten {border-width:2px; border-color:#c5c5cf; border-style:solid; background-color:#EAEAEA; padding:20px; margin:40px; }
.kontakt {background-color:#FFFFFF;margin-top:40px;}
/* Links */
a:link { text-decoration: none; color: #000000; font-weight:bold; }
a:visited { text-decoration:none; color: #000000; font-weight:bold; }
a:hover { text-decoration:underline; color: #000000; font-weight:bold; background-color:#FFFFCC; }
a:active { text-decoration: none; color: #000000; font-weight:bold; background-color:#FFFFCC; }

.n { font-size:16px; }
.k, .sk, .kr {font-size:12px; }
.kr { text-align:right; }
.rot { color:red; }
.z {text-align:center; }
.i { font-style:italic; }
.noscript { font-size: 24px;color: #000000;line-height: 1,2em; font-family: Arial, Helvetica; text-align:center; background-color:#FFFF80; border-width:thin; border-color:#808080; border-style:solid; padding:5px; }
.noscrk { color: #000000; background-color:#FFFF80; border-width:thin; border-color:#808080; border-style:solid; padding:15px; }

/* Für die Tabelle in der Preisliste */
.preistabelle {border-width:thin; border-color:#FFFFFF; background-color:#FFFFCC;}
.row1 {background-color:#7EC7F0;}
.row2 {background-color:#FFFFCC;}
/* Erstmal alle Orte ausblenden */

/* Bisher: .wachtendonk, .geldern, .wetten, .kevelaer, .schlosswissen, .weeze, .kalbeck, .gochstadtpark {visibility:collapse;}
*/
.wachtendonk, .geldern, .wetten, .kevelaer, .schlosswissen, .weeze, .kalbeck, .gochstadtpark {display:none;}

img { border-style:none; }
/* Clearfix zur Beseitigung von Störungen zwischen DIV's und floats */
.clearfix:before {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}
/* Teaser: Bereiche klickbar machen */
dl, dd { margin: 0; padding:0; }
dt {margin-top:6px; }
dl a:link { text-decoration: none; color: #000000; font-weight:normal; }
dl a:visited { text-decoration:none; color: #000000; font-weight:normal; }
dl a:hover { text-decoration:none; color: #000000; font-weight:normal; background-color:#FFFFCC; }
dl a:active { text-decoration: none; color: #000000; font-weight:normal; background-color:#FFFFCC; }

dt a:link { text-decoration: none; color: #000000; font-weight:bold; }
dt a:visited { text-decoration:none; color: #000000; font-weight:bold; }
dt a:hover { text-decoration:none; color: #000000; font-weight:bold; background-color:#FFFFCC; }
dt a:hover { text-decoration: none; color: #000000; font-weight:bold; background-color:#FFFFCC; }

/* Telefonlinks für Smartphones */
a[href^="tel"]:link, a[href^="tel"]:visited, a[href^="tel"]:hover {
    text-decoration:    none;
    color: #000; }