body,td,th{font-family:verdana,arial,helvetica,sans-serif;font-size:9pt !important;color:#000}

a { text-decoration: none; color: blue; }
a:hover { text-decoration: underline; }

.disabled {
	pointer-events: none;
	opacity: 0.4;
}
.voiceIcon {
	display: inline-block;
}
#loginbox {
    margin-top: 30px;
}

#loginbox > div:first-child {
    padding-bottom: 10px;
}
.logoimage{
	margin: auto;
  	width: 150px;
  	height: 150px;
}
.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}
select {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background: url('images/dropdown.png') right / 20px no-repeat #fff !important;
        padding-right: 20px !important;
}

.btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}

td.details-control {
    background: url('images/plus.gif') no-repeat center center;
    cursor: pointer;
}
tr.shown td.details-control {
    background: url('images/minus.gif') no-repeat center center;
}
.form-group input[type="checkbox"] {
    display: none;
}

.form-group input[type="checkbox"] + .btn-group > label span {
    width: 20px;
}

.form-group input[type="checkbox"] + .btn-group > label span:first-child {
    display: none;
}
.form-group input[type="checkbox"] + .btn-group > label span:last-child {
    display: inline-block;
}

.form-group input[type="checkbox"]:checked + .btn-group > label span:first-child {
    display: inline-block;
}
.form-group input[type="checkbox"]:checked + .btn-group > label span:last-child {
    display: none;
}

/* BUTTON */
.button {
	display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.inbox-side-bar {
    height: 100%;
    position: absolute;
    background: #fff;
    display: block;
    width: 200px;
    padding: 10px 0 10px 14px;
    -webkit-overflow-scrolling: touch;
    z-index: 1;
}
.inbox-side-bar h6 {
    font-weight: 400;
    font-size: 11px;
    display: block;
    padding: 0 15px;
    text-transform: uppercase;
    color: #838383;
}


/* Labels */
.btn-startpage {
	display: inline-block;
    margin-bottom: 5px;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
	padding: 2px;
    font-size: 85%;
    line-height: 1.5;
    border-radius: 3px;
}
.btn-startpage .badge {
	font-size: 10px;
	padding: 3px;
	line-height: 1;
}
.btn-half {
	opacity: 0.5;
	filter: alpha(opacity=50);
}

.badge_small {
	font-size: 9px !important;
}

/* Seitenauswahl */

.seitenauswahl {
	display: table;
	font-size: 16px;
	vertical-align: middle;
	margin: 14px auto;
}
.seitenauswahl a{
	padding: 8px 15px;
	color: #0066c0;
	border: 1px solid #c9dde9;
	border-radius: 3px;
}
.seitenauswahl a:hover:not(.active) {
	color: #3d3d3d;
}
.seitenauswahl a.active {
	color: #232323;
}

.seitenauswahl  img {
	vertical-align: middle;
}
/* Circle */

.circle {
	position: relative;
	background-color: transparent;
	height: 28px;
	-webkit-border-radius: 75px;
	-moz-border-radius: 75px;
	border-radius: 75px;
	width: 28px;
	float: left;
	line-height: 27px;
	text-align: center;
	vertical-align: middle;
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 2px;
	margin-left: 2px;
}

.circle-red {
	background-color: rgba(255, 0, 9, 1) !important;
}
.circle-red_half {
	background-color: rgba(255, 0, 9, 0.3) !important;
}
.circle-blue {
	background-color: rgba(4, 137, 177, 1) !important;
}
.circle-blue_half {
	background-color: rgba(4, 137, 177, 0.3) !important;
}
.circle-green {
	background-color: rgba(58, 223, 0, 1) !important;
}
.circle-green_half {
	background-color: rgba(58, 223, 0, 0.3) !important;
}
.circle-yellow {
	background-color: rgba(127, 127, 1, 1) !important;
}
.circle-yellow_half {
	background-color: rgba(127, 127, 1, 0.3) !important;
}

/*  */
#login-box {
	width:333px;
	height: auto;
	margin: auto;
	padding: 15px 45px;
	color: #ebebeb;
	font: 12px Arial, Helvetica, sans-serif;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#191a1c+0,000000+100 */
	background: #191a1c; /* Old browsers */
	background: -moz-linear-gradient(top,  #191a1c 0%, #000000 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #191a1c 0%,#000000 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #191a1c 0%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#191a1c', endColorstr='#000000',GradientType=0 ); /* IE6-9 */

	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	border-radius: 5px;
}

#login-box img {
	border:none;
}

