@charset "UTF-8";

@media all
{
	html {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		-ms-text-size-adjust: 100%;
		-webkit-text-size-adjust: 100%;
	}

	.clearfix {
		clear: both;
	}

	body {
		height: 100%;
	}

	body, * {
		margin: 0px;
		padding: 0px;
		font-weight: normal;
	}

	/* HTML5 HACK */
	article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
		display: block;
	}
	audio, canvas, progress, video {
		display: inline-block; /* 1 */
		vertical-align: baseline; /* 2 */
	}

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


	embed { vertical-align:top; }

	ul, ol {
		list-style: square;
	}


	table { border-collapse: collapse; border-spacing: 0; border: none; }
	td, th { padding: 0; border: none; }

	a > img { border: 0px; }
	a:active, a:hover {	outline: 0;	}

	/* Textauszeichnung */
	cite, blockquote { font-style:italic; quotes: none; }
	blockquote { margin: 0 0 1em 1.5em; }

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

	pre, code {
		font-family: monospace, Courier;
		font-size: 1.1em;
		margin: 0px;
		padding: 0px;
		overflow-x: auto;
	}

	acronym, abbr {
		letter-spacing: .07em;
		border-bottom: .1em dashed #c00;
		cursor: help;
	}

	address {
		margin-bottom: 2em;
		font-style: normal;
	}
	sup {
		font-size: 70%;
	}


	button, input, optgroup, select, textarea {
		color: inherit;
		font: inherit;
		margin: 0;
	}

	button,	html input[type="button"],
	input[type="reset"], input[type="submit"] {
	  cursor: pointer;
	  color: black;
	}


	button::-moz-focus-inner, input::-moz-focus-inner {
		border: 0;
		padding: 0;
	}

	input[type="checkbox"], input[type="radio"] {
		box-sizing: border-box; /* 1 */
		padding: 0; /* 2 */
	}

	input[type="search"] {
		-webkit-appearance: textfield;
		-moz-box-sizing: content-box;
		-webkit-box-sizing: content-box;
		box-sizing: content-box;
	}
	input[type="search"]::-webkit-search-cancel-button,
	input[type="search"]::-webkit-search-decoration {
		-webkit-appearance: none;
	}


	fieldset {
		border: 1px solid #c0c0c0;
		margin: 0 2px;
		padding: 0.35em 0.625em 0.75em;
	}

	legend {
		border: 0;
		padding: 0;
	}

	textarea { overflow: auto; }


	.unselectable {
		cursor: default;
	   -moz-user-select: -moz-none;
	   -khtml-user-select: none;
	   -webkit-user-select: none;
	   -ms-user-select: none;
	   user-select: none;
		-khtml-user-drag: none;
		-webkit-user-drag: none;
	}

	header {
		background: white;
		padding: 20px 20px 0px 20px;
		margin: -12px -20px 2em -20px;
		border-bottom: 1px solid #d5d5d5;
	}
}


