body,p, td, li, ul, ol, h1, h2, h3, h4, h5, h6 {  font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 20px; color: #000000; font-weight: normal;}

.t12 {  font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 20px; color: #000000; font-weight: normal;}
.t12b {  font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 20px; font-weight: bold; color: #000000}
.t12br {  font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 20px; font-weight: bold; color: #319C29}
.t12bw { font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 20px; font-weight: bold ; color: #FFFFFF}
.t12bg { font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 20px; font-weight: bold ; color: #319C29}
.t12shop {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 14px; color: #000000}
.t12bgrau { font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 20px; font-weight: bold ; color: #666666}


.t16 {  font-family: Arial, Helvetica, sans-serif; font-size: 18px; line-height: 24px; color: #000000; font-weight: normal;}
.t16b {  font-family: Arial, Helvetica, sans-serif; font-size: 18px; line-height: 24px; font-weight: bold; color: #000000}
.t16br {  font-family: Arial, Helvetica, sans-serif; font-size: 18px; line-height: 24px; font-weight: bold; color: #319C29}
.t16bw { font-family: Arial, Helvetica, sans-serif; font-size: 18px; line-height: 24px; font-weight: bold ; color: #FFFFFF}
.t16bg { font-family: Arial, Helvetica, sans-serif; font-size: 18px; line-height: 24px; font-weight: bold ; color: #319C29}
.t16bgrau { font-family: Arial, Helvetica, sans-serif; font-size: 18px; line-height: 24px; font-weight: bold ; color: #666666}


.t11 { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000}
.t11b { font-family: Arial, Helvetica, sans-serif; font-size: 11px ; font-weight: bold; color: #000000}
.t11bw { font-family: Arial, Helvetica, sans-serif; font-size: 11px ; font-weight: bold; color: #FFFFFF}
.t11bg { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold ; color: #319C29 }
.t11bga { font-family: Arial, Helvetica, sans-serif; font-size: 11px ; font-weight: normal; color: #319C29}

a {  text-decoration: none; color: #000000; }
a:hover {  color: #319C29; }


.t18 { font-family: Arial, Helvetica, sans-serif; font-size: 18px; line-height: 24px;  color: #000000}
.t10 {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 12px; color: #666666; text-decoration: none}
.t9 {  font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #666666; text-decoration: none}


.form {
	border-color : #333333;
	border-style : solid;
	border-width : 1px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color : #333333;
	background-color : #FfFfFf;
}

.formsend {
	border-color : #333333;
	border-style : solid;
	border-width : 1px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color : #000000;
	background-color : #FFFFFF;

}


.text {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none; line-height: 18px}
.grau {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; line-height: 18px; font-weight: bold; color: #999999}
.logo {  font-family: Arial, Helvetica, sans-serif; font-size: 14px; text-decoration: none; line-height: 18px; font-weight: bold; color: #339933}

.coloredheader {
  background: #fff000;
  /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjElIiBzdG9wLWNvbG9yPSIjZmZmMDAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMjAlIiBzdG9wLWNvbG9yPSIjYTJjOTFiIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMjAlIiBzdG9wLWNvbG9yPSIjYTJjOTFiIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iODUlIiBzdG9wLWNvbG9yPSIjMDA4MDM5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
  background: -moz-linear-gradient(-45deg, #fff000 1%, #a2c91b 20%, #a2c91b 20%, #008039 85%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right bottom, color-stop(1%, #fff000), color-stop(20%, #a2c91b), color-stop(20%, #a2c91b), color-stop(85%, #008039));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(-45deg, #fff000 1%, #a2c91b 20%, #a2c91b 20%, #008039 85%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(-45deg, #fff000 1%, #a2c91b 20%, #a2c91b 20%, #008039 85%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(-45deg, #fff000 1%, #a2c91b 20%, #a2c91b 20%, #008039 85%);
  /* IE10+ */
  background: linear-gradient(135deg, #fff000 1%, #a2c91b 20%, #a2c91b 20%, #008039 85%);
  /* W3C */
  width: 100%;
  padding: 0 0px 0 0;
	height: 53px;
  /*height: 52px;*/
  /*z-index: 100;*/
  position: relative;
	clear: both;
}

.katmenu {
	font-size: 12px;
	font-weight: bold;
	padding: 5px; padding-left: 15px; background-color: #EEEEE5;
	margin-bottom: 10px;
	margin-top: 15px;

}
.sidemenu {
	font-size: 12px;
  line-height: 16px;
	padding: 5px; padding-left: 15px; padding-bottom: 2px; padding-top: 0px;
}

.sidemenu .t11bg, .sidemenu .t11b, .sidemenu .t11  {
	font-size: 12px;
	line-height: 16px;
}

.contentbox {
	position: relative;
	width: 1230px;
	margin-left: auto;
	margin-right: auto;
	background-color: white;

}

.menuleft {
	position: relative; float: left; width: 20%; padding-top: 40px;
	overflow:hidden;
}
.thecontent {position: relative; float: left; width: 80%; min-height: 80%; margin-top: 20px;}
.thelogo {
	position: absolute; z-index: 100; right: -15px; top: 0px; border: none;
}
#topmenubar {font-size: 20px; clear: left; padding-top: 30px;}
.topmenu {
	float:left;
	margin-left:  10px;
	margin-right:  30px;
	font-size: 20px;
}
.servicemenu {
	float:left;
	margin-left:  10px;
	margin-right:  30px;
	font-weight: bold;
	font-size: 15px;
	padding-top: 3px;


}
.servicemenu a {
	color: white;

}

.op70 {
	opacity: 0.5;
}
#ac-55 {
	cursor: pointer;
  margin-top:4px;
}
#ac-55:hover {
	opacity: 0.7;
}
.marker {
	float:left;
	margin-right: 10px;
	margin-left: 20px;
}
.markertext {
	float:left;
	color: #006562;
	font-size: 18px;
	margin-right: 10px;
	padding-top: 3px;
}
.dreieck {
	float: left;
	width: 0px;
  height: 0px;
	margin-top: 8px;
 -webkit-transform:rotate(360deg);
 border-style: solid;
 border-width: 8px 8px 0 8px;
 border-color: #006562 transparent transparent transparent;
}

.fontsizetext {
	float:left;
	color: #FFF;
	font-size: 18px;
	margin-right: 4px;
	padding-top: 3px;
	cursor: pointer;
}
.fsbig {
	float:left;
	color: #FFF;
	font-size: 26px;
	margin-right: 10px;
	padding-top: 0px;
	padding:0px;
	margin: 0px;
	margin-left: 4px;
}
.fssmall {
	float:left;
	color: #FFF;
	font-size: 18px;
	margin-right: 0px;
	padding:0px;
	padding-top: 3px;
	margin: 0px;
	margin-left: 4px;

}
.fontsizetext a, .big a {
	color: #FFF !important;
}


.submenucontainer {
	padding-left: 0px;
	padding-top: 15px;
	float: left;
	/*overflow: hidden;*/
	height:20px;
}

.home {
	float:left;
	border: none;
}
.vline {
	float: left;
	width: 1px;
	overflow: hidden;
	background-color: white;
	height: 53px;
	margin-left: 10px;
	margin-right: 10px;
}

.vspace {
  float:left;
	width: 40px;

}
.kopf {
	height: 128px;
	/*overflow:hidden;*/
}

@media (max-width: 1230px) {
	.contentbox {
		width: 100%
	}
	.thelogo { right: 0px;}
	.coloredheader {
		width: 95%;
		/*overflow:hidden;*/
	}
}
@media (max-width: 1000px) {
	.menuleft { width: 25%}
  .thecontent { width: 75%}
	.topmenu { margin-left:  10px; margin-right:  10px; 	font-size: 16px;}
	.servicemenu {margin-left:  5px;margin-right:  10px; font-weight: bold;font-size: 10px; padding-top: 3px;}
	.thelogo { width: 175px;}



}
@media (max-width: 740px) {
	.contentbox {
		width: 700px
	}
	.menuleft { width: 20%}
  .thecontent { width: 80%}
	.thelogo { right: 0px}
	#topmenubar { font-size: 12px; }
	.topmenu { margin-left:  5px; margin-right:  5px; 	font-size: 12px;}
	.servicemenu {margin-left:  5px;margin-right:  10px; font-weight: bold;font-size: 11px; padding-top: 3px;}
	.coloredheader {
		width: 95%;
	}
	.vspace {
		width: 10px;

	}
}
@media (max-width: 68px) {

	.menuleft { width: 20%}
  .thecontent { width: 80%}
	.thelogo { right: 0px}
	.topmenu { margin-left:  5px; margin-right:  4px; 	font-size: 12px;}
	.servicemenu {margin-left:  5px;margin-right:  10px; font-weight: bold;font-size: 10px; padding-top: 3px;}
	.coloredheader {
		width: 95%;
	}
}

/*ACCORDION*/
.accordion-container label {
    padding-top: 8px;
    padding-left: 10px;
    position: relative;
    z-index: 20;
    display: block;
    height: 24px;
    overflow: hidden;
    cursor: pointer;
}



/*@media (max-width: 765px) {
    .accordion-container label {
        padding-left: 20px;
        background: transparent url(../img/plus-small.png) no-repeat;
        background-position: 0px 10px
    }

    .accordion-container label h2 {
        font-size: 16px;
        line-height: 22px
    }
}

@media (max-width: 445px) {
    .accordion-container label h2 {
        font-size: 16px;
        line-height: 22px
    }
}*/


/*@media (max-width: 765px) {
    .accordion-container input:checked + label, .accordion-container input:checked + label:hover {
        padding-left: 20px;
        background: transparent url(../img/minus-small.png) no-repeat;
        background-position: 0px 10px
    }
}*/

.accordion-container input {
    display: none;
}

.accordion-container article {
	  padding: 30px;
		padding-left: 30px;
    margin-top: 42px;
    overflow: hidden;
    height: 0px;
    position: relative;
    z-index: 10;
		font-size: 18px;
		line-height: 32px;
		width: 200px;
		background-color: #FEFEFE;
		display: none;
		border: 1px solid #DDDDDD

}

.accordion-container article p:first-child {
    margin-top: 0px
}

.accordion-container article p {
    text-indent: 0px
}

.accordion-container article h5 {
    padding-top: 0px;
    color: #999
}

.accordion-container input:checked ~ article.ac-small {
    height: auto;
		display: block;
    /*padding-top: 10px;
    padding-bottom: 20px*/
}

/*@media (max-width: 765px) {
    .accordion-container input:checked ~ article.ac-small {
        padding-left: 0px;
        padding-top: 5px;
        padding-bottom: 10px
    }
}*/