@import url(extern/jquery/jquery.message.css);
@import url(extern/jquery/themes/ui-darkness/jquery.ui.all.css);
@import url(extern/jquery/themes/ui-darkness/jquery-ui-timepicker-addon.css);
@import url(extern/jquery/jquery.ibutton.css);

html, body {
	border: 0px;
	margin: 0px;
	padding: 0px;
	font-family : Verdana, Arial, sans-serif;
	font-weight : normal;
	font-style: normal;
	font-size : 11px;
	text-decoration: none;
	background-color : #CCC;
	color : #333333;
}

a {
	color : #FFF;
	font-style: normal;
}

.trans {
	background-image: url(images/trans.png);
	background-position: center top;
	background-repeat:repeat;
}

#nav {
	position:absolute;
	overflow:auto;
	right: 0px;
	background-image: url(images/black.png);
	width:300px;
	height:100%;
	z-index:99;
	padding-left:10px;
	padding-right:10px;
		-webkit-user-select: none;
	   -moz-user-select: none;
	        user-select: none;
	  -webkit-user-drag: none;
}

#conf {
	position:absolute;
	overflow:auto;
	left: 0px;
	background-image: url(images/black.png);
	width:300px;
	height:100%;
	z-index:99;
}

#clock {
	position:absolute;
	padding-top:6px;
	padding-left:6px;
	font-size:30px;
	color:#FFFFFF;
	right: 320px;
	background-image: url(images/clock.png);
	background-repeat:no-repeat;
	width:100px;
	height:58px;
	z-index:99;
}

#maptyp {
	position:absolute;
	padding-top:6px;
	padding-left:6px;
	font-size:30px;
	color:#FFFFFF;
	left: 40px;
	top: 5px;
	z-index:99;
}

#syslog {
	position:absolute;
	padding-left:6px;
	color:#FFFFFF;
	bottom: 20px;
	left: 550px;
	background-color:#000;
	width:800px;
	height:180px;
	z-index:99;
	opacity:0.8;
}

#interface_sys {
	position:absolute;
	padding-left:6px;
	color:#FFFFFF;
	background-color:#000;
	top: 10px;
	left: 50px;
	width:300px;
	height:350px;
	z-index:99;
	opacity:0.95;
}

#nav_left_show {
	position:absolute;
	margin-top:-45px;
	left: 0px;
	top:50%;
	z-index:99;
}

#nav_left_hide {
	position:absolute;
	margin-top:-45px;
	left: 300px;
	top:50%;
	z-index:99;
}

#nav_right_hide {
	position:absolute;
	margin-top:-45px;
	right: 320px;
	top:50%;
	z-index:99;
}

#nav_right_show {
	position:absolute;
	margin-top:-45px;
	right: 10px;
	top:50%;
	z-index:99;
}

#nav_top_hide {
	position:absolute;
	margin-left:-45px;
	left: 50%;
	top:0px;
	z-index:99;
}

#nav_top_show {
	position:absolute;
	margin-left:-45px;
	left: 50%;
	top:0px;
	z-index:99;
}

#username {
	text-align:center;
	position:absolute;
	padding-top:8px;
	padding-left:6px;
	font-size:30px;
	color:#FFFFFF;
	bottom: 0px;
	left: 0px;
	background-image: url(images/username.png);
	background-repeat:no-repeat;
	width:300px;
	height:58px;
	z-index:99;
	overflow:hidden;
}

#km {
	text-align:center;
	position:absolute;
	padding-top:6px;
	padding-left:6px;
	font-size:30px;
	color:#FFFFFF;
	bottom: 0px;
	left: 50%;
	margin-left: -150px;
	background-image: url(images/username.png);
	background-repeat:no-repeat;
	width:300px;
	height:58px;
	z-index:99;
}

.TabellenUeberschrift { 
	background: #cccccc url(images/table_heading.png) 50% 50% repeat-x; 
	color: #222222; 
	font-size: 13px;
	font-weight:bold;
}

.dataTableClear { 
 background: ''; 
}

.dataTableRow { 
 color:#000;  
 background: #F6F6F3; 
}

.dataTableRowDetail { 
 color:#000;  
 background: #9C9; 
}

.dataTableRowDunkel { 
 color:#000;  
 background: #cececc; 
}

.dataTableRowDunkelDetail { 
 color:#000;  
 background: #9FC; 
}

.dataTableRowOver { 
 color:#000;  
 background: #FFFF99; 
}

.dataTableRowSelectOver { 
 color:#000;  
 background: #FFFF99; 
}

.dataTableRowSelect { 
 color:#000;  
 background: #ccffcc; 
}

#contextmenu {
	z-index:999999999999999999;
	width: 263px;
	display: none;
	position: absolute;
	background-color: #f0f0f0;
	border: 2px solid #979797;
}

#contextsubmenu {
	z-index:999999999999999999;
	width: 263px;
	display: none;
	position: absolute;
	background-color: #f0f0f0;
	border: 2px solid #979797;
}

.contextmenuTableRow {
	background-color: #f0f0f0;
}

.contextmenuTableRowOver {
	background-color: #aecff7;
}

.contextmenuTableNoEvent {
	background-color: #CCC;
}

