/* CSS Style-sheet formats for 2BN-Web site, changes affect the complete project! */
* { box-sizing:border-box; }

body {
  color:#F0B030;
  background-color:#000000;
  font-family:Verdana, sans-serif;
  font-style:normal;
  font-size:12pt;
  line-height:16pt;
  margin:0;
}

a {
  display:inline-block;
  border: 1px solid #F0B030;
  height:32px;
  color:#000000;
  background-color:#D08020;
  text-align:center;
  padding:2px;
  padding-top:4px;
  margin-bottom:4pt;
}
a:focus {
  background-color:#C00000;
}

p {
  margin:0;
  margin-top:4pt;
  padding:0;
}

header {
  width:230px;
  text-align:center;
  margin-bottom:6px;
}

h1, h2, h3 {
  font-family: Verdana, sans-serif;
  font-style:normal;
  font-weight:normal;
  margin:0;
}

h1 {
  font-size:24pt;
  margin:4pt;
}

h2 {
  font-size:16pt;
  margin-bottom:6pt;
}

h3 {
  font-size:12pt;
  font-weight:bold;
  margin-top:6pt;
}

figure {
  margin:0;
  margin-left:1em;
  margin-bottom:4px;
}

ul {
  margin:0;
  padding:0;
  padding-left:20px;
}

address {
  font-style:normal;
  padding-left:1em;
}

time {
  font-size:10pt;
  margin-left:1em;
}

video {
  width:260px;
}

#navi {
  color:#000000;
  background-color:#F0B030;
  position:fixed;
  left:0;
  top:0;
  width:80px;
  height:100%;
  padding:6px;
}
#navi a {
  display:block;
  width:68px;
  height:40px;
  border: 1px solid #000000;
  margin:0;
  margin-bottom:6px;
  padding:0;
  padding-top:8px;
  font-size:10pt;
}
#navi p {
  height:40px;
  margin-bottom:6px;
}

#main {
  position:relative;
  margin:0;
  margin-left:80px;
  padding:4px;
}

.Indent {
  padding-left:1em;
}

.Wahl {
  width:234px;
  text-align:center;
  margin-bottom:8px;
}
.Wahl a {
  width:191px;
}

.RefList {
  position:relative;
  margin:0;
  padding:0;
}
.RefList p {
  position:relative;
  border-top: 1px solid #F0B030;
  padding:2px;
  margin-top:4px;
}
.RefList time {
  font-size:10pt;
  font-style:normal;
  font-weight:normal;
  display:block;
  margin:0;
}
.RefList dfn {
  color:#C06000;
  font-weight:normal;
  font-style:normal;
  display:block;
  padding-left:22px;
}

.Mitte {
  max-width:900px;
}

.Rechts {
  margin-top:12px;
}

.BildList {
  max-width:900px;
}
.BildList p {
  position:relative;
  border-top: 1px solid #F0B030;
  padding:2px;
  margin-top:4px;
  min-height:148px;
}
.BildList img {
  display:block;
  width:188;
  height:144;
  margin-right:8px;
}
.BildList dfn {
  font-weight:normal;
  font-style:normal;
  display:block;
}

@media only screen and (min-width: 464px)
{ video {
    width:auto;
  }
}

/* CSS Style-sheet breite Anzeige: Startseite */
@media only screen and (min-width: 640px)
{ .Wahl {
    float:left;
  }

  .RefList {
    margin-left:238px;
  }
  .RefList time {
    display:inline-block;
    vertical-align:top;
    width:100px;
  }
  .RefList dfn {
    display:inline-block;
    vertical-align:top;
    padding-left:18px;
  }
  .BildList img {
    float:left;
  }
  .BildList video {
    float:left;
    margin-right:8px;
  }
}

@media only screen and (min-width: 960px)
{ .Mitte {
     width:500px;
  }
  .Rechts {
    position:absolute;
    top:4px;
    left:508px;
    margin-top:0;
  }
}