@import url('http://fonts.googleapis.com/css?family=Lato');

body, html{
  height: 100%;
  background: transparent;
	font-family: 'Lato', sans-serif;
}
.header {
  overflow: hidden;
  background-color: #f1f1f1;
  padding: 20px 50px;
}

.header a {
  float: left;
  color: black;
  text-align: center;
  padding: 12px;
  text-decoration: none;
  font-size: 18px; 
  line-height: 25px;
  border-radius: 4px;
}

.header a.logo {
  font-size: 25px;
  font-weight: 300;
}

.header a:hover {
  background-color: #ddd;
  color: ff662d;
}

.header a.active {
  background-color: dodgerblue;
  color: white;
}

.header-right {
  float: right;
}
   .txtarea4
  {
      display: inline-block;
    height: 18px;
    padding: 20px 30px;
    color: #555;
    font-size: 100px;
    font-weight: 300;
    line-height: 28px;
    letter-spacing: .1rem;
    text-transform: uppercase;
    text-decoration: none;
    background-color: transparent;
    border: 0px solid #bbb;
    box-sizing: border-box;
	
  }
     .txtlogin
  {
         
    padding: 20px 30px;
    color: #555;
    font-size: 80px;
    font-weight: 300;
   line-height: normal;
    letter-spacing: .1rem;
    text-transform: uppercase;
    text-decoration: none;
    background-color: transparent;
    border: 0px solid #bbb;
    box-sizing: border-box;
  }
   input.inp 
  {
     display: inline-block;
  
    padding: 30px 30px;
    color: #555;
    font-size: 80px;
    font-weight: 300;
    line-height: 60px;
    letter-spacing: .1rem;
    /* text-transform: uppercase; */
    text-decoration: none;
    background-color: transparent;
    /* border: 0px solid #bbb; */
    box-sizing: border-box;
	width: 60%;
  }
         input.login 
  {
     /* -webkit-appearance: button; */
    cursor: pointer;
    color: #FFFFFF;
    line-height: 20px;
    position: relative;
    font-weight: 300;
    background-color: #2e2b86;
    font-size: 80px;
    /* z-index: 23; */
    min-height: 36px;
    width: 80%;
    /* margin-right: -10000px; */
    padding: 50px;
	margin-top: 100px;
  }
  input.login:hover {
	  color: #ff662d;
  }
.contlogin{
  display: block;
  position: relative;

 
  width: 100%;
  padding: 0px;
}

ul li.logs{
  color: #AAAAAA;
  display: block;
  position: relative;
  float: left;
  width: 100%;
  text-align: center;
 
}
ul li.logsin{
  color: #AAAAAA;
  display: block;
  position: relative;
  float: left;
  width: 100%;
  text-align: center;
 
}


/* DivTable.com */
.hhead{
	width: 100%;
	background-color: #f1f1f1;
}
.divTable{
	display: table;
	width: 100%;
		background-color: #f1f1f1;

}
.divTableRow {
	display: table-row;
}
.divTableHeading {
	background-color: #EEE;
	display: table-header-group;
}
.divTableCellm, .divTableHead {
	  border: 0px solid #999999;
    display: table-cell;
    padding: 3px 10px;
    width: 10%;
    vertical-align: middle;
    text-align: left;
}
.divTableCella, .divTableHead {
	  border: 0px solid #999999;
    display: table-cell;
    padding: 3px 10px;
    width: 25%;
    vertical-align: middle;
    text-align: left;
}
.divTableCellb, .divTableHead {
	    border: 0px solid #999999;
    display: table-cell;
    padding: 3px 10px;
    font-size: 2.2em;
    font-family: Verdana,sans-serif;
    text-transform: uppercase;
    vertical-align: middle;
    text-align: center;
}
.divTableCellc, .divTableHead {
	  border: 0px solid #999999;
    display: table-cell;
    padding: 3px 10px;
    width: 10%;
    vertical-align: middle;
    text-align: center;
}
.divTableHeading {
	background-color: #EEE;
	display: table-header-group;
	font-weight: 300;
}
.divTableFoot {
	background-color: #EEE;
	display: table-footer-group;
	font-weight: 300;
}
.divTableBody {
	display: table-row-group;
}
.container{
  display: block;
  position: relative;
  margin: 1px auto;
  height: auto;
  width: 100%;
  padding: 0px;
}

h2 {
	color: #AAAAAA;
	font-size: 24px;
    padding-left: 15px;
}

.container ul{
  list-style: none;
  margin: 0;
  padding: 0;
	
}

ul li.eigcode{
  color: #AAAAAA;
  display: block;
  position: relative;
  float: left;
  width: 100%;
  height: 70px;
	
}



ul li input[type=radio]{
  position: absolute;
  visibility: hidden;
}

