
/* Margin und Padding kollektiv auf Null jesetzt */
* {
  margin:0;
  padding:0;
}

/* Globaler Mist */
html, body {
  font: 100% Arial, Helvetica, sans-serif;
  background-color:#5EE8DE;
}

/* Gegen das Gehüpfe bei nicht vorhandenem Scrollbar: */
html {height:100%}
body {height:101%}

body {
  text-align: center; /* Zentrierung IE */   
}

img {
    border:none;
}

/* Header mit Hintergrundgrafik */
#kopfbereich {
     background:url(images/hintergrund_logo2.jpg) no-repeat right top;
     background-color:#5EE8DE;
}

/* Schriftbild im Kopffeld ;-) */
#kopfbereich p {
  color:white;
  text-align:left;
  font-size:2.9em;
  padding:0.4em 0em 0.4em 0.3em;
}

/* Formatierung für die Navigationsleiste */
#steuerung {
    background-color:#FEFECD;
    height:28px;
}

#steuerung ul {
   list-style:none;               /* keine Aufzählungspunkte */
 }

/* So passen bei 800x600 die Links noch nebeneinander */
#steuerung li {
    float:left;                     /* Anordnung links   */
    width:6.9em; 
    text-align:center;
    letter-spacing:-0.3px;
    margin-top:.1em;               /* Außenabstand oben  */
    padding-top:.1em;               /* Innenabstand oben  */
    padding-bottom:.1em;            /* Innenabstand unten */
}

/* Formatierung für die Navigationsleiste */
#steuerung_neu {
    background:url(images/balken.jpg) no-repeat left top;
    width:100%;
    background-color:#FEFECD;
    height:28px;
}

#steuerung_neu ul {
   list-style:none;               /* keine Aufzählungspunkte */
   margin-left:1em;                /* Bild linksbündig, aber nicht Steuerung */
 }

#steuerung_neu li {
    float:left;                     /* Anordnung links   */
}


/* Formatierung für die "Untermenues"*/
#steuerung2 ul {
   list-style:none;               /* keine Aufzählungspunkte */
 }

#steuerung2 li {
   
    text-align:left;
    margin-top:.1em;               /* Außenabstand oben  */
    padding-top:.1em;               /* Innenabstand oben  */
    padding-bottom:.3em;            /* Innenabstand unten */
    padding-right:.2em;             /* Innenabstand unten */
}

#steuerung_pdf ul {
   list-style:none;               /* keine Aufzählungspunkte */
 }

#steuerung_pdf li {

    text-align:left;
    margin-left:12.5%;
    padding-top:.1em;               /* Innenabstand oben  */
    padding-bottom:.3em;            /* Innenabstand unten */
    padding-right:.2em;             /* Innenabstand unten */
}

/* Der Schattenwurf unter der Navigationszeile */
#schatten {
  background:url(images/schattenwurf-grau-v.png) repeat-x;
  height:12px;
}

/* Formatierung für die Inhaltsebene */
#inhalt {
    background-color:#5EE8DE;
    padding:3em;
    text-align: justify;
    margin: 0 auto;   /* Zentrierung mitte */
    width: 780px;
}

/* Platz schaffen */
#inhalt h1, h2, p, ul {
  padding-bottom:.7em;
}

#inhalt h2 {
    text-align:left;
}

#inhalt h3 {
    padding-bottom:.4em;
}


/* STARTSEITE */

/* Das Kreidebild auf der Startseite */
#startbildlinks {
    float:left;
    width:385px;
    height:289px;
    margin-bottom:3em;
   
}
/* Das Lederkleben-Bild auf der Startseite */
#startbildrechts {
    float:right;
    width:385px;
    height:289px;
    margin-bottom:3em;
}

/* ÜBER UNS */
/* Die Vereinsheimbilder */
#vereinsheim1 {
    float:left;
    width:385px;
    height:256px;
    margin-bottom:1.5em;
}

#vereinsheim2 {
    float:right;
    width:385px;
    height:256px;
    margin-bottom:1.5em;
}

