/* CSS Document */





/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ 


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, 
address, big, cite, code, del, dfn, 
em, img, ins, kbd, q, s, samp, small, strike, sub, strong, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, table, 
caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, 
header, hgroup, menu, nav, output, ruby, 
section, summary, time, mark, audio, video {


	font-size: 100%;
	margin: 0;
	padding: 0;
		}


/* HTML5 display-role reset for older browsers */ 


html {
overflow-y: scroll;
}



 /*Fonts*/
 
 /* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-v18-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto'), local('Roboto-Regular'),
       url('../fonts/roboto-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v18-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/roboto-v18-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Roboto Italic'), local('Roboto-Italic'),
       url('../fonts/roboto-v18-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v18-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v18-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v18-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v18-latin-italic.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-slab-regular - latin */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-slab-v7-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto Slab Regular'), local('RobotoSlab-Regular'),
       url('../fonts/roboto-slab-v7-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-slab-v7-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-slab-v7-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-slab-v7-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-slab-v7-latin-regular.svg#RobotoSlab') format('svg'); /* Legacy iOS */
}

/* roboto-slab-700 - latin */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto-slab-v7-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Roboto Slab Bold'), local('RobotoSlab-Bold'),
       url('../fonts/roboto-slab-v7-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-slab-v7-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-slab-v7-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-slab-v7-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-slab-v7-latin-700.svg#RobotoSlab') format('svg'); /* Legacy iOS */
}


figure {
  display: inline-block;
  position: relative;
  margin: 5px 0px 5px 0px;
  padding-left: 0px;
  padding-right:0px;
  width: auto;
  
  background: transparent;
}

figure img {
  
}
 
 figure img.klein {

width: 250px;
height: 167px;
  float: left;
   box-shadow: none;
 }
 
 figure[data-wf-figure] {
  display: inline-block !important;
  margin-block-start: inherit;
  margin-block-end: inherit;
  margin-inline-start: inherit;
  margin-inline-end: inherit;
}

figcaption {
  padding-top: 8px;
  text-align: left;
  font-style: italic;
font-size: 0.9em;
width: 100%;
}

p.img_caption {
padding-top: 8px;
  text-align: left;
  font-style: italic;
font-size: 0.9em;
width: 100%;
}

figure[data-wf-figure] figcaption {
  display: block !important;
  caption-side: bottom;
}

article, aside, details, footer, header, hgroup, menu, nav, section {
	display: block;
}


html {
	height: 100%;
}


img {
  max-width: 100%; 
  height: auto;
  
}

img.textsymbol {
  max-width: 100%; 
  height: auto;
  padding-top: -5px;
  
}


img.rahmen {
  max-width: 100%; 
  height: auto;
  border: 1px solid #000;
  padding:4px;
  
}

ul {
font-family: 'Roboto', sans-serif;;
	list-style: none;
}

#incontent ul {
font-family: 'Roboto', sans-serif;
 color: #000000;
 list-style: url(../images/menubutton4.gif);
 }
 
#incontent ul a:link {
   font-family: 'Roboto', sans-serif;
 color: #c00b46;
 list-style: url(../images/menubutton4rot.gif)!important;
 }


tr,td,p,div
{
	font-family: 'Roboto', sans-serif;;
	font-size: 1em;
line-height: 1.6;
	}


blockquote, q {
	quotes: none;
}


blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}


body.mceContentBody {
color: #000;
background-color: #FFFFFF !important; 
background-image: none;
}

.pagination  {
margin-top: 20px;
  text-align: center !important;
  }
  
  .pagination ul li {
  display: inline;
  padding-left: 10px;
  }
  
  .hasTooltip pagenav {
display: none;
}

.tooltip fade top in {
display: none;
}


/*Schaltet die Silbentrennung bei modernen Brwosern ein*/

body {
-webkit-hyphens: auto;
-o-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
word-wrap:break-word;
hyphenate-limit-chars: auto 3;
hyphenate-limit-lines: 3;
}


/*Schaltet die Silbentrennung aus*/
 
.ganzeswort {
 white-space: nowrap;
 }
 
 
 hr {
border: 0;
max-width: 420px;
height: 4px;
background-color: #acc5c5;
}

 
 table.qmthermo  {
/* border-collapse: collapse;*/
width: 103%;
border-spacing: 1.5px;
margin: 0px 10px 0px 0px;
}

.qmthermo caption {
text-align:left;
font-size:10pt;
background-color: transparent;
margin: 0px 0px 0px 0px;
padding: 2px 10px 2px 10px;
}

.qmthermo h1 {
text-align:middle;
font-size:9pt;
font-weight:bold;
color:#ffffff;
background-color: #6c99ab;
margin: 0px 0px 0px 0px;
padding: 4px 2px 2px 2px;
}

.qmthermo tr:nth-child(1) {
background-color: #6c99ab !important;

}

.qmthermo tr:nth-child(n+1) {
background-color: #6c99ab !important;
}

.qmthermo td:nth-child(1) {
background-color: #eff8fe !important;
max-width:180px;
width: 20%;
}

.qmthermo td:nth-child(2) {
background-color: #f8f8f8 !important;
width: 20%;
}

.qmthermo td:nth-child(3) {
background-color: #e5eff2 !important;
width: 48%;
}

.qmthermo td:nth-child(4) {
background-color: #f3f3f3 !important;
width: 12%;
}
	
table.thermointro  {
/* border-collapse: collapse;*/
width: 100%;
margin: 0px 10px 0px 0px;
background-color: #f1d8c1;
text-align: left;
padding-left: 30px;
border-spacing: 20px;
}
 
 .thermointro h3 {
text-align:right;
font-size:1.3em;
line-height: 1.6;
font-weight:bold;
color:#af8d55;
margin: 0px 0px 20px 0px;
padding: 4px 2px 10px 2px;
}

