html, body {
    min-height: 100%;
    height: auto !important;
    height: 100%;
}

body * {
    line-height:1.22em;
}

*, *::before, *::after {
    box-sizing: inherit;
}


body {
font: 100.01% "Trebuchet MS", Trebuchet, Tahoma, Verdana, Arial, sans-serif;
  padding:0px;
  margin:0px;
  background: #edeaea;
  font-family:Verdana,Arial,Helvetica,sans-serif;
  color:#333333;
  overflow-x: hidden;
}

#wrapper {
width:100%; 
margin:0px; 
padding: 0;
}


#page { 
padding: 0; 
padding-left: 8px;
padding-top: 24px;
padding-bottom: 24px;
text-align: left; 
clear: both; 
position: relative; 
max-width: 1440px;
margin: 0px auto 0px auto; 
background: #fff;
color:#000;
border: 0px solid #ccc;
}


.logos  {
		float:left;
		padding: 13px;
    margin: 5px;
    border: 1px solid grey;
	}

.columns{
  width:100%;
  	}
	.columns:after{
		content:"";
		display:block;
		clear:both;
	}
	.columns > div,
	.columns > article{
		float:left;
		vertical-align:top;
	}

/* Volle oder halbe Divs */
.fullWidth{
  width:90%;
  padding-left: 10px;
  padding-right: 10px;}
  
  .fullWidth img{
  width:90%;
  padding-left: 10px;
  padding-right: 10px;
  }
  
.half {
		width:48.0%;
		margin:0;
    padding-left: 0px;
	}
  
  .footerhalf {
    float: left;
		width:100.0%;
		margin:0;
    padding-bottom: 0px;
	}
  
  .footerhalf2 {
    float: left;
		width:16.0%;
		margin:0;
    padding-left: 0px;
    padding-bottom: 0px;
	}
  
 
 #subnavileft {
    width: 20%;
    max-width: 230px;
    margin-top: 25px;
		float: left;
	}
  
  
  
.boxen   {
    max-width: 220px;
    margin-top: 25px;
    border: #e9e9e9 2px solid;
		float: left;
	}
  
  .boxen  p {
    font-size: 0.7em; 
	}
  
  .boxen  h2 {
    font-size: 0.9em; 
    padding: 6px 0px 0px 7px;
	/* Der erste Wert für den Abstand oben, der Zweite rechts, der Dritte unten und der Vierte links */
	}
  
  .boxen .pdfrechts {
    color: #666;
    margin-top: -5px;
}




.boxen2   {
    max-width: 220px;
    margin-top: 25px;
    border: #e9e9e9 0px solid;
		float: left;
	}
  
  .boxen2  p {
    font-size: 0.7em; 
	}
  
  .boxen2  h2 {
    font-size: 0.9em; 
    padding: 6px 0px 0px 7px;
	/* Der erste Wert für den Abstand oben, der Zweite rechts, der Dritte unten und der Vierte links */
	}
  
  .boxen2 .pdfrechts {
    color: #666;
    margin-top: -5px;
}




  
  .buboxen {
  color:#666666;
  font-size:0.6em;
  margin-top: -8px;
  padding:2px 0px 0px 8px;
}
  
  
#example2 {
    width: 82%;
		float: left;
    padding-left: 20px;
	}
  
.text {
	width: 100%;
	padding: 30px;
	box-sizing: border-box;
}

 
.keinumbruch {
		white-space: nowrap;
	}

#content {width:520px; margin:0px auto;
padding-left:34px;}



	/* Slideshow */
  
  
/* jssor slider bullet navigator skin 05 css */
        /*
        .jssorb05 div           (normal)
        .jssorb05 div:hover     (normal mouseover)
        .jssorb05 .av           (active)
        .jssorb05 .av:hover     (active mouseover)
        .jssorb05 .dn           (mousedown)
        */
        .jssorb05 {
            position: absolute;
        }
        .jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {
            position: absolute;
            /* size of bullet elment */
            width: 16px;
            height: 16px;
            background: url('images/mmbullets.png') no-repeat;
            overflow: hidden;
            cursor: pointer;
        }
        .jssorb05 div { background-position: -7px -7px; }
        .jssorb05 div:hover, .jssorb05 .av:hover { background-position: -37px -7px; }
        .jssorb05 .av { background-position: -67px -7px; }
        .jssorb05 .dn, .jssorb05 .dn:hover { background-position: -97px -7px; }

        /* jssor slider arrow navigator skin 22 css */
        /*
        .jssora22l                  (normal)
        .jssora22r                  (normal)
        .jssora22l:hover            (normal mouseover)
        .jssora22r:hover            (normal mouseover)
        .jssora22l.jssora22ldn      (mousedown)
        .jssora22r.jssora22rdn      (mousedown)
        */
        .jssora22l, .jssora22r {
            display: block;
            position: absolute;
            /* size of arrow element */
            width: 40px;
            height: 58px;
            cursor: pointer;
            background: url('images/mmslider.png') center center no-repeat;
            overflow: hidden;
        }
        .jssora22l { background-position: -10px -31px; }
        .jssora22r { background-position: -70px -31px; }
        .jssora22l:hover { background-position: -130px -31px; }
        .jssora22r:hover { background-position: -190px -31px; }
        .jssora22l.jssora22ldn { background-position: -250px -31px; }
        .jssora22r.jssora22rdn { background-position: -310px -31px; }

     /* Headerbild */ 
     
