@charset "utf-8";
/* CSS Document */

body, div, h1 {border: 0 none;margin: 0;padding: 0;}

body {background:#fff;; font-family:Helvetica, Arial, Sans-Serif; font-size:0.8em; font-weight:normal;}

h1, h2 {color:#5c984d;}

#page {width:1048px; margin:0 auto; background:url(images/bg_page.png) repeat-y; background-color:#FFF;}
#header {width:990px; height:170px; background:url(images/header.png) no-repeat;  margin:0px auto;}
#main {width:700px; margin:0px auto;}
#main h1 {margin-top:-20px;}


#termendzone {padding:15px 5px;background:#e4f4f1;margin-bottom:20px;font-size:1em;}

label {width: 40em;}

#termendzone input[type=button] {margin-left:70px;padding:10px 15px; width: 17em; background:#5c984d;color:#FFF;font-weight:600;border: solid 1px #ccc;cursor:pointer;-webkit-border-radius: 5px;border-radius: 5px;-webkit-box-shadow: 2px 2px 2px grey;-moz-box-shadow: 2px 2px 2px grey;box-shadow: 2px 2px 2px grey;}

.input {width: 6em;}
.inputend  {width: 8em;}

.input, .inputend { background: #fff; margin-top: 5px; border: solid 1px #5c984d;text-align:center; padding:5px 0;}

.election {background-color:#e4f4f1;}
 
#ergebnis div.box { width:100%;; padding:10px 0; border-bottom: 1px solid #5c984d;float:left;overflow: hidden;padding:10px;}
#ergebnis div.box div {float:left;}
#ergebnis div.erste {width:68%;}
#ergebnis div.zweite {width:15%;}
#ergebnis div.dritte {width:15%;}

/* Footer */
#footer {width:990px;height:19px;padding-top:10px;background-color: #fff;text-align:center;font-size:0.85em;color:#000;border-top:2px solid #5c984d;}
#footer p {padding-bottom:10px;line-height:30px;}
#footer a:link {text-decoration:none; color:#5c984d;}
#footer a:hover {text-decoration:underline; color:#5c984d;}
#footer a:visited  {text-decoration:none;color: #5c984d;}
#footer img {padding:0 0 10px 10px ;}
 

/* =========== Responsive Design - Anfang============ */

@media 
only screen and (min-device-width : 320px) and (max-device-width : 550px),
only screen and (max-width : 550px),
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5)
{
body {font-size:1em;}

#page, #main {width:99%;margin:0;background:none;}
#main p, h1, h2, p {padding:5px 5px 5px 20px;}
#main h1 {font-size:3em;font-weight: 700;margin-top: -10px;}

#header {width:100%;background:url(images/header.png) no-repeat;background-size:contain; }
    
.respotext {font-size:2em;}
div.th {font-size:1.8em; margin-left: 2em;}

#termendzone {font-size:1.5em;padding:5px 5px 5px 20px;}
#termendzone input[type=button].formbutton {width:99%;height:3em;margin:15px auto;padding: 10px;font-size:2em;}

div.zweite, div.dritte {font-size:1.2em;}
div.erste {font-size:1.2em;}
label  {font-size:2em;}
#ergebnis div.zweite.head, #ergebnis div.dritte.head {font-size:2.3em;padding-left:8px;}

input[type="text"] {width:6em;height:2em;font-size:2em;padding:5px;}

#ergebnis {border:solid 1px #5c984d;}

#ergebnis div.box  {border-bottom:none;float:left;}
#ergebnis div.erste {width:100%;}
#ergebnis div.zweite, #ergebnis div.dritte {width:49%;background-color:#EEE;}

#ergebnis input {margin-left:3em;}

div.calendarbutton{
	position: absolute;
	width: 90px;
	height: 96px;
	background: transparent url("calendar_icon_big.png") no-repeat center;
}

#CalendarPickerControl{
	width: 5en;
	height: 4em;
	margin-left:-100px;
}

#CalendarPickerControl td.monthname {font: bold 4em Verdana; }

#CalendarPickerControl td.navbutton, #CalendarPickerControl td.dayname, #CalendarPickerControl td.day,  #CalendarPickerControl td.current  { font: bold 3.5em Verdana;padding:0.3em}

#CalendarPickerControl td.weekend, #CalendarPickerControl td.dayothermonth { font: bold 3em Verdana;padding:0.3em}

#CalendarPickerControl td.weeknumber { font: bold 2em Verdana;color:#5c984d}

#footer {width:99%;}

}