body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	padding: 0;
	margin: 0;
	}
table {
	border-collapse: collapse;
	border-spacing: 0;
	}
fieldset,img { 
	border: 0;
	}
address,caption,cite,code,dfn,em,strong,th,var {
	font-weight: normal;
	font-style: normal;
	}
ol,ul {
	list-style: none;
	}
caption,th {
	text-align: left;
	}
h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
	font-size: 100%;
	}
q:before,q:after {
	content:'';
	}
abbr,acronym { border: 0;
	}body {
	margin: 0px;
	height: 101%;
	color: #666;
	font-family: "myriad-pro", arial;
	font-size: 11pt;
	letter-spacing:0.0pt;
	line-height:150%;
	
}

html {
	
}

html {
	height: 101%;
}

input {
	border: 1px solid #dddddd;
	text-align: left;
	background: #fff;
}

form {
	margin: 0px 0px 0px 0px;
}

label {
	
}

a {
	cursor: pointer;
	color: #3885D6;
	text-decoration: none;
	border-bottom:1px #3885D6 dotted;
}

a:hover {
	color: #C4324C;
	border-bottom:1px #C4324C dotted;
}

ul {
	list-style-type: disc;
	list-style-position: outside;
	padding-left: 15px;
}

ul li {
	margin-bottom: 5px;
}

h1 {
	font-weight: 600;
	font-size: 16pt;
	text-align: left;
	color: #3585D6;
	margin-bottom: 16px;
}

h3 {
	text-align: left;
}

h2 {
	text-align: right;
	font-size: 16pt;
	font-weight: 600;
	color: #3585D6;
	margin-bottom: 16px;
}

h7 {
	font-weight: 600;
	font-size: 16pt;
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: left;
}

h8 {
	font-weight: normal;
	font-size: 14pt;
	margin-bottom: 20px;
	text-align: left;
}

h9 {
	font-weight: 600;
	font-size: 12pt;
}

table {
	width: 400px;
}

p {
	margin-bottom: 20px;
}

.clear {
	clear: both;
}

#noscript {
	background-color: #9ceefe;
	width: 100%;
	height: 20px;
	color: #044855;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
}

#ta_noscript {
	position: absolute;
	z-index: 1000;
	color: #fff;
	background-color: #DBA34A;
	height: 35px;
	width: 100%;
	text-align: center;
	padding-top: 20px;
}

.spacer {
	height: 15px;
	text-align: left;
}

.red {
	color: #CE1E2C;
	font-weight: bold;
}

.grey {
	color: #4A545C;
	font-weight: bold;
}

strong {
	font-weight: bold;
}

#container {
	position: absolute;
	left: 50%;
	width: 900px;
	margin-left: -450px;
}

#logo {
	position: absolute;
	float: left;
	left: 50%; width : 900px;
	margin-left: -450px;
	width: 900px; margin-left : -450px;
	margin-top: 8px;
}

#logo img {
	float: left;
	height: 80px;
}

#logo div {
	float: left;
	margin-top: 10px;
}

#navi div {
	margin-top: 8px; position : absolute;
	left: 50%;
	margin-left: -40px;
	width: 900px;
	position: absolute;
}

#navi {
	padding-top: 48px;
	height: 32px;
	width: 100%;
}

#navi a {
	font-size: 12pt;
	float: left;
	margin-right: 16px;
	color: #263120;
	font-weight: bold;
	text-decoration: none;
	border:0px;
}

#navi a:hover {
	color: #3585D6;
}

.stripe {
	height: 1px;
	width: 836px;
	margin-left: 32px;
	margin-top: 16px;
	margin-bottom: 16px;
	background: rgba(202, 216, 137, 0.5);
	float: left;
}

#content_frame {
	width: 100%;
	background: rgba(255, 255, 255, 0.8);
	background: white;
	float: left;
	/*	
-moz-box-shadow: 0 0 15px 5px #D9DBDC;
-webkit-box-shadow: 0 0 15px 5px#D9DBDC;
box-shadow: 0 0 15px 5px #D9DBDC;
	*/
	margin-top: 16px; background : white url('../../img/hg.png') no-repeat;
	background-position: 400px 0;
	background: white url('../../img/hg.png') no-repeat;
}