.thermointro img {
  max-width: 100%; 
  min-width: 300px;
  height: auto;
    padding:4px;
	vertical-align: top;
  }
  
 .thermointro td:nth-child(1) {
background-color: #eff8fe !important;

}

.introspalten {
column-count: 4; // Mach 4 Spalten
  column-gap: 2rem; // Abstand zwischen den Spalten
  column-rule: 1px solid lightgray;  // Trennlinie zwischen den Spalten
}

 /*****************custom joomla styling for pages*********************/

#map96 {
    height: 400px;
	width: 500px;
}


a:link,a:visited
{
font-family: 'Roboto', sans-serif;;
color:#764079;
text-decoration:none;
}

 a:link.external,a:visited.external 
{
color:#764079;
text-decoration:none;
background:url(../images/external_link.svg) right no-repeat;
padding-right: 22px;
}

#incontent a:link,a:visited
{
color:#c00b46;
text-decoration:none;
}


a:hover
{
color:#B07676;
text-decoration:underline;
}


.mosimage {
  border: 1px solid #972626;
  margin: 30px
}


.mosimage_caption {
margin-top: 2px;
padding: 1px 2px;
color: #972626;
font-size: 10px;
border-top: 1px solid #972626;
}

hr {
width:  90%; 
 }

hr.separator {
width:  40%; 
 }

a.pnav {
margin-left: 20px;
}


.pnav:hover {
}

.small {
font-size: 11px;
color: #B07676;
}

.smalldark {
font-size: 11px;
color: #B07676;
height: 10px;
line-height: 10px;
text-align: left;
}

.sectiontableentry1 {
text-align: left;
font-size: 11px;
padding: 2px;
}

.sectiontableentry2 {
font-size: 11px;
text-align: left;
padding: 2px;
}
.button {
border: 1px solid #B12E36;
}

.inputbox {
width: 100%;
height: 40px;
border: 2px solid #6c99ab;
}

.createdate {
font-size: 10px;
color: #B12E36;
height: 10px;
}

.modifydate {
font-size: 11px;
color: #B12E36;
height: 20px;
line-height: 20px;
margin-bottom: 5px;
}

a.readon {
font-size: 12px;
text-decoration: none;
line-height: 15px;
text-decoration: none;
font-weight: normal;
}

.items-more {
font-size: 11px;
}

a.readon:hover {
text-decoration: none;
}

.blog {
width: 100%;
}

h1 {
font-weight: bold;
font-size:1.4em;
color: #6c99ab;
margin-bottom: 10px;
}

h2,.contentheading {
font-family: 'Roboto', sans-serif;;
font-size: 1.4em;
font-weight: bold;
color: #eb6433;
padding-left:0px;
margin-bottom: 20px;
}

.contentpaneopen {
text-align: left;
font-size: 12px;
background: transparent;
}

table.contentpane td.contentheading {
font-weight: bold;
font-size: 12px;
height: 16px;
line-height: 20px;
border: none;
}

table.contentpane ul {
margin: 0px;
padding: 0px;
list-style: none;
}

table.contentpane ul li{
padding: 0px;
margin: 0px;
padding-left: 10px;
}

.contentdescription {
font-size: 12px;
}

h1 {
color:#acc5c5;
height:1.6 em;
font-size:1.2px;
margin-left: 0px;
padding-top:2px;
font-weight:bold;
}

h1,.contentheading {
color:#acc5c5;
height:1.6 em;
font-size:1.2px;
margin-left: 0px;
padding-top:2px;
font-weight:bold;
}

h3,.contentheading {
color:#174A0C;
height:30px;
font-size:11px;
margin-left: 0px;
padding-top:2px;
font-weight:bold;
}

.contentpaneopen {
text-align: left;
color:#174A0C;
font-size: 12px;
padding-left:10px;
}

table.contentpane td.contentheading {
text-align:left;
background:url(../images/mod_r_th2.jpg) no-repeat;
height:16px;
color:#ffffff;
font-size:11px;
padding-left:5px;
padding-top:2px;
font-weight:bold;
}

table.contentpagetitle {
text-align:left;
background:url(../images/mod_r_th2.jpg) no-repeat;
height:16px;
color:#ffffff;
font-size:11px;
padding-left:5px;
padding-top:2px;
font-weight:bold;
text-decoration:underline;
}

table.contentpane ul {
margin: 0px;
padding: 0px;
list-style: none;
}

table.contentpane ul li{
padding: 0px;
margin: 0px;
padding-left: 10px;
}

.contentdescription {
text-align:left;
background:url(../images/mod_r_th2.jpg) no-repeat;
height:16px;
color:#ffffff;
font-size:11px;
padding-left:5px;
padding-top:2px;
font-weight:bold;
}

.sectiontableheader {
margin-top: 20px;
font-weight: bold;
font-size: 14px;
height: 16px;
color:#6c99ab;
background-color:#cdebeb;
}

.categorytitle {
font-weight: normal;
font-size: 12px;
height: 16px;
line-height: 25px;
}

h3,.componentheading {
font-size: 1.095em;
color: #697b88;
padding-bottom: 10px;
}

h2,.componentheading {
font-family: 'Roboto', sans-serif;;
font-size: 1.6em;
font-weight: bold;
color: #af8d55;
padding-left:0px;
margin-bottom: 20px;
}

input    { 
border: 1px solid #0E67A1;
padding: 4px;
margin-top:4px;
 }

a.category { 
 }

a.category:hover {
text-decoration:  underline; 
}

.poll {
text-align: left;
border:0px solid #FFFFFF;
}

.back_button a{
font-size: 10px;
font-weight: normal;
}

