@font-face {
 font-family:'AvenirLTStd-Medium';
 src:url("../fonts/AvenirLTStd-Medium.eot") format("embedded-opentype"),url("../fonts/AvenirLTStd-Medium.woff") format("woff");
 font-weight:normal;
 font-style:normal
}
@font-face {
 font-family:'AvenirNextLTPro-Demi';
 src:url("../fonts/AvenirNextLTPro-Demi.eot") format("embedded-opentype"),url("../fonts/AvenirNextLTPro-Demi.woff") format("woff");
 font-weight:normal;
 font-style:normal
}
@font-face {
 font-family:'Avenir LT Std';
 src:url("../fonts/hinted-AvenirLTStd-Medium.woff2") format("woff2"),url("../fonts/hinted-AvenirLTStd-Medium.woff") format("woff");
 font-weight:normal;
 font-style:normal
}
@font-face {
 font-family:'Avenir Next LT Pro';
 src:url("../fonts/hinted-AvenirNextLTPro-Demi.woff2") format("woff2"),url("../fonts/hinted-AvenirNextLTPro-Demi.woff") format("woff");
 font-weight:normal;
 font-style:normal
}

body {
	font-family: AvenirLTStd-Medium, Verdana, Arial;
	background: #464646;
	background: #eee;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	color: #2c2c2c;
	font-size:13px;
	line-height:18px;
}

a {
	color: #009ee3;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

p {
	font-family: AvenirLTStd-Medium, Verdana, Arial;
	font-size: 15px;
	line-height: 22px;
	text-align:left;
}

div.banner {
	background:#fff;
}

div.banner img {
	width:100%;
}

div.content,
div.progress {
	background: #ffffff;	
	padding-top:30px;
	padding-left:40px;
	padding-right:40px;
	padding-bottom:30px;
}

div.progress {
	padding-top:15px;
	padding-bottom:15px;
}

div.frame {
	width:640px;	
	margin-left: auto;
  	margin-right: auto;
}

div.frame div {
	margin-top:10px;	
}

div.footer {
	text-align:center;
	font-size:11px;
}

div.footer a {
}

h1 {
	font-family:'AvenirLTStd-Medium';
	font-weight:bold;
	font-size:24px;
	margin-bottom:35px;
}

h2 {
	font-family:'AvenirLTStd-Medium';
	font-weight:bold;
	font-size:18px;
	margin-top:30px;
	margin-bottom:20px;}

#daten {
	padding-top:15px;
}

label {
	width: 100px;
	margin-right:30px;
	display: inline-block;
	font-weight:bold;
	cursor:pointer;
}

input {
	font-family:'AvenirLTStd-Medium';
	font-size:15px;
}

input[type="text"],
input[type="password"] {
	padding:3px 5px;
	border:1px solid silver;
}

form.disabled input[type="text"],
form.disabled input[type="password"]{
	cursor: not-allowed;
	background:#f5f5f5;
}

#daten input[type="button"]{
	margin-top:15px;
}

input[type="button"],
input[type="submit"] {
	font-family:'AvenirLTStd-Medium';
	background:#009ee3;
	color:#fff;
	font-weight:bold;
	padding:5px 10px;
	font-size:15px;
	border:none;
	cursor: pointer;
}

#daten p {
    margin: 10px 0px;
}

.error {
	color:red;	
}

input[type='text'], input[type='password'] {
	width:300px;
}

div.progress ul {
	list-style-type:none;
	padding:0px;
}

div.progress li {
	display:inline-block;
	width:23%;
	margin-right:1%;
	padding-bottom:3px;
	border-bottom-width:6px;
	border-bottom-style:solid;
}

div.progress li.done {
	color:#009ee3;
}

div.progress li.current {
	color:#009ee3;
}

div.progress li.future {
	color: #aaaaaa;
}