ul li label{
  display: block;
  position: relative;
  font-weight: 300;
  font-size: 1.05em;
  padding: 0px 25px 25px 20px;
  margin: 38px 50px;
  height: 30px;
  z-index: 9;
  cursor: pointer;
  -webkit-transition: all 0.25s linear;
}

ul li:hover label{
	color: #ff662d;
}

ul li .check{
  display: block;
  position: absolute;
  border: 5px solid #AAAAAA;
  border-radius: 100%;
  height: 25px;
  width: 25px;
  top: 30px;
  left: 20px;
	z-index: 5;
	transition: border .25s linear;
	-webkit-transition: border .25s linear;
}

ul li:hover .check {
  border: 5px solid #33C3F0;
}

ul li .check::before {
  display: block;
  position: absolute;
	content: '';
  border-radius: 100%;
  height: 15px;
  width: 15px;
  top: 5px;
	left: 5px;
  margin: auto;
	transition: background 0.25s linear;
	-webkit-transition: background 0.25s linear;
}

input[type=radio]:checked ~ .check {
  border: 5px solid #1F90B2;
}

input[type=radio]:checked ~ .check::before{
  background: #1F90B2;
}

input[type=radio]:checked ~ label{
  color: #1F90B2;
}

.signature {
	margin: 10px auto;
	padding: 10px 0;
	width: 100%;
}

.signature p{
	text-align: center;
	font-family: Helvetica, Arial, Sans-Serif;
	font-size: 0.85em;
	color: #AAAAAA;
}

