﻿html,
body,
table,
th {
  font-size:15px;
  font-family:Arial, Helevetica, sans-serif;
  color:#c0c0c0;
  background-color:#000000;
}

h1 {
  padding: 0px;
  margin: 0px 0px 10px 0px;
  font-size: 29px;
  line-height: 29px;
  vertical-align: baseline;
  font-weight: bold;
}

form {
  margin:0px;
  padding:0px;
}

fieldset {
    display:inline;  /* Unbedingt erforderlich for IE7*/
    border:1px solid #c0c0c0;
    padding:10px;
}

legend {
    padding: 0.2em 0.5em;
    border:1px solid #c0c0c0;
    color:#c0c0c0;
    font-size:90%;
    text-align:right;
}

img {
    border: 0px;
}

label {
    cursor:pointer;
}


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

a:visited {
  color:#c0c0c0; text-decoration:none;
}
  
a:active {
  color:#c0c0c0; text-decoration:none;
}

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

input {
  background-image:url(../pics/bg_paper.jpg);
  font-family:Arial, Helevetica, sans-serif;
  font-size:12px;
  background-color: #e1c584; /* scheint beim IE durch! */
}

.red {
	color: #ffaaaa;
}
	
.input_button {
  cursor:pointer;
}

.input_button:hover {
  background-color: #c0c0c0;
  background-image:url();
}



textarea {
  background-image:url(../pics/bg_paper.jpg);
  font-family:Arial, Helevetica, sans-serif;
  font-size:12px;
  border: 1px solid #c0c0c0;
  background-color: #000000; /* scheint beim IE durch! */
  overflow: auto;
  /* overflow: hidden; /* gibt Probleme mit IE */
}

/***********************************************************
  Logo
 ***********************************************************/

#logo {
  height:48px;
  font-size:25px;
  font-family:Arial, Helevetica, sans-serif;
  color:#c0c0c0;
  background-color:#000000;
  text-align:center;
  padding: 12px 0px 0px 0px;
}


/***********************************************************
  Top (Scan-Bereich)
 ***********************************************************/

.scan_input {
    width: 450px;
    height:16px;
    padding-left:  5px;
    margin-top:    0px;
    margin-right:  0px;
    margin-bottom: 5px;
    margin-left:   0px;
}

.scan_send {
    width: 110px;
    margin-left: 347px;
} /* Änderung für IE vorhanden! */





/***********************************************************
  Ress - Tabellen-Überschriften
 ***********************************************************/

td.td_hl {
  color:#c0c0c0;
}

td.td_hl a {
  display:block;
  width:100%;
  height:100%;
}

td.td_hl a:link {
  color:#c0c0c0;
  text-decoration: none;
}

td.td_hl a:hover {
  color:#c0c0c0;
  text-decoration: none;
}

td.td_hl:hover {
  background-color:#777777;
}

.sort_up {
  cursor:pointer;
  background-image:url(../pics/sort_up.gif);
  border: 0px solid #ff0000;
  background-color: #111111; /* scheint beim IE durch! */
  width:13px;
  height:7px;
}

.sort_down {
  cursor:pointer;
  background-image:url(../pics/sort_down.gif);
  border: 0px solid #ff0000;
  background-color: #111111; /* scheint beim IE durch! */
  width:13px;
  height:7px;
}


/***********************************************************
  Marktplatzanzeige (mitte)
 ***********************************************************/
#mitte table.eins {
  color:#ffffff;
  background-color:#111111;
  border:solid 1px white;
}

#mitte table.zwei {
  color:#ffffff;
  border:0px;
  text-align:left;
  vertical-align:middle;
  background-color:transparent;
}

#mitte table.drei {
  color:#c0c0c0;
  border:0px;
  text-align:left;
  vertical-align:middle;
  background-color:transparent;
}


/***********************************************************
  News - Aktualisierungen
 ***********************************************************/
#Aktualisierung {
    font-size:13px;
    font-family:Arial, Helevetica, sans-serif;
    border-right: 5px solid #000000;
    border-bottom:5px solid #000000;
    margin-right:6px;
    
    /*width:  300px;*/
    float:  left;
}

#Aktualisierung table {
    font-size:13px;
    background-color:#111111;
}

#Aktualisierung .pu_news {
    display:none;
}

#Aktualisierung .pu_news table {
    font-size:11px;
    font-family:Arial, Helevetica, sans-serif;
    color:#000000;
    background-color:#c0c0c0;
    margin:0px;
    padding:0px;
}

#Aktualisierung div.news:hover .pu_news {
    font-size:11px;
    font-family:Arial, Helevetica, sans-serif;
    position:absolute;
    z-index:1000;
    color:black;
    background:#c0c0c0;
    display:block;
    padding:2px;
    margin-left:0px;
    margin-top:3px;  /* Abstand zum nachfolgendem Feld*/
    text-align:left;
    border:1px solid #000000;
} /* Änderung für IE vorhanden! */


/***********************************************************
  News - Infos
 ***********************************************************/
#NewsInfos {
    font-size:13px;
    font-family:Arial, Helevetica, sans-serif;
    background-color:#111111;
    padding:6px;
    line-height: 1.3;
    border-bottom:5px solid #000000;
}

#NewsInfos table {
    font-size:13px;
    background-color:#111111;
}


/***********************************************************
  News - Marktplatz-Updates
 ***********************************************************/
#MP_Updates {
    font-size:13px;
    font-family:Arial, Helevetica, sans-serif;
    background-color:#111111;
    padding:6px;
    line-height: 1.3;
}

