body{background:url(./images/background.gif) White; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:8pt;text-align:justify;}

/* ---- Frame ---- */
div#TSframe{width:960px;position:relative; margin:0 auto;}
div#TStop1{position:relative; width:960px; height:25px; background:#0158A5;}
div#TStop2{position:relative; width:960px; height:150px; background:url(./images/topimage1.jpg) no-repeat White;}
div#TStop3{position:relative; width:960px; height:25px; background:#0158A5;border-bottom:2px solid White;}
div#TSmiddle{position:relative;background:url(./images/main_bg.gif) repeat-y White;border-top:1px solid #0158A5;width:100%;/*overflow:hidden;margin-top:-14px;*/}
div#TSbottom{position:relative;width:960px;height:30px;background:#0158A5;}
div#TSleft{float:left;width:195px;margin:0 5px;z-index:40;}
div#TScenter{position:static; padding-left:205px; padding-right:205px;min-height:300px;z-index:20;}
div#TScenter div#TScontent{margin:0 5px;padding-bottom:30px;}
div#TSright{float:right;width:195px;margin:0 5px;z-index:40;}

/* ---- Menu ---- */
ul.menulevel1,ul.menulevel2,ul.menulevel3,ul.submenu,ul.search{padding-left: 0;	margin-left: 0;	list-style: none;text-align:left;}
ul.sitemaplevel1,ul.sitemaplevel2,ul.sitemaplevel3{padding-left: 0;margin-left: 12px;list-style: none;}
li{line-height: 1.5;}
.menulevel2 li.doc{padding-left: 18px;background-image: url(menu/doc.gif);background-repeat: no-repeat;}
.menulevel2 li.docs{padding-left: 18px;background-image: url(menu/docs.gif);background-repeat: no-repeat;}
.menulevel2 li.sdoc{padding-left: 18px;background-image: url(menu/sdoc.gif);background-repeat: no-repeat;}
.menulevel2 li.sdocs{padding-left: 18px;background-image: url(menu/sdocs.gif);background-repeat: no-repeat;}
.sitename{font-weight: normal;font-size: 20pt;letter-spacing: 1px;}
.menulevel1,.menulevel2,.menulevel3,.locator,.navigator,.sitemaplevel1,.sitemaplevel2,.sitemaplevel3,.submenu{font-weight: normal;font-size: 8pt;color: #000000;}
.menulevel1 a:link,.menulevel1 a:visited,.menulevel1 a:active,.menulevel1 a:hover,.menulevel2 a:link,.menulevel2 a:visited,.menulevel2 a:active,.menulevel2 a:hover,.menulevel3 a:link,.menulevel3 a:visited,.menulevel3 a:active,.menulevel3 a:hover,.locator a:link,.locator a:visited,.locator a:active,.locator a:hover,.navigator a:link,.navigator a:visited,.navigator a:active,.navigator a:hover,.sitemaplevel1 a:link,.sitemaplevel2 a:link,.sitemaplevel3 a:link,.sitemaplevel1 a:visited,.sitemaplevel2 a:visited,.sitemaplevel3 a:visited,
.sitemaplevel1 a:active,.sitemaplevel2 a:active,.sitemaplevel3 a:active,.sitemaplevel1 a:hover,.sitemaplevel2 a:hover,.sitemaplevel3 a:hover,.submenu a:link,.submenu a:visited,.submenu a:active,.submenu a:hover{text-decoration: none;}

/* ---- H1-Menu ---- */
#navlist li {float: left;margin: 0px;/*padding-right: 5px;	padding-left: 15px;*/display: inline;list-style-type: none;text-decoration: none;font-weight:bold;/*color: #ff9933;*/}
#navlist ul {float: left;margin: 1px 0 0 0;}
#navlist ul a:active{color: white;text-decoration: none;}
#navlist ul a:link{color: white;text-decoration: none;}
#navlist ul a:visited{color: white;text-decoration: none;}
#navlist ul a:hover{color: #000000;}

/* ---- 1st Level Navigation mit Buttons ---- */
div#navlist { /* schiebt die MenüLeiste hin und her  */padding-left: 15px;}

#subnav {text-align:left;}

.menulevel1 li.doc a, .menulevel1 li.docs a {display: block; display: inline-block;background-color: #0158A5; border-left:1px solid #0158A5; border-right: 1px solid #0158A5; padding: 1px 10px 2px 10px; line-height:20px; margin-top: 0px;/* definiert die Buttons, die angeklickt werden können */}
.menulevel1 li.sdoc, .menulevel1 li.sdocs {
display: block; display: inline-block;	background-color: #97A5D2; border-left:1px solid #97A5D2; border-right: 1px solid #97A5D2; padding: 1px 10px 2px 10px; color: #000; line-height:20px;/* definiert die Buttons, die angeklickt worden sind und jetzt inaktiv sind */}
.menulevel1 li.doc :hover, .menulevel1 li.docs :hover {background-color: #97A5D2; /*  definiert die Hintergrundfarbe eines Buttons beim HinüberHovern. */}

/* ---- Language Menu ---- */
div#TStop1 div#TSlanguagemenu{position:relative;float:left;width:100px;margin:7px 0 0 10px;}

/* ---- Search Box ---- */
form div#searchbox{position:relative;float:right;width:300px;text-align:right;margin:4px 10px 0;}
form div#searchbox input.text{border:none;}
form div#searchbox input.submit{border:none;}

/* ---- Breadcrumb Menu ---- */
div#TSlocator{position:relative;border-bottom:1px solid #bbb;height:20px;padding:5px 0 0 5px;}

/* ---- Image Menu ---- */
div#TSimagemenu{margin:10px 0 10px 20px;}

/* ---- Print/Top Menu ---- */
div#TSprintmenu{position:absolute;bottom:0px;width:540px;}
span#TSprintgraphic{position:relative;width:50px;float:left;}
div#TSprintmenu span#TStotopgraphic{position:relative;float:right;width:50px;text-align:right;}

/* ---- News Box ---- */
div#TSnews{font-weight:bold;text-align:center;margin-top:5px;}

/* ---- Misc ---- */
h1,h2,h3{font-size: 10pt;font-weight: bold;margin-bottom: 6px;color: #000000;}
h4{font-size: 10pt;font-weight: bold;margin-bottom: 6px;color: #000000;}
h5{font-size: 8pt;font-weight: bold;color: #000000;}
hr{height: 1px;border: solid #c0c0c0 0px;border-top-width: 1px;}
form{margin: 0;}
img{	border: 0;}
p{margin:0 0 8px 0;}
a:link,a:active,a:visited {color: #000000;}
a:hover{text-decoration: underline;color: #0057A4;}
div#TScontent a:link,div#TScontent a:active,div#TScontent a:visited,div.news a:link,div.news a:active,div.news a:visited{text-decoration: none;color: #000000;border-bottom:1px dotted #000;}
div#TScontent a:hover,div.news a:hover{text-decoration: none;color: #0057A4;border-bottom:1px dotted #0057A4;}
div#TScontent .steffensbilder a:link, div#TScontent .steffensbilder a:visited {border:0}
div.subinfo {font-size: 95%;color: #ffffff;text-align:center;padding-top:8px;}
div.subinfo a, div.subinfo a:link, div.subinfo a:visited, .subinfo a:active {text-decoration: none;color: #ffffff;}
div.subinfo a:hover {text-decoration: underline;color: #ffffff;}

/* ---- Clearfix ---- */
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

.lowenergy {}
.lowenergy:after {content:"NIEDRIGENERGIE"; margin-left:0.5em; background-color:#66CD00;color:white;font-size:small;font-weight: normal;}
#TStop3 .lowenergy:after {content:"\21D3"; margin-left:0.5em; background-color:#66CD00;color:white;font-size:small; font-weight: normal;}
#TSleft .lowenergy:after {content:"\21D3"; margin-left:0.5em; background-color:#66CD00;color:white;font-size:small;font-weight: normal;}