.button {
	font-size: 15px !important;
	padding: 4px 10px;
	-moz-user-select: none;
	border: 1px solid transparent;
	border-radius: 2px;
	cursor: pointer !important;
	display: inline-block;
	font-weight: normal;
	margin: 0 5px;
	text-align: center;
	/*vertical-align: middle;*/
	white-space: nowrap;
	color: #333 !important;
	font-family: Brown-Pro-Regular !important;
	transition: 0.15s;
	background-color: #fff;
	border-color: #ccc;
	text-decoration: none !important;
	line-height: 21px;
}

.bt-ultra-large{
    font-size: 1em !important;
    padding: 7px 16px !important;
}

.button:disabled {
	cursor: default !important;
}

.bt-large {
	padding: 7px 10px !important;
}

.button:hover {
	background-color: #e6e6e6;
	border-color: #8c8c8c;
}

.button:disabled:hover {
	background-color: #fff;
	border-color: #ccc;
}

.bt-text-left {
	text-align: left !important;
}

.bt-right {
	float: right;
}
.bt-left {
	float: left;
}

.bt-block {
	display: block;
	width: 100%;
}

.bt-strong {
	font-weight: bold;
}
/**

	COLOR

**/

/**
* Button - White
*/
.bt-default {
	background-color: #fff;
	border-color: #ccc;
}

.bt-default:hover {
	background-color: #e6e6e6;
	border-color: #8c8c8c;
}

/**
* Button - Orange
*/
.bt-orange {
	background-color: rgba(255, 130, 30, 0.8) !important;
	border-color: rgba(255, 130, 30, 1) !important;
}

.bt-orange:hover {
	background-color: rgba(255, 130, 30, 1) !important;
}

.bt-orange-disabled {
	background-color: rgba(255, 130, 30, 0.3) !important;
	border-color: rgba(255, 130, 30, 0.6) !important;
	cursor: default !important;
}

/**
* Button - Rot
*/
.bt-red {
	background-color: rgba(235, 0, 65, 0.8) !important;
	border-color: rgba(235, 0, 65, 1) !important;
}

.bt-red:hover {
	background-color: rgba(235, 0, 65, 1) !important;
}

.bt-red-disabled {
	background-color: rgba(235, 0, 65, 0.3) !important;
	border-color: rgba(235, 0, 65, 0.6) !important;
	cursor: default !important;
}

/**
* Button - Grün
*/
.bt-green {
	background-color: rgba(0, 150, 90, 0.6) !important;
	border-color: rgba(0, 150, 90, 0.8) !important;
}

.bt-green:hover {
	background-color: rgba(0, 150, 90, 0.8) !important;
	border-color: rgba(0, 150, 90, 1) !important;
}

.bt-green-disabled {
	background-color: rgba(0, 150, 90, 0.3) !important;
	border-color: rgba(0, 150, 90, 0.6) !important;
	cursor: default !important;
}


/**
* Button - Grün myFH-Portal
*/ 

.button-green {
  	color: white !important;
  	background: #00965b;
  	border: 2px solid #00965b;
	padding: 5px;
 	transition: 0.2s;
  	text-align: center;
  	cursor: pointer;
}
.button-green a {
  color: white !important;
  text-decoration: none !important;
  display: block;
  height: 100%;
  width: 100%;
  transition: 0.2s;
}
.button-green:disabled {
  background: #dadada;
}

.button-green:hover {
  color: #00965b !important;
  background: white;
  border: 2px solid #00965b;
}
.button-green:hover a {
  color: #00965b !important;
}




/**
* Button - Cyan
*/
.bt-cyan {
	background-color: rgba(0, 180, 230, 0.6) !important;
	border-color: rgba(0, 180, 230, 0.8) !important;
}

.bt-cyan:hover {
	background-color: rgba(0, 180, 230, 0.8) !important;
	border-color: rgba(0, 180, 230, 1) !important;
}

.bt-cyan-disabled {
	background-color: rgba(0, 180, 230, 0.3) !important;
	border-color: rgba(0, 180, 230, 0.6) !important;
	cursor: default !important;
}

/**
* Button - Gelb
*/
.bt-yellow {
	background-color: rgba(255, 210, 0, 0.6) !important;
	border-color: rgba(255, 210, 0, 0.8) !important;
}