#button_to_login {
	position: absolute;
	right: 230px;
	top: 300px;
	font-size:20px;
	height: 50px;
	width: 200px;
}

#button_to_shop {
	margin-top: 20px;
	font-size:20px;
	height: 50px;
	width: 260px;
}

.button_to_shop_ico {
		float: left;
		margin-top: -5px;
		margin-right: 5px;
    cursor: pointer;
    width: 48px;
    height: 48px;
    background-image: url(images/utilities-file-archiver-3.png);
    background-repeat: no-repeat;
}

.button_to_login_ico {
		float: left;
		margin-top: 5px;
		margin-right: 5px;
    cursor: pointer;
    width: 48px;
    height: 48px;
    background-image: url(images/kgpg_key3.png);
    background-repeat: no-repeat;
}

.homepage_footer {
	width: 100%;
	position:absolute;
	top: 790px;
}

.faq_question {
	margin-top:4px;
	border:1px #aaaaaa solid;
	padding:6px;
	font-size:16px;
	height:25px;
	background: #cccccc url(images/table_heading.png) 50% 50% repeat-x; 
	color: #222222; 
	cursor:pointer;
	font-weight:bold;
}

.faq_question_over {
	margin-top:4px;
	border:1px #aaaaaa solid;
	padding:6px;
	font-size:16px;
	height:25px;
	background: #00a551; 
	color: #FFF; 
	cursor:pointer;
	font-weight:bold;
}

.faq_answer {
	color:#000000;
	display:none;
	border-left:1px #aaaaaa solid;
	border-right:1px #aaaaaa solid;
	border-bottom:1px #aaaaaa solid;
	padding:6px;
	background-color:#FFC;
}

#tabs {
	margin-left:10px;
	margin-right:10px;
	margin-top:20px;
}

.TableDevices {
	margin:0px;padding:0px;
	width:100%;
	box-shadow: 10px 10px 5px #888888;
	border:1px solid #000000;
	opacity:0.9;
	border-color:#FF6600;
	
	-moz-border-radius-bottomleft:14px;
	-webkit-border-bottom-left-radius:14px;
	border-bottom-left-radius:14px;
	
	-moz-border-radius-bottomright:14px;
	-webkit-border-bottom-right-radius:14px;
	border-bottom-right-radius:14px;
	
	-moz-border-radius-topright:14px;
	-webkit-border-top-right-radius:14px;
	border-top-right-radius:14px;
	
	-moz-border-radius-topleft:14px;
	-webkit-border-top-left-radius:14px;
	border-top-left-radius:14px;
}.TableDevices table{
    border-collapse: collapse;
        border-spacing: 0;
	width:100%;
	height:100%;
	margin:0px;padding:0px;
}.TableDevices tr:last-child td:last-child {
	-moz-border-radius-bottomright:14px;
	-webkit-border-bottom-right-radius:14px;
	border-bottom-right-radius:14px;
}
.TableDevices table tr:first-child td:first-child {
	-moz-border-radius-topleft:14px;
	-webkit-border-top-left-radius:14px;
	border-top-left-radius:14px;
}
.TableDevices table tr:first-child td:last-child {
	-moz-border-radius-topright:14px;
	-webkit-border-top-right-radius:14px;
	border-top-right-radius:14px;
}.TableDevices tr:last-child td:first-child{
	-moz-border-radius-bottomleft:14px;
	-webkit-border-bottom-left-radius:14px;
	border-bottom-left-radius:14px;
}.TableDevices tr:hover td{
	background-color:#ffffff;
		

}
.TableDevices td{
	vertical-align:middle;
	
	background-color:#e5e5e5;

	border:1px solid #000000;
	border-width:0px 1px 1px 0px;
	text-align:left;
	padding:7px;
	font-size:10px;
	font-family:Arial;
	font-weight:normal;
	color:#000000;
}.TableDevices tr:last-child td{
	border-width:0px 1px 0px 0px;
}.TableDevices tr td:last-child{
	border-width:0px 0px 1px 0px;
}.TableDevices tr:last-child td:last-child{
	border-width:0px 0px 0px 0px;
}
.TableDevices tr:first-child td{
		background:-o-linear-gradient(bottom, #4c4c4c 5%, #000000 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4c4c4c), color-stop(1, #000000) );
	background:-moz-linear-gradient( center top, #4c4c4c 5%, #000000 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#4c4c4c", endColorstr="#000000");	background: -o-linear-gradient(top,#4c4c4c,000000);

	background-color:#4c4c4c;
	border:0px solid #000000;
	text-align:center;
	border-width:0px 0px 1px 1px;
	font-size:14px;
	font-family:Arial;
	font-weight:bold;
	color:#ffffff;
}
.TableDevices tr:first-child:hover td{
	background:-o-linear-gradient(bottom, #4c4c4c 5%, #000000 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4c4c4c), color-stop(1, #000000) );
	background:-moz-linear-gradient( center top, #4c4c4c 5%, #000000 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#4c4c4c", endColorstr="#000000");	background: -o-linear-gradient(top,#4c4c4c,000000);

	background-color:#4c4c4c;
}
.TableDevices tr:first-child td:first-child{
	border-width:0px 0px 1px 0px;
}
.TableDevices tr:first-child td:last-child{
	border-width:0px 0px 1px 1px;
}