@charset "UTF-8";

@-ms-viewport {
  width: device-width;
}

@viewport {
  width: device-width;
}

/*
*
* Reset
*
*/
body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, small, section, article, header, footer, nav, aside, hgroup, mark, time, meter, progress, datalist, canvas, audio, video, figure, figcaption, input { 
	margin: 0; 
/*
	padding: 0; 
*/
	border: 0; 
	font-weight: inherit; 
	font-style: inherit; 
	font-size: 100%; 
	font-family: inherit; 
/*
	vertical-align: baseline; 
*/
}
ul {
	padding-top: 5px; 
	padding-left: 20px; 
}
li {
	padding-bottom: 2px; 
}

a img { border: none; }
a, input, select, textarea { outline: none; } /* Removes Firefox imposed outline */
article, header, footer, nav { display: block; }
/* 
* 
* Tools
*
*/
.row { *zoom: 1; }
.row:before, .row:after { content: ""; display: table; }
.row:after { clear: both; }
/*
*
* Typography 
*
*/
html { 
	font-family: sans-serif;
	overflow-y: scroll;
	font-size: 15px; /* 1 */
 /*
 -webkit-text-size-adjust: none;
  -ms-text-size-adjust: 100%;
*/
}
body, p, input, textarea, select, button, h6, td {
  font-family: Arial, sans-serif;
  font-size: 15px;
  line-height: 21px;
}

.bodytext {
   text-align: justify
}

.centertext {
   text-align: center
}

.centerimage {
	text-align:center;
	margin-top: 2px;  
	margin-bottom: 5px
}
p.imagefloat:after  { 
  content: ""; 
  display: block; 
  clear: both; 
}
 
h1 { 
  font-weight: bold;
  font-size: 28px;
  line-height: 36px;
}
h2 { 
  font-weight: bold;
  font-size: 22px;
  line-height: 26px;
}
h3 {
  font-weight: bold;
  font-size: 18px;
  line-height: 23px;
}
h4 {
  font-weight: bold;
  font-size: 16px;
  line-height: 21px;
}

.new-start {
	color: white; 
	font-style: italic;
	font-weight: bold;
	float:right;
	padding: 2px 7px;
	margin: 0 0 0 10px;
	background-color:red;
}

.hide {
	display:none
}
/*
*
* Links & Buttons
*
*/
a, a:visited, a:active, a:hover { text-decoration: none; color: #1a1a1a; }
a:focus { outline: thin dotted; }

a:hover,
a:active,
button[type="submit"]:hover { outline: 0; }

a:hover { text-decoration: underline; }



/*
*
* Structure
* 
*/
@media only screen and (max-width: 968px) {
  body {
    position: relative;
    min-width: 700px;
    width: 100%;
  }
  .block {
    position: relative;
    margin: 0 auto;
    /*padding: 1.5em 1.25em;*/
    max-width: 700px;/* 960px; */
  }
  .wrap {
    width: 688px;/* 940px; */
    margin: 0 auto;
    padding-top: 40px;
    position: relative;
/*
    background: white;
*/
  }

/* content area */

  #main { 
    width: 688px; /*720px; */
    min-height:320px;
    float: right;
    position: relative;
    z-index: 21;
    padding-bottom: 19px;
/*
  background: url(../Image/border-vert.png) repeat-y left top;
*/
  }
}

@media (min-width: 968px) {
  body {
    position: relative;
    min-width: 960px;
    width: 100%;
  }
  .block {
    position: relative;
    margin: 0 auto;
    /*padding: 1.5em 1.25em;*/
    max-width: 960px;
  }
  .wrap {
    width: 940px;
    margin: 0 auto;
    padding-top: 40px;
    position: relative;
/*
  background: white;
*/
  }
/* content area */


  #main { 
    width: 720px; 
	min-height:320px;
    float: right;
    position: relative;
    z-index: 21;
    padding-bottom: 19px;
/*
    background: url(../Image/border-vert.png) repeat-y left top;
*/
  }
}

