/**
* Yet Another Multicolumn Layout" - YAML CSS Framework
* @scope           BUTTONS

* @copyright       Copyright 2005-2012, Dirk Jesse
* @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
*                  YAML-CDL (http://www.yaml.de/license.html)
* @version         v4.0.2
* @revision        $Revision: 743 $
*/

@media screen {


/*--- General Links ------------------------------------------------------------------------------------ */

	a {
		background: transparent;
		color: inherit; text-decoration: none;
		cursor: pointer;
	}
	a:active { outline: none;}

	p a,
	td a,
	footer p a {
		margin-left: 1px;
		padding: 0 0.5em 2px 0;
		color: #de7602; 
	}
	p > a:before,
	td > a:before {
		content: none; 
		position: relative; left: -2px; top: 1px;
		padding-right: 0.25em;
		display: inline-block;
		font-family: "Glyphicons Regular";
		font-size: 80%; color: #999;
		line-height: 1em;
		vertical-align: 0px;
	}

	p a:hover, td a:hover, footer p a:hover,
	p a:focus, td a:focus, footer p a:focus { 
		color: black;
		background-color: transparent;
		text-decoration: none;
	}

	

/*--- Links on special elements ----------------------------------------------------------------------- */


	/* Inline Morelink */
	.morelink a,
	.morelink a.button { 
		margin-left: 0em; margin-top: 0; margin-bottom: 0;
		padding: 0 0.33em; 
		border: 1px #999 solid; border-left-width: 0; border-right-width: 0;
		font-size: 85%; 
		text-transform: none; 
		line-height: 1.5em;
	}
	a span.morelink {
		position: relative; top: -2px;
		margin-left: 0.5em; margin-top: 0; margin-bottom: 0;
		padding: 0 0.33em; 
		border: 1px #999 solid; 
		font-size: 60%; 
		color: #777;
		text-transform: none; 
	}
	a.morelink:after { 
		display: inline;
		content: "more";
		margin-left: 1em; margin-top: 0; margin-bottom: 0;
		padding: 0 0.33em; 
		border: 1px #999 solid; 
		font-size: 12px; 
		color: black;
		text-transform: none; 
		vertical-align: middle;
	}
	h1 a.morelink:after, h2 a.morelink:after { vertical-align: 15%;}

	/* Inline Keyword-Link */
	a.keyword {
		position: relative; top: 0px;
		min-width: 30px;
		margin-top: 0; margin-bottom: 0;
		padding: 0.25em 0.75em; 
		border: 1px #555 solid; 
		font-size: 80%; 
		color: #777;
		white-space: nowrap;
	}

	a.keyword:hover { 
		border-color: white;
		color: white;
	}

/*--- Form buttons ------------------------------------------------------------------------------------ 

	a.button,
	button,
	form input[type="button"],
	form input[type="reset"],
	form input[type="submit"] {
		display: inline-block; overflow: visible;
		margin: 0 0.75em 0.5em 0; padding: 0.1em 1.25em 0.25em 1em;
		white-space: nowrap;
		background-color: transparent;
		box-shadow: none;
		border: 1px solid #555555; border-radius: 0;
		color: #999999;
		font-size: 1em;
		text-decoration: none !important; 
		letter-spacing: 1px;
		line-height: 2em;
		cursor: pointer;
	}
	form input[type="button"]::-moz-focus-inner,
	form input[type="reset"]::-moz-focus-inner,
	form input[type="submit"]::-moz-focus-inner { 
		border: 0; padding: 0; 
		margin-top:-6px; margin-bottom: -6px; 
	}
	a.button {
		line-height: 1.8em;
	}
	a.button:hover,
	button:hover,
	form input[type="button"]:hover,
	form input[type="reset"]:hover,
	form input[type="submit"]:hover {
		background-color: #111111;
		border-color: white;
		color: white;
	}
	a.button:active,
	button:active,
	form input[type="button"]:active,
	form input[type="reset"]:active,
	form input[type="submit"]:active {
		position: relative;
		top: 1px;
	}
	a.button:focus,
	button:focus,
	form input[type="button"]:focus,
	form input[type="reset"]:focus,
	form input[type="submit"]:focus {
		outline: 0;
		border-color: white;
		color: white;
	}
*/

/*--- Form buttons ------------------------------------------------------------------------------------ */

.btn {
	display: inline-block;
	padding: 0.5rem 1rem;
	background-color: transparent;
	border-radius: 0rem;
	border: 1px solid #555555;
	font-size: 1rem; font-weight: normal; color: white;
	vertical-align: middle; text-align: center; 
	line-height: 1.5;
	letter-spacing: 1px; white-space: nowrap;
	-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
	transition: all 0.15s ease-in-out;
	cursor: pointer;
}

.btn:focus, 
.btn:hover { text-decoration: none;}
.btn:focus, 
.btn.focus { 
	outline: 0;
}

.btn.disabled, 
.btn:disabled { opacity: .65;}

.btn:active, 
.btn.active { background-image: none;}
a.btn.disabled,
fieldset[disabled] a.btn { pointer-events: none;}

.btn-primary {
	background-color: transparent;
	border-color: white;
	color: white;
}
.btn-primary:hover {
	background-color: #111111;
	border-color: #cd0020;
	color: #fff;
}
.btn-primary:focus, 
.btn-primary.focus {
}
.btn-primary.disabled, 
.btn-primary:disabled {
	background-color: transparent;
	border-color: #007bff;
}
.btn-primary:active, 
.btn-primary.active,
.show > .btn-primary.dropdown-toggle {
	background-color: transparent; background-image: none;
	border-color: #cd0020;
}

.btn-secondary, .btn-cancel {
	background-color:transparent;
	border-color: #868e96;
	color: #fff;
}
.btn-secondary:hover, .btn-cancel:hover {
	background-color: #111111;
	border-color: #cd0020;
	color: #fff;
}
.btn-secondary:focus, .btn-cancel:focus, 
.btn-secondary.focus.btn-cancel.focus {
	box-shadow: 0 0 0 3px rgba(134, 142, 150, 0.5);
}
.btn-secondary.disabled, .btn-cancel.disabled,
.btn-secondary:disabled, .btn-cancel:disabled {
	background-color: transparent;
	border-color: #444;
}
.btn-secondary:active, .btn-cancel:active, 
.btn-secondary.active, .btn-cancel.active,
.show > .btn-secondary.dropdown-toggle, .show > .btn-cancel.dropdown-toggle {
	background-color: transparent; background-image: none;
	border-color: #6c757d;
}

.btn-lg, .btn-group-lg > .btn {
	padding: 0.5rem 1rem;
	font-size: 1.25rem;
	line-height: 1.5;
	border-radius: 0rem;
}
.btn-sm, .btn-group-sm > .btn {
	padding: 0.25rem 0.5rem;
	font-size: 0.875rem;
	line-height: 1.5;
	border-radius: 0.2rem;
}

.btn-block {
	display: block;
	width: 100%;
}
.btn-block + .btn-block {
	margin-top: 0.5rem;
}

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
	width: 100%;
}


