/* grundlayout ====================================================================================== */

body.backmain {
	margin-top:0px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:0px;
	background-color:#0f1113;
}

body {
	background-image:url(../images/debian-logo.png);
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-attachment:fixed;
	background-color:#0f1113;
}


/* breite der konstrukt.*/
#main { border:solid 0px #000; width:95%; background-color:#0f1113; }


/* kopf ============================================================================================= */

#top{
	font:normal 11px verdana, sans-serif;
	color:#7f7f7f;
	padding-top:10px;
	padding-right:0px;
	vertical-align:bottom;
	text-align:right;
	background-color:#0f1113;
	background-image:url(../images/back_ani2.gif);
	background-repeat:no-repeat;
	background-position: 0% 0%;
}


#inhalt { border:solid 0px black; width:100%; height:100%; }


/* fuss ============================================================================================= */

#fusszeile {
	font:normal 13px "Trebuchet MS", verdana, sans-serif;
	color:#bfbfbf;
	padding:6px;
	height:24px;
	text-align:center;
	background-color:#0f1113;
}

/* allgemein ======================================================================================== */

h2 {
	letter-spacing:2px;
	font-family: "Trebuchet MS",verdana,arial, helvetica, verdana, tahoma, sans-serif;
	font-size:24px;
	font-weight:bold;
	text-align:left;
	color:#6c6c6c;
}

h1 {
	letter-spacing:0px;
	font-family:"verdana", arial, helvetica, verdana, tahoma, sans-serif;
	font-size:12px;
	font-weight:normal;
	text-align:left;
	color:#c8c8c8;
}

.fett { font-weight:bold; }
.hell { font-size:12px; color:#ffffff; font-weight:normal; }
.command { font-size:12px; color:green; font-weight:bold; }
.tab { letter-spacing:0px; font-family: verdana, arial, helvetica, verdana, tahoma, sans-serif; font-size:13px; text-align:left; color:#c8c8c8; font-weight:normal; }
.tab1 { letter-spacing:0px; font-family: verdana, arial, helvetica, verdana, tahoma, sans-serif; font-size:13px; text-align:center; color:#c8c8c8; font-weight:normal; }
.tabred { letter-spacing:0px; font-family: verdana, arial, helvetica, verdana, tahoma, sans-serif; font-size:13px; text-align:left; color:firebrick; font-weight:bold; }
.tabgreen { letter-spacing:0px; font-family: verdana, arial, helvetica, verdana, tahoma, sans-serif; font-size:13px; text-align:left; color:limegreen; font-weight:bold; }
.tabred2 { letter-spacing:0px; font-family: verdana, arial, helvetica, verdana, tahoma, sans-serif; font-size:13px; text-align:center; color:firebrick; font-weight:bold; }
.tabgreen2 { letter-spacing:0px; font-family: verdana, arial, helvetica, verdana, tahoma, sans-serif; font-size:13px; text-align:center; color:limegreen; font-weight:bold; }
.tab2 { letter-spacing:0px; font-family: verdana, arial, helvetica, verdana, tahoma, sans-serif; font-size:13px; text-align:left; color: transparent; font-weight:bold; }
.tab3 { letter-spacing:0px; font-family: verdana, arial, helvetica, verdana, tahoma, sans-serif; font-size:14px; text-align:left; color: #c8c8c8; font-weight:bold; }
.tab4 { letter-spacing:0px; font-family: verdana, arial, helvetica, verdana, tahoma, sans-serif; font-size:14px; text-align:center; color: #c8c8c8; font-weight:bold; }
#ring { vertical-align:middle; text-align:center; }

.point { color:red; }

#control {
	position:absolute;
	height:400px;
	width:476px;
	top:120px;
	right:0px;
}

.CamStart, .CronStart { background-color:limegreen; color:black; }
.CamStop, .CronStop { background-color:firebrick; color:black; }
.CamRestart, .CronRestart, .RestartCams { background-color:darkorange; color:black; }
.CamKeys, .Reboot { text-shadow: gray 0.1em 0.1em 0.2em; }

#output { letter-spacing:0px; font-family: verdana, arial, helvetica, verdana, tahoma, sans-serif; font-size:14px; text-align:left; color:#c8c8c8; font-weight:normal; }

.motd { letter-spacing:0px; font-family: verdana, arial, helvetica, verdana, tahoma, sans-serif; font-size:16px; text-align:left; color:firebrick; font-weight:normal; }

#ProzessInfos {
  position:absolute;
  top:100px;
  left:400px;
}


.slide {
	position: relative;
}
.slide .inner {
	position: absolute;
	left: 0;
	bottom: 0;
}


#DEBUG {
  position:absolute;
  top:0px;
  left:800px;
  z-index:-1;
  letter-spacing:0px;
  font-family:verdana, arial, helvetica, verdana, tahoma, sans-serif;
  font-size:13px;
  text-align:left;
  color:#c8c8c8;
  font-weight:normal;
}


.useronline {
	letter-spacing: 0px;
	font-family: verdana, arial, helvetica, verdana, tahoma, sans-serif, monospace;
	font-size: 13px;
	text-align: left;
	color: #ffa500;
	font-weight: bold;
}

.adminonline {
	letter-spacing: 0px;
	font-family: verdana, arial, helvetica, verdana, tahoma, sans-serif, monospace;
	font-size: 13px;
	text-align: left;
	color: #ff4500;
	font-weight: bold;
}

.HelpMenu {
	top: 90px;
	left: -25px;
	float: left;
	width: 28%;
}
.HelpMenuFIXED {
	position: fixed;
	top: 90px;
	left: -25px;
	float: left;
	width: 28%;
}
.HelpContent {
	position: absolute;
	top: 60px;
	left: 330px;
	float: right;
	width: 72%
}

/* Login ====================================================================================== */

#LoginMain {
	margin: auto;
	border: 1px solid #cccccc;
	width: 310px;
	background: #F1F3F5;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size : 12px;
}
.Logincaption {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin:10px;
	font-size : 14px;
	color:#C64934;
}
#Loginresult {
	margin-left: 18px;
	border: 1px solid #cccccc;
	width: 270px;
	background: #E9ECEF;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size : 12px;
	padding:5px;
	margin-bottom:10px;
}
.Logintext {
	border: 1px solid #cccccc;
}


/* scrolleiste internet explorer ab vers.5.5

html,body
{scrollbar-arrow-color: #808080; scrollbar-base-color: #fff;
scrollbar-highlight-color : #000000; scrollbar-shadow-color : #fff;
SCROLLBAR-TRACK-COLOR: #fff;}  */


/* hyperlinks im content ============================================================================ */

a.gelb:link, a.gelb:visited, a.gelb:active { font-size:12px; font-weight:normal; line-height:14px; font-family:"verdana",arial, helvetica, tahoma , sans-serif; text-decoration:none; color:#fff000; background-color:transparent; }
a:link, a:visited, a:active { font-size:12px; font-weight:normal; line-height:14px; font-family:"verdana",arial, helvetica, tahoma , sans-serif; text-decoration:none; color:#fff; background-color:transparent; }

a:hover { color:#FF0000; }