.rechts_oben {
width: 160px; height: 130px; z-index: 1;
position:fixed; right:0px; top: 0px;
background-image: url(banner.png);
background-position: right top;
background-repeat: no-repeat;
display: block;
}



.clear {
clear: both;
height: 0;
width: 0;
margin: 0;
padding: 0;
font-size: 0;
}

li {
margin-bottom: 10px;
text-align: left;
}

html {
}


img {
border: 0px;
}

a {
color: #333333;
}

body {
text-align: center;
margin: auto;
font-family: verdana;
line-height: 16px;
font-size: 12px;
background-image: url(html_background.png);
background-repeat: repeat-x;
background-color: #cccccc;
}

h1 {
font-family: arial;
color: #333333;
font-weight: normal;
margin-top: 0px;
line-height: 20px;
text-align: left;
font-size: 20px;
}

h2 {
font-family: arial;
color: #333333;
font-size: 12px;
line-height: 12px;
height: 20px;
text-align: left;
margin-bottom: 0px;
margin-top: 0px;
}

h3 {
font-family: arial;
margin-top: 0px;
margin-bottom: 2px;
font-weight: bold;
font-size: 12px;
color: #333333;
}

p {
margin-top: 5px;
margin-bottom: 10px;
}



.mehr {
background-image: url(button_download.png);
background-repeat: no-repeat;
font-size: 11px;
padding-left: 13px;
text-decoration: none;
color: #555555;
font-weight: bold;
font-family: arial;
background-position: 0px 4px;
margin-top: 2px;
}


.mehr2 {
background-image: url(button_download.png);
background-repeat: no-repeat;
font-size: 10px;
padding-left: 13px;
text-decoration: none;
color: #555555;
font-weight: bold;
font-family: arial;
background-position: 0px 3px;
margin-top: 1px;
display: block;
}

.link_extern {
background-image: url(button_extern.png);
background-repeat: no-repeat;
background-position: 0px 4px;
font-size: 10px;
margin-top: 3px;
line-height: 15px;
padding-left: 13px;
display: block;
text-decoration: none;
color: #555555;
font-weight: bold;
}


.link_download {
background-image: url(button_download.png);
background-repeat: no-repeat;
background-position: 0px 4px;
font-size: 10px;
padding-left: 13px;
display: block;
text-decoration: none;
color: #555555;
font-weight: bold;
margin-top: 3px;
}

.head {
width: 840px;
height: 100px;
margin: auto;
background-image: url(head.png);

}

.content {
width: 840px;
margin: auto;
margin-bottom: 0px;
background-image: url(content.png)
}

.content_links {
width: 490px;
float: left;
margin-left: 20px;
}

.content_rechts {
width: 290px;
float: left;
border-left: 1px solid #999999;
margin-bottom: 20px;
}

.navi {
width: 840px;
height: 30px;
background-image: url(navileiste.png);
margin-bottom: 0px;
}

.textblock_links_gross {
width: 450px;
margin-left: 15px;
text-align: left;
float: left;
color: #333333;
font-size: 11px;
margin-bottom: 20px;
text-decoration: none;
}

.textblock_links_content {
width: 310px;
float: left;
margin-top: 0px;
}

.rubrik_rechts {
width: 275px;
margin-left: 15px;
margin-bottom: 20px;
text-decoration: none;
font-size: 10px;
line-height: 12px;
color: #333333;
}

.textblock_rechts {
width: 275px;
margin-bottom: 20px;
text-align: left;
float: left;
text-decoration: none;
font-size: 10px;
line-height: 13px;
color: #333333;
}

.textblock_rechts_content {
float: left;
width: 160px;
margin-left: 10px;
cursor: hand;
}

.picture {
width: 120px;
}

.pictureframe {
 float: left;
margin-bottom: 5px;
margin-right: 15px;
width: 120px;
color: #999999;
font-size: 9px;
line-height: 12px;
padding: 0px;
text-decoration: none;
display: block;
}

.pictureframe_rechts {
 float: right;
margin-left: 7px;
margin-bottom: 5px;
width: 120px;
color: #666666;
font-size: 10px;
line-height: 12px;
text-decoration: none;
display: block;
}

.pictureframe_content {
font-family: arial;
color: #333333;
width: 120px;
margin: 0px;
}

.picture_teaser {
float: left;
margin-right: 4px;
width: 100px;
border: none;
}

.teaser_headline {
height: 15px;
border-bottom: 1px solid #999999;
background-repeat: repeat-x;
text-align: left;
font-size: 12px;
font-weight: bold;
color: #333333;
font-family: arial;
margin-bottom: 10px;
}

