ul.navigation li:hover div.help {
    background-image:url(back.jpg);
    position: absolute;
    right: 15px;
    top: -80px;
    border-width: 1px;
    border-style: solid;
    border-color: #c0c0c0;
    font-size: 9px;
    display: block;
    width: 140px;
    z-index:5;
}


div.shopping_demo {
  height:110px;
}

img.products {
  float:left;

  margin-right:10px;
  cursor:move;
}

div.cart {
  overflow: scroll; 
  clear:both;
  border:1px solid #E8A400;
  background-color:white;
  height:90%;
}

span.title {
  margin:0;
  padding:0;
  padding-top:10px;
  font-size: 12px;
  color: #444;
  font-weight:normal;
}

div#wastebin {
  width:100%;
  height:10%;
  color:#ccc;
  border:0px dashed #888;
  font-size:12px;
  font-weight:bold;
  text-align:center;
}
div.wastebin-active {
  background-color: #E8A800;
  border:1px solid #E8A400;
}

div.cart img {


  margin-right:10px;
}

div.cart div {
  font-size:12px;
  font-weight:normal;
  color:#444;
  
}

ul.sortablelist {
  list-style-image:none;
  list-style-type:none;
  margin-top:5px;
  margin:0px;
  padding:0px;
}

ul.sortabledemo li {
  padding:0px;
  margin:0px;
}

span.handle {
  background-color: #E8A400;
  color:white;
  cursor: move;
}

li.green {
  background-color: #ECF3E1;
  border:1px solid #C5DEA1;
  cursor: move;
}

li.orange {
  border:1px solid #E8A400;
  background-color: #FFF4D8;
}

#puzzle {
  margin-left:10px;
  width:450px;
  height:450px;
  border:1px solid #e8a400;
}

#puzzle img {
  float:left;
  margin:0px;
  cursor:move;
}

span.congrats {
  background-color: #E8A400;
  color:white;
  font-weight: bold;  
}

div.cart-active {
  background-color: #FFF4D8;
}






#ads {

        position:absolute;
        left:25px;
        top:0px;
        z-index:1001;
}

#ads2 {

        position:absolute;
        left:493px;
        top:0px;
        z-index:1001;
}

#shout {

        position:absolute;
        left:490px;
        top:-40px;
        z-index:1001;
}

div.content
{
font-family:arial,tahoma,verdana,sans,helvetica,sans-serif;
border-style:solid;
border-color:silver;
border-width:1px;

position:absolute;
right:35px;
left:10px;
top:55px;
width: 78%;
background-color:white;
padding:1px;
background-image:url(back.jpg);
background-position:top right;
background-repeat:repeat;
background-color:white;
z-index: 0;
}

div.header
{
font-family:tahoma,verdana,sans,arial,helvetica,sans-serif;
position:absolute;
position:fixed;
top:0;
right:0px;
left:0;
height:5px;
/*background-color:red;*/

padding:0px;
z-index:25;
}

#div.drop
{
position: absolute;


z-index: 21;
height:20px;
font-family:Tahoma,Verdana,Arial,Sans-serif;
font-size:8pt
}

div.menubutton
{

}

div.last
{
position:absolute;
right:146px;
top: 115px;

z-index:21;
}

div.next
{
position:absolute;
right:10px;
top: 115px;

z-index:21;
}



#credits {
  font-style: italic;
}


#clock {
        color:rgb(255,255,255);
        font-size: 9pt;
        font-weight:bold;
        position: absolute;
        right: 50px;
        top: 120px;
}

div.pgb {
  padding: 0px;
  border-style: solid;
  border-width: 1px;
  display: block;
  width: 200px;
}

div.pgb div.inner_pgb {
  top: 0px;
  left: 0px;
  position: relative;
  margin: 1px;
  padding: 0;
  padding-top: 4px;
  display: block;
  height: 21px;
}

div.pgb span.inner_pgb_label {
  position: relative;
  margin: 1px;
  top: 1px;
  left: 2px;
  text-align: center;
  font-weight: bold;
  display: block;
}
/* allgemein */


a { color: rgb(249,105,105);
        font-weight: bold;
}