@media screen {
	#CMS_Navigation {
		width: 22%;
		float: left;
		width: 230px;
		position: fixed;
		top: 67px;
		bottom: 0px;
		left: 0px;
		background: #f7f7f7;
		z-index: 1000;
		overflow: auto;
		font-size: 12px;
		box-shadow: 1px 0px 5px rgba(0, 0, 0, 0.1);
		padding: 0px;
		padding-bottom: 30px;
	 }
	 
	#CMS_Navigation ul a,
	#CMS_Navigation ul {
		color: #333;
		margin: 0px;
		width: 100%;
	}

	#CMS_Navigation ul {
		padding: 0em 0em 1em 0em;
		list-style: none;
		user-select: none;
        -moz-user-select: none;
        -khtml-user-select: none;
        -webkit-user-select: none;
        -o-user-select: none;		
	}

	#CMS_Navigation ul li {
		user-select: none;
		-moz-user-select: none;
		-khtml-user-select: none;
		-webkit-user-select: none;
		-o-user-select: none;
	}

	#CMS_Navigation li.cms-navi-menu {
		font-size: 11px;
		padding: 0em 1.5em;
		margin-bottom: 0px;
		border-bottom: 1px solid #e0e0e0;
	}
	
	#CMS_Navigation li.cms-navi-menu ul.cms-navi-submenu {
		margin-top: 0px;
		margin-left: 0.2em;
		margin-right: 20px;
		margin-bottom: 1em;
		padding-bottom: 0px;
		display: none;
	}
	#CMS_Navigation li.cms-navi-menu.visible,
	#CMS_Navigation li.cms-navi-menu.active {
		background: white;
		border-bottom: 1px solid #eee;
		margin-bottom: 0.5em;
	}
	#CMS_Navigation li.cms-navi-menu.visible {
		/* background: #efefef; */
	}
	#CMS_Navigation li.cms-navi-menu.visible ul.cms-navi-submenu,
	#CMS_Navigation li.cms-navi-menu.active ul.cms-navi-submenu {
		color: #333;
		display: block;
	}
	#CMS_Navigation li.cms-navi-menu.visible ul.cms-navi-submenu {
		padding-top: 0.9em;
	}
	#CMS_Navigation li.cms-navi-menu.active i.fa-chevron-circle-left {
		transform: rotate(-90deg);
	}
		
	#CMS_Navigation li.cms-navi-menu ul li.cms-navi-submenu,
	#CMS_Navigation li.cms-navi-menu ul.cms-navi-submenu li {
		padding: 0px 0px;
		margin: 0px;
	}


	#CMS_Navigation li.cms-navi-menu ul.cms-navi-submenu li a span.cms-counter {
		float: right;
		margin-top: -2px;
		margin-left: 10px;
		margin-right: 15px;
	}

	#CMS_Navigation li.cms-navi-menu ul.cms-navi-submenu li.selected a {
		text-decoration: none;
		font-weight: bold;
		margin-left: -20px;
		padding-left: 34px;
		background: #edf0ff;
		color: #444;
	}
	#CMS_Navigation li.cms-navi-menu ul.cms-navi-submenu li.selected a i {
		left: 16px;
	}

	#CMS_Navigation li.cms-navi-menu ul.cms-navi-submenu li a {
		display: block;
		position: relative;
		padding: 0.4em 0em;		
		margin-left: 14px;
		color: #333;
	}
	#CMS_Navigation li.cms-navi-menu ul li.cms-navi-submenu i.icon,
	#CMS_Navigation li.cms-navi-menu ul.cms-navi-submenu li i.icon {
		position: absolute;
		left: -18px;
		color: #aaa;
		transform: rotate(0deg);
	}


	#CMS_Navigation ul li *:last-child {
		margin-bottom: 0px;
	}

	#CMS_Navigation li.cms-navi-menu a {
		display: block;
		text-transform: uppercase;
		font-weight: bold;
		padding: 1em 0em;
		color: #6f6f6f;
	}
	#CMS_Navigation li.cms-navi-menu li a {
		text-transform: none;
		font-size: 12px;
		font-weight: normal;
		color: #333;
	}

	li.cms-navi-menu i.icon {
		margin-left: 0.4em;
		float: right;
		font-size: 12px;
	}

	li.cms-navi-menu ul.cms-navi-submenu i.icon {
		margin-right: 0.4em;
		float: none;
	}

	#CMS_Navigation li.cms-navi-menu ul {
		margin: 0px;
		margin-top: 0.5em;
		padding-bottom: 0px;
		list-style: none;
	}
	#CMS_Navigation li.cms-navi-menu ul li {
		padding-left: 1em;
		margin-bottom: 0em;
		border: 0px;
	}

	.CMS_Window,
	#CMS_Window {
		position: fixed;
		z-index: 2000;
		font-size: 12px;
		text-align: left;
		padding: 1em;

		top: 10%;
		left: 10%;
		right: 10%;
		bottom: 10%;
		min-width: 300px;
		max-width: 900px;
		margin: auto;

		background-color: white;
		border: 1px solid rgb(204, 204, 204);
		box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 10px;
		display: block;
		background-position: 0% 0%;
		background-repeat: initial;
		overflow: auto;
		cursor: default;
	}

	.CMS_Window .bottom-bar,
	#CMS_Window .bottom-bar {
		position: absolute;
		bottom: 0px;
		left: 0px;
		right: 0px;
		padding: 15px;
		padding-bottom: 0px;
		background: #f5f5f5;
		height: 41px;
	}

	.CMS_Window .content,
	#CMS_Window .content {
		position: absolute;
		top: 0px;
		bottom: 60px;
		left: 0px;
		right: 0px;
		overflow: scroll;
		overflow-x: hidden;
	}

	.CMS_Window .top-bar,
	#CMS_Window .top-bar {
		position: absolute;
		top: 0px;
		height: 50px;
		left: 0px;
		right: 0px;
		padding: 15px;
		padding-top: 10px;
		padding-bottom: 0px;
		background: #f5f5f5;
		background: #FF4101;
		border-bottom: 1px solid #efefef;
		line-height: 1.5em;
		color: white;
	}


	#CMS_Window .top-bar + .content,
	.CMS_Window .top-bar + .content {
		top: 70px;
	}

	.CMS_BGFade,
	#CMS_BGFade {
		position: fixed;
		background-color: rgba(0, 0, 0, 0.7);
		top: 0px;
		left: 0px;
		right: 0px;
		bottom: 0px;
		z-index: 9999990;
		background-position: 0% 0%;
		background-repeat: initial;
		display: none;
		cursor: default;
	}


	.cms-dropin {
		border: 1px dashed #000;
		/* padding: 6px 12px 4px 12px; */
		color: #444;
		cursor: pointer;
		border-radius: 3px;
		overflow: hidden;
		background: rgba(0, 0, 0, 0.08);
		border: 1px dashed #666;

		-webkit-transition: 0.5s ease;
		-moz-transition: 0.5s ease;
		-o-transition: 0.5s ease;

		border-radius: 5px;
		border: 0px;
		margin: 5px 3px;

		border-radius: 0px;
		background-color: #f5f5f5;
		background-image: url(../gfx/Prototype/content.png);
		background-repeat:no-repeat;
		background-position: center center;

		height: 90px;
	}