#headerbild img{
width:100%!important; 
height: auto;
margin-bottom: -3px!important;
}


.startseite_teaser {
    position: relative;
    width: 100%;
    padding: 0px;
    margin-bottom: 12px;
    clear: both;
    display:block;
}

.slide {
width: 100%; 
padding: 0; 
text-align: left; 
clear: both; 
position: relative; 
margin: 0 auto 0; 
color:#fff;
padding-bottom:30px;
}

.startseite_teaser .slide img {   
    width: 100%;
    height: auto !important;
    z-index:100;
}

.slidetext {   
    margin-top: -120px;
    text-align: center;                
}

.slide h2 { 
    border: #e9e9e9 2px solid;
    border-radius: 20px;
    background: #0747c1;
    font-size: 33px; 
    padding: 6px; 
    display: inline-block;
    line-height: 40px;
    color: #fff;
    text-shadow: 0 1px 4px #000;
    font-family:"Folio", Arial,sans-serif;
    font-weight: bold;
    margin: 10px auto;}
    
.slide h2 a{ 
text-decoration: none;
}

.slide h2 a:hover{ 
text-decoration: underline;
}
    
/* eof slider */ 


@media only screen and (max-width: 790px) { /*  */

#wrapper {
overflow-x: hidden!important;
}

#page { 
overflow-x: hidden!important;
width: 100%!important; 
padding: 0; 
 background: #fff;
text-align: left; 
margin: 0; 
color:#000;
}


.eingabeklein {
	width:200px!important;
}

#subnavileft {
display: none!important; 
	}
  
#example2 {
    width: 100%;
		float: left;
    padding-left: 10px;
	}

#content {margin:0px;}


.columns > div,
	.columns > article{
		float:none;
		margin:0;
		width:90%;
    margin-right:5%;  
	}
  
 .half,
	.half + .half {
  width:90%;
		margin-left:5px;
    margin-right:5%;
    padding-bottom: 20px;
	}
  
  .footerhalf {
		width:100%;
		margin:0;
    padding-left: 0px;
    padding-bottom: 0px;
	}
  
  .footerhalf2 {
		width:100%;
		margin:0;
    padding-left: 20px;
    padding-bottom: 0px;
	}
  

  }
  
  
  
#desc {margin:0px; float:left; font-family: Arial, sans-serif; font-size: 12px;}

.clear {display: block!important; margin: 5px 0 5px 0!important; padding: 0!important; clear: both!important;line-height: 5px!important; font-size: 1px!important; height: 0!important;}



h1, h3, h4, h5 {
    font: 1.7em Verdana, Geneva, Arial, Helvetica, sans-serif;
    color:#000;
    clear: both;
	  padding:0px 0px 0px 7px;
	/* Der erste Wert für den Abstand oben, der Zweite rechts, der Dritte unten und der Vierte links */
}

	

h2 {
    font: 1.4em Verdana, Geneva, Arial, Helvetica, sans-serif;
    color:#000;
    clear: both;
    margin:0px;
	  padding:10px 0px 7px 7px;
}

h3 {
}

h4 {
/* z.B. Titel bei Referenzen */
	font-size:0.9em;
    color:#fff;
    clear: both;
	padding:6px 0px 0px 7px;
}

h5 {
/* z.B. Titel bei Referenzen */
	font-size:1.2em;
    color:#0091d5;
    clear: both;
    margin: 0;
	padding:7px 0px 4px 7px;
	/* Der erste Wert für den Abstand oben, der Zweite rechts, der Dritte unten und der Vierte links */
}



h6 {
/* z.B. Titel bei Mitarbeiter */
	font-size:0.9em;
	font-weight:bold;
  color:#fff;
  clear: both;
	padding:0px 0px 0px 0px;
}

p, table {
    margin: 5px 0;
    clear: both;
}

ul, ol {
    margin-left: 0px!important;
    padding-left: 0px!important;
}

ul ul {
    margin-bottom: 20px;
}

#wrap {
    /*margin: 0 12%;*/
    margin: 0px 5px;  /* erster wert abstand header zum content bzw. menu*/
}


img { border: 0;
max-width: 100%; }

.logo    { 
border: 0;
 }

.bildobenunten    { 
border: 0;
}


.bild24    { border: 0;
width: 120px!important; 
padding-left: 7px;}