#login-box h2 {
	padding:0;
	margin:0;
	color: #ebebeb;
	font: bold 44px "Calibri", Arial;
}


#login-box-name {
	float: left;
	display:inline;
	width:80px;
	text-align: right;
	padding: 14px 10px 0 0;
	margin:0 0 7px 0;
}

#login-box-field {
	float: left;
	display:inline;
	width:230px;
	margin:0;
	margin:0 0 7px 0;
}
.sort-ASC{
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid black;
	margin-top: 4px;
	float: right;
}
.sort-DESC{
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid black;
	margin-top: 4px;
	float: right;
}
.settigns {
	width: 100%;
	border-spacing: 0px;
}
.settings tr th {
	font-size: 10px;
	width: 50%;
	font-weight: normal;
	text-align: left;
}
.settings tr th b {
	font-size: 12px;
}
.settings tr td {
	width: 50%;
}
.settings tr td td, .settings tr td th {
	width: auto;
}

.settings  tr:nth-child(even):not(.nRow) {
	background-color: #DDDDDD;
}
.settings  tr:nth-child(odd):not(.nRow) {
	background-color: #FFFFF;
}
.form-login  {
	display:block;
    	-moz-border-radius:4px;
    	-webkit-border-radius:4px;
    	border:1px solid #ACE;
    	font-size:16px;
    	padding: 10px 4px 6px 3px;
    	width: 205px;
}


.login-box-options  {
	clear:both;
	padding-left:87px;
	font-size: 11px;
}

.login-box-options a {
	color: #ebebeb;
	font-size: 11px;
}

.inputEdit
{
	-moz-box-shadow: 0px 0px 2px #000;
	-webkit-box-shadow: 0px 0px 2px #000;
	box-shadow: 0px 0px 2px #000;
	border:1px solid #ddd;
	background:#fff;
	border-radius: 4px;
	padding: 3px;
	margin-bottom: 5px;
}

textarea.inputEdit {
	resize: vertical;
	overflow: auto;
}

.img-zoom {
    width: 30px;
	height: 30px;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;

}

.transition {
	height: auto;
    -webkit-transform: scale(5);
    -moz-transform: scale(5);
    -o-transform: scale(5);
    transform: scale(5);

}


.loginButton{
    background-image: url(images/login-btn.png);
    background-color: transparent;
    background-repeat: no-repeat;
    width: 103px;
    height: 42px;
    border: 0px;

}

.resetButton{
    background-image: url(images/login-btr.png);
    background-color: transparent;
    background-repeat: no-repeat;
    width: 103px;
    height: 42px;
    border: 0px;

}
body {
	height: 100%;
	padding: 0px;
	margin: 0px;
}
/* remove outer padding */
.main .row{
	padding: 0px;
	margin: 0px;
}

/*Remove rounded coners*/
.sidebar .navbar-collapse{
	margin-top: 54px;
}
nav.sidebar.navbar {
	border-radius: 0px;
	border: 0;
}

nav.sidebar, .main{
	-webkit-transition: margin 200ms ease-out;
    -moz-transition: margin 200ms ease-out;
    -o-transition: margin 200ms ease-out;
    transition: margin 200ms ease-out;
}

