/* browsereinstelungen für margin, padding zeichengroessen zuruecksetzen */

* {
  margin: 0;
  padding: 0;
}

/* Zeige immer die Scrollbalken - fuer nicht ie-browser */

html {
  font-size: 100%;
  height: 100%;
  margin-bottom: 1px;
}

BODY {
  background: url("images/background.jpg");
  COLOR: #000000;
  FONT-FAMILY: Verdana,Helvetica,Arial,Sans-Serif;
  FONT-SIZE: 10px;
  FONT-WEIGHT: bold;
  FONT-STYLE: normal;
  TEXT-DECORATION: none;
  margin:0;
}

#SEITE_KOPFBILD {
  LEFT: 0px;
  WIDTH: auto;
  TOP: 0px;
  HEIGHT: auto;
  PADDING-LEFT: 10px;
  PADDING-TOP: 10px;
}

#SEITE_SPRACHE {
  COLOR: #000000;
  BACKGROUND: #DBDBDB;			/* hellgrau */
  vertical-align: middle;
/*   FONT-SIZE: 9px;*/
  FONT-FAMILY: Verdana,Helvetica,Arial,Sans-Serif;
  position: relative;
  margin-top: 5px;
  margin-right: 10px;
  margin-bottom: 5px;
  padding: 2px;
  display: block;
  float: right;
/*  text-align: right;*/
  white-space: nowrap;			/* fuer Opera */
}

#SEITE_BENUTZER {
  COLOR: #000000;
  BACKGROUND: #DBDBDB;			/* hellgrau */
/*   FONT-SIZE: 9px;*/
  FONT-FAMILY: Verdana,Helvetica,Arial,Sans-Serif;
  position: relative;
  margin-top: 9px;
  margin-left: 10px;
  padding: 2px;
  float: left;
  text-align: left;
  white-space: nowrap;			/* fuer Opera */
}

#SUCHEN_BOX {
  color: #FFFFFF;			/* weiss */
  BACKGROUND: #DBDBDB;			/* hellgrau */
  CLEAR: both;
  position: relative;
  margin-right: 10px;
  margin-bottom: 5px;
  padding: 2px;
  display: inline-block;
  float: right;
  text-align: right;
  white-space: nowrap;			/* für Opera */
}

#BUTTON_BOX {
  color: #FFFFFF;			/* weiss */
  BACKGROUND: #DBDBDB;			/* hellgrau */
//  CLEAR: both;
//  position: relative;
  margin: 5px 10px 5px 10px;
  padding: 2px;
  display: inline-block;
//  float: right;
//  text-align: right;
  white-space: nowrap;			/* für Opera */
// width: auto;
}

a.INFO_BOX {
 //border-bottom: 1px dashed #c30;
 text-decoration:none;
}

a.INFO_BOX:hover {
 cursor:help;
 //color:#c30;
 background:white;
}

a.INFO_BOX span {
 visibility:hidden;
 position:absolute;
 left:-99em;
 margin-top:1.5em;
 padding:1em;
 text-decoration:none;
}

a.INFO_BOX:hover span, a.INFO_BOX:focus span, a.INFO_BOX:active span {
 visibility:visible;
 left:1em;
 border:1px solid #BBADA1;	/* hellgrau */
 color:#000000;			/* schwarz */
 background:#FFFFFF;		/* weiss */
 text-decoration:none;
}

//#INFO_BOX {
//  position: absolute;
//  border: 1px solid black;
//  background-color: #FFFFFF;
//  padding: 10px;
//  display: none;
//}

#SEITE_MENUE {
  CLEAR: both;
  PADDING-LEFT: 10px;
  PADDING-TOP: 5px;
  PADDING-RIGHT: 10px;
  PADDING-BOTTOM: 5px;
  FONT-WEIGHT: bold;
  FONT-SIZE: 13px;
  FONT-FAMILY: Verdana,Helvetica,Arial,Sans-Serif;
  BACKGROUND-COLOR: #FFFFFF;
  margin-left: 10px;
  margin-top: 5px;
  margin-right: 10px;
}