a {
text-decoration: underline; 
padding:0;
color:#666666;
font: 100.01% Arial, Helvetica, sans-serif;
text-decoration: none;
}
a:hover {
text-decoration: none;
padding:0;
color:#0091d5;
font: 100.01% Arial, Helvetica, sans-serif;
}

a:active {
text-decoration: none;
padding:0;
color:#000;
font: 100.01% Arial, Helvetica, sans-serif;
}


/* Contentrahmen für Linkseite */
#inner2 { 
display: block; 
margin-left: 0px; 
margin-right: 0px; 
padding:0px;}

/* linker Spalteninhalt */
@media only screen and (min-width: 751px) { /*  */
#leftcolumn { 
display: block; 
margin-left: 0px; 
margin-right: 0px; 
padding:0px;
float: left; 
position: relative; 
min-height: 450px;
left: 0px; 
border:0px solid red;
width: 100%;}
  }


.foto  { 
float: left;  
padding-right: 20px; 
padding-bottom: 20px;
border:0px solid yellow;}


/* linker Spalteninhalt Links */
#leftcolumn2 { 
float: left; 
position: relative; 
width: 50%; 
left: 0px; 
border:1px solid yellow;}

#rightcolumn2 { float: right; position: relative; width: 470px; right: 1px; border:1px solid red;}

*html #rightcolumn2{ float: right; width: 470px; margin-right:0!important; padding-left: 0px; border:0px;} /* ie6 fix */
*+html #rightcolumn2{ float: right; width: 470px; margin-right:0!important; padding-left: 0px; border:0px;} /* ie7 fix */



/* Navigation */
a.navi{
margin:12px 0 0 0;
padding:0;
display: block; 
height: 24px; 
width:100%;
text-decoration: none; 
color:#ffffff;
font: 100.01% Arial, Helvetica, sans-serif;
}

a.navi:hover{margin:12px 0 0 0;padding:0;
display: block; height: 24px; width:100%;
text-decoration: none; 
color:#ffffff;}

/* Links im Text */
/* weiß */
a.textlinks{text-decoration: none; color:#000000;}
a.textlinks:hover{text-decoration: underline; color:#000000;}
/* schwarz */
a.textlinks2{text-decoration: none; color:#000000;}
a.textlinks2:hover{text-decoration: underline; color:#000000;}

/* im grünen Feld links */
a.textlinks3{text-decoration: none; color:#ffffff;}
a.textlinks3:hover{text-decoration: underline; color:#ffffff;}



/* mehr */
a.mehr{text-decoration: none; color:#333333;}
a.mehr:hover{text-decoration: underline; color:#333333;}


#headerbild { 
width: 100%;
margin: 0px;
display: block; 
height: auto; 
color: #000; 
padding: 0; 
font-size: 1em; 
border:0px solid #666666; 
text-align:left;
}


#kopf { 
margin: 0px;
background: #fff; 
display: block; 
height: 110px; 
color: #000; 
padding: 0; 
font-size: 1em; 
border:0px solid #666666; 
text-align:left;
}


#kopfinhalt { 
max-width: 1320px; 
padding: 0; /* opera does not like 'margin:20px auto' */ 
text-align: left; clear: both; 
position: relative; 
margin: 0 auto 0; 
padding-top: 10px;
color:#fff;
}

.logooben{
		max-width:40%;
		margin:0;
    padding: 0px;
    float: left;
	}
  
.navioben2{
    text-align: right;
		margin:0;
    padding: 0px;
    float: left;
    width: 60%;
	}


#kopf2 { 
margin: 0px;
display: block;  
color: #000; 
padding: 0; 
text-align:left;
z-index: 9999!important;}
     


   /* Responsive Menü ///////////////////////////////////////*/
.respmenu {
	display: none;
  
}

.show-menu {
	text-decoration: none;
	position: fixed;
	top:20px;
	right:20px;	
	display: none;	
	z-index:1999;
}


/*Hide checkbox*/
input[type=checkbox]{
    display: none;
}
/*Show menu when invisible checkbox is checked*/
input[type=checkbox]:checked ~ #menu{
    height: 1975px;
    display: block;
    left: 0px;
    background: #0091d5;
}
input[type=checkbox]:checked ~ #container{
	visibility: hidden;
}

.respmenu li a {
    padding: 12px 0px 12px 5% !important;
    width: 95% !important;
    display: block !important;
    height: 22px !important;
    line-height: 22px !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    color: #ffffff !important;
    border-top: 1px solid #3C3C3C !important;
    text-decoration: none !important;
}

.respmenu li li a {
    padding-left: 10% !important;
    width: 90% !important;
    overflow: hidden !important;
}

  /* Untergruppen Handymenu */



/* eof Untergruppen Handymenu */


/* Login */

#loginoben { 
float: right;
margin: 6px 0px 0px -50px; /* Der erste Wert für den Abstand oben, der Zweite rechts, der Dritte unten und der Vierte links */
display: block;  
color: #000; 
padding: 0; 
padding-right: 6px;
font-size: 0.8em; 
border:0px solid #666666; 
text-align:right;}

 a.login{
margin:0px;
padding:8px;
text-decoration: none; 
color:#666;
font: 100.01% Arial, Helvetica, sans-serif;
}

a.login:hover{
padding:8px;
text-decoration: underline; 
color:#666;}


/* eof Login */

#navioben { 
float: right;
margin: 24px 0px 0px 0px; 
display: block;  
color: #000; 
padding: 0; 
font-size: 1em; 
border:0px solid #666666; 
text-align:left;}


/* damit Menu nicht springt */ 

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

#navioben { 
  margin-top: 28px!important; 
        }
        
        .sf-menuoben a, .sf-menuoben a:visited   {
    font-size: 13px!important;
  }
  .sf-menuoben .kontakt a  {
    font-size: 13px!important;
  }
     }   
        
