/* Resets */
html, body, div, span, h1, h2, h3, h4, h5, h6, a, p, em, strong, b, u, i, 
img, form, label, ul, ol, li, iframe, table, tbody, thead, tr, th, td,
object, blockquote, pre, abbr, address, cite, code, del, dfn, ins, kbd,
q, s, samp, small, sub, sup, var, dl, dt, dd, fieldset, legend, caption,
article, aside, canvas, details, embed, figure, figcaption, footer, header, 
hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	border: 0 none;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
/* HTML5 hack alte Browser */
article, aside, details, figcaption, figure, 
footer, header, hgroup, main, menu, nav, section {
	display: block;
}
/* weitere Resets */
h1, h2, h3, h4, h5, h6 {
	line-height: 1.2;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
input::-moz-focus-inner { /* entfernt unerw�nschten Abstand (z.B. Formular Sendebutton) */
	border: 0;
	padding: 0;
}

/* Grundlegende Angaben */

html, body {
	height: 100%;
}
body {
	background: #F0F0F0;
	color: #000000;
	font: 300 14px/1.6 'Roboto Condensed', sans-serif;
	-webkit-text-size-adjust: none;
}
body > #PageWrapper {
	min-height: 100%;
	padding: 0 0 21px 0;
	position: relative;
}
body > #PageWrapper.load:before {
    background: #FFFFFF;
    background: rgba(255, 255, 255, 0.8);
    content: "";
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;
}
body > #PageWrapper.load:after {
    background: url("/images/preloader.gif") scroll no-repeat left top;
    content: "";
    height: 40px;
    left: 50%;
    margin: -20px 0 0 -20px;
    position: fixed;
    top: 50%;
    width: 40px;
    z-index: 101;
}
a {
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}
a:hover {
	color: #000000;
}
input, textarea, select, button {
	border: 1px solid #CFCFCF;
	border-radius: 0;
	color: inherit;
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
}
input[type='submit'] {
	-webkit-appearance: none;
}
input[type='number'] {
	-webkit-appearance: none;
}
input::-ms-clear {
	display: none;
}
input[type="text"]:disabled {
    background: inherit;
} 
ol, ul {
	list-style: none;
}
.cmsMargin {
	margin: 40px 0;
}
*, *:before, *:after {
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box;
}
.preload * {
	-webkit-transition: none !important;
	-moz-transition: none !important;
	-ms-transition: none !important;
	-o-transition: none !important;
}
a.back {
    background: rgb(93,172,221); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(93,172,221,1) 0%, rgba(24,97,153,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(93,172,221,1)), color-stop(100%,rgba(24,97,153,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(93,172,221,1) 0%,rgba(24,97,153,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(93,172,221,1) 0%,rgba(24,97,153,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(93,172,221,1) 0%,rgba(24,97,153,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(93,172,221,1) 0%,rgba(24,97,153,1) 100%); /* W3C */
    border: 1px solid #105283;
    color: #FFFFFF;
    display: none;
    float: left;
    font-size: 14px;
    line-height: 29px;
    margin: -2px 0 0 -2px;
    padding: 0 10px;
    text-transform: uppercase;
}
a.back:hover {
    background: #2799DB; /* Old browsers */
    background: -moz-linear-gradient(top, #2799db 0%, #186199 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2799db), color-stop(100%,#186199)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #2799db 0%,#186199 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #2799db 0%,#186199 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #2799db 0%,#186199 100%); /* IE10+ */
    background: linear-gradient(to bottom, #2799db 0%,#186199 100%); /* W3C */
}

@media all and (max-width: 900px){

    body {
        font-size: 16px;
    }

}
@media all and (max-width: 700px) {

    a.back {
        display: block;
    }

}

/* Layout - Header */

#HeaderWrapper {
    position: relative;
    z-index: 4;
}
#HeaderWrapper > div.row1 {
	background: rgb(74,86,96); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(74,86,96,1) 0%, rgba(96,111,123,1) 4%, rgba(55,63,71,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(74,86,96,1)), color-stop(4%,rgba(96,111,123,1)), color-stop(100%,rgba(55,63,71,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(74,86,96,1) 0%,rgba(96,111,123,1) 4%,rgba(55,63,71,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(74,86,96,1) 0%,rgba(96,111,123,1) 4%,rgba(55,63,71,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(74,86,96,1) 0%,rgba(96,111,123,1) 4%,rgba(55,63,71,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(74,86,96,1) 0%,rgba(96,111,123,1) 4%,rgba(55,63,71,1) 100%); /* W3C */
    position: relative;
}
#HeaderWrapper > div.row2 {
	background: #41464D; /* Old browsers */
	background: -moz-linear-gradient(top, #41464d 0%, #0f151c 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#41464d), color-stop(100%,#0f151c)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #41464d 0%,#0f151c 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #41464d 0%,#0f151c 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #41464d 0%,#0f151c 100%); /* IE10+ */
	background: linear-gradient(to bottom, #41464d 0%,#0f151c 100%); /* W3C */
	border-top: 1px solid #1C2128;
	-webkit-box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.5);
	box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.5);
    height: 35px;
	position: relative;
}
#HeaderWrapper > div > div {
	height: 100%;
	margin: 0 auto;
	padding: 0 15px;
	position: relative;
}
#HeaderWrapper > div > div:after {
	clear: both;
	content: "";
	display: block;
}

/* Logo */

#HeaderWrapper > div.row1 > div > a {
	display: block;
	float: left;
	padding: 13px 0 15px;
}
#HeaderWrapper > div.row1 > div > a > img {
	display: block;
}

/* Layout - Content */

#ContentWrapper {
	overflow: hidden;
	position: relative;
	width: 100%;
	z-index: 3;
}
#ContentWrapper > div:before {
	clear: both;
	content: "";
	display: block;
	padding: 1px 0 0;
}
#ContentWrapper > div {
	margin: 18px auto;
	padding: 0 15px;
	position: relative;
}
#ContentWrapper > div > aside {
	background: #FFFFFF;
	border: 1px solid #828790;
	float: left;
	min-height: 200px;
	position: relative;
    /*-webkit-transition: all 500ms ease-out;
	-moz-transition: all 500ms ease-out;
	-ms-transition: all 500ms ease-out;
	-o-transition: all 500ms ease-out;
	transition: all 500ms ease-out;*/
	width: 223px;
    z-index: 2;
}
#ContentWrapper > div > aside.hide {
    /*-webkit-transition: all 500ms ease-in;
	-moz-transition: all 500ms ease-in;
	-ms-transition: all 500ms ease-in;
	-o-transition: all 500ms ease-in;
	transition: all 500ms ease-in;*/
    z-index: 1;
}
#ContentWrapper > div > section {
	background: #FFFFFF;
	border: 1px solid #828790;
	min-height: 200px;
	margin: 0 0 0 233px;
	overflow: hidden;
	position: relative;
    /*-webkit-transition: all 500ms ease-in;
	-moz-transition: all 500ms ease-in;
	-ms-transition: all 500ms ease-in;
	-o-transition: all 500ms ease-in;
	transition: all 500ms ease-in;*/
    z-index: 2;
}
#ContentWrapper > div > section.hide {
    /*-webkit-transition: all 500ms ease-out;
	-moz-transition: all 500ms ease-out;
	-ms-transition: all 500ms ease-out;
	-o-transition: all 500ms ease-out;
	transition: all 500ms ease-out;*/
    z-index: 1;
}

@media all and (max-width: 900px){

	#ContentWrapper > div > aside {
        left: 15px;
        position: absolute;
        right: 15px;
        width: auto;
	}
    #ContentWrapper > div > aside.hide {
        opacity: 0;
        right: 100%;
    }
	#ContentWrapper > div > section {
        left: 15px;
        margin-left: 0;
        overflow: visible;
        position: absolute;
        right: 15px;
	}
    #ContentWrapper > div > section.hide {
        left: 100%;
        opacity: 0;
    }

}

/* Layout - Footer */

#FooterWrapper {
	background: rgb(91,105,116); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(91,105,116,1) 0%, rgba(57,65,73,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(91,105,116,1)), color-stop(100%,rgba(57,65,73,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(91,105,116,1) 0%,rgba(57,65,73,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(91,105,116,1) 0%,rgba(57,65,73,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(91,105,116,1) 0%,rgba(57,65,73,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(91,105,116,1) 0%,rgba(57,65,73,1) 100%); /* W3C */
	border-top: 1px solid #373F47;
	bottom: 0;
	color: #FFFFFF;
	height: 21px;
	position: absolute;
	width: 100%;
	z-index: 2;
}
#FooterWrapper > div {
	height: 100%;
	margin: 0 auto;
	padding: 0 15px;
	position: relative;
}
#FooterWrapper > div:after {
	clear: both;
	content: "";
	display: block;
}
#FooterWrapper > div > p.user {
	background: url("/images/imgliststatususer.png") scroll no-repeat left center;
	font-size: 12px;
	font-weight: normal;
	line-height: 20px;
	padding: 0 0 0 25px;
}
#FooterWrapper > div > p.user > span {
	font-weight: bold;
}

/* Men� - Hauptmen� - Desktop */

.mobileTrigger,
.closeMenu {
	display: none;
}
nav.desktop > ul:after {
	clear: both;
	content: "";
	display: block;
}
nav.desktop > ul > li {
	border-right: 1px solid #1C2128;
	float: left;
	position: relative;
}
nav.desktop > ul > li:first-child {
	border-left: 1px solid #1C2128;
}
nav.desktop > ul > li > a {
	border-right: 1px solid #464B52;
	color: #FFFFFF;
	display: block;
	font-size: 15px;
	font-weight: bold;
	padding: 5px 20px;
	position: relative;
	text-shadow: 0 0 2px #000000;
}
nav.desktop > ul > li:first-child > a {
	border-left: 1px solid #464B52;
}
nav.desktop > ul > li.selected > a {
	background: rgb(93,172,221) !important; /* Old browsers */
	background: -moz-linear-gradient(top, rgba(93,172,221,1) 0%, rgba(24,97,153,1) 100%) !important; /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(93,172,221,1)), color-stop(100%,rgba(24,97,153,1))) !important; /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(93,172,221,1) 0%,rgba(24,97,153,1) 100%) !important; /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(93,172,221,1) 0%,rgba(24,97,153,1) 100%) !important; /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(93,172,221,1) 0%,rgba(24,97,153,1) 100%) !important; /* IE10+ */
	background: linear-gradient(to bottom, rgba(93,172,221,1) 0%,rgba(24,97,153,1) 100%) !important; /* W3C */
}
nav.desktop > ul > li:hover > a {
	background: rgb(86,93,102); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(86,93,102,1) 0%, rgba(30,40,53,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(86,93,102,1)), color-stop(100%,rgba(30,40,53,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(86,93,102,1) 0%,rgba(30,40,53,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(86,93,102,1) 0%,rgba(30,40,53,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(86,93,102,1) 0%,rgba(30,40,53,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(86,93,102,1) 0%,rgba(30,40,53,1) 100%); /* W3C */
}

/* Men� - Hauptmen� Mobile */

.mobileTrigger.show {
    background: url("/images/sym_menu.png") scroll no-repeat left center;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    font-size: 16px;
    font-weight: bold;
    line-height: 34px;
    padding: 0 15px 0 30px;
    position: absolute;
    right: 0;
    text-transform: uppercase;
}
.closeMenu:before {
	content: "\E82A";
}
.closeMenu {
	cursor: pointer;
	display: none;
	font-family: "fontello";
	font-size: 20px;
	line-height: 1;
	position: absolute;
	right: 10px;
	top: 10px;
	z-index: 999999;
}
nav.mobile {
	position: absolute;
	right: 0;
	top: 34px;
	width: 100%;
	z-index: 99999;
}
nav.mobile > ul {
	background: rgb(74,86,96); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(74,86,96,1) 0%, rgba(96,111,123,1) 4%, rgba(55,63,71,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(74,86,96,1)), color-stop(4%,rgba(96,111,123,1)), color-stop(100%,rgba(55,63,71,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(74,86,96,1) 0%,rgba(96,111,123,1) 4%,rgba(55,63,71,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(74,86,96,1) 0%,rgba(96,111,123,1) 4%,rgba(55,63,71,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(74,86,96,1) 0%,rgba(96,111,123,1) 4%,rgba(55,63,71,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(74,86,96,1) 0%,rgba(96,111,123,1) 4%,rgba(55,63,71,1) 100%); /* W3C */
	border-bottom: 1px solid #1C2128;
	height: 0;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	width: 100%;
	-webkit-transition: all 300ms ease-in;
	-moz-transition: all 300ms ease-in;
	-ms-transition: all 300ms ease-in;
	-o-transition: all 300ms ease-in;
	transition: all 300ms ease-in;
}
nav.mobile > ul.open {
	height: auto;
	opacity: 1;
	overflow: visible;
	padding: 10px 0;
}
nav.mobile > ul > li > ul {
	display: none;
}
nav.mobile > ul > li > ul.open {
	display: block;
}
nav.mobile > ul > li > ul > li > ul {
	display: none;
}
nav.mobile > ul > li > ul > li > ul.open {
	display: block;
}

/* 1. Ebene */

nav.mobile > ul > li > a {
    border-bottom: 1px solid transparent;
    border-top: 1px solid transparent;
	color: #FFFFFF;
    display: block;
    font-size: 18px;
    font-weight: normal;
    padding: 6px 15px;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.8);
}
nav.mobile > ul > li > a:hover,
nav.mobile > ul > li > a.selected {
	background: rgb(93,172,221); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(93,172,221,1) 0%, rgba(24,97,153,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(93,172,221,1)), color-stop(100%,rgba(24,97,153,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(93,172,221,1) 0%,rgba(24,97,153,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(93,172,221,1) 0%,rgba(24,97,153,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(93,172,221,1) 0%,rgba(24,97,153,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(93,172,221,1) 0%,rgba(24,97,153,1) 100%); /* W3C */
	border-bottom: 1px solid #105283;
    border-top: 1px solid #105283;
}

@media all and (max-width: 600px){

    .mobileTrigger.show {
        top: -57px;
    }

}

/* Layout - Login */

/* Basis */

body.login {
	background: url("/images/bg.png") scroll no-repeat left top;
	background-size: 100% 100%;
}
body.login > #PageWrapper {
	padding-bottom: 0;
}

/* Header */

body.login > #PageWrapper > #HeaderWrapper > div {
	margin: 0 auto;
	max-width: 1200px;
	padding: 20px 20px 0;
}

/* Content */

body.login > #PageWrapper > #ContentWrapper {
	border: 5px solid rgba(255, 255, 255, 0.7);
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.8);
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.8);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
	left: 50%;
	margin: -160px 0 0 -200px;
	position: fixed;
	top: 50%;
	width: 400px;
}
body.login > #PageWrapper > #ContentWrapper > div {
	margin-bottom: 0;
	margin-top: 0;
	padding-left:0;
	padding-right: 0;
}

/* Footer */

body.login > #PageWrapper > #FooterWrapper {
	background: none;
	border-top: 0 none;
	height: 55px;
}
body.login > #PageWrapper > #FooterWrapper > div {
	max-width: 1200px;
	padding: 0 20px;
}
body.login > #PageWrapper > #FooterWrapper > div > p {
	border-top: 1px solid #CFD3D6;
	color: #55626C;
	padding: 6px 0 0;
}
body.login > #PageWrapper > #FooterWrapper > div > p:after {
	clear: both;
	content: "";
	display: block;
}
body.login > #PageWrapper > #FooterWrapper > div > p > span.copyright {
	float: left;
	width: 50%;
}
body.login > #PageWrapper > #FooterWrapper > div > p > span.version {
	float: right;
	text-align: right;
	width: 50%;
}
body.login > #PageWrapper > #FooterWrapper > div > p > span.version > a {
	color: #55626C;
	margin: 0 0 0 32px;
	position: relative;
	text-transform: uppercase;
}
body.login > #PageWrapper > #FooterWrapper > div > p > span.version > a:before {
	background: #CFD3D6;
	content: "";
	display: block;
	height: 20px;
	left: -15px;
	position: absolute;
	top: 0;
	width: 1px;
}

@media all and (max-height: 600px){

    body.login > #PageWrapper > #HeaderWrapper {
        margin-bottom: 20px !important;
    }
    body.login > #PageWrapper > #ContentWrapper {
        margin-bottom: 20px !important;
        margin-top: 0 !important;
        position: relative !important;
    }

}
@media all and (max-width: 600px){

    body.login > #PageWrapper > #HeaderWrapper > div {
        text-align: center;
    }
    body.login > #PageWrapper > #HeaderWrapper > div > a {
        display: inline-block;
    }
    body.login > #PageWrapper > #FooterWrapper > div > p {
        text-align: center;
    }
    body.login > #PageWrapper > #FooterWrapper > div > p > span.copyright {
        display: block;
        float: none;
        width: 100%;
    }
    body.login > #PageWrapper > #FooterWrapper > div > p > span.version {
        display: block;
        float: none;
        text-align: center;
        width: 100%;
    }

}
@media all and (max-width: 450px){

	body.login > #PageWrapper > #ContentWrapper {
		margin: -190px 0 0 -145px;
		width: 290px;
	}

}

/* Men� - Funktionen */

