/************************* common *************************/
img{
	border: 0px;
}

a:link {
	color: #0000ff;
	text-decoration: none;
}

a:visited {
	color: #0000ff;
	text-decoration: none;
}


a:hover {
	text-decoration: underline;
}

#no-script-info {
	color: Red;
   font-size: 10px;
	font-weight: bold;
	margin: 0px auto 10px auto;
	text-align: center;
 }

body {
   background-color: #F2F7FF;
   /*background-color: #E4E8F0;*/
   font-family: Verdana, Helvetica, sans-serif;
   font-size: 12px;
}

td.layout {
	vertical-align:top;
}

table.left_column {
	width:675px;
}

.input-text {
   font-size: 12px;
   border: 1px solid #6699CC;
   background-color: #F2F7FF; /*#BFCCE5;*/
   margin: 1px;
   height: 20px;
   padding-top: 2px;
   padding-left: 3px;
   color: #000000;
}

.input-select {
   font-size: 12px;
   border: 1px solid #6699CC;
   background-color: #F2F7FF;
   margin: 1px;
   color: #000000;
}

.input-submit {   /* Standard Button */
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   line-height: 15px;
   width: 100px;
   border: 1px solid #005096;
   background-color: #EEEEEE;
   margin: 1px;
   color: black;
}

.input-submit[disabled] {   /* Standard Button */
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   line-height: 15px;
   width: 100px;
   border: 1px solid #005096;
   background-color: #EEEEEE;
   margin: 1px;
   color: Gray;
}

.input-submit-wide {  /* Extended Button */
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   line-height: 15px;
   width: 130px;
   border: 1px solid #005096;
   background-color: #EEEEEE;
   margin: 1px;
   color: black;
}

.input-submit-large {  /* Large Button */
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   line-height: 15px;
   width: 180px;
   border: 1px solid #005096;
   background-color: #EEEEEE;
   margin: 1px;
   color: black;
}

.input-radio {
   font-family:  Arial, Helvetica, sans-serif;
}

.input-checkbox {
   border: none;
   margin-right: 5px;
}

select {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   line-height: 15px;
   border: 1px solid #6699CC;
   background-color: #F2F7FF; /*#BFCCE5;*/
   margin: 1px;
   color: #000000;
}

/*---------- Links formatted as buttons ------------*/

.buttons {
	list-style:none;
	margin:0;
	padding:0;
	float:right;
	font-family: Arial, Helvetica, sans-serif;
   font-size: 13px;
   margin-top:18px;
}

.buttons li {
	width:110px;
	height:20px;
	margin: 4px;
	border: 1px solid #005096;
	background-color: #EEEEEE;
 	text-align: center;
	float:left;
}

.buttons li a, .buttons li a:link, .buttons li a:visited, .buttons li a:focus, .buttons li a:hover, .buttons li a:active {
 	color: Black;
	width:100%;
	height:100%;
	text-decoration: none;
	display: block;
	padding:0px;
	padding-top: 1px;
}

* html .buttons li a {  /* nur fuer Internet Explorer (Slash im Tag ist gewollt) */
	paddi\ng-top:1px;    /* Version 6 */
	he\ight:18px;        /* Version 6 */
}

.buttons li a[disabled] {
 	color: Gray;
}

.buttons li input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
 	color: Black;
	width:90%;
	height:90%;
	border: 0px;
	background-color: #EEEEEE;
}

.buttons li input[disabled] {
 	color: Gray;
}

/*----------------- Standard Table -----------------*/
.standard-table {
   width: 100%;
   border-collapse: collapse;
}

.meterlabel {
	padding-top: 0px;
	padding-bottom: 0px;
	font-size: 10px;
	font-weight: bold;
}

.metercanvas {
	width: 110px;
}

.standard-table th {
   border-top: solid 1px black;
   border-bottom: solid 1px black;
   font-family: Verdana, Helvetica, sans-serif;
   font-size: 12px;
   font-weight: normal;
   color:  #FFFFFF;
   vertical-align: middle;
   background-color: #005096;
   padding-left: 5px;
   height: 20px;
   /*text-align: left;*/
   /*border: solid 1px red;*/
}

