body {
    margin: 10;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
      'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
      sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
  
code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
    monospace;
}
  
a {
  color:white;
}

a:hover{
  color:orange;
}

.inputTopic{
  background-color:#333333;
  color:rgb(246, 243, 243);
  padding-left:15px;
}
.inputField{
  color:black;
  height: 30px;
  width: 300px;
  border: "1px solid #00f";
}

.inputTopicElement{
  padding-top:10px;
  padding-left:0px;
  font-size:15px;
  font-weight: bold;
}

.topicComment{
  color:hsl(60, 100%, 50%);
}

img{
    border:1px;
    padding:2px;
}

.mylogo{
  width:70px;
  height:70px;
  margin-left:5px;
  margin-top:10px;
  margin-bottom:5px;
}

.mytitle{
  font-size: 60px;
  color:#f58300;
  margin-left:5px;
  margin-top:0px;
  margin-bottom:5px;
}

.action{
  color:#f58300;
  font-size: 30px;
}

.timecount{
  font-size: 18px;
  color:#f58300;
  font-weight: bold;
}

.siteHeader{
  background-color:#fdfce7;
  opacity: 1;
}

.sponsor{
  font-weight: bold;
  margin-top:10px;
  margin-bottom:10px;
  margin-left:0px;
}
.votecount{
  color:#333333;
  font-size:13px;
  margin-left:15px;
}
.votecountRadio{
  padding-top: 7px;
  padding-left: 25px;
}
.votingarea{
  background: #b9f2ff69;
  color:#333333;
  font-size: 18px;
}

.sponsorDiamant{
  margin:5px;
  border-radius: 25px;
  background: #b9f2ff;
  padding: 20px;
  width: 180px;
  height: 100px;
}

.sponsorPlatinum{
  margin:5px;
  border-radius: 25px;
  background: #E5E4E2;
  padding: 20px;
  width: 180px;
  height: 100px;
}

.sponsorGold{
  margin:5px;
  border-radius: 25px;
  background: #FFD700;
  padding: 20px;
  width: 180px;
  height: 100px;
}

.contact{
  font-size:12px;
  color:#333333;
  margin-top:10px;
  margin-left:0px;
  padding:5px;
}

.teaser{
  font-size: 25px;
  color:#333333;
  margin-top:20px;
  margin-left:5px;
  margin-bottom:10px;
}

.teaserSmall{
  font-size: 20px;
  color:#f58300;
  margin-top:10px;
  margin-left:5px;
  margin-bottom:10px;
}

.mysubtitle{
  font-size: 30px;
  color:#333333;
  margin-top:10px;
  margin-left:5px;
  margin-bottom:10px;
}

.topicTitle{
  font-size: 30px;
  color:#000000;
  margin-top:10px;
  margin-left:5px;
  margin-bottom:10px;
  font-weight: bold;
}
.topicContent{
  font-size: 15px;
  color:#000000;
  margin-left:5px;
}

th, td {
  padding: 0px;
  text-align: left;
}

.topictable{
  margin:0px;
  padding:0px;
  text-align: left;
  vertical-align:top;
}

.trending{
  background-color:#333333;
  font-size: 30px;
  color:#FFFFFF;
  margin-top:10px;
  margin-left:0px;
  margin-bottom:10px;
  font-weight: bold;
}

