/* Hauptformatierung
----------------------------------------------- */
body {
margin: 0px;
margin-bottom: 15px;
font-family: Arial, Verdana, Tahoma, Sans-Serif; 
color: #313131; 
font-size: 75%;
background-color: #EBEBEB;
background-image:url('../bilder/seite/bg.jpg');
background-repeat: repeat-x;
}


/* Div Container
----------------------------------------------- */

#top {
margin: auto auto;
clear:both;
width: 779px;
padding: 15px;
height: 205px;
background-image:url('../bilder/seite/kopf.png');
background-repeat: no-repeat;
}

* html #top {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./bilder/seite/kopf.png', sizingMethod='crop');
background:transparent;
}

#top-c {
margin: auto auto;
clear:both;
width: 779px;
padding: 15px;
height: 205px;
background-image:url('../bilder/seite/kopf-c.png');
background-repeat: no-repeat;
}

* html #top-c {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./bilder/seite/kopf-c.png', sizingMethod='crop');
background:transparent;
}

#top-f {
margin: auto auto;
clear:both;
width: 779px;
padding: 15px;
height: 205px;
background-image:url('../bilder/seite/kopf-f.png');
background-repeat: no-repeat;
}

* html #top-f {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./bilder/seite/kopf-f.png', sizingMethod='crop');
background:transparent;
}

#top-imp {
margin: auto auto;
clear:both;
width: 779px;
padding: 15px;
height: 205px;
background-image:url('../bilder/seite/kopf-imp.png');
background-repeat: no-repeat;
}

* html #top-imp {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./bilder/seite/kopf-imp.png', sizingMethod='crop');
background:transparent;
}


#top-i {
margin: auto auto;
clear:both;
width: 779px;
padding: 15px;
height: 205px;
background-image:url('../bilder/seite/kopf-i.png');
background-repeat: no-repeat;
}

* html #top-i {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./bilder/seite/kopf-i.png', sizingMethod='crop');
background:transparent;
}

#top-a {
margin: auto auto;
clear:both;
width: 779px;
padding: 15px;
height: 205px;
background-image:url('../bilder/seite/kopf-a.png');
background-repeat: no-repeat;
}

* html #top-a {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./bilder/seite/kopf-a.png', sizingMethod='crop');
background:transparent;
}

#top-s {
margin: auto auto;
clear:both;
width: 779px;
padding: 15px;
height: 205px;
background-image:url('../bilder/seite/kopf-s.png');
background-repeat: no-repeat;
}

* html #top-s {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./bilder/seite/kopf-s.png', sizingMethod='crop');
background:transparent;
}

#seite {
clear:both;
width: 783px;
padding: 13px;
padding-top: 0px;
margin: auto auto;
background-image:url('../bilder/seite/bg-inhalt.png');
background-repeat: repeat-y;
}


* html #seite {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./bilder/seite/bg-inhaltie6.png', sizingMethod='scale');
background:transparent;
}

#navi {
float:left;
margin-left: 2px;
font-size: 9pt;
clear:both;
width: 778px;
background-image:url('../bilder/seite/bg-navi.gif');
background-repeat: repeat-x;
}

* html #navi {
margin-left: 1px;
}

#links {
clear: both;
float: left;
width: 500px;
padding: 10px;
margin-right: 5px;
border-right: 1px solid #ddd;
}

.rechts {
font-size: 95%;
float:left;
width: 229px;
padding: 10px;
}

#fuss {
margin: auto auto;
clear:both;
width: 778px;
padding: 15px;
height: 5px;
background-image:url('../bilder/seite/fuss.png');
background-repeat: no-repeat;
}

* html #fuss {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./bilder/seite/fuss.png', sizingMethod='crop');
background:transparent;
}

#fuss2 {
color:#999;
font-size: 95%;
margin: auto auto;
clear:both;
width: 769px;
padding-top: 10px;
}


.hr2 {
border-top: 1px solid #e6e6e6;
clear:both;
}


