/* ---------------- Custom ---------------------------------  */

.navi a {color: #fff}                     /* Farbe der Links in der Navigationsleiste */

.navi a:hover {color: #003366}            /* Farbe der Links in der Navigaitonsleiste beim überfahren */

h1, h2, h3, h4 {color: #003366;}          /*Farbe der Überschriften */

a {color: #003366;                        /* Farbe der Links im Inhalt */
text-decoration: none;
}
                                          /* Farbe der Links im Inhalt beim überfahren */
a:hover {color: #003366;
text-decoration: underline;
}

.content_rechts, .teaser_mainheadline, .footer {   /* Farbe der Linien  */
border-color: #999;}



/* --------------- Finger wech!!! ---------------------------- */

body {
text-align: center;
margin-left: auto;
margin-right: auto;
font-family: verdana;
line-height: 16px;
font-size: 12px;
background-image: url(files/html_background.png);
background-color: #e4eff6;

padding: 0;
margin-top: 0;
margin-bottom: 0;
background-repeat: repeat-x;
background-color: #e9e9e9;
}


.rechts_oben {
width: 160px; height: 130px; z-index: 1;
position:fixed; right:0px; top: 0px;
background-image: url(files/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; }


h1, h2, h3, h4 {
font-family: arial;
}

h1 {
font-weight: normal;
margin: 0 0 20px 0;
line-height: 24px;
text-align: left;
font-size: 22px;
letter-spacing:-1px;
}

h2 {
font-size: 14px;
font-weight: normal;
margin: 0;
/*font-family: arial;
font-size: 13px;
line-height: 12px;
height: 20px;
text-align: left;
margin: 0 0 0px 0;
padding:0;
clear: both;
color: #e57300;   letter-spacing:-1px;    */
}

h3 {
font-size: 12px;
padding: 0;
}

h4 {
font-weight: bold;
font-size: 11px;
padding: 0;
}


.mehr {
display: block;
background-image: url(files/button_download.png);
background-repeat: no-repeat;
font-size: 11px;
padding-left: 7px;
font-weight: bold;
font-family: arial;
background-position: 0px;
margin: 2px 0 0 5px;
}


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

.link_extern {
background-image: url(files/button_extern.png);
background-repeat: no-repeat;
background-position: 0px 8px;
font-size: 10px;
line-height: 15px;
display: block;
text-decoration: none;
font-weight: bold;
padding: 5px 0 0 13px;
}



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

.head {
width: 800px;
height: 270px;
margin: auto;
background-image: url(files/head.png);
text-align: right;
}

.head a, .head a:visited, .head_en a, .head_en a:visited{
color: #AAA;
font-size: 10px;
margin-right: 10px;
}

.head_en {
width: 800px;
height: 270px;
margin: auto;
background-image: url(files/head_en.png);
text-align: right;
}

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

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

}

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

.navi {
width: 840px;
height: 50px;
background: url(files/navileiste.png) 20px 0px no-repeat;
margin-bottom: 0px;
}

.navi ul {
width: 600px;
float: left;
padding:0;
margin:0 0 0 25px;;
}

#main li {
margin: 0;
padding: 0 10px 0 10px;
height: 20px;
float: left;
}


.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 {

margin: 0 0 30px 0;


}

.pic_left {
float: left;
width: 160px;
padding: 0 10px 5px 0;
font-size: 10px;
line-height: 12px;
}

.pic_left:hover {text-decoration: none}

.pic_left img {
display: block;
clear: both;
}

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

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

.rubrik_rechts img {
margin: 0 10px 10px 0;
}

.teaser_mainheadline {
width: 275px;
height: 14px;
border-bottom-width: 1px;
border-bottom-style: solid;
text-align: left;
margin-bottom: 10px;
padding: 0 0 2px 0;
}

.teaser_headline {
width: 275px;
height: 13px;
line-height: 11px;
}


.textblock_rechts img {
float: left;
margin: 0 10px 0 0;
}

.textblock_rechts p {
float: left;
width: 160px;
margin: 0;
padding: 0;
}

.navi li {
list-style-type: none;

}

.button {
text-decoration: none;
font-family: arial;
font-size: 11px;
height: 30px;
background-image: url(files/button_background2.png);
background-position: right;
display: block;
padding-top: 6px;
float: left;  margin-right: 10px;

}

.button_rechts {
text-decoration: none;
font-family: arial;
font-size: 11px;
height: 20px;
width: 100px;
padding: 5px 0 0 0 ;
text-align: left;
background-image: url(button_rechts_background.png);
background-repeat: no-repeat;
display: block;
float: right;
}

.footer {
text-align: center;
border-top-style: solid;
border-top-width: 1px;
clear: both;
width: 760px;
background-image: url(files/footer_background.png);
background-repeat: no-repeat;
margin-top: 0px;
color: #999999;
font-size: 9px;
line-height: 12px;
margin: auto;
padding-bottom: 40px;
padding-top: 15px;
}

.footer a, footer a:hover{
color: #999;
text-decoration: none;
}