/* #### syne_reset.css ####
   Version: 1.0
   letzte Änderung: 23.10.2012
   Verfasser: Eric Meyer, Uwe Mutz
   
   ######################## */

* {
    box-sizing:border-box;
    position:relative;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

body {
	line-height:1rem;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* ---- SYNE: ---- */
img, embed, object, video {
	max-width:100%;
	height:auto;
}
/* ENDE SYNE */
/* #### syne_basic.css ####
   Version: 1.1
   letzte Änderung: 2.4.2013
   Verfasser: Uwe Mutz
   ######################## */

* {
    margin:0px;
    padding:0px;
}
html {
	height:100vh%;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	-moz-osx-font-smoothing: grayscale;
	font-feature-settings: 'liga';
}

body {
	min-height:100%;	
	font-size:100%;
	font-size:1em;
	line-height:1.5em;
	font-family:"PT Sans",Arial,sans-serif;
	zoom: 1.0;

}

ol, ul, dl dd, dl dl {
	margin-left:2em;
}
dl dt {
    font-weight:bold;
}
dl {
	margin-bottom:0.8em;
}

b, em, strong {
	font-weight:bold;
}

nav ul {
	margin-left:0px;
	display:block;
	list-style-type:none;
}

a[onclick] {
	cursor:pointer;
}

figure {
  position: relative;
}
figure img,
figure object,
figure embed,
figure video {
	max-width: 100%;
	display: block;
}
figcaption {
	font-style:italic;
	font-size:80%;
	line-height:1.2em;
    text-align:right;
}

img {
	border: 0;
	-ms-interpolation-mode: bicubic;
}

hr {
	margin:auto;
	width:100%;
	border-top:1px solid #ccc;
	border-bottom:1px solid #eee;
	border-left:none;
	border-right:none;
	height:0px;
	border-collapse:collapse;
}

/* ---- common: ---- */
block {
	display:block;
}

.cleaner {
	clear:both !important;
	float:none !important;
	height:0px;
	font-size:0px;
}
.cleaner2 {
	clear:both !important;
	float:none !important;
}
.floatL {
	display:block;
	float:left !important;
	clear:none !important;
}
.floatR {
	display:block;
	float:right !important;
	clear:none !important;
}
.noFloat {
	float:none !important;
}
.clearL {
	clear:left !important;
}
.clearR {
	clear:right !important;
}
.H { display:none !important; }
.H2 { visibility:hidden !important; width:0px; height:0px; }
.H3 { display:none; }
.H4 { visibility:hidden; }
.V { display:block !important; }
.V2 { visibility:visible !important; width:auto; height:auto; }
.V3 { display:block; }
.V4 { visibility:visible; }

.click, [role=button] {
	cursor:pointer;
}

.move {
	cursor:move;
}

.numeric {
	text-align:right;
}
input.numeric {
	width:5em;
}

.table {
	display:table;
	border-collapse:collapse;
	table-layout:auto;
}
.tr {
	display:table-row;
}
.td {
	display:table-cell;
	vertical-align:top;
}

.sticky {
	position:-webkit-sticky;
	position:sticky;
}
/* ENDE common: ---- */


.flexbox {
	display:flex;
	flex-wrap:nowrap;
	justify-content:space-around;
}
.flexelem {
	flex-grow:1;
	flex-shrink:1;
}

.flexcenter {
	justify-content:center;
	align-items:center;
}

@media screen and (max-width:48em) {
	.flexbox {
		flex-direction:column;
	}
}

.flexbox_all {
	display:flex;
	justify-content:flex-start;
	align-items:center;
	align-content:flex-start;
}
.flexbox_all>* {
	flex-grow:1;
	align-self:flex-start;
}
.flexbox_all>:last-of-type {
	flex-basis:auto;
	flex-shrink:1;
	width:auto;
}

.grid {
	margin:0px;
	padding:0px;
	display:grid;
	justify-items:stretch;
	justify-content:stretch;
	align-items:stretch;
}
.grid.fullheight {
	height:100vh;
}

.grid>* {
	padding:0px;
	margin:0px;
}

td.rotate_90 {
	vertical-align:middle;
}
td.rotate_90 span {
	transform: rotate(90deg);
	display:block;
	line-height:1em;
	text-align:left;
}
/* #### syne_grid.css ####
   Version: 1.3
   letzte Änderung: 25.5.2018
   Verfasser: Uwe Mutz
   ####################### */

/* #### SYNE GRID auf CSS-Grid Basis: #### */
.synegrid {
	--width:100em;
	--gap:1em;
	--mtop:0px;
	--mbottom:0px;
	--ptop:1em;
	--pbottom:1em;
	--pleft:1em;
	--pright:1em;
	
	display:grid;
	grid-gap:var(--gap);
	grid-template-columns:repeat(12,1fr);
	
	max-width:var(--width);
	margin:auto;
	padding-top:var(--ptop);
	padding-bottom:var(--pbottom);
}
.synegrid.nocols {
	display:block;
}

/* .synegrid:not(.fullwidth) { */
.synegrid {
	padding:var(--ptop) var(--pright) var(--pbottom) var(--pleft);
}
.synegrid.fullwidth {
    --width:100%;
	/*
	padding:var(--ptop) 0px var(--pbottom) 0px;
	*/
}

.synegrid [class^='col-'] {
	
}
.synegrid [class^='tcol-'] {
	column-gap:1em;
}

/*
.synegrid [class$='-12'] {
	grid-column: span 12;
}
.synegrid [class$='-11'] {
	grid-column: span 11;
}
.synegrid [class$='-10'] {
	grid-column: span 10;
}
.synegrid [class$='-9'] {
	grid-column: span 9;
}
.synegrid [class$='-8'] {
	grid-column: span 8;
}
.synegrid [class$='-7'] {
	grid-column: span 7;
}
.synegrid [class$='-6'] {
	grid-column: span 6;
}
.synegrid [class$='-5'] {
	grid-column: span 5;
}
.synegrid [class$='-4'] {
	grid-column: span 4;
}
.synegrid [class$='-3'] {
	grid-column: span 3;
}
.synegrid [class$='-2'] {
	grid-column: span 2;
}
.synegrid [class$='-1'] {
	grid-column: span 1;
}
*/

@media screen and (max-width: 47.99999999rem) {
	.synegrid .col-sm-12 {
		grid-column: span 12;
	}
	.synegrid .col-sm-11 {
		grid-column: span 11;
	}
	.synegrid .col-sm-10 {
		grid-column: span 10;
	}
	.synegrid .col-sm-9 {
		grid-column: span 9;
	}
	.synegrid .col-sm-8 {
		grid-column: span 8;
	}
	.synegrid .col-sm-7 {
		grid-column: span 7;
	}
	.synegrid .col-sm-6 {
		grid-column: span 6;
	}
	.synegrid .col-sm-5 {
		grid-column: span 5;
	}
	.synegrid .col-sm-4 {
		grid-column: span 4;
	}
	.synegrid .col-sm-3 {
		grid-column: span 3;
	}
	.synegrid .col-sm-2 {
		grid-column: span 2;
	}
	.synegrid .col-sm-1 {
		grid-column: span 1;
	}

	.tcol-sm-1 {
  		column-count:1;
	}
	.tcol-sm-2 {
		column-count:2;
	}
	.tcol-sm-3 {
		column-count:3;
	}
}

@media screen and (min-width: 48rem) and (max-width:63.99999999rem) {
	.synegrid .col-md-12 {
		grid-column: span 12;
	}
	.synegrid .col-md-11 {
		grid-column: span 11;
	}
	.synegrid .col-md-10 {
		grid-column: span 10;
	}
	.synegrid .col-md-9 {
		grid-column: span 9;
	}
	.synegrid .col-md-8 {
		grid-column: span 8;
	}
	.synegrid .col-md-7 {
		grid-column: span 7;
	}
	.synegrid .col-md-6 {
		grid-column: span 6;
	}
	.synegrid .col-md-5 {
		grid-column: span 5;
	}
	.synegrid .col-md-4 {
		grid-column: span 4;
	}
	.synegrid .col-md-3 {
		grid-column: span 3;
	}
	.synegrid .col-md-2 {
		grid-column: span 2;
	}
	.synegrid .col-md-1 {
		grid-column: span 1;
	}

	.tcol-md-1 {
  		column-count:1;
	}
	.tcol-md-2 {
		column-count:2;
	}
	.tcol-md-3 {
		column-count:3;
	}
}
@media screen and (min-width: 64rem) {
	.synegrid .col-lg-12 {
		grid-column: span 12;
	}
	.synegrid .col-lg-11 {
		grid-column: span 11;
	}
	.synegrid .col-lg-10 {
		grid-column: span 10;
	}
	.synegrid .col-lg-9 {
		grid-column: span 9;
	}
	.synegrid .col-lg-8 {
		grid-column: span 8;
	}
	.synegrid .col-lg-7 {
		grid-column: span 7;
	}
	.synegrid .col-lg-6 {
		grid-column: span 6;
	}
	.synegrid .col-lg-5 {
		grid-column: span 5;
	}
	.synegrid .col-lg-4 {
		grid-column: span 4;
	}
	.synegrid .col-lg-3 {
		grid-column: span 3;
	}
	.synegrid .col-lg-2 {
		grid-column: span 2;
	}
	.synegrid .col-lg-1 {
		grid-column: span 1;
	}

	.tcol-lg-1 {
  		column-count:1;
	}
	.tcol-lg-2 {
		column-count:2;
	}
	.tcol-lg-3 {
		column-count:3;
	}
}
/*
@media screen and (min-width: 80rem) {
	.synegrid .col-xl-12 {
		grid-column: span 12;
	}
	.synegrid .col-xl-11 {
		grid-column: span 11;
	}
	.synegrid .col-xl-10 {
		grid-column: span 10;
	}
	.synegrid .col-xl-9 {
		grid-column: span 9;
	}
	.synegrid .col-xl-8 {
		grid-column: span 8;
	}
	.synegrid .col-xl-7 {
		grid-column: span 7;
	}
	.synegrid .col-xl-6 {
		grid-column: span 6;
	}
	.synegrid .col-xl-5 {
		grid-column: span 5;
	}
	.synegrid .col-xl-4 {
		grid-column: span 4;
	}
	.synegrid .col-xl-3 {
		grid-column: span 3;
	}
	.synegrid .col-xl-2 {
		grid-column: span 2;
	}
	.synegrid .col-xl-1 {
		grid-column: span 1;
	}

	.tcol-xl-1 {
  		column-count:1;
	}
	.tcol-xl-2 {
		column-count:2;
	}
	.tcol-xl-3 {
		column-count:3;
	}
}
*/
/* ENDE SYNE GRID auf CSS-Grid Basis: #### */


.container, .row, [class^='col-'] {
	margin:0px;
	padding:0px;
	box-sizing:border-box;
}

.container {
}

.row {
	display:flex;
	flex-wrap:wrap;
	margin:auto;
	max-width:100%;
	padding-left:1em;
	padding-right:1em;
}
.row.nopadding {
	padding:0px;
}

[class^='col-'] {
	flex:0 1 auto;
}
[class^='tcol-'] {
	column-gap:4.85%;
}


/* col-xs-12 col-sm-12 col-md-12 col-lg-12 */
/* ---- Spalten mit Abstand (1.9% auf beiden Seiten): ---- */
/*
.row:not(.nomargin) [class^='col-'] {
	margin-left:1.9%;
	margin-right:1.9%;
	padding:0px;
}
*/
.row [class^='col-'] {
	margin-left:1.9%;
	margin-right:1.9%;
	padding:0px;
}
.row.nomargin [class^='col-'] {
	margin-left:0px;
	margin-right:0px;
	padding:0px;
}
.row [class^='col-']:first-of-type {
	margin-left:0px;
}
.row [class^='col-']:last-of-type {
	margin-right:0px;
}


/*
.row .col-xs-12:first-of-type {
		margin-left:0px;
}
.row .col-xs-12:last-of-type {
		margin-right:0px;
}
*/
/* ENDE Spalten mit Abstand (1.9% auf beiden Seiten): ---- */


@media screen and (max-width: 47.99999999rem) {
.row .col-xs-12 {
		margin:0px;
}

	.row .col-xs-12 {
		margin-left:0px;
		margin-right:0px;
		flex:0 1 100%;
		max-width:100%;
	}
	.row .col-xs-11 {
		flex:0 1 91.35%;
		max-width:91.35%;
	}
	.row .col-xs-10 {
		flex:0 1 82.7%;
		max-width:82.7%;
	}
	.row .col-xs-9 {
		flex:0 1 74.05%;
		max-width:74.05%;
	}
	.row .col-xs-8 {
		flex:0 1 65.4%;
		max-width:65.4%;
	}
	.row .col-xs-7 {
		flex:0 1 56.75%;
		max-width:56.75%;
	}
	.row .col-xs-6 {
		flex:0 1 48.1%;
		max-width:48.1%;
	}
	.row .col-xs-5 {
		flex:0 1 39.45%;
		max-width:39.45%;
	}
	.row .col-xs-4 {
		flex:0 1 30.8%;
		max-width:30.8%;
	}
	.row .col-xs-3 {
		flex:0 1 22.15%;
		max-width:22.15%;
	}
	.row .col-xs-2 {
		flex:0 1 13.5%;
		max-width:13.5%;
	}
	.row .col-xs-1 {
		flex:0 1 4.85%;
		max-width:4.85%;
	}
	
	.row .tcol-xs-1 {
		-moz-column-count: 1;
		-webkit-column-count: 1;
  		column-count:1;
	}
	.row .tcol-xs-2 {
		-moz-column-count: 2;
		-webkit-column-count: 2;
		column-count:2;
	}
	.row .tcol-xs-3 {
		-moz-column-count: 3;
		-webkit-column-count: 3;
		column-count:3;
	}
}

@media screen and (min-width: 48rem) and (max-width:61.99999999rem) {
	.row:not(.nomargin) *[class*='-sm-12'] {
		margin:0px;
	}
	.row {
	}
	.row .col-sm-12 {
		margin-left:0px;
		margin-right:0px;
		flex:0 1 100%;
		max-width:100%;
	}
	.row .col-sm-11 {
		flex:0 1 91.35%;
		max-width:91.35%;
	}
	.row .row .col-sm-10 {
		flex:0 1 82.7%;
		max-width:82.7%;
	}
	.row .col-sm-9 {
		flex:0 1 74.05%;
		max-width:74.05%;
	}
	.row .col-sm-8 {
		flex:0 1 65.4%;
		max-width:65.4%;
	}
	.row .col-sm-7 {
		flex:0 1 56.75%;
		max-width:56.75%;
	}
	.row .col-sm-6 {
		flex:0 1 48.1%;
		max-width:48.1%;
	}
	.row .col-sm-5 {
		flex:0 1 39.45%;
		max-width:39.45%;
	}
	.row .col-sm-4 {
		flex:0 1 30.8%;
		max-width:30.8%;
	}
	.row .col-sm-3 {
		flex:0 1 22.15%;
		max-width:22.15%;
	}
	.row .col-sm-2 {
		flex:0 1 13.5%;
		max-width:13.5%;
	}
	.row .col-sm-1 {
		flex:0 1 4.85%;
		max-width:4.85%;
	}
	
	.row .tcol-sm-1 {
		-moz-column-count: 1;
		-webkit-column-count: 1;
  		column-count:1;
	}
	.row .tcol-sm-2 {
		-moz-column-count: 2;
		-webkit-column-count: 2;
		column-count:2;
	}
	.row .tcol-sm-3 {
		-moz-column-count: 3;
		-webkit-column-count: 3;
		column-count:3;
	}
}

@media screen and (min-width: 62rem)  and (max-width:78.24999999rem) {
	.row:not(.nomargin) *[class*='-md-12'] {
		margin:0px;
	}
	.row .col-md-12 {
		margin-left:0px;
		margin-right:0px;
		flex:0 1 100%;
		max-width:100%;
	}
	.row .col-md-11 {
		flex:0 1 91.35%;
		max-width:91.35%;
	}
	.row .col-md-10 {
		flex:0 1 82.7%;
		max-width:82.7%;
	}
	.row .col-md-9 {
		flex:0 1 74.05%;
		max-width:74.05%;
	}
	.row .col-md-8 {
		flex:0 1 65.4%;
		max-width:65.4%;
	}
	.row .col-md-7 {
		flex:0 1 56.75%;
		max-width:56.75%;
	}
	.row .col-md-6 {
		flex:0 1 48.1%;
		max-width:48.1%;
	}
	.row .col-md-5 {
		flex:0 1 39.45%;
		max-width:39.45%;
	}
	.row .col-md-4 {
		flex:0 1 30.8%;
		max-width:30.8%;
	}
	.row .col-md-3 {
		flex:0 1 22.15%;
		max-width:22.15%;
	}
	.row .col-md-2 {
		flex:0 1 13.5%;
		max-width:13.5%;
	}
	.row .col-md-1 {
		flex:0 1 4.85%;
		max-width:4.85%;
	}
	
	.row .tcol-md-1 {
		-moz-column-count: 1;
		-webkit-column-count: 1;
  		column-count:1;
	}
	.row .tcol-md-2 {
		-moz-column-count: 2;
		-webkit-column-count: 2;
		column-count:2;
	}
	.row .tcol-md-3 {
		-moz-column-count: 3;
		-webkit-column-count: 3;
		column-count:3;
	}
}

@media screen and (min-width: 78.25rem) {
	.row {
		max-width:71.25rem;
	}
	.row.fullwidth {
		max-width:100%;
	}
	.row .col-lg-12 {
		margin-left:0px;
		margin-right:0px;
		flex:0 1 100%;
		max-width:100%;
	}
	.row .col-lg-11 {
		flex:0 1 91.35%;
		max-width:91.35%;
	}
	.row .col-lg-10 {
		flex:0 1 82.7%;
		max-width:82.7%;
	}
	.row .col-lg-9 {
		flex:0 1 74.05%;
		max-width:74.05%;
	}
	.row .col-lg-8 {
		flex:0 1 65.4%;
		max-width:65.4%;
	}
	.row .col-lg-7 {
		flex:0 1 56.75%;
		max-width:56.75%;
	}
	.row .col-lg-6 {
		flex:0 1 48.1%;
		max-width:48.1%;
	}
	.row .col-lg-5 {
		flex:0 1 39.45%;
		max-width:39.45%;
	}
	.row .col-lg-4 {
		flex:0 1 30.8%;
		max-width:30.8%;
	}
	.row .col-lg-3 {
		flex:0 1 22.15%;
		max-width:22.15%;
	}
	.row .col-lg-2 {
		flex:0 1 13.5%;
		max-width:13.5%;
	}
	.row .col-lg-1 {
		flex:0 1 4.85%;
		max-width:4.85%;
	}
	
	.row .tcol-lg-1 {
		-moz-column-count: 1;
		-webkit-column-count: 1;
  		column-count:1;
	}
	.row .tcol-lg-2 {
		-moz-column-count: 2;
		-webkit-column-count: 2;
		column-count:2;
	}
	.row .tcol-lg-3 {
		-moz-column-count: 3;
		-webkit-column-count: 3;
		column-count:3;
	}
}

/* ---- Spalten ohne Abstand links und rechts: ---- */
.nomargin .col-xs-12 {
	flex:0 1 100%;
	max-width:100%;
}
.nomargin .col-xs-11 {
	flex:0 1 91.66666667%;
	max-width:91.66666667%;
}
.nomargin .col-xs-10 {
	flex:0 1 83.33333333%;
	max-width:83.33333333%;
}
.nomargin .col-xs-9 {
	flex:0 1 75%;
	max-width:75%;
}
.nomargin .col-xs-8 {
	flex:0 1 66.66666667%;
	max-width:66.66666667%;
}
.nomargin .col-xs-7 {
	flex:0 1 58.33333333%;
	max-width:91.66666667%;
}
.nomargin .col-xs-6 {
	flex:0 1 50%;
	max-width:50%;
}
.nomargin .col-xs-5{
	flex:0 1 41.66666667%;
	max-width:41.66666667%;
}
.nomargin .col-xs-4 {
	flex:0 1 33.33333333%;
	max-width:33.33333333%;
}
.nomargin .col-xs-3 {
	flex:0 1 25%;
	max-width:25%;
}
.nomargin .col-xs-2 {
	flex:0 1 16.66666667%;
	max-width:16.66666667%;
}
.nomargin .col-xs-1 {
	flex:0 1 8.33333333%;
	max-width:8.33333333%;
}
/* ENDE Spalten ohne Abstand links und rechts: ---- */

@font-face {
	font-family: 'PT Sans'; 
	src: url('../fonts/pts55f_w.eot'); 
	src: local('PT Sans'), url('../fonts/PTS55F_W.woff') format('woff'),url('../fonts/PTS55F_W.ttf') format('truetype'), url('../fonts/PTS55F_W.svg#PTSans-Regular') format('svg');}

@font-face {
	font-family: 'PT Sans'; 
	font-style: italic;
	src: url('../fonts/pts56f_w.eot'); 
	src: local('PT Sans Italic'), url('../fonts/PTS56F_W.woff') format('woff'),url('../fonts/PTS56F_W.ttf') format('truetype'), url('../fonts/PTS56F_W.svg#PTSans-Italic') format('svg');}

@font-face {
	font-family: 'PT Sans';
	src: url('../fonts/pts75f_w.eot');
	font-style: normal;
	font-weight: bold; 
	src: local('PT Sans Bold'), url('../fonts/PTS75F_W.woff') format('woff'),url('../fonts/PTS75F_W.ttf') format('truetype'), url('../fonts/PTS75F_W.svg#PTSans-Bold') format('svg');}

@font-face {
	font-family: 'PT Sans';
	font-style: italic;
	font-weight: bold; 
	src: url('../fonts/pts76f_w.eot'); 
	src: local('PT Sans Bold Italic'), url('../fonts/PTS76F_W.woff') format('woff'),url('../fonts/PTS76F_W.ttf') format('truetype'), url('../fonts/PTS76F_W.svg#PTSans-BoldItalic') format('svg');}

@font-face {
	font-family: 'PT Sans Caption'; 
	src: url('../fonts/ptc55f_w.eot');
	src: local('PT Sans Caption'), url('../fonts/PTC55F_W.woff') format('woff'),url('../fonts/PTC55F_W.ttf') format('truetype'), url('../fonts/PTC55F_W.svg#PTSans-Caption') format('svg');}

@font-face {
	font-family: 'PT Sans Caption';
	font-weight: bold; 
	src: url('../fonts/ptc75f_w.eot');
	src: local('PT Sans Caption Bold'), url('../fonts/PTC75F_W.woff') format('woff'),url('../fonts/PTC75F_W.ttf') format('truetype'), url('../fonts/PTC75F_W.svg#PTSans-CaptionBold') format('svg');}

@font-face {
	font-family: 'PT Sans Narrow';
	src: url('../fonts/ptn57f_w.eot');
	src: local('PT Sans Narrow'), url('../fonts/PTN57F_W.woff') format('woff'),url('../fonts/PTN57F_W.ttf') format('truetype'), url('../fonts/PTN57F_W.svg#PTSans-Narrow') format('svg');}

@font-face {
	font-family: 'PT Sans Narrow';
	font-weight: bold; 
	src: url('../fonts/ptn77f_w.eot');
	src: local('PT Sans Narrow Bold'), url('../fonts/PTN77F_W.woff') format('woff'),url('../fonts/PTN77F_W.ttf') format('truetype'), url('../fonts/PTN77F_W.svg#PTSans-NarrowBold') format('svg');}
/* ##### syne_ui.css ####
   Version: 1.2
   letzte Änderung: 6.9.2012
   Verfasser: Uwe Mutz
   
   ####################### */

/* #### testmode #### */
#testmode {
	display:none;
	z-Index:10000;
	position:fixed;
	left:0px;
	top:0px;
	bottom:0px;
	width:300px;
	background-color:rgba(0,0,0,0.9);
	color:#fff;
	font-size:small;
	line-height:1.2em;
	
	overflow:auto;
	padding:0.5em;
}
	#testmode .entry {
		margin-bottom:0.5em;
	}
	#testmode .object {
		color:#ccc;
	}
	#testmode .property {
		color:#fff;
		font-size:90%;
	}
