/*-----------------------------------------------
C O M M O N
----------------------------------------------- */


body {
	margin:0;
	padding:0;
	color:#000;
	background:#E5E5E5;
	font-size:14px;
	text-align:center;
	font-family:LatoSemibold;
	}

@font-face {
  font-family:'LatoSemibold';
  src: url(../fonts/Lato-Semibold.ttf) format('truetype');
  font-weight: normal;
  font-style: normal;
	}

@font-face {
  font-family:'LatoBold';
  src: url(../fonts/Lato-Bold.ttf) format('truetype');
  font-weight: bold;
  font-style: normal;
	}

.container {
	text-align:left;
	background:#fff;
	width:984px;
	margin:0 auto;
	padding:0;
	}

div.clear {
	clear:both;
	height:0;
	margin:0;
	line-height:0;
	font-size:1px;
	}

a {
	color:#000;
	background-color:#EDD341;
	text-decoration:none;
	font-weight:normal;
	}

/* a:hover {
	font-weight:normal;
	text-decoration:none;
	color:#000;
	background:#EDD341;
  transition:0.3s;
	font-weight:bold;
	}

a.current {
	font-weight:normal;
	text-decoration:none;
	color:#000;
	background:#EDD341;
  transition:0.3s;
	font-weight:bold;
	} */

a {
  box-shadow: inset 0 0 0 0 #FEA730;
  color: #000;
  transition: color .3s ease-in-out, box-shadow .3s ease-in-out;
	}
a:hover {
  box-shadow: inset 600px 0 0 0 #FEA730;
  color:000;
	}

p {
  margin:15px 40px 15px 190px;
	}


/*-----------------------------------------------
H E A D E R
----------------------------------------------- */


#logo {
	float:left;
	width:245px;
	padding:0px 40px 0 40px;
	margin:0;
	}

#logo img {
	width:245px;
	padding:0px 0px;
	margin:0;
	display:block;
	}

#logo img a {
	}

#head1 {
	float:left;
	width:215px;
	padding:75px 40px 20px 94px;
	margin:0;
	}

#head2 {
	float:left;
	width:275px;
	padding:75px 0 20px 0;
	margin:0;
	}

#title-main {
	float:left;
	font-size:36px;
	text-transform:uppercase;
	letter-spacing:4px;
	padding:30px 0px 30px 40px;
	}

#title-sub {
	float:left;
	font-size:22px;
	text-transform:uppercase;
	letter-spacing:2px;
	padding:44px 0px 30px 265px;
	margin:0;
	}

.hint {
	float:left;
	width:900px;
	margin:0px 40px 0px 40px;
	}

.hint img {
	float:left;
	width:42px;
	height:20px;
	padding:7px 110px 0px 0;
	margin:0;
	}


/*-----------------------------------------------
C O N T A C T   F O R M   I N P U T
----------------------------------------------- */


form {
	padding:38px 0 38px 0;
	font-size:14px;
	font-family:LatoSemibold;
	}

.key {
	float:left;
	width:152px;
	padding:12px 20px;
	margin:2px 0;
	text-align:right;
	}

.keyTwo {
	float:left;
	width:152px;
	padding:2px 20px;
	margin:2px 0;
	text-align:right;
	}

.keyR {
	float:left;
	width:112px;
	padding:12px 20px;
	margin:2px 0;
	text-align:right;
	}

.keyRTwo {
	float:left;
	width:112px;
	padding:2px 20px;
	margin:2px 0;
	text-align:right;
	}

.keyC {
	float:left;
	width:145px;
	border:0;
	padding:5px 15px 0 30px;
	margin:3px 0 0 0;
	}

.keyC img {
	padding:0px 0 0 0;
	width:100%;
	}

.keyCheckbox {
	float:left;
	width:20px;
	font-size:16px;
	font-family:monospace;
	padding:5px 20px 5px 150px;
	margin:10px 0;
	text-align:right;
	}

.valXS input {
	float:left;
	width:40px;
	border:1px solid #aaa;
	color:#000;
	background:#EAF5E9;
	margin:2px 4px 2px 0;
	padding:10px 5px;
	font-size:16px;
	}

.resXS {
	float:left;
	width:40px;
	border:1px solid #aaa;
	color:#000;
	background:#fff;
	margin:2px 4px 2px 0;
	padding:10px 5px;
	font-size:16px;
	}

.valS input {
	float:left;
	width:137px;
	border:none;
	border:1px solid #aaa;
	color:#000;
	background:#EAF5E9;
	margin:2px 4px 2px 0;
	padding:10px 5px;
	font-size:16px;
	}

.resS {
	float:left;
	width:137px;
	border:none;
	border:1px solid #aaa;
	color:#000;
	background:#fff;
	margin:2px 4px 2px 0;
	padding:10px 5px;
	font-size:16px;
	}

.valM input {
	float:left;
	width:234px;
	border:1px solid #aaa;
	color:#000;
	background:#EAF5E9;
	margin:2px 4px 2px 0;
	padding:10px 5px;
	font-size:16px;
	}

.resM {
	float:left;
	width:234px;
	border:1px solid #aaa;
	color:#000;
	background:#fff;
	margin:2px 4px 2px 0;
	padding:10px 5px;
	font-size:16px;
	}

