body         { background-color: #207295; margin: 0px; padding: 0px 0px 0px 0px;
				font-family: Verdana; font-size:11px; overflow-y: scroll;
  background-image: url(images/hint2.png)
}
img {
  vertical-align: middle;
  border: 0px;
}
ul, li {
  margin:0;
  padding:0;
}


h4           { letter-spacing: -1px; font-size: 10pt; font-family: Verdana; font-weight: bold }
a		     { color: #4A4A4A; text-decoration: none }
a:hover      { text-decoration: underline }
				
p.path       { text-align: left; margin-left: 10px; margin-top:5px }
a.path   	  { color: #471400; text-decoration: none }
a:hover.path	{ text-decoration: underline }
				
.downbox     { border: 1px solid #008000; padding: 5px; color: #000000; background-color: #CCF37A;  }
.down		 { margin: 5px; float: left; }
.down_old	 { margin: 2px; clear: left; }
.down_new	 { margin: 2px; float: left; font-weight: bold }

td			{ font-family: Verdana; font-size:11px;	  }

.cBoxyTit,.cBoxyFoot    { color: #685B20; font-size: 10px; font-family: Verdana; letter-spacing: 1px;
               padding: 2px; background-color: #EFDF77; font-weight:bold;
  background-image: url(images/t_hint_gelb.png)
}
a.cBy   	  { color: #685B20; text-decoration: none }
a:hover.cBy   { text-decoration: underline }
.cBoxy       { border: 1px solid #EFDF77; width: 246px; text-align:left;  }
.cBoxyMain   { padding: 2px}
.cBoxyFoot   { text-align: right}

.cBoxrTit,.cBoxrFoot    { color: #8C3426; font-size: 10px; font-family: Verdana; letter-spacing: 1px;
               padding: 2px; background-color: #EC9486; font-weight:bold;
  background-image: url(images/t_hint_rot.png)
}
a.cBr   	  { color: #8C3426; text-decoration: none }
a:hover.cBr   { text-decoration: underline }
.cBoxr       { border: 1px solid #EC9486; width: 246px; text-align:left; }
.cBoxrMain   { padding: 2px}
.cBoxrFoot   { text-align: right}

.cBoxgTit,.cBoxgFoot    { color: #627750; font-size: 10px; font-family: Verdana; letter-spacing: 1px;
               padding: 2px; background-color: #C2D7B0; font-weight:bold;
  background-image: url(images/t_hint_gruen.png)
}
a.cBg   	  { color: #627750; text-decoration: none }
a:hover.cBg   { text-decoration: underline }
.cBoxg       { border: 1px solid #C2D7B0; width: 246px; text-align:left; }
.cBoxgMain   { padding: 2px}
.cBoxgFoot   { text-align: right}

/*braune BOX  */
.cBoxnTit,.cBoxnFoot    { color: #994A48; font-size: 10px; font-family: Verdana; letter-spacing: 1px;
               padding: 2px; background-color: #D7D0B0; font-weight:bold;
  background-image: url(images/t_hint_braun.png);
  background-repeat: repeat-x
}
a.cBn   	  { color: #612F2E; text-decoration: none }
a:hover.cBn   { text-decoration: underline }
.cBoxn       { border: 1px solid #BFB582; width: 140px; text-align:left; }
.cBoxnMain   { padding: 2px}
.cBoxnFoot   { text-align: right}

.cBoxn li, .cBoxg li, .cBoxr li, .cBoxy li{
  margin: 0px;
  margin-left: 20px;
  list-style-image: url(images/bullet.gif);
  line-height: 1.4em;
}

.cBoxn li {
	font-size: 0.9em;
	line-height: 1.6em;
}


.cBoxbTit,.cBoxbFoot    { color: #FFFFFF; font-size: 10px; font-family: Verdana; letter-spacing: 1px;
               padding: 2px; background-color: #5F7497; font-weight:bold;
  background-image: url(images/t_hint_blau.png)
}
a.cBb   	  { color: #FFFFFF; text-decoration: none }
a:hover.cBb   { text-decoration: underline }
.cBoxb       { border: 1px solid #5F7497; width: 100%; color: #7C7DA2;  text-align:left; line-height:1.2em; }
.cBoxb li {
  margin: 0px;
  list-style: none;
  height:1.8em;
  line-height: 1.8em;
  vertical-align: middle;
  overflow: hidden
}

.cBoxb ul {
  padding:0px;
	margin: 0px;
	margin-top: 3px;
	margin-left: 5px;
}


.cBoxbMain   { padding: 2px; width:100%;}
.cBoxbFoot   { text-align: right}



#Page        { color: #000000; width: 800px;  border-left-style: solid; border-left-width: 1px; 
               border-right-style: solid; border-right-width: 1px; 
               border-top-width: 1px; border-bottom-width: 1px; padding-top: 0; 
               padding-bottom: 0; background-color: #FFFFFF; padding-left:0px; padding-right:0px; margin: 15px; }


h1 			{ font-size: 14pt; font-family: Arial, sans-serif; font-weight: bold; margin-bottom: 0px;}
a.h1		{ color: #000000; text-decoration: none }
a:hover.h1	{ text-decoration: underline }

hr			{ width: 95%; margin: 0px; text-align:center  }
hr.catLong	{ border:0px; border-top:1px solid #ccc; width: 100%; height:0px; text-align:center}
p			{ margin: 3px;  }
p.dtc-bar	{ margin-top: 10px}

#desc		{
	margin-top: 10px;
	font-family:  Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:150%;
  color: #2C2C2C;
  letter-spacing: 0em
}
#desc p		{ margin-top: 15px; margin-bottom: 15px }
#desc li{
  list-style-type: disc;
  margin-left: 40px;
}
#desc p.answ {
  margin:0px;
  margin-left:5px;
}


#desc h2 {
  margin: 0px 0px 3px 0px;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 1px;
}



p.catlong	{ margin-left: 38px; margin-top: 5px; }
.small		{ font-family: Verdana; font-size: 8pt; line-height:1.3em}
img.pony     { float: right;  border-width: 0px; }
#pony_speech {width:100%; text-align:left; }
.pony_footer {
  padding-top: 100px; margin-left: 20px;
}

                            
.rate_y, .rate_r, .rate_g  { padding: 5px;  text-align:center; }               
.rate_y	{	border: 1px solid #EAEA00; background-color: #FFFFB7; 
               }
.rate_r	{	border: 1px solid #AE0000; background-color: #FFB0B0; 
               }
.rate_g	{	border: 1px solid #005100; background-color: #BBFFBB; 
               }  
.rate_y, rate_r, rate_g img { margin-left: 2px; margin-right: 2px}



.rating { font-weight: 700; font-size: 24pt; text-align:center; 
		  margin-top:5px; margin-bottom:5px}
		  
.screen, .dlbutton { text-align: left; border: 1px solid #DDDDDD; padding: 5px; background-color:
               #EEEEEE}
.screen img { margin-left: 7px; margin-right: 7px; border: 0px  }
p.center { text-align: center}

.dlbutcode {
  float:left; width: 50px; padding-left: 20px; font-size:0.8em;
}
.dlbutcode input {
	font-size:1.2em;

}


.advert { text-align: center; border-width: 0px}