html{
 font-family:'Roboto',sans-serif;
 font-size: 17px; /*1.0625em;*/
 line-height:1.5;
}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, 
p, blockquote, pre, abbr, address, cite, code, del, dfn, em, 
img, ins, kbd, q, samp, small, strong, sub, sup, var, 
b, i, ol, ul, li, fieldset, form, label, 
legend, table, caption, tbody, tfoot, thead, tr, article, 
aside, canvas, details, figcaption, figure, footer, header, 
hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  -webkit-font-smoothing: antialiased;
}
article, aside, details, figcaption, figure, footer, 
header, hgroup, menu, nav, section {display: block;}
body{
  font-family:'Roboto',Calibri,'PT Sans',sans-serif;
/*  font-family:HelveticaNeueLT,Open Sans,Arial,Helvetica,sans-serif;*/
  font-size: 1.1em;
  margin:0;
  padding:0;
  color:#222; /*#554f4a;*/
}
a {
 color:#333;
 text-decoration:none;
 -webkit-tap-highlight-color: rgba(0,0,0,0);
 -webkit-tap-highlight-color: transparent;
}
a:active, a:focus{background-color:transparent;}
a:active{background-color:#EEF;}
a:hover {color: #3B5996; text-decoration:underline;}
a.urllink{word-break:break-all;}
img {border:0;}
h1,h2,h3,h4,h5{color:rgb(82,134,158);font-weight:normal;}
h1 {font-size:1.3rem;}
h2 {font-size:1.2rem;margin-bottom:6px;border-bottom:1px solid rgb(82,134,158);}
h3 {font-size:1.1rem;margin-bottom:6px; border-bottom:1px solid;}
h4 {font-size:1.0rem;margin:5px 0 5px 0;padding:0;}
@media (min-width:65rem){
 h1 {font-size:1.6rem;}
 h2 {font-size:1.3rem;margin-bottom:0.4rem;}
 h3 {font-size:1.2rem;margin:0.7rem 0 0.3rem 0;}
 h4 {font-size:1.1rem;}
}

p {padding:0;margin:0 0 5px 0;}
table {border-collapse:collapse;}
th, td {vertical-align:top;padding:1px 3px 1px 3px;}

.tom {color: #3B5998;}
.anrede{color:rgb(82,134,158);font-size:1.1em;}
.ausgeblendet {visibility:hidden;}
.ausgegraut {color:gray;}
.bildtitel {font-size:0.9em;font-style:italic;}
.blau {color:blue;}
.clearer {clear:both;}
.clearer-re {clear:right;}
.clearfix:before,
.clearfix:after{
    content: " 0020";
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    overflow: hidden;
    visibility: hidden;
    width: 0;}
.clearfix:after{clear:both;}
.drucken {display:none;}
.durchgestrichen{text-decoration:line-through;}
.fett {font-weight:bold;}
.flinks {float:left;margin-right:15px;margin-bottom:15px;}
.frechts {float:right;margin-left:15px;margin-bottom:15px;}
.gelb {color:yellow;}
.gruen {color:green;}
.gruss{color:rgb(82,134,158);font-size:1.0em;font-weight:500;}
.hgd-blau {background-color:blue;}
.hgd-gelb {background-color:yellow;}
.hgd-gruen {background-color:forestgreen;}
.hgd-hellgrau {background-color:lightgrey;}
.hgd-rot {background-color:red;}
.hinweis {background-color:rgb(255,255,100);padding:2px;border:1px solid #EEF;}
.info{background-color:rgb(254,230,170);padding:8px;border-radius:6px;}
table.info{border:0;}
.inputbutton{font-size:0.9rem;line-height:1.0rem;}
.kein-umbruch{white-space:nowrap;}
.kommentar {
 background-color:whitesmoke;
 padding:6px;
 width:400px;
 -moz-box-shadow:    3px 3px 5px 0px #ccc;
 -webkit-box-shadow: 3px 3px 5px 0px #ccc;
 box-shadow:         3px 3px 5px 0px #ccc; 
}
.kursiv {font-style:italic;}
.links {text-align:left;}
.marker {
 background-color:yellow;
 padding:2px 0px;
}
.nicht-anzeigen{display:none;}
.notiz {
 background-color:yellow;
 padding:6px;
 width:450px;
 -moz-box-shadow:    3px 3px 5px 0px #ccc;
 -webkit-box-shadow: 3px 3px 5px 0px #ccc;
 box-shadow:         3px 3px 5px 0px #ccc; 
}
.notiz100 {
 background-color:yellow;
 padding:6px;
 -moz-box-shadow:    3px 3px 5px 0px #ccc;
 -webkit-box-shadow: 3px 3px 5px 0px #ccc;
 box-shadow:         3px 3px 5px 0px #ccc; 
}
.rahmen {border:2px groove rgb(140,140,140);}
.rechts {text-align:right;}
.rot {color:#F00;}
.sc {font-family:"courier new",courier;}
.seitenaufrufe{display:none;}
.desktop{display:none;}
@media (min-width:65rem){
 div.desktop{display:block;}
 div.tf-smartphone{display:none;}
 span.desktop{display:inline;}
 .seitenaufrufe{display:block;position:absolute;bottom:0;right:15px;font-size:0.8rem;color:#999;}
}
.schwarz {color:black;}
.scrollen{overflow:auto;border:1px solid #C9CBD3;height:500px;}
div#Seitentext div.scrollen table {width: auto;}
.versteckt {display:none;}
.vspace {margin-top:3px;margin-bottom:3px;}
span.warnung{display:inline-block;min-height:40px;background-image:url("images/alert_warning.gif");background-repeat:no-repeat;padding-left:50px;background-position:left center;}
.weiss {color:white;}
.zentriert {text-align:center;}

#MainHeader{
  padding-top:0px;
  position:fixed;
  left:0;
  right:0;
  top:0;
  z-index:1;
  background-color:#FFF;
/*  height:50px;*/
}
#MainTable{
 display:table;
 border-collapse:collapse;
 width:100%;
 background-color:rgb(236,240,243);
 color:rgb(121,165,186);
}
#MainTableRow{display:table-row;}

div#MainDocName{
 display:table-cell;
 vertical-align:middle;
 padding:5px 0 5px 5px;
 font-size:1.1rem;
 line-height:1.2rem;
 font-weight:600;
 color:rgb(121,165,186);
}
div#MainDocName span{
 font-size:0.9rem;
 color:rgb(150,170,160);
}
div#MainDocPhone{
 display:table-cell; 
 vertical-align:middle;
 text-align:center;
 font-size:1.1rem;
}

nav#NavMenu {
 background-color:rgb(86,153,203);
 color:#FFF;
 text-align:right;
 padding-right:20px; 
 font-size:1.0rem;
 text-align:right;
}
nav#NavMenu ul {padding:0;margin:0;}
nav#NavMenu li {display:inline-block;list-style:none;margin:0;}
nav#NavMenu li:hover {background-color:rgb(51,116,164);}
nav#NavMenu li a {
 display:inline-block;
 border:none;
 padding:5px 8px;
 text-decoration:none;
 -webkit-transition: background 0.25s;
 -moz-transition: background 0.25s;
 transition: background 0.25s;
 color:#FFF;
}
nav#NavMenu li a:active {background-color:rgb(51,116,164);}
nav#NavMenu li a.selflink {background-color:rgb(55,130,180);}