/*--- Buttons-Groups ------------------------------------------------------------------------------------ */

nav.form-navigation {padding: 2em 0;}

.btn-group,
.btn-group-vertical {
	position: relative;
	display: -ms-inline-flexbox; display: inline-flex;
	vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
	position: relative;
	-ms-flex: 0 1 auto; flex: 0 1 auto;
	margin-bottom: 0;
}
.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover { z-index: 2;}
.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active { z-index: 2;}

.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group,
.btn-group-vertical .btn + .btn,
.btn-group-vertical .btn + .btn-group,
.btn-group-vertical .btn-group + .btn,
.btn-group-vertical .btn-group + .btn-group { margin-left: -1px;}

.btn-toolbar {
	display: -ms-flexbox; display: flex;
	-ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: start; justify-content: flex-start;
}
.btn-toolbar .input-group { width: auto;}

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
	border-radius: 0;
}
.btn-group > .btn:first-child {
	margin-left: 0;
}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
	border-top-right-radius: 0; border-bottom-right-radius: 0;
}
.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
	border-top-left-radius: 0; border-bottom-left-radius: 0;
}
.btn-group > .btn-group {
	float: left;
}
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
	border-radius: 0;
}
.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
	border-top-right-radius: 0; border-bottom-right-radius: 0;
}
.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
	border-top-left-radius: 0; border-bottom-left-radius: 0;
}