.signature .much-heart{
	display: inline-block;
	position: relative;
	margin: 0 4px;
	height: 10px;
	width: 10px;
	background: #AC1D3F;
	border-radius: 4px;
	-ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.signature .much-heart::before, 
.signature .much-heart::after {
	  display: block;
  content: '';
  position: absolute;
  margin: auto;
  height: 10px;
  width: 10px;
  border-radius: 5px;
  background: #AC1D3F;
  top: -4px;
}

.signature .much-heart::after {
	bottom: 0;
	top: auto;
	left: -4px;
}

.signature a {
	color: #AAAAAA;
	text-decoration: none;
	font-weight: 300;
}


/* Styles for alert... 
by the way it is so weird when you look at your code a couple of years after you wrote it XD */

.alert {
	box-sizing: border-box;
	background-color: #151515;
	width: 100%;
	position: relative; 
	top: 0;
	left: 0;
	z-index: 300;
	padding: 20px 40px;
	color: white;
}

.alert h2 {
	font-size: 25px;
	color: white;
	margin-top: 0;
}

.alert p {
	line-height: 1.6em;
	font-size:18px;
}

.alert a {
	color: #1F90B2;}
.pre {white-space: pre;}
.nowrap {white-space: nowrap;}
.pre-wrap {white-space: pre-wrap;}
.pre-line {white-space: pre-line;}
.chart {
  width: 100%; 
  min-height: 450px;
}

textarea { resize: none;
border: 2px solid #0066FF;

 }
  #textfeld { border: 2px solid #5fc4e2;
resize: none; 
background : #F2F2F2; 
 }
#textfeld:hover { border: 2px solid #5fc4e2; }
.intrinsic-container {
  position: relative;
  height: 0;
  overflow: hidden;
}
 
/* 16x9 Aspect Ratio */
.intrinsic-container-16x9 {
  padding-bottom: 56.25%;
}
 
/* 4x3 Aspect Ratio */
.intrinsic-container-4x3 {
  padding-bottom: 75%;
}
 
.intrinsic-container iframe {
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
}
.btnvote {
    font-size: 18px;
    white-space: nowrap;
    width: 100%;
    padding: .8em 1.5em;
    font-family: Open Sans, Helvetica,Arial,sans-serif;
    line-height: 18px;
    display: inline-block;
    zoom: 1;
    color: #fff;
    text-align: center;
    position: relative;
    -webkit-transition: border .25s linear, color .25s linear, background-color .25s linear;
    /* transition: border .25s linear, color .25s linear, background-color .25s linear; */
}
.btnvote.btn-form{ background-color: #2e2b86; 
     background-color: #2e2b86;
    border: 1px solid #2e2b86;
    color: white;
    padding: 40px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
    float: left;
    font-size: 120%;
    text-transform: uppercase;
    letter-spacing: 1px;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -webkit-appearance: none;
    border-radius: 0;
    min-height: 2rem;
    margin-bottom: 0;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
   }
.btnvote.btn-form:hover{background-color: #2e2b86;}
.btn-group 
{padding: 0 0;}
.container .row { float: left; clear: both; width: 100%; }
.container .colvote { float: left; margin: 0 0 1.2em; padding-right: 1.2em; padding-left: 1.2em; }

/*FACEBOOK*/
.btn {
    font-size: 18px;
    white-space: nowrap;
    width: 100%;
    padding: .8em 1.5em;
    font-family: Open Sans, Helvetica,Arial,sans-serif;
    line-height: 18px;
    display: inline-block;
    zoom: 1;
    color: #fff;
    text-align: center;
    position: relative;
    -webkit-transition: border .25s linear, color .25s linear, background-color .25s linear;
    /* transition: border .25s linear, color .25s linear, background-color .25s linear; */
}
.btn.btn-form{ background-color: #2e2b86; 
    border: 1px solid #2e2b86;
    color: white;
    padding: 0 1rem;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
    float: left;
	
	font-size:120%;
	text-transform: uppercase;
	letter-spacing:1px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
	-webkit-appearance: none;
    border-radius: 0;
    
   
   
    min-height: 2rem;
  
    margin-bottom: 0;
    
    
    -ms-touch-action: manipulation;
    touch-action: manipulation;
   }
.btn.btn-form:hover{background-color: #2e2b86;}
.btn-group 
{padding: 0 0;}

.buttonE {
    background-color: #2e2b86; 
    border: 1px solid #2e2b86;
    color: white;
    padding: 0 1rem;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
    float: left;
	
	font-size:120%;
	text-transform: uppercase;
	letter-spacing:1px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
	-webkit-appearance: none;
    border-radius: 0;
    
   
   
    min-height: 2rem;
  
    margin-bottom: 0;
    
    
    -ms-touch-action: manipulation;
    touch-action: manipulation;
   
   
	
	
}
.btn-group .buttonE:not(:last-child) {
    border-right: none; /* Prevent double borders */
}
.btn-group .buttonE:hover {
    background-color: #2e2b86;
}
.tabelle { display:inline-block; vertical-align:top; margin:0 20px 20px 0 }
		tr th { vertical-align:middle }
		.ce { text-align:center }
		table {   width: 100%;   border-collapse: collapse; }


@media screen and (max-width:2000px) {
.dr {width: 100%;font-size:160%;}
.weekdays {font-size:100%;    padding-left: 1em;}
    .weekdays li,.days2 li, .days li {;font-size:120%;text-align: center; */}
	.btn-group .weiter {width: 100%;font-size:200%;}
	.button1 {width: 100%;font-size:100%;}
		.etxt3{width: 80%;font-size:100%;}
}
@media screen and (max-width:1920px) {
.txtarea4 {
font-size: 150%;
 width: 100%;
  text-align: center;
}
.txtlogin {
font-size: 150%;
width: 100%;
 text-align: center;
}

 }
 @media screen and (max-width:1600px) {
.txtarea4 {
font-size: 150%;
width: 100%;
text-align: center;
}
.txtlogin {
font-size: 150%;
 width: 100%;
 text-align: center;
}

 }
 @media screen and (max-width:1400px) {
.txtarea4 {
font-size: 150%;
width: 100%;
text-align: center;
}
.txtlogin {
font-size: 150%;
width: 100%;
}

 }

@media screen and (max-width:1280px) {
.dr {width: 100%;font-size:120%}
.weekdays {font-size:100%;    padding-left: 1em;}
    .weekdays li,.days2 li, .days li {;font-size:120%;text-align: center; */}
	.btn-group .weiter {width: 100%;font-size:200%;}
	.button1 {width: 100%;font-size:100%;}
	.iFrame2Container {
    position: relative;
    left: 0px;
    bottom: 25%;
    /* top: 60%; */
    right: 0px;}
	.etxt3{width: 80%;font-size:100%; }

 }
	
@media screen and (max-width:1080px) {
.dr {width: 100%;font-size:160%;}
.weekdays {font-size:100%;    padding-left: 1em;}
    .weekdays li,.days li {font-size:140%;}
	.days2 li {width: 11.1%;font-size:85%;}
	.btn-group .weiter {width: 100%;font-size:200%;}
	.button1 {width: 100%;font-size:100%;}

		.etxt2 {width: 100%;}
	.etxt3{width: 80%;font-size:100%;}
.txtarea4 {
font-size: 250%;
}
.txtlogin {
font-size: 250%;
}

}
@media screen and (max-width:720px) {
.dr {width: 100%;font-size:100%;}
.weekdays {font-size:100%;    padding-left: 1em;}
    .weekdays li {width: 12.2%;font-size:100%;}
	.days li {width: 12.8%;font-size:100%;}
	.days2 li {width: 18.1%;font-size:85%;}
	.btn-group .weiter {width: 80%;font-size:180%;}
	.button1 {width: 100%;font-size:100%;}
	.etxt2 {width: 80%;font-size:100%;}
	.etxt3{width: 80%;font-size:100%;    height: 0%;}
.responsive tbody td {
    border: none;
    border-bottom: 1px solid #ddd;
    position: relative;
    text-align: left;
    height: 100%;
    line-height: 130%;
    padding-left: 60%;
}
.txtarea4 {
font-size: 250%;;
}
.txtlogin {
font-size: 250%;
}

}

@media screen and (max-width: 520px) {
.dr { width: 100%;font-size: 100%;height: 120%;}
.weekdays {font-size:100%;    padding-left: 1em;}
 .weekdays li {width: 11.9%;font-size:100%;}
	.days li {width: 12.3%;font-size:100%;}
	.days2 li {width: 18.1%;font-size:85%;}
	.btn-group .weiter {width: 60%;font-size:170%;}
	.etxt1 {width: 80%;font-size:80%;}
	.etxt2 {width: 80%;font-size:90%;}
	.etxt3{width: 80%;font-size:60%;    height: 0%;}

	.button1 {width: 100%;font-size:100%;}
	.txtarea4 {
font-size: 250%;
}
.txtlogin {
font-size: 250%;
}
.divTableCellb, .divTableHead {
	
    width:30%;

}
.divTable{
	width: 100%;
}
}
.responsive tbody td {
    border: none;
    border-bottom: 1px solid #ddd;
    position: relative;
    text-align: left;
    height: 100%;
    line-height: 130%;
    padding-left: 60%;
}
}
@media screen and (max-width: 420px) {
.dr {    width: 100%; font-size: 100%;}
.weekdays {font-size:100%;    padding-left: 1em;}
 .weekdays li {width: 12.4%;font-size:100%;  }
	.days li {width: 12.8%;font-size:100%;}
	.days2 li {width: 18.1%;font-size:85%;}
    .days li .active {padding: 2px;}
	.btn-group .weiter {width: 60%;font-size:170%;}
	.etxt1 {width: 80%;font-size:80%;}
	.etxt2 {width: 80%;font-size:80%;}
	.etxt3 {width: 80%;font-size:70%;    height: 0%;}
	.button1 {width: 100%;font-size:100%;}

.divTableCellb, .divTableHead {
	
    width:30%;

}
.divTable{
	width: 100%;
}
}@media screen and (max-width: 380px) {
.dr {width: 100%;font-size:100%;}
.month  {font-size:80%;}
.weekdays {font-size:80%;    padding-left: 0.8em;}
 .weekdays li {width: 11.8%;font-size:100%;  }
	.days li {width: 12.4%;font-size:100%;}
	.days2 li {width: 18.1%;font-size:85%;}
    .days li .active {padding: 2px;}
	.btn-group .weiter {width: 60%;font-size:170%;}
	.etxt1 {width: 100%; font-size: 80%;}
	.etxt2 {width: 80%;font-size:65%;}
	.etxt3 {width: 80%;font-size:60%;    height: 0%;}
	.button1 {width: 100%;font-size:100%;}
.divTableCellb, .divTableHead {
	
    width:30%;

}
.divTable{
	width: 100%;
}
}

@media screen and (max-width: 320px) {
.dr {width: 100%;font-size:100%;}
.month  {font-size:60%;}
.weekdays {font-size:80%;    padding-left: 0.8em;}
 .weekdays li {width: 11.8%;font-size:100%;  }
	.days li {width: 12.4%;font-size:100%;}
	.days2 li {width: 18.1%;font-size:85%;}
    .days li .active {padding: 2px;}
	.btn-group .weiter {width: 60%;font-size:170%;}
	.etxt1 {width: 80%;font-size:80%;}
	.etxt2 {width: 80%;font-size:60%;}
	.etxt3 {width: 80%;font-size:50%;    height: 0%;}
	.button1 {width: 100%;font-size:100%;}
.divTableCellb, .divTableHead {
	
    width:30%;

}
.divTable{
	width: 100%;
}
}	
@media screen and (max-width: 290px) {
.dr {width: 100%;font-size:100%;}
.weekdays {font-size:80%;    padding-left: 0.8em;}
 .weekdays li {width: 10.8%;font-size:100%;  }
	.days li {width: 11.4%;font-size:80%;}
	.days2 li {width: 18.1%;font-size:85%;}
    .days li .active {padding: 2px;}
	.btn-group .weiter {width: 60%;font-size:170%;}
	.etxt1 {width: 80%;font-size:80%;}
	.etxt2 {width: 80%;font-size:50%;}
	.etxt3 {width: 80%;font-size:80%;    height: 0%;}
	.button1 {width: 100%;font-size:100%;}
    font-size: 60%;}
.divTableCellb, .divTableHead {
	
    width:30%;

}
.divTable{
	width: 100%;
}
}