div#NavMenuIcon{
 display:none;
 -webkit-flex-direction: column;
 flex-direction:column;
 -webkit-align-items: flex-end;
 align-items: flex-end;
 cursor:pointer;
 padding:15px 5px 5px;
/* background-color:rgb(86,153,203);*/
 color:#000;
}
div#NavMenuIcon .bar{width:30px;height:3px;background-color:rgb(121,165,186);margin:2px 0;border-radius:4px;}

@media only screen and (max-width: 767px){
 div#NavMenu{
  display:none;
  max-height:0;
  overflow:hidden;
  -webkit-transition: max-height 0.5s;
  -moz-transition: max-height 0.5s;
  transition: max-height 0.5s;
  padding:0;
  background-color:#FFF;
  position:absolute;
  top:4.8rem;
  z-index:2;
  border:1px solid silver;
 }
 div#NavMenu.menuOpen{
  max-height:1000px;
  -webkit-transition: max-height 0.5s;
  -moz-transition: max-height 0.5s;
  transition: max-height 0.5s;
  display:block;
 }
 nav#NavMenu{
  max-height:0;
  overflow:hidden;
  text-align:center;
  -webkit-transition: max-height 0.5s;
  -moz-transition: max-height 0.5s;
  transition: max-height 0.5s;
  background-color:#FFF;
  padding:0;
 }
 nav#NavMenu.menuOpen{
  max-height:1000px;
  -webkit-transition: max-height 0.5s;
  -moz-transition: max-height 0.5s;
  transition: max-height 0.5s;
 }
 nav#NavMenu ul li{
  display:block;
  width:100%;
  background:#FFF;
  border-bottom:1px solid silver;
 }
 nav#NavMenu ul li:hover{background:#EEF;}
 nav#NavMenu ul li a{color:#000;width:100%;padding:5px 0;}
 nav#NavMenu li a.selflink,
 nav#NavMenu li a:active {background-color:#EEF;}
 div#NavMenuIcon{display:table-cell;/*display:-webkit-flex;display:flex;*/}
 nav#NavMenu li.print{display:none;}
}


