/* Message Boxes */
.info-box, .success-box, .warning-box, .error-box {
	border: 1px solid #999;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	border-radius: 0.5em;
	margin-bottom: 2em;
	padding: 1em;
}

.success-box {
	border-color: #00B842;
	color: #00B842;
}

.error-box {
	border-color: #dd0000;
	color: #dd0000;
}

.error-box li {
	list-style: inside disc !important;
}

/* Fixierte Bereiche */
.autofixed.fixed {
	position: fixed;
}


/* Pageslide */
#pageslide {
	/* These styles MUST be included. Do not change. */
	display: none;
	position: absolute;
	position: fixed;
	top: 0;
	height: 100%;
	z-index: 999999;
	
	/* Specify the width of your pageslide here */
	width: 242px;
	
	/* These styles are optional, and describe how the pageslide will look */
	background-color: #554136;
	box-shadow: -5px 0 5px 0 rgba(0, 0, 0, 0.4) inset;
	-webkit-box-shadow: -5px 0 5px 0 rgba(0, 0, 0, 0.4) inset;
	-moz-shadow: -5px 0 5px 0 rgba(0, 0, 0, 0.4) inset;
	color: #fff;
	overflow: hidden;
	overflow-y: scroll;
}

#pageslide > #mobilemenu {
	padding: 55px 18px 55px 36px;
	text-align: left;
}

/* Scroll Bar */
#scrollbar {
	position: fixed;
	right: 0;
	top: 50%;
	width: 64px;
	z-index: 20;
}

#scrollbar > div {
	background-color: rgba(210, 202, 181, 0.5);
	background-image: url('../images/icons/sprite.png');
	background-repeat: no-repeat;
	cursor: pointer;
	height: 64px;
	margin-bottom: 2px;
	right: 50px;
	width: 64px;
	z-index: 30;
}
#scrollbar > div:hover, #scrollbar > div.hover {
	background-color: rgba(210, 202, 181, 0.9);
}
#scrollbar > div.invisible, #scrollbar > div.hover.invisible {
	cursor: default;
}

#scrollbar #scrolltop {
	background-position: 16px -1078px;
	color: #1e3465;
	font-size: 12px;
	height: 58px;
	padding-top: 6px;	
	text-align: center;
	text-transform: uppercase;
}
#scrollbar #scrolltop:hover, #scrollbar #scrolltop.hover {
	background-position: 16px -978px;
	color: #1e3465;
}

#scrollbar #scrollup {
	background-position: 16px -1082px;
}
#scrollbar #scrollup:hover, #scrollbar #scrollup.hover {
	background-position: 16px -982px;
}

#scrollbar #scrolldown {
	background-position: 16px -1282px;
}
#scrollbar #scrolldown:hover, #scrollbar #scrolldown.hover  {
	background-position: 16px -1182px;
}

#scrollbar #scrollbottom {
	background-position: 16px -1682px;
}
#scrollbar #scrollbottom:hover, #scrollbar #scrollbottom.hover {
	background-position: 16px -1582px;
}

/* spezifische Anpassungen für die Scroll Bar */
#scrollbar #scrollbottom {
	display: none;
}

#scrollbar #facebook {
    background-image: url('../images/icons/facebook.jpg');
	position: relative;
	right: 0;
}

#scrollbar #facebook a {
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
	position: absolute;
}

/* Autoscroll */
.autoscroll {
	height: 100%;
	position: relative;
}

.autoscroll > *:first-child {
	position: static;
}

.autoscroll.fixed > *:first-child {
	bottom: auto;
	position: static;
	top: auto;
	width: 25%;
}

.autoscroll.fixed.top > *:first-child {
	top: 0;
}

.autoscroll.fixed.bottom > *:first-child {
	bottom: auto;
}

.autoscroll.inside > *:first-child {
	bottom: auto !important;
	position: fixed !important;
	top: 0 !important;
}

/* Fullscreen Iframe */
#fullscreeniframe {
	bottom: 0;
	height: 100%;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	z-index: 1024;
}

/* PageSize Debug-Box */
#pagesize {
	background: rgba(255, 255, 255, 0.5);
	bottom: 0;
	color: rgba(0, 0, 0, 0.5);
	font-size: 120%;
	line-height: 100%;
	min-width: 100px;
	padding: 8px 10px 9px 10px;
	position: fixed;
	right: 0;
	text-align: center;
	z-index: 500;
}

/* Footer-Button */
.followpagefluss #footer-button-container {
	bottom: auto;
}
.footer-button-container {
	display: none;
}

#footer-button {
	background-color: rgba(172, 81, 67, 0.75);
	background-image: url('../images/icons/arrows.png');
	background-position: 104px -3184px;
	background-repeat: no-repeat;
    bottom: 0;
    color: #fff;
    cursor: pointer;
    font-size: 160%;
    font-weight: 700;
    height: 38px;
    line-height: 250%;
    padding-left: 25px;
    position: absolute;
    right: 0;
    text-align: left;
    width: 115px;
}

.noslider #footer-button {
	display: none !important;
}

#footer-button.opened {
	background-position: 104px -3284px;
}

/* Time Picker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 45%; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
.ui-timepicker-rtl dl dt{ float: right; clear: right; }
.ui-timepicker-rtl dl dd { margin: 0 45% 10px 10px; }

/* Tablet */
@media screen and (min-width: 720px) {	
	.autoscroll > *:first-child {
		position: absolute;
	}
	
	.autoscroll.fixed > *:first-child {
		position: fixed;
	}
	
	.autoscroll.fixed.bottom > *:first-child {
		bottom: 0;
	}
}

/* Desktop */
@media screen and (min-width: 960px) {
	#footer-button-container {
		bottom: 64px;
		position: fixed;
	}
}

/* Widescreen */
@media screen and (min-width: 1280px) {
}