#MP_Updates .news_MP {
    display: inline;
}

#MP_Updates .pu_news_MP {
    display:none;
}

#MP_Updates .pu_news_MP table {
    font-size:11px;
    font-family:Arial, Helevetica, sans-serif;
    color:#000000;
    background-color:#c0c0c0;
    margin:0px;
    padding:0px;
}

#MP_Updates div.news_MP:hover .pu_news_MP {
    font-size:11px;
    font-family:Arial, Helevetica, sans-serif;
    position:absolute;
    z-index:1000;
    color:black;
    background:#c0c0c0;
    display:block;
    padding:2px;
    margin-left:0px;
    margin-top:3px;  /* Abstand zum nachfolgendem Feld*/
    text-align:left;
    border:1px solid #000000;
} /* Änderung für IE vorhanden! */


/***********************************************************
  Kommentar
 ***********************************************************/
#kommentar table {
    font-size:13px;
}
.chat_table_td {
    padding:6px;
    padding-bottom: 15px;
}

.chat_textarea {
  width: 365px;
  height:48px;
  padding-left:  5px;
  margin-top:    0px;
  margin-right:  0px;
  margin-bottom: 5px;
  margin-left:   0px;
  /*vertical-align: middle;*/
}

.chat_name {
  width: 80px;
  height:17px;
  padding-left:  5px;
  padding-top:  3px;
  padding-bottom:  0px;
  padding-right:  0px;
  margin-top:    0px;
  margin-right:  0px;
  margin-bottom: 6px;
  margin-left:   0px;
  vertical-align: top;
}

.chat_send {
  width: 87px;
  height:22px;
  padding-bottom:  1px;
}


/***********************************************************
  Hover-Info (News-Kommentare)
 ***********************************************************/
.pu {
    display:none;
}

div.info {
    /* Erforderlich, um die ganze Tabellenzeile als Auswahl zu nutzen*/
    width:590px;
    display:block;
}

div.info:hover .pu {
    font-size:11px;
    font-family:Arial, Helevetica, sans-serif;
    position:absolute;
    z-index:1000;
    color:black;
    background:#c0c0c0;
    display:block;
    padding:2px;
    margin-left:-113px;
    margin-top:-19px;  /* Abstand zum nachfolgendem Feld*/
    text-align:left;
    border:1px solid #000000;
} /* Änderung für IE vorhanden! */



/***********************************************************
  Hover-Info (Überschrift)
 ***********************************************************/
.pu_ueberschrift {
    display:none;
}

span.info_mp:hover .pu_ueberschrift {
    font-size:11px;
    font-family:Arial, Helevetica, sans-serif;
    position:absolute;
    z-index:1000;
    color:black;
    background:#c0c0c0;
    display:block;
    padding:2px;
    margin-left:0px;
    margin-top:3px;  /* Abstand zum nachfolgendem Feld*/
    text-align:left;
    border:1px solid #000000;
} /* Änderung für IE vorhanden! */

span.pu_ueberschrift p {
    margin:0px;
    padding:0px;
}



/***********************************************************
  Hover-Info (Marktplatz)
 ***********************************************************/
.pu {
    display:none;
}

div.info_mp:hover .pu {
    font-size:11px;
    font-family:Arial, Helevetica, sans-serif;
    position:absolute;
    z-index:1000;
    color:black;
    background:#c0c0c0;
    display:block;
    padding:2px;
    margin-left:50px;
    margin-top:-19px;  /* Abstand zum nachfolgendem Feld*/
    text-align:left;
    border:1px solid #000000;
} /* Änderung für IE vorhanden! */

div.pu p {
    margin:0px;
    padding:0px;
}

/***********************************************************
  Hover-Info (Verbrauch)
 ***********************************************************/
.pu {
    display:none;
}

span.info_verbrauch:hover .pu {
    font-size:11px;
    font-family:Arial, Helevetica, sans-serif;
    position:absolute;
    z-index:1000;
    color:black;
    background:#c0c0c0;
    display:block;
    padding:2px;
    margin-left:50px;
    margin-top:-19px;  /* Abstand zum nachfolgendem Feld*/
    text-align:left;
    border:1px solid #000000;
} /* Änderung für IE vorhanden! */

span.pu p {
    margin:0px;
    padding:0px;
}

/***********************************************************
  Hover-Info (News)
 ***********************************************************/



/***********************************************************
  Hover-Info (News - MP-Updates)
 ***********************************************************/
 
 
.ui-hint ol {
	margin:0px;
	padding-left:35px;
}

.ui-widget {
	margin:10px;
}

.ui-corner-all {
	-moz-border-radius-bottomleft:  5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-topleft:     5px;
	-moz-border-radius-topright:    5px; 
}

.ui-hint {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:#FF9999 url(../pics/ui-bg_glass_red.png) repeat-x scroll 50% 50%;
	border:1px solid #CD0A0A;
	color:#CD0A0A;
	padding:7px;
}

.bg_red {
	background:#ff9999;
	/*color:#CD0A0A;*/
	color:#000000;
	text-align:right;
	white-space:nowrap
}

.bg_yellow {
	background:#FFFF99;
	/*color:#CD0A0A;*/
	color:#000000;
	text-align:right;
	white-space:nowrap
}

.bg_green {
	background:#A3FFB4;
	/*color:#CD0A0A;*/
	color:#000000;
	text-align:right;
	white-space:nowrap
}

.info_pic {
	margin-bottom:-15px;
	text-align: right;
}