.blogsection {
font-size: 10px;
}

.items-more ul li{
list-style: none;
padding-left: 14px;
line-height: 18px;
}

table.contenttoc {
margin-left: 20px;
margin-bottom: 15px;
border: 1px solid #972626;
padding: 3px;
}

table.contenttoc th{
font-weight: bold;
font-size: 10px;
border-bottom: 1px solid #972626;
}

form {
margin: 0px;
padding: 0px;
}


.leading-0 {
display: block;
width: 100%;
height: auto;
font-weight: normal;
border-bottom: 3px solid #acc5c5;
padding-bottom: 40px;
box-sizing: border-box;
}

.leading-1 {
width: 100%;
height: 120%;
font-weight: normal;
padding-top: 10px;
border-bottom: 3px solid #acc5c5;
padding-bottom: 40px;
margin-bottom: 10px;
}

.leading-2 {
width: 100%;
font-weight: normal;
padding-top: 10px;
border-bottom: 3px solid #acc5c5;
padding-bottom: 40px;
margin-bottom: 10px;
}

.leading-3 {
width: 100%;
font-weight: normal;
padding-top: 10px;
border-bottom: 3px solid #acc5c5;
padding-bottom: 40px;
margin-bottom: 10px;
}

.leading-4 {
width: 100%;
font-weight: normal;
padding-top: 10px;
border-bottom: 3px solid #acc5c5;
padding-bottom: 40px;
margin-bottom: 10px;
}

.leading-5 {
width: 100%;
font-weight: normal;
padding-top: 10px;
border-bottom: 3px solid #acc5c5;
padding-bottom: 40px;
margin-bottom: 10px;
}

.leading-6 {
width: 100%;
font-weight: normal;
padding-top: 10px;
border-bottom: 3px solid #eacc5c5;
padding-bottom: 40px;
margin-bottom: 10px;
}

.leading-7 {
width: 100%;
font-weight: normal;
padding-top: 10px;
border-bottom: 3px solid #acc5c5;
padding-bottom: 40px;
margin-bottom: 10px;
}

.leading-8 {
width: 100%;
font-weight: normal;
padding-top: 10px;
border-bottom: 3px solid #acc5c5;
padding-bottom: 40px;
margin-bottom: 10px;
}

.leading-9 {
width: 100%;
font-weight: normal;
padding-top: 10px;
border-bottom: 3px solid #acc5c5;
padding-bottom: 40px;
margin-bottom: 10px;
}

.leading-10 {
width: 100%;
font-weight: normal;
padding-top: 10px;
border-bottom: 3px solid #acc5c5;
padding-bottom: 40px;
margin-bottom: 10px;
}

.leading-11 {
width: 100%;
font-weight: normal;
padding-top: 10px;
border-bottom: 3px solid #acc5c5;
padding-bottom: 20px;
margin-bottom: 10px;
}

.leading-12 {
width: 100%;
font-weight: normal;
padding-top: 10px;
border-bottom: 3px solid #acc5c5;
padding-bottom: 20px;
margin-bottom: 10px;
}

.leading-13 {
width: 100%;
font-weight: normal;
padding-top: 10px;
border-bottom: 3px solid #acc5c5;
padding-bottom: 20px;
margin-bottom: 10px;
}

.leading-14 {
width: 100%;
font-weight: normal;
padding-top: 10px;
border-bottom: 3px solid #acc5c5;
padding-bottom: 20px;
margin-bottom: 10px;
}

.leading-15 {
width: 100%;
font-weight: normal;
padding-top: 10px;
border-bottom: 3px solid #acc5c5;
padding-bottom: 20px;
margin-bottom: 10px;
}

.leading-16 {
width: 100%;
font-weight: normal;
padding-top: 10px;
border-bottom: 3px solid #acc5c5;
padding-bottom: 20px;
margin-bottom: 10px;
}

.leading-17 {
width: 100%;
font-weight: normal;
padding-top: 10px;
border-bottom: 3px solid #acc5c5;
padding-bottom: 20px;
margin-bottom: 10px;
}

.leading-18 {
width: 100%;
font-weight: normal;
padding-top: 10px;
border-bottom: 3px solid #acc5c5;
padding-bottom: 20px;
margin-bottom: 10px;
}

.leading-19 {
width: 100%;
font-weight: normal;
padding-top: 10px;
border-bottom: 3px solid #acc5c5;
padding-bottom: 20px;
margin-bottom: 10px;
}

.leading-20 {
width: 100%;
font-weight: normal;
padding-top: 10px;
border-bottom: 3px solid #acc5c5;
padding-bottom: 20px;
margin-bottom: 10px;
}

.leading-1 hr {
width:  493px;
height: 5px;
border: none;
background: #acc5c5;
}

h2 a:link {
    font-family: 'Roboto', sans-serif;
font-size: 1.1em;
font-weight: bold;
color: #af8d55 !important;
padding-left: 0px;
padding-top: 20px;
margin-bottom: 20px;
}


/*some joomla! classes*/

.btn-group {
color: #ffffff;
}





.btn {
    border: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    background: #cdebeb;
    color: #6c99ab;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
	font-weight: bold;
    font-family: 'Roboto', sans-serif;
    line-height: 20px;
    outline: none;
   
    text-shadow: none;
    box-shadow: none;
    text-align: center;
    text-transform: uppercase;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.icon-search {
display: none;
}

.Tooltip {
visibility: none;
}

.item-separator { /* was in J! 1.5= .article_separator */
}

.items-more { /* was in J! 1.5= .blog_more */
}

/*[Print, PDF, Email] button in an article were before in td.buttonheading and are now in an unsorted list*/


#container ul.actions {
list-style: none;
float: right;
}