.button {
text-decoration: none;
color: #DDDDDD;
font-family: arial;
font-size: 11px;
height: 30px;
background-image: url(button_background2.png);
background-position: right;
display: block;
padding-top: 6px;
}

.button:hover {
text-decoration: underline;
}

.button_rechts {
text-decoration: none;
color: #DDDDDD;
font-family: arial;
font-size: 11px;
height: 30px;
background-image: url(button_rechts_background.png);
background-repeat: no-repeat;
display: block;
padding-top: 6px;
}

#button_start {
width: 70px;
height: 26px;
margin-left: 30px;
float: left;
}

#button_start_en {
width: 60px;
height: 26px;
margin-left: 25px;
float: left;
}

#button_hintergrund {
width: 70px;
height: 26px;
margin-left: 0px;
float: left;
}

#button_hintergrund_en {
width: 80px;
height: 26px;
margin-left: 0px;
float: left;
}

#button_methodik {

width: 70px;
height: 26px;
margin-left: 0px;
float: left;
}

#button_methodik_en {
width: 80px;
height: 26px;
margin-left: 0px;
float: left;
}

#button_ziele {
width: 50px;
height: 26px;
margin-left: 0px;
float: left;
}

#button_ziele_en {
width: 50px;
height: 26px;
margin-left: 0px;
float: left;
}

#button_publikationen {
width: 80px;
height: 26px;
margin-left: 0px;
float: left;
}

#button_publikationen_en {
width: 80px;
height: 26px;
margin-left: 0px;
float: left;
}

#button_kontakt {
width: 60px;
height: 26px;
margin-left: 0px;
margin-top: 0px;
float: left;
}

#button_kontakt_en {
width: 60px;
height: 26px;
margin-left: 0px;
margin-top: 0px;
float: left;
}

#button_english {
width: 90px;
height: 26px;
margin-left: 285px;
margin-top: 0px;
float: left;
}

#button_english_en {
width: 90px;
height: 26px;
margin-left: 280px;
margin-top: 0px;
float: left;
}

.footer {
clear: both;
width: 840px;
height: 100px;
background-image: url(footer_background.png);
background-repeat: no-repeat;
margin-left: 20px;
margin-top: 0px;
color: #666666;
font-size: 9px;
margin: auto;
padding-top: 15px;
}

.footer a {
color: #666666;
text-decoration: none
}

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

.navischatten {
height: 30px;
width: 840px;
background-image: url(navi_schatten.png);
}

.infografik_head {
background-image: url(info_background.png);
background-repeat: repeat-y;
background-position: center;
width: 840px;
height: 50px;
text-align: left;
}

.infografik_head_content {
font-family: arial;
font-size: 20px;
color: #FFFFFF;
padding-top: 7px;
padding-left: 40px;
margin-bottom: 3px;
margin-top: 0px;
}

.infografik_head_content_small {
font-family: arial;
font-size: 12px;
color: #FFFFFF;
padding-top: 4px;
padding-left: 40px;
margin-bottom: 3px;
margin-top: 0px;
}}

.infografik_frame {
width: 840px;
height: 500px;background-image: url(info_background.png);
background-repeat: repeat-y;
background-position: center;
}

.extranavi {
background-image: url(extranavi_background.png);
height: 120px;
text-align: left;
padding-left: 30px;
}

.extranavi_head {
color: #EEEEEE;
font-size: 11px;
font-family: Arial;
margin-bottom: 2px;
margin-top: 23px;
font-weight: bold;
}

.extranavi_head:hover {
color: #AAAAAA;
}

.extranavi_text {
margin-left: 105px;
line-height: 10px;
}

.extranavi_content {
width:250px;
height: 120px;
float: left;
font-size: 9px;
color: #cccccc;
background-repeat: no-repeat;
display: block;
text-decoration: none;
margin-right: 15px;
}

.extranavi_content:hover {
color: #AAAAAA;
}

#extranavi_content_ani {
background-image: url(extranavi_ani.png);
}

#extranavi_content_ani:hover {
background-image: url(extranavi_ani_hover.png);
}

#extranavi_content_testsites {
background-image: url(extranavi_testsites.png);
}

#extranavi_content_testsites:hover {
background-image: url(extranavi_testsites_hover.png);
}

#extranavi_content_startseite {
background-image: url(extranavi_startseite.png);
}

#extranavi_content_startseite:hover {
background-image: url(extranavi_startseite_hover.png);
}

#extranavi_content_kohleverteilung {
background-image: url(extranavi_kohleverteilung.png);
}

#extranavi_content_kohleverteilung:hover {
background-image: url(extranavi_kohleverteilung_hover.png);
}