body { 
margin : 0 auto; 
padding : 0; 
background-color : #556082; 
background : #ffffff url(bilder/img01.jpg) repeat-x; 
font : normal 13px Tahoma, Arial, Helvetica, sans-serif; 
color : #666666; 
} 

h1, h2, h3 { 
margin : 0; 
padding : 0; 
font-family : Arial, Helvetica, sans-serif; 
color : black; 
} 

h2 { 
margin-bottom: 15px;
text-transform : uppercase; 
font-size : 18px;
color : #666666;
text-align:center;
} 

h3 { 
text-transform : none; 
letter-spacing : 2px; 
font-size : 14px; 
} 
 h6, h5, {
margin : 0;
padding : 0;
font-family : Arial, Helvetica, sans-serif;
color : black;
}

        h6 {
margin-top: 15px;
text-transform : uppercase;
font-size : 18px;
color : #666666;
text-align:center;
}

p, blockquote, ul, ol { 
line-height : 18px; 
text-align : justify; 
} 

blockquote { 
padding-left : 20px; 
background : #556082; 
} 

a { 

color : black;
border : none;
}
a img {
border : 0 none;
} 
a:hover { 
text-decoration : none; 
} 

#header { 
 width : 1150px;
height : 150px; 
margin : 0 auto; 
background : #556082;
background: url(bilder/banner.jpg) no-repeat center; 
} 

#header h1, #header h2 { 
font-weight : normal; 
color : #ffffff;

} 

#header h1 { 
float : left; 
padding : 0px 0 0 10px; 
font-size : 36px; 
} 

#header h2 { 
float : right; 
padding : 108px 0 0 0; 
font-size : 22px; 
text-align : center; 
}

#content {
clear : left; 
margin-top : 0px;
float : left;
margin-bottom:0px; 
padding : 0px; 
width: 700px;

} 
#main {
    margin: 0px auto;
    width: 800px;
}


#posts { 
 
width : 480px; 
} 

#linksunten {
padding-right:0px;
padding-left : 5px;
width:160px;

font-size:14px;
}
   


#links {
bottom:10px; 
width:80px;
text-decoration : none;
color:#666666;
clear : none;
padding-left: 20px;
font-size:14px;
} 

#links p {
    text-align:center;
    
}
#links ul { 
margin : 0; 
padding : 0; 
list-style : none;
line-height:30px;
} 
#links li ul { 
padding : 0px 0 10px 20px;
 
} 
#links li li {
        
    
    
 
} 
#links li a { 
text-decoration : none;
color:#666666;
font-weight:bold;
                   
             
} 
#links li a:hover { 
text-decoration : underline;
                            
} 
#links li i { 
font-style : normal; 
font-size : 12px;
                        
} 
#links li h2 { 
font-size : 14px; 
                
}

