/* --- fix Internet Explorer < V9 --------- */
.lt-ie9 body { width: 1000px; max-width: 100%; }
.lt-ie9 .container { width: 1000px; margin-left: 300px; }
.lt-ie9 #linemain { height: 16px; width: 780px; }
.lt-ie9 .content { width: 680px; float:right; }
.lt-ie9 #submenubox { width:200px; position:absolute; left: 10px; top:300px; }
.lt-ie9 .footer { clear:both; width:1000px; max-width:100%; }

/* --- fix Internet Explorer < V9 ----- */
.lt-ie9 .top-bar-section .has-dropdown > a:after {
 border: 0 none !important;
}
.lt-ie9 .top-bar-section .has-dropdown > a {
 background: url("/images/arrowdown.png") no-repeat scroll 92% 18px transparent;
}


/* --- top-bar fix Internet Explorer < V9 --------- */
.lt-ie9 .top-bar {
  background: #2f2f2f;
  *zoom: 1;
  overflow: visible; 
}
.lt-ie9 .top-bar:before, .lt-ie9 .top-bar:after {
  content: " ";
  display: table; 
}
.lt-ie9 .top-bar:after { clear: both; }
.lt-ie9 .top-bar .toggle-topbar { display: none; }
.lt-ie9 .top-bar .title-area { float: left; }
.lt-ie9 .top-bar .name a { width: auto; }
.lt-ie9 .top-bar input,
.lt-ie9 .top-bar .button {
  line-height: 2em;
  font-size: 0.875em;
  height: 2em;
  padding: 0 10px;
  position: relative;
  top: 8px; 
}
.lt-ie9 .top-bar.expanded { background: #111111; }
.lt-ie9 .contain-to-grid .top-bar {
  max-width: 57.5em;
  margin: 0 auto; 
}
.lt-ie9 .top-bar-section {
  -webkit-transition: none 0 0;
  -moz-transition: none 0 0;
  transition: none 0 0;
  left: 0 !important; 
}
.lt-ie9 .top-bar-section ul {
  width: auto;
  height: auto !important;
  display: inline; 
}
.lt-ie9 .top-bar-section ul li { float: left; }
.lt-ie9 .top-bar-section ul li > a { padding-right: 14px !important; }
.lt-ie9 .top-bar-section ul li .js-generated { display: none; }
.lt-ie9 .top-bar-section li a:not(.button) {
  padding: 0 15px;
  line-height: 45px;
  background: #111111; 
}
.lt-ie9 .top-bar-section li a:not(.button):hover { background: #2b2b2b; }
.lt-ie9 .top-bar-section .has-dropdown > a { padding-right: 35px !important; }
.lt-ie9 .top-bar-section .has-dropdown > a:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: solid 5px;
  border-color: rgba(255, 255, 255, 0.5) transparent transparent transparent;
  margin-top: -2.5px; 
}
.lt-ie9 .top-bar-section .has-dropdown.moved { position: relative; }
.lt-ie9 .top-bar-section .has-dropdown.moved > .dropdown { visibility: hidden; }
.lt-ie9 .top-bar-section .has-dropdown:hover > .dropdown, 
.lt-ie9 .top-bar-section .has-dropdown:active > .dropdown { visibility: visible; }
.lt-ie9 .top-bar-section .has-dropdown .dropdown li.has-dropdown > a:after {
  border: none;
  content: "\00bb";
  margin-top: -7px;
  right: 5px; 
}
.lt-ie9 .top-bar-section .dropdown {
  left: 0;
  top: auto;
  background: transparent; 
}
.lt-ie9 .top-bar-section .dropdown li a {
  line-height: 1;
  white-space: nowrap;
  padding: 7px 15px;
  background: #1e1e1e; 
}
.lt-ie9 .top-bar-section .dropdown li label {
  white-space: nowrap;
  background: #1e1e1e; 
}
.lt-ie9 .top-bar-section .dropdown li .dropdown {
  left: 100%;
  top: 0; 
}
.lt-ie9 .top-bar-section > ul > .divider {
  border-bottom: none;
  border-top: none;
  border-right: solid 1px #2b2b2b;
  border-left: solid 1px black;
  clear: none;
  height: 45px;
  width: 0px; 
}
.lt-ie9 .top-bar-section .has-form {
  background: #111111;
  padding: 0 15px;
  height: 45px; 
}
.lt-ie9 .top-bar-section ul.right li .dropdown {
  left: auto;
  right: 0; 
}
.lt-ie9 .top-bar-section ul.right li .dropdown li .dropdown { right: 100%; }


























/*= require foundation */

body { background-image: url(/images/bg.gif); font-size: 18px; color:#fff; line-height: 150%; }

.header { width: 100%; position: fixed; }
.content { min-height:480px; margin-top:40px; }
.imageheader { margin-left: 0em; margin-top: 0em; margin-bottom: 0em; background:#333; width:100%; }
.footergkh { background: #333; }
.footerfont { color: #fff; font-size: 70%; }
.small { font-size: 70%; }
#linemain { background-color: #cc9; width: 100%; height: 0.7em; }

.panel {
  border-style: solid;
  border-width: 1px;
  border-color: #d8d8d8;
  margin-bottom: 1.125rem;
  padding: 1.125rem;
  width: 100%;
  background: #f2f2f2;
  color: #333333; }

p {  font-size: 18px; line-height:150%; }
b { color:#ffc; font-weight:normal; }

h2 { color: #ccc; margin-bottom:24px; }
h3 { color: #ccc; }
h4 { color: #ccc; }


/* ----- LISTS ----- */		
ul			{ 
			list-style:square; font-size:18px; }

/* ----- LINKS ----- */

/* ----- normal links, set for default imagegallery ----- */
a.normal:link 		{
			color : #036;
			font-weight : bold; 
			text-decoration : underline; 
			background : transparent; }

a.normal:visited 	{ 
			color: #333; 
			font-weight: bold; 
			text-decoration: none;
			background: transparent; }
			
a.normal:hover 	{ 
			color: #666; 
			font-weight: bold; 
			text-decoration: none;
			background: #cc9; }
			
a.normal:active 	{
			color: #036; 
			font-weight: bold;
			text-decoration: underline; 
			background : transparent; }

a.div:link 		{
			color : #036;
                        font-size:12px;
			font-weight : bold; 
			text-decoration : underline; 
			background : transparent; }

a.div:visited 	{ 
			color: #333; 
                        font-size:12px;
			font-weight: bold; 
			text-decoration: none;
			background: transparent; }
			
a.div:hover 	{ 
			color: #666; 
                        font-size:12px;
			font-weight: bold; 
			text-decoration: none;
			background: #cc9; }
			
a.div:active 	{
			color: #036; 
			font-weight: bold;
			text-decoration: underline; 
			background: #333; }
a.nav:link 	{
			color: #666; 
			font-weight: 700;
			text-decoration: none;
			background: transparent; }

/* ----- Submenu ----- */

#submenubox {
background: #666;
margin-top: 14px;
min-height: 120px;
width: 100%;
float: left;
margin-left: 0px;
}

#submenubox ul li  {
list-style: none;
  border-bottom: 1px dotted #cc9;
  width: 100%;
}

a.submenu:link 	{
color: #cc9;
font-weight: normal;
font-size: 18px;
line-height: 2.0em;
text-decoration: none;
}

a.submenu:visited 	{ 
color: #cc9;
font-size: 18px;
font-weight: normal;
line-height: 2.0em;
text-decoration: none;
}

a.submenu:hover 	{ 
color: #cc9;
font-size: 18px;
font-weight: normal;
line-height: 2.0em;
text-decoration: none;
background: #333;
}

a.submenuactiv 	{ 
color: white;
font-size: 18px;
font-weight: normal;
line-height: 2.0em;
text-decoration: none;
background: transparent;
}

/* ----- Top bar links background ----- */
.top-bar { background: #333; }

/* Top bar Link Mehr */
.top-bar .toggle-topbar a { color: #fff; text-decoration: none; background: #333; }
.top-bar .toggle-topbar a:visited { color: #ffffff; text-decoration: none; background: #333; }
.top-bar .toggle-topbar a:hover { color: #ffffff; text-decoration: none; background: #333; }


/* Top bar right background */
.top-bar-section li:not(.has-form) a:not(.button) {
      padding: 0 0.9375rem;
      line-height: 2.8rem;
      background: #333;
      text-decoration: none; }
.top-bar-section li:not(.has-form) a:not(.button):hover {
        background-color: #666;
        background: #333333; }
    .top-bar-section li.active:not(.has-form) a:not(.button) {
      padding: 0 0.9375rem;
      line-height: 2.8rem;
      color: #FFFFFF;
      background: #666; }
      .top-bar-section li.active:not(.has-form) a:not(.button):hover {
        background: #666;
        color: #FFFFFF; }



/* ändert Menu-Schriftfarbe */
.top-bar-section ul.right li a {
	color: #ccc;
	font-size: 14px;
}

/* ändert Menu-Schriftfarbe beim Mousover */
.top-bar-section ul.right li a:hover {
        color: #fff;
}

/* Top bar right Untermenü */
    .top-bar-section li.active:not(.has-form) a:not(.button) {
      padding: 0 0.9375rem;
      line-height: 2.8rem;
      color: #FFFFFF;
      background: #666;
      text-decoration: none; }

a.topbar:link { text-decoration: none; }
a.topbar:visited { text-decoration: none; }
a.topbar:hover { color: #fff; text-decoration: none; }

/* ----- Sizes for Foundation-Icons ----- */
      .size-12 { font-size: 12px; }    
      .size-14 { font-size: 14px; }    
      .size-16 { font-size: 16px; }    
      .size-18 { font-size: 18px; } 
      .size-21 { font-size: 21px; }  
      .size-24 { font-size: 24px; }
      .size-36 { font-size: 36px; }
      .size-48 { font-size: 48px; }
      .size-60 { font-size: 60px; }
      .size-72 { font-size: 72px; }

/* Button Kontakt */
button, .button {

  padding-top: 0.750rem;
  padding-right: 1.125rem;
  padding-bottom: 0.750rem;
  padding-left: 1.125rem;
  font-size: 1rem;
  background-color: #333;
  color: #FFFFFF; }
  button:hover, button:focus, .button:hover, .button:focus {
    background-color: #cc9; }
  button:hover, button:focus, .button:hover, .button:focus {
    color: #333; }

/* ----- Footer ----- */	
		
.footer {
background: #333;
width: 100%;
padding-top: 10px; /*Text im Footer */
margin-top: 10px; /* Abstand zum Content */
margin-bottom: 10px;
}

a.gkh:link, a.gkh:visited, a.gkh:hover, a.gkh:active {
font-size: 80%;
color: #fff;
background: transparent;
text-decoration: none;
}

a.gkhf:link, a.gkhf:visited, a.gkhf:hover, a.gkhf:active {
font-size: 80%;
color: #cc9;
background: transparent;
text-decoration: none;
}



/* ----- Bildergalerie ----- */	
#contbilder           { 
			
                        width: 780px;
                        top: 20px;
			left: 180px;
                        position: absolute;
	                visibility: visible; }


/* ----- Tables----- */	

table tr td { background-image: url(/images/bg.gif); border:0px; }
.bildarchiv  { font-size: 9px; color: white; border: 0px; }

img {
border: none; }

/*-----Iframes---------*/
.responsiveContainer {
        position: relative;
        padding-bottom: 56%;
        height: 1000px;
        overflow: hidden;
}

.responsiveContainer iframe {
       position: absolute;
       top: 0;
       left: 0;
       width: 100%;
       height: 100%;
}