/*****************/
/* S P E C I A L */
/*****************/
.top {
	vertical-align: text-top;
}
.bottom {
	vertical-align: text-bottom;
}
.right {
	text-align: right;
}
.left {
	text-align: left;
}
.center {
	text-align: center;
}
.justify {
	text-align: justify;
}
.invisible {
	display: none;
}
.halftrans {
	opacity: 0.5;
}
.inline {
	display: inline;
}
.bold {
	font-weight: bold;
}
.italic {
	font-style: italic;
}
.underline {
	text-decoration: underline;
}
.red {
	color: red;
}
.image_left {
	float: left;
	margin: 0 0.5em 0.5em 0;
}
.image_right {
	float: right;
	margin: 0 0 0.5em 0.5em;
}
.error, .asterisk {
	color: red;
}
.cursorpointer {
	cursor: pointer;
}
.cursorhelp {
	cursor: help;
}
form table.cms_form_design_twocolumns td:first-child {
	text-align: right;
	vertical-align: top;
	min-width: 6em;
}
textarea, input {
	width: 40em;
}
input.input_half {
	width: 19.5em;
}
input[type=checkbox], input[type=radio], input[type=image], input[type="image"], input[type="date"], input[type="time"], input[type="dateitime-local"] {
	width: auto;
}
input.errorborder {
	border: solid 1px red;
}
.cms_small {
	font-size: 0.7em;
}
/*************************/
/* C M S + C M S + C M S */
/*************************/
@font-face {
	font-family: Computerfont;
	src: url(computerfont.eot);
	src: url(computerfont.woff) format('woff');
}
.cms {
	font-family: Verdana, Arial, Helvetica, Courier New, monospace;
	font-size: 0.8em;
	/*
	scrollbar-base-color: green;
	scrollbar-base-color: green;
	scrollbar-3dlight-color: green;
	scrollbar-arrow-color: green;
	scrollbar-darkshadow-color: green;
	scrollbar-face-color: green;
	scrollbar-highlight-color: green;
	scrollbar-shadow-color: green;
	scrollbar-track-color: green;
	*/
}
.cms fieldset {
	width: 95%;
}
.cms .cms-h1, .cms h1, .cms p, .cms th, .cms td, .cms li, .cms fieldset legend {
	font-family: Verdana, Arial, Helvetica, Courier New, monospace;
	color: #fff;
}
.cms .cms-h1, .cms h1 {
	font-family: Georgia, Verdana, Arial, Helvetica, Courier New, monospace;
	margin: 5px 0 15px;
	font-size: 1.5em;
	font-weight: normal;
	text-shadow: 1px 1px 1px #ddd;
	overflow: hidden;
	clear: both;
}
.cms td {
	text-align: left;
	vertical-align: text-top;
}
.cms hr {
	color: transparent;
	background-color: transparent;
	border: solid 0 #666;
	border-bottom-width: 1px;
	width: 95%;
	height: 1px;
	text-align: left;
	margin: 0;
	padding: 0;
}
.cms .code {
	color: #111;
	border: solid 1px #666;
	width: 70%;
	background-color: rgb(200,200,200);
	background-color: rgba(200,200,200,0.7);
	padding: 3px 3px 3px 20px;
	box-shadow: 1px 1px 2px rgba(200,200,200,0.5);
}
.cms span[title] {
	cursor: help;
}
.cms .error, .cms .asterisk {
	color: red;
}
.cms a img {
	border: none;
}
.cms a, .cms input, .cms textarea, .cms select, .cms button {
	outline: none;
	border: none;
}
.cms a, .cms a:link, .cms a:visited, .cms a:focus, .cms a:active {
	color: #fff;
	text-decoration: underline;
}
.cms a:hover {
	color: #d00;
	text-decoration: none;
}
/* Ajax-Links */
.cms a[href="#"], .cms a[href="#"]:link, .cms a[href="#"]:visited, .cms a[href="#"]:focus, .cms a[href="#"]:active, .cms a[href="#"]:hover {
	text-decoration: none;
	border: dotted 0;
	border-width: 0 0 1px 0;
}
.cms a[href="#"]:hover {
	border-width: 0;
}
/* Help-Link */
.cms a[onclick^="help"], .cms a[onclick^="help"]:link, .cms a[onclick^="help"]:visited, .cms a[onclick^="help"]:focus, .cms a[onclick^="help"]:active, .cms a[onclick^="help"]:hover {
	border: none;
}
.cms a[href^="http"]:before {
	content:url(external.gif)" ";
}
.cms .filetypefolder:before {
	content:url(folder.gif)" ";
}
.cms .filetypepdf:before {
	content:url(pdf.gif)" ";
}
.cms .filetypedoc:before {
	content:url(doc.gif)" ";
}
.cms .filetypexls:before {
	content:url(xls.gif)" ";
}
.cms .filetypetxt:before {
	content:url(txt.gif)" ";
}
.cms .filetypepic:before {
	content:url(pic.gif)" ";
}
.cms .filetypezip:before {
	content:url(zip.gif)" ";
}
.cms .filetypexxx:before {
	content:url(xxx.gif)" ";
}
.cms button, .cms input, .cms textarea, .cms select {
	font-family: Verdana, Arial, Helvetica, Courier New, monospace;
}
.cms .cms-h1>select {
	font-family: Georgia, Verdana, Arial, Helvetica, Courier New, monospace;
	font-size: 1em;
	text-shadow: 1px 1px 1px #ddd;
}
.cms form table.cms_form_design_twocolumns td:first-child {
	text-align: right;
}
.cms textarea, .cms input[type="text"], .cms input[type="number"], .cms input[type="password"], .cms input[type="email"], .cms input[type="tel"], .cms input[type="date"], .cms input[type="time"], .cms input[type="datetime-local"] {
	color: #000;
	margin: 0;
	padding: 2px 2px 0;
	background-color: rgb(240,240,240);
	background-color: rgba(255,255,255,0.85);
	background-image: none;
	border: solid 1px #999;
	box-shadow: 1px 1px 5px #000,inset 1px 1px 5px rgba(100,100,100,0.9);
}
.cms input[type=checkbox], .cms input[type=radio], .cms input[type=image], .cms input[type="image"], .cms input[type="date"], .cms input[type="time"], .cms input[type="dateitime-local"] {
	widht: auto;
}
.cms textarea, .cms input[type="text"], .cms input[type="password"], .cms input[type="email"], .cms input[type="tel"] {
	width: 450px;
}
.cms input.input_half {
	width: 220px;
}
.cms input.cms_input_counter {
	width: 35px;
}
.cms textarea {
	height: 14em;
}
.cms input[type="file"] {
	font-size: 0.8em;
}
.cms textarea:focus, .cms input[type="text"]:focus, .cms input[type="number"]:focus, .cms input[type="password"]:focus, .cms input[type="email"]:focus, .cms input[type="tel"]:focus, .cms input[type="date"]:focus, .cms input[type="time"]:focus, .cms input[type="datetime-local"]:focus {
	background-color: rgb(255,255,255);
	background-color: rgba(255,255,255,0.95);
	box-shadow: inset 1px 1px 5px rgba(100,100,100,0.9);
}
/***************/
/* W I N D O W */
/***************/
.cms_window {
	position: fixed;
	left: 100px;
	top: 100px;
	z-index: 8000;
	background-color: rgb(40,40,40);
	background-color: rgba(20,20,20,0.95);
	background-image: -webkit-linear-gradient(60deg,rgba(0,0,0,0.3),rgba(0,0,0,0),rgba(0,0,0,0.3));
	background-image:         linear-gradient(60deg,rgba(0,0,0,0.3),rgba(0,0,0,0),rgba(0,0,0,0.3));
	border: solid 1px #000;
	border-radius: 5px;
	box-shadow: inset 0 0 1px rgba(153,153,153,0.6), 0 0 5px rgba(48,48,48,0.5);
}
.cms_window:hover, .cms_window:active {
	z-index: 8500;
}
.cms_window_title {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	height: 16px;
	padding: 4px 0 0 10px;
	font-family: Georgia, Verdana, Arial, Helvetica, Courier New, monospace;
	color: #fff;
	font-size: 12px;
	text-shadow: 1px 1px 1px #000, 0 0 5px rgba(255,255,255,0.5);
	text-align: left;
	cursor: move;
}
.cms_window_close {
	position: absolute;
	z-index: 1;
	top: 0;
	right: 10px;
	height: 20px;
	overflow: hidden;
}
.cms_window_close a, .cms_window_close a:link, .cms_window_close a:visited, .cms_window_close a:focus, .cms_window_close a:active, .cms_window_close a:hover {
	display: block;
	height: 20px;
	width: 40px;
	margin: 0;
	padding: 0;
	border: solid 0 black;
	border-width: 0 1px;
	background-color: rgb(130,0,0);
	background-color: rgba(150,0,0,0.7);
	background-image: -webkit-linear-gradient(-30deg,rgba(100,0,0,0.5),rgba(200,0,0,0.5));
	background-image: linear-gradient(-30deg,rgba(100,0,0,0.5),rgba(200,0,0,0.5));
	color: #fff;
	font-family: Verdana, Helvetica, monospace;
	font-weight: normal;
	font-size: 20px;
	line-height: 14px;
	text-align: center;
	text-decoration: none;
	text-shadow: 1px 1px 1px #000, 0 0 2px rgb(255,255,255);
	float: left;
}
.cms_window_close a:hover {
	color: #fff;
	background-color: rgb(150,0,0);
	background-color: rgba(180,0,0,0.7);
	background-image: -webkit-linear-gradient(-30deg,rgba(130,0,0,0.5),rgba(230,0,0,0.5));
	background-image: linear-gradient(-30deg,rgba(130,0,0,0.5),rgba(230,0,0,0.5));
}
.cms .cms_window_close a:active {
	box-shadow: inset 0 0 1px #999;
	text-shadow: -1px -1px 1px #111, 0 0 2px #fff;
	background-image: -webkit-linear-gradient(-30deg,rgba(230,0,0,0.5),rgba(130,0,0,0.5));
	background-image: linear-gradient(-30deg,rgba(230,0,0,0.5),rgba(130,0,0,0.5));
}
.cms_window_close a.cms_helplink {
	background-color: rgb(50,50,100);
	background-color: rgba(50,50,100,0.7);
	background-image: -webkit-linear-gradient(-30deg,rgba(30,30,80,0.4),rgba(70,70,120,0.4));
	background-image: linear-gradient(-30deg,rgba(30,30,80,0.4),rgba(70,70,120,0.4));
	font-size: 18px;
	line-height: 18px;
	border-radius: 2px 0 0 2px;
}
.cms_window_close a.cms_helplink:hover {
	color: #fff;
	background-color: rgb(60,60,120);
	background-color: rgba(60,60,120,0.7);
	background-image: -webkit-linear-gradient(-30deg,rgba(40,40,100,0.5),rgba(80,80,150,0.5));
	background-image: linear-gradient(-30deg,rgba(40,40,100,0.5),rgba(80,80,150,0.5));
}
.cms_window_close a.cms_helplink:active {
	background-image: -webkit-linear-gradient(-30deg,rgba(80,80,150,0.5),rgba(40,40,100,0.5));
	background-image: linear-gradient(-30deg,rgba(80,80,150,0.5),rgba(40,40,100,0.5));
}
.cms_window_content {
	position: relative;
	margin: 20px 5px 5px;
	padding: 15px 15px 5px;
	border: solid 1px #000;
	border-radius: 3px;
	background-color: rgb(20,20,20);
	background-color: rgba(0,0,0,0.8);
	box-shadow: 0 0 1px rgba(153,153,153,0.6), inset 0 0 5px rgba(0,0,0,0.5);
	overflow: auto;
	width: 490px;
	height: 375px;
}
/***********/
/* H E L P */
/***********/
div#cms_help p {
	text-align: justify;
}
/**************************************/
/* H A U P T N A V I G A T I O N (+2) */
/**************************************/
div#cms_navigation, div#cms_navigation2 {
	left: auto;
	top: auto;
	right: 5px;
	bottom: -1px;
	width: 10em;
	border-width: 1px 1px 0 1px;
	border-radius: 5px 5px 0 0;
}
div#cms_navigation2 {
	right: 150px;
	width: 20em;
	padding: 0 10px;
}
div#cms_navigation2 .cms_window_close {
	top: 2px;
	right: 2px;
}
div#cms_navigation2 .cms_window_close a {
	height: 18px;
	width: 18px;
	border: solid #000 1px;
	border-radius: 2px;
}
.cms_navigation_title {
	text-shadow: 1px 1px 1px #000, 0 0 2px rgba(255,255,255,0.5);
	color: #fff;
	font-size: 1.5em;
	line-height: 1.2em;
	text-align: center;
	font-family: Computerfont, Georgia, Verdana, Arial, Helvetica, Courier New, monospace;
}
div#cms_navigation2 .cms_navigation_title {
	text-align: left;
}
.cms_navigation_links {
	margin: 5px 10px 10px;
}
.cms_navigation_links a, .cms_navigation_links a:link, .cms_navigation_links a:visited, .cms_navigation_links a:focus, .cms_navigation_links a:active, .cms_navigation_links a:hover {
	text-decoration: none;
	color: #ccc;
}
.cms_navigation_links a:hover {
	color: #c33;
}
.cms_navigation_links a[href="#"] {
	float: right;
}
.cms_navigation_links ul {
	margin: 0;
	padding: 0;
}
.cms_navigation_links li {
	list-style: none;
	padding: 0;
	margin: 0;
}
.cms_navigation_links ul a {
	display: block;
	padding: 5px;
	margin-top: 5px;
	background-color: rgb(50,50,100);
	background-color: rgba(50,50,100,0.6);
	background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.1),rgba(0,0,0,0.1));
	background-image: linear-gradient(top, rgba(255,255,255,0.1),rgba(0,0,0,0.1));
	box-shadow: inset 0 0 1px #fff;
	border: none;
	border-radius: 2px;
	font-size: 1.2em;
	color: #fff;
	text-align: center;
	text-shadow: 1px 1px 1px #000, 0 0 2px rgb(255,255,255);
}
.cms_navigation_links ul a:hover {
	text-decoration: none;
	background-color: rgb(60,60,110);
	background-color: rgba(60,60,110,0.6);
	box-shadow: inset 0 0 1px #fff;
	color: #fff;
	text-shadow: -1px -1px 1px #000, 0 0 2px rgb(255,255,255);
}
.cms_navigation_links ul a:active {
	box-shadow: inset 0 0 1px #999;
	text-shadow: -1px -1px 1px #111, 0 0 2px #fff;
	background-image: -webkit-linear-gradient(top,rgba(0,0,0,0.1),rgba(255,255,255,0.1));
	background-image: linear-gradient(top,rgba(0,0,0,0.1),rgba(255,255,255,0.1));
}
/***************************/
/* H A U P T F E N S T E R */
/***************************/
div#cms_main {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgb(30,30,30);
	background-color: rgba(0,0,0,0.2);
	background-image: -webkit-linear-gradient(-30deg,rgba(0,0,0,0),rgba(0,0,0,0.2),rgba(0,0,0,0));
	background-image: linear-gradient(-30deg,rgba(0,0,0,0),rgba(0,0,0,0.2),rgba(0,0,0,0));
	z-index: 7000;
}
div#cms_main>div {
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	overflow: auto;
	padding: 20px 20px 0;
}
div#cms_title {
	position: absolute;
	right: 20px;
	top: 30px;
	font-size: 150px;
	line-height: 150px;
	color: rgb(200,200,200);
	color: rgba(150,150,150,0.8);
	text-shadow: 0 0 5px rgba(255,255,255,0.8);
	z-index: -1;
}
div#cms_main .cms_window_close {
	right: 5px;
	top: 5px;
	height: auto;
}
div#cms_main .cms_window_close a {
	border: solid #000 1px;
	border-radius: 0 2px 2px 0;
}
/*****************/
/* C O N T E N T */
/*****************/
table#cms_content_edit {
	width: 100%;
	text-align: left;
}
table#cms_content_edit textarea {
	height: 12em;
	width: 100%;
}
table#cms_content_edit textarea.onelanguage {
	height: 28em;
}
table#cms_content_edit .cms_content_pagelinks { /* Seitenzahlen */
	font-size: 1.8em;
}
table#cms_content_edit .cms_content_pagelinks_bigger { /* Aktuelle Seitenzahl */
	font-size: 1.5em;
}
/*************/
/* F I L E S */
/*************/
div#cms_files_h1 a {
	padding: 0 5px;
	border: solid 1px black;
	border-radius: 3px;
	background-color: rgba(128,128,128,0.2);
	box-shadow: 0 0 3px #666, inset 0 0 1px #ccc;
	color: #fff;
	font-weight: normal;
	text-shadow: none;
	text-decoration: none;
}
div#cms_files_h1 a:hover {
	background-color: rgba(255,255,255,0.8);
	box-shadow: inset 0 0 3px #666, 0 0 1px #ccc;
}
.cms_files_thumb img {
	box-shadow: 1px 1px 3px #000000;
}
table#cms_files {
	overflow: hidden;
	margin: 20px 0 10px;
}
table#cms_files td, table#cms_files th {
	background-color: rgba(128,128,128,0.2);
	border: solid 1px #333;
	border-radius: 4px;
	box-shadow: 1px 1px 1px #000;
	text-align: left;
	vertical-align: middle;
	overflow: hidden;
	padding: 10px;
}
table#cms_files .cms_files1 {
	width: 220px;
}
table#cms_files .cms_files2 {
	width: 80px;
}
table#cms_files input[type="file"] {
	width: 200px;
}
input#cms_files_input_resize {
	width: 50px;
	font-size: 0.7em;
}
.cms_files_radio_resize {
	font-size: 0.7em;
}
/***********************/
/* N A V I G A T I O N */
/***********************/
div#cms_navigation_edit_links {
	position: fixed;
	left: 10px;
	top: 10px;
	display: block;
	padding: 1px;
	background-color: rgb(40,40,40);
	background-color: rgba(20,20,20,0.8);
	background-image: -webkit-linear-gradient(60deg,rgba(0,0,0,0.3),rgba(0,0,0,0),rgba(0,0,0,0.3));
	background-image: linear-gradient(60deg,rgba(0,0,0,0.3),rgba(0,0,0,0),rgba(0,0,0,0.3));
	border: 1px solid #111;
	border-width: 1px 1px 0 1px;
	border-radius: 5px;
	z-index: 6000;
}
div#cms_navigation_edit_links img {
	margin: 5px;
	opacity: 0.8;
}
div#cms_navigation_edit_links img:hover {
	opacity: 1;
}


