@charset "UTF-8";
@font-face 
{ 
  font-family: coop; src: url('COOPBL.TTF'); 
} 

* 
{
	border:	0;
	margin:	0;
	padding:0;
}

html
{
	height: 100%;
}

body 
{
	max-width: 100%;
	min-width: 100%;
	height: 100%;
	margin-left:auto;
	margin-right:auto;
	margin: 0;
	padding: 0;
  font-family: coop;
}

table
{
	max-width: 100%;
	min-width: 100%;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	table-layout: fixed;
}

h1
{
	color:red;
}

button
{
  border-radius: 20%;
  padding: 3%;
  background-color: #3b90af;
  font-size: 100%;
  font-weight: bold
}

p, #summeN, #summe, button
{
  color: #4d4d4f;
}

table td
{
	 width: 100px;
   vertical-align:middle;
}

#headerTable tbody tr td img#logo
{
	width:72%;
	max-width:72%;
	height:6%;
}

#anzeigenDauer, #anzeigenProStunde
{
	text-align:center;
}

#soll
{
	color: red;
}

html body table#headerTable tbody tr td, input#anzeigenDauer, input#anzeigenProStunde
{
	font-size: 60%;
}

input#anzeigenDauer, input#anzeigenProStunde
{
	width: 4em
}

#headerTable
{
	height: 8%;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#afd3db+0,82bccc+19,0093bc+78 */
background: rgb(175,211,219); /* Old browsers */
background: -moz-linear-gradient(top, rgba(175,211,219,1) 0%, rgba(130,188,204,1) 19%, rgba(0,147,188,1) 78%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(175,211,219,1) 0%,rgba(130,188,204,1) 19%,rgba(0,147,188,1) 78%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(175,211,219,1) 0%,rgba(130,188,204,1) 19%,rgba(0,147,188,1) 78%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#afd3db', endColorstr='#0093bc',GradientType=0 ); /* IE6-9 */
}

#bigTable
{
	height: 135%;
  min-height:74%;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d4e4ef+0,349695+100,349695+100 */
background: rgb(212,228,239); /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, rgba(212,228,239,1) 0%, rgba(52,150,149,1) 100%, rgba(52,150,149,1) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, rgba(212,228,239,1) 0%,rgba(52,150,149,1) 100%,rgba(52,150,149,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, rgba(212,228,239,1) 0%,rgba(52,150,149,1) 100%,rgba(52,150,149,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4e4ef', endColorstr='#349695',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

#bigTable td, #minTable td, #minTable table tbody tr td p
{
	padding-bottom: 0.7%;
   text-valign:center;
}

#kosten0
{
	height: 8%;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#afd3db+0,82bccc+19,0093bc+78 */
background: rgb(175,211,219); /* Old browsers */
background: -moz-linear-gradient(top, rgba(175,211,219,1) 0%, rgba(130,188,204,1) 19%, rgba(0,147,188,1) 78%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(175,211,219,1) 0%,rgba(130,188,204,1) 19%,rgba(0,147,188,1) 78%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(175,211,219,1) 0%,rgba(130,188,204,1) 19%,rgba(0,147,188,1) 78%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#afd3db', endColorstr='#0093bc',GradientType=0 ); /* IE6-9 */
}

#minTable
{
	height: 14%;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d4e4ef+0,349695+100,349695+100 */
background: rgb(212,228,239); /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, rgba(212,228,239,1) 0%, rgba(52,150,149,1) 100%, rgba(52,150,149,1) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, rgba(212,228,239,1) 0%,rgba(52,150,149,1) 100%,rgba(52,150,149,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, rgba(212,228,239,1) 0%,rgba(52,150,149,1) 100%,rgba(52,150,149,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4e4ef', endColorstr='#349695',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

#footerTable
{
	height: 7.11%;
	font-size:20px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#afd3db+0,82bccc+19,0093bc+78 */
background: rgb(175,211,219); /* Old browsers */
background: -moz-linear-gradient(top, rgba(175,211,219,1) 0%, rgba(130,188,204,1) 19%, rgba(0,147,188,1) 78%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(175,211,219,1) 0%,rgba(130,188,204,1) 19%,rgba(0,147,188,1) 78%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(175,211,219,1) 0%,rgba(130,188,204,1) 19%,rgba(0,147,188,1) 78%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#afd3db', endColorstr='#0093bc',GradientType=0 ); /* IE6-9 */
}

#overlay {
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  background: #999;
  width: 100%;
  height: 100%;
  opacity: 0.8;
  z-index: 100;
}
#popup {
  display: none;
  position: absolute;
  top: 30%;
  left: 35%;
  background: #fff;
  margin-left: -100px; /*Half the value of width to center div*/
  margin-top: -100px; /*Half the value of height to center div*/
  z-index: 200;
}
#popupclose {
  float: right;
  padding: 10px;
  cursor: pointer;
}
.popupcontent {
  padding: 10px;
  color: #4d4d4f;
  background: rgb(175,211,219); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(175,211,219,1) 0%, rgba(130,188,204,1) 19%, rgba(0,147,188,1) 78%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(175,211,219,1) 0%,rgba(130,188,204,1) 19%,rgba(0,147,188,1) 78%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(175,211,219,1) 0%,rgba(130,188,204,1) 19%,rgba(0,147,188,1) 78%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#afd3db', endColorstr='#0093bc',GradientType=0 ); /* IE6-9 */
}

.popupcontent form input
{
	font-size: 20px;
}