.actions li {
float: left;
margin-left: 5px;
}

#incontent ul {
padding-left:15px;
}

.anmelden #user1 {
width: 500px;
margin: auto;
z-index:1;
}


/*new*/


.print-icon {
}
.email-icon {
}

/*neu 2.5: new component finder */

.finder{
}

#finder-search {
}
form .finder label {
}

dl.search-results dd.result-url {
}

.finder .inputbox {
}

#topzwei form .finder {
}


/*new 2.5: article images */


.img-fulltext-left {
}

.img-intro-left {
}

.img-fulltext-right {
}

.img-intro-right {
}




/*****************Layout*********************/

 

body {
	max-width: 1920px;
	margin: auto;
		line-height: 1.5;
	text-align: left;
	background: #6c99ab;
	}


#topeins
{
height:20px;
width: 100%;
background-color: #6c99ab;
overflow: hidden;
}


#topzwei
{
width: 100%;
height:20px;
margin:0 auto;
background: #6c99ab;
}


#topdrei
{
height:auto;
max-width:1920px;
margin:0 auto;
padding-left: 105px;
display: -ms-grid;
display: grid;
    
  -ms-grid-columns:75% 5px 20%; 
  grid-template-columns:75% 22%; 
   grid-column-gap: 20px;
background-color: #6c99ab;
position: sticky;
top: 0px;
z-index:999;
border-bottom: 5px solid #af8d55;
}

#topdrei > *:nth-child(1)
{
-ms-grid-row:1;
-ms-grid-column:1;
}

#topdrei > *:nth-child(2)
{
-ms-grid-row:1;
-ms-grid-column:3;
}


.logobild {
float: right;
padding: 0px 20px 0px  20px;
}

#startbild {
  max-width: 1960px;
  margin: 0 auto;
  background: #ffffff;
    background-size: auto;
  background-size: auto;
  background-size: auto;
  background-size: contain;
}

#responsivemenu
{
height:0%;
width: 0%;
}


#container {
width: 100%;
background-color:#ffffff;
}


#left_outline
{
width:0px;
float: left;
margin-left:18px;
margin-top: 13px;
}

#left
{
width:0px;
display:inline;
}

#content {
display: flex;
justify-content: center;
align-items: center;
min-height: 350%;
height: auto !important;
width:100%;
margin: auto;
background:#ffffff;
}


#incontent {
float: left;
height: auto !important;
padding-bottom:5%;
padding-top: 20px;
max-width:80%;
margin-top:2.5%;
background:#ffffff;
z-index:1;
}



.hauptspalte1 {
float: left;
width: 180px;
height: 300px;
padding-bottom:5%;
padding-top: 20px;
margin-top:2.5%;
background:#ffffff;
}

.hauptspalte2 {
float: left;
width: 180px;
height: 300px;
padding-bottom:5%;
padding-top: 20px;
margin-top:2.5%;
background:#ffffff;
}

#footer
{
height:auto;
max-width:1920px;
margin:0 auto;
display: -ms-grid;
display: grid;
   -ms-grid-rows: 280px;
   grid-template-rows: 280px; 
 -ms-grid-columns:30% 40px 30% 40px 30%; 
 grid-template-columns:30% 30% 30% ; 
 grid-row-gap: 20px; 
  grid-column-gap: 40px;
background-color: #6c99ab;
}

#footer > *:nth-child(1)
{
-ms-grid-row:1;
-ms-grid-column:1;
margin-left: 40px;
}

#footer > *:nth-child(2)
{
-ms-grid-row:1;
-ms-grid-column:3;
}#footer > *:nth-child(3)
{
-ms-grid-row:1;
-ms-grid-column:5;
}

#footer1
{
grid-column-start:1; 
  grid-column-end:1; 
  grid-row-start:1; 
  grid-row-end:1; 
}

#footer2
{
 grid-column-start:2; 
  grid-column-end:2; 
  grid-row-start:1; 
  grid-row-end:1;
}

#footer3
{
height:auto;
max-width:25%;
margin:0 auto;
background-color: #6c99ab;
}

#logoleiste
{
height:40px;
max-width:1920px;
margin:0 auto;
background-color:#ffffff;
}



#right_outline
{
width:40%;
float: right;
margin-right: 15px;
margin-top: 2px;

}

#right
{
width:40%;
float: right;
}

/*************styling for some div containing modules and menus************************/

/***********topeins modules******************/


#topeins .moduletable
{

float:right;
margin-right:10%;
width:70%;
display:inline;
z-index: 500;

}


/***********style for topeins menu******************/


div#topeins ul
{
list-style: none;
float: right;
margin-right: 25%;
margin-top:1.2%;
font-weight:normal;
color:#000000;

}



div#topeins ul li 
{
float: left;
clear:right;
padding-left:14px;
line-height:100%;
}

div#topeins ul li a:link 
{
font-size:0.875em;
font-weight:normal;
color:#000000;
text-decoration:none;
}

div#topeins ul li a:visited
{
font-weight:normal;
color:#658f92;
text-decoration:none;
}

div#topeins ul li a:hover
{
color:#eaffff;
font-weight:normal;
text-decoration:none;
}


div#topeins ul li.current.active a {
color:#731818;
font-weight:normal;
text-decoration:none;
}

div#topeins .inputbox
{
font-size:11px;
width:140px;
color:#365873;
float:right;
margin-right:2px;
margin-top:138px;
border:1px solid #000000;
background:url(../images/searchfield.gif) 100% 100% no-repeat;
}

/***********topzwei modules******************/


#topzwei .moduletable
{
}


/***********topdrei modules******************/

#topdrei .moduletable
{
text-align: center;
padding-bottom: 10px;
}

