html   { 
height: 100%;
margin-bottom: 50px;
}

body    { 
min-height: 101%;
margin-top: 30px;
background-color:#7A7A7A; 
font-family: Georgia, Verdana, Arial, Helvetica;

}

a, a:link, a:visited, a:active  { 
    color: #A72213;
    font-weight: bold;
    text-decoration: underline;
    font-size:1.0em;
}
a:hover
{   color: #A72213;
    font-weight: bold;
    text-decoration: none;
    font-size:1.0em;
}
#container { 
  width: 800px;
  margin: auto; 
  border: 1px solid #000000; 
  background: url(../images/hintergrund.gif) repeat-y;
 
}
#logo {
  display:block;
  background: url(../images/medien.jpg) 0 0 no-repeat #1B201C; /* #7C0E0A; */
  height: 100px; 
  padding: 0 10px;
  text-align: right;
  line-height: 58px;
  font-size: 1.8em; 
  overflow: hidden; 
  letter-spacing: -3px; 
  margin-right: 0px;
  
}
#logo a {
  font-size: 1.8em;
  color: white; /* Die vorher eingestellte Farbe passt nicht um auch als Logofarbe zu dienen, deshalb wählen wir hier weiß. */
  text-decoration: none;
}
#logo a span {  /*Der letzte Buchstabe soll invertiert dargestellt werden. */
  color: #CE2000;/*#7C0E0A;  */
  font-size: 38px; 
  padding-top: 10px;
  padding-bottom: 5px;
  background: #FFFFFF; /*#FFFF00;*/
  padding-right: 0.1em; /* Ein Hack, damit das weiße rechts und links genau so breit ist. */
  font-weight: bold;
}
#content{
font-size: 1.0em; 
float: left;
width: 540px;
}
#content {
padding: 30px;
padding-top: 10px;
}
#rechtespalte{
clear: right;
vertical-align: top;
width: 190px; /*Width of right column*/
margin-left: 600px; /*Set left margin to -(RightColumnWidth) */
}
#menue{
margin-top: 20px;
margin-left: 15px;
margin-right: 15px;
margin-bottom: 20px;
}


#menue .fstLevel a
{
TEXT-DECORATION: none;
DISPLAY: block;
/*WIDTH: 100px;
BORDER: 1px solid #4D2600;*/
PADDING: 5px; 
MARGIN-bottom: 0px; 
FONT-FAMILY: Georgia, Verdana, arial, helvetica;
FONT-SIZE: 1.0em;
FONT-WEIGHT: bold;
TEXT-ALIGN: center;
COLOR: #FFFFFF;
BACKGROUND-COLOR: #7C0E0A; 
}
/*Style-Definition für die First-Level-Navigation bei Mouse-Over*/
#menue .fstLevel a:hover
{
COLOR: #FFFFFF;
BACKGROUND-COLOR: #AF0F03;
}
/*Style-Definition für die First-Level-Navigation bei aktivem Link*/
#menue .fstLevelActive a
{
TEXT-DECORATION: none;
DISPLAY: block;
/*WIDTH: 100px;*/
BORDER: 1px solid #7C0E0A;
PADDING: 5px; 
MARGIN-bottom: 0px; 
FONT-FAMILY: Georgia, Verdana, arial, helvetica;
FONT-SIZE: 1.0em;
FONT-WEIGHT: bold;
TEXT-ALIGN: center;
COLOR: #7C0E0A;
BACKGROUND-COLOR: #FFFFFF; 
}

/************************************************
*************SECOND_LEVEL*************************
************************************************/
/*Style-Definition für die Second-Level-Navigation*/
#menue .secLevel a
{
TEXT-DECORATION: none;
DISPLAY: block;
/*WIDTH: 100px;*/
BORDER-bottom: 1px dotted #7A7A7A;
PADDING: 5px;
MARGIN: 0px;
FONT-FAMILY: Georgia, Verdana, arial, helvetica;
FONT-SIZE: 1.0em;
FONT-WEIGHT: normal;
TEXT-ALIGN: right;
COLOR: #000000;
BACKGROUND-COLOR: #D7D7D7;
}
/*Style-Definition für die Second-Level-Navigation bei Mouse-Over*/
#menue .secLevel a:hover
{
COLOR: #ffffff;
BACKGROUND-COLOR: #7A7A7A; 
}
/*Style-Definition für die Second-Level-Navigation bei aktivem Link*/
#menue .secLevelActive a
{
TEXT-DECORATION: none;
DISPLAY: block;
BORDER-bottom: 1px dotted #7A7A7A;
PADDING: 5px;
MARGIN: 0px;
FONT-FAMILY: Georgia, Verdana, arial, helvetica;
FONT-SIZE: 1.0em;
FONT-WEIGHT: normal;
TEXT-ALIGN: right;
COLOR: #AF0F03;
BACKGROUND-COLOR: #EBEBEB;
}
#footer{
clear: left;
text-align: center;
padding-top: 3px;
color: white;
font-size: 1.0em;
BACKGROUND-COLOR: #7C0E0A; 
}
#footer a, #footer a:link, #footer a:visited, #footer a:active {  
    color: #FFFFFF;
    font-weight: normal;
    text-decoration: underline;
    font-size: 1.0em;
}
#footer a:hover
{   color: #FFFFFF;
    font-weight: normal;
    text-decoration: none;
    font-size: 1.0em;
}

#content .title {
color: #FFFFFF;
font-weight: bold;
padding: 5px;
BACKGROUND-COLOR: #7C0E0A; 
text-align: center;

}
#content .untertitle {
color: #000000;
font-weight: bold;
padding-left: 15px;
background-image: url(kugel.gif);
background-repeat: no-repeat;

/*border-left: 10px solid red;/*/
}
#floatbox {
float: right; 
}
.floatbox {
float: right; 
}
#screenshot {
float: left; 
padding-right: 10px;
padding-bottom: 10px;
}
.kategorie {
margin-bottom: 75px;
}
#pfad {
padding-top: 3px;
padding-left: 30px;
padding-bottom: 3px;
background: black;
color: #FFFFFF;/*7A7A7A*/
font-size:10px;
}
#pfad a, #pfad a:link, #pfad a:visited, #pfad a:active  { 
    text-decoration: none;
    color: #FFFFFF;
    font-weight: normal;
    border-bottom: 1px dotted #FFFFFF;
    font-size:10px;
}
#pfad a:hover {
    color: #FFFFFF;
    font-weight: normal;
    text-decoration: none;
    font-size:10px;
}
.normal {
    margin-left: 40px;
}
.treffer {
padding-left:2px;
padding-right:2px;
COLOR: #FFFFFF;
BACKGROUND-COLOR: #7C0E0A; 
}
.le { 
   
    float: left;
    width: 30px;
    padding-top:10px;   
    }
.re{ 
    padding-top:10px;
    clear: right;
    vertical-align: top;
    width: 500px;
    margin-left: 40px;
    }