* {
  margin: 0;
  padding: 0;
  }
body, table, input, textarea, select {
  font-family: Verdana, Helvetica, sans-serif; 
  /* font-family: Arial, Helvetica, sans-serif; */
  font-size: 11px;
  color: #333;
  }
body {
  text-align: center; /* ie */
  } 
img {
  border: 0;
  }
h1, h2, h3 {
  margin: 0;
  padding: 0;
  font-size: 1.0em;
  font-weight: bold;
  color: #333;
  }
p {
  margin: 0 0 0.5em 0;
  padding: 0;
  color: #333;
  line-height: 1.4em;
  }
a:link {
  text-decoration: none;
  color:#092B53;  
  font-weight: bold;
  } 
a:visited, a:active {
  text-decoration: none;
  /* color:#092B53; */
  color: #0B4E97;
  font-weight:bold;
  }
a:hover {
  text-decoration: underline;
  color: #092B53;
  }
ul {
  margin: 0 0 0 20px;
  }

/* ### generell ### */
.mhide { display: none; }
.clear { clear: both; }
.fss { font-size: 90%; }
.aleft { text-align: left; }
.aright { text-align: right; }
.acenter { text-align: center; }  
.imgleft img { float: left; }
.imgright img { float: right; }
.fleft { float: left; }
.fright { float: right; }
.alter { background-color: #E7F2FF; } 

div.line {
  margin: 2px 4px 2px 4px;
  height: 1px;
  border-top: 1px solid #ccc;
  }

.infobox {
  margin: 6px 0;
  padding: 4px;
  background-color: #E7F2FF;
  border: 1px solid #999;
  }

p.morelong {
    padding: 2px;
    text-align: right;
    }
p.paging {
    margin: 0;
    padding: 2px;
    text-align: center;
    border-top: 1px solid #ccc;
    }
          
.ltop {
    border-top: 1px solid #ccc; 
    }   
.lbottom {
    border-bottom: 1px solid #ccc; 
    }  

.normallist {
  margin: 0 0 6px 24px;;
  padding: 0;
  list-style: disc;
  }

ul.blocklist {
  margin: 0;
  list-style: none;
  }
ul.blocklist li {
  margin: 0 0 4px 0;
  padding: 4px;
  }  
ul.blocklist li img {
  margin: 4px 8px 0 0;
  }  
  
div.text {
  padding: 12px 6px 60px 6px;
}
div.texttop {
  padding: 12px 6px 0 6px;
}

/* ### begin: inc/copyright ### */
div.copy {
  margin: 12px 0 0 0;
  font-size: 0.9em;
  }
 div.copy p.copy {
  margin: 10px 0 0 0;
  padding: 4px 0 0 0;
  border-top: 1px solid #ccc;
  color: #666;
  line-height: 1.2em
  }  
/* ### end: inc/copyright ### */

.rederror,
.redinfo,
.redprice {
  color: #ff0000;
  font-weight: bold;
}
.greeninfo {
  color: #00ff00;
  font-weight: bold;
}

/* ### generell ### */

/* DIV-Boxen */

div#wrapper {
  width: 800px;
  margin: 10px auto;
  /* background-color: #E7F2FF; */
  text-align: left;
  position: relative;
  }
div#leftCol {
  width: 146px;
  top: 90px;
  left: 0;
  background-color: #E7F2FF;
  position: absolute;
  }
div#rightCol {
  width: 150px;
  height: 1024px; 
  top: 90px;
  right: 0;
  background-color: #E7F2FF;
  position: absolute;
  }
div#rightCol div.empty {
  background-color: #E7F2FF;
  }
div#centerCol {
  width: 494px;
  top: 90px;
  left: 152px;
  background-color: #fff;
  position: absolute;
  }


/* ############################# */

/* ### BEGIN:HEADER ELEMENTS ### */
div#header {
  height: 84px;
  /* padding: 0 0 10px 0; */
  margin: 0 0 10px 0;
  background-color:#6399C1;
  position: relative;
  }
html>body div#header {
  height: 84px;
  } 

div#logo {
  width: 253px;
  top: 0;
  left: 0;
  position: absolute;
  } 
div#bannertop {
  top: 2px;
  right: 0;
  position: absolute; 
  }
div#portalselect {
  height: 20px;
  top: 66px;
  right: 0;
  position: absolute;
  }
div#portalselect a.text {
  }
div#portalselect img {
  padding: 0 2px;
  border: 0px;
  } 
/* ### END:HEADER ELEMENTS ### */

/* ######################## */
/* ### begin: navbar.php ### */

/* begin: boxes all */
div#leftCol div#navbar div.box {
  margin: 0 0 6px 0;
  padding: 0; 
  } 
div#leftCol div#navbar div.box h1 {
  padding: 3px 0 5px 4px;
  background-color: #6399C1;
  color: #fff;
  font-size: 1.1em;
  font-weight: bold;
  line-height: 100%;
  text-align: left; 
} 
div#leftCol div#navbar div.box h2 {
  padding: 4px 4px 2px 0;
  font-size: 0.95em;
  font-weight: bold;
  line-height: 100%;
}
div#leftCol div#navbar div.box ul {
  margin: 0;
  list-style: none;
  }
div#leftCol div#navbar div.box li {
  padding: 0 10px 0 0;
  }
/* end: boxes all */

/* begin: search box */
div#leftCol div#navbar form {
  margin: 2px 0 0 0;
  }