@media (min-width:65rem){
 #MainTable{}
 #MainTableRow{}
 div#MainDocName{
  padding:10px 15px 10px 25px;
  font-size:1.4rem;
  line-height:1.5rem;
  font-weight:bold;
  white-space:nowrap;
 }
 div#MainDocName span{font-size:1.2rem;font-weight:normal;}
 div#MainDocPhone{font-size:1.8rem;}
}
main{
 margin-top:2.5rem;
 margin-bottom:25px;
 padding:15px 5px 5px 5px;
 font-size:0.8rem;
 min-height:500px;
 display:flex;
}
footer{
 padding:4px 8px 0px;
 font-size:0.9rem;
 text-align:right;
}
@media (min-width:65rem){
 main {
  position:relative;
  text-align:left;
  max-width:25cm;
  margin-top:4.5rem;
  margin-left:auto;
  margin-right:auto;
 }
 #Content{padding-left:15px;}
}
#HauptMenue {
 display:none;
 margin:10px auto;
 font-size:1.0rem;
 padding:10px 10px 10px 10px;
 border-bottom:1px solid #C4CDE0;
}
#HauptMenue div#Suchen {font-size:1.0em;margin-bottom:15px;}
#HauptMenue div#Suchen input {font-size:0.9rem;}
#HauptMenue div#Meteomedia {width:180px;height:180px; border: 1px solid #C4CDE0;}
#HauptMenue div#Wetter {width:160px; border: 1px solid #C4CDE0;text-align:center;}
#HauptMenue #Kontaktdaten{display:none;margin-top:50px;padding-left:20px;font-size:0.9rem;}
#HauptMenue .sidehead {}
#HauptMenue > ul {
  margin-left:5px;
  font-size:1.0rem;
 }
#HauptMenue li{
 margin:0;
 margin-bottom:5px;
 padding:0px 0px 0px 5px;
 list-style:none;
}
#HauptMenue li.aktuell{color: rgb(0,122,187);font-weight:bold;text-decoration:none;}

.tabelle{display:block;margin:0;padding:0;}
.tabelle100{display:block;margin:0;padding:0;}
.tzeile{display:block;margin:0;padding:0;}
.tzelle{display:block;margin:0;padding:0;}
.tzelle.nicht-anzeigen{display:none;margin:0;padding:0;}
@media (min-width:65rem){
 #HauptMenue {
  display:none;
  margin:0;
  position:fixed;
  top:3.8rem;
  right:5px;
  width:250px;
  background-color:rgb(252,252,252);
  border:1px solid #C4CDE0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  z-index:10;
 }
 #HauptMenue ul li{
  margin:0;
  padding:0px 0px 0px 11px;
  background-image: url(images/bullet-blue.png);
  background-repeat:no-repeat;
  background-position:0px 0.6rem;
  list-style:none;
 }
  #HauptMenue a {}
  #HauptMenue a:hover {}
 .tabelle{display:table;border-collapse:collapse;margin-top:20px;}
 .tabelle100{display:table;width:100%;border-collapse:collapse;margin-top:20px;}
 .tzeile{display:table-row;}
 .tzelle{display:table-cell;}
}

/*
#HauptMenue li a.selflink,
#HauptMenue li a.wikilink{color:#0075a9;}
*/
#HauptMenue li a.selflink,
#HauptMenue li a.wikilink{color:#FFF;}
#HauptMenue a:hover {}

#Hauptbereich {
 background-color:#FFF;
 position:relative;
 margin-top:0px;
}

