﻿@import url("buttons.css");
@import url("confirm.css");
@import url("rot.css");
html {
	height:100%;
}
body {
	margin:0;
	padding:0;
	height:100%;
}
textarea,select,input,p,td,body { font-family: Tahoma; font-size: 12px }
select, textarea, input[type=text], input[type=password], input[type=radio], input[type=text], input[type=checkbox]
{ 
	scrollbar-base-color:#FFEDC5;
	scrollbar-3dlight-color:#FFFFFF;
	scrollbar-arrow-color:#000000;
	scrollbar-darkshadow-color:#000000;
	scrollbar-face-color:#FFEDC5;
	scrollbar-highlight-color:#FFFFFF;
	scrollbar-shadow-color:#000000;
	scrollbar-track-color:#FAFCED;

	border-radius:2px;
	padding:1px 4px 1px 4px;
	margin-right:8px;
	background-color:#f8f8f8;
	outline:none;
	
}
select:focus, textarea:focus, input[type=text]:focus, input[type=password]:focus, input[type=radio]:focus, input[type=text]:focus, input[type=checkbox]:focus
{ 
	background-color:#ffffff;
	border:1px #691a1e solid;
}
input[type=radio], input[type=checkbox] {
	border:0;
	 background: transparent;
}
::placeholder {	color:#cccccc; }

.TOONEW { background-color: #79f27b !important; }
.TOOOLD { background-color: #F65C5C !important; }
.INAKTIV { background-color: rgb(128,128,128) !important;}
.LASTSAVED { background-color: #FFFF00 !important;}

.ALARM { background-color: #FF0000 !important; color: #FFFF00 !important; }
.INFO { background-color: #339900; color: #FFFFFF }
.SELECTINAKTIV { color:#999999 }

table.PRETTY { border-collapse: collapse; empty-cells:show; }
table.PRETTY th.HEAD { font-weight:bold; font-size:14px; padding:4px; text-align:left }
table.PRETTY th { font-weight:bold; font-size:12px; padding:2px; }
table.PRETTY th A { text-decoration:underline }
table.PRETTY td { padding:2px; }
table.PRETTY th.SUBTH{ font-size:12px; border:1px solid black; text-align:left}
table.PRETTY th.SUB2TH{ font-weight:normal; font-size:12px; border:1px solid black; text-align:left}
table.PRETTY th.SUB3TH{ font-weight:normal; font-size:12px; border:1px solid black; text-align:left}
table.PRETTY th.FOOT { font-weight:bold; font-size:12px; border:1px solid white; padding:2px; text-align:left }

ul.PRETTY.PICPIC {
	list-style-type:none;
	margin:0;
	padding:0;
}
ul.PRETTY.PICPIC li {
	background-color:#691a1e;
	border:#c8a7a5 1px solid;
	display:inline-block;
	padding:8px;
	width:100px;
	height:100px;
	vertical-align:top;
	text-align:center;
}



a.PRETTY { font-weight:bold; text-decoration:none}
a.PRETTY:hover { font-weight:bold; text-decoration:underline}
hr { height:1px; noshade:noshade; color:black }


table.EDITPRETTY { border-collapse: collapse; empty-cells:hide; padding:0; border:1px solid #7d1a13}
table.EDITPRETTY td { padding:3px; border-collapse:collapse; vertical-align:top}
table.EDITPRETTY td.EDITINFO { font-weight:bold; font-size:11px; padding:6px 6px 0 6px }
table.EDITPRETTY table td.EDITINFO { padding:1px 1px 1px 4px }
table.EDITPRETTY td.EDITINFOINNEN { font-weight:bold; font-size:11px; padding:2px; }
table.EDITPRETTY td.EDITINFO td { font-weight:normal; font-size:11px; }
table.EDITPRETTY td.EDITTRENN { font-weight :bold; font-size:12px; padding:2px; border-bottom:1px solid black; border-top:1px dotted black}
table.EDITPRETTY td.EDITLEER { padding:0; height:2px; }
table.EDITPRETTY td.EDITINFOHEADER { font-weight:bold; font-size:12px; padding:4px; border-bottom:1px solid black}
table.EDITPRETTY td.EDITHEADER { font-weight:bold; font-size:14px; padding:4px; border-bottom:1px solid black}
table.EDITPRETTY td.EDITFOOTER { font-weight:bold; font-size:14px; padding:4px; border-bottom:1px solid black; border-top:1px solid black; }
table.EDITPRETTY td.EDITINFO hr { height:1px; border:0;noshade:noshade; }

table.EDITPRETTY td.DYNINFO { font-weight:bold; font-size:10px; padding:2px; }
table.EDITPRETTY td.DYNTRENN { font-weight:bold; font-size:12px; padding:2px; }

table.EDITPRETTY td.DYNBREITE { min-width:82px}

ul.EditReiter {	list-style-type:none; margin:0;	padding:0;	}
ul.EditReiter li { display:inline-block; margin:0 8px 0 0; padding:4px 8px 3px 8px;	font-weight:bold; border-radius:10px 10px 0 0; }
td.EditReiterTD { padding:0 !important; }


.PicShowWindow { border-style: solid; border-width: 2px; margin: 0px; padding: 2px; position: absolute; text-align: left; visibility: xhidden;}
.PicShowTitleBar { cursor: default; font-family: "MS Sans Serif", "Arial", "Helvetica", sans-serif; font-size: 8pt; font-weight: bold; margin: 0px; padding: 2px 2px 2px .5em; text-align: right; white-space: nowrap;}
.PicShowTitleBarText { overflow: hidden; font-family: "MS Sans Serif", "Arial", "Helvetica", sans-serif; font-size: 8pt;}
.PicShowTitleBarButtons { background-image:url('../tools/picshow/alt1buttons.gif'); background-repeat:no-repeat; border-style: none; border-width: 0px; vertical-align: middle; display:inline-block }
.PicShowClientArea { border-style: solid; border-width: 2px; font-family: "Arial", "Helvetica", sans-serif; font-size: 10pt; overflow:auto; margin:0px; padding:6px}
.PicShowInfoBar { float:left;text-align:left }

nav#adminnavbar {
	position:fixed;
	width:160px;
	float:left;
	margin-top:64px;
	min-height:calc(100% - 64px - 26px);
	height:501px;
	overflow-y:auto;
}
nav#adminnavbar #navbar 					{ margin:0;padding:0;margin-bottom:80px;list-style-type:none; }
nav#adminnavbar #navbar li 				{ margin:0;	padding:1px 3px 1px 3px; font-family: Tahoma; font-size: 12px; border:1px transparent solid; }
nav#adminnavbar #navbar li a 				{ text-decoration:none; /* display:block */ }
nav#adminnavbar #navbar li a:hover 		{ text-decoration:none; }
nav#adminnavbar #navbar .nvinfo 			{ padding:2px 0 2px 4px}
nav#adminnavbar #navbar .nvhead 			{ font-weight:bold; padding:2px 0 2px 4px}
nav#adminnavbar #navbar .nvtrenn 			{ margin:2px 0 2px 0; height:2px; padding:0; }
nav#adminnavbar #navbar .nventry 			{ padding:1px 0 1px 0; }
nav#adminnavbar #navbar .nventry:before 	{ content:"» "; }
nav#adminnavbar #navbar .nvhead:nth-of-type(n+4)		{ margin-top:8px}

header#adminheader {
	width:100%;
	height:64px;
	position:fixed;
	margin:0; padding:0; 
	z-index:100;
}
header#adminheader h1 { padding:13px 0 4px 0;margin:0 0 0 170px;font-weight:bold;font-size:16px;font-family: Tahoma; }
header#adminheader #LastAction { border:1px solid white; border-spacing:0px;font-weight:bold; padding:4px;margin-left:15px;display:inline-block;color:yellow}

#navbartimeframe {
	width:160px;
	height:26px;
	position:fixed;
	bottom:0px
}
#navbartime	{ margin:0; padding:0; }
#navbartime	div { text-align:center;padding-top:4px }

main {
	margin-left:160px;
	padding:5px 0 0 5px;
	padding-top:69px;
	margin-bottom:25px;
}
.aufzaehl {
	width:24px;
	height:24px;
	border-radius:12px;
	font-size:18px;
	text-align:center;
	font-weight:bold;
	margin-right:15px;
	display:inline-block;
}
.PreviewArea {
	width:99%;
	min-width:400px;
	min-height:calc(100vh - 69px);
	margin-left:5px;
	position:sticky;
	top:69px;
}
