/* KMI Template Base: Version 1.2 */

/*************************************************
* Reset & Basics
*************************************************/
html {
  height:100%;
	width:100%;
  font-size:16px;
}
body {
  height:100%;
	width:100%;
	background-color:#fff0ab;
  color:#333;
  font-family:Arial, Helvetica, sans-serif;
  font-weight:300;
  font-size:0.8em;
  line-height:1.5em;
}
html, body, div, span, applet, object, iframe, input,
h1, h2, h3, h4, h5, h6, hr, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	vertical-align:baseline;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display:block;
}
address {font-style: normal;}
table {
	border-collapse:collapse;
  border-spacing:0;}
ol, ul {
	list-style:none;
  list-style-image:none;
  list-style-type:none;
  list-style-position:inside;
}
strong, b {font-weight:700;}
em, i {font-style:italic;}
img {line-height:0;}

.clearfix:after {
  content:".";
  display:block;
  clear:both;
  visibility:hidden;
  line-height:0;
  height:0;}
.clearfix {display:inline-block;}
html[xmlns] .clearfix {display:block;}
* html .clearfix {height:1%;}

/*************************************************
* Typography
*************************************************/

/* Titles */
h1 {
  font-weight:400;
  font-size:1.8em;
  line-height:1.25em;
  margin:0 0 0.5em 0;}
h2 {
  font-weight:500;
  font-size:1.4em;
  line-height:1.25em;
  margin:0 0 1em 0;}
img + h2, p + h2, table + h2, ol + h2, ul + h2, form + h2 {margin:2em 0 0.5em 0;}
.csc-default + div h2 {margin:1.4em 0 1em 0;}
.csc-frame-rulerAfter + div h2 {margin:1.4em 0 1em 0;}
.csc-frame-rulerBefore + div h2 {margin:1.4em 0 1em 0;}
h3 {
  font-weight:700;
  font-size:1.1em;
  line-height:1.25em;
  margin:0 0 0.2em 0;}
img + h3, p + h3, table + h3, ol + h3, ul + h3, form + h3 {margin:2em 0 0.2em 0;}
.csc-default + div h3 {margin:1.4em 0 0.2em 0;}
.csc-frame-rulerAfter + div h3 {margin:0em 0 0.2em 0;}
.csc-frame-rulerBefore + div h3 {margin:1.4em 0 0.2em 0;}

/* Text */
p {margin:0 0 1em 0;}
sup {
   font-size:0.75em;
   position: relative;
   top: -0.4em;
}
sub {
  font-size:0.75em;
  position: relative;
  top: 0.4em;
}

