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

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

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

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

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

div#navigationszeile
{
    position            : relative;
    margin-top          : -50px;
    z-index             : 50;
    height              : 115px;
    text-align          : center;
    margin-bottom       : 10px;
}

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

div#navigationszeile a{ position:absolute; top:48px; display:block; height: 55px; width:92px; background-color: #000; opacity: .4; }
div#navigationszeile a:hover{ opacity: 0;}
div#navigationszeile a.home{ left:0;}
div#navigationszeile a.location{left:92px; }
div#navigationszeile a.events{ left:184px; }
div#navigationszeile a.jobs{ right: 184px; }
div#navigationszeile a.kontakt{ right: 92px; }
div#navigationszeile a.impressum{ right:0;  }


div#spalten{ background-color: #000; padding: 5px 0; margin-bottom: 10px;}

/* Spalten Inhalt */
div#spalte-links{ width: 240px; float: left; }
div#spalte-links-lang{ width: 526px; float: left; }
div#spalte-links div.innen
{
   margin-left           : 15px;
   color                 : #ff7800;
   margin-right          : 10px;
}

div#spalte-mitte{width: 286px; float: left; background: #252525 url(../img/spalte-mitte-abschluss.gif) repeat-x 0% 100%;}
div#spalte-mitte div.innen { margin-left: 12px; margin-top: 10px; margin-bottom: 30px; }


div#spalte-rechts{ width: 240px; float: right; }
div#spalte-rechts div.innen
{
   margin-right: 15px;
   margin-left           : 15px;
   color                 : #ff7800;
}

/* Spalten unten */
div#spalte-unten-links{ width: 240px; float: left; }
div#spalte-unten-links div.innen{ margin-left: 15px; margin: auto;  margin-right: 15px;  }
div#spalte-unten-mitte{width: 286px; float: left; }
div#spalte-unten-mitte div.innen{ margin-left: 0px; margin-right: 15px;  }
div#spalte-unten-rechts{ width: 240px; float: right; }
div#spalte-unten-rechts div.innen{ margin-right: 15px;   }

/*
    Subspalten
---------------------------------------------------------------------------- */

div.subspalten{ width:100%; overflow:hidden; margin-bottom: 1.2em; }
div.s2l{ float:left; width: 49%; }
div.s2l div.innen{ margin-right: 8px }
div.s2r{ float:right; width: 49%; }
div.s2r div.innen{ margin-left: 8px }



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

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

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

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

h1{ font-size: 1.3em; text-transform:uppercase; color: #fff; margin-bottom: 15px; }
h2, h3{ text-transform:uppercase; color: #ff7800; margin-bottom: 10px; }
h2{ font-size: 1.1em;}
p, li{ line-height: 1.3em;}

ul, ol{ padding-left: 20px;}
div#spalte-rechts ul,
div#spalte-unten-links ul,
div#spalte-unten-mitte ul,
div#spalte-unten-rechts ul{ margin-left: 0px }

p, ul, ol, table{ margin-bottom: 1.3em; }
a:link, a:visited,  a:hover{ color: #8f9ca7; text-decoration: none }
a.download{ background:url(../img/link_download.png) no-repeat 0 50%; padding-left: 15px; }
a.intern{ background:url(../img/link_intern.png) no-repeat 0 50%; padding-left: 18px; }

table{ width: 100%; }
table td{ padding: 4px 2px; }

/* low package */

div.low_package{ margin-bottom: 25px; }
div.low_package a{ margin-bottom: 25px; }

/* News */
div#content h1.news_anreisser_titel{ color:#ff7800; text-align: center; padding-top: 20px;}
div#content h2.news_anreisser_titel{ color:#fff; text-align: center; }
div#content h2.news_anreisser_titel span, div#inhalt h1 span { display: block; border-bottom: 2px solid #813d1b;; font-size: 0.6em; color : #813d1b; margin-bottom: 10px;  padding-top: 20px;}
div#content p.news_link{ margin:0; padding:0; margin-bottom: 0.2em; }
div#content hr.news_trenner{ margin: 0px 0 50px 0; clear:both; color:#813d1b; }
div#content hr.news_trenner2{ margin-bottom: 15px;  clear:both;  border: 1px dotted #fff;}
div#content img.vorschaubild_teaser{  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; }


/* News */
div.card_anreiser{ }
div.card_anreiser div.links{ float: left; width: 12%; }
div.card_anreiser div.mitte{ float: left; margin-top: 10px; width: 77%;   }
div.card_anreiser div.rechts{ float: right; margin-top: 10px; width: 11%;  text-align: right; }
div.card_anreiser div.rechts span{ line-height: 20px; }



/* Teaser */
div.teaser{margin-bottom: 10px;}
div.teaser img{ float: left; margin-right: 15px;}
div.teaser h3{ margin-bottom: .5em; padding-top: 10px; color: #ff7800; }
div.teaser h4{text-transform:uppercase; color: #888; }
div.teaser h5{text-transform:uppercase; color: #ff7800; margin-bottom: 10px; }
div.teaser p{ margin-bottom: 0; line-height: 1em; color: #888; text-align: left; word-spacing: 3px; }
div.teaser ul{ list-style-type:none; margin-left: 79px; padding-top: 0px; }
div.teaser ul li{ color: #888; margin-top: 4px; font-size: 0.9em;}

/* popup */
div#popup{ cursor:pointer; visibility:hidden; position:absolute; left: 50%; top:50%; margin-left: -300px; margin-top: -210px; width: 600px; z-index: 1000}

/* trenner */
hr.trenner{ clear:both;  visibility:hidden; }
hr.trenner2{ color: #cad408;  clear:both; margin-top: 15px;  }

/**
    Navigation
----------------------------------------------------------------------------- */


div#spalte-rechts{ padding-bottom: 20px }
div#spalte-rechts ul.subnav{ padding-left:0px; margin-bottom:0}
div#spalte-rechts ul.subnav ul{ padding-left:12px; }
div#spalte-rechts ul.subnav li a{ background:url(../img/link_intern.png) no-repeat 0 50%; padding-left:18px;  }

/* Subnavigation */
ul.unten{  margin-top: 10px;   }

/* Lauftext */
div#lauftext{ color: #ff7800; margin:left: 10px; margin-right:10px; font-size: 1.2em; }

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