/*************/
/* A D M I N */
/*************/
p#cms_admin_links {
	margin: 0 0 30px;
}
p#cms_admin_links a {
	display: block;
	font-size: 14px;
	padding: 2px;
	margin-right: 10px;
	width: 120px;
	height: 18px;
	overflow: hidden;
	background-color: rgb(50,50,100);
	background-color: rgba(50,50,100,0.6);
	background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.1),rgba(0,0,0,0.1));
	background-image: linear-gradient(top, rgba(255,255,255,0.1),rgba(0,0,0,0.1));
	box-shadow: inset 0 0 1px #fff;
	border: none;
	border-radius: 3px;
	color: #fff;
	text-align: center;
	text-shadow: 1px 1px 1px #000, 0 0 2px rgb(255,255,255);
	float: left;
	text-decoration: none;
}
p#cms_admin_links a:hover {
	text-decoration: none;
	background-color: rgb(60,60,110);
	background-color: rgba(60,60,110,0.6);
	box-shadow: inset 0 0 1px #fff;
	color: #fff;
	text-shadow: -1px -1px 1px #000, 0 0 2px rgb(255,255,255);
}
p#cms_admin_links a:active {
	box-shadow: inset 0 0 1px #999;
	text-shadow: -1px -1px 1px #111, 0 0 2px #fff;
	background-image: -webkit-linear-gradient(top,rgba(0,0,0,0.1),rgba(255,255,255,0.1));
	background-image: linear-gradient(top,rgba(0,0,0,0.1),rgba(255,255,255,0.1));
}
p#cms_admin_links a.cms_active {
	box-shadow: inset 0 0 1px #fff, 0 0 10px #ccc;
}
/*****************/
/* O V E R L A Y */
/*****************/
div#cms_overlay {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(20,20,20,0.7);
	z-index: 9000;
}
div#cms_overlay p {
	color: #fff;
	width: 500px;
	margin: 200px auto;
	text-align: center;
}
/***********/
/* A J A X */
/***********/
div#cms_infobox {
	z-index: 10000;
	position: fixed;
	top: 10px;
	right: -220px;
	width: 200px;
	padding: 5px;
	height: 15px;
	font-size: 15px;
	line-height: 14px;
	background-color: rgb(255,100,100);
	background-color: rgba(255,80,80,0.9);
	border: solid 1px #000;
	border-width: 1px 0 1px 1px;
	border-radius: 5px 0 0 5px;
	box-shadow: 0 0 5px #333;
	overflow: hidden;
}
