body, html {
  color: #CCCCCC;
  background-color: #000000;
  font-family: Verdana,Tahoma,Helvetica,Arial,sans-serif;
  margin: 0px;
  padding: 0px;
  font-Size: 11px;
  text-align: center;  /* Zentrierung im Internet Explorer */
}

p, td, tr, ul, li, h1, h2,h3,h4 {
  font-family: Verdana,Tahoma,Helvetica,Arial,sans-serif;
  color: #CCCCCC;
  font-Size: 11px;
}
p {
  margin: 0px;
  padding: 0px 0px 5px 0px;
}
ul {
  margin: 0px;
  padding: 0px 0px 5px 50px;
}
li {
  margin: 0px;
  padding: 5px 0px 0px 0px;
}

hr {
  height: 0;
  border-bottom: 1px dotted #666666;
  border-top: 0px;
}
a {
  color: #ffffff;
}
a:link {
  color: #ffffff;
}
a:visited {
  color: #ffffff;
}
a:hover {
  color: #FFD350;
  text-decoration: none;
}
h1, h4 {
  font-Size: 12px;
  font-weight:bold;
  color: #FF9900;
  margin: 0px;
  padding: 9px 0px 13px 0px;
}
h2 {
  font-Size: 11px;
  font-weight:bold;
  color: #FFD350;
  margin: 0px;
  padding: 3px 0px 10px 0px;
}
h3 {
  font-Size: 11px;
  font-weight:bold;
  color: #FFD350;
  margin: 0px;
  padding: 10px 0px 2px 0px;
}

div#zitat {
  font-family: Verdana,"Times New Roman",Times,sans-serif;
  font-size: 12px;
  color: #000000;
  text-align: left;
  padding: 50px 300px 0px 254px;
}
a.zitatlink, a.zitatlink:link, a.zitatlink:hover, a.zitatlink:visited {
  color: #000000;
  text-decoration: none;
}
a.zitatlink:hover {
  color: #FFD350;
  text-decoration: none;
}

div#container {
  width: 955px;
  background-color: #222222;
  text-align: left;
}
div#logo {
  width: 955px;
  height: 238px;
  background:url(http://www.fotoclub-vogtland.de/UserFiles/Image/logotag.jpg) top right no-repeat;
}

div#footer {
  clear: both;
  width: 955px;
  text-align: center;
  font-Size: 11px;
  color: #CCCCCC;
  background-color: #000000;
  padding: 15px 15px 10px 10px;
}
#footer a {
   color: #CCCCCC;
   text-decoration: none;
}
#footer a:link {
   color: #CCCCCC;
   text-decoration: none;
}
#footer a:active {
   color: #CCCCCC;
   text-decoration: none;
}
#footer a:hover {
   color: #FFD350;
   text-decoration: underline;
}

div#left {
  padding: 15px 15px 10px 10px;
  width: 170px;
  float: left;
}

div#right {
  padding: 15px 10px 10px 15px;
  width: 170px;
  float: right
}

/* Inhalt / Content der Seite */
div#content {
  padding: 15px 200px 10px 200px;
  background:url(http://www.fotoclub-vogtland.de/UserFiles/Image/verlauf.jpg) top no-repeat;
  background-color: #222222;
}

/* Box mit runden ecken */
.box {
  width: 100%;
  margin: 0px 0px 20px 0px;
  padding: 0px;
}