@media (min-width:65rem){
 #HauptMenue li a.selflink,
 #HauptMenue li a.wikilink{color:#0075a9;}
 #Hauptbereich {
  margin:0;
/*  margin:0 3px 3px 80px;*/
  padding:0;
  min-height:400px;
 }
}
div#Seitentext {padding:15px 20px 5px 30px;font-size:1.0rem}
#Content h2 {padding-bottom:3px;}
#Content table {width:100%;}
#Content div.tf-img-center {
  text-align:center;
  font-size:0.8em;
  margin-bottom:10px;
}
#Content div.tf-img-right {
  float:right;
  width:250px;
  text-align:center;
  font-size:0.8em;
  margin-left:10px;
  margin-bottom:10px;
  -webkit-border-radius: 0.5em;
  -moz-border-radius: 0.5em;
  border-radius: 0.5em;
  -webkit-box-shadow: 3px 3px 5px #333;
  -moz-box-shadow: 3px 3px 5px #333;
  box-shadow: 3px 3px 5px #333;
}
#Content div.tf-img-rigt img{}
.tf-region td.tf-left-col {width:50%;}
.tf-region td.tf-right-col {width:50%;}
ul.tf-list {margin:0;padding:0;}
ul.tf-list ul > li{
  margin:0;
  padding:0px 0px 5px 11px;
  background-image: url(images/bullet-blue.png);
  background-repeat:no-repeat;
  background-position:0px 0.6rem;
  list-style:none;
}
table.tf-table {font-size:0.9em;width:auto;margin-top:10px;margin-bottom:10px;}
table.tf-table, table.tf-table th, table.tf-table td {
  border:1px solid silver;
}
table.tf-table th{
  text-align:left;
/*  background-color:rgb(89,191,7);*/
  color:rgb(0,0,0);
  font-weight:bold;
}
table.tf-table td{color:black;}
table.tf-table td.tf-right{text-align:right;}

#Fussbereich {
 font-size:0.8rem;
 color:gray;
 padding:2px 15px 5px 15px;
 margin:2px 0 10px 0px;
}

#Fussbereich #FBrechts{display:none;}
#Fussbereich #FBlinks{}

@media (min-width:65rem){
 #Fussbereich {
  border-top:1px solid #ccc;
  margin:2px 0 15px 0px;
 }
 #Fussbereich #FBrechts{
  display:block;
  text-align:right;
  float:right;
  width:300px;
 }
 #Fussbereich #FBlinks{width:500px;}
}

#Content {
 margin-top:5px; 
 font-size:0.9rem;
 line-height:1.3rem; 
 padding:5px 10px 20px 10px;
}
/*#Content h1,#Content h2,#Content h3,#Content h4,#Content h5{margin-bottom:4px};*/
#Content h1 {border-bottom:1px solid #e46450;}
#Content h2 {}
#Content h3 {}
#Content h4 {}
#Content h5 {font-style:italic;font-weight:bold;}
#Content a {color:#134094;cursor:pointer;text-decoration:underline;}
#Content ol{margin-left:15px;padding-left:10px;}
#Content ul{overflow:hidden; margin-left:5px;padding-left:1px;}

#Content ul > li {
 background-image: url(images/bullet-blue.png);
 background-repeat:no-repeat;
 background-position:0px 0.6rem;
 list-style:none;
 border:0;
/*
 background-color:#FFF;
 box-shadow:none;
*/
 padding:0;
 margin:0;
 padding-left:15px;
}

#Content div#toc > ul, div.toc > ul{margin-left:0px;padding-left:1px; max-width:400px;}
#Content div#toc > ul ul, div.toc > ul ul{margin-left:0px;padding-left:0px;}
#Content div#toc li, div.toc li{
 background-image:none;
 list-style:none;