div.submenu p  {
    font-family: Verdana,Arial,sans-serif;
        font-weight: bold;
        font-size: 12px;

}

a:hover {
        text-decoration: underline;
        color: #FF6E20;
}

body {
background-image:url(blank.png);
background-position:top right;
background-repeat:repeat;
background-color:white;
  color: rgb(0,0,0);
        font-family: Arial,sans-serif;
        font-size: 12px;
        margin: 0;
        padding: 0;
	
}

div.content {
        margin: 5px 40px 5px 5px;

        padding: 5px;
}

h1 {
        background-color:#000000;

        background-repeat:no-repeat;
        background-position:30px 10px;
        color: #646464;
        font-size:13px;
        font-weight:bold;
        height:125px;
        margin:0 0 10px 0;
        text-align:right;
}

h2 {
    font-family: cooper-black,Arial,sans-serif;
        background-repeat: no-repeat;
        border-color: #f1f6bf;
        border-style: none none solid;
        border-width: 1px;
        color: #f1f6bf;
        font-size: 18px;
        margin: 0 0 4px;
        padding: 2px 2px 2px 78px;

}


h3 {
        background-repeat: no-repeat;
        font-size: 12px;
        color: #646464;
        height: 30px;
        margin: 18px 0 2px 18px;
        padding: 7px 18px;
        text-decoration: underline;
}

h4 {
        font-size: 12px;
        color: #646464;
        margin: 40px 0 10px 80px;
}


h0 {
        background-repeat: no-repeat;
        color: #646464;
        font-size: 12px;
        height: 26px;
        margin: 20px 0 5px 30px;
        padding: 9px 35px;
        text-decoration: underline;
}


.important h3 {

}

.error h3 {

}

.ok h3 {

}
.tip h3 {

}
.info h3 {

}
.work h3 {

}
.important, .ok, .error, .tip, .info, .work {
        font-weight: bold;
}

p, dl, ul {
        color: #000000;
        margin: 10px 0 10px 80px;
}



ul.nomargin {
  margin: 0;
}


dt {
        font-weight: bold;
        color: #FFFFFF;
}



tha {

        font-weight: bold;
        text-align: center;
        color: #FFFFFF;
}


table {
        font-size: 10px;
        margin: 0px 1px 1px 1px;
}

table.nomargin {
        background-color: #EEEEEE;
        font-size:10px;
        margin:0;
}

#generation-time2 {
        color: #646464;
        font-size: 7pt;
        font-weight:bold;
        position:absolute;
        right:5px;
        top:35px;
}



#generation-time2:before {
        content:"[SQL generation time ";
}

#generation-time2:after {
        content:" ]";
}

#generation-time {
        color:black;
        font-size: 7pt;
        font-weight:bold;
        position:absolute;
        right:5px;
        top:20px;
}



#generation-time:before {
        content:"[PGT ";
}

#generation-time:after {
        content:" ]";
}

#generation-time3 {
        color:rgb(192,192,192);
        font-size: 7pt;
        font-weight:bold;
        position:absolute;
        right:5px;
        top:45px;
}



#generation-time3:before {
        content:"[SQL ";
}

#generation-time3:after {
        content:"%]";
}

#generation-time4 {
        color:rgb(192,192,192);
        font-size: 7pt;
        font-weight:bold;
        position:absolute;
        right:5px;
        top:55px;
}



#generation-time4:before {
        content:"[PHP ";
}

#generation-time4:after {
        content:"%]";
}

#generation-time5 {
        color:rgb(192,192,192);
        font-size: 7pt;
        font-weight:bold;
        position:absolute;
        right:5px;
        top:0px;
}



#generation-time5:before {
        content:"[Server Up-Time: ";
}

#generation-time5:after {
        content:"  ]";
}

#server-time {
        color:rgb(0,0,0);
        font-size: 9pt;
        font-weight:bold;
        position:absolute;
        right:5px;
        top:75px;
}



/* rechte Navigationsleiste */

ul.navigation {
  position: absolute;
  display: block;
  float: right;
  margin: 1px;
  margin-right: 10px;
  padding: 0;
  margin-bottom: 0px;
  padding-bottom: 0px;
  right: 0px;
  top: 135px;
  -moz-opacity: 0.85;
  font-family: Arial, Helvetica, serif;
  line-height: 11px;
  text-align: left;
  font-weight: normal;
  text-decoration: none;
  font-size: 11px;
  color: #fcfcfc;
  letter-spacing: 1px;

}