div.modultable_menu {
display: flex;
align-items: center;
justify-content: center;
}

div#topdrei .moduletable
{

display: grid;
background-color: #6c99ab;
}



div#topdrei .menuspalte1
{
padding-top: 20px;
margin-left: 20px;
 grid-column-start:1; 
  grid-column-end:1; 
  grid-row-start:1; 
  grid-row-end:1; 
}

div#topdrei .menuspalte2
{
box-sizing: border-box;
padding-left: 20px;
 grid-column-start:2; 
  grid-column-end:2; 
  grid-row-start:1; 
  grid-row-end:1;
  }

div.modultable_menu {
display: flex;
align-items: center;
justify-content: left;
margin-left: 40px;
}

/***********style for topdrei menu******************/

/* hauptmenu  nav container */ 


/* hauptmenu  listen und links */ 

div#topdrei ul {
  margin: 0;
  padding-top: 10px;
  font-size: 16px;
}
 
div#topdrei a {
  display: block;
   color: #ffffff;
    text-decoration: none;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
}

/* hauptmenu  style listenelemente */ 

div#topdrei ul li {
  position: relative;
  float: left;
  color: #ffffff;
  list-style: none;
}
 
 
div#topdrei ul li a:hover
{
color: #b9cdd6;

text-decoration:none;
}

 
div#topdrei ul li a {
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 40px;
	
}

div#topdrei ul li.current.active a {
color:#acc5c5;

text-decoration:none;
}

div#topdrei ul li a:visited
{
font-weight:normal;
color:#ffffff !important;
text-decoration:none;
}

#srm_select_list {
    width: auto !important;
    max-width: none !important;
    border: none;
	color: #ffffff !important;
    -webkit-appearance: none;
	background: transparent;
	border: none;
	}



.srm_position {
    display: block !important;
	background:url(../images/arrow.gif) 0px 8px no-repeat;
}

.srmp_outer {
    cursor: pointer;
}

/* untermenu */ 

div#topdrei ul ul {
    position: absolute;
  top: -9999px;
  left: -9999px;
  text-align: left;
  color:#686868;
  background: #f1f1f1;
   box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.6);
   z-index: 999;
}
 
div#topdrei ul ul li {
    float: none;
    width: 200px;
	color:#686868;
	
  
}
 
div#topdrei ul ul li a {
text-align: left;
  color:#686868 !important;
  padding: 12px 25px;
 background:url(../images/menubutton4.gif) 12px 21px  no-repeat;
}

div#topdrei ul ul li a:visited {
text-align: left;
  color:#686868 !important;
  padding: 12px 25px;
 background:url(../images/menubutton4.gif) 12px 21px  no-repeat;
}

/* hauptmenu hover */ 

div#topdrei ul li:hover > ul {
text-align: left;
    top: 100%;
  left: 0;
   transition: opacity 0.5s;
}


/* untermenu hover */ 

div#topdrei ul ul li:hover > ul {
  top: 0;
  left: 200px;
  color:#74a4a7;
 
  }

div#topdrei ul ul li:hover a {
  color:#686868;
  text-align: left;
   background-color:#f8f8f8;
  }

div#topdrei ul ul li.current.active a {
color:#686868;
font-weight:bold;
text-decoration:none;
}

/* hauptmenu pfeil */ 

div#topdrei ul li.parent > a:after {
  position: relative;
  float: right;
  content: '';
  margin-left: 10px;
  margin-top: 5px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid  #6c99ab;;
  border-bottom: 5px solid transparent;
  color: #6c99ab;
}

/* untermenu pfeil */ 

div#topdrei ul ul li.submenu a:after {
  margin-left: auto;
  margin-right: -10px;
  border-left: 5px solid #fff;
  border-right: 5px solid transparent;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
   color: #6c99ab;
}

div#topdrei ul ul li:last-child {
  border-bottom: none;
}




/**************left modules******************/


#left .moduletable
{
width:140px;
}

/*************left side links and mainlevel links*****************/



#left ul li.item-101 a:link, #left ul li a:visited
{
color:#000000;
margin-top: 22px;
font-size:12px;
font-weight:normal;
text-decoration:none;
line-height: 1.5;
padding-left:12px;
padding-top: 10px;
background:url(../images/arrow.gif) 0px 8px no-repeat;
}

#left ul li.item-101 a:hover
{
color:#b42c36;
margin-top: 22px;
font-size:12px;
font-weight:normal;
text-decoration:none;
line-height: 1.5;
padding-left:12px;
padding-top: 10px;
background:url(../images/arrow.gif) 0px 8px no-repeat;
}


#left ul li.current.item-101 a { /* Aktiver Menüpunkt */
color:#b12e36;
margin-top: 22px;
font-size:12px;
font-weight:normal;
text-decoration:none;
line-height: 1.5;
padding-left:12px;
padding-top: 10px;
background:url(../images/arrow.gif) 0px 8px no-repeat;
}

#left ul li.item-101.current.parent.active a {
}

#left ul li.parent.active a { /* Aktiver Ober-Menüpunkt */
color:#000000;
font-size:12px;
font-weight:normal;
text-decoration:none;
line-height: 1.5;
padding-left:12px;
padding-top: 10px;
background:url(../images/arrow.gif) 0px 8px no-repeat;
}

#left ul li a:link, #left ul li a:visited
{
color:#000000;
font-size:12px;
font-weight:normal;
text-decoration:none;
line-height: 1.5;
padding-left:12px;
padding-top: 10px;
background:url(../images/arrow.gif) 0px 8px no-repeat;
}


#left ul li a:hover
{
color:#b42c36;
font-size:12px;
font-weight:normal;
text-decoration:none;
line-height: 1.5;
padding-left:12px;
padding-top: 10px;
background:url(../images/arrow.gif) 0px 8px no-repeat;
}