/* Add gap to nav and right windows.*/
.main{
	padding: 10px 0;
	margin-top: 180px;
}
.text-light {
	color: #fff;
}
.topbar.navbar-fixed-top {
	top: 125px !important;
}
.navi_searchbar_wrapper {
	padding: 10px 0px;
}
@media (min-width: 768px) {
	.topbar .navbar-nav {
		margin-left: 15px !important;
	}
	.logo {
		margin-left: 15px;
	}
	.main{
		margin-top: 45px !important;
		position: absolute;
		width: calc(100% - 40px);
		margin-left: 40px;
		float: right;
	}
	.topbar.navbar-fixed-top {
		margin-left: 40px;
		top: 0 !important;
	}

	nav.sidebar:hover + .main{
		margin-left: 200px;
	}
	nav.sidebar:hover + .topbar.navbar-fixed-top{
		margin-left: 200px;
	}

	/*Center Brand*/
	nav.sidebar.navbar.sidebar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
		margin-left: 0px;
	}
	/*Center Brand*/
	nav.sidebar .navbar-brand, nav.sidebar .navbar-header{
		text-align: center;
		width: 100%;
		margin-left: 0px;
	}

	/*Center Icons*/
	nav.sidebar a{
		padding-right: 13px;
	}

	/*adds border top to first nav box */
	nav.sidebar .navbar-nav > li:first-child{
		border-top: 1px #e5e5e5 solid;
	}

	/*adds border to bottom nav boxes*/
	nav.sidebar .navbar-nav > li{
		border-bottom: 1px #e5e5e5 solid;
	}

	/* Colors/style dropdown box*/
	nav.sidebar .navbar-nav .open .dropdown-menu {
		position: static;
		float: none;
		width: auto;
		margin-top: 0;
		background-color: transparent;
		border: 0;
		-webkit-box-shadow: none;
		box-shadow: none;
	}

	/*allows nav box to use 100% width*/
	nav.sidebar .navbar-collapse, nav.sidebar .container-fluid{
		padding: 0 0px 0 0px;
	}

	/*colors dropdown box text */
	.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
		color: #777;
	}

	/*gives sidebar width/height*/
	nav.sidebar{
		width: 200px;
		height: 100%;
		margin-left: -160px;
		float: left;
		z-index: 8000;
		margin-bottom: 0px;
	}

	/*give sidebar 100% width;*/
	nav.sidebar li {
		width: 100%;
	}

	/* Move nav to full on mouse over*/
	nav.sidebar:hover{
		margin-left: 0px;
	}
	/*for hiden things when navbar hidden*/
	.forAnimate{
		opacity: 0;
	}
}

@media (min-width: 1330px) {
	.main{
		margin-top: 70px !important;
		width: calc(100% - 200px); /*keeps 100% minus nav size*/
		margin-left: 200px;
	}
	.topbar.navbar-fixed-top {
		margin-left: 200px !important;
		top: 0 !important;
	}

	/*Show all nav*/
	nav.sidebar{
		margin-left: 0px;
		float: left;
	}
	/*Show hidden items on nav*/
	nav.sidebar .forAnimate{
		opacity: 1;
	}
	.logo {
		margin: auto;
		margin-right: 15px;
	}
	nav.sidebar .logo {
		margin: auto !important;
	}
}

nav.sidebar .navbar-nav .open .dropdown-menu>li>a:hover, nav.sidebar .navbar-nav .open .dropdown-menu>li>a:focus {
	color: #CCC;
	background-color: transparent;
}

nav:hover .forAnimate{
	opacity: 1;
}
section{
	padding-left: 15px;
}
 /* LOGO etc. */
