@charset "UTF-8";
@font-face {
    font-family: 'PTSansNarrowRegular';
    src: url('../fonts/PT-Sans-fontfacekit/PTN57F-webfont.eot');
    src: url('../fonts/PT-Sans-fontfacekit/PTN57F-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/PT-Sans-fontfacekit/PTN57F-webfont.woff') format('woff'), url('../fonts/PT-Sans-fontfacekit/PTN57F-webfont.ttf') format('truetype'), url('../fonts/PT-Sans-fontfacekit/PTN57F-webfont.svg#PTSansNarrowRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'PTSansNarrowBold';
    src: url('/fonts/PT-Sans-fontfacekit/PTN77F-webfont.eot');
    src: url('/fonts/PT-Sans-fontfacekit/PTN77F-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/PT-Sans-fontfacekit/PTN77F-webfont.woff') format('woff'), url('/fonts/PT-Sans-fontfacekit/PTN77F-webfont.ttf') format('truetype'), url('/fonts/PT-Sans-fontfacekit/PTN77F-webfont.svg#PTSansNarrowBold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'PTSansRegular';
    src: url('/fonts/PT-Sans-fontfacekit/PTS55F-webfont.eot');
    src: url('/fonts/PT-Sans-fontfacekit/PTS55F-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/PT-Sans-fontfacekit/PTS55F-webfont.woff') format('woff'), url('/fonts/PT-Sans-fontfacekit/PTS55F-webfont.ttf') format('truetype'), url('/fonts/PT-Sans-fontfacekit/PTS55F-webfont.svg#PTSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}


body{
     font-family: 'PTSansNarrowRegular', sans-serif;
    /* font-family: "Lucida Grande", sans-serif;*/
 
  
}
.cookiewarning {
	background-color: #dedede;
	text-align: center;
	padding-top: 50px;
	padding-bottom: 50px;
}

.myrowHead{
	border-right: 1px solid #f2f2f2;
	border-left:  1px solid #f2f2f2;
	border-bottom: 1px solid #f2f2f2;
	margin-top:  1px;
	margin-left:  -15px;
	margin-right:  -15px;
	margin-bottom:  8px;
	
}
.myrowSidenav{
	border: 1px solid #f2f2f2;
	margin-top:  0;
	margin-bottom:  15px;
	padding:0;
	
		
	
}
.myrow{
	border: 1px solid #f2f2f2;
	margin-top:  0;
	margin-bottom:  15px;
	margin-right: px;
	
		
	
}
.fade{
  margin-bottom: -31px;
    
}
p{
    margin-bottom: 5px;
  
}

.myrowSidenav img{
	padding-top: 0px;
	padding-right:  1px;
	}
.myrowSidenav ul{
	padding-left:  20px;
	
}

.mySide-nav li a{
	color: #969595;	
	font-size: 14px;
	
}
.mySide-nav li a:hover, .mySide-nav li a:focus, .mySide-nav li:hover{
	color: #ed7F00;
}
.mySide-nav li a.active, .mySide-nav li a.active:hover {
	color: #ed7f00;
}
label.datenschutz{
    line-height: 20px;
}
.myPanel{
	background:none;
	border: none;
	position:absolute;
	top:55px;
	left: 30px;
	
}
.myPanel2{
    background:none;
    border: none;
    position:absolute;
    top: 30px;
    left: 0;
    
}
.myPanel h4.subheader, .myPanel2 h4.subheader{
	font-family: 'PTSansNarrowRegular', sans-serif;
	font-size: 24px;
	color: #969595;
	width: 400px;
    line-height: 40px;
	
}
.myPanel_quicklinks1{
    border-left:1px solid #f2f2f2;
    border-right: 1px solid #F2F2F2;
    border-bottom: 1px solid #F2F2F2;
    margin-top: 0;
    margin-bottom: 10px;
    margin-right:-10px;
   
    padding: 1px 5px 5px 5px;
}
.myPanel_quicklinks{
    border:1px solid #f2f2f2;
  
    margin-bottom: 10px;
    margin-right:-10px;
   
    padding: 0 5px 5px 5px;
}
.myPanel_inhalte{
	border: 1px solid #f2f2f2;
	margin-top: -5px;
	margin-left: -15px;
	margin-bottom:  5px;
	padding: 10px;
	padding-left: 20px;
	
}
.myPanel_inhalte a{
    text-decoration: underline;
    color: #969595;
}
.myPanel_inhalte a:hover, .myPanel_inhalte a:active{
    color: #ED7F00;
}
.myPanel_inhalte p{
    font-size: 16px;
}
.myPanel_aktuelles{
	border: 1px solid #f2f2f2;
	margin-top: -5px;
	margin-left: -20px;
	margin-right: -15px;
	padding: 5px;
	
}
.myPanel_tags{
    border: 1px solid #f2f2f2;
    margin-top: -5px;
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom:  15px;
    padding-top: 5px;
    padding-bottom: 0;
    padding-left: 20px;
}
h1{
    padding-top: 20px;
     font-family: 'PTSansNarrowRegular', sans-serif;
    font-weight:normal;
    font-size: 20px;
   color: #969595;
}
h2{
     font-family: 'PTSansNarrowRegular', sans-serif;
    font-weight:normal;
    font-size: 18px;
   color: #969595;
}
.subheader{
     margin-bottom: 5px;
 
 
     font-family: 'PTSansNarrowRegular', sans-serif;
     font-size: 16px;
     color: #969595;
}
hr { border: solid #f2f2f2; border-width: 1px 0 0; clear: both; margin: 22px 0 21px; height: 0; }
hr.inhalt-trenner{
    border: 0;
    margin: 0 0 0;
    margin-bottom: 25px;
}
h2.aktuelles{
      font-family: 'PTSansNarrowRegular', sans-serif;
    font-weight:normal;
    font-size: 22px;
   color: #ED7F00;
   padding: 0;
}
h3.aktuelles{
      font-family: 'PTSansNarrowRegular', sans-serif;
    font-weight:normal;
    font-size: 14px;
   color: #ED7F00;
   padding: 0;
}
ul.aktuelle-links li a{
    color: #969595;    
}
ul.aktuelle-links li a:hover{
    color: #ED7F00;
}
ul.aktuelle-links li a.active{ 
    color: #ED7F00; 
 }
ul.aktuelle-links li.divider{
    border-top: 1px solid #f2f2f2; height: 0; padding: 0;
}
/* Breadcrums ---------------------- */
ul.breadcrumbs { display: block; background: white; padding: 6px 10px 2px; border: 1px solid #f2f2f2; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; overflow: hidden; margin-left: 0; }
ul.breadcrumbs li { margin: 0; padding: 0 12px 0 0; float: left; list-style: none; }
ul.breadcrumbs li a, ul.breadcrumbs li span { text-transform: uppercase; font-size: 11px; font-size: 1.1rem; padding-left: 12px; color: #969595; text-decoration: none;}
ul.breadcrumbs li:first-child a, ul.breadcrumbs li:first-child span { padding-left: 0; }
ul.breadcrumbs li:before { content: "»"; color: #aaa; }
ul.breadcrumbs li:first-child:before { content: " "; }
ul.breadcrumbs li.current a { cursor: default; color: #333; }
ul.breadcrumbs li:hover a, ul.breadcrumbs li a:focus { text-decoration: none; color: #ED7F00; }
ul.breadcrumbs li.current:hover a, ul.breadcrumbs li.current a:focus { text-decoration: none;  color: #ED7F00;}
ul.breadcrumbs li.unavailable a { color: #999; }
ul.breadcrumbs li.unavailable:hover a, ul.breadcrumbs li.unavailable a:focus { text-decoration: none; color: #999; cursor: default; }

ul.tags{
    border: 0;
    padding: 0 0 0 0;
    margin: 0 0 4px 0;
}
ul.tags li a.active{ 
    color: #ED7F00; 
 }

.dispno {
    display: none;
}
h2.ql{
    font-family: 'PTSansNarrowRegular', sans-serif;
    font-weight:normal;
    font-size: 16px;
   color: #ED7F00;
   padding: 0;
   margin: 9px 0 10px 0;
   
}
ul.quicklinks{
 	list-style: none;
    border: 0;
    padding: 0 0 0 0;
    margin: 0 0 4px 0;
}
ul.quicklinks li{
	padding-left: 2px;
	
	
}
ul.quicklinks li.mitBild{
  margin-bottom: 10px;
}
ul.quicklinks li.mitBildklein{
    padding-right: 3px;
    padding-top: 5px;
    display:inline-block;
    margin-bottom: 10px;
    min-width: 30px;
}

ul.quicklinks li a{
    color: #969595;
}

ul.quicklinks li a:hover{ 
    color: #ED7F00; 
 }

/* Image Thumbnails Tableau ---------------------- */
/*
 *Achtung: dieser Style ist in der foundation.css auskommentiert!!! 
 *
img { height: auto; }
*/
.bg_unterschrift{
    font-size: 12px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.list_footer a{
    text-decoration: none;
    color: #ED7F00;
}
.list_footer a:hover, .list_footer a:active{
    color: #d37100; 
}
.slideshow{
    margin-bottom: 5px;
}
.tableau img { margin-right: 11px; margin-bottom: 10px;  border: solid 4px #fff; -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2); box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2); 
-webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; 
-webkit-transition-property: box-shadow; -moz-transition-property: box-shadow; -o-transition-property: box-shadow; 
transition-property: box-shadow; -webkit-transition-duration: 300ms; -moz-transition-duration: 300ms; -o-transition-duration: 300ms; transition-duration: 300ms; }
.tableau:hover img, .th:focus img { -webkit-box-shadow: 0 0 6px 1px rgba(237, 127, 0, 0.5); -moz-box-shadow: 0 0 6px 1px rgba(237, 127, 0, 0.5); box-shadow: 0 0 6px 1px rgba(237, 127, 0, 0.5); }


/*Tooltips*/
.mediadetails{
    position: absolute;
    top: 10px;
    left: 100px;
    width: 250px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    box-shadow: 0px -0px 4px #969595;
    -webkit-box-shadow: 0px -0px 4px #969595;
    -moz-box-shadow: 0px -0px 4px #969595;
    background-color: #f2f2f2;
    padding: 10px;
    z-index: 2000;
}

footer.zusatzE{
    margin-top: 20px;
   
}
footer h3.subheader{
    border-bottom: 1px solid #F2F2F2;
    font-size: 14px;
}
footer.zusatzE p{
    font-size: 14px;
}
footer.zusatzE ol{
    margin-left: 0;
    margin-left: 15px;
    
}
footer.zusatzE ul.linkliste{
    list-style: none;
}
footer.zusatzE ul.linkliste li{
    margin-left: 0;
    margin-left: -15px;
}


footer.zusatzE p.pdfliste img.pdf{
    margin-bottom: -2px;
    margin-right: 10px;
}
@media only screen and (max-width: 767px) {
		.myrowSidenav{
		border: 0;
		margin-top:  0;
		margin-bottom:  15px;
		padding:0;
		overflow:hidden;
		
			
		
	}
	ul.mySide-nav{
		margin-bottom: -5px;
	}
	.mySide-nav li a{
		
		font-size: 14px;
		
	}
	.myPanel{
	background:none;
	border: none;
	position:absolute;
	top:20px;
	left: 0px;
	
}
.myPanel2{
    background:none;
    border: none;
    position:absolute;
    top: 10px;
    left: 0;
    
}
	.myPanel h4.subheader, .myPanel2 h4.subheader{
	font-family: 'PTSansNarrowRegular', sans-serif;
	font-size: 18px;
	color: #969595;
	width: 250px;
    line-height: 25px;
	
	}
    .myPanel_inhalte{
	   border: 0;
		margin-top: -5px;
		margin-left: -10px;
		margin-right:-5px;
		margin-bottom: 10px;
		padding: 10px;

   }
   .myPanel_aktuelles{
	border: 0;
	margin-top: 0;
	margin-left: -10px;
	margin-right: -5px;
	padding: 10px;
  }
  .myPanel_quicklinks{
   border: none;
    margin: 0;
    	margin-left: -10px;
	margin-right: 0px;
    padding: 10px;
    overflow:hidden;
    
   }
   .myPanel_quicklinks1{
   border:0;
    margin-top: 0;
        margin-left: -10px;
    margin-right: -5px;
    overflow:hidden;
    
     padding: 10px;
}
   ul.quicklinks{
     display: block;
     list-style: none;
    
    border: 0;
    padding: 0 0 0 0;
    margin: 0 0 4px 0;
  
    }
    ul.quicklinks li{
        margin-right: 5px;
        float:left;
    }
    ul.quicklinks li.mitBild{
    text-align:left;
}
   
}

.myNav-bar{
	background:#FFFFFF;
	margin-top: 0px;
	}
.myNav-bar li{
	border:none;
	color:#ED7F00;
	margin-right: 1px;
	
}
.myNav-bar li:last-child{
	border-right: none;
}
.myNav-bar li:hover{
	background:#ED7F00;
	
}

.myNav-bar > li > a.mya { 
	color: #ED7F00; 
	font-size: 16px; 
}
.myNav-bar > li > a:hover{color:#F2F2F2;}
/*
 * a.isActive wird über JS eingefügt
*/
 
.myNav-bar >li > a.isActive{
	color: #F2F2F2;
	
}
@media only screen and (max-width: 767px) {
    .myNav-bar li{
    border-bottom: 1px solid #f2f2f2;
    color:#ED7F00;
   
	}
	.myNav-bar li.active, .myNav-bar li.active:hover{
		border: none;
	}
	.myNav-bar > li:last-child {
	 	border:none;
	}
	
}

.nav-bar > li.active { background: #ed7f00; border-color: none; color: #f2f2f2; }
.nav-bar > li.active a {  color: #f2f2f2; }
.nav-bar > li.has-flyout > a.activiert{background: #ED7F00; color: #F2F2F2;}
.nav-bar > li.has-flyout > a:first-child { padding-right:20px; position: relative; }
.nav-bar > li.has-flyout > a:first-child:after { content: ""; display: none; width: 0; height: 0; border: 10px solid; border-color: #ed7f00 transparent transparent transparent; position: absolute; right: 40%; top: 38px; }
.nav-bar > li.has-flyout > a.flyout-toggle { border-left: 0 !important; position: absolute; right: 0; top: 0; padding:1px; z-index: 2; display: block; width: 0; height: 0; }

.dreieck{z-index: 1000; display: block; width: 10; height: 20; border: 10px solid; border-color: #ed7f00 transparent transparent transparent; position: absolute; right: 40%; top: 38px;
	
}
.dreieckActive{z-index: 0; display: block; width: 10; height: 20; border: 10px solid; border-color: #ed7f00 transparent transparent transparent; position: absolute; right: 40%; top: 38px;
}

.flyout{
	background: #ffffff;
	padding:  17px 8px 4px 8px;
	border: none;
	left:  0;

	

}
.flyout.large { width: 600px; }
ul.flyout, .nav-bar li ul { padding: 0; list-style: none; padding-bottom: 8px}
ul.flyout li, .nav-bar li ul li { border: none; border-left: none; }
ul.flyout li a, .nav-bar li ul li a { background: none; border: none; border-width: 0 0 0 0; color: #969595; display: block; font-size: 14px; height: auto; line-height: 1; padding: 3px 3px; 
    -webkit-box-shadow: 0 0 0 rgba(255, 255, 255, 0.5) inset; 
    -moz-box-shadow: 0 0 0 rgba(255, 255, 255, 0.5) inset; 
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.5) inset; 
}
ul.flyout li a:hover, ul.flyout li a:focus, .nav-bar li ul li a:hover, .nav-bar li ul li a:focus { background: none; color: #ED7F00; }
ul.flyout li.subactive, .nav-bar li ul li.subactive { margin-top: 0; border-top: none; border-left: none; }
ul.flyout li.subactive a, .nav-bar li ul li.subactive a { background: none; border: none; color: #ED7F00; 
height: auto; margin: 0; position: static; top: 0; -webkit-box-shadow: 0 0 0; -moz-box-shadow: 0 0 0; box-shadow: 0 0 0; }
.nav-bar li ul li.subactive a:hover{
    background: none;
}
.nav-bar li ul li:hover{
    background: none;
    color: #ED7F00;
}
.nav-bar li ul li.subactive:hover{
    background: none;
}


.myHeader{
	background: #ED7F00;
}

ul.myFussmenu li a{
	font-size: 14px;
	color: #969595;
	
}
.myFussmenu li a:hover, .myFussmenu li a:focus, .Fussmenu li:hover{
	color: #ed7F00;
}
.myFussmenu li a.active, .myFussmenu li a.active:hover {
	color: #ed7f00;
}


/*
 * 
 * orbit
 *
 */


/* CSS */
.orbit-wrapper .slider-nav span { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition: opacity 400ms; -moz-transition: opacity 400ms; -o-transition: opacity 400ms; transition: opacity 400ms; }
.orbit-wrapper:hover .slider-nav span { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }

#fader{ padding: 5px; background: url(spinner.gif) center center #f4f4f4 no-repeat; height: 100%;}
#fader img { display: none; }

#fader.orbit { background: none; padding: 10px; }
#fader.orbit img { display: block; width: 852px; }



/*
 * 
 * Map
 */

#map { height: 250px; }

/*
 * Kontaktformular
 */
textarea.mymessage { height: 300px; }

.myKontaktf{
    overflow: hidden;
}
fieldset legend { font-weight: normal; font-size: 24px; background: white; padding: 0 3px; margin: 0; margin-left: -3px; }


#kontaktForm.focus{
    border: none;
    border: 1px solid #ff0000;
}
.myButton { width: auto; background: #ed7f00; 

color: #fff; cursor: pointer; 
display: inline-block; 
font-family: inherit; 
font-size: 16px; 
font-weight: normal; 
line-height: 1; 
margin: 0; 
margin-bottom: 5px;
padding: 10px 10px 10px; 
position: relative; text-align: center; 
text-decoration: none; 
-webkit-transition: background-color 0.15s ease-in-out; 
-moz-transition: background-color 0.15s ease-in-out; 
-o-transition: background-color 0.15s ease-in-out; 
transition: background-color 0.15s ease-in-out; /* Hovers */ /* Sizes */ /* Colors */ /* Radii */ /* Layout */ /* Disabled ---------- */ }
.myButton:hover, .myButton:focus { color: white; background-color: #ed7f00; }

div.myAlert-box { display: block; padding: 6px 7px 7px; font-weight: normal; font-size: 14px; color: white; background-color: #ed7f00; border: 1px solid rgba(0, 0, 0, 0.1); margin-bottom: 12px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; text-shadow: 0 -1px rgba(0, 0, 0, 0.3); position: relative; }
div.myAlert-box.myAlert { background-color: #ed7f00; color: #fff; text-shadow: none; }
div.myAlert-box a.close { color: #333; position: absolute; right: 4px; top: -1px; font-size: 17px; opacity: 0.2; padding: 4px; }
div.myAlert-box a.close:hover, div.alert-box a.close:focus { opacity: 0.4; }