/* Links */
a {
  color:#333;
  text-decoration:underline;
  font-weight:bold;
}
a:hover,
a:focus,
a.activ {
  color:#111;
  text-decoration:none;
}
a:visited {color:#666;}

/* Tables */
table {
  margin:0 0 1em 0;
  vertical-align:top;
  font-size:1em; /* Bugfix RTE */
  }
th {font-weight:700;}

table.odd-colored { width:515px; }
table.odd-colored tr:nth-child(even) { background: #eee; }
table.odd-colored th,
table.odd-colored td {padding:1em 1em 1em 0;}
table.odd-colored th:last-child,
table.odd-colored td:last-child {padding:1em 1em 1em 0;}

th, td {
  vertical-align:top;
  padding:0 1em 1em 0;
  }
th:last-child, td:last-child {padding:0 0 1em 0;}
td p:last-child {margin:0;}
caption {
  margin:0 0 1em 0;
  font-weight:700;
  }
table.border img {display:block;}
table.border th,
table.border td {
  padding:0.3em 0.6em;
  border:1px solid #666;
}
table.border th.no-padding,
table.border td.no-padding {padding:0;}

/* Lists Ordered */
ol {
  list-style-type:decimal;
  margin:0 0 1em 1.4em;}
ol li {text-indent:-1.4em;}
ol ol {margin:0 0 0 1.4em;}
td > ol {margin:-1.2em 0 -1.2em 1.5em;} /*necessary in frontend but buggy in rte*/

/* Lists Unordered - Special Symbol */
.content ul {
margin:0 0 1em 1.5em;
list-style-image: url(../img/list-style-quadrat.gif);
list-style-position:outside;
}
.content ul li {}
.content ul ul {margin:0 0 0 1.5em;}
.content td > ul {margin:-1.2em 0 -1.2em 1.5em;} /*necessary in frontend but buggy in rte*/

/* line */
hr {
  border:none;
  border-bottom:1px solid #666;
  margin:2em 0 2em 0;
}

#c52 ol{
	list-style-type:lower-latin;
}

/*************************************************
* RTE Configuration (class definition has to be in styles.css)
*************************************************/
/* Align Classes for RTE*/
h1.align-left,
h2.align-left,
h3.align-left,
p.align-left,
img.align-left,
th.align-left,
td.align-left,
caption.align-left {text-align:left;}
h1.align-center,
h2.align-center,
h3.align-center,
p.align-center,
img.align-center,
th.align-center,
caption.align-center,
td.align-center {text-align:center;}
h1.align-right,
h2.align-right,
h3.align-right,
p.align-right,
img.align-right,
th.align-right,
caption.align-right,
td.align-right {text-align:right;}
h1.align-justify,
h2.align-justify,
h3.align-justify,
p.align-justify,
img.align-justify,
th.align-justify,
td.align-justify,
caption.align-justify {text-align:justify;}

/* Color Classes for RTE */
span.rot {color:#ff0000;}
span.gruen {color:#00ff00;}
span.blau {color:#0000ff;}

/*************************************************
* Recordtyp
*************************************************/

/* Ruler After */
div.csc-frame-rulerAfter {
  border:none;
  border-bottom:1px solid #666;
  margin: 0 0 2em;
  padding: 0 0 1.5em;
}
/* Ruler Before */
div.csc-frame-rulerBefore {
  border:none;
  border-top:1px solid #666;
  margin:3em 0 0 0;
  padding:0.5em 0 0 0;
}

/* Floating Box */
.floating-box {
  width:100%;
  margin:0 0 1em 0;
}
.floating-box .content-column-full .csc-default{
  float:left;
  width:233px;
  margin:0 0 0 25px;

  border:none;
  border-top:3px solid #cacaca;
  padding:2em 0 0 0;
}
.floating-box:first-child .csc-default {
  border:none;
  padding:0;
}
.floating-box .csc-default:first-child{
  margin:0;
}
.floating-box .csc-default + div h2,
.floating-box .csc-default + div h3 {margin:0 0 1em 0;}

/* Akkordeon */
.akkordeon .csc-textpic,
.akkordeon .text {
  border: none;
  border-bottom: 1px solid #cacaca;
  margin: 0 0 1em 1em;
}

.akkordeon .csc-textpic .text {
	border-bottom: none;
}

.akkordeon div.csc-header:before {
  content: "↓";
  float: left;
  padding: 0 0.3em 0 0;
}

.akkordeon.opened div.csc-header:before {
  content: "↑";
}

.akkordeon div.csc-header * {
  font-size: 1em;
  margin: 0 0 0.3em 0 !important;
  text-decoration: underline;
  color: #314474;
}
.akkordeon div.csc-header:hover * {
  text-decoration: none;
}


/* Zoom Image (Plus +) */
img.imgplus {
  position:absolute;
  margin:-17px 0 0 5px;
  }

/* Text mit Bild */
figcaption.csc-textpic-caption {
  font-size:0.9em;
  text-align:justify;
  }

/* Image hover effect */
figure.csc-textpic-image a {
  background:#000;
  display:block;
  }
figure.csc-textpic-image a img:hover {
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  opacity: 0.5;
  }

/* Textpic with border */
div.csc-textpic-border div.csc-textpic-imagewrap img {border:1px solid #444444;}
div.csc-textpic-border div.csc-textpic-imagewrap img.imgplus {border:none !important;}


/*************************************************
* Page
*************************************************/
#background {
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: -10;
}

#background img{
	width: 100%;
	height: 100%;
	}

#page-wrapper {
  width:100%;
  height:100%;
	}

#page {
  width:960px;
  margin:0 auto;
  background-color:#fff;
	-moz-border-radius: 0px 0px 20px 20px;
	-webkit-border-radius: 0px 0px 20px 20px;
	-khtml-border-radius: 0px 0px 20px 20px;
	border-radius: 0px 0px 20px 20px;
	box-shadow: 5px 5px 8px #bbb;
	-webkit-box-shadow: 5px 5px 8px #bbb;
	-moz-box-shadow: 5px 5px 8px #bbb;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#bbbbbb', Direction=135, Strength=13);
	}


/*************************************************
* Header
*************************************************/
#header {
  position:relative;
  width:100%;
  height:260px;
	border-bottom:1px solid #ffe466;
}

/* Header Image */
#header-image {
  position:absolute;
  width:960px;
  height:260px;
  overflow:hidden;
}