ul.functionMenu {
	float: left;
	margin: 0 0 0 64px;
}
ul.functionMenu:after {
	clear: both;
	content: "";
	display: block;
}
ul.functionMenu > li {
	border-left: 1px solid transparent;
	border-right: 1px solid transparent;
	cursor: pointer;
	display: block;
	float: left;
	height: 78px;
	margin: 0 0 0 -1px;
	position: relative;
	text-align: center;
	width: 65px;
}
ul.functionMenu > li:before {
	background: -moz-linear-gradient(top, rgba(96,111,123,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(96,111,123,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(96,111,123,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(96,111,123,1) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(96,111,123,1) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(96,111,123,1) 0%,rgba(255,255,255,0) 100%); /* W3C */
	content: "";
	display: none;
	height: 40px;
	left: -1px;
	position: absolute;
	right: -2px;
	top: 0;
}
ul.functionMenu > li:after {
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(57,65,73,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(57,65,73,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(57,65,73,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(57,65,73,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(57,65,73,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(57,65,73,1) 100%); /* W3C */
	bottom: 0;
	content: "";
	display: none;
	height: 40px;
	left: -1px;
	position: absolute;
	right: -2px;
}
ul.functionMenu > li:hover {
	background: -moz-linear-gradient(top, rgba(55,63,71,0) 0%, rgba(55,63,71,1) 24%, rgba(55,63,71,1) 75%, rgba(55,63,71,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(55,63,71,0)), color-stop(24%,rgba(55,63,71,1)), color-stop(75%,rgba(55,63,71,1)), color-stop(100%,rgba(55,63,71,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(55,63,71,0) 0%,rgba(55,63,71,1) 24%,rgba(55,63,71,1) 75%,rgba(55,63,71,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(55,63,71,0) 0%,rgba(55,63,71,1) 24%,rgba(55,63,71,1) 75%,rgba(55,63,71,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(55,63,71,0) 0%,rgba(55,63,71,1) 24%,rgba(55,63,71,1) 75%,rgba(55,63,71,0) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(55,63,71,0) 0%,rgba(55,63,71,1) 24%,rgba(55,63,71,1) 75%,rgba(55,63,71,0) 100%); /* W3C */
	border-left: 1px solid #1C2125;
	border-right: 1px solid #1C2125;
	-moz-box-shadow: 1px 0 0 0 rgba(255, 255, 255, 0.5);
	-webkit-box-shadow: 1px 0 0 0 rgba(255, 255, 255, 0.5);
	box-shadow: 1px 0 0 0 rgba(255, 255, 255, 0.5);
}
ul.functionMenu > li:hover:before {
    display: block;
}
ul.functionMenu > li:hover:after {
    display: block;
}
ul.functionMenu > li > a {
	color: #FFFFFF;
	display: block;
	font-size: 11px;
	font-weight: bold;
	line-height: 34px;
	overflow: hidden;
	padding: 44px 0 0;
	position: relative;
	text-indent: -9999px;
	text-overflow: ellipsis;
	text-shadow: 0 0 2px #000000;
	white-space: nowrap;
	z-index: 1;
}
ul.functionMenu > li:hover > a {
	text-indent: 0;
}
ul.functionMenu > li.exit > a {
	background: url("/images/imgexit.png") scroll no-repeat center 21px;
}
ul.functionMenu > li.refresh > a {
	background: url("/images/imgrefresh.png") scroll no-repeat center 21px;
}
ul.functionMenu > li.lock {
	margin-left: 44px;
}
ul.functionMenu > li.lock > a {
	background: url("/images/imglock.png") scroll no-repeat center 19px;
}
ul.functionMenu > li.rate > a {
	background: url("/images/imgrate.png") scroll no-repeat center 19px;
}

@media all and (max-width: 600px){

    ul.functionMenu {
        float: none;
        left: 15px;
        margin-left: 0;
        position: absolute;
        right: 15px;
        top: 79px;
        z-index: 2;
    }
    ul.functionMenu > li {
        height: 33px;
        margin-left: 0;
        width: 40px;
    }
    ul.functionMenu > li:before,
    ul.functionMenu > li:after {
        display: none !important;
    }
    ul.functionMenu > li:hover {
        background: #0f151c; /* Old browsers */
        background: -moz-linear-gradient(top, #0f151c 0%, #41464d 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0f151c), color-stop(100%,#41464d)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #0f151c 0%,#41464d 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #0f151c 0%,#41464d 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #0f151c 0%,#41464d 100%); /* IE10+ */
        background: linear-gradient(to bottom, #0f151c 0%,#41464d 100%); /* W3C */
        box-shadow: none;
    }
    ul.functionMenu > li.lock {
        margin-left: 0;
    }
    ul.functionMenu > li > a {
        line-height: 33px;
        padding-top: 0;
    }
    ul.functionMenu > li.exit > a {
        background-position: center 7px;
        background-size: auto 20px;
    }
    ul.functionMenu > li.refresh > a {
        background-position: center 7px;
        background-size: auto 20px;
    }
    ul.functionMenu > li.lock > a {
        background-position: center 7px;
        background-size: auto 20px;
    }
    ul.functionMenu > li.rate > a {
        background-position: center 7px;
        background-size: auto 20px;
    }
    ul.functionMenu > li:hover > a {
        text-indent: -9999px;
    }

}
@media all and (max-width: 400px){

    ul.functionMenu > li {
        width: 25%;
    }

}

/* Extension - Konfiguration */

/* Men� */

.configMenu > p {
	background: rgb(207,207,207); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(207,207,207,1) 0%, rgba(240,240,240,1) 40%, rgba(240,240,240,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(207,207,207,1)), color-stop(40%,rgba(240,240,240,1)), color-stop(100%,rgba(240,240,240,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(207,207,207,1) 0%,rgba(240,240,240,1) 40%,rgba(240,240,240,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(207,207,207,1) 0%,rgba(240,240,240,1) 40%,rgba(240,240,240,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(207,207,207,1) 0%,rgba(240,240,240,1) 40%,rgba(240,240,240,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(207,207,207,1) 0%,rgba(240,240,240,1) 40%,rgba(240,240,240,1) 100%); /* W3C */
	border-bottom: 1px solid #828790;
	border-top: 1px solid #F0F0F0;
	font-weight: bold;
	line-height: 29px;
	padding: 0 8px;
	position: relative;
	z-index: 3;
}
.configMenu > p:before {
	background: #F0F0F0;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	width: 1px;
}
.configMenu > p:after {
	background: #F0F0F0;
	content: "";
	height: 100%;
	position: absolute;
	right: 0;
	width: 1px;
}
.configMenu > div {
	height: 100%;
	left: 0;
	max-height: 100%;
	overflow: auto;
	padding: 31px 0 0;
	position: absolute;
	top: 0;
	width: 100%;
}
.configMenu > div > ul {
	padding: 10px 0;
}
.configMenu > div > ul > li > a {
	border-bottom: 1px solid transparent;
	border-top: 1px solid transparent;
	display: block;
	font-weight: bold;
	margin: 0 0 -1px;
	padding: 1px 5px 1px 43px;
	position: relative;
    z-index: 1;
}
.configMenu > div > ul > li > a:before {
	background: url("/images/imglistplus.png") scroll no-repeat left center;
	content: "";
	height: 9px;
	left: 5px;
	position: absolute;
	top: 6px;
	width: 9px;
}
.configMenu > div > ul > li > a:after {
	background: url("/images/imglistfolder.png") scroll no-repeat left center;
	content: "";
	height: 16px;
	left: 22px;
	position: absolute;
	top: 3px;
	width: 16px;
}
.configMenu > div > ul > li > a.hoteldata:after {
	background-image: url("/images/imglisthouse.png");
}
.configMenu > div > ul > li > a.interfaces:after {
	background-image: url("/images/imglistinterface.png");
}
.configMenu > div > ul > li > a.report:after {
	background-image: url("/images/imglistclock.png");
}
.configMenu > div > ul > li > a.server:after {
	background-image: url("/images/imglistserver.png");
}
.configMenu > div > ul > li.show > a:before {
	background-image: url("/images/imglistminus.png");
}
.configMenu > div > ul > li:hover > a {
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(230,230,230,1) 53%, rgba(221,221,221,1) 56%, rgba(219,219,219,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(53%,rgba(230,230,230,1)), color-stop(56%,rgba(221,221,221,1)), color-stop(100%,rgba(219,219,219,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(230,230,230,1) 53%,rgba(221,221,221,1) 56%,rgba(219,219,219,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(230,230,230,1) 53%,rgba(221,221,221,1) 56%,rgba(219,219,219,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(230,230,230,1) 53%,rgba(221,221,221,1) 56%,rgba(219,219,219,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(230,230,230,1) 53%,rgba(221,221,221,1) 56%,rgba(219,219,219,1) 100%);
	border-bottom: 1px solid #A0A0A0;
	border-top: 1px solid #A0A0A0;
}
.configMenu > div > ul > li.selected > a {
	background: rgb(93,172,221); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(93,172,221,1) 0%, rgba(24,97,153,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(93,172,221,1)), color-stop(100%,rgba(24,97,153,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(93,172,221,1) 0%,rgba(24,97,153,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(93,172,221,1) 0%,rgba(24,97,153,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(93,172,221,1) 0%,rgba(24,97,153,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(93,172,221,1) 0%,rgba(24,97,153,1) 100%); /* W3C */
	border-bottom: 1px solid #0B4A7A;
	border-top: 1px solid #0B4A7A;
    color: #FFFFFF;
    z-index: 2;
}
.configMenu > div > ul > li > ul {
	display: none;
	margin: 0 0 10px;
}
.configMenu > div > ul > li.show > ul {
	display: block;
}
.configMenu > div > ul > li > ul > li {
	border-bottom: 1px solid transparent;
	border-top: 1px solid transparent;
}
.configMenu > div > ul > li > ul > li:hover {
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(230,230,230,1) 53%, rgba(221,221,221,1) 56%, rgba(219,219,219,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(53%,rgba(230,230,230,1)), color-stop(56%,rgba(221,221,221,1)), color-stop(100%,rgba(219,219,219,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(230,230,230,1) 53%,rgba(221,221,221,1) 56%,rgba(219,219,219,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(230,230,230,1) 53%,rgba(221,221,221,1) 56%,rgba(219,219,219,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(230,230,230,1) 53%,rgba(221,221,221,1) 56%,rgba(219,219,219,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(230,230,230,1) 53%,rgba(221,221,221,1) 56%,rgba(219,219,219,1) 100%); /* W3C */
	border-bottom: 1px solid #A0A0A0;
	border-top: 1px solid #A0A0A0;
}
.configMenu > div > ul > li > ul > li.selected {
	background: rgb(93,172,221); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(93,172,221,1) 0%, rgba(24,97,153,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(93,172,221,1)), color-stop(100%,rgba(24,97,153,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(93,172,221,1) 0%,rgba(24,97,153,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(93,172,221,1) 0%,rgba(24,97,153,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(93,172,221,1) 0%,rgba(24,97,153,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(93,172,221,1) 0%,rgba(24,97,153,1) 100%); /* W3C */
	border-bottom: 1px solid #0B4A7A;
	border-top: 1px solid #0B4A7A;
    z-index: 2;
}
.configMenu > div > ul > li > ul > li > a {
	display: block;
	font-weight: normal;
	padding: 1px 0 1px 33px;
}
.configMenu > div > ul > li > ul > li.selected > a {
    color: #FFFFFF;
}
.configMenu > div > ul > li > ul > li > a:before {
	background: url("/images/imglistkalender.png") scroll no-repeat left center;
	content: "";
	float: left;
	height: 16px;
	margin: 3px 5px 0 0;
	width: 16px;
}
.configMenu > div > ul > li > ul > li.rooms > a:before {
	background-image: url("/images/imglistbed.png");
}
.configMenu > div > ul > li > ul > li.export > a:before {
	background-image: url("/images/imglistexport.png");
}
.configMenu > div > ul > li > ul > li.import > a:before {
	background-image: url("/images/imglistimport.png");
}
.configMenu > div > ul > li > ul > li.allentries > a:before {
	background-image: url("/images/imglistprotocol.png");
}
.configMenu > div > ul > li > ul > li.warnings > a:before {
	background-image: url("/images/imglistwarning.png");
}
.configMenu > div > ul > li > ul > li.errors > a:before {
	background-image: url("/images/imglisterror.png");
}
.configMenu > div > ul > li > ul > li.messages > a:before {
	background-image: url("/images/imglisterrorlog.png");
}

/* �bersicht */

.configOverview > p {
	background: rgb(207,207,207); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(207,207,207,1) 0%, rgba(240,240,240,1) 40%, rgba(240,240,240,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(207,207,207,1)), color-stop(40%,rgba(240,240,240,1)), color-stop(100%,rgba(240,240,240,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(207,207,207,1) 0%,rgba(240,240,240,1) 40%,rgba(240,240,240,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(207,207,207,1) 0%,rgba(240,240,240,1) 40%,rgba(240,240,240,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(207,207,207,1) 0%,rgba(240,240,240,1) 40%,rgba(240,240,240,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(207,207,207,1) 0%,rgba(240,240,240,1) 40%,rgba(240,240,240,1) 100%); /* W3C */
	border-bottom: 1px solid #828790;
	border-top: 1px solid #F0F0F0;
	font-weight: bold;
	line-height: 29px;
	padding: 0 8px;
	position: relative;
	z-index: 2;
}
.configOverview > p:after {
    clear: both;
    content: "";
    display: block;
}
.configOverview > p > a {
    margin-left: -9px;
}
.configOverview > div {
	bottom: 0;
	left: 0;
	max-height: 100%;
	overflow: auto;
	padding: 31px 0 0;
	position: absolute;
	top: 0;
	width: 100%;
}
.configOverview > div > .overview {
	display: table;
	width: 100%;
}
.configOverview > div > .overview > .headline,
.configOverview > div > .overview > .row {
	display: table-row;
}
.configOverview > div > .overview > .headline {
	background: rgb(66,78,92); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(66,78,92,1) 0%, rgba(92,108,127,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(66,78,92,1)), color-stop(100%,rgba(92,108,127,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(66,78,92,1) 0%,rgba(92,108,127,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(66,78,92,1) 0%,rgba(92,108,127,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(66,78,92,1) 0%,rgba(92,108,127,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(66,78,92,1) 0%,rgba(92,108,127,1) 100%); /* W3C */
}
.configOverview > div > .overview > .headline > .column,
.configOverview > div > .overview > .row > .column {
	display: table-cell;
	padding: 2px 10px;
	vertical-align: middle;
}
.configOverview > div > .overview > .headline > .column {
	border-right: 1px solid #828790;
	color: #FFFFFF;
	font-weight: normal;
	padding-bottom: 5px;
	padding-top: 5px;
    width: 50%;
}
.configOverview > div > .overview > .headline > .column:last-child {
	border-right: 0 none;
}
.configOverview > div > .overview > .row {
	background: #FFFFFF;
	cursor: default;
}
.configOverview > div > .overview > .row > .column {
	border-bottom: 1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
}
.configOverview > div > .overview > .row > .column > span.label {
    display: none;
}
.configOverview > div > .overview > .row:nth-child(2n) {
	background: #ECEEF2;
}
.configOverview > div > .overview > .row:nth-child(2n) > .column {
	border-bottom: 1px solid #E1E6F1;
	border-top: 1px solid #E1E6F1;
}
.configOverview > div > .overview > .headline > .column.title,
.configOverview > div > .overview > .row > .column.title {
    font-weight: normal;
}

/* Zimmerkategorien */

.configOverview > div > .overview.rooms > .row > .column.title {
    width: 50%;
}

/* Schnittstellen */

.configOverview > div > .overview.interfaces > .headline > .column.title,
.configOverview > div > .overview.interfaces > .row > .column.title {
    width: 90%;   
}
.configOverview > div > .overview.interfaces > .headline > .column.day,
.configOverview > div > .overview.interfaces > .row > .column.day {
    max-width: 80px;
    min-width: 80px;
    text-align: center;
    width: 80px;
}
.configOverview > div > .overview.interfaces > .headline > .column.week,
.configOverview > div > .overview.interfaces > .row > .column.week {
    max-width: 80px;
    min-width: 80px;
    text-align: center;
    width: 80px;
}
.configOverview > div > .overview.interfaces > .headline > .column.month,
.configOverview > div > .overview.interfaces > .row > .column.month {
    max-width: 80px;
    min-width: 80px;
    text-align: center;
    width: 80px;
}
.configOverview > div > .overview.interfaces > .headline > .column.total,
.configOverview > div > .overview.interfaces > .row > .column.total {
    max-width: 80px;
    min-width: 80px;
    text-align: center;
    width: 80px;
}

/* Protokoll */

.configOverview > div > .overview.protocol > .headline > .column.type,
.configOverview > div > .overview.protocol > .row > .column.type {
    max-width: 50px;
    min-width: 50px;
    text-align: center;
    width: 50px;
}
.configOverview > div > .overview.protocol > .row > .column.type:after {
    content: "";
    display: inline-block;
    height: 16px;
    position: relative;
    top: 3px;
    width: 16px;
}
.configOverview > div > .overview.protocol > .row > .column.type0:after {
    background: url("/images/imglistinfomessages.png") scroll no-repeat left top;
}
.configOverview > div > .overview.protocol > .row > .column.type1:after {
    background: url("/images/imglistwarning.png") scroll no-repeat left top;
}
.configOverview > div > .overview.protocol > .row > .column.type2:after {
    background: url("/images/imglisterror.png") scroll no-repeat left top;
}
.configOverview > div > .overview.protocol > .headline > .column.message,
.configOverview > div > .overview.protocol > .row > .column.message {
    width: 57%;
}
.configOverview > div > .overview.protocol > .row > .column.message {
    font-weight: normal;
}
.configOverview > div > .overview.protocol > .headline > .column.interface,
.configOverview > div > .overview.protocol > .row > .column.interface {
    text-align: center;
    width: 10%;
}
.configOverview > div > .overview.protocol > .headline > .column.hoteltitle,
.configOverview > div > .overview.protocol > .row > .column.hoteltitle {
    text-align: center;
    width: 10%;
}
.configOverview > div > .overview.protocol > .headline > .column.roomtitle,
.configOverview > div > .overview.protocol > .row > .column.roomtitle {
    text-align: center;
    width: 10%;
}
.configOverview > div > .overview.protocol > .headline > .column.date,
.configOverview > div > .overview.protocol > .row > .column.date {
    max-width: 115px;
    min-width: 115px;
    text-align: center;
    width: 115px;
}
.configOverview > div > .overview.protocol > .row > .column.date > span.icon {
	background: url("/images/imglistday.png") no-repeat scroll left top;
	display: inline-block;
	height: 16px;
	margin: 0 5px 0 0;
	position: relative;
	top: 2px;
	width: 16px;
}

/* Server */

.configOverview > div > .overview.server > .headline > .column.type,
.configOverview > div > .overview.server > .row > .column.type {
    max-width: 50px;
    min-width: 50px;
    text-align: center;
    width: 50px;
}
.configOverview > div > .overview.server > .row > .column.type:after {
    content: "";
    display: inline-block;
    height: 16px;
    position: relative;
    top: 3px;
    width: 16px;
}
.configOverview > div > .overview.server > .row > .column.type0:after {
    background: url("/images/imglistgreen.png") scroll no-repeat left top;
}
.configOverview > div > .overview.server > .row > .column.type1:after {
    background: url("/images/imglistinfomessages.png") scroll no-repeat left top;
}
.configOverview > div > .overview.server > .row > .column.type2:after {
    background: url("/images/imglistwarning.png") scroll no-repeat left top;
}
.configOverview > div > .overview.server > .row > .column.type3:after {
    background: url("/images/imglisterror.png") scroll no-repeat left top;
}
.configOverview > div > .overview.server > .row > .column.type4:after {
    background: url("/images/imglisterror.png") scroll no-repeat left top;
}
.configOverview > div > .overview.server > .row > .column.type5:after {
    background: url("/images/imglistinfomessages.png") scroll no-repeat left top;
}
.configOverview > div > .overview.server > .row > .column.type6:after {
    background: url("/images/imglistinfomessages.png") scroll no-repeat left top;
}
.configOverview > div > .overview.server > .headline > .column.message,
.configOverview > div > .overview.server > .row > .column.message {
    width: 70%;
}
.configOverview > div > .overview.server > .row > .column.message {
    font-weight: normal;
}
.configOverview > div > .overview.server > .headline > .column.counter,
.configOverview > div > .overview.server > .row > .column.counter {
    max-width: 90px;
    min-width: 90px;
    text-align: center;
    width: 90px;
}
.configOverview > div > .overview.server > .headline > .column.datefirst,
.configOverview > div > .overview.server > .row > .column.datefirst {
    max-width: 150px;
    min-width: 150px;
    text-align: center;
    width: 150px;
}
.configOverview > div > .overview.server > .row > .column.datefirst > span.icon {
	background: url("/images/imglistday.png") no-repeat scroll left top;
	display: inline-block;
	height: 16px;
	margin: 0 5px 0 0;
	position: relative;
	top: 2px;
	width: 16px;
}
.configOverview > div > .overview.server > .headline > .column.datelast,
.configOverview > div > .overview.server > .row > .column.datelast {
    max-width: 150px;
    min-width: 150px;
    text-align: center;
    width: 150px;
}
.configOverview > div > .overview.server > .row > .column.datelast > span.icon {
	background: url("/images/imglistday.png") no-repeat scroll left top;
	display: inline-block;
	height: 16px;
	margin: 0 5px 0 0;
	position: relative;
	top: 2px;
	width: 16px;
}

@media all and (max-width: 900px){

    .configOverview > div > .overview > .headline {
        display: none;
    }
    .configOverview > div > .overview > .row {
        display: block;
    }
    .configOverview > div > .overview > .headline:after,
    .configOverview > div > .overview > .row:after {
        clear: both;
        content: "";
        display: block;
    }
    .configOverview > div > .overview > .headline > .column, 
    .configOverview > div > .overview > .row > .column {
        display: block;
        max-width: 100% !important;
        min-width: 100% !important;
        text-align: left !important;
        width: 100% !important;
    }
    .configOverview > div > .overview > .row:nth-child(2n) > .column {
        border-bottom: 0 none;
        border-top: 0 none;
    }
    .configOverview > div > .overview > .row > .column > span.label {
        display: inline-block;
        float: left;
        font-weight: bold;
        margin: 0 10px 0 0;
        width: 50%;
    }

}
@media all and (max-width: 700px) {

    .configOverview > p > span.title {
        float: right;
    }

}

/* Extension - Login */

/* Login - Formular */

.loginForm > form {
	background: rgb(74,86,96); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(74,86,96,1) 0%, rgba(96,111,123,1) 4%, rgba(55,63,71,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(74,86,96,1)), color-stop(4%,rgba(96,111,123,1)), color-stop(100%,rgba(55,63,71,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(74,86,96,1) 0%,rgba(96,111,123,1) 4%,rgba(55,63,71,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(74,86,96,1) 0%,rgba(96,111,123,1) 4%,rgba(55,63,71,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(74,86,96,1) 0%,rgba(96,111,123,1) 4%,rgba(55,63,71,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(74,86,96,1) 0%,rgba(96,111,123,1) 4%,rgba(55,63,71,1) 100%); /* W3C */
	padding: 20px;
}
.loginForm > form > a {
	display: block;
	margin: 0 0 15px;
	text-align: center;
}
.loginForm > form > .row {
	margin: 10px 0;
}
.loginForm > form > .row:after {
	clear: both;
	content: "";
	display: block;
}
.loginForm > form > .row > label,
.loginForm > form > .row > p {
	color: #FFFFFF;
	float: left;
	font-size: 16px;
	font-weight: bold;
	line-height: 30px;
	text-shadow: 0 0 2px #000000;
	width: 38%;
}
.loginForm > form > .row > p {
	font-size: 13px;
	font-weight: normal;
	line-height: 22px;
	width: auto;
}
.loginForm > form > .row > .field {
	border: 1px solid #1C2128;
	float: left;
	padding: 5px;
	width: 62%;
}
.loginForm > form > .row.checkbox {
	padding-left: 38%;
}
.loginForm > form > .row.checkbox > input {
	display: none;
}
.loginForm > form > .row.checkbox > input:checked + label {
	background: url("/images/ico_check.png") scroll no-repeat 5px center, #61c261; /* Old browsers */
	background: url("/images/ico_check.png") scroll no-repeat 5px center, -moz-linear-gradient(top, #61c261 0%, #5cba5c 25%, #5cb85c 38%, #56ae56 58%, #54aa54 83%, #51a251 100%); /* FF3.6+ */
	background: url("/images/ico_check.png") scroll no-repeat 5px center, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#61c261), color-stop(25%,#5cba5c), color-stop(38%,#5cb85c), color-stop(58%,#56ae56), color-stop(83%,#54aa54), color-stop(100%,#51a251)); /* Chrome,Safari4+ */
	background: url("/images/ico_check.png") scroll no-repeat 5px center, -webkit-linear-gradient(top, #61c261 0%,#5cba5c 25%,#5cb85c 38%,#56ae56 58%,#54aa54 83%,#51a251 100%); /* Chrome10+,Safari5.1+ */
	background: url("/images/ico_check.png") scroll no-repeat 5px center, -o-linear-gradient(top, #61c261 0%,#5cba5c 25%,#5cb85c 38%,#56ae56 58%,#54aa54 83%,#51a251 100%); /* Opera 11.10+ */
	background: url("/images/ico_check.png") scroll no-repeat 5px center, -ms-linear-gradient(top, #61c261 0%,#5cba5c 25%,#5cb85c 38%,#56ae56 58%,#54aa54 83%,#51a251 100%); /* IE10+ */
	background: url("/images/ico_check.png") scroll no-repeat 5px center, linear-gradient(to bottom, #61c261 0%,#5cba5c 25%,#5cb85c 38%,#56ae56 58%,#54aa54 83%,#51a251 100%); /* W3C */
}
.loginForm > form > .row.checkbox > input:checked + label:before {
	left: 16px;
}
.loginForm > form > .row.checkbox > label {
	background: url("/images/ico_close.png") scroll no-repeat 20px center, #ED5E5A; /* Old browsers */
	background: url("/images/ico_close.png") scroll no-repeat 20px center, -moz-linear-gradient(top, #ed5e5a 0%, #e45752 17%, #e45752 21%, #de524d 29%, #de524d 33%, #da4e49 38%, #da4e49 42%, #ce443e 63%, #ce443e 67%, #c03932 92%, #be3630 100%); /* FF3.6+ */
	background: url("/images/ico_close.png") scroll no-repeat 20px center, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ed5e5a), color-stop(17%,#e45752), color-stop(21%,#e45752), color-stop(29%,#de524d), color-stop(33%,#de524d), color-stop(38%,#da4e49), color-stop(42%,#da4e49), color-stop(63%,#ce443e), color-stop(67%,#ce443e), color-stop(92%,#c03932), color-stop(100%,#be3630)); /* Chrome,Safari4+ */
	background: url("/images/ico_close.png") scroll no-repeat 20px center, -webkit-linear-gradient(top, #ed5e5a 0%,#e45752 17%,#e45752 21%,#de524d 29%,#de524d 33%,#da4e49 38%,#da4e49 42%,#ce443e 63%,#ce443e 67%,#c03932 92%,#be3630 100%); /* Chrome10+,Safari5.1+ */
	background: url("/images/ico_close.png") scroll no-repeat 20px center, -o-linear-gradient(top, #ed5e5a 0%,#e45752 17%,#e45752 21%,#de524d 29%,#de524d 33%,#da4e49 38%,#da4e49 42%,#ce443e 63%,#ce443e 67%,#c03932 92%,#be3630 100%); /* Opera 11.10+ */
	background: url("/images/ico_close.png") scroll no-repeat 20px center, -ms-linear-gradient(top, #ed5e5a 0%,#e45752 17%,#e45752 21%,#de524d 29%,#de524d 33%,#da4e49 38%,#da4e49 42%,#ce443e 63%,#ce443e 67%,#c03932 92%,#be3630 100%); /* IE10+ */
	background: url("/images/ico_close.png") scroll no-repeat 20px center, linear-gradient(to bottom, #ed5e5a 0%,#e45752 17%,#e45752 21%,#de524d 29%,#de524d 33%,#da4e49 38%,#da4e49 42%,#ce443e 63%,#ce443e 67%,#c03932 92%,#be3630 100%); /* W3C */
	border: 1px solid #1C2128;
	cursor: pointer;
	height: 22px;
	margin-right: 10px;
	position: relative;
	width: 34px;
}
.loginForm > form > .row.checkbox > label:before {
	background: #FEFEFE; /* Old browsers */
	background: -moz-linear-gradient(top, #fefefe 0%, #e6e6e6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#e6e6e6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #fefefe 0%,#e6e6e6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #fefefe 0%,#e6e6e6 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #fefefe 0%,#e6e6e6 100%); /* IE10+ */
	background: linear-gradient(to bottom, #fefefe 0%,#e6e6e6 100%); /* W3C */
	content: "";
	height: 20px;
	left: 0;
	position: absolute;
	top: 0;
	-webkit-transition: left 300ms ease-out;
	-moz-transition: left 300ms ease-out;
	-ms-transition: left 300ms ease-out;
	-o-transition: left 300ms ease-out;
	transition: left 300ms ease-out;
	width: 50%;
}
.loginForm > form > .button > input {
	background: rgb(93,172,221); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(93,172,221,1) 0%, rgba(24,97,153,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(93,172,221,1)), color-stop(100%,rgba(24,97,153,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(93,172,221,1) 0%,rgba(24,97,153,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(93,172,221,1) 0%,rgba(24,97,153,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(93,172,221,1) 0%,rgba(24,97,153,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(93,172,221,1) 0%,rgba(24,97,153,1) 100%); /* W3C */
	border: 1px solid #105283;
	color: #FFFFFF;
	cursor: pointer;
	display: block;
	font-size: 15px;
	font-weight: bold;
	margin: 10px 0 0;
	padding: 8px 20px;
	position: relative;
	text-shadow: 0 0 2px #000000;
	width: 100%;
}
.loginForm > form > .button > input:hover {
	background: #2799DB; /* Old browsers */
	background: -moz-linear-gradient(top, #2799db 0%, #186199 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2799db), color-stop(100%,#186199)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #2799db 0%,#186199 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #2799db 0%,#186199 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #2799db 0%,#186199 100%); /* IE10+ */
	background: linear-gradient(to bottom, #2799db 0%,#186199 100%); /* W3C */
}
.loginForm > p.msg {
    font-weight: normal;
    margin: 1px 0 0;
    padding: 7px 20px;
    text-align: center;
 
}
.loginForm > p.msg.error {
    background: #ED5E5A; /* Old browsers */
	background: -moz-linear-gradient(top, #ed5e5a 0%, #e45752 17%, #e45752 21%, #de524d 29%, #de524d 33%, #da4e49 38%, #da4e49 42%, #ce443e 63%, #ce443e 67%, #c03932 92%, #be3630 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ed5e5a), color-stop(17%,#e45752), color-stop(21%,#e45752), color-stop(29%,#de524d), color-stop(33%,#de524d), color-stop(38%,#da4e49), color-stop(42%,#da4e49), color-stop(63%,#ce443e), color-stop(67%,#ce443e), color-stop(92%,#c03932), color-stop(100%,#be3630)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ed5e5a 0%,#e45752 17%,#e45752 21%,#de524d 29%,#de524d 33%,#da4e49 38%,#da4e49 42%,#ce443e 63%,#ce443e 67%,#c03932 92%,#be3630 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ed5e5a 0%,#e45752 17%,#e45752 21%,#de524d 29%,#de524d 33%,#da4e49 38%,#da4e49 42%,#ce443e 63%,#ce443e 67%,#c03932 92%,#be3630 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ed5e5a 0%,#e45752 17%,#e45752 21%,#de524d 29%,#de524d 33%,#da4e49 38%,#da4e49 42%,#ce443e 63%,#ce443e 67%,#c03932 92%,#be3630 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ed5e5a 0%,#e45752 17%,#e45752 21%,#de524d 29%,#de524d 33%,#da4e49 38%,#da4e49 42%,#ce443e 63%,#ce443e 67%,#c03932 92%,#be3630 100%); /* W3C */
    color: #FFFFFF;
    text-shadow: 0 0 2px #000000;
}

@media all and (max-width: 450px){

	.loginForm > form > .row > label {
		display: block;
		float: none;
		width: 100%;
	}
	.loginForm > form > .row > .field {
		float: none;
		width: 100%;
	}
	.loginForm > form > .row.checkbox {
		padding-left: 0;
	}
	.loginForm > form > .row.checkbox > label {
		float: left;
	}

}

/* Extension - Raten und Verf�gbarkeiten */

/* Liste - Zimmer */

.roomList > p {
	background: rgb(207,207,207); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(207,207,207,1) 0%, rgba(240,240,240,1) 40%, rgba(240,240,240,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(207,207,207,1)), color-stop(40%,rgba(240,240,240,1)), color-stop(100%,rgba(240,240,240,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(207,207,207,1) 0%,rgba(240,240,240,1) 40%,rgba(240,240,240,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(207,207,207,1) 0%,rgba(240,240,240,1) 40%,rgba(240,240,240,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(207,207,207,1) 0%,rgba(240,240,240,1) 40%,rgba(240,240,240,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(207,207,207,1) 0%,rgba(240,240,240,1) 40%,rgba(240,240,240,1) 100%); /* W3C */
	border-bottom: 1px solid #828790;
	border-top: 1px solid #F0F0F0;
	font-weight: bold;
	line-height: 29px;
	padding: 0 8px;
	position: relative;
	z-index: 3;
}
.roomList > p:before {
	background: #F0F0F0;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	width: 1px;
}
.roomList > p:after {
	background: #F0F0F0;
	content: "";
	height: 100%;
	position: absolute;
	right: 0;
	width: 1px;
}
.roomList > div {
	height: 100%;
	left: 0;
	max-height: 100%;
	overflow: auto;
	padding: 31px 0 0;
	position: absolute;
	top: 0;
	width: 100%;
}
.roomList > div > ul > li {
	border-bottom: 1px solid transparent;
	border-top: 1px solid transparent;
	line-height: 43px;
	margin: -1px 0 0 0;
	position: relative;
    z-index: 1;
}
.roomList > div > ul > li.var {
    line-height: 1.2;
}
.roomList > div > ul > li > a {
	padding: 0 10px 0 40px;
    position: relative;
}
.roomList > div > ul > li.var > a {
	padding: 6px 10px 6px 40px;
}
.roomList > div > ul > li > a:before {
	background: url("/images/imglistbeds.png") scroll no-repeat left top;
	content: "";
	height: 24px;
	left: 8px;
	margin: -12px 0 0;
	position: absolute;
	top: 50%;
	width: 24px;
}
.roomList > div > ul > li:hover {
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(230,230,230,1) 53%, rgba(221,221,221,1) 56%, rgba(219,219,219,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(53%,rgba(230,230,230,1)), color-stop(56%,rgba(221,221,221,1)), color-stop(100%,rgba(219,219,219,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(230,230,230,1) 53%,rgba(221,221,221,1) 56%,rgba(219,219,219,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(230,230,230,1) 53%,rgba(221,221,221,1) 56%,rgba(219,219,219,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(230,230,230,1) 53%,rgba(221,221,221,1) 56%,rgba(219,219,219,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(230,230,230,1) 53%,rgba(221,221,221,1) 56%,rgba(219,219,219,1) 100%); /* W3C */
	border-bottom: 1px solid #A0A0A0;
	border-top: 1px solid #A0A0A0;
}
.roomList > div > ul > li.selected {
	background: rgb(93,172,221); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(93,172,221,1) 0%, rgba(24,97,153,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(93,172,221,1)), color-stop(100%,rgba(24,97,153,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(93,172,221,1) 0%,rgba(24,97,153,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(93,172,221,1) 0%,rgba(24,97,153,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(93,172,221,1) 0%,rgba(24,97,153,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(93,172,221,1) 0%,rgba(24,97,153,1) 100%); /* W3C */
	border-bottom: 1px solid #0B4A7A;
	border-top: 1px solid #0B4A7A;
    z-index: 2;
}
.roomList > div > ul > li > a {
	display: block;
}
.roomList > div > ul > li.selected > a {
    color: #FFFFFF;
}
.roomList > div > ul > li > a > span {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.roomList > div > ul > li > a > span.title {
	font-weight: normal;
}
.roomList > div > ul > li > a > span.addition {
	background: url("/images/imglistlink.png") scroll no-repeat left center;
	font-size: 12px;
	font-weight: 300;
	margin: 1px 0 0;
	padding: 0 0 0 18px;
}

/*@media all and (max-width: 990px){

    .roomList > div {
        left: auto;
        overflow: auto !important;
        padding-top: 0;
        position: relative;
        top: auto;
    }

}*/

/* �bersicht - Raten und Verf�gbarkeiten */

/* Kalender */

.availabilityOverview > ul.calendar {
	background: rgb(207,207,207); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(207,207,207,1) 0%, rgba(240,240,240,1) 40%, rgba(240,240,240,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(207,207,207,1)), color-stop(40%,rgba(240,240,240,1)), color-stop(100%,rgba(240,240,240,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(207,207,207,1) 0%,rgba(240,240,240,1) 40%,rgba(240,240,240,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(207,207,207,1) 0%,rgba(240,240,240,1) 40%,rgba(240,240,240,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(207,207,207,1) 0%,rgba(240,240,240,1) 40%,rgba(240,240,240,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(207,207,207,1) 0%,rgba(240,240,240,1) 40%,rgba(240,240,240,1) 100%); /* W3C */
	border-bottom: 1px solid #828790;
	border-top: 1px solid #F0F0F0;
	display: table;
	line-height: 28px;
	padding: 0 10px;
	position: relative;
	width: 100%;
	z-index: 2;
}
.availabilityOverview > ul.calendar > li {
	border-left: 1px solid transparent;
	border-right: 1px solid transparent;
	cursor: pointer;
	display: table-cell;
	margin: 0 0 0 -1px;
    position: relative;
	text-align: center;
    z-index: 1;
}
.availabilityOverview > ul.calendar > li:hover {
	background: rgb(216,216,216); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(216,216,216,1) 0%, rgba(211,211,211,1) 45%, rgba(244,244,244,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(216,216,216,1)), color-stop(45%,rgba(211,211,211,1)), color-stop(100%,rgba(244,244,244,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(216,216,216,1) 0%,rgba(211,211,211,1) 45%,rgba(244,244,244,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(216,216,216,1) 0%,rgba(211,211,211,1) 45%,rgba(244,244,244,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(216,216,216,1) 0%,rgba(211,211,211,1) 45%,rgba(244,244,244,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(216,216,216,1) 0%,rgba(211,211,211,1) 45%,rgba(244,244,244,1) 100%); /* W3C */
	border-left: 1px solid #B6B6B6;
	border-right: 1px solid #B6B6B6;
}
.availabilityOverview > ul.calendar > li.selected {
	background: rgb(93,172,221); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(93,172,221,1) 0%, rgba(24,97,153,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(93,172,221,1)), color-stop(100%,rgba(24,97,153,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(93,172,221,1) 0%,rgba(24,97,153,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(93,172,221,1) 0%,rgba(24,97,153,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(93,172,221,1) 0%,rgba(24,97,153,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(93,172,221,1) 0%,rgba(24,97,153,1) 100%); /* W3C */
	border-left: 1px solid #0B4A7A;
	border-right: 1px solid #0B4A7A;
    z-index: 2;
}
.availabilityOverview > ul.calendar > li.selected:before {
    background: #A7D4EF;
	border-left: 1px solid #0B4A7A;
	border-right: 1px solid #0B4A7A;
    content: "";
    height: 1px;
    left: -1px;
    position: absolute;
    right: -1px;
    top: -1px;
}
.availabilityOverview > ul.calendar > li.selected:after {
    background: #0B4A7A;
	border-left: 1px solid #0B4A7A;
	border-right: 1px solid #0B4A7A;
    bottom: -1px;
    content: "";
    height: 1px;
    left: -1px;
    position: absolute;
    right: -1px;
}
.availabilityOverview > ul.calendar > li > a {
    display: block;
	font-weight: normal;
    padding: 0 5px;
}
.availabilityOverview > ul.calendar > li.selected > a {
    color: #FFFFFF;
}
.availabilityOverview > ul.calendar > li > a > span {
	font-size: 13px;
	font-weight: 300;
}
.availabilityOverview > .select {
    background: rgb(207,207,207); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(207,207,207,1) 0%, rgba(240,240,240,1) 40%, rgba(240,240,240,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(207,207,207,1)), color-stop(40%,rgba(240,240,240,1)), color-stop(100%,rgba(240,240,240,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(207,207,207,1) 0%,rgba(240,240,240,1) 40%,rgba(240,240,240,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(207,207,207,1) 0%,rgba(240,240,240,1) 40%,rgba(240,240,240,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(207,207,207,1) 0%,rgba(240,240,240,1) 40%,rgba(240,240,240,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(207,207,207,1) 0%,rgba(240,240,240,1) 40%,rgba(240,240,240,1) 100%); /* W3C */
	border-bottom: 1px solid #828790;
	border-top: 1px solid #F0F0F0;
    display: none;
    height: 30px;
    padding: 0 1px;
    position: relative;
    text-align: right;
    z-index: 1;
}
.availabilityOverview > .select > select {
    border: 0 none;
    border-left: 1px solid #B6B6B6;
    display: inline-block;
    height: 27px;
    line-height: 25px;
    margin: 0;
    padding: 0 0 0 5px;
    position: relative;
    width: 80px;
    z-index: 2;
}

/* �bersicht */

.availabilityOverview > div.content {
	bottom: 0;
	left: 0;
	max-height: 100%;
	overflow: auto;
	padding: 30px 0 0;
	position: absolute;
	top: 0;
	width: 100%;
}
.availabilityOverview.changeBar > div.content {
	bottom: 107px;
}
.availabilityOverview > div.content > .overview {
	display: table;
	width: 100%;
}
.availabilityOverview > div.content > .overview > .headline,
.availabilityOverview > div.content > .overview > .row {
	display: table-row;
}
.availabilityOverview > div.content > .overview > .headline {
	background: rgb(66,78,92); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(66,78,92,1) 0%, rgba(92,108,127,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(66,78,92,1)), color-stop(100%,rgba(92,108,127,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(66,78,92,1) 0%,rgba(92,108,127,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(66,78,92,1) 0%,rgba(92,108,127,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(66,78,92,1) 0%,rgba(92,108,127,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(66,78,92,1) 0%,rgba(92,108,127,1) 100%); /* W3C */
}
.availabilityOverview > div.content > .overview > .headline > .column,
.availabilityOverview > div.content > .overview > .row > .column {
	display: table-cell;
	padding: 2px 10px;
	vertical-align: middle;
}
.availabilityOverview > div.content > .overview > .headline > .column {
	border-right: 1px solid #828790;
	color: #FFFFFF;
	font-weight: normal;
	padding-bottom: 5px;
	padding-top: 5px;
}
.availabilityOverview > div.content > .overview > .headline > .column:last-child {
	border-right: 0 none;
}
.availabilityOverview > div.content > .overview > .row {
	background: #F1F5FA;
	cursor: default;
}
.availabilityOverview > div.content > .overview > .row.var1 {
	background: #D9E3F2;
}
.availabilityOverview > div.content > .overview > .row.var2 {
	background: #9DB4D6;
}
.availabilityOverview > div.content > .overview > .row > .column {
	border-bottom: 1px solid #E1E6f1;
	border-top: 1px solid #FFFFFF;
}
.availabilityOverview > div.content > .overview > .row > .column > span.label {
    display: none;
}
.availabilityOverview > div.content > .overview > .headline > .column.date,
.availabilityOverview > div.content > .overview > .row > .column.date {
	max-width: 115px;
    min-width: 115px;
    text-align: center;
    width: 115px;
}
.availabilityOverview > div.content > .overview > .row > .column.date > span.icon {
	background: url("/images/imglistday.png") no-repeat scroll left top;
	display: inline-block;
	height: 16px;
	margin: 0 5px 0 0;
	position: relative;
	top: 2px;
	width: 16px;
}
.availabilityOverview > div.content > .overview > .headline > .column.day,
.availabilityOverview > div.content > .overview > .row > .column.day {
	max-width: 50px;
    min-width: 50px;
    text-align: center;
    width: 50px;
}
.availabilityOverview > div.content > .overview > .headline > .column.day > span,
.availabilityOverview > div.content > .overview > .row > .column.day > span {
	background: rgb(253,253,254); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(253,253,254,1) 0%, rgba(239,239,246,1) 31%, rgba(238,238,244,1) 38%, rgba(232,232,239,1) 46%, rgba(221,221,228,1) 54%, rgba(232,232,235,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(253,253,254,1)), color-stop(31%,rgba(239,239,246,1)), color-stop(38%,rgba(238,238,244,1)), color-stop(46%,rgba(232,232,239,1)), color-stop(54%,rgba(221,221,228,1)), color-stop(100%,rgba(232,232,235,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(253,253,254,1) 0%,rgba(239,239,246,1) 31%,rgba(238,238,244,1) 38%,rgba(232,232,239,1) 46%,rgba(221,221,228,1) 54%,rgba(232,232,235,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(253,253,254,1) 0%,rgba(239,239,246,1) 31%,rgba(238,238,244,1) 38%,rgba(232,232,239,1) 46%,rgba(221,221,228,1) 54%,rgba(232,232,235,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(253,253,254,1) 0%,rgba(239,239,246,1) 31%,rgba(238,238,244,1) 38%,rgba(232,232,239,1) 46%,rgba(221,221,228,1) 54%,rgba(232,232,235,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(253,253,254,1) 0%,rgba(239,239,246,1) 31%,rgba(238,238,244,1) 38%,rgba(232,232,239,1) 46%,rgba(221,221,228,1) 54%,rgba(232,232,235,1) 100%); /* W3C */
	border: 1px solid #828790;
	color: #000000 !important;
	display: inline-block;
	font-size: 12px;
	font-weight: normal;
	line-height: 19px;
	position: relative;
	text-align: center;
	top: -1px;
	width: 24px;
}
.availabilityOverview > div.content > .overview > .row.var1 > .column.day > span,
.availabilityOverview > div.content > .overview > .row.var2 > .column.day > span {
	color: #800000 !important;
}
.availabilityOverview > div.content > .overview > .headline > .column.number,
.availabilityOverview > div.content > .overview > .row > .column.number {
	max-width: 90px;
    min-width: 90px;
    text-align: center;
    width: 90px;
}
.availabilityOverview > div.content > .overview > .headline > .column.occupancy,
.availabilityOverview > div.content > .overview > .row > .column.occupancy {
	max-width: 90px;
    min-width: 90px;
    text-align: center;
    width: 90px;
}
.availabilityOverview > div.content > .overview > .headline > .column.available,
.availabilityOverview > div.content > .overview > .row > .column.available {
	max-width: 90px;
    min-width: 90px;
    text-align: center;
    width: 90px;
}
.availabilityOverview > div.content > .overview > .row > .column.available > span.closed {
	background: url("/images/imglistdeleted.png") no-repeat scroll left top;
	display: inline-block;
	height: 16px;
	margin: 0 5px 0 0;
	position: relative;
	top: 2px;
	width: 16px;
}
.availabilityOverview > div.content > .overview > .row > .column.available > span.value {
	font-weight: bold;
}
.availabilityOverview > div.content > .overview > .headline > .column.percent,
.availabilityOverview > div.content > .overview > .row > .column.percent {
	max-width: 125px;
    min-width: 125px;
    text-align: center;
    width: 125px;
}
.availabilityOverview > div.content > .overview > .row > .column.percent > span.bar {
	background: #FFFFFF;
	border: 1px solid #828790;
	display: inline-block;
	height: 12px;
	position: relative;
	top: 1px;
	width: 50px;
}
.availabilityOverview > div.content > .overview > .row > .column.percent > span.bar > span {
	background: #BFC2C8;
	content: "";
	height: 10px;
	position: absolute;
	left: 0;
	top: 0;
    -webkit-transition: all 400ms ease-in;
    -moz-transition: all 400ms ease-in;
    -ms-transition: all 400ms ease-in;
    -o-transition: all 400ms ease-in;
    transition: all 400ms ease-in;
	width: 0;
}
.availabilityOverview > div.content > .overview > .row > .column.percent > span.bar.green {
	border: 1px solid #4F6128;
}
.availabilityOverview > div.content > .overview > .row > .column.percent > span.bar.green > span {
	background: #C3D69B;
}
.availabilityOverview > div.content > .overview > .row > .column.percent > span.bar.orange {
	border: 1px solid #974806;
}
.availabilityOverview > div.content > .overview > .row > .column.percent > span.bar.orange > span {
	background: #FAC08F;
}
.availabilityOverview > div.content > .overview > .row > .column.percent > span.bar.red {
	border: 1px solid #632423;
}
.availabilityOverview > div.content > .overview > .row > .column.percent > span.bar.red > span {
	background: #D99694;
}
.availabilityOverview > div.content > .overview > .headline > .column.percent > span.value,
.availabilityOverview > div.content > .overview > .row > .column.percent > span.value {
	display: inline-block;
    margin: 0 0 0 5px;
    width: 35px;
}
.availabilityOverview > div.content > .overview > .headline > .column.bestavailrate,
.availabilityOverview > div.content > .overview > .row > .column.bestavailrate {
	max-width: 150px;
    min-width: 150px;
    text-align: center;
    width: 150px;
}
.availabilityOverview > div.content > .overview > .row > .column.bestavailrate > span.arrow {
	display: inline-block;
	height: 16px;
	margin: 0 5px 0 0;
	position: relative;
	top: 2px;
	width: 16px;
    display: none;
}
.availabilityOverview > div.content > .overview > .row > .column.bestavailrate > span.arrow.down {
	background: url("/images/imglistdown.png") scroll no-repeat center center;
}
.availabilityOverview > div.content > .overview > .row > .column.bestavailrate > span.arrow.equal {
	background: url("/images/imglistequal.png") scroll no-repeat center center;
}
.availabilityOverview > div.content > .overview > .row > .column.bestavailrate > span.arrow.up {
	background: url("/images/imglistup.png") scroll no-repeat center center;
}
.availabilityOverview > div.content > .overview > .row > .column.bestavailrate > span.value {
	background: url("/images/imglistbgbluecheck.png") scroll no-repeat 3px center rgb(67,115,174); /* Old browsers */
	background: url("/images/imglistbgbluecheck.png") scroll no-repeat 3px center, -moz-linear-gradient(top, rgba(67,115,174,1) 0%, rgba(41,85,138,1) 100%); /* FF3.6+ */
	background: url("/images/imglistbgbluecheck.png") scroll no-repeat 3px center, -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(67,115,174,1)), color-stop(100%,rgba(41,85,138,1))); /* Chrome,Safari4+ */
	background: url("/images/imglistbgbluecheck.png") scroll no-repeat 3px center, -webkit-linear-gradient(top, rgba(67,115,174,1) 0%,rgba(41,85,138,1) 100%); /* Chrome10+,Safari5.1+ */
	background: url("/images/imglistbgbluecheck.png") scroll no-repeat 3px center, -o-linear-gradient(top, rgba(67,115,174,1) 0%,rgba(41,85,138,1) 100%); /* Opera 11.10+ */
	background: url("/images/imglistbgbluecheck.png") scroll no-repeat 3px center, -ms-linear-gradient(top, rgba(67,115,174,1) 0%,rgba(41,85,138,1) 100%); /* IE10+ */
	background: url("/images/imglistbgbluecheck.png") scroll no-repeat 3px center, linear-gradient(to bottom, rgba(67,115,174,1) 0%,rgba(41,85,138,1) 100%); /* W3C */
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	color: #FFFFFF;
	font-weight: normal;
	line-height: 25px;
	padding: 1px 10px 1px 25px;
}
.availabilityOverview > div.content > .overview > .row > .column.bestavailrate > span.down + span.value,
.availabilityOverview > div.content > .overview > .row > .column.bestavailrate > span.up + span.value {
	background: url("/images/imglistbgredcheck.png") scroll no-repeat 3px center rgb(198,9,9); /* Old browsers */
	background: url("/images/imglistbgredcheck.png") scroll no-repeat 3px center, -moz-linear-gradient(top, rgba(198,9,9,1) 0%, rgba(143,5,5,1) 100%); /* FF3.6+ */
	background: url("/images/imglistbgredcheck.png") scroll no-repeat 3px center, -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(198,9,9,1)), color-stop(100%,rgba(143,5,5,1))); /* Chrome,Safari4+ */
	background: url("/images/imglistbgredcheck.png") scroll no-repeat 3px center, -webkit-linear-gradient(top, rgba(198,9,9,1) 0%,rgba(143,5,5,1) 100%); /* Chrome10+,Safari5.1+ */
	background: url("/images/imglistbgredcheck.png") scroll no-repeat 3px center, -o-linear-gradient(top, rgba(198,9,9,1) 0%,rgba(143,5,5,1) 100%); /* Opera 11.10+ */
	background: url("/images/imglistbgredcheck.png") scroll no-repeat 3px center, -ms-linear-gradient(top, rgba(198,9,9,1) 0%,rgba(143,5,5,1) 100%); /* IE10+ */
	background: url("/images/imglistbgredcheck.png") scroll no-repeat 3px center, linear-gradient(to bottom, rgba(198,9,9,1) 0%,rgba(143,5,5,1) 100%); /* W3C */
}
.availabilityOverview > div.content > .overview > .headline > .column.conditions,
.availabilityOverview > div.content > .overview > .row > .column.conditions {
	max-width: 120px;
    min-width: 120px;
    text-align: center;
    width: 120px;
}
.availabilityOverview > div.content > .overview > .row > .column.conditions > span.icon {
	display: inline-block;
	height: 14px;
	position: relative;
	top: 2px;
	width: 14px;
}
.availabilityOverview > div.content > .overview > .row > .column.conditions > span.icon.closed {
	background: url("/images/imglistcancel.png") scroll no-repeat left top;
}
.availabilityOverview > div.content > .overview > .row > .column.conditions > span.value {
	background: rgb(229,198,236); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(229,198,236,1) 0%, rgba(229,198,236,1) 25%, rgba(199,155,220,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(229,198,236,1)), color-stop(25%,rgba(229,198,236,1)), color-stop(100%,rgba(199,155,220,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(229,198,236,1) 0%,rgba(229,198,236,1) 25%,rgba(199,155,220,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(229,198,236,1) 0%,rgba(229,198,236,1) 25%,rgba(199,155,220,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(229,198,236,1) 0%,rgba(229,198,236,1) 25%,rgba(199,155,220,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(229,198,236,1) 0%,rgba(229,198,236,1) 25%,rgba(199,155,220,1) 100%); /* W3C */
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	display: inline-block;
	line-height: 20px;
	margin: 0 8px;
	text-align: center;
	width: 27px;
}
.availabilityOverview > div.content > .overview > .headline > .column.updatestate,
.availabilityOverview > div.content > .overview > .row > .column.updatestate {
    text-align: right;
}
.availabilityOverview > div.content > .overview > .row > .column.updatestate:after {
    content: "";
    display: inline-block;
    height: 16px;
    position: relative;
    top: 3px;
    width: 16px;
}
.availabilityOverview > div.content > .overview > .row > .column.updatestate.sync:after {
    background: url("/images/imglistsync.png") scroll no-repeat left top;
}
.availabilityOverview > div.content > .overview > .row > .column.updatestate.update:after {
    background: url("/images/imglistupdate.png") scroll no-repeat left top;
}
.availabilityOverview > div.content > .overview > .row > a.detail {
    display: none;
}

@media all and (max-width: 900px){

    /* �bersicht */

    .availabilityOverview > .select {
        display: block;
    }
    .availabilityOverview > ul.calendar {
        display: none;
    }
    .availabilityOverview > div.content {
        padding-top: 31px !important;
    }
    .availabilityOverview > div.content > .overview > .headline, 
    .availabilityOverview > div.content > .overview > .row {
        display: block;
    }
    .availabilityOverview > div.content > .overview > .headline:after,
    .availabilityOverview > div.content > .overview > .row:after {
        clear: both;
        content: "";
        display: block;
    }
    .availabilityOverview > div.content > .overview > .headline > .column, 
    .availabilityOverview > div.content > .overview > .row > .column {
        display: block;
        float: left;
    }
    .availabilityOverview > div.content > .overview > .row > .column {
        border-bottom: 0 none;
        border-top: 0 none;
    }
    .availabilityOverview > div.content > .overview > .row.var2 > .column {
        border-bottom: 0 none;
    }
    .availabilityOverview > div.content > .overview > .row > .column > span.label {
        display: inline-block;
        float: left;
        font-weight: bold;
        margin: 0 10px 0 0;
        width: 50%;
    }
    .availabilityOverview > div.content > .overview > .headline > .column.date,
    .availabilityOverview > div.content > .overview > .row > .column.date {
        max-width: 33.3333333% !important;
        min-width: 33.3333333% !important;
        text-align: center !important;
        width: 33.3333333% !important;
    }
    .availabilityOverview > div.content > .overview > .row > .column.date > span.icon {
        display: none;
    }
    .availabilityOverview > div.content > .overview > .headline > .column.day,
    .availabilityOverview > div.content > .overview > .row > .column.day {
        display: none !important;
        max-width: 33.3333333% !important;
        min-width: 33.3333333% !important;
        text-align: center !important;
        width: 33.3333333% !important;
    }
    .availabilityOverview > div.content > .overview > .headline > .column.available,
    .availabilityOverview > div.content > .overview > .row > .column.available {
        max-width: 33.3333333% !important;
        min-width: 33.3333333% !important;
        text-align: center !important;
        width: 33.3333333% !important;
    }
    .availabilityOverview > div.content > .overview > .row > .column.available > span.label {
        display: none;
    }
    .availabilityOverview > div.content > .overview > .headline > .column.bestavailrate,
    .availabilityOverview > div.content > .overview > .row > .column.bestavailrate {
        max-width: 33.3333333% !important;
        min-width: 33.3333333% !important;
        text-align: center !important;
        width: 33.3333333% !important;
    }
    .availabilityOverview > div.content > .overview > .row > .column.bestavailrate > span.label {
        display: none;
    }
    .availabilityOverview > div.content > .overview > .row > .column.bestavailrate > span.arrow {
        display: none;
    }
    .availabilityOverview > div.content > .overview > .headline > .column.number,
    .availabilityOverview > div.content > .overview > .row > .column.number {
        display: none;
    }
    .availabilityOverview > div.content > .overview > .headline > .column.occupancy,
    .availabilityOverview > div.content > .overview > .row > .column.occupancy {
        display: none;
    }
    .availabilityOverview > div.content > .overview > .headline > .column.percent,
    .availabilityOverview > div.content > .overview > .row > .column.percent {
        display: none;
    }
    .availabilityOverview > div.content > .overview > .headline > .column.conditions,
    .availabilityOverview > div.content > .overview > .row > .column.conditions {
        display: none;
    }
    .availabilityOverview > div.content > .overview > .headline > .column.updatestate,
    .availabilityOverview > div.content > .overview > .row > .column.updatestate {
        display: none;
    }
    .availabilityOverview > div.content > .overview > .headline > .column.updatestate, 
    .availabilityOverview > div.content > .overview > .row > .column.updatestate {
        text-align: center !important;
    }
    .availabilityOverview > div.content > .overview > .row.ui-selected > .column.date,
    .availabilityOverview > div.content > .overview > .row.ui-selected > .column.day,
    .availabilityOverview > div.content > .overview > .row.ui-selected > .column.number,
    .availabilityOverview > div.content > .overview > .row.ui-selected > .column.occupancy,
    .availabilityOverview > div.content > .overview > .row.ui-selected > .column.available,
    .availabilityOverview > div.content > .overview > .row.ui-selected > .column.percent,
    .availabilityOverview > div.content > .overview > .row.ui-selected > .column.bestavailrate,
    .availabilityOverview > div.content > .overview > .row.ui-selected > .column.conditions,
    .availabilityOverview > div.content > .overview > .row.ui-selected > .column.updatestate {
        display: block !important;
        max-width: 100% !important;
        min-width: 100% !important;
        text-align: left !important;
        width: 100% !important;
    }
    .availabilityOverview > div.content > .overview > .row.ui-selected > .column.date > span.icon {
        display: inline-block;
    }
    .availabilityOverview > div.content > .overview > .row.ui-selected > .column.available > span.label {
        display: inline-block;
    }
    .availabilityOverview > div.content > .overview > .row.ui-selected > .column.bestavailrate > span.label {
        display: inline-block;
    }
    .availabilityOverview > div.content > .overview > .row.ui-selected > .column.bestavailrate > span.arrow {
        display: inline-block;
    }

    /* Formular */

    .availabilityChange {
        display: none;
        left: 0;
        right: 0;
        width: auto;
    }
    .availabilityChange.show {
        display: block;
    }

}

/* Formular */

.availabilityChange {
	background: rgb(74,86,96); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(74,86,96,1) 0%, rgba(96,111,123,1) 4%, rgba(55,63,71,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(74,86,96,1)), color-stop(4%,rgba(96,111,123,1)), color-stop(100%,rgba(55,63,71,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(74,86,96,1) 0%,rgba(96,111,123,1) 4%,rgba(55,63,71,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(74,86,96,1) 0%,rgba(96,111,123,1) 4%,rgba(55,63,71,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(74,86,96,1) 0%,rgba(96,111,123,1) 4%,rgba(55,63,71,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(74,86,96,1) 0%,rgba(96,111,123,1) 4%,rgba(55,63,71,1) 100%); /* W3C */
	border-top: 1px solid #1C2128;
	bottom: -110px;
	position: absolute;
	-webkit-transition: bottom 200ms ease-in;
	-moz-transition: bottom 200ms ease-in;
	-ms-transition: bottom 200ms ease-in;
	-o-transition: bottom 200ms ease-in;
	transition: bottom 200ms ease-in;
	width: 100%;
}
.availabilityChange.show {
	bottom: -1px !important;
}
.availabilityChange > p {
	color: #FFFFFF;
	font-size: 18px;
	font-weight: normal;
	line-height: 1;
	padding: 10px;
	text-shadow: 0 0 2px #000000;
}
.availabilityChange > p > span.days {
	font-size: 29px;
	font-weight: bold;
}
.availabilityChange > p > span.date {
    margin: 0 0 0 10px;
}
.availabilityChange > .closeTrigger {
	background: url("/images/imgclose.png") scroll no-repeat left top;
	cursor: pointer;
	height: 15px;
	position: absolute;
	right: 10px;
	top: 13px;
	width: 14px;
}
.availabilityChange > form {
    display: table;
	padding: 0 125px 15px 10px;
	position: relative;
    width: 100%;
}
.availabilityChange > form:after {
	clear: both;
	content: "";
	display: block;
}
.availabilityChange > form > .row {
	display: table-cell;
    position: relative;
	text-align: left;
}
.availabilityChange > form > .row:after,
.availabilityChange > form > .button:after {
	content: "";
	clear: both;
	display: block;
}
.availabilityChange > form > .row > label {
	color: #FFFFFF;
    float: left;
    font-weight: normal;
    line-height: 34px;
    margin: 0 15px 0 0;
    max-width: 100px;
    overflow: hidden;
    padding: 0;
    position: relative;
    text-overflow: ellipsis;
    text-shadow: 0 0 2px #000000;
    white-space: nowrap;
}
.availabilityChange > form > .row > div {
    background: #FFFFFF;
    border: 1px solid #FFFFFF;
    float: left;
    height: 34px;
    margin-right: 1px;
    padding: 0 30px 0 0;
    position: relative;
}
.availabilityChange > form > .row > div.enabled {
    background: rgb(93,172,221); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(93,172,221,1) 0%, rgba(24,97,153,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(93,172,221,1)), color-stop(100%,rgba(24,97,153,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(93,172,221,1) 0%,rgba(24,97,153,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(93,172,221,1) 0%,rgba(24,97,153,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(93,172,221,1) 0%,rgba(24,97,153,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(93,172,221,1) 0%,rgba(24,97,153,1) 100%); /* W3C */
}
.availabilityChange > form > .row > div > .field {
    background: #FFFFFF;
    border: 1px solid #1C2128;
    float: left;
    height: 32px;
    line-height: 31px;
    padding: 0 10px;
    text-align: center;
    width: 60px;
}
.availabilityChange > form > .row > div > .check {
    display: block !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    position: absolute;
    right: 8px !important;
    top: 9px !important;
    width: auto !important;
}
.availabilityChange > form > .row > div > .field[type="number"] {
	padding-right: 5px;
}
.availabilityChange > form > .row.arrival > div > input,
.availabilityChange > form > .row.departure > div > input {
	display: none;
}
.availabilityChange > form > .row.arrival > div > .toggler.checked,
.availabilityChange > form > .row.departure > div > .toggler.checked {
	background: url("/images/ico_check.png") scroll no-repeat 7px center, #61c261; /* Old browsers */
	background: url("/images/ico_check.png") scroll no-repeat 7px center, -moz-linear-gradient(top, #61c261 0%, #5cba5c 25%, #5cb85c 38%, #56ae56 58%, #54aa54 83%, #51a251 100%); /* FF3.6+ */
	background: url("/images/ico_check.png") scroll no-repeat 7px center, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#61c261), color-stop(25%,#5cba5c), color-stop(38%,#5cb85c), color-stop(58%,#56ae56), color-stop(83%,#54aa54), color-stop(100%,#51a251)); /* Chrome,Safari4+ */
	background: url("/images/ico_check.png") scroll no-repeat 7px center, -webkit-linear-gradient(top, #61c261 0%,#5cba5c 25%,#5cb85c 38%,#56ae56 58%,#54aa54 83%,#51a251 100%); /* Chrome10+,Safari5.1+ */
	background: url("/images/ico_check.png") scroll no-repeat 7px center, -o-linear-gradient(top, #61c261 0%,#5cba5c 25%,#5cb85c 38%,#56ae56 58%,#54aa54 83%,#51a251 100%); /* Opera 11.10+ */
	background: url("/images/ico_check.png") scroll no-repeat 7px center, -ms-linear-gradient(top, #61c261 0%,#5cba5c 25%,#5cb85c 38%,#56ae56 58%,#54aa54 83%,#51a251 100%); /* IE10+ */
	background: url("/images/ico_check.png") scroll no-repeat 7px center, linear-gradient(to bottom, #61c261 0%,#5cba5c 25%,#5cb85c 38%,#56ae56 58%,#54aa54 83%,#51a251 100%); /* W3C */
}
.availabilityChange > form > .row.arrival > div > .toggler.checked:before,
.availabilityChange > form > .row.departure > div > .toggler.checked:before {
	left: 22px;
}
.availabilityChange > form > .row.arrival > div > .toggler,
.availabilityChange > form > .row.departure > div > .toggler {
	background: url("/images/ico_close.png") scroll no-repeat 28px center, #ED5E5A; /* Old browsers */
	background: url("/images/ico_close.png") scroll no-repeat 28px center, -moz-linear-gradient(top, #ed5e5a 0%, #e45752 17%, #e45752 21%, #de524d 29%, #de524d 33%, #da4e49 38%, #da4e49 42%, #ce443e 63%, #ce443e 67%, #c03932 92%, #be3630 100%); /* FF3.6+ */
	background: url("/images/ico_close.png") scroll no-repeat 28px center, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ed5e5a), color-stop(17%,#e45752), color-stop(21%,#e45752), color-stop(29%,#de524d), color-stop(33%,#de524d), color-stop(38%,#da4e49), color-stop(42%,#da4e49), color-stop(63%,#ce443e), color-stop(67%,#ce443e), color-stop(92%,#c03932), color-stop(100%,#be3630)); /* Chrome,Safari4+ */
	background: url("/images/ico_close.png") scroll no-repeat 28px center, -webkit-linear-gradient(top, #ed5e5a 0%,#e45752 17%,#e45752 21%,#de524d 29%,#de524d 33%,#da4e49 38%,#da4e49 42%,#ce443e 63%,#ce443e 67%,#c03932 92%,#be3630 100%); /* Chrome10+,Safari5.1+ */
	background: url("/images/ico_close.png") scroll no-repeat 28px center, -o-linear-gradient(top, #ed5e5a 0%,#e45752 17%,#e45752 21%,#de524d 29%,#de524d 33%,#da4e49 38%,#da4e49 42%,#ce443e 63%,#ce443e 67%,#c03932 92%,#be3630 100%); /* Opera 11.10+ */
	background: url("/images/ico_close.png") scroll no-repeat 28px center, -ms-linear-gradient(top, #ed5e5a 0%,#e45752 17%,#e45752 21%,#de524d 29%,#de524d 33%,#da4e49 38%,#da4e49 42%,#ce443e 63%,#ce443e 67%,#c03932 92%,#be3630 100%); /* IE10+ */
	background: url("/images/ico_close.png") scroll no-repeat 28px center, linear-gradient(to bottom, #ed5e5a 0%,#e45752 17%,#e45752 21%,#de524d 29%,#de524d 33%,#da4e49 38%,#da4e49 42%,#ce443e 63%,#ce443e 67%,#c03932 92%,#be3630 100%); /* W3C */
	border: 1px solid #1C2128;
	cursor: pointer;
    float: left;
	height: 32px;
    margin-bottom: 0;
	margin-right: 0;
	position: relative;
	width: 45px;
}
.availabilityChange > form > .row.arrival > div > .toggler:before,
.availabilityChange > form > .row.departure > div > .toggler:before {
	background: #FEFEFE; /* Old browsers */
	background: -moz-linear-gradient(top, #fefefe 0%, #e6e6e6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#e6e6e6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #fefefe 0%,#e6e6e6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #fefefe 0%,#e6e6e6 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #fefefe 0%,#e6e6e6 100%); /* IE10+ */
	background: linear-gradient(to bottom, #fefefe 0%,#e6e6e6 100%); /* W3C */
	content: "";
	height: 30px;
	left: 0;
	position: absolute;
	top: 0;
	-webkit-transition: left 300ms ease-out;
	-moz-transition: left 300ms ease-out;
	-ms-transition: left 300ms ease-out;
	-o-transition: left 300ms ease-out;
	transition: left 300ms ease-out;
	width: 21px;
}
.availabilityChange > form > .button {
	position: absolute;
	right: 10px;
	top: 0;
}
.availabilityChange > form > .button > input {
	background: rgb(93,172,221); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(93,172,221,1) 0%, rgba(24,97,153,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(93,172,221,1)), color-stop(100%,rgba(24,97,153,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(93,172,221,1) 0%,rgba(24,97,153,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(93,172,221,1) 0%,rgba(24,97,153,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(93,172,221,1) 0%,rgba(24,97,153,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(93,172,221,1) 0%,rgba(24,97,153,1) 100%); /* W3C */
	border: 1px solid #105283;
	color: #FFFFFF;
	cursor: pointer;
	display: inline-block;
	font-size: 15px;
	font-weight: bold;
	line-height: 33px;
	padding: 0 20px;
	position: relative;
	text-shadow: 0 0 2px #000000;
}
.availabilityChange > form > .button > input:hover {
	background: #2799DB; /* Old browsers */
	background: -moz-linear-gradient(top, #2799db 0%, #186199 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2799db), color-stop(100%,#186199)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #2799db 0%,#186199 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #2799db 0%,#186199 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #2799db 0%,#186199 100%); /* IE10+ */
	background: linear-gradient(to bottom, #2799db 0%,#186199 100%); /* W3C */
}

@media all and (max-width: 700px) {

    /* �bersicht */

    .availabilityOverview > div.content > .overview > .row.ui-selected > a.detail,
    .availabilityOverview > div.content > .overview > .row.ui-selecting > a.detail {
        background: rgb(93,172,221); /* Old browsers */
	    background: -moz-linear-gradient(top, rgba(93,172,221,1) 0%, rgba(24,97,153,1) 100%); /* FF3.6+ */
	    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(93,172,221,1)), color-stop(100%,rgba(24,97,153,1))); /* Chrome,Safari4+ */
	    background: -webkit-linear-gradient(top, rgba(93,172,221,1) 0%,rgba(24,97,153,1) 100%); /* Chrome10+,Safari5.1+ */
	    background: -o-linear-gradient(top, rgba(93,172,221,1) 0%,rgba(24,97,153,1) 100%); /* Opera 11.10+ */
	    background: -ms-linear-gradient(top, rgba(93,172,221,1) 0%,rgba(24,97,153,1) 100%); /* IE10+ */
	    background: linear-gradient(to bottom, rgba(93,172,221,1) 0%,rgba(24,97,153,1) 100%); /* W3C */
	    border-bottom: 1px solid #105283;
        border-top: 1px solid #105283;
        clear: both;
	    color: #FFFFFF;
	    cursor: pointer;
	    display: block;
	    font-size: 15px;
	    font-weight: bold;
	    line-height: 40px;
        margin: -1px 0 0;
	    padding: 0 20px;
	    position: relative;
        text-align: center;
	    text-shadow: 0 0 2px #000000;
    }
    .availabilityOverview > div.content > .overview > .row.ui-selected > a.detail:hover,
    .availabilityOverview > div.content > .overview > .row.ui-selecting > a.detail:hover {
        background: #2799DB; /* Old browsers */
        background: -moz-linear-gradient(top, #2799db 0%, #186199 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2799db), color-stop(100%,#186199)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #2799db 0%,#186199 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #2799db 0%,#186199 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #2799db 0%,#186199 100%); /* IE10+ */
        background: linear-gradient(to bottom, #2799db 0%,#186199 100%); /* W3C */
    }

    /* Formular */

    .availabilityChange {
        bottom: 0;
        height: auto !important;
        position: fixed;
        top: 112px;
        z-index: 1;
    }
    .availabilityChange.show {
        display: block;
    }
    .availabilityChange > form {
        padding-right: 10px;
    }
    .availabilityChange > form > .row {
        display: block;
        float: left;
        margin: 0 5% 10px 0;
        width: 47.5%;
    }
    .availabilityChange > form > .row:nth-child(2n) {
        margin-right: 0;
    }
    .availabilityChange > form > .row > label {
        max-width: 100%;
        width: 40%;
    }
    .availabilityChange > form > .row > div {
        float: right;
    }
    .availabilityChange > form > .button {
        bottom: auto !important;
        position: relative;
        right: auto;
    }
    .availabilityChange > form > .button > input {
        width: 100%;
    }

}
@media all and (max-width: 500px) {

    .availabilityChange > form > .row {
        float: none;
        margin-bottom: 5px;
        margin-right: 0;
        width: 100%;
    }
    .availabilityChange > p > span.date {
        display: none;
    }

}

/* Update - Rate */

.updateRate {
    background: #F0F0F0;
    width: 280px;
}
.updateRate > p.headline {
    background: #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
    color: #21262D;
    line-height: 1.3;
    padding: 15px 20px;
    position: relative;
}
.updateRate > p.headline:before {
    background: url("/images/imgheaderrate.png") no-repeat scroll left center;
    content: "";
    display: block;
    float: left;
    height: 32px;
    margin: 0 10px 0 0;
    position: relative;
    top: 7px;
    width: 32px;
}
.updateRate > p.headline:after {
    background: #828790;
    bottom: -2px;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%;
}
.updateRate > p.headline > span {
    display: block;
}
.updateRate > p.headline > span.title {
    font-size: 17px;
    font-weight: normal;
    margin: 0 0 2px;
}
.updateRate > form {
    padding: 20px;
}
.updateRate > form > .row:after {
    clear: both;
    content: "";
    display: block;
}
.updateRate > form > .row > label {
    float: left;
    font-weight: normal;
    line-height: 30px;
    width: 60%;
}
.updateRate > form > .row > .field {
    background: #FFFFFF;
    border: 1px solid #7A7A7A;
    float: left;
    height: 30px;
    line-height: 27px;
    overflow: hidden;
    padding: 0 8px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 40%;
}
.updateRate > form > .button {
    border-top: 1px solid #A0A0A0;
    box-shadow: 0 1px 0 #FFFFFF inset;
    margin: 20px 0 0;
    padding: 15px 0 0;
}
.updateRate > form > .button:after {
    clear: both;
    content: "";
    display: block;
}
.updateRate > form > .button > input {
    background: rgb(93,172,221); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(93,172,221,1) 0%, rgba(24,97,153,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(93,172,221,1)), color-stop(100%,rgba(24,97,153,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(93,172,221,1) 0%,rgba(24,97,153,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(93,172,221,1) 0%,rgba(24,97,153,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(93,172,221,1) 0%,rgba(24,97,153,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(93,172,221,1) 0%,rgba(24,97,153,1) 100%); /* W3C */
	border: 1px solid #105283;
	color: #FFFFFF;
	cursor: pointer;
	display: block;
	font-size: 15px;
	font-weight: bold;
	line-height: 31px;
	padding: 0 20px;
	position: relative;
	text-shadow: 0 0 2px #000000;
    -webkit-transition: opacity 200ms ease-in;
    -moz-transition: opacity 200ms ease-in;
    -ms-transition: opacity 200ms ease-in;
    -o-transition: opacity 200ms ease-in;
    transition: opacity 200ms ease-in;
    width: 100%;
}
.updateRate > form > .button > input:hover {
    background: #2799DB; /* Old browsers */
    background: -moz-linear-gradient(top, #2799db 0%, #186199 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2799db), color-stop(100%,#186199)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #2799db 0%,#186199 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #2799db 0%,#186199 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #2799db 0%,#186199 100%); /* IE10+ */
    background: linear-gradient(to bottom, #2799db 0%,#186199 100%); /* W3C */
}

/* Update - Lock Status */

.updateLockState {
    background: #F0F0F0;
    width: 280px;
}
.updateLockState > p.headline {
    background: #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
    color: #21262D;
    line-height: 1.3;
    padding: 15px 20px;
    position: relative;
}
.updateLockState > p.headline:before {
    background: url("/images/imgheaderedit.png") no-repeat scroll left center;
    content: "";
    display: block;
    float: left;
    height: 32px;
    margin: 0 10px 0 0;
    position: relative;
    top: 7px;
    width: 32px;
}
.updateLockState > p.headline:after {
    background: #828790;
    bottom: -2px;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%;
}
.updateLockState > p.headline > span {
    display: block;
}
.updateLockState > p.headline > span.title {
    font-size: 17px;
    font-weight: normal;
    margin: 0 0 2px;
}
.updateLockState > form {
    padding: 20px;
}
.updateLockState > form > .row {
    margin: 0 0 5px;
}
.updateLockState > form > .row:after {
    clear: both;
    content: "";
    display: block;
}
.updateLockState > form > .row:last-child {
    margin-bottom: 0;
}
.updateLockState > form > .row > label {
    display: inline-block;
    font-weight: normal;
}
.updateLockState > form > .row > .field {
    background: #FFFFFF;
    border: 1px solid #7A7A7A;
    display: inline-block;
    margin: 0 5px 0 0;
    position: relative;
    top: 1px;
}
.updateLockState > form > .button {
    border-top: 1px solid #A0A0A0;
    box-shadow: 0 1px 0 #FFFFFF inset;
    margin: 20px 0 0;
    padding: 15px 0 0;
}
.updateLockState > form > .button:after {
    clear: both;
    content: "";
    display: block;
}
.updateLockState > form > .button > input {
    background: rgb(93,172,221); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(93,172,221,1) 0%, rgba(24,97,153,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(93,172,221,1)), color-stop(100%,rgba(24,97,153,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(93,172,221,1) 0%,rgba(24,97,153,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(93,172,221,1) 0%,rgba(24,97,153,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(93,172,221,1) 0%,rgba(24,97,153,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(93,172,221,1) 0%,rgba(24,97,153,1) 100%); /* W3C */
	border: 1px solid #105283;
	color: #FFFFFF;
	cursor: pointer;
	display: block;
	font-size: 15px;
	font-weight: bold;
	line-height: 31px;
	padding: 0 20px;
	position: relative;
	text-shadow: 0 0 2px #000000;
    -webkit-transition: opacity 200ms ease-in;
    -moz-transition: opacity 200ms ease-in;
    -ms-transition: opacity 200ms ease-in;
    -o-transition: opacity 200ms ease-in;
    transition: opacity 200ms ease-in;
    width: 100%;
}
.updateLockState > form > .button > input:hover {
    background: #2799DB; /* Old browsers */
    background: -moz-linear-gradient(top, #2799db 0%, #186199 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2799db), color-stop(100%,#186199)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #2799db 0%,#186199 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #2799db 0%,#186199 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #2799db 0%,#186199 100%); /* IE10+ */
    background: linear-gradient(to bottom, #2799db 0%,#186199 100%); /* W3C */
}

@media all and (max-width: 1365px){

    /* Formular */

    .availabilityChange {
        bottom: -133px !important;
        height: 128px;
    }
    .availabilityChange > form > .button {
        bottom: 15px;
        top: auto;
    }

}
@media all and (max-width: 900px){

    /* �bersicht */

    .availabilityOverview.changeBar > div.content {
        bottom: 0 !important;
    }

}
	
/* jQuery UI - Selectable */

.availabilityOverview > div.content > .overview > .row.ui-selected,
.availabilityOverview > div.content > .overview > .row.ui-selecting {
    background: #2590D1 !important;
    background: rgba(37, 144, 209, 0.7) !important;
}
.availabilityOverview > div.content > .overview > .row.ui-selected > .column,
.availabilityOverview > div.content > .overview > .row.ui-selecting > .column {
    border-bottom: 1px solid #2590D1 !important;
    border-bottom: 1px solid rgba(37, 144, 209, 0.7) !important;
	color: #FFFFFF !important;
}

@media all and (max-width: 1380px){

	/* �bersicht */

	.availabilityOverview.changeBar > div.content {
		bottom: 124px;
	}

}
@media all and (max-width: 1050px){

	/* Kalender */

	.availabilityOverview > ul.calendar > li > a > span {
		display: block;
        margin: -8px 0 0;
	}

    /* �bersicht */

    .availabilityOverview > div.content {
        padding-top: 50px;
    }

}

/* Extension - Reservierungen */

/* Filter */

.reservationFilter > p {
	background: rgb(207,207,207); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(207,207,207,1) 0%, rgba(240,240,240,1) 40%, rgba(240,240,240,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(207,207,207,1)), color-stop(40%,rgba(240,240,240,1)), color-stop(100%,rgba(240,240,240,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(207,207,207,1) 0%,rgba(240,240,240,1) 40%,rgba(240,240,240,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(207,207,207,1) 0%,rgba(240,240,240,1) 40%,rgba(240,240,240,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(207,207,207,1) 0%,rgba(240,240,240,1) 40%,rgba(240,240,240,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(207,207,207,1) 0%,rgba(240,240,240,1) 40%,rgba(240,240,240,1) 100%); /* W3C */
	border-bottom: 1px solid #828790;
	border-top: 1px solid #F0F0F0;
	font-weight: bold;
	line-height: 29px;
	padding: 0 8px;
	position: relative;
	z-index: 3;
}
.reservationFilter > p:before {
	background: #F0F0F0;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	width: 1px;
}
.reservationFilter > p:after {
	background: #F0F0F0;
	content: "";
	height: 100%;
	position: absolute;
	right: 0;
	width: 1px;
}
.reservationFilter > div {
	height: 100%;
	left: 0;
	max-height: 100%;
	overflow: auto;
	padding: 31px 0 0;
	position: absolute;
	top: 0;
	width: 100%;
}
.reservationFilter > div > ul {
	padding: 10px 0;
}
.reservationFilter > div > ul > li > a {
	border-bottom: 1px solid transparent;
	border-top: 1px solid transparent;
	display: block;
	font-weight: bold;
	margin: 0 0 -1px;
	padding: 1px 5px 1px 43px;
	position: relative;
    z-index: 1;
}
.reservationFilter > div > ul > li > a:before {
	background: url("/images/imglistplus.png") scroll no-repeat left center;
	content: "";
	height: 9px;
	left: 5px;
	position: absolute;
	top: 6px;
	width: 9px;
}
.reservationFilter > div > ul > li > a:after {
	background: url("/images/imglistfolder.png") scroll no-repeat left center;
	content: "";
	height: 16px;
	left: 22px;
	position: absolute;
	top: 3px;
	width: 16px;
}
.reservationFilter > div > ul > li.show > a:before {
	background-image: url("/images/imglistminus.png");
}
.reservationFilter > div > ul > li:hover > a {
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(230,230,230,1) 53%, rgba(221,221,221,1) 56%, rgba(219,219,219,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(53%,rgba(230,230,230,1)), color-stop(56%,rgba(221,221,221,1)), color-stop(100%,rgba(219,219,219,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(230,230,230,1) 53%,rgba(221,221,221,1) 56%,rgba(219,219,219,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(230,230,230,1) 53%,rgba(221,221,221,1) 56%,rgba(219,219,219,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(230,230,230,1) 53%,rgba(221,221,221,1) 56%,rgba(219,219,219,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(230,230,230,1) 53%,rgba(221,221,221,1) 56%,rgba(219,219,219,1) 100%); /* W3C */
	border-bottom: 1px solid #A0A0A0;
	border-top: 1px solid #A0A0A0;
}
.reservationFilter > div > ul > li.selected > a {
	background: rgb(93,172,221); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(93,172,221,1) 0%, rgba(24,97,153,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(93,172,221,1)), color-stop(100%,rgba(24,97,153,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(93,172,221,1) 0%,rgba(24,97,153,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(93,172,221,1) 0%,rgba(24,97,153,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(93,172,221,1) 0%,rgba(24,97,153,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(93,172,221,1) 0%,rgba(24,97,153,1) 100%); /* W3C */
	border-bottom: 1px solid #0B4A7A;
	border-top: 1px solid #0B4A7A;
    color: #FFFFFF;
    z-index: 2;
}
.reservationFilter > div > ul > li > ul {
	display: none;
	margin: 0 0 10px;
}
.reservationFilter > div > ul > li.show > ul {
	display: block;
}
.reservationFilter > div > ul > li > ul > li {
	border-bottom: 1px solid transparent;
	border-top: 1px solid transparent;
    position: relative;
    z-index: 1;
}
.reservationFilter > div > ul > li > ul > li:hover {
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(230,230,230,1) 53%, rgba(221,221,221,1) 56%, rgba(219,219,219,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(53%,rgba(230,230,230,1)), color-stop(56%,rgba(221,221,221,1)), color-stop(100%,rgba(219,219,219,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(230,230,230,1) 53%,rgba(221,221,221,1) 56%,rgba(219,219,219,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(230,230,230,1) 53%,rgba(221,221,221,1) 56%,rgba(219,219,219,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(230,230,230,1) 53%,rgba(221,221,221,1) 56%,rgba(219,219,219,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(230,230,230,1) 53%,rgba(221,221,221,1) 56%,rgba(219,219,219,1) 100%); /* W3C */
	border-bottom: 1px solid #A0A0A0;
	border-top: 1px solid #A0A0A0;
}
.reservationFilter > div > ul > li > ul > li.selected {
	background: rgb(93,172,221); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(93,172,221,1) 0%, rgba(24,97,153,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(93,172,221,1)), color-stop(100%,rgba(24,97,153,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(93,172,221,1) 0%,rgba(24,97,153,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(93,172,221,1) 0%,rgba(24,97,153,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(93,172,221,1) 0%,rgba(24,97,153,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(93,172,221,1) 0%,rgba(24,97,153,1) 100%); /* W3C */
	border-bottom: 1px solid #0B4A7A;
	border-top: 1px solid #0B4A7A;
    z-index: 2;
}
.reservationFilter > div > ul > li > ul > li > a {
	display: block;
	font-weight: normal;
	padding: 1px 0 1px 33px;
}
.reservationFilter > div > ul > li > ul > li.selected > a {
    color: #FFFFFF;
}
.reservationFilter > div > ul > li > ul > li > a:before {
	background: url("/images/imglistkalender.png") scroll no-repeat left center;
	content: "";
	float: left;
	height: 16px;
	margin: 3px 5px 0 0;
	width: 16px;
}

/*@media all and (max-width: 990px){

    .reservationFilter > div {
        left: auto;
        overflow: auto !important;
        padding-top: 0;
        position: relative;
        top: auto;
    }

}*/

/* �bersicht */

.reservationOverview > p {
	background: rgb(207,207,207); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(207,207,207,1) 0%, rgba(240,240,240,1) 40%, rgba(240,240,240,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(207,207,207,1)), color-stop(40%,rgba(240,240,240,1)), color-stop(100%,rgba(240,240,240,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(207,207,207,1) 0%,rgba(240,240,240,1) 40%,rgba(240,240,240,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(207,207,207,1) 0%,rgba(240,240,240,1) 40%,rgba(240,240,240,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(207,207,207,1) 0%,rgba(240,240,240,1) 40%,rgba(240,240,240,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(207,207,207,1) 0%,rgba(240,240,240,1) 40%,rgba(240,240,240,1) 100%); /* W3C */
	border-bottom: 1px solid #828790;
	border-top: 1px solid #F0F0F0;
	font-weight: bold;
	line-height: 29px;
	padding: 0 8px;
	position: relative;
	z-index: 2;
}
.reservationOverview > p:after {
    clear: both;
    content: "";
    display: block;
}
.reservationOverview > p > a {
    margin-left: -9px;
}
.reservationOverview > div {
	bottom: 111px;
	left: 0;
	max-height: 100%;
	overflow: auto;
	padding: 31px 0 0;
	position: absolute;
	top: 0;
	width: 100%;
}
.reservationOverview > div > .overview {
	display: table;
	width: 100%;
}
.reservationOverview > div > .overview > .headline,
.reservationOverview > div > .overview > .row {
	display: table-row;
}
.reservationOverview > div > .overview > .headline {
	background: rgb(66,78,92); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(66,78,92,1) 0%, rgba(92,108,127,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(66,78,92,1)), color-stop(100%,rgba(92,108,127,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(66,78,92,1) 0%,rgba(92,108,127,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(66,78,92,1) 0%,rgba(92,108,127,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(66,78,92,1) 0%,rgba(92,108,127,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(66,78,92,1) 0%,rgba(92,108,127,1) 100%); /* W3C */
}
.reservationOverview > div > .overview > .headline > .column,
.reservationOverview > div > .overview > .row > .column {
	display: table-cell;
	padding: 2px 10px;
	vertical-align: middle;
}
.reservationOverview > div > .overview > .headline > .column {
	border-right: 1px solid #828790;
	color: #FFFFFF;
	font-weight: normal;
	padding-bottom: 5px;
	padding-top: 5px;
}
.reservationOverview > div > .overview > .headline > .column:last-child {
	border-right: 0 none;
}
.reservationOverview > div > .overview > .row {
	background: #FFFFFF;
	cursor: default;
}
.reservationOverview > div > .overview > .row > .column {
	border-bottom: 1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
}
.reservationOverview > div > .overview > .row:nth-child(2n) {
	background: #ECEEF2;
}
.reservationOverview > div > .overview > .row:nth-child(2n) > .column {
	border-bottom: 1px solid #E1E6F1;
	border-top: 1px solid #E1E6F1;
}
.reservationOverview > div > .overview > .row > .column > span.label {
    display: none;
}
.reservationOverview > div > .overview > .headline > .column.number,
.reservationOverview > div > .overview > .row > .column.number {
	max-width: 110px;
    min-width: 110px;
    text-align: center;
    width: 110px;
}
.reservationOverview > div > .overview > .row > .column.number > span.icon {
	display: inline-block;
	height: 16px;
	margin: 0 5px 0 0;
	position: relative;
	top: 2px;
	width: 16px;
}
.reservationOverview > div > .overview > .row > .column.number > span.icon.star {
	background: url("/images/imgliststar.png") no-repeat scroll left top !important;
}
.reservationOverview > div > .overview > .row > .column.number > span.icon.read {
	background: url("/images/imglistgreen.png") no-repeat scroll left top !important;
}
.reservationOverview > div > .overview > .row > .column.number > span.icon.changed {
	background: url("/images/imglistedit.png") no-repeat scroll left top !important;
}
.reservationOverview > div > .overview > .row > .column.number > span.icon.cancelled {
	background: url("/images/imglistdeleted.png") no-repeat scroll left top !important;
}
.reservationOverview > div > .overview > .headline > .column.date,
.reservationOverview > div > .overview > .row > .column.date {
	max-width: 115px;
    min-width: 115px;
    text-align: center;
    width: 115px;
}
.reservationOverview > div > .overview > .row > .column.date > span.icon {
	background: url("/images/imglistday.png") no-repeat scroll left top;
	display: inline-block;
	height: 16px;
	margin: 0 5px 0 0;
	position: relative;
	top: 2px;
	width: 16px;
}
.reservationOverview > div > .overview > .headline > .column.channel,
.reservationOverview > div > .overview > .row > .column.channel {
	width: 10%;
}
.reservationOverview > div > .overview > .headline > .column.name,
.reservationOverview > div > .overview > .row > .column.name {
	width: 35%;
}
.reservationOverview > div > .overview > .row > .column.name {
	font-weight: normal;
}
.reservationOverview > div > .overview > .row > .column.name > span.icon {
	background: url("/images/flag_white.png") no-repeat scroll left top;
	display: inline-block;
	height: 16px;
	margin: 0 5px 0 0;
	position: relative;
	top: 3px;
	width: 16px;
}
.reservationOverview > div > .overview > .headline > .column.room,
.reservationOverview > div > .overview > .row > .column.room {
	width: 20%;
}
.reservationOverview > div > .overview > .headline > .column.period,
.reservationOverview > div > .overview > .row > .column.period {
	max-width: 150px;
    min-width: 150px;
    text-align: center;
    width: 150px;
}
.reservationOverview > div > .overview > .headline > .column.numberofrooms,
.reservationOverview > div > .overview > .row > .column.numberofrooms {
	max-width: 60px;
    min-width: 60px;
    text-align: center;
    width: 60px;
}
.reservationOverview > div > .overview > .headline > .column.nights,
.reservationOverview > div > .overview > .row > .column.nights {
	max-width: 60px;
    min-width: 60px;
    text-align: center;
    width: 60px;
}
.reservationOverview > div > .overview > .headline > .column.price,
.reservationOverview > div > .overview > .row > .column.price {
	max-width: 130px;
    min-width: 130px;
    text-align: center;
    width: 130px;
}
.reservationOverview > div > .overview > .row > .column.price {
	font-weight: normal;
}

@media all and (max-width: 700px) {

    .reservationOverview > p > span.title {
        float: right;
    }

}

/* Vorschau */

.reservationPreview {
    background: #E4E4E4;
    border-top: 1px solid #828790;
    bottom: 0;
    height: 110px;
    padding: 15px;
    position: absolute;
    width: 100%;
}
.reservationPreview > p.column1 {
    border-right: 1px solid #757575;
    box-shadow: 1px 0 0 #FFFFFF;
    float: left;
    line-height: 1.3;
    max-width: 250px;
    min-height: 80px;
    opacity: 0;
    padding: 0 30px 0 0;
    position: relative;
    -webkit-transition: opacity 200ms ease-in;
    -moz-transition: opacity 200ms ease-in;
    -ms-transition: opacity 200ms ease-in;
    -o-transition: opacity 200ms ease-in;
    transition: opacity 200ms ease-in;
}
.reservationPreview > p.column1.show {
    opacity: 1;
}
.reservationPreview > p.column1:before {
    background: -moz-linear-gradient(top, rgba(228,228,228,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(228,228,228,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(228,228,228,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(228,228,228,1) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(228,228,228,1) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(228,228,228,1) 0%,rgba(255,255,255,0) 100%); /* W3C */
    content: "";
    height: 50%;
    position: absolute;
    right: -2px;
    top: 0;
    width: 2px;
}
.reservationPreview > p.column1:after {
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(228,228,228,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(228,228,228,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(228,228,228,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(228,228,228,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(228,228,228,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(228,228,228,1) 100%); /* W3C */
    bottom: 0;
    content: "";
    height: 50%;
    position: absolute;
    right: -2px;
    width: 2px;
}
.reservationPreview > p.column1 > span {
    display: block;
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.reservationPreview > p.column1 > span.name {
    font-size: 20px;
    margin: 0 0 2px;
}
.reservationPreview > p.column2 {
    border-right: 1px solid #757575;
    box-shadow: 1px 0 0 #FFFFFF;
    float: left;
    line-height: 1.53;
    margin: 0 20px 0 0;
    max-width: 250px;
    min-height: 80px;
    opacity: 0;
    padding: 0 30px;
    position: relative;
    -webkit-transition: opacity 200ms ease-in;
    -moz-transition: opacity 200ms ease-in;
    -ms-transition: opacity 200ms ease-in;
    -o-transition: opacity 200ms ease-in;
    transition: opacity 200ms ease-in;
}
.reservationPreview > p.column2.show {
    opacity: 1;
}
.reservationPreview > p.column2:before {
    background: -moz-linear-gradient(top, rgba(228,228,228,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(228,228,228,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(228,228,228,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(228,228,228,1) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(228,228,228,1) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(228,228,228,1) 0%,rgba(255,255,255,0) 100%); /* W3C */
    content: "";
    height: 50%;
    position: absolute;
    right: -2px;
    top: 0;
    width: 2px;
}
.reservationPreview > p.column2:after {
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(228,228,228,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(228,228,228,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(228,228,228,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(228,228,228,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(228,228,228,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(228,228,228,1) 100%); /* W3C */
    bottom: 0;
    content: "";
    height: 50%;
    position: absolute;
    right: -2px;
    width: 2px;
}
.reservationPreview > p.column2 > span {
    display: block;
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.reservationPreview > a.details {
    background: rgb(93,172,221); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(93,172,221,1) 0%, rgba(24,97,153,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(93,172,221,1)), color-stop(100%,rgba(24,97,153,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(93,172,221,1) 0%,rgba(24,97,153,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(93,172,221,1) 0%,rgba(24,97,153,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(93,172,221,1) 0%,rgba(24,97,153,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(93,172,221,1) 0%,rgba(24,97,153,1) 100%); /* W3C */
	border: 1px solid #105283;
	color: #FFFFFF;
	cursor: pointer;
	display: inline-block;
    float: right;
	font-size: 15px;
	font-weight: bold;
	line-height: 31px;
    margin: 46px 0 0 0;
    opacity: 0;
	padding: 0 20px;
	position: relative;
	text-shadow: 0 0 2px #000000;
    -webkit-transition: opacity 200ms ease-in;
    -moz-transition: opacity 200ms ease-in;
    -ms-transition: opacity 200ms ease-in;
    -o-transition: opacity 200ms ease-in;
    transition: opacity 200ms ease-in;
}
.reservationPreview > a.details:hover {
    background: #2799DB; /* Old browsers */
    background: -moz-linear-gradient(top, #2799db 0%, #186199 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2799db), color-stop(100%,#186199)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #2799db 0%,#186199 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #2799db 0%,#186199 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #2799db 0%,#186199 100%); /* IE10+ */
    background: linear-gradient(to bottom, #2799db 0%,#186199 100%); /* W3C */
}
.reservationPreview > a.details.show {
    opacity: 1;
}
.reservationPreview > a.send {
    background: rgb(93,172,221); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(93,172,221,1) 0%, rgba(24,97,153,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(93,172,221,1)), color-stop(100%,rgba(24,97,153,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(93,172,221,1) 0%,rgba(24,97,153,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(93,172,221,1) 0%,rgba(24,97,153,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(93,172,221,1) 0%,rgba(24,97,153,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(93,172,221,1) 0%,rgba(24,97,153,1) 100%); /* W3C */
	border: 1px solid #105283;
	color: #FFFFFF;
	cursor: pointer;
	display: inline-block;
    float: right;
	font-size: 15px;
	font-weight: bold;
	line-height: 31px;
    margin: 46px 10px 0 0;
    opacity: 0;
	padding: 0 20px;
	position: relative;
	text-shadow: 0 0 2px #000000;
    -webkit-transition: opacity 200ms ease-in;
    -moz-transition: opacity 200ms ease-in;
    -ms-transition: opacity 200ms ease-in;
    -o-transition: opacity 200ms ease-in;
    transition: opacity 200ms ease-in;
}
.reservationPreview > a.send:hover {
    background: #2799DB; /* Old browsers */
    background: -moz-linear-gradient(top, #2799db 0%, #186199 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2799db), color-stop(100%,#186199)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #2799db 0%,#186199 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #2799db 0%,#186199 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #2799db 0%,#186199 100%); /* IE10+ */
    background: linear-gradient(to bottom, #2799db 0%,#186199 100%); /* W3C */
}
.reservationPreview > a.send.show {
    opacity: 1;
}

/* Details */

.reservationDetails {
    background: #F0F0F0;
    width: 650px;
}
.reservationDetails > p.headline {
	background: #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
    color: #21262D;
	line-height: 1.3;
	padding: 15px 20px;
	position: relative;
}
.reservationDetails > p.headline:before {
	background: url("/images/imgheaderbooking.png") no-repeat scroll left center;
	content: "";
	display: block;
	float: left;
	height: 32px;
	margin: 0 10px 0 0;
	position: relative;
	top: 7px;
	width: 32px;
}
.reservationDetails > p.headline:after {
	background: #828790;
	bottom: -2px;
	content: "";
	height: 1px;
	left: 0;
	position: absolute;
	width: 100%;
}	
.reservationDetails > p.headline > span {
	display: block;
}
.reservationDetails > p.headline > span.title {
	font-size: 17px;
    font-weight: normal;
    margin: 0 0 2px;
}
.reservationDetails > div:after {
	clear: both;
	content: "";
	display: block;
}
.reservationDetails > div > aside {
    background: #D6D6D8;
    border-right: 1px solid #828790;
	float: left;
    min-height: 100px;
    width: 150px;
}
.reservationDetails > div > aside > ul.tabs {
    padding: 20px 0;
}
.reservationDetails > div > aside > ul.tabs > li > a {
    border-top: 1px solid transparent;
    display: block;
    font-weight: normal;
    margin: 0 -1px 0 0;
    padding: 10px 20px;
    position: relative;
}
.reservationDetails > div > aside > ul.tabs > li.selected > a,
.reservationDetails > div > aside > ul.tabs > li > a:hover {
    background: rgb(96,143,211); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(96,143,211,1) 0%, rgba(28,70,142,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(96,143,211,1)), color-stop(100%,rgba(28,70,142,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(96,143,211,1) 0%,rgba(28,70,142,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(96,143,211,1) 0%,rgba(28,70,142,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(96,143,211,1) 0%,rgba(28,70,142,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(96,143,211,1) 0%,rgba(28,70,142,1) 100%); /* W3C */
    border-top: 1px solid #486DA0;
    color: #FFFFFF;
}
.reservationDetails > div > aside > ul.tabs > li.selected > a:before,
.reservationDetails > div > aside > ul.tabs > li > a:hover:before {
    background: #90C5F9;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.reservationDetails > div > section {
    color: #21262D;
    overflow: hidden;
    padding: 29px 20px;
}
.reservationDetails > div > section > div {
    display: none;
}
.reservationDetails > div > section > div.show {
    display: block;
    height: 325px;
    overflow: auto;
}
.reservationDetails > div > section > div.box {
    background: #FFFFFF;
    border: 1px solid #828790;
    margin: 0 9px;
    position: relative;
}
.reservationDetails > div > section > div.box > p {
	background: rgb(207,207,207); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(207,207,207,1) 0%, rgba(240,240,240,1) 40%, rgba(240,240,240,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(207,207,207,1)), color-stop(40%,rgba(240,240,240,1)), color-stop(100%,rgba(240,240,240,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(207,207,207,1) 0%,rgba(240,240,240,1) 40%,rgba(240,240,240,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(207,207,207,1) 0%,rgba(240,240,240,1) 40%,rgba(240,240,240,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(207,207,207,1) 0%,rgba(240,240,240,1) 40%,rgba(240,240,240,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(207,207,207,1) 0%,rgba(240,240,240,1) 40%,rgba(240,240,240,1) 100%); /* W3C */
	border-bottom: 1px solid #828790;
	border-top: 1px solid #F0F0F0;
	font-weight: bold;
	line-height: 29px;
	padding: 0 8px;
	position: relative;
	z-index: 2;
}
.reservationDetails > div > section > div.box > div {
	bottom: 0;
    left: 0;
    overflow: auto;
    padding: 31px 0 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.reservationDetails > div > section > div.box > div > .overview {
	display: table;
	width: 100%;
}
.reservationDetails > div > section > div.box > div > .overview > .row {
    background: #FFFFFF;
    display: table-row;
}
.reservationDetails > div > section > div.box > div > .overview > .row:nth-child(2n) {
    background: #ECEEF2;
}
.reservationDetails > div > section > div.box > div > .overview > .row .column {
    border-bottom: 1px solid #E1E6F1;
    display: table-cell;
    line-height: 1.3;
    padding: 3px 8px;
    vertical-align: middle;
}
.reservationDetails > div > section > div.box > div > .overview > .row:nth-child(2n) .column {
    border-bottom: 1px solid #E1E6F1;
}
.reservationDetails > div > section > div.box.rooms > div > .overview {
    display: block;
}
.reservationDetails > div > section > div.box.rooms > div > .overview > .row {
    display: table;
    width: 100%;
}
.reservationDetails > div > section > div.box.rooms > div > .overview > .row > div {
    display: table-row;
    width: 100%;
}
.reservationDetails > div > section > div.box.rooms > div > .overview > .row > div > .column.title {
    border-bottom: 0 none;
    font-weight: normal;
    width: 45%;
}
.reservationDetails > div > section > div.box.rooms > div > .overview > .row > div > .column.date {
    border-bottom: 0 none;
    width: 35%;
}
.reservationDetails > div > section > div.box.rooms > div > .overview > .row > div > .column.price {
    border-bottom: 0 none;
    font-weight: normal;
    text-align: right;
    width: 20%;
}
.reservationDetails > div > section > div.box.rooms > div > .overview > .row > div > .column.name {
    border-bottom: 1px solid #E1E6F1;
    font-weight: normal;
    width: 45%;
}
.reservationDetails > div > section > div.box.rooms > div > .overview > .row > div > .column.numguests {
    border-bottom: 1px solid #E1E6F1;
    width: 35%;
}
.reservationDetails > div > section > div.box.rooms > div > .overview > .row > div > .column.numchildren {
    border-bottom: 1px solid #E1E6F1;
    text-align: right;
    width: 20%;
}
.reservationDetails > div > section > div.box.rates > div > .overview > .row > .column.title {
    font-weight: normal;
    width: 45%;
}
.reservationDetails > div > section > div.box.rates > div > .overview > .row > .column.date {
    text-align: center;
    width: 35%;
}
.reservationDetails > div > section > div.box.rates > div > .overview > .row > .column.price {
    font-weight: normal;
    text-align: right;
    width: 20%;
}
.reservationDetails > div > section > div.box.addons > div > .overview > .row > .column.title {
    font-weight: normal;
    width: 80%;
}
.reservationDetails > div > section > div.box.addons > div > .overview > .row > .column.price {
    font-weight: normal;
    text-align: right;
    width: 20%;
}
.reservationDetails > div > section > div.box.protocol > div > .overview > .row > .column.type {
    text-align: center;
    width: 3%;
}
.reservationDetails > div > section > div.box.protocol > div > .overview > .row > .column.type:after {
    content: "";
    display: inline-block;
    height: 16px;
    position: relative;
    top: 3px;
    width: 16px;
}
.reservationDetails > div > section > div.box.protocol > div > .overview > .row > .column.type0:after {
    background: url("/images/imglistgreen.png") scroll no-repeat left top;
}
.reservationDetails > div > section > div.box.protocol > div > .overview > .row > .column.type1:after {
    background: url("/images/imglistinfomessages.png") scroll no-repeat left top;
}
.reservationDetails > div > section > div.box.protocol > div > .overview > .row > .column.type2:after {
    background: url("/images/imglisterror.png") scroll no-repeat left top;
}
.reservationDetails > div > section > div.box.protocol > div > .overview > .row > .column.type3:after {
    background: url("/images/imglistwarning.png") scroll no-repeat left top;
}
.reservationDetails > div > section > div.box.protocol > div > .overview > .row > .column.type4:after {
    background: url("/images/imglisterror.png") scroll no-repeat left top;
}
.reservationDetails > div > section > div.box.protocol > div > .overview > .row > .column.type5:after {
    background: url("/images/imglistinfomessages.png") scroll no-repeat left top;
}
.reservationDetails > div > section > div.box.protocol > div > .overview > .row > .column.type6:after {
    background: url("/images/imglistinfomessages.png") scroll no-repeat left top;
}
.reservationDetails > div > section > div.box.protocol > div > .overview > .row > .column.message {
    font-weight: normal;
}
.reservationDetails > div > section > div > p {
    font-size: 15px;
    font-weight: bold;
    margin: 0 0 10px;
}
.reservationDetails > div > section > div > .row {
    margin: 0 0 5px;
}
.reservationDetails > div > section > div > .row.passport,
.reservationDetails > div > section > div > .row.address {
    padding-top: 15px;
}
.reservationDetails > div > section > div > .row.remarks {
    clear: both;
    padding: 30px 0 0;
}
.reservationDetails > div > section > div > .row.remarks > .label {
    float: none;
    margin: 0 0 5px;
    width: 100%;
}
.reservationDetails > div > section > div > .row.remarks > .value {
    height: 75px;
    line-height: 1.4;
    padding: 3px 8px;
    text-overflow: unset;
    white-space: normal;
    width: 100%;
}
.reservationDetails > div > section > div > .row.date > .value {
    background: #FFFFFF url("/images/imglistday.png") no-repeat scroll 8px center;
    padding-left: 30px;
    width: 103px;
}
.reservationDetails > div > section > div > .row:after {
    clear: both;
    content: "";
    display: block;
}
.reservationDetails > div > section > div > .row > .label {
    float: left;
    font-weight: normal;
    line-height: 30px;
    width: 40%;
}
.reservationDetails > div > section > div > .row > .value {
    background: #FFFFFF;
    border: 1px solid #7A7A7A;
    float: left;
    height: 30px;
    line-height: 27px;
    overflow: hidden;
    padding: 0 8px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 60%;
}
.reservationDetails > div > section > div > .row > .value.small {
    margin-right: 2%;
    width: 15%;
}
.reservationDetails > div > section > div > .row > .value.small + .value {
    width: 43%;
}
.reservationDetails > div > section > div.bookingdata > .row.period > .label {
    width: 39.4%;
}
.reservationDetails > div > section > div.bookingdata > .row.period > .value {
    float: right;
    overflow: visible;
    width: 27.3%;
}
.reservationDetails > div > section > div.bookingdata > .row.period > .value.datefrom {
    margin-right: 6%;
    position: relative;
}
.reservationDetails > div > section > div.bookingdata > .row.period > .value.datefrom:after {
    content: "-";
    position: absolute;
    right: -15px;
}
.reservationDetails > div > section > div.bookingdata > .row.state {
    clear: both;
}
.reservationDetails > div > section > div.bookingdata > .row.state > .label {
    width: 39.4%;
}
.reservationDetails > div > section > div.bookingdata > .row.state > .value {
    width: 60.6%;
}
.reservationDetails > div > section > div.bookingdata > .row.numrooms {
    float: left;
    margin-right: 4%;
    width: 48%;
}
.reservationDetails > div > section > div.bookingdata > .row.numguests {
    float: left;
    width: 48%;
}
.reservationDetails > div > section > div.bookingdata > .row.numrooms > .label,
.reservationDetails > div > section > div.bookingdata > .row.numguests > .label {
    width: 65%;
}
.reservationDetails > div > section > div.bookingdata > .row.numrooms > .value,
.reservationDetails > div > section > div.bookingdata > .row.numguests > .value {
    float: right;
    text-align: center;
    width: 40px;
}
.reservationDetails > div > section > div.bookingdata > .row.numchildren {
    clear: both;
    float: left;
    margin-right: 4%;
    width: 48%;
}
.reservationDetails > div > section > div.bookingdata > .row.numcribs {
    float: left;
    width: 48%;
}
.reservationDetails > div > section > div.bookingdata > .row.numchildren > .label,
.reservationDetails > div > section > div.bookingdata > .row.numcribs > .label {
    width: 65%;
}
.reservationDetails > div > section > div.bookingdata > .row.numchildren > .value,
.reservationDetails > div > section > div.bookingdata > .row.numcribs > .value {
    float: right;
    text-align: center;
    width: 40px;
}
.reservationDetails > div.buttons {
    border-top: 1px solid #A0A0A0;
    box-shadow: 0 1px 0px #FFFFFF inset;
    padding: 15px;
}
.reservationDetails > div.buttons > a.close {
    background: rgb(93,172,221); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(93,172,221,1) 0%, rgba(24,97,153,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(93,172,221,1)), color-stop(100%,rgba(24,97,153,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(93,172,221,1) 0%,rgba(24,97,153,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(93,172,221,1) 0%,rgba(24,97,153,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(93,172,221,1) 0%,rgba(24,97,153,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(93,172,221,1) 0%,rgba(24,97,153,1) 100%); /* W3C */
	border: 1px solid #105283;
	color: #FFFFFF;
	cursor: pointer;
	display: inline-block;
    float: right;
	font-size: 15px;
	font-weight: bold;
	line-height: 31px;
    margin-right: 10px;
	padding: 0 20px;
	position: relative;
	text-shadow: 0 0 2px #000000;
    -webkit-transition: opacity 200ms ease-in;
    -moz-transition: opacity 200ms ease-in;
    -ms-transition: opacity 200ms ease-in;
    -o-transition: opacity 200ms ease-in;
    transition: opacity 200ms ease-in;
}
.reservationDetails > div.buttons > a.close:hover {
    background: #2799DB; /* Old browsers */
    background: -moz-linear-gradient(top, #2799db 0%, #186199 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2799db), color-stop(100%,#186199)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #2799db 0%,#186199 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #2799db 0%,#186199 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #2799db 0%,#186199 100%); /* IE10+ */
    background: linear-gradient(to bottom, #2799db 0%,#186199 100%); /* W3C */
}
.reservationDetails > div.buttons > a.send {
    background: rgb(93,172,221); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(93,172,221,1) 0%, rgba(24,97,153,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(93,172,221,1)), color-stop(100%,rgba(24,97,153,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(93,172,221,1) 0%,rgba(24,97,153,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(93,172,221,1) 0%,rgba(24,97,153,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(93,172,221,1) 0%,rgba(24,97,153,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(93,172,221,1) 0%,rgba(24,97,153,1) 100%); /* W3C */
	border: 1px solid #105283;
	color: #FFFFFF;
	cursor: pointer;
	display: inline-block;
    float: right;
	font-size: 15px;
	font-weight: bold;
	line-height: 31px;
	padding: 0 20px;
	position: relative;
	text-shadow: 0 0 2px #000000;
    -webkit-transition: opacity 200ms ease-in;
    -moz-transition: opacity 200ms ease-in;
    -ms-transition: opacity 200ms ease-in;
    -o-transition: opacity 200ms ease-in;
    transition: opacity 200ms ease-in;
}
.reservationDetails > div.buttons > a.send:hover {
    background: #2799DB; /* Old browsers */
    background: -moz-linear-gradient(top, #2799db 0%, #186199 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2799db), color-stop(100%,#186199)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #2799db 0%,#186199 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #2799db 0%,#186199 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #2799db 0%,#186199 100%); /* IE10+ */
    background: linear-gradient(to bottom, #2799db 0%,#186199 100%); /* W3C */
}

/* jQuery UI - Selectable */

.reservationOverview > div > .overview > .row.ui-selected,
.reservationOverview > div > .overview > .row.ui-selecting {
    background: #2590D1 !important; /* Old browsers */
    background: rgba(37, 144, 209, 0.7) !important;
}
.reservationOverview > div > .overview > .row.ui-selected > .column,
.reservationOverview > div > .overview > .row.ui-selecting > .column {
    border-bottom: 1px solid #2590D1 !important;
    border-bottom: 1px solid rgba(37, 144, 209, 0.7) !important;
	color: #FFFFFF !important;
}

@media all and (max-width: 900px){

     /* Vorschau */

    .reservationPreview {
        height: 64px;
    }
    .reservationPreview > p {
        display: none;
    }
    .reservationPreview > a.details {
        margin-top: 0;
        float:  none;
        display: block;
        text-align:  center;
    }
    .reservationPreview > a.send {
        display: none;
    }

    /* �bersicht */

    .reservationOverview > div {
        bottom: 64px;
    }
    .reservationOverview > div > .overview > .headline:after,
    .reservationOverview > div > .overview > .row:after {
        clear: both;
        content: "";
        display: block;
    }
    .reservationOverview > div > .overview > .row {
        display: block;
    }
    .reservationOverview > div > .overview > .headline > .column, 
    .reservationOverview > div > .overview > .row > .column {
        display: block;
        float: left;
    }
    .reservationOverview > div > .overview > .row > .column > span.label {
        display: inline-block;
        float: left;
        font-weight: bold;
        margin: 0 10px 0 0;
        width: 50%;
    }
    .reservationOverview > div > .overview > .headline > .column.number,
    .reservationOverview > div > .overview > .row > .column.number {
        max-width: 50% !important;
        min-width: 50% !important;
        text-align: left !important;
        width: 50% !important;
    }
    .reservationOverview > div > .overview > .headline > .column.date,
    .reservationOverview > div > .overview > .row > .column.date {
        max-width: 50% !important;
        min-width: 50% !important;
        text-align: left !important;
        width: 50% !important;
    }
    .reservationOverview > div > .overview > .headline > .column.channel,
    .reservationOverview > div > .overview > .row > .column.channel {
        display: none;
    }
    .reservationOverview > div > .overview > .headline > .column.name,
    .reservationOverview > div > .overview > .row > .column.name {
        display: none;
    }
    .reservationOverview > div > .overview > .headline > .column.room,
    .reservationOverview > div > .overview > .row > .column.room {
        display: none;
    }
    .reservationOverview > div > .overview > .headline > .column.period,
    .reservationOverview > div > .overview > .row > .column.period {
        display: none;
    }
    .reservationOverview > div > .overview > .headline > .column.numberofrooms,
    .reservationOverview > div > .overview > .row > .column.numberofrooms {
        display: none;
    }
    .reservationOverview > div > .overview > .headline > .column.nights,
    .reservationOverview > div > .overview > .row > .column.nights {
        display: none;
    }
    .reservationOverview > div > .overview > .headline > .column.price,
    .reservationOverview > div > .overview > .row > .column.price {
        display: none;
    }
    .reservationOverview > div > .overview > .row.ui-selected > .column.channel,
    .reservationOverview > div > .overview > .row.ui-selected > .column.name,
    .reservationOverview > div > .overview > .row.ui-selected > .column.room,
    .reservationOverview > div > .overview > .row.ui-selected > .column.period,
    .reservationOverview > div > .overview > .row.ui-selected > .column.numberofrooms,
    .reservationOverview > div > .overview > .row.ui-selected > .column.nights,
    .reservationOverview > div > .overview > .row.ui-selected > .column.price {
        display: block !important;
        max-width: 100% !important;
        min-width: 100% !important;
        text-align: left !important;
        width: 100% !important;
    }

}
@media all and (max-width: 720px){

    /* Details */

    .reservationDetails {
        width: 555px;
    }

}
@media all and (max-width: 620px){

    /* Details */

    .reservationDetails {
        width: 400px;
    }
    .reservationDetails > div > aside {
        display: none;
    }
    .reservationDetails > div > section > div {
        display: block;
        height: auto !important;
        margin: 0 0 20px !important;
    }
    .reservationDetails > div > section > div > p {
        margin-bottom: 0;
    }
    .reservationDetails > div > section > div.box > div {
        bottom: auto;
        left: auto;
        padding-top: 0;
        position: relative;
        top: auto;
    }

}
@media all and (max-width: 450px){

    /* Details */

    .reservationDetails {
        width: 280px;
    }
    .reservationDetails > div > section > div > .row > .label {
        float: none;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 100% !important;
    }
    .reservationDetails > div > section > div > .row > .value {
        float: none;
        width: 100% !important;
    }
    .reservationDetails > div > section > div > .row > .value + .value {
        margin-top: 5px;
    }
    .reservationDetails > div > section > div > .row.passport, 
    .reservationDetails > div > section > div > .row.address {
        padding-top: 0;
    }
    .reservationDetails > div > section > div.bookingdata > .row.period > .value.datefrom {
        margin-right: 0;
    }
    .reservationDetails > div > section > div.bookingdata > .row.period > .value.datefrom:after {
        display: none;
    }
    .reservationDetails > div > section > div.box > div > .overview > .row .column {
        border-bottom: 0 none !important;
        display: block;
        text-align: left !important;
        width: 100% !important;
    }
    .reservationDetails > div.buttons > a {
        display: block !important;
        float: none !important;
        text-align: center;
        width: 100%;
    }
    .reservationDetails > div.buttons > a.send {
        margin-bottom: 10px !important;
    }

}

/* Meldungen */

.alertMsg {
    color: #FFFFFF;
    display: block;
    font-size: 16px;
    font-weight: bold;
    padding: 15px 20px 15px 65px;
    position: relative;
    text-align: left;
    text-shadow: 0 0 2px #000000;
    white-space: nowrap;
}
.alertMsg:before {
    content: "";
    height: 40px;
    left: 15px;
    margin: -20px 0 0;
    position: absolute;
    top: 50%;
    width: 40px;    
}
.errorMsg {
    background: rgb(237,85,100); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(237,85,100,1) 0%, rgba(219,68,83,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(237,85,100,1)), color-stop(100%,rgba(219,68,83,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(237,85,100,1) 0%,rgba(219,68,83,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(237,85,100,1) 0%,rgba(219,68,83,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(237,85,100,1) 0%,rgba(219,68,83,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(237,85,100,1) 0%,rgba(219,68,83,1) 100%); /* W3C */
}
.errorMsg:before {
    background: url("/images/ico_error.png") scroll no-repeat center center;
}
.infoMsg {
    background: rgb(80,193,233); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(80,193,233,1) 0%, rgba(0,158,216,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(80,193,233,1)), color-stop(100%,rgba(0,158,216,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(80,193,233,1) 0%,rgba(0,158,216,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(80,193,233,1) 0%,rgba(0,158,216,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(80,193,233,1) 0%,rgba(0,158,216,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(80,193,233,1) 0%,rgba(0,158,216,1) 100%); /* W3C */
}
.infoMsg:before {
    background: url("/images/ico_information.png") scroll no-repeat center center;
}
.successMsg {
    background: rgb(160,212,104); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(160,212,104,1) 0%, rgba(141,193,83,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(160,212,104,1)), color-stop(100%,rgba(141,193,83,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(160,212,104,1) 0%,rgba(141,193,83,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(160,212,104,1) 0%,rgba(141,193,83,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(160,212,104,1) 0%,rgba(141,193,83,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(160,212,104,1) 0%,rgba(141,193,83,1) 100%); /* W3C */
}
.successMsg:before {
    background: url("/images/ico_success.png") scroll no-repeat center center;
}
.warningMsg {
    background: rgb(255,206,85); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255,206,85,1) 0%, rgba(246,187,67,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,206,85,1)), color-stop(100%,rgba(246,187,67,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255,206,85,1) 0%,rgba(246,187,67,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255,206,85,1) 0%,rgba(246,187,67,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255,206,85,1) 0%,rgba(246,187,67,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(255,206,85,1) 0%,rgba(246,187,67,1) 100%); /* W3C */
}
.warningMsg:before {
    background: url("/images/ico_warning.png") scroll no-repeat center center;
}

/*! jQuery UI - v1.11.4 - 2015-06-02
* http://jqueryui.com
* Includes: core.css, selectable.css, datepicker.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS%2CTahoma%2CVerdana%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=gloss_wave&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=highlight_soft&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=glass&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=glass&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=highlight_soft&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=diagonals_thick&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=diagonals_thick&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=flat&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
* Copyright 2015 jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-clearfix {
	min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0); /* support: IE8 */
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
}


/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/*.ui-selectable {
	-ms-touch-action: none;
	touch-action: none;
}*/
.ui-selectable-helper {
	display: none;
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}

/* Component containers
----------------------------------*/
.ui-widget {
	font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
	font-size: 1.1em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
	font-size: 1em;
}
.ui-widget-content {
	border: 1px solid #dddddd;
	background: #eeeeee url("images/ui-bg_highlight-soft_100_eeeeee_1x100.png") 50% top repeat-x;
	color: #333333;
}
.ui-widget-content a {
	color: #333333;
}
.ui-widget-header {
	border: 1px solid #e78f08;
	background: #f6a828 url("images/ui-bg_gloss-wave_35_f6a828_500x100.png") 50% 50% repeat-x;
	color: #ffffff;
	font-weight: bold;
}
.ui-widget-header a {
	color: #ffffff;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	border: 1px solid #cccccc;
	background: #f6f6f6 url("images/ui-bg_glass_100_f6f6f6_1x400.png") 50% 50% repeat-x;
	font-weight: bold;
	color: #1c94c4;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
	color: #1c94c4;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	border: 1px solid #fbcb09;
	background: #fdf5ce url("images/ui-bg_glass_100_fdf5ce_1x400.png") 50% 50% repeat-x;
	font-weight: bold;
	color: #c77405;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
	color: #c77405;
	text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	border: 1px solid #fbd850;
	background: #ffffff url("images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;
	font-weight: bold;
	color: #eb8f00;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #eb8f00;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #fed22f;
	background: #ffe45c url("images/ui-bg_highlight-soft_75_ffe45c_1x100.png") 50% top repeat-x;
	color: #363636;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #363636;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #cd0a0a;
	background: #b81900 url("images/ui-bg_diagonals-thick_18_b81900_40x40.png") 50% 50% repeat;
	color: #ffffff;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #ffffff;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #ffffff;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70); /* support: IE8 */
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35); /* support: IE8 */
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url("images/ui-icons_222222_256x240.png");
}
.ui-widget-header .ui-icon {
	background-image: url("images/ui-icons_ffffff_256x240.png");
}
.ui-state-default .ui-icon {
	background-image: url("images/ui-icons_ef8c08_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
	background-image: url("images/ui-icons_ef8c08_256x240.png");
}
.ui-state-active .ui-icon {
	background-image: url("images/ui-icons_ef8c08_256x240.png");
}
.ui-state-highlight .ui-icon {
	background-image: url("images/ui-icons_228ef1_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url("images/ui-icons_ffd27a_256x240.png");
}

/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 4px;
}

/* Overlays */
.ui-widget-overlay {
	background: #666666 url("images/ui-bg_diagonals-thick_20_666666_40x40.png") 50% 50% repeat;
	opacity: .5;
	filter: Alpha(Opacity=50); /* support: IE8 */
}
.ui-widget-shadow {
	margin: -5px 0 0 -5px;
	padding: 5px;
	background: #000000 url("images/ui-bg_flat_10_000000_40x100.png") 50% 50% repeat-x;
	opacity: .2;
	filter: Alpha(Opacity=20); /* support: IE8 */
	border-radius: 5px;
}