#footer {
	float: left;
	width: 100%;
	color: #CAD889;
	text-align: center;
	padding-top: 16px;
}

#footer a {
	color: #CAD889;
	text-decoration: none;
}

#footer a:hover {
	color: #51317C;
}

.slides_container {
	width: 600px;
	height: 400px;
}

.slides_container div {
	width: 600px;
	height: 400px;
	display: block;
}

.pagination {
	margin: 26px auto 0;
	width: 100px;
}

.pagination li {
	float: left;
	margin: 0 1px;
	list-style: none;
}

.pagination li a {
	display: block;
	width: 12px;
	height: 0;
	padding-top: 12px;
	background-image: url(../../img/pagination.png);
	background-position: 0 0;
	float: left;
	overflow: hidden;
}

.pagination li.current a {
	background-position: 0 -12px;
}

.main_themes div img {
	height: 20px;
}

small {
	font-size:8pt;
	font-weight: normal;
}

phone {
	font-size: 16pt;
	font-weight: 600;
	color: #fff;
}

.biglink {
	font-size: 16pt;
	font-weight: 600;
	color: #fff;
	
}

strong {
	font-weight: 600;
}

.comp_c {
	color: #3585D6;
}

#header {
	width: 100%;
	height: 96px;
	background: #eeeeee; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #eeeeee 0%, #bbbbbb 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #eeeeee), color-stop(100%, #bbbbbb) ); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg, #eeeeee 0%, #bbbbbb 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg, #eeeeee 0%, #bbbbbb 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg, #eeeeee 0%, #bbbbbb 100%); /* IE10+ */
	background: linear-gradient(135deg, #eeeeee 0%, #bbbbbb 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(  startColorstr='#eeeeee', endColorstr='#bbbbbb', GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

#sub_navi {
	width: 240px;
	float: left;
}

#sub_navi ul {
	list-style-type: none;
	padding: 0px;
	margin-bottom: 8px;
}
ul {
    list-style-type: none;
    padding: 0px;
    margin-bottom: 8px;
}
#sub_navi ul li {
	margin: 0px;
	margin-top: 8px;

	
	text-align: right;
	border: 0 solid #A3C733;
	border-right:8px solid #A3C733;
	
	padding: 16px;
	padding-right: 8px;
	padding-bottom: 0px;
	background: #eeeeee; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #eeeeee 0%, #bbbbbb 100%) ; /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #eeeeee), color-stop(100%, #bbbbbb) ); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg, #eeeeee 0%, #bbbbbb 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg, #eeeeee 0%, #bbbbbb 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg, #eeeeee 0%, #bbbbbb 100%); /* IE10+ */
	background: linear-gradient(135deg, #eeeeee 0%, #bbbbbb 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(  startColorstr='#eeeeee', endColorstr='#bbbbbb', GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	border-radius: 21px 5px 5px 5px;
	-moz-border-radius: 21px 5px 5px 5px;
	-webkit-border-radius: 21px 5px 5px 5px;
	
	
	color:#263120;

cursor:pointer;
}
#sub_navi ul li:hover {
	background: #A3C733;
	color:white;
}
#sub_navi_head {
	background: #263120;
	font-size: 16pt;
	color: #A3C733;
	font-weight: 600;
	text-align: right;
	height: 32px;
	padding: 16px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	border-radius: 21px 5px 5px 5px;
	-moz-border-radius: 21px 5px 5px 5px;
	-webkit-border-radius: 21px 5px 5px 5px;
}