div#leftCol div#navbar input.searchtext,
div#leftCol div#navbar input.searchbutton {
  font-size: 1.0em;
  }
div#leftCol div#navbar input.searchtext {
  width: 114px;
  padding: 2px 0;
  }
/* end: search box */

/* begin: device selected */ 
div#leftCol div#navbar div.box li.selected {
  margin: 2px 0 0 0;
  padding: 2px 0 4px 0;
  background-color: #008800;
  border: 1px solid #6399C1;
  }
div#leftCol div#navbar div.box li.selected p.device {
  padding: 1px 0 0 4px;
  color: #fff;
  line-height: 1.4em;
  text-align: right;
  float: left;
  }   
div#leftCol div#navbar div.box li.selected img.checkbox {
  margin: 2px 4px 0 2px;
  }
/* end: device selected */  

/* begin: last section devices */
div#leftCol div#navbar div.box li.alldevices {
  margin: 8px 0 0 0;
  }
/* end: last section devices */

/* ### end: navbar.php ### */
/* ######################## */

/* ############################### */
/* ### begin: all center boxes ### */

/* begin: all center boxes */
div#centerCol div.content {
  width: 646px;
  margin: 0 auto;
  }
div#centerCol div.content div.box {
  margin: 0 0 6px 0;
  }
div#centerCol div.content div.box div.small {
  width: 500px;
  margin: 0 auto;
  }
div#centerCol div.content div.box div.small1 {
  width: 600px;
  margin: 0 auto;
  } 
div#centerCol div.content div.box h1 {
  padding: 3px 4px 5px 4px;
  background-color: #6399C1;
  color: #fff;
  font-size: 1.1em;
  font-weight: bold;
  line-height: 100%;  
  }

/* ### begin: catpage categories.php ### */
div#centerCol div.content div.catpage a {
  font-weight: normal;
  }
div#centerCol div.content div.catpage h2 {
  padding: 4px 0 2px 4px;
  font-size: 1.1em;
  border-bottom: 1px solid #6399C1;
  }
div#centerCol div.content div.catpage h2 a {
  font-weight: bold;
  }  
div#centerCol div.content div.catpage div.inner {
  padding: 4px;
  }
/* ### end: catpage categories.php ### */ 

/* ### begin: catselect browse.php  ### */  
div#centerCol div.content div.box p.catheader {
  margin: 0 0 0 4px;
  font-weight: bold;
  border-bottom: 1px solid #ccc;
  }
div#centerCol div.content div.box p.cattext {
  margin: 2px 0 4px 4px;
  }  
/* ### end: catselect browse.php  ### */  

/* ### begin: gtable ### */
div#centerCol div.content div.box table.gtable {
  width: 100%;
  margin: 4px 0 0 0;
  border-collapse: collapse;
  }
/*
div#centerCol div.content div.box table.gtable td {
  border: 1px solid #ff0000
  }
*/ 
 
div#centerCol div.content div.box table.gtable p {
  margin: 0;
  }  
div#centerCol div.content div.box table.gtable th {
  padding: 1px 2px 2px 2px;
  background-color: #6399C1;
  font-size: 1.0em;
  color: #fff;
  }
div#centerCol div.content div.box table.gtable th p {
  }   
div#centerCol div.content div.box table.gtable th a,
div#centerCol div.content div.box table.gtable th p {
  background-color: #6399C1;
  color: #fff;
  }
  
div#centerCol div.content div.box table.gtable .spacer {
  height: 4px;
}
div#centerCol div.content div.box table.gtable .space {
  padding: 4px;
}
div#centerCol div.content div.box table.gtable .w40 {
  width: 40%;
}

div#centerCol div.content div.box p.sortorder {
  margin: 0;
  padding: 0;
  text-align: right;
}
div#centerCol div.content div.box table.gtable th.vote p.greeninfo {
  color: #00cc00;
}

div#centerCol div.content div.box table.gtable td.rg {
  background-color: #E7F2FF;
  }
div#centerCol div.content div.box table.gtable td.rw {
  background-color: #fff;
  }  

div#centerCol div.content div.box table.gtable td {
  padding: 2px;
  vertical-align: top;
  }
/*
div#centerCol div.content div.box table.gtable th,
div#centerCol div.content div.box table.gtable td {
  border: 1px solid #ff0000;
  }
*/
div#centerCol div.content div.box table.gtable th.count {
  width: 50px;
  text-align: center;
  }
/* der ie zentriert das einfach nciht  
div#centerCol div.content div.box table.gtable th.check {
  width: 16px;
  text-align: center;
  }
*/
div#centerCol div.content div.box table.gtable td.price,
div#centerCol div.content div.box table.gtable th.price {
  width: 60px;
  text-align: right;
  }
div#centerCol div.content div.box table.gtable td.amount,
div#centerCol div.content div.box table.gtable th.amount {
  width: 60px;
  text-align: right;
  }
  
div#centerCol div.content div.box table.gtable td.loginleft {
  width: 200px;
  }

div#centerCol div.content div#breadcrumbs {
  height: 20px;
  margin: 4px 0 0 4px;
  }
  
/* table esd_html */
div#centerCol div.content table.epay_products {
	width: 100%;
  margin: 0 12px;
  }
div#centerCol div.content table.epay_products th {
  padding: 2px 4px;
  border-top: 1px solid #ccc;
  background-color: #f2f2f2;
  text-align: left;
  }    
div#centerCol div.content table.epay_products td {
  padding: 2px 4px;  
  border-top: 1px solid #ccc;
  }  
/* /table esd_html */