/*
	.cms-container .cms-dropin {
		height: 0px;
		min-height: 20px;
		opacity: 0;
	}
	.cms-container:hover .cms-dropin {
		opacity: 1;
	}
*/

	.cms-container {
		-webkit-transition: 0.25s ease;
		-moz-transition: 0.25s ease;
		-o-transition: 0.25s ease;
		overflow: visible;
	}
	.cms-container:hover {
/*
		box-shadow: 0px 0px 0px 1px rgba(99,172,211, 1),
					inset 0px 0px 0px 1px rgba(99,172,211, 1);
					0px 0px 10px rgba(0, 0, 0, 0.5);
*/

		/* -webkit-transform: scale(1.03); */
		/* -webkit-transform: translate(-5px, -5px); */
	}
	.cms-container.active {
		box-shadow: 0px 0px 0px 1px rgba(99,172,211, 1),
					inset 0px 0px 0px 1px rgba(99,172,211, 1),
					0px 0px 10px rgba(0, 0, 0, 0.5);
/*					inset 0px 0px 0px 500px rgba(230,242,248,1); */

/*		-webkit-transform: translate(-5px, -5px); */
		overflow: hidden;
	}

/*	.cms-container .cms-dropin {
		-webkit-transition: 0.5s ease;
		-moz-transition: 0.5s ease;
		-o-transition: 0.5s ease;
		height: 1px;
		line-height: 1px;
		opacity: 0;
		-webkit-opacity: 0;
	}
	.cms-container:hover .cms-dropin {
		height: 25px;
		opacity: 1;
		line-height: 12px;
		-webkit-opacity: 1;
	} */



	.cms-helper {
		-webkit-transition: 0.25s ease-in-out;
		-moz-transition: 0.25s ease-in-out;
		-o-transition: 0.25s ease-in-out;
		white-space: normal;
	}
	.cms-helper.active,
	.cms-helper:hover {
		box-shadow: inset 0px 0px 0px 2px #FBC746;
/*		background: rgba(255, 255, 39, 0.08); */
    }
	.cms-helper.active {
		box-shadow: inset 0px 0px 0px 2px #49A8E6;
/*		background: rgba(255, 255, 39, 0.2); */
/*		border: 1px dashed rgba(10, 10, 10, 0.5); */
	}

	.cms-container.active .cms-helper:hover {
		box-shadow: none;
	}



	#cms-widget-settings ul {
		list-style: none;
		margin-bottom: 2em;
	}
	#cms-widget-settings ul li {
		clear: both;
		margin: 3px 0px;
	}

	#cms-widget-settings ul li a {
		color: #B8C1CF;
		text-transform: uppercase;
		display: block;
		margin-top: 2em;
		margin-bottom: 0.5em;
		border-bottom: 1px solid #7b818a;
	}


	#cms-widget-settings ul li label {
		display: inline-block;
		width: 80px;
		max-width: 80px;
		margin-right: 2%;
		clear: left;
		padding-top: 3px;
	}

	#cms-widget-settings .measure {
		display: inline-block;
		border: 1px solid #ddd;
		border-radius: 3px;
		font-size: 10px;
		line-height: 11px;
		padding: 0px;
		margin: 0px;
		margin-top: 2px;
		background: white;
		padding: 3px 2px 4px 2px;
			background: #39404C;
			border: 1px solid #343B47;
	}

	#cms-widget-settings input {
		border: 0px;
		padding: 0px;
		box-shadow: none;
		margin-bottom: 0px;
		background: none;
	}

	#cms-widget-settings .measure input.resizer {
		padding: 0px 0px;
		width: 2em;
		border: none;
		background: none;
		outline: none;
		box-shadow: none;
		border-radius: 0px;
		border: none;
		margin-top: 1px;
		margin-left: 3px;
		text-align: right;
	}

	#cms-widget-settings .measure select {
		font-size: 10px;
		font-weight: bold;
		color: #1EA9FF;
		appearance: none;
		-moz-appearance: none;
		-webkit-appearance: none;
		border: none;
		background: none;
		outline: none;
		box-shadow: none;
		padding: 0px 0px;
		margin: 0px 0px;
		display: inline-block;
	}


	[draggable] {
	  -moz-user-select: none;
	  -khtml-user-select: none;
	  -webkit-user-select: none;
	  -ms-user-select: none;
	  user-select: none;
	  /* Required to make elements draggable in old WebKit */
	  -khtml-user-drag: element;
	  -webkit-user-drag: element;
	}

}