html {
height: 100%;
margin-bottom: -50px;
overflow-x:hidden;
}
body {height:100%;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
background: #ffffff;
margin: 0; /* Es empfiehlt sich, margin (Rand) und padding (Auffüllung) des Body-Elements auf 0 einzustellen, um unterschiedlichen Browser-Standardeinstellungen Rechnung zu tragen. */
padding: 0;
text-align: center; /* Hierdurch wird der Container in IE 5*-Browsern zentriert. Dem Text wird dann im #container-Selektor die Standardausrichtung left (links) zugewiesen. */
color: #000000;
}
#container {
position: relative; /* Durch Hinzufügen von position: relative können Sie die beiden Randleisten im Verhältnis zu diesem Container positionieren. */
width: 1122px; /* Mit einer Breite, die 20 Pixel unter der vollen Breite von 800 Pixel liegt, können Sie dem Browser-Chrome Rechnung tragen und gleichzeitig eine horizontale Bildlaufleiste vermeiden. */
height:100%;
background: #FFFFFF;
background-image:url(../../grafiken/bg_content.gif);
margin: 0 auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
}
/* Style fuer Layout */
#topnavi{height:21px; background-image:url(../../grafiken/bg_topnavi.gif); background-repeat:repeat-x; padding-left:198px; color:#FFFFFF;padding-top:5px; margin:0px; }
#topnavi a {color:#FFFFFF; text-transform:uppercase; padding-right:13px;padding-left:13px; text-decoration:none}
#topnavi a:hover {color:#dcdcdd}
#innenrahmen{width:1122px; background-image:url(../../grafiken/bg_content.gif); background-repeat:repeat-y; float:left}
#breadnavi {font-size:10px; color:#646464; padding-bottom:15px;}
#breadnavi a{font-size:10px; color:#004878}
#breadnavi a:hover{color:#eb6909}
#rechtespalte{width:214px; float:left; padding-top:10px;}
#linkespalte{width:214px; float:left;}
#linkespalteabstand{height:10px; }
#contentrahmen{width:644px; float:left; padding-left:30px; padding-top:10px; padding-right:20px; padding-bottom:10px; line-height:16px;}
#bildleistelinks{width:150px; float:left;padding-right:20px;}
#contentrechts{width:350px;float:left;}
#contentlinks{width:390px;float:left;}
#bildleisterechts{width:150px; float:right;padding-left:20px;}
#bildleistehorinzontal{padding-top:10px; padding-bottom:10px;}
#bildmittetext{width:400px;}
#footertypo{width:570px; height:30px; background-color:#e5e5e5; margin:10px 0 10px 190px; padding:5px; font-size:10px; text-align:center}
#footertypo a {color:#004878; text-decoration:underline}
#footertypo a:hover{color:#eb6909; text-decoration:underline}
#footer{width:960px; background-image:url(../../grafiken/bg_content.gif); float:left;}
.content_listrahmen{padding-top:10px; float:left}
.content_listrechts{float:left;width:350px;}
/*Template: bildlinks-textrechts*/
#textrechts{float:left;width:300px;}
/* Style fuer Links */
a.nav_li_aktive{ background-image:url(../../grafiken/bg_navipunkt_hover.jpg); color:#ffffff;display:block; text-decoration:none; padding-top:12px;padding-bottom:12px; font-weight:bold;}
a.nav_li_aktive:hover{color:#ffffff; background-image:url(../../grafiken/bg_navipunkt_hover.jpg);}
a.nav_li_sub_aktive{ background-image:url(../../grafiken/bg_navi_li_open_aktive.jpg); color:#ffffff;display:block; text-decoration:none; padding-top:12px;padding-bottom:12px; font-weight:bold;}
a.nav_li_sub_aktive:hover{color:#ffffff; background-image:url(../../grafiken/bg_navi_li_open_aktive.jpg);}
a.nav_li_sub_open{background-image:url(../../grafiken/bg_navi_li_open_aktive.jpg);color:#ffffff;display:block; text-decoration:none;padding-top:12px;padding-bottom:12px;font-weight:bold;background-color:#eb6909;}
a.nav_li_sub_open:hover{color:#ffffff; background-image:url(../../grafiken/bg_navi_li_open.jpg);}
a.nav_li_sub_full{background-image:url(../../grafiken/bg_navipunkt.jpg);color:#ffffff;display:block; text-decoration:none; padding-top:12px;padding-bottom:12px; ;font-weight:bold;}
a.nav_li_sub_full:hover{color:#ffffff; background-image:url(../../grafiken/bg_navipunkt_hover.jpg);}
a.nav_li_full{background-image:url(../../grafiken/bg_navipunkt.jpg);color:#ffffff;display:block; text-decoration:none; padding-top:12px;padding-bottom:12px; ;font-weight:bold;}
a.nav_li_full:hover{color:#ffffff; background-image:url(../../grafiken/bg_navipunkt_hover.jpg);}
a.nav_li_empty{background-image:url(../../grafiken/bg_navipunkt.jpg);color:#ffffff;display:block; text-decoration:none; padding-top:12px;padding-bottom:12px;font-weight:bold;}
a.nav_li_empty:hover{color:#ffffff; background-image:url(../../grafiken/bg_navipunkt_hover.jpg);}
a.nav_li_open{background-image:url(../../grafiken/bg_navi_li_open.jpg);color:#ffffff;display:block; text-decoration:none;padding-top:12px;padding-bottom:12px;font-weight:bold;background-color:#eb6909;}
a.nav_li_open:hover{color:#ffffff; background-image:url(../../grafiken/bg_navi_li_open.jpg);}
a.nav_li_ebene1_aktive{ background-color:#a1aaba; color:#ffffff;display:block; text-decoration:none; padding-top:5px;padding-bottom:5px;margin-left:6px;margin-right:6px; font-weight:bold;}
a.nav_li_ebene1_aktive:hover{background-color:#a1aaba; color:#ffffff;}
a.nav_li_ebene1_empty{background-color:#8d99ae; color:#ffffff;display:block; text-decoration:none; padding-top:5px;padding-bottom:5px;margin-left:6px;margin-right:6px; font-weight:bold;}
a.nav_li_ebene1_empty:hover{color:#000000;}
a {color:#004878}
a:hover{color:#eb6909}
a.contentlink {color:#022b71; text-decoration:underline}
a.contentlink:hover{color:#e1a900; text-decoration:none}
#boxrelinkrahmen{padding-right:10px; text-align:right}
a.boxre{color:#004878; font-weight:bold; text-decoration:none; }
a.boxre:hover{color:#eb6909;text-decoration:underline}
/* Style fuer Typo */
.boxre{padding:10px; color:#777777}
.boxreheadline{color:#ffffff; font-weight:bold; padding-left:10px;}
h1{font-weight:bold; font-size:14px; margin-top:0px;}
/* Style fuer Typo */
.bildlinks{padding-right:10px; padding-bottom:10px;float:left;}
.bildrahmen{ border:0px solid black;}
ul {padding-left:10px;margin-left:10px;}
li { list-style-type:square}
/* style fr Inputs */
label {display: block;float: left;width: 340px; color:#000000}
/* Alle Zeilenumbrüche in Formularen auswählen */
form br { clear: left; /* das floating der labels und inputs aufheben */}
/* den Submit-Button */
input#submit {float: none;width: auto;align:right;}
input.in300px {text-align:left;width:300px;BORDER: #000000 1px solid;}
textarea.nachricht {BORDER: #000000 1px solid;height:100px;width:300px; font-family:Arial, Helvetica, sans-serif;font-size:12px;}
input.submit{font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:12px; font-weight:bold; background-color:#ffffff; border:1px solid #000000; width:130px;padding-right:20px;}