@charset "utf-8";

/*

 * I*AM Design (http://www.iam-design.de)

 */




 @font-face {
	font-family: 'Merriweather';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('./fonts/Merriweather-Regular.eot'); /* IE9 */
	src: url('./fonts/Merriweather-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	  url('./fonts/Merriweather-Regular.woff2') format('woff2'), /* Modern Browsers */
	  url('./fonts/Merriweather-Regular.woff') format('woff'), /* Modern Browsers */
	  url('./fonts/Merriweather-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
	  url('./fonts/Merriweather-Regular.svg#Merriweather') format('svg'); /* Legacy iOS */
  }
  @font-face {
	font-family: 'Merriweather';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url('./fonts/Merriweather-700.eot'); /* IE9 */
	src: url('./fonts/Merriweather-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	  url('./fonts/Merriweather-700.woff2') format('woff2'), /* Modern Browsers */
	  url('./fonts/Merriweather-700.woff') format('woff'), /* Modern Browsers */
	  url('./fonts/Merriweather-700.ttf') format('truetype'), /* Safari, Android, iOS */
	  url('./fonts/Merriweather-700.svg#Merriweather') format('svg'); /* Legacy iOS */
  }



/*

 * Inhalt

 */



html {
	overflow-y:scroll;
	margin: 0;
    padding: 0;
	height: 100%;
	background-image:url(bilder/patter.png);
}





body {
	margin:0px;
	padding:0px;
	font-family: 'Merriweather', Verdana, Arial, sans-serif;
	font-weight: 400;
	font-size:14px;
	height: 100%;
	width:100%;
	color:#57585a;
	background-image:url(bilder/dark.png);
}

#white {
	background-color:#FFF;
}


#headfont {
	width:100%;
	height:102px;
	z-index:2;
	background-color:#e3e4e5;
	margin:auto;
	position:relative;
}

#logo {
	margin:auto;
	top:25px;
	left:-305px;
	position:relative;
	background-image:url(bilder/logo.png);
	background-repeat:no-repeat;
	height:53px;
	width:250px;
}

#shine {
	margin:auto;
	position:relative;
	background-image:url(bilder/shine.png);
	background-repeat:no-repeat;
	height:102px;
	width:860px;
}




#grey {
	position:relative;
	width:100%;
	height:20px;
	background-image:url(bilder/patter.png);
	background-repeat:repeat-x;
	z-index:1;

}

#shadow {
	position:relative;
	width:100%;
	height:20px;
	background-image:url(bilder/shadow.png);
	background-repeat:repeat-x;
	z-index:1;

}


#green {
	position:relative;
	width:100%;
	height:5px;
	background-color:#41a62a;
	z-index:1;
}



#seite {
	width: auto;
	width:860px;
	z-index:4;
	margin:auto;
	position:relative;
	margin-top:53px;

}


#content {
	width:525px;
	padding-left:0px;
	padding-right:30px;
	border-right:#57585a 1px dashed;
	float:left;
	margin-bottom:50px;
	min-height:250px;
}

#navi{
	width:auto;
	float:left;
	margin-bottom:50px;
	padding-left:23px;
	margin-right:20px;
}

#navi a {
	text-decoration:none;
}

#navi a:hover {
	color:#41a62a;
	text-decoration:none;

}

#navi a:visited {
	text-decoration:none;
}

.navi_element {
	font-size:20px;
	font-weight:400;
	padding:17px;
	padding-left:2px;
	padding-right:2px;
	color:#57585a;
	border-bottom:#57585a 1px dashed;
}

.navi_element:hover {
	border-bottom:#41a62a 1px dashed;
	color:#41a62a;
}


.navi_element_aktiv {
	font-size:20px;
	font-weight:400;
	padding:17px;
	padding-left:2px;
	padding-right:2px;
	color:#41a62a;
	border-bottom:#41a62a 1px dashed;
}


#floor {
	width:880px;
	padding-top:5px;
	padding-bottom:20px;
	margin-left:-20px;
}


.box {
	width:282px;
	height:154px;
	float:left;
	position:relative;
	margin-right:10px;
}


#footer_top {
	margin:auto;
	width:100%;
	height:30px;
	font-size:13px;
	padding-top:15px;
	background-image:url(bilder/patter.png);
	background-repeat:repeat-x;
	border-top:#57585a 1px dashed;

}

#footer_top div img {
	margin-right: 3px;
    margin-left: 15px;
}



h1, h4, h5, h6 {

	font-size:25px;
	color:#41a62a;
	line-height:1.4em;
	margin-bottom:25px;
	font-weight:400;

}



p {
	margin-top:0px;
	line-height:19px;
	font-size:14px;
	color:#7b7c7e;

}

em {
	font-weight:300;
	font-size:12px;
	color:#46525b;
}

strong {
	font-weight:700;
	color:#57585a;
}



ul {
	list-style-position:outside;
	list-style-image:url(bilder/list.png);
}