/* ENDE testmode #### */


/* #### LStatus: #### */
#LStatus2,
.push {
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	left:50%;
	position:fixed;
	max-width:20rem;
	height:auto;
	max-height:80%;
	padding:2em;
	top:20%;
	margin:auto;
	z-Index:100;
	overflow:auto;
	/*
	background-image:url(../images/hg_status.png);
	background-repeat:no-repeat;
	*/
	background-color:#ECECE5;

	-webkit-border-radius:2rem;
	-moz-border-radius:2rem;
	border-radius:2rem;
    -webkit-box-shadow: 0px 0px 1rem #666;
    -moz-box-shadow: 0px 0px 1rem #666;
    box-shadow: 0px 0px 1rem #666;

	border:1px solid #fff;
	display:none;
	color:#333;
	text-shadow:1px 1px 0px #eee;
    
    --success:#009EE0;
    --info:#F7931E;
    --warning:#F7931E;
    --alert:#F7931E;
    --error:#900;
	
	/* behavior: url(/system/includes/htc/PIE.htc); */
}
	#LStatus2 footer, .push footer {
		margin-top:1rem;
		border-top:1px dotted #fff;
	}
	#LStatus2 button, .push button {
		margin-top:1rem;
		display:block;
	}
	img.LoaderPic {
		width:32px;
		height:32px;
		padding:8px;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		border-radius:3px;
		background-color:#fff;
	
		/* behavior: url(/system/includes/htc/PIE.htc); */
	}
	#LStatus2 img.symbol, .push img.symbol {
		margin-bottom:0.2rem;
	}
	
	#LStatus2 h1, .push h1 {
		margin-top:0px;
		margin-bottom:0.3rem;
		color:#fff;
		font-size:120%;
		letter-spacing:0.1rem;
		background:none !important;
	}