#SEITE_MENUE A
{  BACKGROUND: #FFFFFF;
   COLOR: #000000;
   TEXT-DECORATION: none;
}

#SEITE_MENUE A:hover
{  BACKGROUND: #BC2A4D;			/* rot */
   COLOR:#FFFFFF;			/* weiss */
   TEXT-DECORATION: none;
}

#MAINTEXT
{  FLOAT: left;
   WIDTH: auto;
   HEIGHT: auto;
   LINE-HEIGHT: 20px;
   BACKGROUND: #FFFFFF;
   border-width:1px;
   border-style:solid;
   PADDING: 20px;
   MARGIN: 20px;
   FONT-FAMILY: Verdana,Helvetica,Arial,Sans-Serif;
}

#MAINTEXT P, TD
{  FONT-SIZE: 12px;
   TEXT-INDENT:0.5cm;
}

#MAINTEXT H1
{  FONT-SIZE: 14px;
   COLOR: #151e87;			/* blau */
}

#MAINTEXT H2
{  FONT-SIZE: 12px;
}

#MAINTEXT A:link, A:visited, A:active
{   TEXT-DECORATION: none;
    COLOR: #000000;			/*schwarz*/
}

#MAINTEXT A:hover
{  TEXT-DECORATION: underline;
   COLOR: #BC2A4D;			/*rot*/
}

#SEITE_FUSS
{   CLEAR: both;
    PADDING: 2px;
    MARGIN: 0px;
    WIDTH: 100%;
    BACKGROUND-REPEAT: no-repeat;
    HEIGHT: 50px
}

#SEITE_FUSS H5
{   PADDING-RIGHT: 20px;
    PADDING-LEFT: 0px;
    FONT-WEIGHT: normal;
    FONT-SIZE: 9px;
    FLOAT: right;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    COLOR: #000000;
    LINE-HEIGHT: 18px;
    PADDING-TOP: 8px;
    FONT-FAMILY: Verdana,Helvetica,Arial,Sans-Serif;
}

#SEITE_FUSS P
{   PADDING-RIGHT: 0px;
    PADDING-LEFT: 20px;
    FONT-SIZE: 9px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    COLOR: #000000;
    LINE-HEIGHT: 18px;
    PADDING-TOP: 8px;
    FONT-FAMILY: Verdana,Helvetica,Arial,Sans-Serif;
}

#SEITE_FUSS A {
  COLOR: #000000;			/* schwarz */
  BACKGROUND: #DBDBDB;			/* hellgrau */
  TEXT-DECORATION: none;
}

#SEITE_FUSS A:hover {
  COLOR: #BC2A4D;			/* weinrot */
  BACKGROUND: #DBDBDB;			/* hellgrau */
  TEXT-DECORATION: underline;
}

/*.LISTE01 {
  background-color: #FFFFFF;		/* weiss */
  color: #000000;			/* schwarz */
  border: 1px solid #505050;		/* grau */
  margin-top: 5px;

}

.LISTE01:hover {
  background-color: #F0F0F0;		/* hellgrau */
}*/

/* Eingabefelder ---------------------------------------- */

.inputbox {
  background-color: #FFFFFF;		/* weiss */
  color: #000000;			/* schwarz */
  border: 1px solid #505050;		/* grau  80 %*/
//  margin-top: 5px;
}

.inputbox:hover {
  border-color: #BC2A4D;		/* weinrot */
//  background-color: #FAFAFA;		/* fast weiss */
}

.inputbox:focus {
  border-color: #BC2A4D;		/* weinrot */
  color: #0F4987;			/* blau */
}

.inputbox_ro {
  background-color: #828282;		/* grau 60 %*/
  color: #000000;			/* schwarz */
  border: 1px solid #505050;		/* grau */
//  margin-top: 5px;
display:block;
}