#left ul li.current a { /* Aktiver Menüpunkt */
color:#b12e36;
font-size:12px;
font-weight:normal;
text-decoration:none;
line-height: 1.5;
padding-left:12px;
padding-top: 10px;
background:url(../images/arrow_current.gif) 0px 8px no-repeat;
}


#left ul li.parent.active a { /* Aktiver Ober-Menüpunkt */
color:#000000;
font-size:12px;
font-weight:normal;
text-decoration:none;
line-height: 1.5;
padding-left:10px;
padding-top: 10px;
background:url(../images/arrow.gif) 0px 8px no-repeat;
}

/*****untermenu******/

#left ul li.current.parent.active ul li a {
color: #b42c36;
font-size:12px;
font-weight:normal;
text-decoration:none;
line-height: 1.5;
padding-left:16px;
background: transparent;
}

#left ul li.parent.active ul li a { /* Aktiver Unter-Menüpunkt */
color: #a41c1c;
font-size:12px;
font-weight:normal;
text-decoration:none;
line-height: 1.5;
padding-left:12px;
background: transparent;
}

#left ul li ul li.current a {
}

div#left .inputbox
{
font-size:11px;
border:1px solid #B12E36;
background-color:#FFFFFF;
color:#B12E36;
margin-bottom:10px;
}

div#left .button
{
color:#B12E36;
border:1px solid #B12E36;
font-size:10px;
background-color:#FFFFFF
}


/**************user1 modules******************/


div#user1 .moduletable
{
position:absolute; top:35px; left:25px; width:150px; height:150px;
      z-index:1; background-color:#ddf;
}


/*************user1 side links *****************/


div#user1 ul {
font-family:Arial;
font-size:12px;
color:#909090;
text-decoration:none;
margin:0;
padding-left:4px;
padding-right:4px;
}

/**************content style******************/



/**************user1 modules******************/


div#user1 .moduletable
{
width: 120px;
margin-top:30px;
}



/***********style for user1 links******************/


div#user1 .inputbox
{
font-size:11px;
border:1px solid #B12E36;
background-color:#FFFFFF;
color:#B12E36;
}


div#user1 .button
{
color:#B12E36;
border:1px solid #B12E36;
font-size:10px;
background-color:#FFFFFF
}



/**************right modules******************/


#right .moduletable 
{

width: 40%;
}


/*************right side links and mainlevel links*****************/

div#right ul
{
font-family:Arial;
font-size:12px;
color:#506e16;
text-decoration:none;
margin:0;
padding-left:10px;
padding-right:4px;
}

div#right ul li
{
font-family:Arial;
font-size:12px;
color:#506e16;
text-decoration:none;
padding-left:10px;
background: transparent;
background:url(../images/arrow_list.png) no-repeat;
background-position:0px 5px;
}

div#right a:link, div#right a:visited
{
font-family:Arial;
font-size:12px;
color:#506e16;
text-decoration:none;
}

div#right a:hover
{
font-family:Arial;
font-size:12px;
color:#B12E36;
text-decoration:none;
}

div#right .inputbox
{
font-size:11px;
border:1px solid #B12E36;
background-color:#FFFFFF;
color:#B12E36;
}

div#right .button
{
color:#B12E36;
border:1px solid #B12E36;
font-size:10px;
background-color:#FFFFFF;
}


/**************right modules-kontakt******************/


#right .moduletable-kontakt 
{
float: right;
margin-right: 10px;
width: 168px;
text-align: left;
color:#365975;
font-size: 12px;
padding-left:10px;
background:#f2f4f2;
border:2px solid #f2f4f2;
left:10px;top:50px;
-moz-border-radius:8px;
-khtml-border-radius:8px;
text-align: left;
color:#365975;
font-size: 12px;
padding-left:10px;
}



/**************right modules-news1******************/


#right .moduletable-news1 
{
float: right;
margin-right: 10px;
margin-top: 20px;
width: 175px absolut;
background: #cccccc;
}


/**************right modules-news1******************/

#right .newsflash-news1 
{
width: 175px absolut;
padding-left: 5px;
background: none repeat scroll 0% 0% #cccccc;
}






/**************footer modules******************/


div#footer .moduletable
{

display: grid;
background-color: #6c99ab;
}



div#footer .spalte1
{
padding-top: 20px;
margin-left: 20px;
 grid-column-start:1; 
  grid-column-end:1; 
  grid-row-start:1; 
  grid-row-end:1; 
}

div#footer .testo
{
float: left;
padding-left: 10%;

}

div#footer .spalte2
{
padding-top: 20px;
padding-left: 0px;
 grid-column-start:2; 
  grid-column-end:2; 
  grid-row-start:1; 
  grid-row-end:1;
  }

div#footer .spalte3
{
padding-top: 20px;
 grid-column-start:3; 
  grid-column-end:3; 
  grid-row-start:1; 
  grid-row-end:1;
}

div#footer3 .moduletable
{
float: right;
background-color: #6c99ab;
}


/***********style for footer links******************/


div#footer ul
{
color:#972626;
padding-top:25px;
padding-left:180px;
font-size:11px;
font-weight:bold;
text-decoration:none;
padding-right:10px;
padding-left:5px;
background-position:0px 2px;
}


div#footer ul li
{
color:#972626;
padding-top:25px;
padding-left:180px;
font-size:11px;
font-weight:bold;
text-decoration:none;
padding-right:10px;
padding-left:5px;
background-position:0px 2px;
}


#footer ul li a:link, #footer ul li a:visited
{
color:#972626;
padding-top:25px;
padding-left:180px;
font-size:11px;
font-weight:bold;
text-decoration:none;
padding-right:10px;
padding-left:5px;
background-position:0px 2px;
}