ul.navigation li {
        display: block;
        padding: 0;
        width: 155px;
        overflow: hidden;
        list-style-type: none;
        margin: 0 0 1px 0;
}

ul.navigation li a {
        border-width: 3px;
        border-style: solid;
        font-size: 11px;
        display: block;
        padding: 4px 5px;
        text-decoration: none;
}

ul.navigation li a:hover {
        border-width: 3px;
        border-style: solid;
        text-decoration: none;
}

ul.navigation a b {
        font-size: 12px;
        font-weight: bold;
}


input.stylish, textarea.stylish {
  border-style: solid;
  border-width: 1px;
  font-family: Verdana,Arial,sans-serif;
  font-size: 12px;
  padding: 2px;
}

td.explanation, td span.explanation, tha span.explanation, th span.explanation {
  font-size: 10px;
}

p.explanation {
  font-weight: bold;
  /*width: 90%;*/
}

tr.submit td,
tr.submit th {
  text-align: right;
}
tr.submit input {
  /*width: 35%;*/
}

ul.navigation div.help {
    font-size: 11px;
        display: none;

}


lin.navigationcomm
{
content:"Comm Center";
background-image: url(tbhead.png);
background-repeat:repeat-x;
right: 0px;
top: 112px;
color:white;
display:block;
margin:0;
border-bottom:solid 1px black;
text-align:center;
}

lin.navigationadmin
{
content:"Admin Optionen";
background-image:url("spacer.png");
background-repeat:repeat-x;
background-color:#444466;

right: 0px;
top: 112px;
color:white;
display:block;
margin:0;
border-bottom:solid 1px black;
text-align:center;
}

h1 {
  color: rgb(128,128,128);
  background-image: url(logo.png);
  background-position: 10px 13px;
}



th.table-head{
background-image: url(th.png);
color: rgb(255,255,255);
border-color: rgb(35,14,159);
  }

th{
background-image: url(th.png);
color: rgb(255,255,255);
border-color: rgb(35,14,159);
  }



td.tablo{
background:transparent;
background-image: url(tab_lo.png);

border-width: 0px;
  }

td.tabmo{
background:transparent;
background-image: url(tab_mo.png);
border-width: 0px;
  }
td.tabro{
background:transparent;
background-image: url(tab_ro.png);
border-width: 0px;
  }
td.tablm{
background:transparent;
background-image: url(tab_lm.png);
border-width: 0px;
  }
td.tabmitte{
background:transparent;
background-image: url(tab_mitte.png);
border-width: 0px;
  }
td.tabrm{
background:transparent;
background-image: url(tab_rm.png);
border-width: 0px;
  }
td.tablu{
background:transparent;
background-image: url(tab_lu.png);
border-width: 0px;
  }
td.tabmu{
background-image: url(tab_mu.png);
border-width: 0px;
  }
td.tabru{
background:transparent;
background-image: url(tab_ru.png);
border-width: 0px;
  }




td {
background-color: rgb(250,248,240);
}


table {
border-color: rgb(70,67,80);
border-style: ridge;
}

table.tab {
border-width: 0px;
}

tr.tab {
border-width: 0px;
}


input.flatbutton {

  background-image: url(input-bg-fade.gif);
  border-color: rgb(255,255,255);
  background-color: rgb(25,25,25);
  color: rgb(232,232,232);
}

ul.navigation li a {
  border-style: ridge;
background-image: url(menu.png);
background-repeat:repeat;
  color: rgb(232,232,232);
}


ul.navigation li a:hover {
  background-color: rgb(108,99,125);
  color: rgb(250,103,106);
  border-color: black;
}

div.pgb {
  border-color: rgb(192,192,192);
  background-color: rgb(255,255,255);
}

div.pgb div.inner_pgb { background-color: rgb(68,68,170); }
div.pgb span.inner_pgb_label { color: rgb(0,0,0); }

#event {

        position:absolute;
        right:25px;
        top:15px;
        z-index:100;
}