/* *** css by Hendrik Ewert, twin.worx.de *** */
/* css released under Creative Commons License -  http://creativecommons.org/licenses/by/2.0/deed.en  */

/* --- Reset potentieller Einstellungen verschiedener Browser --- */
* {
margin: 0;
padding: 0;
border: 0;
}

/* --- vordefinierte Klassen --- */
.clear {
clear: both
}

.hidden {
display: none;
}

/* --- Formatierung des BODY-Tags --- */
body {
background-color: #FFFFFF;
font-size: 10px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
}

/* --- Formatierung des DIVs #banner --- */
#banner {
margin: 0 auto;
/* 115 px ist die Höhe der ersten weißen Fläche der HG-Grafik bg_wilken.gif */
height: 115px;
}

/* --- Formatierung des DIVs #hg_grey --- */
#hg_grey {
margin: 0 auto;
background-color: #565656;
height: 250px;
}

/* Formatierung des DIVs #menu --- */
#menu {
margin: 0 auto;
/* Breite des Elternelements (#bild) */
width: 100%; 
height: 20px;
background-color: #A8A8A8;
border-top: 1px solid #FFFFFF;
border-bottom: 1px solid #FFFFFF;
}

/* padding im Elternelement würde die Ausmaße des Divs #menu beeinflussen.
   Daher wird ein Kindelement eingefügt.
*/
#menu p {
padding: 4px;
}

/* --- Formatierung für die Links des DIVs #menu --- */
a.font_links {font-size: 10px; color: #565656; font-weight: bold; text-decoration: none;}
a.font_links:visited {font-size: 10px; color: #565656; font-weight: bold; text-decoration: none;}
a.font_links:hover {font-size: 10px; color: #FFFFFF; font-weight: bold; text-decoration: none;}
a.font_links:active {font-size: 10px; color: #FFFFFF; font-weight: bold; text-decoration: none;}

/* --- Formatierung des DIVs #content --- */
#content {
margin: 0 auto;
width: 625px;
/* border: 1pt solid #80c325; */
}

#navigation {
float: left;
width: 200px;
/* damit ein Abstand zum dotted-border besteht */
margin: 5px 0;
border-right: 1px dotted #565656; 
padding-right: 5px;
/* border: 1pt solid #999999;*/
}

#navigation_lang {
float: left;
width: 610px;
}

h2 { 
font-size : 12px;
font-weight : normal;
padding : 0;
margin : 0;
} 

a.submenu { 
font-size : 10px;
color : #565656;
text-decoration : none;
line-height : 1.5;
} 
a.submenu:visited { 
font-size : 10px;
color : #565656;
text-decoration : none;
line-height : 1.5;
} 
a.submenu:hover { 
font-size : 10px;
color : #565656;
font-weight : bold;
text-decoration : none;
line-height : 1.5;
} 
a.submenu:active { 
font-size : 10px;
color : #565656;
font-weight : bold;
text-decoration : none;
line-height : 1.5;
}

#formbuttons { 
width : 120px;
height : 22px;
border : 1pt solid #dfa655;
background-color : transparent;
color : #565656;
}

#inhalt {
float: right;
width: 410px;
margin: 5px 0;
border-left: 1px dotted #565656; 
padding-left: 5px;
}

#font_title { 
font-size : 11px;
font-weight : bold;
color : #565656;
}

/* --- Formatierung des DIVs #footer --- */
#footer {
color: #FFFFFF;
width: 625px; 
margin: 0 auto;
height: 20px;
background-color: #565656;
}

/* padding im Elternelement würde die Ausmaße des Divs #footer beeinflussen.
   Daher wird ein Kindelement eingefügt.
*/
#footer p {
padding: 4px;
}

#footer_links {
width: 69%;
float: right;
text-align: right;
}

#footer_by {
width: 29%;
float: left;
}

a#link_footer { 
font-size : 9px;
color : #ffffff;
font-weight : bold;
text-decoration : none;
} 
a#link_footer:visited { 
font-size : 9px;
color : #ffffff;
font-weight : bold;
text-decoration : none;
} 
a#link_footer:hover { 
font-size : 9px;
color : #ffffff;
font-weight : bold;
text-decoration : none;
} 
a#link_footer:active { 
font-size : 9px;
color : #ffffff;
font-weight : bold;
text-decoration : none;
}

/* --- Formatierung der Bilder im Index --- */
#index {
border: 1px solid #565656;
margin: 5px;
}

/* --- Formatierung Presse --- */
#left, #right {
width:33%;
height: 100px;
/* border: 1px solid #80c325; */
}

#left {
float: left;
}

#right {
float: right;
}