#ausbau_port_links {
    float:left;
    width:267px;
    height:385px;
    margin-left:118px;      
    display:inline;             /* Gegen den double float margin bug des IE 6 */
    margin-bottom:.7em;
}

#ausbau_port_rechts {
    float:right;
    width:267px;
    height:385px;
    margin-left:10px;           /* Achtung: Bei anderer Lösung der Positionierung gab es im IE & */
    padding-right:118px;        /* immer mysteriöse Verschiebung um einen Pixel nach links */
    margin-bottom:.7em;
}

#ausbau_landsc_links {
    float:left;
    width:385px;
    height:267px;
    margin-bottom:.7em;
}
#ausbau_landsc_rechts {
    float:right;
    width:385px;
    height:267px;
    margin-bottom:.7em;
}

#ausbau_mitte {
    width:385px;
    height:267px;
    margin-left:195px;
    margin-bottom:.2em;
}

#mannschaft_links {
    float:left;
    width:385px;
    height:248px;
    margin-bottom:.2em;
}

#mannschaft_rechts {
    float:right;
    width:385px;
    height:248px;
    margin-bottom:.2em;
}

#mannschaft_mitte {
    width:385px;
    height:248px;
    margin-left:195px;
    margin-bottom:.2em;
}

#bildober_links {
    float:left;
    width:385px;
    padding-bottom:.2em;
}

#bildober_rechts {
    float:right;
    width:385px;
    text-align:left;
    padding-bottom:.2em;
}

#bildober_mitte {
    margin-left:195px;
    margin-bottom:.2em;
}

#bildunter_links {
    float:left;
    font-size:10pt;
    width:385px;
    text-align: left;
    margin-bottom:.7em;
}

#bildunter_rechts {
    float:right;
    font-size:10pt;
    width:385px;
    text-align:left;
    margin-bottom:.7em;
}

#bildunter_mitte {
    margin-left:195px;
    font-size:10pt;
    width:385px;
    text-align:left;
    margin-bottom:.7em;
}

/* MITGLIED WERDEN */

#vorteile li {
    text-align:left;
    margin-left:3em;
    padding-top:0.2em;
    padding-bottom:0.2em;
}

#kleen {
    font-size:8pt;
    float: none;
}

/* Kontakt */

#anfahrt ul {
    list-style: decimal;
}

#anfahrt li {
    text-align:left;
    margin-left:3em;
}


#kontaktdaten p {
    padding-bottom:0.1em;
    padding-top:0.1em;
}

/* TABELLEN */

#vbbv {
    margin: 0 auto;   /* Zentrierung mitte */
    width:780px;
    height:100%;
    border: 2px solid black;
    margin-bottom:0;
}

#iframe {
    float: none;
    padding: 0;
    margin: 0 auto;   /* Zentrierung mitte */
}

#h3_vbbv {
    text-align: justify;  /* Inhalt wieder links */
    margin: 0 auto;   /* Zentrierung mitte */
    width: 780px;
    padding:1em 0 .2em 0;
}

#link_links {
    float:left;
    width:385px;
    height:248px;
    margin-bottom:1.5em;
}

#link_rechts {
    float:right;
    width:385px;
    height:248px;
    margin-bottom:1.5em;
}

#link_mitte {
    width:385px;
    height:248px;
    margin-left:195px;
    margin-bottom:1.5em;
}

/* HAUSLIGA */

#h2_hausliga {
    text-align: justify;
    margin: 0 auto;
    width: 75%;
    margin-top:1.5em;
    padding-bottom:.2em;
}
/* LINKS */

 /* IMPRESSUM */

#pbc-logo {
    background:url(images/pbc-logo.jpg) no-repeat;
    width:207px;
    height:280px;
    float:right;
    display:inline;                 /* Wegen des double float margin bugs */
    margin:.7em 230px 0 0;
}
/* Format für die Distanzierung */
#distanz {
    background-color:#5EE8DE;
    padding:0em;
    height:100%;
    font-size:10pt;
    text-align: justify;  /* Inhalt wieder links */
    margin: 0 auto;   /* Zentrierung mitte */
    width: 780px;
}