.btn + .dropdown-toggle-split {
	padding-right: 0.5625rem; padding-left: 0.5625rem;
}
.btn + .dropdown-toggle-split::after {
	margin-left: 0;
}
.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
	padding-right: 0.375rem;
	padding-left: 0.375rem;
}
.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
	padding-right: 0.75rem;
	padding-left: 0.75rem;
}

.btn-group-vertical {
	display: -ms-inline-flexbox; display: inline-flex;
	-ms-flex-direction: column; flex-direction: column;
	-ms-flex-align: start; align-items: flex-start;
	-ms-flex-pack: center; justify-content: center;
}
.btn-group-vertical .btn,
.btn-group-vertical .btn-group {
	width: 100%;
}
.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
	margin-top: -1px; margin-left: 0;
}
.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
	border-radius: 0;
}
.btn-group-vertical > .btn:first-child:not(:last-child) {
	border-bottom-right-radius: 0; border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:last-child:not(:first-child) {
	border-top-left-radius: 0; border-top-right-radius: 0;
}
.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
	border-radius: 0;
}
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
	border-bottom-right-radius: 0; border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
	border-top-left-radius: 0;border-top-right-radius: 0;
}

[data-toggle="buttons"] > .btn input[type="radio"],
[data-toggle="buttons"] > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
	position: absolute;
	clip: rect(0, 0, 0, 0);
	pointer-events: none;
}



	/* pseudo elements don't work on input */
	button:before,
	.button:before {

	}


	/* removes extra inner spacing in Firefox */
	button::-moz-focus-inner {
		border: 0;
		padding: 0;
	}

	/* If line-height can't be modified, then fix Firefox spacing with padding */
	form input[type=button]::-moz-focus-inner,
	form input[type=reset]::-moz-focus-inner,
	form input[type=submit]::-moz-focus-inner {
		padding: .4em;
	}

	/* The disabled styles */
	button[disabled],
	button[disabled]:hover,
	form input[type=button][disabled],
	form input[type=button][disabled]:hover,
	form input[type=reset][disabled],
	form input[type=reset][disabled]:hover,
	form input[type=submit][disabled],
	form input[type=submit][disabled]:hover,
	.button.disabled,
	.button.disabled:hover {
		background: #eee;
		color: #aaa !important;
		border-color: #aaa;
		cursor: default;
		text-shadow: none;
		position: static;
		-webkit-box-shadow: none;
		box-shadow: none;
	}


/*--- Custom buttons ------------------------------------------------------------------------------------ */

	.btn-up {
		position: absolute; top: 25px; right: 48%; right: calc(50% - 25px);
		background-color: #111111;
	}


	.teaserbuttons {
		margin: 0.5em 0 0 0; padding: 0;
		list-style: none;
	}
	.teaserbuttons li {
		margin: 0; padding: 0;
	}
	a.teaserbutton {
		display: inline-block; overflow: visible;
		margin: 0 0.25em 0 0; padding: 0.25em 1em;
		white-space: nowrap;
		background-color: #ff8600;
		box-shadow: none;
		border: 0px solid #555555; border-radius: 0em;
		color: white !important;
		font-family: Arial;
		font-size: 13px;
		text-decoration: none !important; /* removes extra side spacing in IE */
		line-height: 2em;
		cursor: pointer;
	}
	a.teaserbutton:hover {
		background-color: #555555;
		color: white !important;
	}
	a.teaserbutton:active {
		position: relative;
		top: 1px;
	}

}