@media only screen and (max-width: 890px) {

#navioben { 
  margin-top: 28px!important; 
        }
  
  .sf-menuoben a, .sf-menuoben a:visited   {
    font-size: 12px!important;
  }
  .sf-menuoben .kontakt a  {
    font-size: 12px!important;
  }
 }


@media only screen and (min-width: 769px) { /*  */
#kopf2 { 
display: none; 
}
   }  
   
   @media only screen and (max-width: 768px) { /*  */
#kopf { 
display: none; 
}

#wrapper {width:100%; margin:0px; padding: 0; 
background: #ffffff;}  

#wrap {
	background-color:#fffff;
  margin: 0px  }
  

#navioben {
	display:none;
}

#naviinhalt {
	display:none;
}

.show-menu {
	display: block;	
}
.respmenu {

}

ol, ul {
    list-style: none;
}

.respmenu li {
    list-style-type: none !important;
    position: relative !important;
}



.slidetext {   
    margin-top: -120px;
    text-align: center;                
}

.slide h2 { 
    border: #e9e9e9 2px solid;
    border-radius: 20px;
    background: #0747c1;
    font-size: 23px; 
    padding: 3px; 
    display: inline-block;
    line-height: 26px;
    color: #fff;
    text-shadow: 0 1px 4px #000;
    font-family:"Folio", Arial,sans-serif;
    font-weight: bold;
    margin: 10px auto;}
    
h1, h3, h4, h5 {
    font: 1.6em/1.231 Verdana, Geneva, Arial, Helvetica, sans-serif;
    color:#000;
    clear: both;
	padding:0px 0px 0px 4px;
}

h5 {
    font: 1.6em/1.231 Verdana, Geneva, Arial, Helvetica, sans-serif;
    color:#0091d5;
    clear: both;
	padding:0px 0px 0px 4px;
	/* Der erste Wert für den Abstand oben, der Zweite rechts, der Dritte unten und der Vierte links */
}

.foto  { 
float: left;  
padding-right: 0px; 
padding-left: 20px; 
padding-bottom: 20px;
border:0px solid yellow;} 


   }     

iframe   {   
    max-width: 98%!important;                
}


.mitte {
/* alles ausser Header und Footer */
  position:relative;
  padding:0px;
  width:100%;
  border:0px solid red;
}
#inhalt {
/* Content ohne Navi */
  min-width:120px;
  padding:0px;
  margin:0px;
  height:100%;
  border:0px solid blue;
}
#links {
  position:absolute;
  top:0px;
  left:0px;
  width:160px;
  height:100%;
  text-align:left;
  background-color:#ffffff;
}

#leftBox { float: left; 
position: relative; 
left: 0px; 
border:0px solid yellow;
width: 100%;} 


.embed-container {
  width: 800px; 
  height: auto; 
}


.pdfmitte {
  margin-top: -20px;
  padding-bottom: 20px;
}


.pdfmitte a {
text-decoration: none;
font: 14px Arial, Helvetica, sans-serif;
border-bottom: 1px dotted #fff;
}


.pdfmitte a:hover {
text-decoration: none;
font: 14px Arial, Helvetica, sans-serif;
border-bottom: 0px dotted #fff;
}


 @media only screen and (max-width: 750px) { /*  */
 #mitte {
/* alles ausser Header und Footer */
    float:none;
		margin:0;
		width:100% !important;
}


.embed-container {
  height: 0; 
  overflow: hidden; 
  width: 100%;
  height: auto;
}

.embed-container iframe {
  max-width: 100%; 
  height: auto; 
}


#inhalt {
/* Content ohne Navi */
	float:none;
		margin:0;
		width:90%;
}
#links {
position: relative;
    margin:0;
    width:90%;
}
#leftBox { 
    float:none;
		margin:0;
		width:100%!important;
    left: 3px!important;}
    
 .pdfmitte a {
text-decoration: none;
font: 18px Arial, Helvetica, sans-serif;
border-bottom: 1px dotted #fff;
}


