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

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

body
{

    font-size             : .75em;
    color                 : #000;
    background-color      : #f2f2f2;
    font-family           : Arial, Sans-Serif;
    width                 : 100%;
    height                : 100%;
}


/* Hauptcontainer auf Breite setzen */
div#navi-zeile, div#mitte, div#spalten, div#fusszeile { width:1000px; margin:auto;}

div#kopfzeile{ width:1318px; margin:auto;}

/* Kopf */
div#logo{margin-top:-188px; margin-left:178px; z-index: -1;}
div#logo img{ z-index: -1;}

div#mitte{ margin-top: -55px; }


/* Wechselbild */
div#rahmen{margin-left: -40px; float: left; }
div#bild{margin-left: -26px; margin-top: -347px; float: left; z-index: -2;}

/* Wayfinder */
div#navi-rechts{ background-color: #d8d0b9;  float: right; width: 225px; min-height: 315px; margin-top: -347px; margin-bottom: 13px; }


/* Nacigationszeile */
div#navi-zeile{ position: relative; z-index : 50; text-align: center; margin-top: -0px; }

div#navi-zeile img {z-index: 1; position:absolute; top:0; left:0; margin-top: -94px; }


div#navi-zeile a{ position:absolute; top:-94px;  height: 33px; background-color: red; opacity: 0; z-index: 1; }
div#navi-zeile a:hover{ opacity: 0;}
div#navi-zeile a.home{ left:180px; width:150px;}
div#navi-zeile a.termine{right:421px; width:92px; }
div#navi-zeile a.sponsoren{ right:300px; width:119px; }
div#navi-zeile a.bilder{ right: 214px; width:84px;}
div#navi-zeile a.links{ right: 134px; width:78px;}
div#navi-zeile a.gaestebuch{ right:0px;  width:132px;}




/* Haupt-Spalten */

div#spalten{ background-color: #fff;}

div#spalte-links{ width: 760px; float: left;  margin-bottom: 20px; }

div#spalte-rechts{ width: 225px; float: right;}



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

div#teaser-sponsoren-links{ width: 230px; float: left; margin-left: 20px; margin-bottom: 20px;}
div#teaser-sponsoren-rechts{float: left; padding-top: 5px;}

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

div#teaser-jugendmannschaft{float:left; width: 288px; margin-right: -60px; margin-left: 0px; margin-top: 20px; }


/* rechte Spalte */
div#interaktiv{ margin-bottom: 30px; line-height: 1.2em;}
div#interaktiv h5{font-size: 1.2em; color: #fff; margin-top: -25px; margin-bottom: 20px; margin-left: 5px;}
div#interaktiv a{color: #bf0618; }
div#interaktiv p{ line-height: 1.3em;}

div#termine{ margin-bottom: 30px; }
div#termine h5{font-size: 1.2em; color: #fff; margin-top: -25px; margin-bottom: 20px; margin-left: 5px;}
div.teaser-termine h2{ font-weight: bolder; color: #000;}

div#spiele_aktiv{margin-bottom: 30px;}
div#spiele_aktiv div.spiele h2{ text-align:center;  font-weight: bolder; }
div#spiele_aktiv div.spiele div.logos{ text-align:center;}
div#spiele_aktiv div.spiele p{ text-align:center; margin-bottom: 2px;}
div#spiele_aktiv h5{font-size: 1.2em; color: #fff;  margin-top: -25px; margin-bottom: 20px; margin-left: 5px;}

div#ankuendigungen_aktiv{ margin-bottom: 30px; }
div#ankuendigungen_aktiv h5{font-size: 1.2em; color: #fff; margin-top: -25px; margin-bottom: 20px; margin-left: 5px;}

div#ankuendigungen_jugend{ margin-bottom: 30px; }
div#ankuendigungen_jugend h5{font-size: 1.2em; color: #fff; margin-top: -25px; margin-bottom: 20px;margin-left: 5px;}


/* Fußzeile */
div#fusszeile{}
div#rot{ background-color: #bf0618; height: 15px; width: 1000px; text-align: center; }
div#schwarz{ background-color: #000; height: 15px; width: 1000px; text-align: center; }	


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

h1{ font-size: 1.3em; color: #bf0618; font-weight: bolder; margin-bottom: 12px; margin-top: 20px;  }
h2{ font-size: 1.2em; color: #bf0618; margin-bottom: 5px; margin-top: 15px;}
h3{ color: #000; margin-bottom: 10px; }
strong{ font-weight: bolder;}

p{ line-height: 1.3em; ; color: #000; margin-bottom: 0.7em; }
a:link, a:visited,  a:hover, a:active, a:focus{ color: #000; text-decoration: none; }


/* Spalten Formate Inhalte */

div#spalten { text-align: justify; }
div#spalten div.innen{ margin-left: 5px;}


div#spalte-links div.innen div.home_anreisser{ border: 1px solid #999; margin-bottom: 20px; padding-left: 15px; }
div#spalte-links h1.home_anreisser_titel span{ display: block; border-bottom: 0px solid #000;; font-size: 0.6em; color: #000; text-align: right;  margin-bottom: -10px; margin-right: 3px; margin-top: 10px; }
div#spalte-links div.innen div.home_anreisser a{ color: #000;}
div#spalte-links div.innen div.home_anreisser p{ color: #000; margin-right: 15px;}
div#spalte-links hr.news_trenner{ margin: 0px 0 50px 0; clear:both; color:#000; }





div#mitte div#navi-rechts{padding-top: 15px;}
div#mitte div#navi-rechts ul{  font-size: 1.3em; padding-left: 0px; text-transform:uppercase; background-color: #d8d0b9;}
div#mitte div#navi-rechts ul li{ margin-bottom: 4px; padding-top: 4px; border-top: 1px solid #fff; background-color: #d8d0b9;}
div#mitte div#navi-rechts ul li a{ margin-left: 8px;}


div#mitte div#navi-rechts ul li ul{ margin-left: 4px;  margin-bottom: 4px; padding-top: 4px;  }
div#mitte div#navi-rechts ul li ul li{ border-top: 1px solid #fff; font-size: 0.8em;}
div#mitte div#navi-rechts ul li ul li a{ margin-left: 8px; color: #444;}


/* Container Formate Inhalte*/



div#teaser-rechts h2 {margin-bottom: 20px;}
hr.trenner{ width: 880px; display: block; float: left; margin-top: -12px; margin-bottom: 8px; }
div#teaser-jugendmannschaft h2{ margin-left: 60px; margin-top: 5px; }




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