#breadcrumb {
    top:235px; left:0px;
    padding-bottom:10px;
    padding-left:20px;
    margin-bottom:0;
    text-align:left;
    
} 
#footer {

       
bottom: 0;
padding : 40px;
margin-top:auto;
margin-bottom:auto; 
background : #64748b;
border-top:2px solid black; 
} 
#footer p { 
text-align : center; 
color : white;
font-size:12px;
} 
.menu { 
font-family : verdana, sans-serif;
margin-left:auto;
margin-right:auto;
text-align:center; 
width : 1000px; 
position : relative; 
font-size : 14px; 
padding-bottom : 100px; 
z-index : 100; 
} 
.menu ul { 
padding : 0; 
margin : 0; 
list-style-type : none; 
} 
.menu ul li { 
float : left; 
position : relative;
text-align:center; 
} 
.menu ul li a, .menu ul li a:visited { 
display : block; 
text-decoration : none; 
color : white; 
width : 150px; 
height : 50px; 
 
background : url(bilder/img03.jpg);
padding-top:0px; 
padding-left : 10px; 
line-height : 50px;
} 
* html .menu ul li a, .menu ul li a:visited { 
width : 149px; 
width : 150px; 
} 
.menu ul li ul { 
display : none; 
} 
table { 
margin : -1px; 
border-collapse : collapse; 
font-size : 12px; 
} 
.menu ul li:hover a, .menu ul li a:hover { 
color : #8F8F8F; 
background :; 
} 
.menu ul li:hover ul, .menu ul li a:hover ul { 
display : block; 
position : absolute; 
top : 50px; 
margin-top : 0px; 
left : 0; 
width : 150px; 
} 
* html .menu ul li a:hover ul { 
margin-top : 0; 
margin-top : 0; 
} 
.menu ul li:hover ul li ul, .menu ul li a:hover ul li a ul { 
visibility : hidden; 
position : absolute; 
height : 0; 
width : 0; 
} 
.menu ul li:hover ul li a, .menu ul li a:hover ul li a { 
display : block; 
background :url(bilder/img03.jpg); 
color : white; 
height : 50px; 
line-height : 50px; 
padding : 0px 10px; 
width : 150px; 
} 
* html .menu ul li a:hover ul li a { 
width : 150px; 
width : 150px; 
} 
.menu ul li:hover ul li a.drop, .menu ul li a:hover ul li a.drop { 
background:url(bilder/img03.gif); 
} 
.menu ul li:hover ul li a:hover, .menu ul li a:hover ul li a:hover { 
background :url(bilder/img03.gif); 
 
} 
.menu ul li:hover ul li:hover ul, .menu ul li a:hover ul li a:hover ul { 
visibility : visible; 
position : absolute; 
left : 150px; 
top : 50px; 
width : 150px; 
} 
.menu ul li:hover ul li:hover ul.left, .menu ul li a:hover ul li a:hover ul.left { 
left : -150px; 
}



.TKOPF{
    
    color:black;
    font-size:150%;
    font-weight:bold;
     
   
   width:100%;
   margin-top:20px;
   margin-bottom:5px;
  
  }
.EVENT { 
   color:black;
   border:1px solid #808080; 
   background-color:#f6f6f6;
   width:100%;
   margin-top:5px;
   margin-bottom:5px;}

