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 #87C43E; padding: 5px; color: #000000; background-color: #CCF37A;  }
.down		 { margin: 5px; float: left; }
.down_old	 { margin: 2px; clear: left; }
.down_new	 { margin: 2px; margin-bottom: 10px; font-weight: bold; letter-spacing: 0.3px; text-align: center;}

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

.cBoxyTit,.cBoxyFoot    { color: #FFFFFF; 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: #FFFFFF; text-decoration: none }
a:hover.cBy   { text-decoration: underline }
.cBoxy       { border: 1px solid #E4E4E4; width: 279px; text-align:left;  }
.cBoxyMain   { padding: 2px}
.cBoxyFoot   { }

.cBoxrTit,.cBoxrFoot    { color: #FFFFFF; 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: #FFFFFF; text-decoration: none }
a:hover.cBr   { text-decoration: underline }
.cBoxr       { border: 1px solid #E4E4E4; width: 279px; text-align:left; }
.cBoxrMain   { padding: 2px}
.cBoxrFoot   { }

.cBoxgTit,.cBoxgFoot    { color: #FFFFFF; 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: #FFFFFF; text-decoration: none }
a:hover.cBg   { text-decoration: underline }
.cBoxg       { border: 1px solid #E4E4E4; width: 279px; text-align:left; }
.cBoxgMain   { padding: 2px}
.cBoxgFoot   { }



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

.cBoxyFoot, .cBoxrFoot, .cBoxgFoot, .cBoxnFoot   { text-align: right; background-image: url(images/t_hint_grau.png)}

.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 #E4E4E4; 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: 900px;  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-family: 'PT Sans Narrow', "Segoe UI", Arial, sans-serif; text-shadow: 1px 1px 0 #D1D1D1; font-weight: bold; font-size: 1.8em;
              margin-bottom: 0px; letter-spacing: 0.2px}
a.h1		{ color: #102F68; 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; padding: 1px;  }
p.dtc-bar	{ margin-top: 10px}

#desc		{
	margin-top: 10px;
	font-family:'Open Sans', Arial, Verdana, sans-serif;
	font-size:13px;
	line-height:150%;
  color: #201F1F;
  letter-spacing: 0em;
  text-align: justify;
}
#desc a     { color:#2C2C2C; text-decoration: none;  }

#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.hashes, #desc p.hashes {
  margin: 0px;
  padding: 0px;
  width: 290px;
  word-wrap:break-word;
}

p.catlong	{ margin-left: 38px; margin-top: 5px; color: #505A67; }
.small		{ font-family: Verdana; font-size: 8pt; line-height:1.3em; margin-left:1px;}
.smallist		{ font-family: Verdana; font-size: 1.0em; line-height:1.3em; margin-left:1px;  font-style: italic; color: #505A67;}
.green  { color: #6AAB0C;}
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: 7px;  text-align:left; }
.ratePts {  color: white; padding-left:5px; padding-right:8px}

.rate_y	{	border: 1px solid #F1C40F; background-color: white ;  color: #F1C40F;               }
.rate_y .ratePts {  background-color: #F1C40F;   }

.rate_r	{	border: 1px solid #C0392B; background-color: white ; color: #C0392B;               }
.rate_r .ratePts {  background-color: #C0392B;  }

.rate_g	{	border: 1px solid #27AE60; background-color: white; color: #27AE60;}
.rate_g .ratePts {  background-color: #27AE60;  }





.rating {   font:  Helvetica, sans-serif;
            font-size: 36px;
            line-height: 42px;
            letter-spacing: -3px;
            font-weight: bold;
            height: 42px;
            width: 58px;
            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  }
.screen h2, h3.greybox { font-weight: bold;  font-size: 1em; display: inline; }

p.center { text-align: center}

.dlbutcode {
  position: relative; float: left;
  width: 50px; height:90px; left: 300px; font-size:0.8em;

}
.dlbutcode input {
	font-size:1.2em;
}

.dlicons {
    text-align: center;
    margin-bottom: 5px;
    margin-top: 5px;
}
.dlicons img {
    margin: 0px 5px;
}

a.download-button {
color: white !important;
text-decoration: none;
}

.download-button:hover {
    -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, .65);
    -moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, .65);
    box-shadow: 1px 1px 4px rgba(0, 0, 0, .65);
}

.download-button {
background: -moz-linear-gradient(top,#7DDC1F 0,#64C306 100%);
background: -o-linear-gradient(top,#7DDC1F 0,#64C306 100%);
background: -webkit-linear-gradient(top,#7DDC1F 0,#64C306 100%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#7DDC1F 0),color-stop(1,#64C306 100%));
background: linear-gradient(top,#7DDC1F 0,#64C306 100%);
background-color: #7DDC1F;
border-color: #5DBA00;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
color: white;
cursor: pointer;
letter-spacing: 2px;
display: inline-block;
font-family: arial,sans-serif;
font-size: 16px;
font-weight: bold;
line-height: 1.54;
padding: 7px 12px;
text-align: center;
text-shadow: 0 -1px 0 rgba(0, 0, 0, .08);
  text-shadow: -1px -1px 0px rgb(46,96,158);
  -webkit-font-smoothing: antialiased;
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, .35);
  -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, .35);
  box-shadow: 1px 1px 3px rgba(0, 0, 0, .35);
}


.searchform {
  position:relative; top:-15px; float:right; margin:0px; padding:0px; display: inline; height:0px;
}
.searchbox {
  float:right; display: inline; font-size: 9px; margin-right:9px; margin-bottom: -3px;
}

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