.bt-yellow:hover {
	background-color: rgba(255, 210, 0, 1) !important;
	border-color: rgba(255, 210, 0, 1) !important;
}

.bt-yellow-disabled {
	background-color: rgba(255, 210, 0, 0.3) !important;
	border-color: rgba(255, 210, 0, 0.6) !important;
	cursor: default !important;
}

/**
* Button - Silber
*/
.bt-silver {
	background-color: rgba(135, 135, 135, 0.6) !important;
	border-color: rgba(135, 135, 135, 0.8) !important;
}

.bt-silver:hover {
	background-color: rgba(135, 135, 135, 0.8) !important;
	border-color: rgba(135, 135, 135, 1) !important;
}

.bt-silver-disabled {
	background-color: rgba(135, 135, 135, 0.3) !important;
	border-color: rgba(135, 135, 135, 0.6) !important;
	cursor: default !important;
}

.bt-light-red {
	background-color: rgba(235, 0, 65, 0.3) !important;
	border-color: rgba(235, 0, 65, 0.6) !important;
}

.bt-light-red:hover {
	background-color: rgba(235, 0, 65, 0.6) !important;
	border-color: rgba(235, 0, 65, 0.8) !important;
}

/**

	ICONS

**/

/**
 * Publizieren
 */
.bt-depublish {
	background-color: rgba(235, 0, 65, 0.6);
	border-color: rgba(235, 0, 65, 0.8);
}

.bt-depublish:hover {
	background-color: rgba(235, 0, 65, 0.8);
	border-color: rgba(235, 0, 65, 1);
}

.bt-depublish:before {
	font-family: icomoon;
	content: "\e90c";
	margin: 0 5px;
}

/**
 * Depublizieren
 */
.bt-publish {
	background-color: rgba(0, 150, 90, 0.6);
	border-color: rgba(0, 150, 90, 0.8);
}

.bt-publish:hover {
	background-color: rgba(0, 150, 90, 0.8);
	border-color: rgba(0, 150, 90, 1);
}

.bt-publish:before {
	font-family: icomoon;
	content: "\e90c";
	margin: 0 5px;
}

/**
 * Fertig		
 */
.bt-finished {
	background-color: rgba(0, 150, 90, 0.3);
	border-color: rgba(0, 150, 90, 0.6);
}

.bt-finished:hover {
	background-color: rgba(0, 150, 90, 0.6);
	border-color: rgba(0, 150, 90, 0.8);
}

.bt-finished:before {
	font-family: icomoon;
	content: "\e916";
	margin: 0 5px;
}

/**
 * Löschen		
 */
.bt-delete {
	background-color: rgba(235, 0, 65, 0.3);
	border-color: rgba(235, 0, 65, 0.6);
}

.bt-delete:hover {
	background-color: rgba(235, 0, 65, 0.6);
	border-color: rgba(235, 0, 65, 0.8);
}

.bt-delete:before {
	font-family: icomoon;
	content: "\e90b";
	margin: 0 5px;
}

/**
 *  Icons mit default button
 */
.bt-edit,.bt-save,.bt-add,.bt-remove,.bt-search,.bt-stats,.bt-forward,.bt-back,.bt-info,.bt-email,.bt-cross,.bt-profil, .bt-download, .bt-warning, .bt-up, .bt-down, .bt-config, .bt-book, .bt-calendar, .bt-change
	{
	background-color: #fff;
	border-color: #ccc;
}

.bt-edit:hover,.bt-save:hover,.bt-save:hover,.bt-add:hover,.bt-remove:hover,.bt-search:hover,.bt-stats:hover,.bt-forward:hover,.bt-back:hover,.bt-info:hover,.bt-email:hover,.bt-cross:hover,.bt-profil:hover, .bt-download:hover, .bt-warning:hover, .bt-up:hover, .bt-down:hover, .bt-config:hover, .bt-book:hover, bt-calendar:hover, bt-change:hover
	{
	background-color: #e6e6e6;
	border-color: #8c8c8c;
}

/**
 * Bearbeiten
 */
.bt-edit:before {
	font-family: icomoon;
	content: "\e903";
	margin: 0 5px;
}


/**
 * Ändern
 */
.bt-change:before {
	font-family: icomoon;
	content: "\e984";
	margin: 0 5px;
}


/**
 * Profil
 */
