body {
margin: 0 8%;
padding: 0;
background: #cedced url(/bilder/hintergrund_verlauf.gif) repeat-x;
color: #000;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 100%;
}
#hintergrund_streifen {
margin: 0;
padding: 20 0px;
background: transparent url(/bilder/hintergrund_streifen.gif) 167px repeat-y;
height: 100%;
}

/* ----------------- Layout-Klassen ----------------- */
.clear {
clear: both;
}
.top {
background-color: #eee;
width:100%;
float:right;
}
#unten {
background-color: #eee;
padding: 1.5em 0 1em 220px;
background-image:url(/bilder/schatten_horizontal_unten.gif);
background-repeat: no-repeat;
text-align:center;
}
.wrapper {
background-color: #eee;
border: 1px solid #336BB2;
}
.outer {
margin-left: 220px;
border-left: 1px solid #eee;
}
.center {
float: right;
width: 100%;
margin-left: -1px;
background: #fff url(/bilder/schatten_vertikal.gif) top left repeat-y;
}
.links {
float: left;
position: relative;
background-color: #eee;
width: 219px;
margin-left: -221px;
margin-right: 2px;
}
/* previene allargamento floats in IE/Mac \*//*/
.in_links, .incenter {
	width: 100%;
	overflow: hidden;
}
/**/
* html .center {
	margin-left: 0;
}
* html .links {
	margin-right: 1px;
}
/*\*/
* html .outer, * html .wide, * html h2 {
	height: 1px;
}
/**/
.outer {
	word-wrap: break-word;
}
#logo a {
display: block;
height: 110px;
width: 270px;
background: #eee url(/bilder/bsnf_logo.gif) top left no-repeat;
}
#logo a:hover {
background-color: transparent;
}
#schatten_oben {
height: 7px;
background: url(/bilder/schatten_horizontal.gif) top left no-repeat;
}

/* ------------------------Sonstige Klassen + IDs ------*/

.unsichtbar {
position: absolute;
left: -1000px;
top: -1000px;
width:0px;
height: 0px;
overflow:hidden;
display:inline;
}
a.intern {
background: url(/bilder/intern_icon.gif) no-repeat right;
padding: 0 20px 0 4px;
}
a.intern:hover {
background: url(/bilder/intern_icon_hover.gif) no-repeat right;
padding: 0 20px 0 4px;
}
a.nachoben {
background: transparent url(/bilder/nach_oben.gif) 100% 50% no-repeat;
padding-right: 17px;
}
a.nachoben:hover {
background: #336bb2 url(/bilder/nach_oben_hover.gif) 100% 50% no-repeat;
padding-right: 17px;
color: #fff;
text-decoration: none;
}
a.extern {
background: transparent url(/bilder/externer_link.gif) 100% 50% no-repeat;
padding-right: 17px;
}
a.extern:hover {
background: #336bb2 url(/bilder/externer_link_hover.gif) 100% 50% no-repeat;
padding-right: 17px;
color: #fff;
text-decoration: none;
}
.nachlinks {
float: left;
margin: 0 16px 0 16px;
}
.nachrechts {
float: right;
margin: 0 16px 0 16px;
}

/* ----------------------- Tags ------------------*/

img {
border:0;
}
h1 {
margin: 0.8em 16px 0.8em 16px;
border-top: 1px solid #336bb2;
border-bottom: 1px solid #336bb2;
font-size: 1.4em;
padding: 3px 0 3px 28px;
background: #fff url(/bilder/ueberschrift_hintergrund.gif) left no-repeat;
}
h2 {
font-size: 1.2em;
}
h3 {
margin-top: 1em;
padding-top: 0.8em;
border-top: 1px solid #336bb3;
font-weight: bold;
}
p, h2, h3, div.incenter ul, div.incenter ol, table{
margin: 0 16px 0.8em 20px;
}
div.incenter ul {
list-style-image:url(/bilder/liste_hintergrund.gif);
padding-left: 2em;
}
div.incenter ol {
padding-left: 2em;
}
a:link, a:visited {
color: #336BB2;
}
a:hover, a:active {
color: #fff;
background-color: #336bb2;
text-decoration: none;
}
a:hover img {
background-color: #fff;
}
.minwidth {
min-width: 650px;
}
* html .minwidth {
border-left: 650px solid #fff;
}
* html .wrapper {
margin-left: -650px;
position: relative;
}
/*\*/
* html .minwidth, * html .wrapper {
height: 1px;
}
/**/

/* ------------------ Styleswitcher ---------------*/

#toolbox {
float: right;
text-align: right;
font-size: 0.8em;
font-weight: bold;
color:#666;
}
#toolbox img {
vertical-align: middle;
}
p.ueber_toolbox {
padding-top: 22px;
}
p.unter_toolbox {
padding: 0.5em 0 0.5em 0;
border-top: 1px solid #336BB2;
}

/* ------------------ Linke Navi -------------------- */

#navcontainer {
width: 100%;
padding: 0;
margin: 0;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight: bold;
background-color: #eee;
color: #336BB2;
}
#navcontainer ul {
list-style: none;
margin-top: 0;
margin-left: 0;
padding: 0;
}
#navcontainer li {
margin: 0;
border-bottom: 1px solid #336BB2;
}
#navcontainer li a {
display: block;
padding: 5px;
border-left: 30px solid #eee;
background-color: #eee;
color: #336BB2;
text-decoration: none;
width: 100%;
}
#navcontainer li a.aktiv1,
#navcontainer li a.aktiv1:hover {
background-color: #cedced;
color: #DC0030;
border-left: 30px solid #336BB2;
}
#navcontainer li li a.aktiv2,
#navcontainer li li a.aktiv2:hover {
background-color: transparent;
color: #dc0030;
border-left: 30px solid #eee;
}
.erstes {
border-top: 1px solid #336BB2;
}
html>body #navcontainer li a {
width: auto;
}
#navcontainer li a:hover {
border-left: 30px solid #99B5D9;
background-color: #336BB2;
color: #fff;
}
#navcontainer li li {
margin: 0;
border-bottom: 0;
}
#navcontainer li li a {
display: block;
padding: 5px 5px 5px 30px;
border-left: 30px solid #eee;
background-color: #eee;
color: #336BB2;
text-decoration: none;
width: 100%;
}

/*-------------------Untere Navi -------------*/

#nav_unten {
margin: 0;
padding: 2px 0;
}
#nav_unten li {
display: inline;
list-style-type: none;
padding-left: 30px;
}
#nav_unten a:link, #nav_unten a:visited {
color: #336BB2;
background-color: transparent;
}
#nav_unten a:hover, #nav_unten a:active {
color: #fff;
background-color: #336bb2;
text-decoration: none;
}

/*-----------------Formular---------------------*/

label.form_links {
float: left;
text-align: right;
width: 17em;
margin-right: 0.5em;
line-height: 100%;
}
input[type=text],
select {
float: left;
}
form br {
clear: both;
}
label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit] {
cursor:	pointer;
}
input[type=checkbox] {
margin: 5px 1px;
}
form {
line-height: 160%;
font-size: 90%;
}
select, input, textarea {
border: 1px #666 solid;
color: #000;
background: #eee;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
padding: 1px;
margin: 1px;
}
select {
font-size: 90%;
}
input:focus, textarea:focus {
border: 1px #DC0030 solid;
color: #000;
background: #fff;
}
input[type=submit] {
border: 4px #DC0030 outset;
font-size: 90%;
}
.muss {
color: #DC0030;
font-weight: bold;
}