/* Hyperlinks
----------------------------------------------- */
a, a:visited {color:#444; text-decoration: none; position: relative;}
a:hover, a:active {color:#444; text-decoration: none; position: relative;}

a.text, a.text:visited {color:#777; text-decoration: none; padding: 5px;}
a.text:hover, a.text:active {color:#777; text-decoration: underline;}

a.text2, a.text2:visited {color:#0F5EF0; text-decoration: underline;}
a.text2:hover, a.text2:active {color:#0F5EF0; text-decoration: none;}

a.navi, a.navi:visited {
font-size: 95%;
color: #444;
float:left;
font-weight: bold;
display: block; 
padding: 6px;
padding-left: 22px;
padding-right: 22px;
border-right: 1px solid #ccc;
border-left: 1px solid #f6f6f6;
}

a.navi:active, a.navi:hover {
color: #444;
background-image:url('../bilder/seite/bg-navi-hover.gif');
background-repeat: repeat-x;
text-decoration: underline;}

a.navi_aktiv, a.navi_aktiv:visited {
font-size: 95%;
color: #555;
float:left;
font-weight: bold;
display: block; 
padding: 6px;
padding-left: 22px;
padding-right: 22px;
border-right: 1px solid #ccc;
border-left: 1px solid #f6f6f6;
background-color: #dd0000;
background-image:url('../bilder/seite/bg-navi-aktiv.gif');
background-repeat: repeat-x;
}

a.navi_aktiv:active, a.navi_aktiv:hover {
color: #555;
text-decoration: underline;}


/* Grafiken
----------------------------------------------- */
img {border: 0px;}
img.imgrechts {float: right; margin-left: 15px; padding: 2px; border: 1px solid #e4e4e4;}
img.imgstil {padding: 2px; border: 1px solid #e4e4e4;}
img.imglinks {float: left; margin-right: 15px; padding: 2px; border: 1px solid #e4e4e4;}

/* Ueberschriften
----------------------------------------------- */
h1 {font-size: 140%; font-family: arial; display:inline; font-weight: bold; color: #222; margin: 0px; margin-bottom: 10px; }
h2 {font-size: 100%; margin: 0px; display: block; font-weight: bold; color: #222;}
h3 {font-size: 160%; font-weight: bold; margin: 0px; color: #222; padding: 5px; padding-left: 0px;}
h4 {font-size: 110%; color: #222; padding: 4px; padding-left: 0px; margin: 0px; margin-bottom: 1px;}
h5 {font-size: 100%; color: #222; background-color: #E7CEB6; padding: 5px; padding-left: 25px; margin: 0px; margin-bottom: 0px; border-bottom: 1px solid #D7AE86;}

span.formular {clear:both; font-size: 95%; font-weight: bold; margin-bottom: 3px; width: 100px; display: block; float: left;}
span.formular2 {clear:both; color: #333; font-weight: bold; width: 100px; display: block; float: left;}
pre {font-family: arial; display:inline;}
span.klein {color: #999; font-size: 95%;}

/* Listen
----------------------------------------------- */
ul {}
ul.links { list-style: none; margin: 0px; display:block; padding: 0px; padding-left: 8px;}
li { margin-left: -5px; padding: 3px; padding-top: 6px; padding-bottom: 6px; border-bottom: 1px solid #e4e4e4;}
li:hover {cursor:default; background-color: #f4f4f4; margin-left: -5px; border-bottom: 1px solid #e4e4e4; }

p {	line-height: 140%; margin-bottom: -1px; margin-top: -1px;}

select {font-size: 95%;}
select.klein {font-size: 95%; margin: 3px;}
input.klein {font-size: 95%; border: 1px solid #ccc; margin: 0px; padding: 2px;}
input.klein_sub {font-size: 95%;}

input.normal {background-color: #fff; border: 1px solid #ccc; font-size: 8pt; font-family: tahoma; margin-bottom: 3px;}
input.orange {background-color: #FCF2E0; font-size: 8pt; font-family: tahoma; margin-bottom: 3px;}

textarea {font-family: verdana; font-size: 100%; border: 1px solid #D2D1CF; margin-bottom: 3px; border-left: 1px solid #9F9C97; border-top: 1px solid #9F9C97; padding: 4px; background-color: #F6F5F3; margin-bottom: 4px;}
textarea.orange {font-family: verdana; font-size: 100%; padding: 4px; margin-bottom: 3px; background-color: #FCF2E0; margin-bottom: 4px;}