/*
 border:1px solid #e1e1e1;
 background-color:#e7e7e7;
 color:#000;
*/
/*
 background-color:#4479BA;
 color:#FFF;
 border-radius:4px;
 box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), 0 1px 1px rgba(0,0,0,0.2);
 padding:4px 8px;
*/
 margin-bottom:3px;
 padding-left:0px;
 text-align:left;
}
#Content div#toc li:hover, div.toc li:hover,
#Content div#toc li:focus, div.toc li:focus{
/*
 background-color: #356094;
 border: 1px solid #2A4E77;
*/
}
/*
#Content div#toc li a,
div.toc li a{display:block;color:#0075a9;margin-bottom:2px;}
*/
#Content div#toc li a,
div.toc li a{
 display:block;
 color:#FFF;
 margin-bottom:2px;
 background-color:#4479BA;
 color:#FFF;
 border-radius:4px;
 box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), 0 1px 1px rgba(0,0,0,0.2);
 padding:4px 8px;
}
#Content div#toc li ul li a,
div.toc li ul li a{
padding-left:20px;
}
#Content div#toc li a:hover,
div.toc li a:hover,
#Content div#toc li a:focus,
div.toc li a:focus{background-color:#356094;text-decoration:none;}


@media (min-width:65rem){
 #Content{font-size:1.0rem;line-height:1.4rem;}
 #Content div#toc ul, div.toc ul{margin-left:5px;padding-left:1px;max-width:none;}
 #Content div#toc li, div.toc li {
  background-image: url(images/bullet-blue.png);
  background-repeat:no-repeat;
  background-position:0px 0.6rem;
  list-style:none;
  border:0;
  background-color:#FFF;
  box-shadow:none;
  padding:0;margin:0;
  padding-left:15px;
  text-align:left;
 }
 #Content div#toc li:hover, div.toc li:hover,
 #Content div#toc li:focus, div.toc li:focus{
/*
  background-color: #FFF;
  border: 0;
*/
 }
 #Content div#toc li a, div.toc li a{
  display:inline;
  color:#444; /*#0075a9;*/
  background-color:transparent;
  border-radius:0;
  box-shadow: none;
  padding:0;
 }
 #Content div#toc li a:hover,
 div.toc li a:hover{
  text-decoration:underline;
  background-color:transparent;
 }
 #Content div#toc li a:focus,
 div.toc li a:focus{
  background-color:transparent;
 }
 #Content div#toc > ul ul, div.toc > ul ul{margin-left:0px;padding-left:1px;}
 #Content div#toc li ul li a,
 div.toc li ul li a{
  padding-left:0px;
 }
}

#Content .mehrtext, #Content .weniger {display:none;}
#Content .mehrtext {margin-top:6px;}

.tf-frame {border:1px solid #cccccc; padding:4px; background-color:#f9f9f9; }
span.tf-frame {display:inline-block;margin-top:3px;margin-bottom:0.9rem;}
span.tf-frame img{max-width:200px;/*width:100%;*/}
.tf-frame span.caption {font-size:0.8rem;line-height:0.8rem;}
div.tf-imgonly img{/*max-width:200px;*/width:100%;}
#Hauptbereich .lfloat {float:none;margin-right:0;}
#Hauptbereich .rfloat {float:none;margin-left:0;}
#Hauptbereich .rfloat.img150 {float:right;margin-left:1.1rem;}
#Hauptbereich .rfloat.img150 img,
#Hauptbereich .lfloat.img150 img{max-width:100px;}
#Hauptbereich .rfloat.img200 {float:none;}
#Hauptbereich .rfloat.img200 img,
#Hauptbereich .lfloat.img200 img{max-width:100%;}
#Hauptbereich .rfloat.img300 {float:none;}
#Hauptbereich .rfloat.img300 img,
#Hauptbereich .lfloat.img300 img{max-width:100%;}
#Hauptbereich .rfloat span.caption,
#Hauptbereich .rfloat span.caption{font-size:0.7rem;display:block;text-align:center;}

@media screen and (orientation: landscape){
 span.tf-frame {display:inline-block;}
 span.tf-frame img{width:auto;}
 div.tf-imgonly img{width:auto;}
 #Hauptbereich .lfloat {float:left; margin-right:1.3rem;}
 #Hauptbereich .rfloat {float:right; margin-left:1.3rem;}
}

@media (min-width:26rem){
 span.tf-frame {display:inline-block;}
 span.tf-frame img{max-width:none;width:auto;}
 div.tf-imgonly img{max-width:none;width:auto;}
 #Hauptbereich .lfloat {float:left; margin-right:1.3rem;}
 #Hauptbereich .rfloat {float:right; margin-left:1.3rem;}
 #Hauptbereich .modal img,
 #Hauptbereich .img100 img,
 #Hauptbereich .img150 img,
 #Hauptbereich rfloat.img150 img,
 #Hauptbereich lfloat.img150 img,
 #Hauptbereich .img200 img,
 #Hauptbereich .img300 img,
 #Hauptbereich .imgonly img{max-width:100%;}
}
@media (min-width:65rem){
 span.tf-frame {display:inline-block;}
 span.tf-frame img{max-width:none;width:auto;}
 #Hauptbereich .rfloat img{max-width:none;}
 .tf-modal img{cursor:pointer;transition:0.3s;}
 #Hauptbereich .img100 img{max-width:100px;}
 #Hauptbereich .img150 img,
 #Hauptbereich .rfloat.img150 img,
 #Hauptbereich .lfloat.img150 img {max-width:150px;}
 #Hauptbereich .rfloat.img300 {float:right;margin-left:1.3rem;}
 #Hauptbereich .rfloat.img300 img,
 #Hauptbereich .lfloat.img300 img{max-width:300px;}


 #Hauptbereich .img200 img{max-width:200px;}
 #Hauptbereich .img300 img{max-width:300px;}
 .tf-modal img:hover{opacity:0.7;}
 div.imgonly img{max-width:none;width:auto;}
 #Hauptbereich .lfloat {float:left; margin-right:1.3rem;}
 #Hauptbereich .rfloat {float:right; margin-left:1.3rem;}
}
.lclear {clear:left;}
.rclear {clear:right;}
.bclear {clear:both;}


div#Content table {
  border-width: 1px 0 0 1px;
  border-style: solid;
  border-color: #c9cbd3;
  margin-top: 4px;
/*
  margin-left:5%;
  margin-right:5%;
*/
  width:auto;
  empty-cells:show;
}
div#Content table.tf-info{border:0;}

