body, td {
 background-color : #bebec6;
 font: 11px verdana, arial, sans-serif;
 color : #000;
}

h4 {
 font-size : 120%;
 font-weight : bold;
 
}

#Layer1 {
 position:absolute;
 top: 105px;
 left: 355px;
 width:200px;
 height:115px;
 z-index:1;
}

#Layer3 {
 position:absolute;
 top : 20px;
 left : 20px;
 color : #000;
 font-size : 190%;
  font-weight : bold;
 padding:5px;
}

#Layer4 {
 position:absolute;
 top : 100px;
 left : 30px;
 width:300px;
}

#aktuelles,
#offer {
 position : absolute;
 top : 10px;
 left: 170px; 
 width: 500px;
 height: 550px;
 z-index : 20;
 background-color : #fff;
 color : black;
 padding : 0;
 border : 2px solid #ccf;
 visibility : hidden;
}

.closer {
 background-color: #bebec6;
 color : #fff;
 text-align : right;
 height : 20px;
 width : 100%;
}

.closer a,
.closer a:link,
.closer a:visited,
.closer a:hover {
 text-decoration : none;
 color : #fff;
 font-weight : bold;
 font-size : 90%;
}

.ctext {
 padding : 8px;
 color : #000;
 height : 510px;
 overflow : auto;
 margin-bottom : 30px;
}

.ctext a,
.ctext a:link,
.ctext a:visited,
.ctext a:hover {
 text-decoration : none;
 color : #ee1f23;
 font-weight : bold;
}

.ctext a:hover {
 text-decoration : underline;
}

td.normal {
 background-color : #fff;
 color : #000;
 text-align : left;
}

.text {
 padding : 5px;
}

a,
a:link,
a:visited,
a:hover {
 text-decoration : underline;
 color : #000;
 font-weight : bold;
}

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