.inputbox_ro:hover {
  border-color: #BC2A4D;		/* weinrot */
//  background-color: #828282;		/* dunkelgrau */
}

.inputbox_ro:focus {
  border-color: #BC2A4D;		/* weinrot */
  color: #000000;			/* schwarz */
}

.radiobox {
background-color: #BC2A4D;
border: 1px solid #ddd;
}

input.search {
  background-image: url("./images/icon_textbox_search.gif");
  background-repeat: no-repeat;
  background-position: left 1px;
  padding-left: 17px;
}

#SUCHEN_BOX #search_exp {
  width: 95px;
  background-color: #FFFFFF;		/* weiss */
}

#SUCHEN_BOX img {
  vertical-align: middle;
  margin-right: 30px;
}

/* Knöpfe ---------------------------------------- */

input.button2 {
  color: #000;
  background-color: #F0F0F0;		/* fast weiss */
  background-image: url("./images/bg_button.gif");
}

input.button2:hover {
  border-color: #BC2A4D;		/* rot */
  color: #BC2A4D;
  background-color: #F0F0F0;		/* fast weiss */
}

/* Panel Set ---------------------------------------- */

div.panelSet{
	border:1px solid #BBADA1;		/* hellgrau */
	padding:10px;
	width:auto;
	margin:0 0 20px 0;
	background:url("./images/site4tabLine.gif") repeat-x;
	position:relative;
	z-index:40;
}

.panel ol.mostPop li{
	background:url("./images/dot3.gif") repeat-x scroll left bottom;
	padding:10px 0px;
	display:block;
	clear:both;
	position:relative;
}

.panel ol.mostPop li.row:hover{
	background-color: #F0F0F0;		/* fast weiss */
}

/*.panel ol.mostPop li a{
	font-weight:bold;
}*/

.panel ol.mostPop li p{
	display:block;
	clear:both;
	padding:5px 0 0 0;
	color:#666666;				/* dunkelgrau */
}

.panel ol.mostPop li p span.downloadNum/*, .panel ol.mostPop li span.date*/{
	display:block;
	position:absolute;
	top:10px;
	right:0;
}

.panel ol.mostPop li p span.catTitle {
	display:block;
	float:left;
	font-size:85%;
}

.panel ol.mostPop li p span.tabellenliste02 {
//border:1px solid #BBADA1;
		display:block;
	float:left;
	font-size:100%;
	width:350px;
	color:#000000;		/* schwarz */
}

.panel ol.mostPop li p span.tabellenliste03 {
	//border:1px solid #BBADA1;
	display:block;
	float:left;
	font-size:100%;
	width:80px;
	color:#000000;		/* schwarz */
}

.panel ol.mostPop li p span.tabellenliste04 {
//border:1px solid #BBADA1;
		display:block;
	float:left;
	font-size:100%;
	width:180px;
	color:#000000;		/* schwarz */
}

.panel ol.mostPop li p span.tabellenliste05 {
//border:1px solid #BBADA1;
		display:block;
	float:left;
	font-size:100%;
	text-align:center;
	width:33%;
	color:#000000;		/* schwarz */
}

.panel ol.mostPop li p span.infobox {
//border:1px solid #BBADA1;
		display:block;
	float:left;
	//font-size:100%;
	//text-align:center;
	width:auto;
	//color:#000000;		/* schwarz */
}

.panel ol.mostPop li div.content {
	float:left;
	width:580px;
}

.panel span.downloadHed {
	float:right;
	font-weight:bold;
	padding: 0 5px 0 0;
	color:#666666;
	font-size:132%
}
.panel span.weekOf, .panel span.title{
	float:left;
	font-weight:bold;
	padding: 0 0 0 5px;
	color:#666666;				/* dunkelgrau */
	font-size:132%
}
.panel span.title{padding:0;}

/* clearfix */
ol.mostPopTwoCol li:after,
.panel ol.mostPop li:after,
.panel ol.mostPop li p:after,
.panel div.hed:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}