div#Content table th {
  color: #3c3c3c;
  border-style: solid;
  border-color: #c9cbd3;
  border-width: 0 1px 1px 0;
/*  background-color: #cfe0f1;*/
/*  background-color: #f2f5f9;*/
  background-color:rgb(224,231,243);
  font-size: 1.0rem;
  font-weight: bold;
  vertical-align: bottom;
  padding: 1px 2px 2px 3px;
/*  text-align:left;*/
}

div#Content table.tf-form {border:0;}
div#Content table.tf-form th {
  color: #3c3c3c;
  border-style: solid;
  border-color: #c9cbd3;
  border-width: 1px 0px 1px 0px;
  background-color: #FFF;
  font-weight: bold;
  vertical-align: top;
  padding: 1px 2px 2px 3px;
  font-size: 0.98rem;
}
div#Content table td {
  border-width: 1px;
  border-style: solid;
  border-color: #c9cbd3;
  vertical-align:top;
  color:#3C3C3C;
/*  font-size: 0.95em;*/
}
div#Content table.tf-form td {
  border-width: 1px 0px 1px 0px;
  vertical-align:top;
}
div#Content table.tf-info td{border:0;padding:5px 10px 5px 10px;}

div#Content table td.tf-bgd-red {
  background-color:#F00;
  color:yellow;
}
div#Content table td.tf-bgd-yellow {
  background-color:yellow;
  color:black;
}
div#Content table td.tf-bgd-green {
  background-color:limegreen;
  color:black;
}

div#Content table td.tf-header {
  color: #3c3c3c;
  background-color: #cfe0f1;
  font-weight:bold;
}

div#Content table.tf-note {
  font-size:0.9rem;
  background-color:rgb(255,255,100);
  border:2px outset #EEF;
  border-collapse:collapse;
}

div#Content table.tf-note th{
  font-weight:bold;
  white-space:nowrap;
  padding:3px;
  border-bottom:1px solid #3C3C3C;
  background-color:rgb(255,255,100);
  text-align:left;
}

div#Content table.tf-note td {
  padding:3px;
  border-bottom:1px solid rgb(255,255,100);
  background-color:rgb(255,255,100);
}

div#Content table.tf-note {
  font-size:0.85em;
  margin-top:5px;
  background-color:rgb(220,220,180);
  border:2px outset #EEF;
  float:right;
  border-collapse:collapse;
}

div#Content table.tf-note th{
  font-weight:bold;
  white-space:nowrap;
  padding:3px;
  background-color:rgb(220,220,180);
  border-bottom:1px solid #EEF;
}

div#Content table.tf-note td {
  padding:3px;
  background-color:rgb(220,220,180);
  border-bottom:1px solid #EEF;
}

div#Content .tf-ready {
  background-image: url(greendot.gif);
  background-position: right 2px;
  background-repeat:no-repeat;
  margin-left:10px;
  padding-right:20px;
}
div#Content .tf-open {
  background-image: url(reddot.gif);
  background-position: right 2px;
  background-repeat:no-repeat;
  margin-left:10px;
  padding-right:20px;
}