#footer ul li a:hover
{
color:#972626;
padding-top:25px;
padding-left:180px;
font-size:11px;
font-weight:bold;
text-decoration:none;
padding-right:10px;
padding-left:5px;
background-position:0px 2px;
}

div#footer a {
  font-weight: normal;
     color: #cdebeb;
    text-decoration: none;
}

div#footer a:active {
  font-weight: normal;
     color: #cdebeb !important;
    text-decoration: none;
}

div#footer a:visited {
  font-weight: normal;
     color: #cdebeb !important;
    text-decoration: none;
}


/**************logoleiste modules******************/


div#logoleiste .moduletable
{
max-width: 1920px;
margin-top:20px;
background-color:#ffffff;
border-top: 4px solid #cdebeb;
}


/***********style for footer links******************/


div#logoleiste ul
{
color:#972626;
padding-top:25px;
padding-left:180px;
font-size:11px;
font-weight:bold;
text-decoration:none;
padding-right:10px;
padding-left:5px;
background-position:0px 2px;
}


div#logoleiste ul li
{
color:#972626;
padding-top:25px;
padding-left:180px;
font-size:11px;
font-weight:bold;
text-decoration:none;
padding-right:10px;
padding-left:5px;
background-position:0px 2px;
}


#logoleiste ul li a:link, #footer ul li a:visited
{
color:#972626;
padding-top:25px;
padding-left:180px;
font-size:11px;
font-weight:bold;
text-decoration:none;
padding-right:10px;
padding-left:5px;
background-position:0px 2px;
}


#logoleiste ul li a:hover
{
color:#972626;
padding-top:25px;
padding-left:180px;
font-size:11px;
font-weight:bold;
text-decoration:none;
padding-right:10px;
padding-left:5px;
background-position:0px 2px;
}

div#logoleiste a {
  font-weight: normal;
     color: #cdebeb;
    text-decoration: none;
}




@media only screen and (max-width:903px) {

body {
	width: 100%;
	margin: auto;
		line-height: 1.3em;
	text-align: left;
	background-color: #ffffff;
	}
	
/***********************layout stuff***************************/


#topeins
{
width: 100%;
height: 0px;
background-color: #ffffff;
overflow: hidden;
}


#topzwei
{
width: 100%;
height:0px;
margin:0 auto;
background:#ffffff;


}


#topdrei
{
width: 100%;
display: block;
height: 120px;
margin:0 auto;
background:url(../images/header_logo_ts_mittel.svg)  #6c99ab  100px 0px  no-repeat;
position: sticky;
top: 0px;
z-index:999;
}

div#topdrei .menuspalte1
{
display: none;
  }
  
div#topdrei .menuspalte2
{

display: none;
  }
  
#container {
width: 100%;
background-color:#ffffff;
}


#left_outline
{
width:0px;
float: left;
margin-left:18px;
margin-top: 13px;
}

#left
{
width:0px;
display:inline;
}

#content {
display: flex;
justify-content: center;
align-items: center;
min-height: 350%;
height: auto !important;
width:100%;
margin: auto;
background:#ffffff;
}

#incontent {
float: left;
min-height: 350%;
height: auto !important;
padding-bottom:5%;
padding-top: 20px;
padding-left: 40px;
max-width:100%;
margin-top:2.5%;
background:#ffffff;
z-index:1;
}


#incontent ul {
padding-left:15px;
}

.anmelden #user1 {
width: 500px;
margin: auto;
z-index:1;
}


#footer
{
height:auto;
margin:0 auto;
grid-template-columns:100%;
grid-template-rows: 33% 33% 33%;
grid-row-gap: 10px;
}

div#footer .spalte1
{
padding-top: 20px;
margin-left: 20px;
 grid-column-start:1; 
  grid-column-end:1; 
  grid-row-start:1; 
  grid-row-end:1; 
}

div#footer .testo
{
float: left;
padding-left: 10%;

}

div#footer .spalte2
{
padding-top: 20px;
margin-left: 20px;
 grid-column-start:1; 
  grid-column-end:1; 
  grid-row-start:3; 
  grid-row-end:3;
  }

div#footer .spalte3
{
padding-top: 20px;
 grid-column-start:1; 
  grid-column-end:1; 
  grid-row-start:2; 
  grid-row-end:2;
}


div#logoleiste .moduletable {
    max-width: 1920px;
    margin-top: 0px;
    background-color: #ffffff;
    border-top: 4px solid #cdebeb;
}


#right_outline
{
width:190px;
float: right;
margin-right: 15px;
margin-bottom:10px;
}


#right
{
width:180px;
float: right;
}


/*************styling for some div containing modules and menus************************/

/***********topeins modules******************/


#topeins .moduletable
{

float:right;
margin-right:10%;
width:70%;
display:inline;
z-index: 500;

}


/***********style for topeins menu******************/


div#topeins ul
{
list-style: none;
float: right;
margin-right: 25%;
margin-top:1.2%;
font-weight:normal;
color:#000000;

}



div#topeins ul li 
{
float: left;
clear:right;
padding-left:14px;
line-height:100%;
}

div#topeins ul li a:link 
{
font-size:0.875em;
font-weight:normal;
color:#000000;
text-decoration:none;
}

div#topeins ul li a:visited
{
font-weight:normal;
color:#658f92;
text-decoration:none;
}

div#topeins ul li a:hover
{
color:#eaffff;
font-weight:normal;
text-decoration:none;
}


div#topeins ul li.current.active a {
color:#731818;
font-weight:normal;
text-decoration:none;
}

div#topeins .inputbox
{
font-size:11px;
width:140px;
color:#365873;
float:right;
margin-right:2px;
margin-top:138px;
border:1px solid #000000;
background:url(../images/searchfield.gif) 100% 100% no-repeat;
}