/* Logo */
#logo {
	position:absolute;
	top:116px;
	left:765px;
  width:180px;
  height:144px;
}

#slogan {
  position:absolute;
  width:553px;
  height:98px;
	top:162px;
	left:212px;
	background-image: url(../img/bg-slogan.png);
}

#slogan .text {
	font-family: Arial , sans-serif;
	font-size:1.6em;
	line-height:1.3em;
	font-weight:bold;
	margin:15px 0 0 33px;
	color:#222;
}

/* Meta Navigation */
#metanav {
	position:relative;
	width:100%;
	margin-top:26px;
}

#metanav ul {
  margin:0;
	border-top:1px solid #ffe466;
	}
#metanav ul li {
  text-indent:0;
  position:relative;
	border-bottom:1px solid #ffe466;
  }
#metanav li:before {content:none;}

#metanav a {
  display:block;
  color:#000;
	font-weight:normal;
	font-size:1.2em;
  text-decoration:none;
  padding:0.25em 1em;
  }

#metanav a:hover {background:#999900; color:#fff;}
#metanav a.current {background:#999900; color:#fff;}

/*************************************************
* Main
*************************************************/
#content-container {
  width:100%;
}

/* Sub Navigation */
#navigation-wrapper{
  float:left;
  width:200px;
/*	background: url(../img/bg-navi.png) repeat-y; */
	height:100%;
  }
#navigation {width:100%;}

#navigation ul {
  margin:0;
	border-top:1px solid #ffe466;
	}
#navigation ul li {
  text-indent:0;
  position:relative;
	border-bottom:1px solid #ffe466;
  }
#navigation li:before {content:none;}
#navigation ul ul li {
  margin:0;
  }
#navigation a {
  display:block;
  color:#000;
	font-weight:normal;
	font-size:1.2em;
  text-decoration:none;
  padding:0.25em 1em;
  }

#navigation li li a {
  padding:0.25em 2em;
	font-size:1em;
}

#navigation li li li a {
  padding:0.25em 3em;
	font-size:1em;
}

#navigation ul ul ul {
	margin-bottom:-1px;
}

#navigation ul ul {
	margin-bottom:26px;
}

#navigation a:hover {background:#999900; color:#fff;}
#navigation a.current {background:#999900; color:#fff;}

#navigation li.active  li a:hover {background:#ffe466; color:#000;}
#navigation li.active  li a.current {background:#ffe466; color:#000;}

#navigation li.active a {
	background:#999900; color:#fff;
}

#navigation li.active ul a{
	background:#ffffff;
	color:#000000;
}

#navigation li li li.active a {
	background:#ffe466; color:#000;
}

/* Sidebar */
#sidebar-wrapper {
  float:right;
  width:200px;
  }
#sidebar {
  width:200px;
  }

/* Center */
#center-wrapper {
  margin:20px 200px 0 245px;
  }
#center {min-height:350px;}

/* Page Title and Subtitle */
#title h1 .page-title {
  display:block;
  }
#title h2 .page-subtitle {
  display:block;
  }

/*************************************************
* Footer
*************************************************/
#footer {
  position:relative;
  width:100%;
  padding:10px 0;
	border-top:1px solid #ffe466;
  }

/* Footer Address */
#footer-address {margin:0 0 0 245px; font-size:0.85em;}
#footer-address p {margin:0;}

/* KMI Logo */
#kmi-logo {
  position:absolute;
  right:-20px;
  bottom:0;
  }

/*************************************************
* Powermail
*************************************************/

.content .tx-powermail ul{
	margin:0;
}

.tx-powermail .powermail_fieldset .powermail_field{
	border:1px solid rgb(169, 169, 169);
}

.tx-powermail .powermail_fieldset .powermail_legend{
	font-size:1.5em;
	color:#888;
}

.powermail_radio_outer,
.powermail_check_outer {
	background-color:initial !important;
	border:none !important;
}

textarea#powermail_field_nachricht {
	font-family: Arial, Helvetica, sans-serif;
}

.tx-powermail select{
	background:#205EA6;
	color:#fff !important;
}

.tx-powermail option{
	line-height:1.5em;
}

.tx-powermail h3 {
	display: none;
}

.powermail_submit{
	font-weight:100 !important;
	color:#fff !important;
	background:#999;
}

.tx-powermail .powermail_fieldset {
	clear: none;
	padding: 10px 0;
	margin: 0 0 20px 0;
}