.standard-table td {
   font-family: Verdana, Helvetica, sans-serif;
   font-size: 12px;
   font-weight: normal;
   color: #000000;
   border-top: solid 1px #005096;
   border-bottom: solid 1px #005096;
   vertical-align: middle;
   /* border: solid 1px blue; */
}

.standard-table tfoot td {
   border-top: solid 1px black;
   border-bottom: solid 1px black;
   background-color: #005096;
   height: 5px;
}

.top-ten-table {
	margin: auto;
	margin-top: 10px;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	border-collapse: collapse;
	vertical-align: middle;
	border: solid 1px blue;
}

.top-ten-table td {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	border-collapse: collapse;
	vertical-align: middle;
	border: solid 1px blue;
	background-color: white;
}
/*----------------- Menue Table -----------------*/
.menue-table {
   width: 100%;
   border-collapse: collapse;
   font-family: Verdana, Helvetica, sans-serif;
   font-size: 12px;
   font-weight: normal;
   color: black;
   text-align: center;
   vertical-align: middle;
}

.banner1 {
   width: 10%;
   background-color: #005096;
}

.banner2 {
   width: 10%;
   background-color: #CC3300;
}

.banner3 {
   width: 10%;
   background-color: #999999;
}

.location
{
   height: 50px;
   width: auto;
   background-color: #FFFFFF;
   font-weight: bold;
}

.menue-table tr.level0 {
   background-color: #BFCCE5;
}

.menue-table tr.level1 {
   background-color: #6699CC;
}

.menue-table tr.level2 {
   background-color: #BFCCE5;
}
.menue-table th {
   height: 25px;
   border-top: solid 2px black;
   border-bottom: solid 2px black;
   font-weight: bold;
	/*border: solid 1px red;*/
}

.menue-table td {
   width: 10%;
   height: 21px;
   border-top: solid 2px black;
   border-bottom: solid 2px black;
   /*border: solid 1px lime;*/
}

.menue-table td.level0_selected
{
   background-color: #005096;
}

.menue-table td.level0_selected a {
   color: white;
}

.menue-table td.level1_selected {
   background-color: #CC3300;
}

.menue-table td.level1_selected a {
   color: white;
}

.menue-table td.level2_selected {
   background-color: #999999;
}

.menue-table td.level2_selected a {
   color: white;
}


.menue-table td.gray {
}

.menue-table td.gray a {
   color: #4F4F4F;
}


/************************* top.htm *************************/
#header {
   margin: 0;
   padding: 0;
   border: 0;
   background-image: url(../image/himmelwolken.jpg);
   height: 75px;
   float:  none;
   background-color: #FFFFF0;
}

#top-gimick {
   top: 0;
   margin-left:160px;
   padding: 3px;
   border: 0;
   float: left;
}

#top-sma-adress {
   position: static;
   width: 150px;
   background: white;
   text-align: center;
   padding: 10px;
   float: right;
   font-size: 12px;
   font-style: normal;
   text-decoration: none;
   color: #000000;
   height: 57px;
   /*border: dashed 1px red;*/
}

/************************* bottom.htm *************************/
.bottom-table {
   border-top: 2px solid black;
   border-collapse: collapse;
   background-color: #6699CC;
}

.bottom-table td {
   font-family: Verdana, Helvetica, sans-serif;
   font-size: 10px;
   background-color: #BFCCE5;
   border-left: 1px solid black;
   border-right: 1px solid black;
   padding-left: 10px;
   vertical-align: middle;
   color: #808080;
}

.bottom-table .td0 { width:  60%; text-align: left; height: 20; color: ff0000; font-size: 12px;} /* blank */
.bottom-table .td1 { width:  15%; text-align: center; } /* HW-Info */
.bottom-table .td2 { width:  20%; text-align: center; border-right: none;}  /* SW-Info */
.bottom-table .td3 { width:  auto; text-align: center; border-left: none;}   /* Traffic Indicator */

.bottom-table .td3 #traffic_out {margin-right: -5px;}