#LStatus2 button {
    background-color:white;
    border:1px solid #ccc;
    border-radius:0.2em;
    padding:0.5em 1em;
    transition: border-color 0.5s, color 0.2s;
}
#LStatus2 button:hover {
    background-color:#ccc;
    color:white;
}

#LStatus2 .msg_success button {
    color:var(--success);
    border-color:var(--success);
}
#LStatus2 .msg_success button:hover {
    background-color:var(--success);
    color:white;
}



		#LStatus2 h1.msg_error,
        .push h1.msg_error {
			color:var(--error);
			border-bottom-color:var(--error);
		}
		#LStatus2 h1.msg_alert, .push h1.msg_alert {
			color:var(--alert);
			border-bottom-color:var(--alert);
		}
		#LStatus2 h1.msg_warning, .push h1.msg_warning {
			color:var(--warning);
			border-bottom-color:var(--warning);
		}
		#LStatus2 h1.msg_info, .push h1.msg_info {
			color:var(--info);
			border-bottom-color:var(--info);
		}
		#LStatus2 h1.msg_success, .push h1.msg_success {
			color:var(--success);
			border-bottom-color:var(--success);
		}
	#LStatus2 p, .push p {
		text-align:left;
	}
	
	#LStatus2 a, #LStatus2 a:link {
		color:#fff;
	}
	