.bt-profil:before {
	font-family: icomoon;
	content: "\e614";
	margin: 0 5px;
}


/**
 * Star empty
 */
.bt-star-empty:before {
	font-family: icomoon;
	content: "\e90d";
	margin: 0 5px;
}


/**
 * Star full
 */
.bt-star-full:before {
	font-family: icomoon;
	content: "\e90e";
	margin: 0 5px;
}


/**
 * Speichern		
 */
.bt-save:before {
	font-family: icomoon;
	content: "\e92c";
	margin: 0 5px;
}

/**
 * Hinzuf�gen		
 */
.bt-add:before {
	font-family: icomoon;
	content: "\e912";
	margin: 0 5px;
}

/**
 * Entfernen		
 */
.bt-remove:before {
	font-family: icomoon;
	content: "\e913";
	margin: 0 5px;
}

/**
 * Suchen		
 */
.bt-search:before {
	font-family: icomoon;
	content: "\e905";
	margin: 0 5px;
}

/**
 * Statistik		
 */
.bt-stats:before {
	font-family: icomoon;
	content: "\e92d";
	margin: 0 5px;
}

/**
 * Informationen		
 */
.bt-info:before {
	font-family: icomoon;
	content: "\e914";
	margin: 0 5px;
}

/**
 * Zurück		
 */
.bt-back:before {
	font-family: icomoon;
	content: "\e91e";
	margin: 0 5px;
}

/**
 * Vor		
 */
.bt-forward:before {
	font-family: icomoon;
	content: "\e91a";
	margin: 0 5px;
}

/**
 * Email		
 */
.bt-email:before {
	font-family: icomoon;
	content: "\e92b";
	margin: 0 5px;
}

/**
 * Kreuz		
 */
.bt-cross:before {
	font-family: icomoon;
	content: "\e915";
	margin: 0 5px;
}

/**
 * Download		
 */
.bt-download:before {
	font-family: icomoon;
	content: "\e600";
	margin: 0 5px;
}

/**
 * Warning		
 */
.bt-warning:before {
	font-family: icomoon;
	content: "\e90f";
	margin: 0 5px;
}

/**
 * Up		
 */
.bt-up:before {
	font-family: icomoon;
	content: "\e918";
	margin: 0 5px;
}

/**
 * Down		
 */
.bt-down:before {
	font-family: icomoon;
	content: "\e91c";
	margin: 0 5px;
}

/**
 * Text Left		
 */
.bt-align-left:before {
	font-family: icomoon;
	content: "\e932";
	margin: 0 5px;
	font-size: 1.6em;
}

/**
 * Text Center		
 */
.bt-align-center:before {
	font-family: icomoon;
	content: "\e933";
	margin: 0 5px;
	font-size: 1.6em;
}

/**
 * Text Right		
 */
.bt-align-right:before {
	font-family: icomoon;
	content: "\e934";
	margin: 0 5px;
	font-size: 1.6em;
}

/**
 * Config	
 */
.bt-config:before {
	font-family: icomoon;
	content: "\e90a";
	margin: 0 5px;
}

/**
 * Book
 */
.bt-book:before {
	font-family: icomoon;
	content: "\e935";
	margin: 0 5px;
}

/**
 * Book-Open
 */
.bt-book-open:before {
	font-family: icomoon;
	content: "\e9a6";
	margin: 0 5px;
}

/**
 * Kalender
 */
.bt-calendar:before {
	font-family: icomoon;
	content: "\e904";
	margin: 0 5px;
}

/**
 * File-Text
 */
.bt-file-text:before {
	font-family: icomoon;
	content: "\e955";
	margin: 0 5px;
}

/**
 * PDF
 */
.bt-pdf:before{
	font-family: icomoon;
	content: "\e927";
	margin: 0 5px;
}
 


/**
 * File - Input 
 * @ToDo: Javascript 
 */