.sub_navi_item {
	text-align: right;
	padding-right: 16px;
	background: #A3C733;
	color: white;
	padding-top: 8px;
	padding-bottom: 4px;
	padding: 16px;
	padding-bottom: 0px;
	padding-left: 16px;
	border-radius: 21px 5px 5px 5px;
	-moz-border-radius: 21px 5px 5px 5px;
	-webkit-border-radius: 21px 5px 5px 5px;
	
	
	

	background: #cbd502; /* Old browsers */
background: -moz-linear-gradient(left, #cbd502 0%, #A3C733 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#cbd502), color-stop(100%,#A3C733)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #cbd502 0%,#A3C733 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #cbd502 0%,#A3C733 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, #cbd502 0%,#A3C733 100%); /* IE10+ */
background: linear-gradient(to right, #cbd502 0%,#A3C733 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cbd502', endColorstr='#A3C733',GradientType=1 ); /* IE6-9 */
	
	
	
	background : #A3C733 url(../../templates/1/img/logohg.png);
}

#content {
	float: left;
	background: #fff;
	margin-left: 16px;
	width: 644px;
}

#content_head {
	height: 340px;
	width: 644px;
	margin-bottom: 16px;
	border-radius: 5px 21px 5px 5px;
	-moz-border-radius: 5px 21px 5px 5px;
	-webkit-border-radius: 5px 21px 5px 5px;
}

.content_head_var_cA {background-image: url(../../templates/1/img/img_A.jpg);background-size: cover;color:#263120;}
.content_head_var_cB {background-image: url(../../templates/1/img/img_B.jpg);background-size: cover;color:white;}
.content_head_var_cC {background-image: url(../../templates/1/img/img_C.jpg);background-size: cover;color:white;}
.content_head_var_index {background-image: url(../../templates/1/img/img_1.jpg);background-size: cover;color:white;}


#sub_navi  a {border:0px;}
#sub_navi ul a {color:#263120;border:0px;}
#form {
	font-weight: 600;
	font-size: 16pt;
	width: 612px;
	margin-top: 0px;
	height: 64px;
	float: right;
	background: #A3C733;
	color: white;
	padding: 16px;
}

#line {
	border-radius: 5px 21px 5px 5px;
	-moz-border-radius: 5px 21px 5px 5px;
	-webkit-border-radius: 5px 21px 5px 5px;
	background: #A3C733;
	color: white;
	height: 32px; 
	padding : 16px;
	padding-bottom: 0px;
	padding-left: 20px;
	font-size: 16pt;
	font-weight: 600;
background : #A3C733 url(../../templates/1/img/logohg.png);

}

#content_news {
	background: rgba(80%, 89%, 53%, 0.2);
	background: #eeeeee; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #eeeeee 0%, #fff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #eeeeee), color-stop(100%, #fff) ); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg, #eeeeee 0%, #fff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg, #eeeeee 0%, #fff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg, #eeeeee 0%, #fff 100%); /* IE10+ */
	background: linear-gradient(135deg, #eeeeee 0%, #fff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(  startColorstr='#eeeeee', endColorstr='#fff', GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	padding: 16px;
	border-radius: 5px 21px 5px 5px;
	-moz-border-radius: 5px 21px 5px 5px;
	-webkit-border-radius: 5px 21px 5px 5px;
	min-height:880px;
}

#float_form, #float_1 {

	width:200px;

	background: rgba(241,241,241,0.65);
	   border-radius: 5px 21px 5px 5px;
    -moz-border-radius: 5px 21px 5px 5px;
    -webkit-border-radius: 5px 21px 5px 5px;
	border: 0 solid rgba(53, 133, 214, 0.65);
    border-right:8px solid rgba(53, 133, 214, 0.65);

}
.outline {text-shadow:
0 1px 0 #444,
0 -1px 0 #444,
1px 0 0 #444,
-1px 0 0 #444;}

#float_text {
	width:370px;
	top:230px;
	margin-left:20px;
position:absolute;

	

	font-size:18pt;

}
.float_text_s {font-family: "reenie-beanie";font-size:30pt;}
.float_text_small {font-size:10pt;}
#float_form form {
	
	padding:10px;

	color:#263120;
	
}
#float_form form input[type=text]{
    margin-bottom:4px;