.pdfmitte a:hover {
text-decoration: none;
font: 18px Arial, Helvetica, sans-serif;
border-bottom: 0px dotted #fff;
}

img {
padding-bottom: 15px;
}

}


/* Kästen rechts */

.pdfrechts {
color:#ffffff;
  margin-top: -20px;
}

.pdflinks {
color:#ffffff;
  margin-top: -10px;
}

/* Footer */
    @media all and (min-width: 751px){
  #footer {
  color:#fff;
  margin:0px;
  padding: 0;
  background-color: #0192d1;
}
}

.pfuss {
padding:10px 0px 2px 0px;
	/* Der erste Wert für den Abstand oben, der Zweite rechts, der Dritte unten und der Vierte links */
font-size:0.9em;
text-align: center;
color:#fff;
}

.pfuss img {
padding-right:18px;
}

a.footerlinks{
margin:0px;
padding:10px;
text-decoration: none; 
color:#fff;
font: 100.01% Arial, Helvetica, sans-serif;
}

a.footerlinks:hover{
padding:10px;
text-decoration: underline; 
color:#fff;}

/* morjan */

.morjan {
font-size:0.7em;
text-align: center;
color:#fff;
}

a.footerlinks2{
margin:0px;
padding:12px;
text-decoration: none; 
color:#fff;
font: 100.01% Arial, Helvetica, sans-serif;
}

a.footerlinks2:hover{
padding:12px;
text-decoration: underline; 
color:#999999;}

/*  Footer Smartphone */
@media all and (max-width: 750px){
#footer {
background: #0192d1;
font-size:16px;
  color:#fff;;
  width:100%!important;
  margin-left:0px;        
  margin-right:5%; 
}

.pfuss {
padding:8px;
font-size:16px;
text-align: center;
color:#fff;
}

.pfuss img {
padding-right:18px;
width: auto!important;
}

a.footerlinks{
margin:0px;
padding:16px;
text-decoration: none; 
color:#fff;
font: 100.01% Arial, Helvetica, sans-serif;
}

a.footerlinks:hover{
padding:16px;
text-decoration: underline; 
color:#ccc;}

/* morjan */

.morjan {
font-size:0.9em;
text-align: center;
color:#cccccc;
}

a.footerlinks2{
margin:0px;
padding:0px;
text-decoration: none; 
color:#fff;
font: 100.01% Arial, Helvetica, sans-serif;
}

a.footerlinks2:hover{
padding:0px;
text-decoration: underline; 
color:#ccc;}
}
/* Eof Footer */

/*  Sternchen beim Kontaktformular */

.sternchen {
	color: #fff;
}


/* Tabellen */


table {
border: 0;
}

.t1 {
  margin: 0;
	padding: 0;
	width: 775px;
}


.t240 {
	width: 240px;
}


.abstand10 {
	width: 100%; 
	height: 10px; 
	position: relative; 
}
                        
.abstand15 {
	width: 100%; 
	height: 15px; 
	position: relative; 
}

.abstand20 {
	width: 100%;
  height: 20px;
  position: relative;
}

.abstand25 {
	width: 100%; 
	height: 25px; 
	position: relative; 
}



@media all and (max-width: 750px){
.t1 {
  margin: 0;
	padding: 0;
	width: 50%;
}


.t240 {
	width: 50%;
}
}


p, td {
	font-size:1.2em;
  margin: 0px 0;
  clear: both;
  color: #5a5a5a;
	padding:6px 12px 14px 7px;
	/* Der erste Wert für den Abstand oben, der Zweite rechts, der Dritte unten und der Vierte links */
	text-align:left;
}

.wrapp li {
	font-size:0.9em;
  margin: 0px;
  clear: both;
  color: #5a5a5a;
	font-family: inherit, Arial,Helvetica,sans-serif;
	padding:4px 12px 4px 8px;
	/* Der erste Wert für den Abstand oben, der Zweite rechts, der Dritte unten und der Vierte links */
	text-align:left;
}

  @media all and (max-width: 750px){
p, td {
	font-size:1.2em;
  margin: 0px 0;
  clear: both;
	font-family:Arial,Helvetica,sans-serif;
	padding:3px 6px 3px 7px;
	/* Der erste Wert für den Abstand oben, der Zweite rechts, der Dritte unten und der Vierte links */
	text-align:left;
}


td img{width:auto;}
}



.textbeibildrechts {
	font-size:1.0em;
	margin: 0px 0;
	padding:0px 0px 0px 0px;
  width:500px;
  
}

.textbeibildlinks {
	font-size:1.0em;
  width:500px;
	margin: 0px 0;
	padding:0px 0px 0px 0px;
}


textarea {
	font-size: 100%;
	overflow: auto;
	vertical-align: top;
  width: 90%;
  height: 140px;
}

@media all and (max-width: 750px){
.textbeibildrechts {
	font-size:1.0em;
	margin: 0px 0;
	padding:0px 0px 0px 0px;
  width:90%;
  
}

.textbeibildlinks {
	font-size:1.0em;
  width:90%;
	margin: 0px 0;
	padding:0px 0px 0px 0px;
}
}


.white {
   font-size:0.9em;
    margin: 0px 0;
    clear: both;
	font-family:Arial,Helvetica,sans-serif;
	padding:6px 12px 6px 7px;
	/* Der erste Wert für den Abstand oben, der Zweite rechts, der Dritte unten und der Vierte links */
  	color:#ffffff;
	text-align:left;
}

form {
	font-size:0.8em;
  margin: 0px 0;
  clear: both;
	font-family:Arial,Helvetica,sans-serif;
	padding:3px 0px 3px 7px;
	/* Der erste Wert für den Abstand oben, der Zweite rechts, der Dritte unten und der Vierte links */
	text-align:left;
}


.eingabeklein {
	width:300px;
}


.Headline {
  font-size:0.9em;
  font-weight:bold;
  padding: 5px 0px 5px 60px;
  color:#a40927;
} /* Ausrichtung 1 Wert oben 3 wert unten */

.bilduntermenu {
  font-size:0.8em;
  padding:5px 10px;
}

/* Bilderanzeige Content */
.bildrechts {
  float: left;
  border: 0px;
  margin-bottom: 0px;
  margin-left:0px;
}

.weiterebilder {
 padding:3px 2px 0px 7px;
  /* Der erste Wert für den Abstand oben, der Zweite rechts, der Dritte unten und der Vierte links */
  
}

.bu {
  color:#333333;
  font-size:0.7em;
  margin-top: -30px;
}

.buoben {
  color:#333333;
  font-size:0.7em;
  margin-top: -8px;
  padding:2px 0px 0px 8px;
  /* Der erste Wert für den Abstand oben, der Zweite rechts, der Dritte unten und der Vierte links */
}


.buwhite {
  color:#ffffff;
  font-size:0.7em;
  margin-top: -8px;
  padding:2px 0px 0px 8px;
  /* Der erste Wert für den Abstand oben, der Zweite rechts, der Dritte unten und der Vierte links */
}


.burechts {
  color:#333333;
  font-size:0.7em;
  margin-top: 0px;
  padding:2px 0px 0px 8px;
}

.bulinks {
  color:#333333;
  font-size:0.7em;
  margin-top: 0px;
  padding:0px 0px 0px 15px;
}
/* Ende Bilderanzeige Content */

.rot {
  color:red;
  font-size:1.3em;
  font-weight:bold;
}

@media only screen and (min-width: 769px) {
.streifenblau  {
  /* Die alte Syntax, veraltet und mit Präfix versehen, für alte Browser */
background: -prefix-linear-gradient(left, #ffffff, #0292d1); 

/* Die neue Syntax, die von Browsern benötigt wird, die dem Standard folgen (Opera 12.1,
   IE 10, Firefox 16, Chrome 26, Safari 6.1), ohne Präfix */
background: linear-gradient(to right, #ffffff, #0292d1); 

  background-position: right top;
  height: 14px;
  width: 100%;
}
     }
     
     
@media only screen and (max-device-width: 480px) {

  a[href^="tel"]:link,

  a[href^="tel"]:visited,

  a[href^="tel"]:hover {

      text-decoration:    underline;

      color: blue;

   }

}


/* diverse */
.clearer { display: block!important; margin: 0!important; padding: 0!important; clear: both!important; line-height: 0!important; font-size: 0!important; height: 0!important; }
.clear { clear: both; }
.clear {display: block!important; margin: 5px 0 5px 0!important; padding: 0!important; clear: both!important;line-height: 5px!important; font-size: 1px!important; height: 0!important;}


/* zweispaltig */
#zweispaltig { display: block; margin-left: 0px; margin-right: -20px; padding:0px; width: 780px; border:0px solid yellow;}

#linkespalte { float: left; position: relative; width: 440px!important; left: 0px; border:0px solid red;}
#rechtespalte { float: right; position: relative; width: 48%; left: 0px; margin-right:20px!important; border:0px solid blue;}

*html #linkespalte{ float: right; width: 370px; margin-right:0!important; padding-left: 0px; border:0px;} /* ie6 fix */
*+html #rechtespalte{ float: right; width: 370px; margin-right:20px!important; padding-left: 0px; border:0px;} /* ie7 fix */

@media all and (max-width: 750px){
 #linkespalte { float: none; position: relative; width: 100%; left: 0px; border:0px solid red;}
 #zweispaltig { float: none; margin:0px; padding:0px; width: 100%; border:0px solid yellow;}
 #rechtespalte { float: none; position: relative; width: 100%; margin:0px; border:0px solid blue;}
}

/* Ende zweispaltig */




/* Breite für Textinhalt */
.smallbox {width:250px;}
.smallbox2 {width:180px;}
.bigbox {width:710px;}

@media all and (max-width: 750px){
.smallbox {width:100%;}
.smallbox2 {width:100%;}
.bigbox {width:100%;}
}


/* Accordion Linkseite */

.basic, #list3 { width: 520px; }

#list3 { border: 0px solid #111; }
#list3 div.selected .title { 
font-weight: bold;
 }
#list3 div div {
	background-color: #86c8cc;
	border-left:0px solid #6699CC;
	padding: 0px;
}
#list3 div.title {
	font-size: 0.9em;
	color:#278083;
	border-bottom: 1px dotted #278083;
	padding: 5px;
	cursor: pointer;
}
#list3 div.selected {
	border-bottom: none;
}


.listelinks {
  color:#333333;
  font-size:0.8em;
  margin-top: 0px;
  padding: 2px 0px 0px 10px;
   /* Der erste Wert für den Abstand oben, der Zweite rechts, der Dritte unten und der Vierte links */
}



/* eof Accordion Linkseite */


/*** Navi oben ***/
.sf-menuoben, .sf-menuoben * {
	margin:			0;
	padding:		0;
	list-style:		none;
	color: #ffffff;
}
.sf-menuoben {
	line-height:	1.0; /* 1.0; */
}
.sf-menuoben ul {
	position:		absolute;
	top:			-999em;
	width:			180px; /* left offset of submenus need to match (see below) */
}


.sf-menuoben ul li {
	width:			100%;
}
.sf-menuoben li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menuoben li {
	float:			left;
	position:		relative;
}
.sf-menuoben a {
	display:		block;
	position:		relative;
}
.sf-menuoben li:hover ul,
.sf-menuoben li.sfHover ul {
	left:			0;
	top:			2em; /* Abstand Haupt/Untermenu match top ul list item height */
	z-index:		99;
}
ul.sf-menuoben li:hover li ul,
ul.sf-menuoben li.sfHover li ul {
	top:			-999em;
}
ul.sf-menuoben li li:hover ul,
ul.sf-menuoben li li.sfHover ul {
	left:			9.5em; /* Abstand des Submenus - 2. Submenu  ul width */
	top:			0;
}
ul.sf-menuoben li li:hover li ul,
ul.sf-menuoben li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menuoben li li li:hover ul,
ul.sf-menuoben li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menuoben {
	float:			left;
	margin: 0;
	padding: 0;
	 /* margin-bottom:	.75em; */
}
.sf-menuoben a {
	border-right:	1px solid #000; /* links einen Rahmen, dann: 1px solid #fff; */
	border-top:		0px solid #ff3333; /* oben einen Rahmen, dann: 1px solid #fff; Achtung, dann auch bei Hauptnavi */
	border-bottom: 4px solid #fff;  
	padding: 		.25em .75em; /* .75em 1em; Abstand */
	text-decoration:none;
}


.sf-menuoben .kontakt a {
	border-right:	0px!important;
	border-top:		0px solid #ff3333; /* oben einen Rahmen, dann: 1px solid #fff; Achtung, dann auch bei Hauptnavi */
	padding: 		.25em .75em; /* .75em 1em; Abstand */
  font: 14px Arial,Helvetica,sans-serif;
	text-decoration:none;
}


.sf-menuoben .kontakt a:hover, .sf-menuoben .kontakt a:active {
    color:#0091d5;
}


.sf-menuoben a, .sf-menuoben a:visited  { 
	color:			#000; 
	font: 14px Arial, Helvetica, sans-serif;
}

#linksx #navilinks a, #kontakt #navik a, #bod0 #navi1 a, #bod2 #navi2 a, #bod3 #navi3 a,#bod4 #navi4 a,#bod5 #navi5 a, #bod6 #navi6 a, #bod7 #navi7 a, #bod8 #navi8 a,#bod9 #navi9 a,#bod10 #navi10 a, #bod11 #navi11 a{
  color: #0091d5!important;
}