.boxtop {
  background:url(http://www.fotoclub-vogtland.de/UserFiles/Image/containerbox_01.png) top no-repeat;
  height: 6px;
}
.boxbottom {
  background:url(http://www.fotoclub-vogtland.de/UserFiles/Image/containerbox_03.png) bottom no-repeat;
  height: 6px;
}

.boxcontent {
  padding: 0px;
  background:url(http://www.fotoclub-vogtland.de/UserFiles/Image/containerbox_02.png);
}
.boxtermin {
  color: #FFD350;
  padding: 0px 10px 10px 10px;
  text-align: center;
}
.boxtermincontent {
  font-size: 11px;
  text-align: center;
  padding: 0px 10px 10px 10px;
}
.boxsuche {
  font-size: 9px;
  text-align: left;
  padding: 0px 10px 10px 10px;
}
.boxbild{
  border: 1px solid #CCCCCC;
  text-align: center;
  margin: 0px 5px 4px 5px;
}
a.boxbild {
  border: 0px solid #000000;
}

h3.boxtitel {
  font-Size: 12px;
  color: #FF9900;
  margin: 0px 0px 0px 0px;
  padding: 4px 0px 7px 10px;
}
.boxlinks {
    text-align: center;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
.boxlinks li {
    list-style: none;
    padding: 6px 0px 0px 0px;
}
.boxlinks a {
   color: #CCCCCC;
   text-decoration: none;
}
.boxlinks a:link {
   color: #CCCCCC;
   text-decoration: none;
}
.boxlinks a:active {
   color: #CCCCCC;
   text-decoration: none;
}
.boxlinks a:hover {
   color: #FFD350;
   text-decoration: underline;
}
.boxsponsortext {
  font-size: 11px;
  text-align: center;
  color: #CCCCCC;
  margin: 0px 0px 0px 0px;
  padding: 5px 0px 0px 0px;
}
.boxsponsorlink {
  font-size: 9px;
  text-align: center;
  color: #CCCCCC;
  margin: 0px 0px 0px 0px;
  padding: 5px 0px 0px 0px;
}
.boxsponsorlink a{
  font-size: 9px;
  text-align: center;
  color: #CCCCCC;
  margin: 0px 0px 0px 0px;
  padding: 5px 0px 0px 0px;
  text-decoration: none;
}
.boxsponsorlink a:link{
  font-size: 9px;
  text-align: center;
  color: #CCCCCC;
  margin: 0px 0px 0px 0px;
  padding: 5px 0px 0px 0px;
  text-decoration: none;
}
.boxsponsorlink a:visited{
  font-size: 9px;
  text-align: center;
  color: #CCCCCC;
  margin: 0px 0px 0px 0px;
  padding: 5px 0px 0px 0px;
  text-decoration: none;
}
.boxsponsorlink a:hover{
  font-size: 9px;
  text-align: center;
  color: #FFD350;
  margin: 0px 0px 0px 0px;
  padding: 5px 0px 0px 0px;
  text-decoration: underline;
}


 .Navigation {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 7px 0px;
  }
  .Navigation li {
    list-style: none;
    margin: 2px 12px 0px 12px;
    padding: 5px 0px 5px 0px;
    border-bottom: 1px dotted #666666;
  }
  ul.Navigation a {
    display: block;
    padding: 2px 0px 2px 0px;
    color: #CCCCCC;
    text-decoration: none;
  }
  ul.Navigation a:link {
    color: #CCCCCC;
  }
  ul.Navigation a:hover {
    color: #FFD350;
    text-decoration: underline;
  }
  ul.Navigation a:active {
    color: #CCCCCC;
  }

  ul.Navigation a.linkaktiv {
    display: block;
    color: #FFD350;
    text-decoration: none;
    font-weight:bold;
  }
  ul.Navigation a.linkaktiv:link {
    color: #FFD350;
    text-decoration: none;
    font-weight:bold;
  }
  ul.Navigation a.linkaktiv:hover {
    color: #FFD350;
    text-decoration: underline;
  }
  ul.Navigation a.linkaktiv:active {
    color: #FFD350;
  }

  textarea {
    font-family: Verdana, Tahoma, Arial;
    font-size: 11px;
    color:#BBBBBB;
    background-color:#000000;
    BORDER: 1px solid #666666;
  }

  input {
    font-family: Verdana, Tahoma, Arial;
    font-size: 11px;
    color:#BBBBBB;
    background-color:#000000;
    BORDER: 1px solid #666666;
    padding: 0px 0px 2px 0px;
  }

  select {
    font-family: Verdana, Tahoma, Arial;
    font-size: 11px;
    color:#BBBBBB;
    background-color:#000000;
    BORDER: 1px solid #666666;

  }

  input.submit {
    BORDER-RIGHT: 1px solid #666666;
    BORDER-TOP: 1px solid #666666;
    BORDER-LEFT: 1px solid #666666;
    BORDER-BOTTOM: 1px solid #666666;
    BACKGROUND-COLOR: #CCCCCC;
  }

  input.inputimage {
    BORDER-RIGHT: 0px solid #666666;
    BORDER-TOP: 0px solid #666666;
    BORDER-LEFT: 0px solid #666666;
    BORDER-BOTTOM: 0px solid #666666;
    BACKGROUND-COLOR: #CCCCCC;
  }


.programm{
  margin: 20px 0px 0px 0px;
  padding: 0px 0px 5px 0px;
  border-top: 1px dotted #666666;
}
.programmtermin{
  margin: 0px 0px 0px 0px;
  padding: 15px 0px 0px 0px;
  font-weight:bold;
  color: #FFd350;
}
.programmcontent{
  margin: 0px 0px 0px 0px;
  padding: 5px 100px 15px 50px;
  border-bottom: 1px dotted #666666;
}
.programmterminno{
  margin: 0px 0px 0px 0px;
  padding: 15px 0px 0px 0px;
  font-weight:bold;
  color: #666666;
}
.programmcontentno{
  margin: 0px 0px 0px 0px;
  padding: 5px 100px 15px 50px;
  color: #666666;
  border-bottom: 1px dotted #666666;
}
.bild{
  border:1px solid #CCCCCC;
}

.contenttitel{
  margin: 0px 0px 0px 0px;
  padding: 15px 0px 0px 0px;
  font-weight:bold;
  color: #FFd350;
}
.contentinhalt{
  margin: 0px 0px 0px 0px;
  padding: 5px 0px 15px 30px;
  border-bottom: 1px dotted #666666;
}

.klein {
  font-size: 9px;
}
  .bgdunkel {
    background-color: #444444;
  }

  .bghell {
    background-color: #666666;
  }

  .grau {
    background-color: #444444;
  }

  .hellgrau {
    background-color: #666666;
  }

