@charset "utf-8";

/*---------------------------------
	FORMS
-----------------------------------*/
form{
padding:0;
margin:0;
}

fieldset{
margin: 0 0 8px 0;
padding: 8px 8px 0 8px;
border: 1px solid #ccc;
background: #f5f5f5;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
position: relative;
top: 0;
left: 0;
}

.bg_color.dark legend,
.bg_color.dark label {
    color: #fff;
}

.kontaktform fieldset,
.kontaktform legend,
.callbackform fieldset,
.callbackform legend {
    background: none;
    border: none;
    padding: 0;
}
.kontaktform fieldset.error,
.kontaktform fieldset.error legend,
.callbackform fieldset.error,
.callbackform fieldset.error legend {
    border: none !important;
    color: #e6342a;
}

.kontaktform .checkbox_field,
.callbackform .checkbox_field {
    float: left;
    margin-right: 10px;
}


	legend{
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border: 1px solid #ccc;
	background: #f5f5f5;
	padding: 2px 10px;
	margin:0;
	display: block;
	position: relative;
	top:0;
	left:0;
	}

	/*IE ONLY - I know, this is a stop gap*/
	.msie fieldset{padding-top:25px;}
	.msie legend{position:absolute;top:-0.7em;left:10px;}

label{
display:inline-block;
*display:inline;
vertical-align:middle;
margin:0;
padding:0;
position:relative;
top:0;
left:0;
zoom:1;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

	label.inline{
	display:inline;
	margin:0;
	}

	label span{
	color:#999;
	/*font-size:0.9em;*/
	}

	label span.right{
	position:absolute;
	bottom:0;
	right:0;
	text-align:right;
	display:inline-block;
	*display:inline;
	}

	label.disabled,
	label.readonly{
	color:#ccc;
	}

input{
display: inline-block;
*display: inline;
vertical-align: middle;
width:auto;
zoom:1;
margin:0;
border:1px solid #ccc;
padding:5px 0;
text-indent: 5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
background:#fff;
/*-moz-box-shadow:inset 0 0 6px #ccc;
-webkit-box-shadow:inset 0 1px 6px #ccc;
box-shadow:inset 0 1px 6px #ccc;*/
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
	input[type="submit"] {
		text-indent: 0;
	}

	input::-webkit-input-placeholder,
	input:-moz-placeholder,
	.placeholder{
	color:#bbb;
	}

	input::-moz-focus-inner {border: 0;}

	input[disabled="disabled"], input.disabled,
	input[readonly="readonly"], input.readonly{
	color: #999;
	background: #f5f5f5;
	-moz-box-shadow:inset 0 0 2px #ddd;
	-webkit-box-shadow:inset 0 1px 2px #ddd;
	box-shadow:inset 0 1px 2px #ddd;
	}

	/* FOCUS STATES */
	input[type="text"]:focus,
	textarea:focus,
	button:focus,
	a.button:focus,
	select:focus,
	input[type="file"]:focus,
	input[type="tel"]:focus,
	input[type="email"]:focus,
	input[type="password"]:focus {
	-webkit-box-shadow: 0 0 7px #6DB9FF;
	-moz-box-shadow   : 0 0 7px #6DB9FF;
	box-shadow        : 0 0 7px #6DB9FF;
	border: 1px solid #50B1FE;
	outline: none;
	}

	/* TRANSITION */
	input[type="text"],
	textarea,
	button,
	a.button,
	a,
	input[type="file"],
	input[type="tel"],
	input[type="email"] {
	-moz-transition: -moz-box-shadow 0.5s, border 0.5s, background 0.5s;
	-webkit-transition: -webkit-box-shadow 0.5s, border 0.5s, background 0.5s;
	-o-transition:  box-shadow 0.5s, border 0.5s, background 0.5s;
	transition: box-shadow 0.5s, border 0.5s, background 0.5s;
	}

input.checkbox,
input[type="checkbox"]{
display:inline;
width:auto;
margin:0;
padding:0;
border:0;
background:none;
vertical-align:center;
*vertical-align: top;
}

input.radio,
input[type="radio"]{
display:inline;
width:auto;
margin:0;
padding:0;
border:0;
background:none;
vertical-align:center;
*vertical-align: top;
}

	input[type="radio"]:focus,
	input[ type="checkbox"]:focus{
	-webkit-box-shadow: 0 0 5px #6DB9FF;
	-moz-box-shadow   : 0 0 5px #6DB9FF;
	box-shadow        : 0 0 5px #6DB9FF;
	outline-color: #6DB9FF;
	}

input.file,
input[type="file"]{
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
border:none;
}

select{
display:inline;
width:auto;
margin:0;
border:1px solid #ccc;
line-height:100%;
padding:3px;
vertical-align: middle;
}

        select[disabled="disabled"], select.disabled,
        select[readonly="readonly"], select.readonly{
        color:#999;
        background:#f5f5f5;
        -moz-box-shadow:inset 0 0 2px #ddd;
        -webkit-box-shadow:inset 0 1px 2px #ddd;
        box-shadow:inset 0 1px 2px #ddd;
        }

textarea{
width:auto;
height:100px;
margin:0;
border:1px solid #ccc;
padding:5px;
vertical-align: middle;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
/*-moz-box-shadow:inset 0 0 6px #ccc;
-webkit-box-shadow:inset 0 1px 6px #ccc;
box-shadow:inset 0 1px 6px #ccc;*/
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

/*---------------------------------
	COLUMN SIZES
-----------------------------------*/

/* sizes */
input[class*="col_"],
select[class*="col_"],
label[class*="col_"]{
float:none;display:inline-block;*display:inline;margin-bottom:0;
*margin-left: 0.5%;*margin-right: 0.5%;/* this is for IE 7 Only and is not a good fix - work needed here */
}

/*---------------------------------
	FORMS VERTICAL
-----------------------------------*/
form.vertical{

}

	form.vertical label{display: block;}
	form.vertical input,
	form.vertical select,
	form.vertical textarea{width:100%;display:block;margin-bottom:0;}
	form.vertical .chzn-container{display:block;margin-bottom:0;}
	form.vertical .chzn-choices{display:block;margin-bottom:0;}

	/* radios & checks */
	form.vertical input.checkbox,
	form.vertical input[type="checkbox"],
	form.vertical input.radio,
	form.vertical input[type="radio"],
	form.vertical label.inline{display:inline;width:auto;margin:0;padding-right:10px;}

/*---------------------------------
	FORM VALIDATION
-----------------------------------*/
label.error, .error label { color:#e6342a; }
input.error, .error input { border:1px solid #e6342a; }
select.error, .error select { border:1px solid #e6342a; }
textarea.error, .error textarea { border:1px solid #e6342a; }
fieldset.error, fieldset.error legend { border:1px solid #e6342a; }
fieldset.error, fieldset.error label { color:inherit; }

/*---------------------------------
	NOTICES
-----------------------------------*/
.icon-remove:before{
	font-family: FontAwesome;
	content: "\f00d";
}
.notice{
	border:1px solid gold;
	background:lightyellow;
	padding:10px 20px 10px 40px;
	margin:10px 0;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	color:#DEAE00;
	vertical-align: center;
	text-shadow:0px 1px rgba(255,255,255,0.5);
	position:relative;
	top:0;
	left:0;
	clear:both;
}

	.notice.warning{}/*default*/
	.notice.error{border:1px solid red;background:pink;color:red;}
	.notice.success{border:1px solid green;background:lightgreen;color:green;}
	.notice i[class^='fa']{
		position: absolute;
		top: 50%;
		left: 10px;
		margin-top: -6px;
	}
	.notice a[class^='icon-remove'],
	.notice a[class^='icon-remove']:active,
	.notice a[class^='icon-remove']:visited{
		position: absolute;
		top: 5px;
		right: 5px;
		left: auto;
		color: inherit;
		margin-top: 0;
		left: auto;
		font-size: 20px;
	}