.bt-fileinput {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

.bt-fileinput+label {
	-moz-user-select: none;
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 2px;
	color: #333 !important;
	cursor: pointer !important;
	display: inline-block;
	font-family: Brown-Pro-Regular !important;
	font-size: 15px !important;
	font-weight: normal;
	margin-bottom: 0;
	padding: 4px 10px;
	text-align: center;
	text-decoration: none !important;
	transition: all 0.15s ease 0s;
	white-space: nowrap;
}

.bt-fileinput+label:before {
	font-family: icomoon;
	content: "\e603";
	margin: 0 10px 0px 5px;
}

.bt-fileinput:focus+label,.bt-fileinput+label:hover {
	background-color: #e6e6e6;
	border-color: #8c8c8c;
}

.bt-fileinput:focus+label {
	outline: 1px dotted #000;
	outline: -webkit-focus-ring-color auto 5px;
}

.bt-fileinput+label * {
	pointer-events: none;
}

/**
 * Inputfelder - default
 */
.input {
	display: inline-block !important;
	margin: 0 !important;
	font-size: 19px !important;
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	appearance: none !important;
	box-shadow: none !important;
	border-radius: none !important;
	margin: 4px 0 !important;
	margin-bottom: 0 !important;
	padding: 7px !important;
	border: 1px solid #868686 !important;
	/*box-shadow: inset 1px 1px 2px 0 #777 !important;*/
	transition: box-shadow 0.3s !important;
	font-family: "Brown-Pro-Regular" !important;
	position: relative;
	left: -7px;
}

.input[readonly]{
	background-color: #dadada;
	color: #868686;
	cursor: not-allowed;
}

.input:focus {
	outline: none !important;
	box-shadow: inset 1px 1px 2px 0 #b8b8b8 !important;
}

/**
 * Labels
 */
.label {
	color: #323237 !important;
	min-width: 80px !important;
	border: 1px solid #8e8e8e !important;
	background: #e6e6e6 !important;
	position: relative !important;
	font-family: "Brown-Pro-Regular" !important;
	font-size: 15px !important;
	z-index: 2;
	line-height: 1.5 !important;
	left: 0px !important;
	white-space: normal;
}

@media only screen and (min-width: 768px) {
	.label {
		border-radius: 0 !important;
		text-align: center !important;
		display: inline-block !important;
		padding: 10px 7px 8px 7px !important;
		margin: 5px 0 !important;
	}
}

@media only screen and (max-width: 768px) {
	.label{
		width: 100%;
		display: block !important;
		margin: 10px 0 -1px !important;
		top: 4px !important;
		padding: 7px 0 !important;
		text-align: left !important;
		padding-left: 7px !important;
		width: 100% !important;
	}
	.label + .input{
		left: 0px !important;
	}
	.label + .input{
		width: 100% !important;
		margin-left: 0px !important;
	}
}

/**
 * Labels in der langen Version mit Breitenangabe
 * 14 = 1/4 = 25%
 * 12 = 1/2 = 50%
 * 23 = 2/3 = 66.66666%
 * etc.
 * Breite wird auf das Nachflogende .input Element übertragen
 */
.label[class*=long] + .input{
	left: 0px;
}

.label-long,.label-long-14,.label-long-12,.label-long-34,.label-long-13,.label-long-23
	{
	display: block !important;
	left: 0 !important;
	margin: 10px 0 -1px !important;
	top: 4px !important;
	padding: 7px 0 !important;
	text-align: left !important;
	padding-left: 7px !important;	
}

.label-long-14,.label-long-14+.input,.label-long-14+.input+.autoError {
	width: 25% !important;
}

.label-long-12,.label-long-12+.input,.label-long-12+.input+.autoError {
	width: 50% !important;
}

.label-long-34,.label-long-34+.input, .label-long-34+.input+.autoError {
	width: 75% !important;
}

.label-long-13,.label-long-13+.input,.label-long-13+.input+.autoError {
	width: 33.33333% !important;
}

.label-long-23,.label-long-23+.input,.label-long-23+.input+.autoError {
	width: 66.66666% !important;
}

.label-long +.input, .label-long +.input+.autoError {
	width: 100% !important;
}

.label-name, .label-lock, .label-email{
	text-align: left !important;
}
/* Labels mit Icons */
.label-email:before {
	content: "\e92b";
	font-family: icomoon;
	margin: 0 10px;
}

.label-name:before {
	content: "\e614";
	font-family: icomoon;
	margin: 0 10px;
}

.label-lock:before {
	content: "\e908";
	font-family: icomoon;
	margin: 0 10px;
}

.special-button-label {
	left: 1px !important;
}

.special-button-label+.button {
	position: relative;
	left: -5px !important;
	padding: 10px 15px 8px !important;
}

/**
 * Selectfelder
 */
.select {
	min-width: 50px;
	background: rgba(0, 0, 0, 0)
		url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAAlCAYAAAAeJYohAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NDkxMSwgMjAxMy8xMC8yOS0xMTo0NzoxNiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo3NkZGOEVERjNEREMxMUU2OUZEMUUyMUI3OTkzMzUyMSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo3NkZGOEVFMDNEREMxMUU2OUZEMUUyMUI3OTkzMzUyMSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjc2RkY4RUREM0REQzExRTY5RkQxRTIxQjc5OTMzNTIxIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjc2RkY4RURFM0REQzExRTY5RkQxRTIxQjc5OTMzNTIxIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+As4azgAAAbVJREFUeNrs2i9vg0AUAPBjH+DskjZNsNj5ok7UrhUTTEzQStpkYh8AVYHhCxQxxMT2CVAswyyZLJakybLNwRdgI5X9w/2/Y+1Lnr77Je/eCy8YdV2DU4oLcGKxA46ifNRFSB5Fo6SqamLwJvacaZT73cJOfS/eOLQlfVvEntkV9BZbmM29Wd5wJ9Ck2LampTWaBovTpbVE02Jxx5JWaBYsyRzWAl0l/owFuxc8MPVEN9jJMh0exJqDrA/AJTF4HIR9xwTfOqHbsU4WBuNrC8IfYjCE1ucf+koXdCsW2NlDMF7gYA++YV3QWNjn+QJB+M7ctFSjRWBbuzQu2k+qWRewWGMJB50uJ0NeaJFY7DksCy0aS7QAEI2WgSXeeIhCy8JSrXh4o2ViqXdavNCysdRgHmgVWCYwC1oVlhlMg1aJbcLgtYivqrz3cu99xMXBT7RH27Zf01QdlisYE30kxGO5lDRheSvFcgfToeVhhYDJ0HKxwsB4aDNzwnkoEysUfBzdYIPwzoJPQHY0XVp0luW6t3LRF0KoRsh9W63LGxnn7ktpB23Rbq0S26Rx/gPgDP5f8SvAAHgvBGxf6ofrAAAAAElFTkSuQmCC')
		no-repeat scroll right center/25px auto;
	background-color: white;
	padding-right: 25px !important;
}

.select:hover {
	cursor: pointer;
}

/**
 * Input - Checkbox/Radio
 */

/* remove standard-styles */
input {

} 

/* graceful degradation for ie8 */
.checkbox,
.radio {
  width:auto;
  float:left;
  margin-right: .75em;
  background:transparent;
  border:none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border:none;
  border-radius: 0;
  font-size: 0.75em !important;
  width: 100%
}

.checkbox:checked,
.checkbox:not(:checked),
.radio:checked,
.radio:not(:checked) {
  background: transparent;
  position: relative;
  visibility: hidden;
  margin:0;
  padding:0;
  height: 0;
}

.checkbox + label,
.radio + label {
  cursor: pointer;
  font-size: 1em !important;
  margin-top: 0 !important;
}

.checkbox:checked + label::before,
.checkbox:not(:checked) + label::before,
.radio:checked + label::before,
.radio:not(:checked) + label::before {
    content:' ';
    display:inline-block;
    width: 17px;
    height:17px;
    position: relative;
    top:1px;
    border: 1px solid #bbb;
    background: white;
    margin-right: 0.75em;
    box-shadow: inset 0 1px 1px 0 rgba(0,0,0,.1);
}

.radio:checked + label::before,
.radio:not(:checked) + label::before {
  border-radius: 24px;
top: 3px;
}

.checkbox:hover  + label::before,
.radio:hover  + label::before {
  background:#ddd;
  box-shadow: inset 0 0 0 2px white;
}

.checkbox:checked  + label::before,
.radio:checked  + label::before {
  background:black;
  box-shadow: inset 0 0 0 2px white;
}

.autoError{
	background-color: #f9b2c6;
    color: #eb0041;
    margin-top: -1px;
    height: 0;
    overflow: hidden;
    line-height: 50px;
	transition: height 0.2s;
	width: 75%;
}
textarea.input +.autoError {
    margin-top: -5px;
}
.autoError.show{
 height: 50px;
}
.autoError div{
	border: 1px solid #ef3367;
    border-radius: 2px;
	height: 100%;
	width: 100%;
	padding: 0 12px;
}