/**
* (C) by Matthias Gally,
* Gally Websolutions GmbH, www.gally-websolutions.com
* Forms
**/

#standard {
	
	max-width: 1200px;
	margin: 0 auto;
	margin-top:50px;
}

/* Farben */
#standard #errormessage, 
#standard legend, 
#standard .aftertext, 
#loginerror {
	color:#d4b26b;
	
}

#standard .aftertext {
	margin-left: 200px;
	
}

input[type="submit"] {
	color:#ffffff;
}

/* background color */


#standard input, 
#standard select, 
#standard textarea {
	/*border:1px solid #000000;*/
	-webkit-box-sizing: border-box; /* Safari 3.0 - 5.0, Chrome 1 - 9, Android 2.1 - 3.x */
	-moz-box-sizing: border-box;    /* Firefox 1 - 28 */
	box-sizing: border-box;
}

/* Border */
#error, 
#loginerror,
#standard input.error, 
textarea.error {
	border: 1px solid #ba081e;
}

#standard table {
	border: 0px solid #FF9900;
	margin: 0px;
	padding: 0px;
	border-spacing: 0px;
	border-collapse:collapse;
}

#standard input,
#standard select,
#standard textarea {
	width: 500px;
}

#standard table.correction {
	width: 780px;
}

#standard table.correction input {
	width: 65px;
	margin-right:20px;
}

#standard table.correction td {
	padding: 0 0.5em 0 0;
}

#standard table.correction td:first-child {
	padding: 0 1.5% 0 0;
}

#standard table.correction td.align-right {
}

#standard table.correction td.text {
	padding: 0 0.5em 0 0;
}

#standard table.correction td {
	white-space: nowrap;
}

#standard table.correction td p {
	white-space: pre-line;
}

#standard table.pack {
}

#standard tbody {
	margin: 0px;
	padding: 0px;
}

#standard fieldset {
	margin: 0px;
	padding: 0px;
	border: 0px;
	display: inline;
	width: auto;
	max-width: 800px;
}

#standard legend {
	font-weight:bold;
	margin-left: 24px;
	font-size: 15px;
	padding:0 10px 0 10px;
}

#standard label {
	font-weight:normal;
	float:left;
	clear: left; 
	display: block;
	margin:0px 0px 5px 0px;
	color: #7F8D95;
}

#standard label,
#standard td:first-child {
	width: 200px;
}

#standard label img {
	padding:0px;
}

#message {
	color: #d4b26b;
	/*text-align: center;*/

	margin-top:40px;
	margin-bottom:20px;
}

#standard #errormessage{
	font-size:16px;
	margin-top:6px;
	margin-bottom:3px;
	margin-left: 200px;
	text-align:left;
}
#standard .aftertext {
	font-size:16px;
	margin-top:0px;
	margin-bottom:25px;
	padding-left:0;
	text-align:left;
	
}
.aftertextlayout {
	padding-left: 10px;
	width:280px;
}
	
#standard input,
#standard select,
#standard textarea {
	display:block;
	float:left;
	margin:0px 0px 15px 0px;
	padding:5px;
	border:none;
	border-bottom:3px solid #D4B26B;
	background:#fbfbfb;
	font-family: kozuka-gothic-pro, sans-serif;
    font-weight: 300;
    font-size: inherit;
    line-height: 1.5;
	color: #7F8D95;
}

#standard input[type=radio] {
	display: inline;
	width: auto;
}

#standard input[type="submit"] {
	background-color:#D4B26B !important;
	box-sizing:border-box;
	border: 0px!important;
	margin:1px;
	font-size:18px;
	cursor:pointer;
	/*BrowserStyle für Input ausstellen*/
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	color: #fff;
	/*margin-left:200px;*/
}

input[type="submit"]:hover,
#standard select.error, 
input[type=checkbox].error { 
	background-color:#ccc !important;
	color:#fff;
}

#standard textarea {
	height: 120px;
}

input[type="checkbox"] { 
	width:15px  !important;
}


textarea {
	font-size:11px;
}
#standard form.ul,
form.li {
	list-style: none;
	padding: 0; margin: 0;
}

#standard form.ul li {
	float:left;
	display:block;
	width: 40px;
}

#standard form.ul li label {
	padding: 0; margin: 0; 
	float:left;
}

#standard form.ul li input {
	padding: 0; margin: 0; 
}

#standard br {
	clear:both;
}

#standard input.forward {
	float:right;
}

#standard input.back {
	float:left;
}

#radio {
	float:left;
}

.radio {
	float:left;
}

#clear {
	clear:both;
}	

#steps {
	float:left;
}

#logout {
	text-align:right;
}
	
#loginerror {
	margin: 0 0 10px 0;
	padding:10px;
}

.multiselect {
	float:left;
}


.radio input[type=radio]{
	margin: 6px 0px 15px 0px !important;
}

input[type=text]#rechts, input[type=text]#links, .aftertext input[type=text]{
	width:					100px !important;	
	float:					left;
}

.aftertext{
	float:left;
	margin-left: 0 !important;
	width:200px;
}
input[name=rechts_stueck]{
	margin-right:10px!important;
}
input[name=links_stueck]{
	margin-right:10px!important;
}
@media only screen and (max-width: 1224px)  {
	.aftertextlayout {
		
		padding-left: 200px;
		
	}
	#standard .aftertext {
		clear:both;
		padding-left: 0;

	}
	form table td {
			padding-left:0!important;
	}
	form table  {
			max-width:100%;
	}
}	
@media only screen and (max-width: 950px)  {
	#standard #errormessage{
		margin-left:0;
	}
	#standard .aftertext {

		padding-left: 0;

	}
	.aftertextlayout {
		padding-left: 0px;
		
	}
	
}
@media only screen and (max-width: 880px)  {
	#standard table.correction {
		width: 100%;
	}
	
	
}

@media only screen and (max-width: 768px)  {
	#standard input[type="submit"] {
			margin-left:0;
	}
	#standard input, #standard select, #standard textarea {
		width:100%;
		box-sizing:border-box;
		 height: 40px;
	}
	
	#standard textarea {
    height: 120px;
}
	
	#emailkopie{
		height:15px !important;
	}
	
	input[type="submit"] { 
		width:100% !important;
		-webkit-appearance: none;
  		-moz-appearance: none;
   		appearance: none;
	}
	
	#predigten select, #standard label{
		width:100%;
	}

	#standard #errormessage {
		margin-left:0px;
		text-align:left;
	}

	#standard fieldset{
		padding:0;
		box-sizing:border-box;
	}
	
	
	input[type=text]#rechts, input[type=text]#links, .aftertext input[type=text]{
		width:					100% !important;	
		float:					none;
	}
	
	.aftertext{
		float:none;
		margin-left: 0 !important;
		width:100%;
	}
	
	.aftertext td{
		margin-bottom:			20px;
	}
	
	.radio input[type=radio]{
		margin: 0px 0px 15px 0px !important;
		height:						28px !important;
	}
	
	.radioboxgroup{
		padding:					0 0 0 15px;
		box-sizing:					border-box;	
		float:						left;
		width:						90%;
		margin-bottom:				30px;
	}

}

#formanker {
	position:absolute;
	margin-top:-110px;
}
#linsenname {

}
form .clear {
	margin-bottom:20px!important;
}