div#Content table.tf-no-border,
div#Content table.th-no-grid,
div#Content table.tf-paragraph{border:0;}
div#Content table.tf-no-border th, div#Content table.tf-no-border td,
div#Content table.tf-no-grid th, div#Content table.tf-no-grid td,
div#Content table.tf-paragraph th, div#Content table.tf-paragraph td{border:0;}

div#Content span.tf-button a{
 appearance: button; /* CSS3 */
  -webkit-appearance: button; /* Safari and Chrome */
  -moz-appearance: button; /* Firefox */
  -ms-appearance: button; /* Internet Explorer */
  -o-appearance: button; /* Opera */
 cursor: default;
 padding:3px 5px;
 color:#000;
 font-size:1.0rem;
 line-height:1.0rem;
 margin-top:5px;
 margin-bottom:5px;
 display:inline-block;
}
div#Content span.tf-button a:hover{color:#222;text-decoration:none;}

div#Content td.vk-daten ul {
  margin-left:0px;
  padding-left:10px;
}
div#Content td.vk-daten li{
  margin:0;
  padding:0px 0px 0px 11px;
  background-image: url(images/bullet-blue.png);
  background-repeat:no-repeat;
  background-position:0px 0.6rem;
  list-style:none;
  line-height:24px;
}

div.footnav ul {margin:0;padding:0;}
div.footnav li {display:inline;list-style:none;}

.mini { padding:2px; border:1px solid #dddddd; background-color:#ffffff; }
.miniH, .miniF {display:block;}

#tfModal{
 display: none; /* Hidden by default */
 position: fixed; /* Stay in place */
 z-index: 11; /* Sit on top */
 padding-top: 30px; /* Location of the box */
 left: 0;
 top: 0;
 width: 100%; /* Full width */
 height: 100%; /* Full height */
 overflow: auto; /* Enable scroll if needed */
 background-color: rgb(0,0,0); /* Fallback color */
 background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}
/* Modal Content (Image) */
#tfModalImg {
 margin: auto;
 display: block;
 width: 100%;
 max-width: none;
}
/* Caption of Modal Image (Image Text) - Same Width as the Image */
#tfModalCaption {
 margin: auto;
 display: block;
 width: 100%;
 max-width: none;
 text-align: center;
 color: #ccc;
 padding: 5px 0;
 height: 50px;
}
/* The Close Button */
.tf-close {
 position: absolute;
 top: 0px;
 right: 35px;
 color: #f1f1f1;
 font-size: 30px;
 font-weight: bold;
 line-height: 30px;
 transition: 0.3s;
}

.tf-close:hover,
.tf-close:focus {
 color: #bbb;
 text-decoration: none;
 cursor: pointer;
}
@media (min-width:65rem){
 #tfModal{
  padding-top: 100px; /* Location of the box */
 }
 #tfModalImg {
  width:80%;
  max-with: 700px;
 }
 #tfModalCaption{
  width:80%;
  max-width: 700px;
  padding: 10px 0;
  height: 150px;
 }
 .tf-close{
  top: 15px;
  font-size: 40px;
  line-height: 48px;
 }
}
/* Add Animation - Zoom in the Modal */
#tfModalImg, #tfModalCaption { 
 -webkit-animation-name: zoom;
 -webkit-animation-duration: 0.6s;
 animation-name: zoom;
 animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
 from {-webkit-transform:scale(0)} 
 to {-webkit-transform:scale(1)}
}

@keyframes zoom {
 from {transform:scale(0)} 
 to {transform:scale(1)}
}


/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
 #tfModalImg {width: 100%;}
}

span#topBtn{
 display:none;
 position:fixed;
 bottom:20px;
 right:20px;
 z-index:99;
 cursor:pointer;
 background-color: rgba(86,153,203,0.8);
 color:white;
 padding:5px;
 width:1.5rem;
 border-radius:50%;
 text-align:center;
}

#googleMaps{text-align:center;}
#googleMaps iframe{width:300px;height:225px;}
@media (min-width:65rem){
 #googleMaps iframe{width:400px;height:300px;}
}

.tf-menu-item{text-decoration:underline;}
.tf-menu-item:hover{cursor:pointer;}
#SearchBox{
 margin-top:15px;
 margin-bottom:15px;
 border:1px solid silver;
 padding:4px; 
}