@charset "utf-8";
/**
----------------------------------------------------
Regeln für allgemeine Elemente
---------------------------------------------------- */

/* Alle kritischen Werte instanzieren */
* {
	margin: 0;
	padding: 0;
	vertical-align: middle;
}

/* Bilder */
img {
	vertical-align: middle;
}

a:link img, a:visited img,
a:hover img, a:focus img, a:active img {
	border: 0;
}


/* Farben und Hintergrund setzen */
body {
	font-family: Arial,Helvetica,Geneva,Sans-serif;
	color: #000000;
	background: #ffffff;
}


/**
----------------------------------------------------
Content Box
---------------------------------------------------- */

div#admin_content {
	margin-left: 15px;
}

div#admin_content h2 {
	margin-top: 10px;
}

/**
----------------------------------------------------
Report Basis-Layout
---------------------------------------------------- */

div#report_default {
	margin-top: 10px;
}

div#report_default table {
	border-collapse: collapse;
	table-layout: fixed;
	tab\le-layout: auto;
	font-size: .8em;
	cursor: pointer;
	}

div#report_default table thead {
	background-color: #D6D6D6;
	text-align: left;
}

div#report_default table thead img {
	padding-bottom: 3px;
}

div#report_default col.col0,
div#report_default col.col1 {
	width: 20px;
}

div#report_default th, div#report_default td {
	padding: 3px;
	width: auto;
}

div#report_default table tbody tr:hover {
	background-color: #DEDEDE !important;
}


/**
----------------------------------------------------
Treemenu Basis-Layout
---------------------------------------------------- */

div#tree_default {
	margin-top: 10px;
	font-size: .8em;
}

div#tree_default span.titel_tree {
	display: block;
	height: 18px;
	padding: 3px;
	background-color: #D6D6D6;
	font-weight: bold;
}

div#tree_default span.spacer_titel_tree {
	position: absolute;
	left: 160px;
}

div#tree_default span.inhalt_tree {
	position: absolute;
	left: 160px;
	height: 20px;
	cursor: pointer;
}

div#tree_default span.inhalt_tree:hover {
	background-color: #DEDEDE !important;
}

div#tree_default span.col1 {
	position: absolute;
	left: 21px;
}

div#tree_default span.col2 {
	position: absolute;
	left: 140px;
}

div#tree_default span.col3 {
	position: absolute;
	left: 0px;
}


/**
----------------------------------------------------
Formulare Basis-Layout
---------------------------------------------------- */

div#formular_default table {
	border-collapse: collapse;
	table-layout: fixed;
}

div#formular_default table td {
	padding: 3px;
	border-bottom: 1px solid #ffffff;
}

div#formular_default table hr {
	margin-bottom: 10px;
	border-top: 2px solid #BDBDBD;
	border-bottom: 1px solid #000;
}

div#formular_default table tr.titel {
	font-weight: bold;
}

div#formular_default table tr.input td.col1 {
	background-color: #D6D6D6;
}

div#formular_default table input.text, 
div#formular_default table textarea.textarea, 
div#formular_default table select.select, 
div#formular_default table select.selectvalue {
	width: 99%;
}

div#formular_default table input.datum {
	width: 80px;
}

div#formular_default table input.zeit {
	width: 45px;
}

div#formular_default table tr.multilineheader {
	background-color: #D6D6D6;
}

div#formular_default span.timetag {
	text-align: center;
	font-size: 0.8em;
}

div#formular_default table tr.multilinetitel {
	font-weight: bold;
}

div#formular_default table tr.multiline a {
	text-decoration: none;
}

div#formular_default table tr.multiline:hover {
	background-color: #DEDEDE !important;
	cursor: pointer;
}

div#formular_default table ul.image li {
	float: left;
	height: 75px;
	width: 100px;
	margin-right: 20px;
	border: 1px solid #D6D6D6;
	list-style-type: none;
}

div#formular_default table ul.image li a img {
}

div#formular_default table ul.image li a {
	float: right;
	padding: 1px;
	background-color: white;
}

div#formular_default table div.video {
	float: left;
	display: block;
	height: 300px;
	width: 400px;
	margin-right: 20px;
	border: 1px solid #D6D6D6;
}

div#formular_default table p.video {
	float: left;
	display: block;
	margin-right: 20px;
	width: 100%;
}

div#formular_default table p.video img {
	vertical-align: baseline;
}


/**
----------------------------------------------------
Header
---------------------------------------------------- */
div#header {
	position: fixed;
	t\op: 1px;
	top: 0px;
	background-color: #D6D6D6;
	width: 100%;
	padding: 0.5px;
	height: 50px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #B0B0B0;
	z-index: 5;
}

@media screen and (-webkit-min-device-pixel-ratio:0)
{
 div#header
 {
	height: 51px;
 }
}

div#headerspace {
	display: block;
	height: 52px;
}

/**
----------------------------------------------------
Header Titel
---------------------------------------------------- */
div#header .titel {
	display: block;
	float: left;
	margin: 5px 0px 0px 15px;
	width: 450px;
}

/**
----------------------------------------------------
Login Formular
---------------------------------------------------- */
div#loginform{
	margin: 20px auto;
	max-width:400px;
}
div#loginform fieldset{
	padding-top:20px;
}

div#loginform input,
div#loginform p{
	float:left;
	margin:0px 40px;
	width:320px;
}

div#loginform input{
	height:38px;
	font-size:25px;
}

div#loginform input{
	margin-bottom:20px;
}

div#loginform .submit{
	margin-top:20px;
	margin-bottom:30px;
	height:45px;
	background:linear-gradient(180deg,#6a9af3,#417eef);
	font-weight:bold;
	color:white;
}

/**
----------------------------------------------------
Login Informationen
---------------------------------------------------- */
div#header .loginfo {
	display: block;
	float: right;
	margin: 5px 10px 0px 0px;
	
}

div#header .loginfo td.col1 {
	width: 80px;
}

div#header .loginfo td.col2 {
	padding-right: 10px;
}

div#header .loginfo td {
	font-size: 0.8em;
}

div#header .loginfo a {
	border: 1px solid;
	border-color: #D6D6D6;
	padding: 10px 4px 12px 4px;
	outline: none;
}

div#header .loginfo a:hover {
	border-color: #F7F7F7 #B0B0B0 #B0B0B0 #F7F7F7;
}

div#header .loginfo a:active {
	border-color:  #B0B0B0 #F7F7F7 #F7F7F7 #B0B0B0;
}