.valM:last-child input {
	float:left;
	width:233px;
	border:none;
	border:1px solid #aaa;
	color:#000;
	background:#EAF5E9;
	margin:2px 0;
	padding:10px 5px;
	font-size:16px;
	}

.resM:last-child {
	float:left;
	width:233px;
	border:none;
	border:1px solid #aaa;
	color:#000;
	background:#fff;
	margin:2px 0;
	padding:10px 5px;
	font-size:16px;
	}

.alert {
	background:#FEA730;
	color:#000;
	}

.val input {
	float:left;
	width:290px;
	border:1px solid #aaa;
	color:#000;
	background:#EAF5E9;
	margin:2px 0;
	padding:10px 5px;
	font-size:16px;
	}

.res {
	float:left;
	width:290px;
	border:1px solid #aaa;
	color:#000;
	background:#fff;
	margin:2px 0;
	padding:10px 5px;
	font-size:16px;
	}

.valL input {
	float:left;
	width:452px;
	border:1px solid #aaa;
	color:#000;
	background:#EAF5E9;
	margin:2px 0;
	padding:10px 5px;
	font-size:16px;
	}

.resL {
	float:left;
	width:442px;
	border:1px solid #aaa;
	color:#000;
	background:#fff;
	margin:2px 0;
	padding:10px 5px;
	font-size:16px;
	}

.valXL input {
	float:left;
	width:748px;
	border:1px solid #aaa;
	color:#000;
	background:#EAF5E9;
	margin:2px 0;
	padding:10px 5px;
	font-size:16px;
	}

.resXL {
	float:left;
	width:748px;
	border:1px solid #aaa;
	color:#000;
	background:#fff;
	margin:2px 0;
	padding:10px 5px;
	font-size:16px;
	}

.valXl textarea {
	float:left;
	width:752px;
	height:130px;
	border:1px solid #aaa;
	color:#000;
	background:#EAF5E9;
	margin:2px 0;
	padding:10px 5px;
	font-family:LatoSemibold;
	font-size:16px;
	}

.resXl {
	float:left;
	width:752px;
	height:130px;
	border:1px solid #aaa;
	color:#000;
	background:#fff;
	margin:2px 0;
	padding:10px 5px;
	font-size:16px;
	}

.val input:hover, .val input:focus, .valM input:hover, .valM input:focus {
	float:left;
	border:1px solid #000;
	color:#000;
	background:#EAF5E9;
	margin:2px 0;
	padding:10px 5px;
	font-size:16px;
  }

 .valXS input:hover, .valXS input:focus, .valS input:hover, .valS input:focus,  {
 	float:left;
 	border:1px solid #000;
 	color:#000;
 	background:#EAF5E9;
 	margin:2px 4px 2px 0;
 	padding:10px 5px;
 	font-size:16px;
 	}

.valXS:last-child input:hover, .valXS:last-child input:focus,
.valMid:last-child input:hover, .valMid:last-child input:focus,
.valS:last-child input:hover, .valS:last-child input:focus,
.valM:last-child input:hover, .valM:last-child input:focus,
.val:last-child input:hover, .val:last-child input:focus {
	float:left;
	border:1px solid #aaa;
	color:#000;
	background:#EAF5E9;
	margin:2px 0;
	padding:10px 5px;
	font-size:16px;
  }

.val textarea:hover, .val textarea:focus {
	float:left;
	color:#000;
	background:#EAF5E9;
	margin:2px 0;
	padding:10px 5px;
	font-size:16px;
	border:1px solid #000;
  }

select {
	float:left;
	color:#000;
	background:#EAF5E9;
	margin:2px 0;
	padding:10px 5px;
	font-size:16px;
	border:1px solid #aaa;
  }

option {
	color:#000;
	background:#EAF5E9;
  }

.valCheck input {
	float:left;
	}

.commLeft {
	float:left;
	width:20px;
	margin:14px 0 0 0;
	padding:0;
	}

.commMid {
	float:left;
	width:20px;
	margin:14px 0 0 0;
	padding:0;
	}

.commRight {
	float:left;
	width:20px;
	margin:14px 0 0 0;
	padding:0;
	}

.commL {
	float:left;
	width:200px;
	margin:7px 0 14px 0;
	padding:0;
	}

.commR {
	float:left;
	width:200px;
	margin:7px 0 14px 0;
	padding:0;
	}

input.button {
	margin:40px 0 40px 192px;
	padding:12px;
	font-size:18px;
	text-transform:uppercase;
	letter-spacing:2px;
	color:#000;
	background:#EDD341;
	border:none;
	width:275px;
	transition:0.3s;
	}

input.button:hover {
	margin:40px 0 40px 192px;
	padding:12px;
	color:#000;
	background:#FEA730;
	border:none;
	width:275px;
	}


/*-----------------------------------------------
A N M E L D U N G
----------------------------------------------- */


.contAnm {
	text-align:left;
	width:984px;
	height:984px;
	margin:0 auto;
	padding:0;
	border:1px solid #000;
	}

form {
	padding:38px 0 38px 0;
	}