/* navigation header */
#sidenav{
	border-radius:0
}
.anchors a:focus,.sampleAnchors a:focus{
	outline:0
}
.sampleTabContent p{
	clear:left
}
.nav,.sidenav{
	padding:0
}
.sf-menu,.sf-menu *{
	margin:0;
	padding:0;
	list-style:none
}
.sf-menu li{
	position:relative
}
.sf-menu ul{
	position:absolute;
	display:none;
	top:100%;
	left:0;
	z-index:99
}
.sf-menu>li{
	display:block;
	position:relative
}
.sf-menu li:active>ul,
.sf-menu li:focus>ul,
.sf-menu li:hover>ul,
.sf-menu li.sfHover>ul{
	visibility: visible;
	display:block
}
.sf-menu a{
}
.sf-navbar a{
	color: white; 
}
.sf-menu ul ul{
	top:0;left:100%
}
.sf-menu{
	margin-bottom:1em
}


.sf-navbar{
	position:relative;

	margin-bottom:5em
}
.sf-navbar:before{
	content:'';
	position:absolute;
	left:0;
	z-index:-1;
	height:200%;
	width:100%
}
.sf-navbar ul{
	box-shadow:none
}
.sf-navbar li{
	position:static
}
.sf-navbar>li>a,.sf-navbar>li>ul>li>a{
	border:0
}
.sf-navbar>li>ul{
	min-width:36em
}
.sf-navbar ul li{
	position:relative
}
.sf-navbar ul ul{
	left:0;
	top:100%
}
.sf-navbar ul ul li{
	width:100%
}

#mainnav { 
	white-space:nowrap;
}

#mainnav li a {
    padding-top: 11px;
    padding-bottom: 11px;
    margin-top: 0px;
    margin-bottom: 0px;
	color: white;
}

#mainnav ul li.mainsub ul li a {
    padding-left: 25px;
    padding-right: 25px;
	color: white;
	min-width: 0px;	/*Die Breite zurücksetzen, damit diese nicht so breit wird wie die zweite Menüzeile (Vererbung)*/
	width: initial;
}

#mainnav ul li.mainsub ul li.mainsub a {
    padding-left: 8px;
    padding-right: 0px;
}

#mainnav li.mainsub > a.dropdown {
	min-width: 40px;
	min-height: 28px;
    padding: 9px 0px 2px 0px;
    margin: 0px 2px 0px 0px;
	font-size: 18px;
}

#mainnav li.mainsub a:focus,
#mainnav li.mainsub a:hover,
#mainnav a:focus,
#mainnav a:hover {
	color: #1a1a1a;
  text-decoration: none;
}

#mainnav ul {
  float: left;
}



#mainnav  li.is-active a {
	color: #1a1a1a;
}

#mainnav ul li {
  float: left;
	text-align: center;
    display: block;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    margin-top: 2px;
    margin-bottom: 2px;
	margin-right:1px;
    -webkit-transition: all 0.1s ease-out; 
       -moz-transition: all 0.1s ease-out; 
         -o-transition: all 0.1s ease-out; 
            transition: all 0.1s ease-out; 
}
.ie-smaller-9 #mainnav ul li {
/*
  margin: 2px 1px 0 0;
*/
/*
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF,endColorstr=#CCFFFFFF); 
    zoom: 1;
*/
}
#mainnav ul > li.mainsub  {
    padding-left: 10px;
    padding-right: 0px;
}

@media only screen and (max-width: 968px) {
  #mainnav ul li a {
	display:inline-block;
	min-width: 128px;
    padding-left: 0px;
    padding-right: 0px;
 	color: white;
    font-size: 13px;
	line-height: 18px;
    font-weight: bold;
  }
  #mainnav ul li.mainsub a {
	min-width: 100px;
    padding-left: 0px;
    padding-right: 0px;
  }
  #mainnav ul li.mainsub ul li.mainsub a.dropdown {
	min-width: 40px;
    padding-left: 0px;
    padding-right: 0px;
    margin-left: 0px;
    margin-right: 2px;
  }
}

@media (min-width: 968px) {
  #mainnav ul li a {
	display:inline-block;
	min-width: 183px;
    padding-left: 0px;
    padding-right: 0px;
	color: white;
    font-size: 13px;
	line-height: 18px;
    font-weight: bold;
  }
  #mainnav ul li.mainsub a {
	min-width: 148px;
    padding-left: 0px;
    padding-right: 0px;
  }
  #mainnav ul li.mainsub ul li.mainsub a.dropdown {
	min-width: 0px;
    padding-left: 6px;
    padding-right: 6px;
    margin-left: 0px;
    margin-right: 2px;
  }
}