.logo {
	display: block;
	background-image: url(images/logo_big_white.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	width: 170px;
	height: 80px;
}
.logo div {
	color: white;
	margin-top: 70px;
	text-align:center;
}

.saveButton
{
	background: transparent url(images/save.png);
	background-size: 48px 48px;
	background-repeat: no-repeat;
	width: 48px;
	height: 48px;
	border: 0px;
	outline: none;
}


/* Tabellen */

.titlebar,.titlebar-blue{margin:0;width:100%;border-style:solid;border-width:1px}
.titlebar a {font-size:12px;}
.titlebar-purple{margin:0;width:100%;border-style:solid;border-top:1px solid #036;border-right:1px solid #036;border-bottom:0;border-left:1px solid #036}
.titlebar h2,.titlebar-blue h2{color:#000;font-size:13px;font-weight:bold;margin:0;text-align:left;vertical-align:middle}
.titlebar th,.titlebar-blue th{padding:6px;font-size:13px;font-weight:bold;vertical-align:middle;text-align:left;color:#000}
.titlebar-purple th{padding:6px;font-size:13px;font-weight:bold;vertical-align:middle;text-align:left;color:#fff}
.titlebardesc,.titlebardesc-blue{padding:6px;vertical-align:middle;font-size:11px;border-style:solid none none none;border-width:1px}
.titlebar{background:#e6e6e6 url(images/titlebar.gif) repeat-x;border-color:#ccc}
.titlebardesc{border-color:#ccc}
.titlebarnumber{background:#d48c45 url() repeat-x;width:30px;font-size:17px;font-weight:bold;vertical-align:middle;text-align:center;color:#fff;border-right:1px solid #ddd}

#table-wrapper {
  	position:relative;
}
#table-scroll {
  	max-height:500px;
  	overflow:auto;
}
#table-wrapper table {
  	width:100%;
}

.data-display{font-size:11px;background-color:#ddd;border:0;margin:0;padding:0;width:100%}
.data-display-field{font-size:11px;padding:6px; text-align: center;}
.data-display-field img.disabled{
	-webkit-filter: grayscale(1); /* Webkit */
    filter: gray; /* IE6-9 */
    filter: grayscale(1); /* W3C */
}
.data-display-header{font-size:11px;background-color:#fff;font-weight:bold;padding:4px;text-align:center;color:#000}

.list-row,.list-row-odd{background-color:#f4f4f4}
.list-row-even{background-color:#f8f8f8}
.list-row-highlight{background-color:#ffffd5}
.list-row-success{background-color:#ffc}
.list-row-empty{background-color:#f3f3f3}
.list-row-banner{background-color:#e6e6e6}
.list-row-white{background-color:#fff}
.list-row-grey{background-color:#dedbdb}
.list-row-green {background-color:#90ee90}
.list-row-red {background-color: #8B0000}
.list-row-orange {background-color: #FFB914}

.list-row-blueodd{background-color:#e7ebf7}
.list-row-blueeven{background-color:#f1f3fa}

.list-row-white:hover { background-color:#e6e6e6 }

.smaller {
font-size: 11px;
}

.myo-grey, .myo-grey a {
color: #666;
}

.white {

background-color: white;

}



div#preloadContent {
    display: none;
}

div#preloadLoading {
    margin-top 50%;
    margin-left: 50%;
    z-index: 1000;
    width: 31px;
    height: 31px;
    background: url(images/loader.gif) no-repeat;
    cursor: wait;
}

.page_sidebar {
	-webkit-background-clip: padding-box;
	background-color: #f2f4f8;
	border-right: 1px solid rgba(0, 0, 0, .4);
	-webkit-box-shadow: inset 0 0 5px #b2b9c9;
	height: 100%;
	position: fixed;
	right: 0;
	top: 40px;
	width: 180px;
	z-index: 300;
}
.page_sidebar_onoff {
	-webkit-background-clip: padding-box;
	background-color: #f2f4f8;
	border-right: 1px solid rgba(0, 0, 0, .4);
	-webkit-box-shadow: inset 0 0 5px #b2b9c9;
	display: block;
	height: 40px;
	width: 180px;
	z-index: 301;

}
@media screen and (max-width: 766px) {
	.page_sidebar { display: none !important; }
	.page_sidebar_onoff { display: none !important; }

}
.page_sidebar_options {

}
.page_sidebar_list {
	width: 50%;
	font-size: 10px;
	padding-bottom: 20px;
}

//Sidebar OnOff

.onoffswitch {
    position: relative;
    width: 100px;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select: none;
}
.onoffswitch-checkbox {
    display: none;
}
.onoffswitch-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    border: 0px solid #999999;
    border-radius: 0px;
    margin: 5px;
}
.onoffswitch-inner {
    width: 200%;
    margin-left: -100%;
    -moz-transition: margin 0.3s ease-in 0s;
    -webkit-transition: margin 0.3s ease-in 0s;
    -o-transition: margin 0.3s ease-in 0s;
    transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner > div {
    float: left;
    position: relative;
    width: 50%;
    height: 30px;
    padding: 0;
    line-height: 30px;
    font-size: 14px;
    color: white;
    font-family: Trebuchet, Arial, sans-serif;
    font-weight: bold;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.onoffswitch-inner .onoffswitch-active {
    padding-left: 15px;
    background-color: #C2C2C2;
    color: #FFFFFF;
}
.onoffswitch-inner .onoffswitch-inactive {
    padding-right: 15px;
    background-color: #C2C2C2;
    color: #FFFFFF;
    text-align: right;
}
.onoffswitch-switch {
    width: 40px; margin: 0px;
    text-align: center;
    border: 0px solid #999999;
    border-radius: 0px;
    position: absolute;
    top: 0;
    bottom: 0;
}
.onoffswitch-active .onoffswitch-switch {
    background: #9DC268;
    left: 0;
}
.onoffswitch-inactive .onoffswitch-switch {
    background: #DC7B6A;
    right: 0;
}
.onoffswitch-active .onoffswitch-switch:before {
    content: " ";
    position: absolute;
    top: 0;
    left: 40px;
    border-style: solid;
    border-color: #9DC268 transparent transparent #9DC268;
    border-width: 15px 10px;
}
.onoffswitch-inactive .onoffswitch-switch:before {
    content: " ";
    position: absolute;
    top: 0;
    right: 40px;
    border-style: solid;
    border-color: transparent #DC7B6A #DC7B6A transparent;
    border-width: 15px 10px;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}

//Kategorie Baum
	ul.mktree  li { list-style: none; }
	ul.mktree, ul.mktree ul , ul.mktree li { margin-left:10px; padding:0px; list-style: none; }
	ul.mktree  li           .bullet { padding-left: 15px; }
	ul.mktree  li.liOpen    .bullet { cursor: pointer; background: url(images/minus.gif)  center left no-repeat; }
	ul.mktree  li.liClosed  .bullet { cursor: pointer; background: url(images/plus.gif)   center left no-repeat; }
	ul.mktree  li.liBullet  .bullet { cursor: default; background: url(images/bullet.gif) center left no-repeat; }
	ul.mktree  li.liOpen    ul { display: block; }
	ul.mktree  li.liClosed  ul { display: none; }
	ul.mktree  li { font-size: 12pt; }
	ul.mktree  li ul li { font-size: 10pt; }
	ul.mktree  li ul li ul li { font-size: 8pt; }
	ul.mktree  li ul li ul li ul li { font-size: 8pt; }

	.dragged {
		position: absolute;
		opacity: 0.5;
		z-index: 2000;
	}
	body.dragging, body.dragging * {
		cursor: move !important;
	}
	ul.mktree li.placeholder {
		position: relative;
		margin: 0;
		padding: 0;
		border: none;
	}
	ul.mktree li.placeholder:before {
		position: absolute;
		content: "";
		width: 0;
		height: 0;
		margin-top: -5px;
		left: -5px;
		top: -4px;
		border: 5px solid transparent;
		border-left-color: red;
		border-right: none;
	}

	// Bestand Gallerie

	#bestandGallerie {
		width: 100%;
		border: 0;
		margin-bottom: 26px;
	}
	.bestandGallerieIMG {
		position: relative;
		width: 230px;
		height: 230px;
	}
	.bestandGallerieIMGContainer {
		width: 230px;
		margin: 0 5px;
		float: left;
	}
	.bestandGallerieIMG img {
		position: absolute;
		max-width: 230px;
		max-height: 230px;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		margin: auto;
		border: 1px solid #CCC;
	}

	/* Kategorie auswahl */
	.kategorie_box {
		padding: 10px;
	}
	.kategorie_box_select {
		margin: 5px 10px 0 0;
		width: 200px;
		outline: none;
		overflow: scroll;
	}
	.kategorie_box_button {
		display: block;
		width: 110px;
		height: 50px;
		background: #fc9900; /* Old browsers */
		/* IE9 SVG, needs conditional override of 'filter' to 'none' */
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjOTkwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYTI0MGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top,  #fc9900 0%, #ea240d 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fc9900), color-stop(100%,#ea240d)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #fc9900 0%,#ea240d 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #fc9900 0%,#ea240d 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #fc9900 0%,#ea240d 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #fc9900 0%,#ea240d 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc9900', endColorstr='#ea240d',GradientType=0 ); /* IE6-8 */
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		border: 1px solid silver;
		padding: 15px;
		font-size: 14px;
		font-weight: bold;
		color: white;
		outline: none;
		margin: auto;
	}

.naviText_autocomplete {
	position: absolute;
    width: calc(100% - 237px);
    top: 44px;
    margin-left: 168px;
	background: #e6e6e6; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U2ZTZlNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top, #e6e6e6 0%, #ffffff 99%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6e6e6), color-stop(99%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #e6e6e6 0%,#ffffff 99%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #e6e6e6 0%,#ffffff 99%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #e6e6e6 0%,#ffffff 99%); /* IE10+ */
	background: linear-gradient(to bottom, #e6e6e6 0%,#ffffff 99%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	-webkit-box-shadow: 0px 3px 10px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 3px 10px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 3px 10px 0px rgba(50, 50, 50, 0.75);
	z-index: 1000 !important;
}
.naviText_autocomplete_list {

}
.naviText_autocomplete_list li {
	list-style-type: none;
	margin: 0;
	padding: 10px;
	border-bottom: 1px solid silver;
}
.naviText_autocomplete_list li:hover {
	background-color: #f7f7f7 !important;
}
.naviText_autocomplete_list ul {
	padding: 0;
	margin: 0;
}
.naviText{
	position:absolute;
	width: 100%;
	height: 100%;
    padding: 0 15px 0 15px;
	margin: 0;
	border: 0;
	background: #eeeeee url(images/searchInput.png) repeat-x left top;
	outline: none;
}
.naviText::-ms-clear {
    display: none;
}
.naviText:focus::-webkit-input-placeholder{
    opacity: 0;
}
.naviText:focus::-moz-placeholder{
    opacity: 0;
}
.naviButton{
	position: relative;
	vertical-align: middle;
	width: 43px;
	height: 43px;
	background: url(images/searchSubmit.png) no-repeat center center, url(images/searchInput.png) repeat-x left top;
	border: 1px solid #bdbdbd;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	padding: 0;
	cursor: pointer;
	float: right;
	outline: none;
}

.naviSelect{
	vertical-align: middle;
	width: auto;
	height: 43px;
	padding: 0 20px 0 5px;
	margin: 0;
	-moz-appearance: none;
	background: url(images/selectImage.png) no-repeat, url(images/selectInput.png) repeat-x left top;
	background-position: right 8px center, 0 0;
	border: 1px solid #bdbdbd;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
    text-indent: 0.01px;
    text-overflow: '';
	cursor: pointer;
	float: left;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	outline: none;
}
.naviSelect::-ms-expand {
    display: none;
}
.naviSelect option {
	background-color: white;
}
.naviSelect:hover {
	background: url(images/selectImageHover.png) no-repeat, url(images/selectInputHover.png) repeat-x left top;
	background-position: right 8px center, 0 0;
}
@-moz-document url-prefix() {

    .naviSelect {
        padding: 11px 5px;
    }
}



/* grid */


.grid {
	position:relative;
	display: inline-block;
	margin-bottom: 20px;
}

.grid .littleBox {
	position: relative;
	display: block;
	width: 270px;
	height: 125px;
	margin: 0 0 20px 0;
	margin-right: 20px;
	padding: 0;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	float: left;
}

.grid .box {
	width: 270px;
	height: 125px;
	margin: 0;
	padding: 0;
}

.grid .box .dynamicContent {
	display: inline-block;
	position: relative;
	top: 0px;
	left: 135px;
	width: 125px;
	line-height: 24px;
	height: 65px;
	background-color: transparent;
	margin: 0;
	padding: 30px 0 0 0;
	text-align: center;
	vertical-align: middle;
    font-size: 20px;
	font-weight: bold;
	white-space: nowrap;
	overflow: hidden;
	text-overflow:ellipsis;
	color: white;
}

.grid .box.box09 .dynamicContent {
    font-size: 18px;
}

.grid .box.box12 .dynamicContent {
	padding: 15px 0 0 0;
}

.grid .box.box01 {
	background: transparent url(images/dashboard/box01.png);
}
.grid .box.box02 {
	background: transparent url(images/dashboard/box02.png);
}
.grid .box.box03 {
	background: transparent url(images/dashboard/box03.png);
}
.grid .box.box04 {
	background: transparent url(images/dashboard/box04.png);
}
.grid .box.box05 {
	background: transparent url(images/dashboard/box05.png);
}
.grid .box.box06 {
	background: transparent url(images/dashboard/box06.png);
}
.grid .box.box07 {
	background: transparent url(images/dashboard/box07.png);
}
.grid .box.box08 {
	background: transparent url(images/dashboard/box08.png);
}
.grid .box.box09 {
	background: transparent url(images/dashboard/box09.png);
}
.grid .box.box10 {
	background: transparent url(images/dashboard/box10.png);
}
.grid .box.box11 {
	background: transparent url(images/dashboard/box11.png);
}
.grid .box.box12 {
	background: transparent url(images/dashboard/box12.png);
}
.grid .box.box13 {
	background: transparent url(images/dashboard/box13.png);
}

.grid .littleBox.red {
	background-color: #FF5454;
}
.grid .littleBox.blue {
	background-color: #67C1EF;
}
.grid .littleBox.yellow {
	background-color: #FABB3C;
}
.grid .littleBox.green {
	background-color: #79C447;
}

.grid .line-separator{
	position: relative;
	width: 1px;
	height: 80px;
	background: white;
	margin: 0;
	padding: 0;
	left: 110px;
	top: 22px;
	float: left;
	clear: both;
}

.imageUploadBox {
	position: fixed;
	top: 0;
	left: 0;
	background: rgb(0, 0, 0);
	background: rgba(0, 0, 0, 0.8);
	height: 100%;
	width: 100%;
	min-width: 600px;
	min-height: 600px;
	overflow-x: hidden;
	z-index: 5000;
}

.imageUploadBox-inner {
	position: relative;
	left: 50%;
	width: 500px;
	height: 500px;
	margin-left: -250px;
	top: 200px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid silver;
	-webkit-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.75);
	background: rgb(255, 255, 255);
	-webkit-user-select: none; /* Chrome/Safari */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+ */
	-o-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color:transparent;
	z-index: 100;
}

.imageUploadSearch {
	width: 200px;
	height: 50px;
	background: rgb(143,196,0); /* Old browsers */
	background: -moz-linear-gradient(top,  rgb(143,196,0) 0%, rgb(143,196,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgb(143,196,0) 0%,rgb(143,196,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgb(143,196,0) 0%,rgb(143,196,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8fc400', endColorstr='#8fc400',GradientType=0 ); /* IE6-9 */
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid silver;
	padding: 15px;
	font-size: 18px;
	font-weight: bold;
	color: white;
	outline: none;
	margin-left: 20px;
	float: left;
}

.imageUploadEnd 	{
	width: 200px;
	height: 50px;
	background: rgb(255,26,0); /* Old browsers */
	background: -moz-linear-gradient(top,  rgb(255,26,0) 0%, rgb(255,26,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgb(255,26,0) 0%,rgb(255,26,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgb(255,26,0) 0%,rgb(255,26,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff1a00', endColorstr='#ff1a00',GradientType=0 ); /* IE6-9 */
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid silver;
	padding: 15px;
	font-size: 18px;
	font-weight: bold;
	color: white;
	outline: none;
	margin-right: 20px;
	float: right;
}

.orderImages {
	display: table;
	width: 100%;
	border: 1px solid #eee;
	margin-bottom: 20px;
}

.orderImageBox {
	display: block;
	width: 150px;
	height: 150px;
	padding: 10px;
	float: left;
}


/* maintable / settings */
.postfach_inner {
	padding: 8px;
	margin: 0px 5px;
	color: black;
	font-size: 13px;
	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
	font-variant: normal;
}
/* Konverstation */

.konversation {
	border: 1px solid #999999;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	margin-top: 30px;
}
.konversation tr:first-of-type td {
	border-top: none;
}
.konversation tr td {
	border-top: 2px solid white;
}
.mikrofon_image{
	background-image: url(images/voice-disabled-icon.png);
	position: absolute;
	top: 71px;
	left: 240px;
	width: 48px;
	height: 48px;
}
.postfach_image{
	display: block;
	background-image: url(images/postfach/mail_big.png);
	width: 48px;
	height: 48px;
}
.postfach_count {
	position: relative;
	top: -55px;
	right: 0px;
	display: block;
	color: orange;
	font-weight:bold;
	font-size: 12px;
}

/* Absolute Center Spinner */
.loading {
  position: fixed;
  z-index: 999;
  height: 2em;
  width: 2em;
  overflow: show;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

/* Transparent Overlay */
.loading:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.3);
}

/* :not(:required) hides these rules from IE9 and below */
.loading:not(:required) {
  /* hide "loading..." text */
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.loading:not(:required):after {
  content: '';
  display: block;
  font-size: 10px;
  width: 1em;
  height: 1em;
  margin-top: -0.5em;
  -webkit-animation: spinner 1500ms infinite linear;
  -moz-animation: spinner 1500ms infinite linear;
  -ms-animation: spinner 1500ms infinite linear;
  -o-animation: spinner 1500ms infinite linear;
  animation: spinner 1500ms infinite linear;
  border-radius: 0.5em;
  -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
  box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
}

/* Animation */

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/* Step Form */
.f1 {
	background: #fff;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 300;
    color: #888;
    line-height: 30px;
    text-align: center;
    overflow: hidden;
    margin: -25px 0 0 -15px;
}
.f1-container {
	height: 900px;
    width: 100%;
}
.f1 h3 {
	margin-top: 0;
	margin-bottom: 5px;
	text-transform: uppercase;
}

.f1-steps-wrapper {
    position: relative;
    width: 100%;
    height: 118px;
    margin: 0px auto;
    z-index: 999;
}
.f1-steps {
	width: calc(100% - 200px);
    position:fixed;
    background: #222;
    padding: 15px;
}

.f1-progress {
	position: absolute;
	top: 38px;
	left: 0;
	width: 100%;
	height: 4px;
	background: #ddd;
}
.f1-progress-line {
	position: absolute;
	top: 0;
	left: 0;
	height: 4px;
	background: #2980B9;
}

.f1-step {
	position: relative;
	float: left;
	width: 33.333333%;
	height: 85px;
	padding: 0 5px;
	text-align: center;
}

.f1-step-icon {
	display: inline-block;
	width: 40px;
	height: 40px;
	margin-top: 4px;
	background: #ddd;
	font-size: 16px;
	color: #fff;
	line-height: 40px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}
.f1-step.activated .f1-step-icon {
	background: #fff;
	border: 1px solid #2980B9;
	color: #2980B9;
	line-height: 38px;
}
.f1-step.active .f1-step-icon {
	width: 48px;
	height: 48px;
	margin-top: 0;
	background: #2980B9;
	font-size: 22px;
	line-height: 48px;
}

.f1-step p {
	overflow: hidden;
	text-overflow: ellipsis;
	color: #ccc;
}
.f1-step.activated p {
	color: #2980B9;
}
.f1-step.active p {
	color: #2980B9;
}

.f1-buttons {
	text-align: right;
}

.f1 .input-error {
	border-color: #2980B9;
}
@media (max-width: 450px) {
	.voiceIcon {
		position: absolute;
		top: 17px;
		left: 85px;
	}
	.topbar.navbar-fixed-top {
		top: 80px !important;
	}
	.main {
		margin-top: 150px;
	}
	.f1-step p {
		font-size: 8pt;
	}
	#interactive.viewport {
		width: 300px;
		height: 200px;
		overflow: hidden;
	}

	/* line 11, ../sass/phone/_viewport.scss */
	#interactive.viewport canvas, video {
		margin-top: -50px;
		width: 300px;
		height: 200px;
		object-fit: cover;
	}
	/* line 15, ../sass/phone/_viewport.scss */
	#interactive.viewport canvas.drawingBuffer, video.drawingBuffer {
		margin-left: -300px;
	}

	#interactive.viewportEntnahme {
		width: 150px;
		height: 150px;
		overflow: hidden;
	}
	#interactive.viewportEntnahme canvas, video {
		margin-top: -50px;
		width: 150px;
		height: 150px;
		object-fit: cover;
	}
	#interactive.viewportEntnahme canvas.drawingBuffer, video.drawingBuffer {
		margin-left: -75px;
	}
	.f1 {
		font-size: 12px;
	}
	.f1-steps {
		width: 100%;
	}
	.f1-buttons button {
		margin-bottom: 5px;
	}
	.f1-step-icon {
		width: 35px;
		margin-top: 10px;
		line-height: 35px;
		height: 35px;
	}
	.f1-step.active .f1-step-icon {
		width: 40px;
		height: 40px;
		line-height: 35px;
		margin-top: 5px;
	}
}