/***********topzwei modules******************/


#topzwei .moduletable
{

}


/***********style for topzwei menu******************/


/***********topdrei modules******************/
#topdrei .moduletable
{
text-align: center;
}

div.modultable_menu {
display: flex;
align-items: center;
justify-content: center;
}

#topdrei .moduletable_menu
{
display: flex;
align-items: center;
justify-content: center;
}

div.modultable_menu {
display: flex;
align-items: center;
justify-content: center;
}
/***********style for topdrei menu******************/



/* hauptmenu  listen und links */ 

div#topdrei ul {
  margin: 0;
  padding: 0;
  font-size: 16px;
}
 
div#topdrei a {
  font-weight: bold;
  display: block;
   color: #4f8298;
    text-decoration: none;
}

/* hauptmenu  style listenelemente */ 

div#topdrei ul li {
  position: relative;
  float: left;
  color: #4f8298;
  list-style: none;
}
 
 
div#topdrei ul li a:hover
{
color: #b9cdd6;
font-weight:bold;
text-decoration:none;
}

 
div#topdrei ul li a {
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 10px;
	padding-bottom:11px;
}

div#topdrei ul li.current.active a {
color:#00f3f3;
font-weight:bold;
text-decoration:none;
}

#srm_select_list {
    width: auto !important;
    max-width: none !important;
    border: none;
	color: #ffffff !important;
    -webkit-appearance: none;
	background: transparent;
	border: none;
	
}




/* untermenu */ 

div#topdrei ul ul {
  position: absolute;
  top: -9999px;
  left: -9999px;
  background: #d9f4f6;
   box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.6);
}
 
div#topdrei ul ul li {
  float: none;
  width: 200px;
  border-bottom: 1px solid #eaffff;
}
 
div#topdrei ul ul li a {
  color:#74a4a7;
  padding: 10px 20px;
}

/* hauptmenu hover */ 

div#topdrei ul li:hover > ul {
    top: 100%;
  left: 0;
 
}


/* untermenu hover */ 

div#topdrei ul ul li:hover > ul {
  top: 0;
  left: 200px;
  color:#74a4a7;
  }

div#topdrei ul ul li:hover a {
  color:#d9f4f6;
   background:#88c0c3;
  }

/* hauptmenu pfeil */ 

div#topdrei ul li.parent > a:after {
  position: relative;
  float: right;
  content: '';
  margin-left: 10px;
  margin-top: 5px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #fff;
  border-bottom: 5px solid transparent;
}

/* untermenu pfeil */ 

div#topdrei ul ul li.submenu a:after {
  margin-left: auto;
  margin-right: -10px;
  border-left: 5px solid #fff;
  border-right: 5px solid transparent;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
}

div#topdrei ul ul li:last-child {
  border-bottom: none;
}
}

@media only screen and (max-width:480px) {



body {
	width: 100%;
	margin: auto;
		line-height: 1.3;
	text-align: left;
	background-color: #ffffff;
	}

tr,td,p,div
{
	font-family: 'Roboto', sans-serif;;
	font-size:1em;
	}
	
	
#topeins
{
height:0px;
width: 100%;
position: fixed;
z-index: 999;
background: #d9f4f6;
overflow: hidden;
}


#topzwei
{
width: 100%;
height:0px;
margin:0 auto;
position: fixed;
z-index: 990;
overflow: hidden;
}

#topdrei
{
max-width: 100%;
display: block;
box-sizing: border-box;
height:110px;
margin:0 auto;
background:url(../images/header_logo_ts_klein.svg)  #6c99ab  100px 16px  no-repeat;
overflow: hidden;
}


#content {
width: 100%;
}
	
	
#incontent {
float: left;
min-height: 350%;
height: auto !important;
padding-bottom:5%;
padding-top: 50px;
padding-left: 20px;
margin-left:5%;
margin-top:20px;
background:#ffffff;
}

#incontentspalte1 .teaser1 {
width: 180px;
float: left;
}

#footer
{
height:auto;
margin:0 auto;
width: 100%;
grid-template-columns:100%;
grid-column-gap: 0px;
grid-template-rows: 33% 33% 33%;
grid-row-gap: 10px;
}


div#footer .spalte1
{
padding-top: 20px;
margin-left: 20px;

 grid-column-start:1; 
  grid-column-end:1; 
  grid-row-start:1; 
  grid-row-end:1; 
}

div#footer .spalte2
{
padding-top: 10px;
margin-left: 20px;
height: auto;
 grid-column-start:1; 
  grid-column-end:1; 
  grid-row-start:3; 
  grid-row-end:3;
  }

div#footer .spalte3
{
padding-top: 20px;
margin-left: 20px;

 grid-column-start:1; 
  grid-column-end:1; 
  grid-row-start:2; 
  grid-row-end:2;
}

	/***********style for topeins menu******************/


div#topeins ul
{
list-style: none;
display: inline;
margin-right: 1.2%;
margin-top:1.2%;
font-weight:normal;
color:#000000;

}



div#topeins ul li 
{
float: left;
clear:right;
padding-left:10px;
line-height:100%;
}

div#topeins ul li a:link 
{
font-size:0.875em;
font-weight:normal;
color:#000000;
text-decoration:none;
}

div#topeins ul li a:visited
{
font-weight:normal;
color:#658f92;
text-decoration:none;
}

div#topeins ul li a:hover
{
color:#eaffff;
font-weight:normal;
text-decoration:none;
}


div#topeins ul li.current.active a {
color:#731818;
font-weight:normal;
text-decoration:none;
}

	#map96 {
    height: 200px;
	width: 200px;
	}
	
}