.push {
	display:block;
}
.push a, .push a:link {
	color:#009EE0;
}


input[type=button].BOBtn2, button.BOBtn2 {
	width:3em;
	height:3em;
	margin:0.25em;
	padding:0px;
	background:none;
	border:none !important;
	cursor:pointer;
}
fieldset.BOBtn2FS {
	text-align:center;
	border:none;
}

.emoticon {
	display:block;
	margin:auto;
	margin-bottom:3em;
	margin-top:2em;
}
.emoticon img {
	display:block;
	margin:auto;
}

.loader, .loader2 {
	margin:auto;
	display:block;
	
	-moz-border-radius:0.5em;
	-webkit-border-radius:0.5em;
	border-radius:0.5em;
	padding:0.75em;
	
	background:none;
}
.loader .td:first-of-type {
	width:2em;
	height:2em;
}
.loader img {
	width:2em;
	height:2em;
}
.loader .td {
	padding:0.5em;
}
/* ENDE LStatus: #### */

.ui_common .success {
	margin-bottom:5px;
	font-style:italic;
	color:#009EE0;
}
.ui_common .error {
	border:1px solid #FC6;
	background-color:#FFC;
	font-weight:normal;
	color:#333;
	padding:0.5em;
	margin-bottom:1em;
	font-weight:bold;
	border-left-width:10px;
}
	.ui_common .error.details, .ui_common .error .details {
		font-weight:normal;
		font-style:normal;
		font-size:90%;
	}
	
.testmode {
	border:1px solid #FC6;
	background-color:#FFC;
	font-weight:normal;
	color:#333;
	padding:0.5em;
	margin-bottom:1em;
	font-weight:normal;
	border-left-width:10px;
}

/* ---- Messages: ---- */
.msgdisplay_1 {
	position:fixed;
	top:0px;
	left:50%;
	width:400px;
	margin-left:-150px;
	height:auto;
	background-color:rgb(0,158,224);
	padding:1em;
	padding-top:0.1em;
	padding-bottom:0.1em;

	-moz-border-radius:0px 0px 0.5em 0.5em;
	-webkit-border-radius:0px 0px 0.5em 0.5em;
	border-radius:0px 0px 0.5em 0.5em;
	
	-webkit-box-shadow: 0px 3px 10px #999;
	-moz-box-shadow: 0px 3px 10px #999;
	box-shadow: 0px 3px 10px #999;
	
	border:2px solid #fff;
	border-top:none;

	text-align:center;
	z-Index:1002;
	
	/* behavior: url(/system/includes/htc/PIE.htc); */
}
	.msgdisplay_1 h1 {
		font-family:"PT Sans",Helvetica,Verdana,Arial,sans-serif;
		font-weight:normal;
		font-size:90%;
		text-transform:uppercase;
		color:#eee;
		margin:0px;
		margin-bottom:0.2em;
		line-height:1.2em;
	}
	.msgdisplay_1 p {
		line-height:1.2em;
		color:#fff;
		font-size:80%;
	}
/* ENDE Messages: ---- */


/* #### ui_0 (User Interface Design 0 - Standard) #### */
#COverlay.ui_common, .Overlay {
	background-color:rgba(255,255,255,0.9);
	background-color:#ecece5;
	position:fixed;
	left:50%;
	top:50%;
	width:500px;
	min-height:200px;
	max-height:500px;
	margin-left:-200px;
	margin-top:-200px;
	z-Index:90;
	color:#000;
	padding:0.5em;
	
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	border:3px solid #fff;
    -webkit-box-shadow: 0px 0px 5px #666;
    -moz-box-shadow: 0px 0px 5px #666;
    box-shadow: 0px 0px 5px #666;
	
	display:none;
	position:relative;
	overflow:auto;
	
	/* behavior: url(/system/includes/htc/PIE.htc); */
}

