* {/* for demo only*/
    margin:0;
    padding:0
}
html, body {
    height:100%;/* needed to base 100% height on something known*/
    text-align:center;
}
#outer    { background-image: url("images/bg_body.jpg"); background-repeat: repeat; background-position: center top; text-align: center; margin: -82px auto auto; width: 100%; min-height: 100%; clear: both }
* html #outer {
    height:100%
}
#header     { background-image: url("images/bg_header1.gif"); background-repeat: repeat-x; background-attachment: scroll; background-position: center top; height: 240px;
	/*border-top: 82px solid #fff */ }
#header2 { background-image: url("images/bg_header3.png"); background-repeat: repeat-x; background-position: 0 180px; width: 100%; height: 215px }
#header3 { background-image: url("images/bg_header2.gif"); background-repeat: no-repeat; background-position: right top; text-align: left; margin-right: auto; margin-left: auto; width: 950px; height: 215px }
#footer    { color: #fff; font-size: 11px; font-family: Arial; line-height: 30px; background: url("images/bg_footer.jpg") repeat-x center top; text-transform: uppercase; margin: auto; width: 100%; height: 82px; clear: both }
#footer a:link, #footer a:visited, #footer a:active { color: #fff; font-weight: normal; text-decoration: underline }
#footer a:hover { color: #fff; font-weight: normal; text-decoration: none }
#footer2 { text-align: left; margin-right: auto; margin-left: auto; width: 950px }
/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
    content:"";
    height:100%;
    float:left;
    width:0;
    margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}
h1, h2, h3, p {
    padding:0 0px;
}
#outer:after {/* thank you Erik J - instead of using display table for ie8*/
    clear:both;
    display:block;
    height:1%;
    content:" ";
}
#content { background-image: url("images/bg_content.png"); background-repeat: no-repeat; text-align: left; margin-right: auto; margin-left: auto; width: 950px }

.header_logo  { margin-top: 150px; margin-right: 30px; margin-left: 1px; float: left }
ul.menu               { margin: 0; padding: 153px 0 0; float: left }
ul.menu li              { list-style-type: none; list-style-image: none; margin: 0; padding: 0 20px 0 0; height: 24px; float: left }
ul.menu li.active   { margin: 0; padding: 0 20px 0 0; height: 24px; float: left }
ul.menu li .li_padding       { margin: 0; padding: 0; height: 24px; float: left }
ul.menu li.active .li_padding   { margin: 0; padding: 0; height: 24px; float: left }
ul.menu li a:link, ul.menu li a:visited, ul.menu li a:active           { color: #fff; font-size: 15px; font-family: Arial; font-weight: bold; line-height: 18px; text-decoration: none; text-transform: uppercase; letter-spacing: 1px; display: block; margin: 0; padding: 0 0 0 0; height: 24px; float: left }
	ul.menu li a:hover          { color: #f00; font-weight: bold; text-decoration: none; display: block; margin: 0; padding: 0 0 0 0; height: 24px; border-bottom: 3px solid #f00 }
	ul.menu li.active a:link, ul.menu li.active a:visited, ul.menu li.active a:hover, ul.menu li.active a:active          { color: #fff; font-size: 15px; font-family: Arial; font-weight: bold; line-height: 18px; text-decoration: none; text-transform: uppercase; letter-spacing: 1px; display: block; margin: 0; padding: 0 0; float: left; border-bottom: 3px solid #fff }
#links { background-image: url("images/bg_claim.png"); background-repeat: no-repeat; background-position: 0 120px; text-align: right; padding-top: 520px; padding-bottom: 30px; width: 220px; float: left }
#rechts  { margin-left: 250px; padding-bottom: 30px; padding-left: 0 }
h2  { color: #c00000; font-size: 22px; font-family: Arial; font-weight: normal; line-height: 50px; text-transform: uppercase; letter-spacing: 3px; margin-bottom: 26px }
h3  { color: #c00000; font-size: 16px; font-family: Arial; font-weight: bold; line-height: 25px; margin-bottom: 19px }
p,li { color: #333; font-size: 13px; font-family: Arial; font-weight: normal; line-height: 20px }
.playlist  { padding-top: 3px; padding-right: 5px; padding-bottom: 3px; border-top: 1px solid #eee; border-bottom: 1px solid #999 }
a:link, a:visited, a:active { color: #c00000; text-decoration: underline }
a:hover { color: #c00000; text-decoration: none }


h3.toggler
   { font-size: 12px; font-weight: normal; cursor: pointer; margin: 0; padding: 2px 0 }
.aufklapplink   { color: #c00000; font-size: 13px; font-family: Arial; font-weight: normal; text-decoration: none; padding-left: 15px }
.element p      { color: #666; font-size: 12px; font-family: Arial; line-height: 1.2em; margin: 5px 0 15px; padding: 0 0 0 38px }