/************************* 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;
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 12px;
}

.input-text 
{
  font-size: 12px;
  border: 1px solid #6699CC;
  background-color: #F2F7FF;
  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;
}

/* Standard Button */
.input-submit 
{  
  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;
}

/* Standard Button */
.input-submit[disabled]
{   
  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;
}

/* Extended Button */
.input-submit-wide 
{  
  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-wide[disabled] 
{  
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 15px;
  width: 130px;
  border: 1px solid #005096;
  background-color: #EEEEEE;
  margin: 1px;
  color: Gray;
}

/* Large Button */
.input-submit-large
{  
  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;
  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 input 
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: Black;
  width:90%;
  height:90%;
  border: 0px;
  background-color: #EEEEEE;
}

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

.oddrow  { background-color: #E4E8F0; }
.evenrow { background-color: #BFCCE5; }

.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;
}

.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;
}

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

/*----------------- 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;
}

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

.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;}

/************************* Tab Navigation *************************/
body 
{
  margin: 0;
  padding: 0;
}

#navigation {
  border-bottom: 1px solid #A1A1A1;
  font: 12px Verdana, Arial, Helvetica, sans-serif;
  margin: 1em 0 10px 4px;
  padding: 0.6em 0 4px;
  font-weight: bold;
}

#navigation ul, #navigation ul li 
{
  list-style: none;
  margin: 0;
  padding: 0;
}

#navigation ul {
  padding: 0;
  text-align: left;
}

#navigation ul li {
  display: inline;
}

#navigation ul li a {
  background: url(../image/tableft.gif) no-repeat left top;
  color: #FFF;
  text-decoration: none;
  padding: 5px 0;
}

#navigation ul li span {
  background: url(../image/tabright.gif) no-repeat right top;
  padding: 5px 7px 5px 3px;
  margin: 4px 0 4px 4px;
}

#navigation ul li a:hover span {
  text-decoration: underline;
  background-position: 100% -75px;
}

#navigation ul li a:hover {
  background-position: 0 -75px;
}

#navigation #current a {
  background-position: 0 -150px;
}

#navigation #current a span {
  background-position: 100% -150px;
}

/*- Internet Explorer...It's Hacktastic!--------------------------- */

/*\*//*/
#navigation ul li a 
{
  display: inline-block;
  white-space: nowrap;
  width: 1px;
}

#navigation ul 
{
  padding-bottom: 0;
  margin-bottom: -1px;
}
/**/

/*\*/
* html #navigation ul li a 
{
  padding: 0;
}
/**/
-->			

.tabBox {
  border: 1px solid #bebebe;
  border-top: none;
  padding: 5px;
}

/* progress bar styles */
#progressBox {
  width: 300px;
  height : 20px;
  position: relative;
  background: #cccccc;
  border: solid 1px #aaaaaa;
  display: none;
}

#progressBar {
  width: 1px; 
  height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  background: #00df00;
  z-index:1;
}

#loader {
  border: 0; 
  height: 0; 
  width: 0; 
  padding: 0; 
  position: absolute; 
  display: none;
}

#ulstatus 
{
  position: absolute;
  background-color:transparent;
  color:#606060;
  font-weight:bold;
  z-index:2;
}

#file {
  float: left;
  width: 300px;
}