.Overlay {
	margin-left:0px;
	margin-top:0px;
	
	position:fixed;
	width:auto;
	height:auto;
	max-height:100%;
	left:10%;
	top:10%;
	right:10%;
	bottom:10%;
	
	/*
	-webkit-column-count:3;
	-moz-column-count:3;
	column-count:3;
	*/
}

.ui_1 #COverlay.ui_common.show, #COverlay.ui_common.show {
	display:block;
}

.ui_common #CForm {
}


/* ---- ALLGEMEINE FORMATIERUNG: ---- */
body.ui_common {
	font-family:"PT Sans",Helvetica,Verdana,Arial,sans-serif;
}

.ui_common h1, .ui_common h2, .ui_common h3, .ui_common h4, .ui_common h5, .ui_common h6 {
	font-weight:normal;
	text-transform:uppercase;
	float:none;
	clear:both;
	color:#333;
	margin-bottom:0.8em;
	margin-top:1.2em;
}
.ui_common h1 {
	font-size:120%;
	border-bottom:1px dotted #009ee0;
	padding:0px;
	margin:0px;
	padding-bottom:0.1em;
	margin-bottom:0.8em;
	width:100%;
	color:#009EE0;
	color:#009ee0;
}
.ui_common h2 {
	font-size:110%;
}
.ui_common h3 {
	font-size:100%;
}

.ui_common .noBG {
	background:none !important;
}

.ui_common a, ui_common a:link {
	text-decoration:none;
	color:#445;
}
.ui_common a:not(:first-line) {
	color:#333;
}

.ui_common .info.label {
	width:60%;
	float:left;
	margin-left:1em;
}

.ui_common table, table.ui_common {
	table-layout:auto;
	border-collapse:separate;
	margin:auto;
}

.ui_common th, .ui_common td {
	border-collapse:collapse;
	padding:0.2em;
	border-bottom:1px solid #999;
	border-right:1px solid #999;
}

.ui_common th {
	border-bottom-width:2px;
	font-weight:bold;
}

.ui_common tr th:last-of-type, .ui_common tr td:last-of-type {
	border-right:none;
}

.ui_common tr:last-of-type td {
	border-bottom:none;
}
/* ENDE ALLGEMEINE FORMATIERUNG: ---- */


/* ---- Formularinhalte: ---- */
.ui_common label {
	display:block;
	margin-top:0.5em;
	margin-bottom:0.2em;
}
.ui_common input, .ui_common textarea, .ui_common select {
	display:block;
}

.ui_common label input[type=checkbox], .ui_common label input[type=radio] {
	display:inline;
	width:auto;
}

.ui_common .help {
	font-weight:bold;
	margin-left:0.5em;
	cursor: pointer;
	padding-left:0.3em;
	padding-right:0.3em;
}
.ui_common .info.help {
	display:none;
	font-weight:normal;
	font-size:100%;
}

.ui_common input:not([type=button]):not([type=submit]):not([type=reset]):not([type=checkbox]):not([type=radio]), .ui_common textarea {
	padding-top:0.2em;
	padding-bottom:0.2em;
	padding-left:0.5em;
	padding-right:0.5em;
	border-radius:3px;
	line-height:1.3em;
	background-color:#fff;
	border:1px solid #ccc;
}

.ui_common input[type=button],
.ui_common input[type=submit],
.ui_common input[type=reset],
.ui_common button {
	display:block;
	padding-top:0.2em;
	padding-bottom:0.2em;
	margin:auto;
	margin-top:0.5em;
	margin-bottom:0.5em;
	
	border-radius:0.5em;
	line-height:1.3em;
	background-color:#fff;
	border:2px solid #ccc;
}

.ui_common input[type=button].inline,
.ui_common input[type=submit].inline,
.ui_common input[type=reset].inline,
.ui_common button.inline {
	display:inline;
	margin-top:0px;
	margin-bottom:0px;
	margin:0px;
}


.ui_common textarea {
	min-height:auto;
	height:7em;
	width:100%;
	box-sizing:border-box;
	font:inherit;
}

.ui_common select {
	padding-top:0.2em;
	padding-bottom:0.2em;
}

.ui_common input.numeric {
	width:5em;
	text-align:right;
}
.ui_common input.readonly, .ui_common input[readonly] {
	border:none;
	background:none !important;
	width:100%;
}

.ui_common input:focus, .ui_common textarea:focus {
	box-shadow:0px 0px 5px #ccc;
	background-color:#fff;
}

.ui_common input[type=button]:hover,
.ui_common input[type=submit]:hover,
.ui_common input[type=reset]:hover,
.ui_common button:hover {
	box-shadow:0px 0px 5px #ccc;
}
/* ENDE Formularinhalte: ---- */


/* ---- Buttons: ---- */
.ui_common a.close {
	display:block;
	width:20px;
	height:20px;
	border:1px solid #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color:#c00;
	color:#fff;
	text-align:center;
	text-decoration:none;
	margin-bottom:0.5em;
	
	/* behavior: url(/system/includes/htc/PIE.htc); */
}

/* ENDE Buttons: ---- */


/* ---- allgemeine Formularfelder: ---- */
.readonly {
	border:none;
}
select.Datum {
	margin-right:0.5em;
}

label input[type=checkbox], label input[type=radio] {
	margin-right:0.8em;
	padding-top:0.5em;
	display:inline;
	width:auto !important;
}

label[required], label[data-required] {
	font-weight:bold;
}

/* ENDE allgemeine Formularfelder: ---- */
/* #### ui_1 (User Interface Design 0 - Standard) #### */




/* #### ui_1 (User Interface Design 1) #### */
.ui_1 #COverlay.ui_common {
	background-color:rgba(255,255,255,0.9);
	position:fixed;
	left:50%;
	top:50%;
	width:600px;
	min-height:200px;
	max-height:500px;
	margin-left:-300px;
	margin-top:-300px;
	z-Index:90;
	color:#000;
	padding:1em;
	
	-webkit-border-radius:1em;
	-moz-border-radius:1em;
	border-radius:1em;
	border:2px solid #fff;
    -webkit-box-shadow: 0px 0px 5px #666;
    -moz-box-shadow: 0px 0px 5px #666;
    box-shadow: 0px 0px 5px #666;
	
	display:none;
	
	/* behavior: url(/system/includes/htc/PIE.htc); */
}

/* ---- ALLGEMEINE FORMATIERUNG: ---- */
.ui_1 .ui_common h1, .ui_1 .ui_common h2, .ui_1 .ui_common h3, .ui_1 .ui_common h4, .ui_1 .ui_common h5, .ui_1 .ui_common h6 {
	font-weight:normal;
	text-transform:uppercase;
	float:none;
	clear:both;
}
/* ENDE ALLGEMEINE FORMATIERUNG: ---- */


/* ---- Formularinhalte: ---- */
.ui_1 .ui_common fieldset {
	border:none;
	margin-top:1em;
}
.ui_1 .ui_common legend {
	border-bottom:1px dotted #009EE0;
	padding:0px;
	margin:0px;
	padding-bottom:0.1em;
	margin-bottom:0.8em;
	width:100%;
	color:#009ee0;
	color:#009EE0;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	border-radius:0px;
	
	/* behavior: url(/system/includes/htc/PIE.htc); */
}
.ui_1 .ui_common label {
	display:block;
	/* font-size:90%; */
	margin-top:0.7em;
	margin-bottom:0em;
}
.ui_1 .ui_common label.required {
	font-weight:bold;
}
.ui_1 .ui_common input, .ui_1 .ui_common textarea  {
	display:block;
	padding:0.1em;
	padding-left:1em;
	padding-right:1em;
	background-color:#eee;
	font-size:100%;
	color:#333;
	-webkit-border-radius:1em;
	-moz-border-radius:1em;
	border-radius:1em;
	border:1px solid #ccc;
	width:auto;
	
	/* behavior: url(/system/includes/htc/PIE.htc); */
}
	.ui_1 .ui_common input.inline  {
		display:inline !important;
		float:none !important;
	}

	.ui_1 .ui_common input.numeric {
		width:4.5em;
	}

