html, body { margin: 0; padding: 0 }
body        { color: #ffce16; font-size: 10px; font-family: "Trebuchet MS", Arial, Helvetica, Tahoma, sans-serif; background: #036 url(../images/gradient.gif); text-align: center; width: 100% }
a:link   { color: #ffce16; text-decoration: none; background: transparent }
a:visited   { color: #ffce16; text-decoration: none }

.title { color: #e9cb5d; font-size: 16px; font-family: "Trebuchet MS", Arial, Helvetica, Tahoma, sans-serif }

.subtitle  { color: #e9cb5d; font-size: 11px; font-family: "Trebuchet MS", Arial, Helvetica, Tahoma, sans-serif }

.linkeseite { color: #e9cb5d; font-size: 11px; font-family: "Trebuchet MS", Arial, Helvetica, Tahoma, sans-serif }

.slidedown  { color: #e9cb5d; font-size: 10px; font-family: "Trebuchet MS", Arial, Helvetica, Tahoma, sans-serif }

input.btn { color: #050; font-size: 80%; font-family: "trebuchet ms", helvetica, sans-serif; font-weight: bold; background-color: #fed; border-style: solid; border-width: 1px; border-color: #696 #363 #363 #696; filter: progid:DXImageTransform.Microsoft.Gradient
      (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffeeddaa') }
      
ul  { list-style: url(../images/list-shark.gif) inside }

#leftnav     { color: #2d6baf; font-size: 12pt; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; background-color: transparent; text-align: center; padding: 0; width: 251px; float: left; border: dotted 1px #e9cb5d }
#leftnav a:link  { color: #fff; font-size: 12pt; font-weight: bold; text-decoration: none; display: block; width: 251px }
#leftnav a:visited  { color: #fff; font-size: 12pt; font-weight: bold; text-decoration: none; display: block; width: 251px }
 #leftnav a:hover   { color: #036; font-size: 12pt; font-weight: bold; text-decoration: none; background-color: #e9cb5d; display: block; width: 251px; border: dotted 1px #aecc0f }
#leftnav a:active  { color: #fff; font-size: 12pt; font-weight: bold; text-decoration: none; display: block; width: 251px }