@charset "UTF-8";
/**
 * Imixs-Responsive is an CSS framework for responsive websites and applications. 
 * https://github.com/laluluny/Imixs-Responsive
 *
 * It is licensed under a Creative Commons Share Alike 4.0 International license.
 * http://creativecommons.org/licenses/by-sa/4.0/
 * 
 **/
 
html, body { color: #414141;font-family: 'Open Sans', sans-serif !important;font-weight: 400;text-rendering: optimizeLegibility !important;-webkit-font-smoothing: antialiased !important; line-height: 1.5; background: none repeat scroll 0 0 #fff; min-height: 100%; width: 100% !important;}

#header, header, #footer1, #footer2 {min-height: 50px; padding: 10px; width: 100%;}  

p, ul, ol, dl {line-height: 1.5; margin: 0 0 0.6em 0 ;}
menu, ol, ul {padding-left: 20px;}
			
a {color: #428bca; text-decoration: none;}
a:hover,a:focus {color: #2a6496; text-decoration: underline;outline: 0;}
a:focus {outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px;}

h1, h2, h3, h4, h5, h6 {line-height: 1.3; margin-bottom: 0.4em;}
h1 {font-size: 2.33333rem;}
h2 {font-size: 2.0rem;}
h3 {font-size: 1.5rem;}
h4 {font-size: 1.2rem; margin-bottom: 0.5em;}
h5 { font-size: 1rem;margin-bottom: 0.6em;line-height: 1.3;}
h6 { font-size: 0.8rem;margin-bottom: 0.8em;line-height: 1.3;}

.lead {margin-bottom: 1.1em; line-height: 1.4em;}
.pull-right {float: right;}
@media screen and (min-width: 768px) {.lead {font-size: 1.3em;}}
small, .small {font-size: 65%;}
@media screen and (min-width: 768px) {small, .small {font-size: 85%;}}

b, strong {font-weight: 600;}
i, em {font-style: italic;}
hr {border-color: #808080 #808080 #ddd; border-style: none none solid; border-width: 0 0 1px; clear: both; margin: 10px auto;}
acronym, abbr, abbr[title] {border-bottom: 1px dotted #666666; cursor: help;}
dfn {font-style: italic;}
mark {background: #ff0; color: #000;}
sub,sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
blockquote, q, cite {font-style: italic;}
blockquote {margin-bottom: 1.71429rem; padding: 1.71429rem;}
code {background-color: #31708f; color: #fff; font-size: 90%; padding: 2px 4px; font-family: 'Courier', monospace, serif; padding: 1px 5px; margin: 4px;}
button, input, textarea, .button, a.button, select {color: #666; border: 1px solid #ddd; border-radius: 4px; height: auto; width: auto; line-height: 1.5em; padding: 0.25em 0.25em; text-decoration: none;}
table, td, th {border: 1px solid #ddd; padding: 4px;}
legend, th {color: #888;} 

.text-left {text-align: left;}
.text-center {text-align: center;}
.text-right {text-align: right;}
.img-responsive {display: block; max-width: 100%; height: auto;}
.img-rounded {border-radius: 6px;}
.img-circle {border-radius: 50%;}
.border-r { border-right: 1px solid #ddd;}
.border-l {border-left: 1px solid #ddd;}



/** form elements */
button, input[type="button"], input[type="submit"], .button, a.button { padding: 0.35em 0.75em;cursor: pointer; text-align: center; font-weight: 700;-webkit-appearance: button;*overflow: visible;}
button[disabled], html input[disabled] { cursor: default;}
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0;margin-right: .5em;}
input[type="search"] { -webkit-appearance: textfield;-moz-box-sizing: content-box;-webkit-box-sizing: content-box; box-sizing: content-box;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none;}
button::-moz-focus-inner, input::-moz-focus-inner { border: 0;padding: 0;}
textarea {overflow: auto;vertical-align: top;}
select {background-color: transparent;padding: 0.4em 0.15em;}
fieldset {border: 1px solid #ddd; margin-bottom: 1em; padding: 0.35em 0.625em 0.75em;}

/*** Default DL Definitonen ****/
dl {margin: 0;	vertical-align: top;}
dl dd input[type="text"], dd input[type="password"], dd select {width: 100%;}
dl dd textarea {width: 100%; height: 5em;}

.form-section dl dd textarea {width: 100%;	height: 5em;}

.imixs-form-section dd,.imixs-form-section-1 dd,.imixs-form-section-2 dd,.imixs-form-section-3 dd {margin-left: 0px;}

/* Simulation row */
.imixs-form-section,.imixs-form-section-1,.imixs-form-section-2,.imixs-form-section-3 {clear: both;width: 100%;}

.imixs-form-section:after,.imixs-form-section-1:after,.imixs-form-section-2:after,.imixs-form-section-3:after {
	content: ".";
	display: block;
	clear: left;
	height: 0;
	visibility: hidden;
}

/* Simulation col-12 */
.imixs-form-section dl,.imixs-form-section-1 dl {
	clear: both;
	width: 100%;
	display: inline-block;
	float: none;
	min-height: 1px;
	position: relative;
	left: 0;
	padding: 0 0 10px 0;
}

/* Simulation col-6 */
.imixs-form-section-2 dl {
	margin: 0;
	width: 49%;
	display: inline-block;
	min-height: 1px;
	position: relative;
	padding: 0 10px 10px 0;
}

/* Simulation col-4 */
.imixs-form-section-3 dl {
	margin: 0;
	width: 33.3333%;
	display: inline-block;
	float: left;
	min-height: 1px;
	position: relative;
	padding: 0 10px 10px 0;
}



@media screen and (max-width: 768px) {
	.imixs-form-section-2 dl {
		clear: both;
		float: none;
		width: 100% !important;
		max-width: 738px !important;
		left: 0;
		text-align: left;
	}
}

@media screen and (max-width: 768px) {
	.imixs-form-section-3 dl {
		clear: both;
		float: none;
		width: 100% !important;
		max-width: 738px !important;
		left: 0;
		text-align: left;
	}
}