border: 0px;
    width:105px;
    background: rgba(255,255,255,0.85);
    height:24px;
           border-radius: 1px 4px 1px 1px;
    -moz-border-radius: 1px 4px 1px 1px;
    -webkit-border-radius: 1px 4px 1px 1px;
    color:#263120;
}
.submit {
	background:#3585D6;
	color:white;
	width:65px;
	margin-left:4px;
	font-weight:600;
	text-align:center;
	height:52px;
	background:rgba(53, 133, 214, 0.7);
	color:white;
    border-radius: 5px 21px 5px 5px;
    -moz-border-radius: 5px 21px 5px 5px;
    -webkit-border-radius: 5px 21px 5px 5px;
    cursor:pointer;
    border:0px;
}

.submit:hover {
	background:#263120;
	transition: background 2s;
-webkit-transition: background 2s; /* Safari */
	
}
.index {
	
	   font-size: 16pt;
    font-weight: 600;
    color: #fff;
	
}
medium {
	color:#263120;
	font-weight:normal;
	font-size:9pt;
	
}

.logo_small {
	
	position:absolute;
	margin-left:588px;
	margin-top:-28px;
	
}
#anfahrt {
	
	
	
	
	
}
#kontaktformular ul {float:left}
#kontaktformular {
	width:610px;

	height:200px;
	
}
#kontaktformular input[type=text], #kontaktformular input[type=email] {
	
	margin-bottom:5px;height:20px;
	width:180px;;
    
}

#kontaktformular input[type=submit] {
    
    margin-bottom:5px;
    width:180px;;margin-left:20px;
    
}

#kontaktformular  textarea {
	margin-left:20px;
	height:145px; width:180px;;border:1px #ddd solid;
}




@media only screen and (min-width: 100px) and (max-width: 1000px) {
  body {font-size:1em;}
  #navi a {    
    display: block;    
    width: 100%;    
    float: left;    
    padding: 10px;
	font-size:1em;
  }

  #logo a {    
    overflow: hidden;    
    margin: 0 auto;    
    width: auto;    
    height: auto;
  }
  #kontaktformular, .slides_container div, .slides_container, .stripe, #content_head, #navi div, #content_frame, #content ,#form {    
    width: 100% !important;
  }
  #float_text {    
    display: none;
  }
  #header {    
    height: auto;    
    overflow: hidden;
  }
  #sub_navi, #container, #header {    
    position: relative;    
    left: 0;    
    width: 100%;    
    margin: 0px;
  }
  #logo {    
    position:relative;
	 overflow:hidden;
   left:0%;  
   display: block;
    margin-left: auto;
    margin-right: auto ;
   
	
	width:100%;
	
  }
  #logo a  { 
  display: block;
  overflow:hidden;
  width:300px;
    margin-left: auto;
    margin-right: auto ;
	text-decoration:none;
	border:0;
  }
  #logo a img {  
	width:100%;
	height:auto;
	margin:0;
    
  }
  
  #navi {    
    display: block;    
    float: left;
  }
  #content {    
    margin: 0;
  }
  #line {    
    margin-top: 10px;    
    margin-bottom: 10px;
  }
  #navi div {    
    margin-top: 8px;    
    position: relative;    
  
    margin-left: 0;
  }
  #navi {    
    padding: 20px;    
    height: auto;    
    width: 100%;    
    display: none;
  }
  .sub_navi_item {    
    text-align: left;    
    padding-right: 16px;
  }
  h2 {    
    text-align: left;
  }
  #container {    
    left: 3%;    
    right: 3%;    
    width: 94%;
  }
  #sub_navi ul li {
  margin: 0px;
  margin-top: 8px;
  text-align: left;
  }
  #float_form input {margin-bottom:20px !important;}
  .logo_small {display:none;}
}





.green {color:#41AFA8 }


h2 {
	
	margin-top: 15px;
	
}
h1 {
	
	margin-top: 15px;
	
}