@font-face {
  font-family: 'ProximaSoft';
  font-weight: 400;
  font-style: normal;
  src: url("https://check.herrbebe.com/system/inc/ProximaSoft-Semibold.woff2") format('woff2');
}

body {

	font-family: 'ProximaSoft', sans-serif;
	margin: 0;
	padding: 0;
	text-align: center;
    color: #222222;
    font-size: 17px;
    background: url(/system/data/bg.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}

input, select, textarea, button {

    font-family: 'ProximaSoft', sans-serif;
}

a img {
	outline : none; border: 0;
	}

a {
	outline : none;
	text-decoration: none;
	}

img {
	border: 0;
	}
	
hr {
	border: 0;
    height: 1px;
	background-color: #eaeaea;
	margin: 36px;

}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}
	
.topheader {

    padding: 10px; 
    border-bottom: 1px solid #eaeaea;
    background-color: rgba(255,255,255,0.5);
}	

.container {
    padding: 10px;  
}
	
a:link {color:#009640;}      /* unvisited link */
a:visited {color:#0096409;}  /* visited link */
a:hover {color:#555555;}  /* mouse over link */
a:active {color:#555555;}  /* select */

input, .ddown {
    width: 95%;
    max-width: 360px;
    font-family: 'ProximaSoft', sans-serif;
    padding: 20px;
    font-size: 102%;
    border: 1px solid #2198b2;
    border-radius: 3px;
    background: #ffffff;
}





.ddownwide {

    max-width: 360px;
    font-family: 'ProximaSoft', sans-serif;
    padding: 5px;
    font-size: 102%;
    border: 1px solid #2198b2;
    border-radius: 3px;
    background: #ffffff;
    display: inline;
}

.ddownwide180 {
    width: 180px;
    max-width: 360px;
    font-family: 'ProximaSoft', sans-serif;
    padding: 5px;
    font-size: 102%;
    border: 1px solid #2198b2;
    border-radius: 3px;
    background: #ffffff;
    display: inline;
}

.ddownwide140 {
    width: 140px;
    max-width: 360px;
    font-family: 'ProximaSoft', sans-serif;
    padding: 5px;
    font-size: 102%;
    border: 1px solid #2198b2;
    border-radius: 3px;
    background: #ffffff;
    display: inline;
}

.ddownwide80 {
    width: 80px;
    max-width: 360px;
    font-family: 'ProximaSoft', sans-serif;
    padding: 5px;
    font-size: 102%;
    border: 1px solid #2198b2;
    border-radius: 3px;
    background: #ffffff;
    display: inline;
}

.ddownwide50 {
    width: 50px;
    max-width: 360px;
    font-family: 'ProximaSoft', sans-serif;
    padding: 5px;
    font-size: 102%;
    border: 1px solid #2198b2;
    border-radius: 3px;
    background: #ffffff;
    display: inline;
}

.ddownwide20 {
    width: 20px;
    max-width: 360px;
    font-family: 'ProximaSoft', sans-serif;
    padding: 5px;
    font-size: 102%;
    border: 1px solid #2198b2;
    border-radius: 3px;
    background: #ffffff;
    display: inline;
}

.ddownhigh {
    
    max-width: 360px;
    font-family: 'ProximaSoft', sans-serif;
    padding: 20px;
    font-size: 102%;
    border: 1px solid #2198b2;
    border-radius: 3px;
    background: #ffffff;
    display: inline;
}

.submitter {
    background: #e84e0f;
    text-transform: uppercase;
    color: #ffffff;
    border: 0;
    cursor: pointer;
       
    max-width: 300px;
    font-family: 'ProximaSoft', sans-serif;
    padding: 20px;
    font-size: 102%;
    border-radius: 3px;
    margin: 10px auto;


}

.submittergreen {
    background: #009640;
    text-transform: uppercase;
    color: #ffffff;
    border: 0;
    cursor: pointer;
       
    max-width: 300px;
    font-family: 'ProximaSoft', sans-serif;
    padding: 20px;
    font-size: 102%;
    border-radius: 3px;
    margin: 10px auto;


}

input[type=submit] {
    background: #009640;
    text-transform: uppercase;
    color: #ffffff;
    border: 0;
    cursor: pointer;

}

table#resp {
    margin: 0 auto;
    width: 100%;
    max-width: 1024px;
    padding: 0;

}

table#respstorage {
    margin: 0 auto;
    width: 100%;
    max-width: 1024px;
    padding: 0;

}

table#resp tbody td { 
  padding: 0px;
  text-align: center;

  width: 33%;

}

@media screen and (max-width: 480px) {
  table#respstorage tbody td { 
    display: block;  
    width: 100%;
  }
}
  


@media screen and (max-width: 1024px) {
  table#resp tbody td { 
    display: block;  
    width: 100%;
  }
  

  


}

table#free {
    margin: 0 auto;
    max-width: 100%;
    min-width: 75%;
    padding: 0;
}

table#respfree {
    margin: 0 auto;
    max-width: 100%;
    min-width: 75%;
    padding: 0;
}

table#respfree tbody td { 
  padding: 20px;
  text-align: center;
  border-bottom: 1px solid #efefef;

}


@media screen and (max-width: 1024px) {
  table#respfree tbody td { 
    display: block;  
    width: 100%;
  }
  


}



table#unresp {
    margin: 0 auto;
    max-width: 1024px;
    padding: 0;
}

table#unresp tbody td { 

  padding: 10px;
  text-align: center;


}


@media screen and (max-width: 600px) {
  table#unresp { 
    min-width: 50%;
  }
  
    table#unresp tbody td { 
    display: block;  
    margin: 2px;
    text-align: center;
  }
  
  #sticker {
      position: fixed;
      top: 11px;
      right: 2%;
      width: 30%;
      max-width: 150px;
  }
  
}