.ui_1 .ui_common select {
	font-size:100%;
	width:auto;
	color:#333;
}
.ui_1 .ui_common input[required=required],.ui_1 .ui_common textarea[required=required] {
	border:2px solid #009EE0;
}
.ui_1 .ui_common input:focus, .ui_1 .ui_common textarea:focus {
	background-color:#fff;
}
.ui_1 input[type=button], .ui_1 input[type=submit], .ui_1 button, .ui_1 .ui_common input[type=button], .ui_1 .ui_common input[type=submit], .ui_1 .ui_common button {
	float:none;
	clear:both;
	
	font-size:100%;
	padding:1em;
	padding-top:0.25em !important;
	padding-bottom:0.25em !important;
	margin:0.5em;
    
	-webkit-box-shadow: 0px 0px 0.25em #666;
    -moz-box-shadow: 0px 0px 0.25em #666;
    box-shadow: 0px 0px 0.25em #666;
	
	-moz-border-radius:1em;
	-webkit-border-radius:1em;
	border-radius:1em;
	border:none;

	background:-moz-linear-gradient(top, #fff, #ddd);
	background:-webkit-gradient (linear, left top, left bottom, from(#fff), to(#ddd));
	background:-webkit-linear-gradient(top, #fff, #ddd);
	background:-o-linear-gradient(top, #fff, #ddd);
	background:-ms-linear-gradient(top, #fff, #ddd);
	background:linear-gradient(top, #fff, #ddd);
	
	/*
	*/
	
	cursor:pointer;
	
	/* behavior: url(/system/includes/htc/PIE.htc); */
}
.ui_1:not(.mobile) input[type=button], .ui_1:not(.mobile) input[type=submit], .ui_1:not(.mobile) button, .ui_1:not(.mobile) .ui_common input[type=button], .ui_1:not(.mobile) .ui_common input[type=submit], .ui_1:not(.mobile) .ui_common button {
	width:auto;
	min-width:22px;
	margin:auto;
	margin-top:0.8em;
	margin-bottom:0.8em;
	margin-left:0.5em;
}

.ui_1 input[type=button]:hover, .ui_1 input[type=submit]:hover, .ui_1 button:hover {
	color:#009ee0;
}

.ui_1 .ui_common input[type=button]:hover, .ui_1 .ui_common input[type=submit]:hover, .ui_1 .ui_common button:hover {
	color:rgb(0,158,224);
}


.ui_1 .ui_common input[type=radio] {
	display:inline;
	margin-right:0.5em;
	margin-left:1em;
}
	
.ui_1 .ui_common textarea {
	display:block;
	width:auto;
	min-width:50%;
	height:5em;
}

.ui_1 .ui_common .help {
	font-weight:bold;
	margin-left:0.5em;
	cursor: pointer;
	padding-left:0.3em;
	padding-right:0.3em;
}
.ui_1 .ui_common .info.help {
	display:none;
	font-weight:normal;
	font-size:100%;
}

.ui_1 .ui_common ::-webkit-input-placeholder  {
	color:#999;
	font-style:italic;
	font-size:80%;
}
.ui_1 .ui_common input:-moz-placeholder {
	color:#999;
	font-style:italic;
	font-size:80%;
}

	/* ---- nebeneinander: ---- */
	.ui_1 .ui_common .inline {
		-moz-column-count:1;
		-moz-column-gap:1em;
		-webkit-column-count:1;
		-webkit-column-gap:1em;
		column-count:1;
		column-gap:1em;
	}
	.ui_1 .ui_common .inline label {
		display:block;
		float:left;
		clear:left;
		width:15em;
		text-align:right;
		margin-right:0.5em;
		margin-top:0.35em;
		margin-bottom:0.5em;
		margin-left:-1em;
		line-height:1.2em;
		
		-moz-border-radius:0px 0.5em 0.5em 0px;
		-webkit-border-radius:0px 0.5em 0.5em 0px;
		border-radius:0px 0.5em 0.5em 0px;
		padding:0.2em;
		padding-right:0.5em;
		padding-left:1em;
		
		background-color: #009ee0;
    	color: #fff;
	}
	.ui_1 .ui_common .inline input, .ui_1 .ui_common .inline select {
		display:block;
		float:left;
	}
	.ui_1 .ui_common .inline input[type=checkbox] {
		margin-top:0.5em;
	}
	.ui_1 .ui_common .inline input[type=button], .ui_1 .ui_common .inline input[type=submit] {
		float:none;
	}
	.ui_1 .ui_common .inline input[type=radio] {
		display:block;
		float:left;
		clear:left;
		margin:0px;
		margin-bottom:0.5em;
		margin-right:0.5em;
		margin-left:1em;
	}
	/* ENDE nebeneinander: ---- */
	
/* ENDE Formularinhalte: ---- */


/* ---- Buttons: ---- */
.ui_1 .ui_common .close {
    -webkit-box-shadow: 0px 0px 5px #666;
    -moz-box-shadow: 0px 0px 5px #666;
    box-shadow: 0px 0px 5px #666;
	
	display:block;
	width:20px;
	height:20px;
	border:2px solid #fff;
	-webkit-border-radius:0.5em;
	-moz-border-radius:0.5em;
	border-radius:0.5em;
	background-color:#c00;
	color:#fff;
	text-align:center;
	text-decoration:none;
	margin-bottom:0.5em;
	font-size:small;
	
	/*
	float:right;
	*/
	position:absolute;
	right:5px;
	top:5px;

	line-height:1em;
	padding-top:0.25em;
	
	/* behavior: url(/system/includes/htc/PIE.htc); */
}

/* ENDE Buttons: ---- */


/* ---- allgemeine Formularfelder: ---- */
/* ENDE allgemeine Formularfelder: ---- */
/* #### ui_1 (User Interface Design 1) #### */

/* #### ui_2 (User Interface Design 2) #### */
.ui_2 #COverlay.ui_common {
	background-color:rgba(255,255,255,0.9);
	position:fixed;
	left:50%;
	top:50%;
	width:600px;
	min-height:200px;
	max-height:500px;
	margin-left:-300px;
	margin-top:-300px;
	z-Index:90;
	color:#000;
	padding:1em;
	
	-webkit-border-radius:1em;
	-moz-border-radius:1em;
	border-radius:1em;
	border:2px solid #fff;
    -webkit-box-shadow: 0px 0px 5px #666;
    -moz-box-shadow: 0px 0px 5px #666;
    box-shadow: 0px 0px 5px #666;
	
	display:none;
	
	/* behavior: url(/system/includes/htc/PIE.htc); */
}

/* ---- ALLGEMEINE FORMATIERUNG: ---- */
.ui_2, .ui_2 button, .ui_2 textarea, .ui_2 input, .ui_2 select, .ui_2 label {
	font-family:"Conv_HelveticaNeue-LightCond",sans-serif;
}

.ui_2.ui_common h1, .ui_2 .ui_common h2, .ui_2 .ui_common h3, .ui_2 .ui_common h4, .ui_2 .ui_common h5, .ui_2 .ui_common h6 {
	font-weight:normal;
	text-transform:uppercase;
	float:none;
	clear:both;
}
/* ENDE ALLGEMEINE FORMATIERUNG: ---- */


/* ---- Formularinhalte: ---- */
.ui_2 .ui_common fieldset {
	border:none;
	margin-top:1em;
}
.ui_2 .ui_common legend {
	border-bottom:1px dotted #009EE0;
	padding:0px;
	margin:0px;
	padding-bottom:0.1em;
	margin-bottom:0.8em;
	width:100%;
	color:#009ee0;
	color:#009EE0;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	border-radius:0px;
	
	/* behavior: url(/system/includes/htc/PIE.htc); */
}
.ui_2 .ui_common label {
	display:block;
	/* font-size:90%; */
	margin-top:0.7em;
	margin-bottom:0em;
}
.ui_2 .ui_common label.required {
	font-weight:bold;
}
.ui_2 .ui_common input, .ui_2 .ui_common textarea  {
	display:block;
	padding:0.1em;
	padding-left:1em;
	padding-right:1em;
	background-color:#eee;
	font-size:100%;
	color:#333;
	-webkit-border-radius:1em;
	-moz-border-radius:1em;
	border-radius:1em;
	border:1px solid #ccc;
	width:auto;
	
	/* behavior: url(/system/includes/htc/PIE.htc); */
}
	.ui_2 .ui_common input.inline  {
		display:inline !important;
		float:none !important;
	}

	.ui_2 .ui_common input.numeric {
		width:4.5em;
	}

.ui_2 .ui_common select {
	font-size:100%;
	width:auto;
	color:#333;
}
.ui_2 .ui_common input[required=required], .ui_2 .ui_common textarea[required=required] {
	border:2px solid #009EE0;
}
.ui_2 .ui_common input:focus, .ui_2 .ui_common textarea:focus {
	background-color:#fff;
}
.ui_2 input[type=button], .ui_2 input[type=submit], .ui_2 button, .ui_2 .ui_common input[type=button], .ui_2 .ui_common input[type=submit], .ui_2 .ui_common button {
	float:none;
	clear:both;
	
	font-size:100%;
	font-face:inherit;
	padding:1em;
	padding-top:0.25em !important;
	padding-bottom:0.25em !important;
	margin:0.5em;
    
	/*
	-webkit-box-shadow: 0px 0px 0.25em #666;
    -moz-box-shadow: 0px 0px 0.25em #666;
    box-shadow: 0px 0px 0.25em #666;
	*/
	-moz-border-radius:0.2em;
	-webkit-border-radius:0.2em;
	border-radius:0.2em;
	border:1px solid #ddd;

	background:-moz-linear-gradient(top, #fff, #ddd);
	background:-webkit-gradient (linear, left top, left bottom, from(#fff), to(#ddd));
	background:-webkit-linear-gradient(top, #fff, #ddd);
	background:-o-linear-gradient(top, #fff, #ddd);
	background:-ms-linear-gradient(top, #fff, #ddd);
	background:linear-gradient(top, #fff, #ddd);
	cursor:pointer;
	
	/* behavior: url(/system/includes/htc/PIE.htc); */
}
.ui_2:not(.mobile) input[type=button], .ui_2:not(.mobile) input[type=submit], .ui_2:not(.mobile) button, .ui_2:not(.mobile) .ui_common input[type=button], .ui_2:not(.mobile) .ui_common input[type=submit], .ui_2:not(.mobile) .ui_common button {
	width:auto;
	min-width:1.5em;
	margin:auto;
	margin-top:0.8em;
	margin-bottom:0.8em;
	margin-left:0.5em;
}

.ui_2 input[type=button]:hover, .ui_2 input[type=submit]:hover, .ui_2 button:hover {
	color:#009ee0;
}

.ui_2 .ui_common input[type=button]:hover, .ui_2 .ui_common input[type=submit]:hover, .ui_2 .ui_common button:hover {
	color:rgb(0,158,224);
}


.ui_2 input[type=radio] {
	display:block;
	float:left;
	margin:0px;
	margin-top:0.4em;
	height:auto;
}
.ui_2 .ui_common input[type=radio] {
	display:inline;
	margin-right:0.5em;
	margin-left:1em;
}
	
.ui_2 .ui_common textarea {
	display:block;
	width:auto;
	min-width:50%;
	height:5em;
}

.ui_2 .ui_common .help {
	font-weight:bold;
	margin-left:0.5em;
	cursor: pointer;
	padding-left:0.3em;
	padding-right:0.3em;
}
.ui_2 .ui_common .info.help {
	display:none;
	font-weight:normal;
	font-size:100%;
}

.ui_2 .ui_common ::-webkit-input-placeholder  {
	color:#999;
	font-style:italic;
	font-size:80%;
}
.ui_2 .ui_common input:-moz-placeholder {
	color:#999;
	font-style:italic;
	font-size:80%;
}

	/* ---- nebeneinander: ---- */
	.ui_2 .ui_common .inline {
		-moz-column-count:1;
		-moz-column-gap:1em;
		-webkit-column-count:1;
		-webkit-column-gap:1em;
		column-count:1;
		column-gap:1em;
	}
	.ui_2 .ui_common .inline label {
		display:block;
		float:left;
		clear:left;
		width:15em;
		text-align:right;
		margin-right:0.5em;
		margin-top:0.35em;
		margin-bottom:0.5em;
		margin-left:-1em;
		line-height:1.2em;
		
		-moz-border-radius:0px 0.5em 0.5em 0px;
		-webkit-border-radius:0px 0.5em 0.5em 0px;
		border-radius:0px 0.5em 0.5em 0px;
		padding:0.2em;
		padding-right:0.5em;
		padding-left:1em;
		
		background-color: #009ee0;
    	color: #fff;
	}
	.ui_2 .ui_common .inline input, .ui_2 .ui_common .inline select {
		display:block;
		float:left;
	}
	.ui_2 .ui_common .inline input[type=checkbox] {
		margin-top:0.5em;
	}
	.ui_2 .ui_common .inline input[type=button], .ui_2 .ui_common .inline input[type=submit] {
		float:none;
	}
	.ui_2.ui_common .inline input[type=radio] {
		display:block;
		float:left;
		clear:left;
		margin:0px;
		margin-bottom:0.5em;
		margin-right:0.5em;
		margin-left:1em;
	}
	/* ENDE nebeneinander: ---- */
	
/* ENDE Formularinhalte: ---- */


/* ---- Buttons: ---- */
.ui_2 .ui_common .close {
    -webkit-box-shadow: 0px 0px 5px #666;
    -moz-box-shadow: 0px 0px 5px #666;
    box-shadow: 0px 0px 5px #666;
	
	display:block;
	width:20px;
	height:20px;
	border:2px solid #fff;
	-webkit-border-radius:0.5em;
	-moz-border-radius:0.5em;
	border-radius:0.5em;
	background-color:#c00;
	color:#fff;
	text-align:center;
	text-decoration:none;
	margin-bottom:0.5em;
	font-size:small;
	
	position:absolute;
	right:5px;
	top:5px;

	line-height:1em;
	padding-top:0.25em;
	
	/* behavior: url(/system/includes/htc/PIE.htc); */
}

/* ENDE Buttons: ---- */


/* ---- allgemeine Formularfelder: ---- */
/* ENDE allgemeine Formularfelder: ---- */
/* #### ui_1 (User Interface Design 1) #### */



/* #### ui_basic (nur Basisformatierung): #### */
.ui_common .ui_basic label, .ui_1 .ui_common .ui_basic label, .ui_1 .ui_common .inline .ui_basic label {
	display:inline;
	float:none;
	background:none;
	border:none;
	border-radius:none;
	-webkit-border-radius:none;
	-moz-border-radius:none;
	margin:0px;
	margin-right:0.5em;
	padding:0px;
	text-align:left;
	width:auto;
	
	color:inherit;
}
.ui_common .ui_basic input, .ui_1 .ui_common .ui_basic input, .ui_1 .ui_common .inline .ui_basic input,
.ui_common .ui_basic select, .ui_1 .ui_common .ui_basic select, .ui_1 .ui_common .inline .ui_basic select {
	display:inline;
	float:none;
}
/* ENDE ui_basic (nur Basisformatierung): #### */


/* #### ui_3: #### */
.ui_3 {
	
}


.ui_3 a {
	color:#009EE0;
	text-decoration:none;
}


/* ENDE ui_3: #### */

.dropper {
	width:10rem;
	height:10rem;
	margin:auto;
	margin-top:1rem;
	margin-bottom:1rem;
	border:3px dashed #ccc;
	background-color:#eee;
	border-radius:0.5rem;
	text-align:center;
	padding:1rem;
	box-sizing:border-box;
	color:#999;
	text-shadow:1px 1px 0px white;
	line-height:1.2rem;
}
.dropper:hover {
	border-color:#009EE0;
}
/* #### syne_responsive.css ####
   Version: 1.1
   letzte Änderung: 2.4.2013
   Verfasser: Uwe Mutz
   ############################# */

nav ul {
	display:block;
}

nav .menu {
	display:none;
}

	.mobileonly {
		display:none !important;
	}
	
nav.inline ul li {
	display:inline;
	margin-left:0px;
	margin-right:0.5em;
	padding-left:0.5em;
	padding-right:0px;
}
nav.inline ul li+li {
	border-left:1px dotted #333;
}

.mobileH {
	display:block;
}
.mobileV {
	display:block;
}

.ui_1 .btnMenu {
	display:none;
}


/* ---- Tabellen (exkl. MQ): ---- */
table.responsive {
	width:100%;
	font-size:0.75em;
	line-height:1.25em;
	border-collapse:collapse;
	border-spacing:0;
}

table.responsive th, table.responsive td {
	margin:0;
	padding:0.5em;
	vertical-align:top;
	border:1px solid #babcbf;
	background:#fff;
}
table.responsive th {
	text-align:left;
	background: #fff2b2;
}
/* ENDE Tabellen (exkl. MQ): ---- */


@media handheld, only screen and (max-width: 64em) {
	nav.responsive {
		margin-top:1em;
	}
	nav.responsive:not(.open) ul {
		display:none;
	}
	nav.responsive .menu {
		display:block;
	}
	nav.responsive:not(.inline) ul li {
		
		display:block;
		float:none;
		width:100%;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
		margin:0px;
		padding:0px;
		font-size:150%;
		text-align:center;
	}
	nav.responsive.inline ul li {
		display:inline-block;
		padding-left:0px;
		margin-right:0px;
		width:46%;
		vertical-align:middle;
		background:rgba(255,255,255,0.2);
		min-height:4em;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
		margin:1%;
	}
	nav.responsive.inline ul li+li {
		border-left:none;
	}
		nav.responsive ul li a {
			display:block;
			float:none;
			width:auto;
			border:none;
			margin:0px !important;
			padding:0.5em;
		}
		nav.responsive ul li .navspacer {
			display:none;
		}
		
	a:not(".nomobile") {
		display:inline-block;
		padding:0.5em;
		padding-top:0.2em;
		padding-bottom:0.2em;
		line-height:1.5em;
		font-size:120%;
		border:2px solid #eee;
		text-decoration:none;
		margin:0.1em;
		-moz-border-radius:0.5em;
		-webkit-border-radius:0.5em;
		border-radius:0.5em;
	}
	
	nav.responsive a {
		display:inherit;
		padding:inherit;
		padding-top:inherit;
		padding-bottom:inherit;
		line-height:inherit;
		font-size:inherit;
		border:none;
		text-decoration:inherit;
		margin:inherit;
		-moz-border-radius:inherit;
		-webkit-border-radius:inherit;
		border-radius:inherit;
	}
	
	.mobileonly {
		display:block !important;
	}
	
	
	/* ---- Tabellen (MQ): ---- */
	table.responsive {
		display:block;
		position:relative;
		width:100%;
	}
	table.responsive thead { display: block; float: left; }
	table.responsive tbody {
		display:block;
		width:auto;
		position:relative;
		overflow-x:auto; /* ENTSCHEIDEND! */
		white-space: nowrap; /* ENTSCHEIDEND! */
	}
	table.responsive thead tr { display: block; }
	table.responsive th { display: block; }
	table.responsive tbody tr { display: inline-block; vertical-align: top; }
	table.responsive td { display: block; min-height: 1.25em; }

	table.responsive th { border-bottom: 0; }
	table.responsive td { border-left: 0; border-right: 0; border-bottom: 0; }
	table.responsive tbody tr { border-right: 1px solid #babcbf; }
	table.responsive th:last-child,
	table.responsive td:last-child { border-bottom: 1px solid #babcbf; }

	/* ENDE Tabellen (MQ): ---- */
}

@media handheld, only screen and (max-width: 20rem) {
	#LStatus2 {
		height:auto;
		width:90%;
		margin:0px;
		left:5%;
		margin-left:0px;
		top:10%;
	}

	.mobileH {
		display:none;
	}
	.mobileV {
		display:block;
	}
}
/* ---- Smartphones, etc. ---- */
@media handheld, only screen and (max-width: 47.99999999rem) {
	/* 48rem = 768Px --> alles, was kleiner als 768Px ist*/

	.ui_1 .btnMenu {
		background-image:url(../images/icons/mobile/mobile_icon_menu.png);
		background-repeat:no-repeat;
		width:50px;
		height:50px;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		display:block;
		margin:auto;
		margin-bottom:0.5em;
		border-radius:0px;
		border:none;
		box-shadow:none;
	}
	
	#LStatus2 {
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
		left:10%;
		top:10%;
		right:10%;
		width:auto;
		height:auto;
		max-height: 80%;
		margin:auto;
	}
	
	input:not([type=button]), input:not([type=submit]), input:not([type=reset]), textarea {
		max-width:100%;
		/* width:100%; */
		height:auto;
	}
	
	.emoticon {
		margin-top:0em;
		margin-bottom:1em;
	}
	
	.row, .row2 {
		max-width:100%;
	}
	
	.twelvecol {
	}
}
/* CSS Document */

.syne_supersizedBG {
	position:fixed;
	width:100%;
	height:100%;
	left:0px;
	top:0px;
	z-Index:-1;
	background-repeat:no-repeat;
	background-size:cover;
}

/* #### syne_mobile.css ####
   Version: 1.1
   letzte Änderung: 27.8.2013
   Verfasser: Uwe Mutz
   ######################### */

input {
	border:1px solid #ccc;
}

.mobile header {
		
}

.mobile footer {
	
}

.mobile {
	
}

.mobile .mobileReposition {
	position:relative !important;
}

[data-role=page] {
}
.mobile #CTemp {
	position:absolute;
	left:100%;
	top:0px;
	width:100%;
	height:100%;
	z-Index:1;
}

#mobile_wrapper {
	position:relative;
}

button, input[type=button], input[type=submit], input[type=reset], [data-role=button] {
}
[data-iconpos=notext] {
	font-size:0px !important;
}
[data-inline=true] {
	display:inline-block !important;
}

[data-icon] {
	-webkit-border-radius:10%;
	-moz-border-radius:10%;
	border-radius:10%;
	background:-moz-linear-gradient(top, #333, #000);
	background:-webkit-gradient (linear, left top, left bottom, from(#333), to(#000));
	background:-webkit-linear-gradient(top, #333, #000);
	background:-o-linear-gradient(top, #333, #000);
	background:-ms-linear-gradient(top, #333, #000);
	background:linear-gradient(top, #333, #000);
	
	background-repeat:no-repeat;
	background-position:center;
}
[data-icon=delete] {
	background-image:url(../svg/icons/mobile/mobile_icon_delete.svg) !important;
}