.sf-menuoben li {
	 /* background:		#d1c28b; Hauptnavi background colour*/
}
.sf-menuoben li li {
	background:		#f3f5f5; /* Subnavi background colour*/
	float: left;
	color:			#000;
  margin: 0;
  padding: 10px;
}

.sf-menuoben li li a{
color:			#000;
border-right:	0px solid #fff;
border-bottom: 1px solid #fff; 
border-left: 0px solid #fff; 
padding-bottom: 8px;
padding-left: 2px!important;
}

.sf-menuoben li li a:visited{
color:			#000;
}
       

.sf-menuoben li:hover, .sf-menuoben li.sfHover,  .kontakt li:hover, .kontakt li.sfHover,
.kontakt a:focus, .kontakt a:hover, .kontakt a:active,
.sf-menuoben a:focus, .sf-menuoben a:hover, .sf-menuoben a:active {
text-decoration: none;
font: 14px Arial, Helvetica, sans-serif;
color:#0091d5;


	  /* background:		#84673d;  Mouse over background colour*/
	outline:		0;
}

/*** arrows **/
.sf-menuoben a.sf-with-ul {
	padding-right: 	1.25em;  /* 2.25em; */
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	/* right:			.25em; */
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	/* background:		url('images/arrows-ffffff.png') no-repeat -10px -100px;  8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menuoben ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menuoben ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menuoben ul a:focus > .sf-sub-indicator,
.sf-menuoben ul a:hover > .sf-sub-indicator,
.sf-menuoben ul a:active > .sf-sub-indicator,
.sf-menuoben ul li:hover > a > .sf-sub-indicator,
.sf-menuoben ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}



/*** SubNavi links ***/
.sf-menulinks, .sf-menulinks * {
	margin:			0;
	padding:		0;
	list-style:		none;
	color: #000;
}
.sf-menulinks {
	line-height:	1.0; /* 1.0; */
}
.sf-menulinks ul {
	position:		absolute;
	top:			-999em;
	width:			180px; /* left offset of submenus need to match (see below) */
}


.sf-menulinks ul li {
	max-width:			180px;
  background: #f3f3f3;
}

.sf-menulinks li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menulinks li {
	float:			left;
	position:		relative;
  border-bottom: 1px solid #fff;
  float: left;
  width: 220px!important;
  padding: 5px;
}
.sf-menulinks a {
	display:		block;
	position:		relative;
  color: #0091d5;
}

.sf-menulinks a:hover, .sf-menulinks a:focus, .sf-menulinks a:active {
	display:		block;
	position:		relative;
  color: #666666;
}
.sf-menulinks li:hover ul,
.sf-menulinks li.sfHover ul {
	left:			0;
	top:			2em; /* Abstand Haupt/Untermenu match top ul list item height */
	z-index:		99;
}
ul.sf-menulinks li:hover li ul,
ul.sf-menulinks li.sfHover li ul {
	top:			-999em;
}
ul.sf-menulinks li li:hover ul,
ul.sf-menulinks li li.sfHover ul {
	left:			9.5em; /* Abstand des Submenus - 2. Submenu  ul width */
	top:			0;
}
ul.sf-menulinks li li:hover li ul,
ul.sf-menulinks li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menulinks li li li:hover ul,
ul.sf-menulinks li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

.sf-menulinks a { 
	padding-left: 5px;
	text-decoration:none;
}



.sf-menulinks a::before {
    content: "∞ ";
}



/*** PDF-Links rechte Seite ***/

.pdfrechts a {
text-decoration: none;
font: 11px Arial, Helvetica, sans-serif;
border-bottom: 1px dotted #666;
color:#666;
}


.pdfrechts a:hover {
text-decoration: none;
font: 11px Arial, Helvetica, sans-serif;
border-bottom: 0px dotted #666;
color:#666;
}

/*** PDF-Links rechte Seite ***/

.abstand {
	font-size:0.2em;
    margin: 0px 0;
    clear: both;
	font-family:Arial,Helvetica,sans-serif;
	text-align:left;
}




/* lightbox 2.5 */

.imageRow {
  *zoom: 1;
  margin: 20px 0;
}

.imageRow:after {
  content: "";
  display: table;
  clear: both;
}

.imageRow .single {
  float: left;
}

.imageRow .single a {
  float: left;
  display: block;
  background: rgba(255, 255, 255, 0.1);
  padding: 7px;
  line-height: 1em;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
  margin-right: 40px;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.imageRow .single a img {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.3);
}

.imageRow .single a:hover {
  background-color: #8ad459;
}

.imageRow .set {
  float: left;
  background: rgba(255, 255, 255, 0.1);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.imageRow .set:hover {
  background: rgba(255, 255, 255, 0.2);
}

.imageRow .set .single a {
  background: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  margin-right: 0;
}

.imageRow .set .single a:hover {
  background-color: #8ad459;
  -webkit-box-shadow: 0 -1px 0 0 rgba(255, 255, 255, 0.2), 0 1px 4px 0 rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 -1px 0 0 rgba(255, 255, 255, 0.2), 0 1px 4px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 -1px 0 0 rgba(255, 255, 255, 0.2), 0 1px 4px 0 rgba(0, 0, 0, 0.5);
}

.imageRow .set .single.first a {
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  -ms-border-top-left-radius: 4px;
  -o-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -ms-border-bottom-left-radius: 4px;
  -o-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.imageRow .set .single.last a {
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  -ms-border-top-right-radius: 4px;
  -o-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -ms-border-bottom-right-radius: 4px;
  -o-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}