li {
	margin-left:-27px;
	padding-left:0px;
	margin-bottom:2px;
	color:#57585a;
}


a {
	color:inherit;
	border-style:none;
	text-decoration:none;

}



a:hover {
	border-style:none;
	text-decoration:underline;
}



a:visited {
	border-style:none;
	text-decoration:none;
}



img {
	border-style:none;
}


.highlight {
	margin-left:-15px;
	margin-right:-15px;
	padding:15px;
	background-color:#ecf6e9;
	margin-top:15px;
	margin-bottom:15px;
	color:#41a62a;
	text-transform: uppercase;
	font-weight:700;
}

.highlight.notfall {
	color:#58595a;
	background-color:#f1f1f1;
}

.highlight.notfall h3 {
	margin-top:5px;
	margin-bottom:5px;
}

.mitarbeiter {
	width:100%;
	margin-bottom:30px;
	height:165px;
}

.mitarbeiter img {
	float:left; margin-right:20px
}

.download_sub {
	margin-left:15px;
	color:#7b7c7e;
}

#downloads p {
	color:#57585a;
}

#downloads h1 {
	margin-top:25px;
	margin-bottom:10px;
}


#ihk_button {
	position:absolute;
	top: -146px;
	right: 333px;
	z-index:100;
}


/* =============================================================================
   Contact forms
   ========================================================================== */
#content input[type="text"] {
  display: block;
  float: left;
  width: 100%;
  height: 40px;
  padding: 8px 12px;
  margin: 0 0 24px 0;
  border-width: 1px;
  border-style: solid;
  line-height: 24px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  transition: none;
}
#content input[type="text"]:first-child {
  margin-left: 0;
}
#content input[type="text"]:hover {
  box-shadow: 0px 0px 0px 20px transparent;
  transition: box-shadow 0.3s ease-in;
}
#content textarea {
  display: block;
  float: left;
  width: 100%;
  border-width: 1px;
  border-style: solid;
  margin-bottom: 24px;
  padding: 8px 12px;
  line-height: 24px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  transition: none;
}
#content textarea:hover {
  box-shadow: 0px 0px 0px 30px transparent;
  transition: box-shadow 0.3s ease-in;
}
.contactform p {
  margin: 0;
}
#content input[type="button"] {
  float: left;
  margin-bottom: 3px;
}
img.loaderIcon {
  position: relative;
  left: 12px;
  top: 2px;
  display: inline-block;
}
#form_response {
  list-style: none;
  width: 100%;
  float: left;
  margin: 0;
}
#form_response li {
  padding-left: 0;
  margin: 0 0 2px;
}
#form_response li span {
  position: relative;
  top: -2px;
  margin-right: 4px;
  font-size: 14px;
  line-height: 24px;
  vertical-align: middle;
  color: #cf2b58;
}
#form_response li:first-child {
  margin-top: 24px;
}
#form_response li.success {
  padding-left: 0;
  color:#FFF;
}
#form_response li.success span {
  position: relative;
  top: -1px;
  margin-right: 4px;
  font-size: 14px;
  line-height: 24px;
  vertical-align: middle;
}
#content #form_response {
  padding: 0;
}
#content #content #form_response li {
  list-style: none;
  padding: 0;
  margin: 0 0 4px;
}
div.selector {
  margin-bottom: 11px;
}

/* =============================================================================
   Contact forms
   ========================================================================== */
#content input[type="text"] {
  border-color: #f1f1f1;
  background: #f1f1f1;
  color: #2d2d2d;
  box-shadow: 0px 0px 0px 0px #dadada;
}
#content input[type="text"]:hover {
  background: #FFF;
  border: 2px solid #f1f1f1;
}
#content textarea {
  border-color: #f1f1f1;
  background: #f1f1f1;
  color: #2d2d2d;
  box-shadow: 0px 0px 0px 0px #dadada;
}
#content textarea:hover {
  background: #FFF;
  border-color: #FFF;
}
img.loaderIcon {
  color: #fcfcfc;
}
#form_response li {
  color: #57585a;
}
#form_response li span {
  color: #57585a;
}
#form_response li.success span {
  color: #57585a;
}


.btn, .font-negative .pricing .btn {
    position: relative;
    display: inline-block;
    overflow: hidden;
    width: auto;
    height: auto;
    border: none;
    outline: none;
    border-radius: 0px;
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    text-transform: uppercase;
    padding: 6px 24px;
    transition: all 0.2s linear 0s;
    white-space: nowrap;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.btn {
    border: 2px solid #41a62a;
    background: #fff;
    color: #57585a;
}

#content input[type="button"] {
    float: left;
    margin-bottom: 3px;
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

.btn:hover, .btn:focus, .btn.current, .font-negative .pricing a.btn:hover, .font-negative.bg-three .pricing a.btn:hover {
    background: #41a62a;
    color: #fff;
}


/*====================*/
/*=== Other Styles ===*/
/*====================*/

.clear {
	clear: both;
	height:100px;
}