@charset 'utf-8';
@import 'remooz.css';

/**
    Generelle Einstellungen / Layout
----------------------------------------------------------------------------- */

body
{
    background-attachment : fixed;   /* Hintergrundbild fixiert, scrollt nicht */
    font-size             : .75em;
    color                 : #000;
    background-color      : #f3eded;
    font-family           : Arial, Sans-Serif;
}

/* Hauptcontainer auf Breite setzen */
div#kopfzeile, div#navigationszeile, div#spalten, div#fusszeile{ width:780px; margin:auto; }

/* Kopfzeile */
div#kopfzeile{ z-index: 2; position: relative; }
div#kopfzeile img{ display: block; }

div#navigationszeile
{
    position            : relative;
    height              : 60px;
    text-align          : center;
}

div#navigationszeile img{ position:absolute; top:0; left:0; }

div#navigationszeile a{ position:absolute; top:0px; display:block; height: 60px; width:130px; background-color: #fff; opacity: .15; }
div#navigationszeile a:hover{ opacity: 0;}
div#navigationszeile a.aktuelles{ left:0;}
div#navigationszeile a.bilder{left:130px; }
div#navigationszeile a.oeffnungszeiten{ left:260px; }
div#navigationszeile a.wanderplan{ right: 260px; }
div#navigationszeile a.gaestebuch{ right: 130px; }
div#navigationszeile a.kontakt{ right:0;  }



/* Spalten Gesamt-Inhalt */

div#spalten{ background-color: #fff; padding-top: 9px;  }


div#sub_spalten
{ 
	margin-left           : 140px;
	margin-top            : 20px; 
	margin-right          : 30px; 

}


/* Spalten R-L Startseite*/

div#spalte-links{ width: 380px; float: left; }
div#spalte-links div.innen
{
   margin-left           : 20px;
   color                 : #fff;
   margin-right          : 15px;
   padding-top           : 10px;
   padding-bottom        : 10px; 
}

div#spalte-rechts{ width: 380px; float: right; }
div#spalte-rechts div.innen
{
   margin-right          : 15px;
   margin-left           : 20px;
   color                 : #fff;
   padding-top           : 10px;
   padding-bottom        : 10px; 
}


/* Fusszeile */
div#fusszeile
{
    background-image      : url(../../../images/fuss.png);
    background-position   : 0 0;
    background-repeat     : repeat-x;
    margin-bottom         : 150px;
}

div#fusszeile div.innen{ padding: 20px 0 }

hr.trenner{ margin-bottom: 40px; }

div#teaser-vorstandschaft-links{ width: 180px; float: left; margin-left: 20px; margin-bottom: 20px;}
div#teaser-vorstandschaft-rechts{float: left; padding-top: 20px;}



/**
    Inhalte
----------------------------------------------------------------------------- */

div#content { background-color: #fff; padding: 15px 15px; margin-bottom: 20px; text-align: justify; }

h1{ font-size: 1.3em; text-transform:uppercase; text-decoration: underline; color: #000; margin-bottom: 15px; font-weight: bolder;}
h2{ font-size: 1.2em; color: #000; margin-bottom: 15px; font-weight: bolder; }
h3{ text-transform:uppercase; color: #000; margin-bottom: 10px;}


p, li{ line-height: 1.3em; text-align: justify; margin-bottom: 1.3em; color: #000; }
a:link, a:visited,  a:hover{ color: #000; text-decoration: underline; }
strong{ font-weight: bolder;}


/* News */
div#inhalt h2.news_anreisser_titel{ color:#fff; }
div#inhalt h2.news_anreisser_titel span, div#inhalt h1 span { display: block; border-bottom: 2px solid #813d1b;; font-size: 0.6em; color : #813d1b;; }
div#inhalt p.news_link{ margin:0; padding:0; margin-bottom: 0.2em; }
div#inhalt hr.news_trenner{ margin: 0px 0 50px 0; clear:both; color:#813d1b; }
div#inhalt img.vorschaubild{ width: 130px;  float: left; margin-right: 25px; margin-bottom: 25px; }

div#inhalt hr.news_liste_trenner{ clear:both; margin-bottom: 50px; }
div#inhalt h2.weitere_events{ margin-bottom: 25px; }

div.veranstaltungen img{ width: 70%; }
div.veranstaltungen h1{text-decoration: none; text-transform:none;}

div.kontakt {width: 600px; float:left;}
div.kontakt div.links {width: 160px; float: left;}
div.kontakt div.links span {font-weight: bold; }
div.kontakt div.rechts {width: 400px; float: left;}
div.kontakt div.rechts p{margin-bottom: 10px;}


----------------------------------------------------------------------------- */


}

/* Fusszeile */
div#fusszeile{ color: #000; }
div#fusszeile div.innen{}
div#fusszeile a{ color: #000; text-decoration: none; }
div#fusszeile p.copyright{ float:left; margin-left: 15px; }
/*  Besucherzähler */
div#fusszeile p.admin{ float:right; margin-right: 20px; color: #000;}