#mainnav ul li.mainsub ul li.mainsub {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
	width: initial;
	min-width: 0px;	/*Die Breite zurücksetzen, damit diese nicht so breit wird wie die zweite Menüzeile (Vererbung)*/
}

#mainnav li.mainsub ul li:focus,
#mainnav li.mainsub ul li.mainsub.is-active,
#mainnav li.mainsub ul li:hover,
#mainnav li.mainsub ul li.mainsub:focus,
#mainnav li.mainsub ul li.mainsub:hover,
#mainnav li:focus,
#mainnav li.is-active,
#mainnav li.mainsub.is-active,
#mainnav li:hover,
#mainnav li.mainsub:focus,
#mainnav li.mainsub:hover {
	color: #1a1a1a;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 2px;
    padding-bottom: 2px;
    -webkit-transition: all 0.2s ease-out; 
       -moz-transition: all 0.2s ease-out; 
         -o-transition: all 0.2s ease-out; 
            transition: all 0.2s ease-out; 
}

#mainnav li.mainsub ul li.mainsub ul li:focus,
#mainnav li.mainsub ul li.mainsub ul li:hover {
    padding-top: 2px;
    padding-bottom: 2px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.sf-navleft,
.sf-navright {
   width: 100%;
}

#mainnav ul li ul.sf-navleft li {
	float:left;
}
#mainnav ul li ul.sf-navright li {
	float:right;
}

#mainnav  li.is-active ul li.is-active a,
#mainnav  li.is-active ul li:hover a {
	color: #1a1a1a;
}

#mainnav  li.is-active ul li.is-active ul li a,
#mainnav  li.is-active ul li:hover ul li a {
	color: white;
}
#mainnav  li.is-active ul li.is-active ul li.is-active a,
#mainnav  li.is-active ul li.is-active ul li:hover a,
#mainnav  li.is-active ul li:hover ul li:hover a {
	color: #1a1a1a;
}


#mainnav  li.is-active ul li a{
	color: white;
}


#mainnav ul li.mainsub ul li.mainsub ul li {
	min-width: 0;	/*Die Breite zurücksetzen, damit diese nicht so breit wird wie die zweite Menüzeile (Vererbung)*/
	width: 100%;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}

#mainnav ul li.mainsub ul li.mainsub ul li a {
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 9px;
    padding-bottom: 9px;
}


/* navigation subsite */
@media only screen and (max-width: 968px) {
  #sidenav{
	  display:none
  }
}
@media (min-width: 968px) {
  #sidenav {
    overflow: hidden;
    width: 220px;
    /*margin-top: 55px;*/
    display: block;
    float: left;
    font-size: 15px;
    line-height: 18px;
  }
}
#sidenav .block {
  margin: 0 2px 0 10px;
}
#sidenav li ul {
  margin: 0 0 0 16px;
}
#sidenav li a { padding: 3px 0; }

#sidenav .is-active > a {
  font-weight: bold;
}
#sidenav a:hover {
  font-weight: bold;
  text-decoration: none;
}

#sidenav li:last-child {
  border-right: none;
}
#sidenav li a {
  display: block;
  outline: none;
  font-weight:bold;
  word-wrap: break-word;
}
#sidenav li a span {
  display: table-cell;
  vertical-align: middle;
  height: 50px;
  padding-left: 10px;
}  
#sidenav li a:hover {
  background: none; filter: none;
}

#sidenav ul {
  *zoom: 1;
  display: block;
}
#sidenav ul:before, #sidenav ul:after {
  content: "";
  display: table;
}
#sidenav ul:after {
  clear: both;

}/* header */
.startseite .inner {
  max-width: 960px;
  margin: 0 auto;
}
#top {
  z-index: 100;
  position: relative;
}
#top .block { 
  width: 960px;
}
#top .block:first-child {
  padding: 32px 0 48px 0;
}
/*JT: fix mob differences*/
  #top .block:first-child {
    padding: 32px 0 0 0;
    height: 84px;
  }