.TZEILE1 {}
.TZEILE2{background-color:#f0f0f0;}
.TZEILESPECIAL{color:#009900;border:1px solid #990000; }
.TZEILEIMPORTANT{color:#990000;border:1px solid #009900; }


.EVENT p, .EVENT ul { 
margin: 0;
}

.column {
float:left;
padding:0pt 25px 0pt 0pt;
width:29%;
}
.clearfix {
clear:both;
display:block;
}

/*Modul Bild und Text*/
.centertab {margin-right: auto;
            margin-left: auto;
	margin-top:10px;}
		

.bildtext { margin: 0px;
margin-top:10px;
            padding: 0px;
            font-size: 10px;
		text-align: justify;}
.imgleft {float: left;
margin-top:10px;
          margin-right: 20px;}
          
.imgright {float: right;
margin-top:10px;
          margin-left: 20px;}

.stopleft {clear: left;}

.stopright {clear: right;}
	 
.bildtext2 {margin-top:10px;
	text-align: justify;}
	
	
	           .daten { 
	width: 100%;
	border-collapse: collapse;
	font-size: 0.9em;
	line-height: 1.2em;
	margin-bottom: 10px;
}

.daten caption { 
	margin-top: 30px;
	padding: 8px;
	font-size: 1.1em;
	font-weight: bold;
	color: #fff;
	background-color: #005aab;
	border: 1px solid #005aab;
}

.daten td { 
	border: 1px solid #005aab;
	padding: 3px;
	text-align: center;
	vertical-align: middle;
}

.daten th { 
	border: 1px solid #005aab;
	padding: 8px 3px;
	text-align: center;
	vertical-align: middle;
	background-color: #e5eef6;
	font-weight: bold;
	color: #ed1846;
}

.daten .subtitle td { 
	padding: 8px 3px;
	background-color: #e5eef6;
	font-weight: bold;
}

.daten tfoot td { 
	padding: 8px;
	background-color: #e5eef6;
}
  
.teaser2   {
    clear : left;
    margin-top : 0px;
    float : left;
    margin-bottom:0px;
    padding : 0px;
    width: 690px;
}
   /* 
  Beispiel:
  Überschrift linksbündung, gross
  Fusszeile rechtsbünding, kleiner
  alternierende Zeilen, 
  erste Spalte Fett,
  zweite Spalte gerader Zeilen grösser und grün (das ist wirklich nur ein Beispiel.)
*/
table.csv {
    color:black;
    background-color:#808080;
}
table.csv caption {
    text-align:left;
    font-size:150%;
    font-weight:bold;
}
table.csv tfoot {
    text-align:right;
    font-size:smaller;
}
table.csv tr.odd {
  background-color:#e0e0e0;
}
table.csv tr.even {
  background-color:#ffffff;
}
table.csv .col1 {
  font-weight:bold;
}
table.csv tr.even td.col2
{
    
    color:black;
}

    /*Teaser Style*/
/*Style für Categorie Überschrift
*/
.dl.teasercat { color: #666; font-size: 14px; font-family: arial; font-weight: bold; background-color: #ccc; text-indent: 12px; padding: 3px; }
dl.teasercat a { color: #900; font-weight: bold; text-decoration: none; }
/*Style für Artikel Übersicht*/
dl.teaserart { background-color: #e9e8e8; height: 20%; margin: 15px 0; padding: 15px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
dl.teaserart a { color: blue; }
dl.teaserart:after { 
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
dl.teaserart dt { margin: 0 0 0.5em; font-family: arial; font-size: 14px; color: gray; }
/*Style des Pics*/
dl.teaserart dt img { 
float: left;
margin: 0 15px 0 0;
padding: 0 0px 0px 0;
}
/*Sytle des Description Feldes*/
dl.teaserart dd { 
margin-left: 0px;
font-size: 11px;
line-height: 13px;
color: #666; 
}
 
       .ns_newsEntry
{   
}

.ns_newsHeadline
{
     margin : 0;
padding : 0;
font-family : Arial, Helvetica, sans-serif;
color : black;
text-transform : none;
letter-spacing : 2px;
font-size : 14px;
}

.ns_HeadlineLeft
{
  font-weight:bold;    
}

.ns_HeadlineRight
{
   
}

.ns_body
{
}

.ns_MoreLink
{
}
#diagramm {
	font-size: 11px;
	margin: 0;
	float: left;
	display: block;
	padding: 0;
}

#graph {
	float: left;
	position: relative;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	padding-bottom: 2px;
	background-color: #e5e5e5;
	margin-right: 0;
}

.bar {
	position: absolute;
	bottom: 0;
	background-color: orange;
	z-index: 10;
	opacity: 1;
	display: block;
	width: 20px;
}

.bar span {
	font-size: 11px;
	display: block;
	margin-top: -16px;
	opacity: 1;
	width: 20px;
	text-align: center;
}

.paid span {
	font-size: 11px;
	display: block;
	margin-top: -16px;
	opacity: 1;
	width: 20px;
	text-align: center;
	color: black;
}

.paid {
	background-color: #677ffe;
	position: absolute;
	bottom: 0;
	margin-left: 5px;
	width: 20px;
}

.einheit {
	margin-top: -7px;
	display: block;
	float: right;
}

.werte {
	font-size: 11px;
	padding-bottom: 0;
	margin-left: 5px;
	margin-top: -7px;
	float: left;
	position: relative;
	top: 0;
}

.werte div:before {
	content: "– ";
}

.werte div {
	margin-top: 0;
}

.werte div.null {
	margin-left: 12px;
}

.date {
	bottom: 0;
	margin-top: 0;
	z-index: 15;
	float: left;
	margin-left: 5px;
	color: black;
}

.date div {
	text-align: center;
	float: left;
}

*html .date {
	bottom: 0;
	margin-top: -12px;
	z-index: 15;
	float: left;
	margin-left: 1px;
	color: black;
}

*html .einheit {
	margin-left: 5px;
	margin-top: -4px;
	display: block;
	float: right;
}

*html .werte div {
	margin-top: -4px;
	margin-bottom: 4px;
}

*html .bar span {
	font-size: 11px;
	display: block;
	opacity: 1;
	width: 20px;
	text-align: center;
	position: relative;
}

*html .paid span {
	font-size: 11px;
	display: block;
	opacity: 1;
	width: 20px;
	text-align: center;
	color: black;
	position: relative;
}