.tx-powermail .powermail_fieldset .powermail_legend {
	color: #bbb;
	float: right;
	margin: 3px 0 10px 0;
	font-size: 200%;
	white-space: normal;
}

.tx-powermail .powermail_fieldset .powermail_legend {
	color: #bbb;
	float: right;
	margin: 3px 0 10px 0;
	font-size: 200%;
	white-space: normal;
}
.tx-powermail .powermail_fieldset .powermail_fieldwrap {
	margin: 0 0 0.5em 0;
	clear: both;
	overflow: hidden;
}

.tx-powermail .powermail_fieldset .powermail_fieldwrap_radio fieldset, .tx-powermail .powermail_fieldset .powermail_fieldwrap_check fieldset {
	border: 0;
	padding: 0;
	margin: 0;
}

.tx-powermail .powermail_fieldset .powermail_label {
	display: block;
	width: auto;
	float: left;
	clear: left;
	font-weight: bold;
}

.tx-powermail .powermail_fieldset .powermail_radio_outer, .tx-powermail .powermail_fieldset .powermail_captcha_outer, .tx-powermail .powermail_fieldset .powermail_check_outer, .tx-powermail .powermail_fieldset .powermail_fieldwrap_text, .tx-powermail .powermail_fieldset .powermail_fieldwrap_file_inner ul {
	background-color: white;
	border: 1px solid #bbb;
	float: right;
	padding: 3px;
	width: 359px;
	list-style: none;
	margin: 0;
}

.tx-powermail .powermail_fieldset .powermail_field {
	width: 350px;
	padding: 5px;
	margin: 0;
	color: #444;
	float: right;
	font-size: inherit;
}


.tx-powermail .powermail_fieldset .powermail_legend {
	display:none;
}

.tx-powermail select {
	background: #205EA6;
	color: #fff !important;
}

input.powermail_field.powermail_submit{
	width:362px !important;
}

.powermail_radio_inner.powermail_radio_inner_1 {
	width: 50%;
	float: left;
}

/*************************************************
* Galeria
*************************************************/

.galleria-container {
	background:transparent;
	margin: 0px 0 0px -0px !important;
}

.galleria-container {
	/*margin-top: -161px !important;*/
}

.galleria-container .galleria-stage {bottom:0; left:0; right:0; top:0; background:#fff;}

.galleria-container .galleria-image-nav {
    /*margin-top: -100px;*/
    height: 124px;
}

.galleria-container  .galleria-thumbnails .galleria-image{border:none;}
.galleria-container div.galleria-image img {
	top: 0;
}
.galleria-container  .galleria-thumbnails-container {
	top: 490px;
	left:0;
	bottom:auto;
	z-index:50;
	height:80px;
	right:0;
	padding:35px 0;
}

.galleria-container  .galleria-thumbnails {
	height:80px !important;
}

.galleria-container .galleria-thumbnails .galleria-image {
	height:80px !important;
	width: 80px !important;
}

.galleria-container  .galleria-thumb-nav-left,
.galleria-container .galleria-thumb-nav-right { margin-top: 35px; height:80px !important; }
.galleria-container .galleria-thumb-nav-left {background-position: -495px 25px;}
.galleria-container .galleria-thumb-nav-right {background-position: -578px 25px;}

.galleria-container .galleria-counter {color: #000; background:#fff; left:0; bottom:85px; font-size:1em; padding:3px 3px 3px 3px;}

.galleria-container .galleria-lightbox-box .galleria-lightbox-shadow {background:none;}

.notouch .galleria-thumb-nav-left, .notouch .galleria-thumb-nav-right {
background-color:#111;
}

.notouch .galleria-thumbnails-container .disabled:hover {
	opacity:1;
	background-color:#111;
}

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

	#kmi-logo {
		display: none;
	}
	
}	
	
@media screen and (max-width: 600px) { 

	body {
		min-width: 320px;
	}

  #metanav,
	#topnav,
	#subnav-wrapper {
		display: none;
	}
	
	#mnav-wrapper.open {
		display: block;
		position: absolute;
		width: 250px;
	}
	
	#page {
		width: 96%;
		padding: 0 2%;
	}
	
	#mnavbtn {
		display: block;
		position: absolute;
	}
	
	#mnavbtn img {
		padding: 10px;
	}
	
	#center-wrapper,
	#sidebar-wrapper {
		float: none;
		margin: 20px 0 0 0;
		max-width: 100%;
		width: 100%;
	}
	
	#center {
		min-height: 0;
	}
	
	#sidebar {
		width: 100%;
		padding: 0;
	}
	
}