#top .block-title {
  float: left;
}
#top .block-title a {
  display: block;
}
#bottom {
  z-index: 100;
  position: relative;
}
#bottom .block { 
  width: 960px;
}
#bottom .block-title {
  float: left;
}
#bottom .block-title a {
  display: block;
}
#top #metanav {
  float: right;
  text-align: right;
}
#top #metanav ul {
  margin-top: -10px;
}
#top #metanav li {
  display: inline;
  text-align: right;
  padding: 0 10px;
}
#top #metanav li:last-child {
  padding-right: 10px;
  font-weight: bold;
}
#top #metanav li a {
  color: #fff;
  text-transform: uppercase;
  font-size: 15px;
}
#top #metanav li.active a {text-decoration:underline;}

/*Tabllennavigation*/
#tablenav ul li {
  display: block;
	text-align: center;
}
#tablenav ul li a {
	color: white;
  padding: 8px 20px;
  display: block;
  font-size: 15px;
  font-weight: bold;
}

/* navigation submenü */
#submenu { 
	white-space:nowrap;
}
#submenu ul {
  padding: 0px 0 1px 0;
}
#submenu ul li {
  display: block;
  float: left;
  margin: 2px 1px 2px 0;
  padding: 1px 0 1px 0;
    -webkit-transition: all 0.1s ease-out; 
       -moz-transition: all 0.1s ease-out; 
         -o-transition: all 0.1s ease-out; 
            transition: all 0.1s ease-out; 
}
#submenu ul li.is-active,
#submenu ul li:hover {
	color: #1a1a1a;
  margin: 0px 1px 0 0;
  padding: 3px 0 3px 0;
    -webkit-transition: all 0.2s ease-out; 
       -moz-transition: all 0.2s ease-out; 
         -o-transition: all 0.2s ease-out; 
            transition: all 0.2s ease-out; 
}
#submenu a:hover {
	color: #1a1a1a;
  text-decoration: none;
}

#submenu li a {
	color: white;
}

#submenu  li.is-active a {
	color: #1a1a1a;
}

#submenu ul li a {
	color: white;
  padding: 8px 20px;
  display: block;
  font-size: 15px;
  font-weight: bold;
}


/* Fußzeile (Navigation für Mobilgeräte) */
footer{
/*
	position: fixed;	
    left: 0 ; right: 0; bottom: 0; 
    height:[footer-height];
	z-index: 10000;
	background: white;
	padding-bottom: 10px;
*/
/*
position: sticky;
bottom:0;
padding-bottom: 5px;
z-index: 10000;
background: white;
*/
	text-align: center
}
footer h3
{
	line-height: 200%
}
footer h4
{
	line-height: 180%
}

@media (min-width: 968px) {
  footer{
	  display:none
  }
  .footerspace {
	  display:none
  }
}

/* startseite */
@media only screen and (max-width: 968px) {
  #main article.block {
    padding: 2px 0 0 2px;
    display: block;
  }
}  
@media (min-width: 968px) {
  #main article.block {
    padding: 4px 0 0 32px;
    display: block;
  }
}
#main article .content {
  width: 688px;
}

article .hitword {
  font-weight: bold;
}
article .content h1 {
  font-weight: normal;
  margin: -18px 0 14px 0;
}
article .content h2 {
  margin: 20px 0 10px 0;
}
article .content h3,
article .content h4 {
  margin: 0px 0 10px 0;
}
article .content p {
  padding: 0 0 7px 0;
  line-height: 21px;
}
article .content img.left-aligned {
  float: left;
  margin: 0 5px 5px 0;  
}
article .content img.right-aligned {
  float: right;
  margin: 0 160px 5px 5px;  
}

.subline {
  height: 1px;
}
.subline a {
  font-family: Arial;
  font-weight: normal;
  font-size: 26px;
  line-height: 26px;
  margin-top: -64px;
  margin-right: 12px;
  float: right;
  display: block;
  color: #fff;
}
.subline a span {
  font-family: Arial;
  font-weight: normal;
} 
.subline a:hover {
  text-decoration: none;
  border: none;
}


/*
  * Style settings of LayerSlider
  *
  * (c) 2011-2013 George Krupa, John Gera & Kreatura Media
  * http://codecanyon.net/licenses/
*/
/* ===============================================================
LAYERSLIDER
================================================================*/
.ls-bg { max-width: 960px!important; }
.ls-s2 img { max-width: 160px!important; max-height: 160px!important; }

#layerslider-container {
  overflow: hidden;
}