/* fonts
A font by Jos Buivenga (exljbris) -> http://www.exljbris.com
================================================== */
@font-face{
	font-family: 'Fontin-Regular';
	src: url('../fonts/Fontin-Regular.otf') format('opentype');
	font-weight:100;
}
@font-face{
	font-family: 'Fontin-Bold';
	src: url('../fonts/Fontin-Bold.otf') format('opentype');
}
@font-face{
	font-family: 'Fontin-Italic';
	src: url('../fonts/Fontin-Italic.otf') format('opentype');
}
@font-face{
	font-family: 'Fontin-SmallCaps';
	src: url('../fonts/Fontin-SmallCaps.otf') format('opentype');
}



/* default - allgemeine angaben
================================================== */
html {
	height: 100%;
	padding: 0;
	margin: 0;
}
body {
	background-color:#fff;
	background-image:url(/pics/bg.jpg);
	background-position:top right;
	background-repeat:no-repeat;
	background-size:contain;
	min-height:100%;
	padding: 0;
	margin: 0;
	color: #002e65;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 90.01%;
	line-height: 1.5em;
}
a, a:link, a:active, a:visited,
font a, font a:link, font a:active, font a:visited {
	color: #002e65;
	text-decoration: underline;
}
a:hover, font a:hover {
	color: #89b516;
	text-decoration: underline;
}
font {
	font-size: 100.01%;
}
table, tr, td, th {
	font-size: 100.01%;
	vertical-align: top;
}
table {
	border-spacing: 0;
}
td, th {
	padding-right: 1em;
}

img {
	border: none;
}

/* am Bildschirm verstecken */
.hideScreen, .showPrint {
	display: none;
	visibility: hidden;
	height: 1px;
	overflow: hidden;
}


/* mainnav
------------------------------------ */
#menu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-size: 1.04em;
	line-height: 1.4em;
	font-family: Arial, Helvetica, sans-serif;
}
#menu ul li {
	margin: 0 0 0.8em 0;
	padding: 0;
	list-style-type: none;
	color: #fff;
	text-align: right;
	font-weight:bold;
}
#menu ul li a {
	text-decoration: none;
	color:#505050;
	padding: 0.3em 8px;
	margin: 0;
}
#menu ul li a:hover, #menu ul a.rex-active, #menu ul a.rex-current {
	color: #7fac09;
}

/* subnav
------------------------------------ */
#menu ul ul {
	list-style-type: none;
	padding: 0.5em 0 0.2em 0;
	margin: 0;
	font-size: 1em;
}
#menu ul ul li {
	margin: 0 0 0.2em 0;
	padding: 0;
	list-style-type: none;
	font-weight:normal;
}
#menu ul ul li a {
	margin: 0;
	padding: 0.1em 10px 0.1em 8px;
}
#menu ul ul li a:hover, #menu ul ul li a.rex-active, #menu ul ul li a.rex-current {
	color: #7fac09;
}


/* layout
================================================== */

.bgmenu {position:fixed; height:100%; background-color:#d4e99b; width:230px; top:0; left:0;}
.o_ru {position:fixed; height:88px; width:188px; bottom:0; right:0; background-image:url(/pics/o_ru.png); background-position:bottom right; background-repeat:no-repeat;}
#page {
	width: 1046px;
	margin: 0;
	padding: 0;
	min-height: 100%;
	position: relative;
	z-index: 849;
}
#header {
	margin: 0;
	padding: 0 0 1em 0;
	background-image: url(../pics/fit-in-thueringen.png);
	background-repeat: no-repeat;
	background-position: top left;
	min-height:190px;
	height:auto;
}
#link-start {
	display: block;
	text-align: right;
	padding-top: 50px;
	text-decoration: none;
	font-family: 'Fontin-Bold', "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 2.8em;
  line-height: 1em;
	height:auto;
	width:auto;
}
#link-start:hover, #link-start:focus {color:#f18e00;}
#link-start span {padding-right:1em;}
#link-start .zusatz {
	font-family: 'Fontin-SmallCaps', "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.9em;
}
#menu {
	width: 205px;
	float: left;
	margin: 65px 37px 0 15px;
}
#content {
	padding: 0 0 2em 0;
}
#text {
	width: 542px;
	float: left;
	margin: 0 0 15px 0;
	padding: 10px;
	font-size: 1.1em;
}
#sidebar {
	float: right;
	width: 180px;
	color: #fff;
	font-size: 0.9em;
	line-height: 1.3em;
	font-family: Arial, Helvetica, sans-serif;
}
#footer, #footer a {
	color: #999;
	text-decoration: none;
	font-size: 0.95em;
	padding-top: 1em;
}
#pusteblume {
	position: fixed;
	bottom: 0;
	left: 30px;
	width: 204px;
	height: 265px;
	background-image: url(../pics/pusteblume.png);
	background-repeat: no-repeat;
	background-position: bottom left;
	z-index: 345;
}
#pollen {
	position: fixed;
	bottom: 0;
	right: 0;
	width: 282px;
	height: 325px;
	background-image: url(../pics/pollen.png);
	background-repeat: no-repeat;
	background-position: bottom right;
	z-index: 349;
}


/* inhalte
================================================== */

h1 {
	font-size: 1.7em;
	line-height: 1.4em;
	font-weight: normal;
	margin: 0 0 0.5em 0;
	padding: 0;
	color: #f18e00;
	font-family: 'Fontin-Regular', "Trebuchet MS", Arial, Helvetica, sans-serif;
}
h2 {
	font-size: 1.4em;
	line-height: 1.3em;
	font-weight: bold;
	margin: 0.9em 0 0.4em 0;
	padding: 0;
}
h3 {
	font-size: 1.2em;
	line-height: 1.3em;
	font-weight: bold;
	margin: 0 0 0.2em 0;
	padding: 0;
}
h4, h5, h6 {
	font-size: 1em;
	line-height: 1.2em;
	font-weight: bold;
	margin: 0 0 0.1em 0;
	padding: 0;
}
h3 > .zitat-gruen {font-weight:normal;}

p {
	margin: 0;
	padding: 0 0 0.8em 0;
}
#sidebar-r p, #menu p {
	margin: 0;
	padding: 0 0 0.3em 0;
}
#text ul {
	margin: 0;
	padding: 0 0 0.8em 1.2em;
	list-style-image: url(../../pics/li-1.gif);
}
#text ul li {
	margin: 0;
}
#text ul ul {
	margin: 0.3em 0 0 0.8em;
	padding: 0 0 0 0.5em;
	list-style-image: url(../../pics/li-2.gif);
}
#text ul ul li {
	margin: 0 0 0.1em 0;
}

#text ol ol {
	margin: 0.3em 0 0 1em;
	padding: 0 0 0 0.5em;
}
#text ol ol li {
	margin: 0 0 0.1em 0;
}

/* bild links/rechts vom text */
.floatLeft, .rechtsUmfliessen {
	clear: left;
	float: left;
	margin: 5px 2em 0.6em 0;
}
.floatRight, .linksUmfliessen {
	clear: left;
	float: right;
	margin: 5px 0 0.6em 1.5em;
	text-align: right;
}
.umbruch {
	clear: both;
	float: none;
	height: 0;
	overflow: hidden;
}
.bild-untertitel {
	color: #999;
	font-size: 0.9em;
	line-height: 1.2em;
	padding: 0.5em 0 0 0;
}
.bild-gross {
	margin: 0.5em -195px 1.2em 0;
}
.bildbox {
	margin-right: 15px;
	display: inline-block;
}

.absatz {
	margin-bottom: 0.8em;
}

/* 2spaltig */
.absatz-2spaltig-1 {
	width: 47%;
	float: left;
}
.absatz-2spaltig-2 {
	width: 49%;
	float: right;
}

/* 2spaltig bild/text */
.bild-links, .text-links {
	float: left;
}
.text-rechts, .bild-rechts {
	float: right;
}
.absatz-2spaltig-2 .text-rechts {
	margin-right: 20px;
}

/* artikel+ oder kategorienlist */
.pagTop {
	background-color: #eee;
	padding: 0.1em 0.5em;
	margin: 0 0 2em 0;
}
.pagBottom {
	background-color: #eee;
	padding: 0.1em 0.5em;
	margin: 0 0 1em 0;
}
.listeReihe {
	margin-bottom: 0.8em;
	padding: 10px;
	background-color: #FFFBEA;
}
.listeImg {
	/*float: right;
	margin: 0.1em 0 0.6em 1.3em;*/
	text-align: center;
	background-color: #fff;
}
.linkTitle {
	text-decoration: none;
	font-size: 1.1em;
	font-weight: bold;
}
.listeText {
	line-height: 1.2em;
}
.listeReihe h3 {
	border: none;
}
.listeReihe h3 a {
	color: #AA0009;
	text-decoration: none;
}
.listeReihe h3 a:hover {
	color: #d98900;
}
.datum {
	color: #888;
}
.link-more {
	text-transform: uppercase;
	font-weight: bold;
}
.artikel-liste {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.liste-title .listeReihe {
	border: none;
	margin: 0;
	padding: 0;
}
.liste-title .listeReihe h3 {
	font-size: 1.1em;
}

/* bildergalerie */
#text .galerieGalerie {
	padding: 0 0 1em 0;
	margin: 0 -9px;
	float: none;
	clear: both;
}
/* f�r galerie uebersicht */
#text .galerieGalerie .listeReihe {
	border-bottom: none;
	margin-bottom: 0.7em;
}
#text .galerieTitle {
	width: 120px;
	float: left;
	text-align: center;
	font-size: 0.8em;
	line-height: 1.3em;
}
#text .galerieTitle a {
	text-decoration: none;
}
#text .galerieThumbnail {
	width: 135px;
	height: 135px;
	border: none;
	float: left;
	margin: 0 -9px -9px 0;
	padding: 7px;
	text-align: center;
}
#text .galerieThumbnail a {
	width: 118px;
	height: 118px;
	display: block;
	margin: 0;
	padding: 5px;
}
#text .galerieThumbnail a:hover {
	background-color: #89b516;
}
.bild, img {max-width: 100%; height: auto;}
.bild img, #text .galerieThumbnail img, #text img {
	-webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 15px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 15px;

  -moz-border-radius-topleft: 0;
  -moz-border-radius-topright: 15px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 15px;

  border-top-left-radius: 0;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 15px;
}
#footer img {border-radius:0;}

.trenner1 {border-bottom: 1px dotted #002e65; padding-bottom: 1em; margin-bottom: 2em;}
.trenner2 {border-top: 1px dotted #002e65; padding-top: 1em; margin-top: 2em;}

/* accordion */
.accordion {
	margin-bottom: 0.8em;
}
.accordion h3.accordion_toggler_1 {
	background-image:url(../pics/+.png);
	background-position: 0 0.2em;
	background-repeat: no-repeat;
	padding-left: 25px;
	font-weight: normal;
	font-size: 1em;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.accordion h3.accordion_toggler_1 a {
	text-decoration: none;
}
.ui-state-active {
	background-image:url(../pics/-.png) !important;
}
.ui-state-active a {
	color: #f18e00 !important;
}
.accordion .inhalt {
	margin: 0.5em 0 1em 25px;
	padding: 0.5em 0.7em !important;
	border: 2px dotted #F18E00;
}



.pdf {
	background-image: url(../pics/pdf.gif);
	background-position: top left;
	background-repeat: no-repeat;
	padding-left: 20px;
}
.zitat {
	font-family: 'Fontin-SmallCaps', "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	line-height: 1.6em;
}
.zitat-orange {
	font-family: 'Fontin-SmallCaps', "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	line-height: 1.4em;
	color: #f18e00;
}
.zitat-gruen {
	font-family: 'Fontin-SmallCaps', "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	line-height: 1.4em;
	color: #89b516;
}
.zitat-blau {
	font-family: 'Fontin-SmallCaps', "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	line-height: 1.4em;
	color: #009ee0;
}
.orange {
	color: #f18e00;
}
.gruen {
	color: #89b516;
}
.blau {
	color: #009ee0;
}
.zitat-ueberschrift {
	font-family: 'Fontin-SmallCaps', "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.9em;
}

#text ul.haken {
	list-style-type: none;
	margin: 1em 0;
	padding: 0;
}
#text ul.haken li {
	background-image: url(../pics/haken.png);
	background-repeat: no-repeat;
	padding-left: 30px;
	margin: 0 0 0.6em 0;
	min-height: 23px;
}

#text ul.frage {
	list-style-type: none;
	margin: 1.52em 0;
	padding: 0;
}
#text ul.frage li {
	background-image: url(../pics/frage.png);
	background-repeat: no-repeat;
	padding-left: 30px;
	margin: 0 0 0.6em 0;
	min-height: 25px;
}

.infoText {
	background-color:#F9FCFF;
	border:8px solid #003069;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	color:#5F5F5F;
	padding:0.8em 1.2em 0.2em;
}

/* formulare
================================================== */

.yform {padding-bottom: 4em;
    float: left;
    width: 100%;}

/* kontaktformular */
#page .formgen h2, .yform h2 {
	margin: 0;
	padding: 0;
	float: left;
}
#page .formgen, #page .formgen form, .yform form {
	margin: 0;
	padding: 0;
	float: left;
	width: 100%;
}
#page .formgen fieldset, .yform fieldset {
	border: 1px solid #bbb;
	padding: 10px 15px;
	margin: 0 0 1.7em 0;
}
#page .formgen legend, .yform  legend{
	font-size: 1.1em;
	line-height: 1.2em;
	font-weight: bold;
	margin: 0 0 0.4em 0;
	padding: 0 0 0.5em 0;
	color: #999;
}
#page .formgen .formblock label, #page .block-radio label, #page .block-textarea label, #page .block-select label, .yform label {
	line-height: 1.1em;
	padding: 0;
	margin: 0.2em 0 0 0;
	display: block;
	width: 155px;
	max-width:100%;
	font-weight: normal;
	float: left;
}
#page .block-checkbox label, .yform .formcheckbox label {
	line-height: 1.3em;
	padding: 0;
	margin: 0.4em 0 0.2em 0;
	font-weight: normal;
}
#page .formcheck {
	float: left;
	margin-right: 0.7em;
}
#page .formgen input.formtext, .yform input.form-control {
	border: none;
	font-family: Arial, Helvetica, sans-serif;
	width: 300px;
	max-width:100%;
	padding: 0.1em 5px;
	margin: 0;
	background-color: #fff;
	font-size: 1em;
	border: 1px dotted #002E65;
	color: #002E65;
}
#page .formgen input.telefon-0 {
	width: 45px;
	padding-left: 35px;
	float: left;
	margin: 0 15px 0 9px;
}
#page .formgen input.telefon-1 {
	width: 55px;
	padding-left: 15px;
	padding-right: 15px;
	float: left;
}
#page .formgen input.telefon-2 {
	width: 160px;
	float: left;
	margin-left: 15px;
}
#page .formgen textarea, .yform textarea {
	border: none;
	font-family: Arial, Helvetica, sans-serif;
	height: 160px;
	width: 375px;
	max-width:100%;
	padding: 0.2em 5px;
	margin: 0;
	background-color: #fff;
	font-size: 1em;
	float: right;
	border: 1px dotted #002E65;
	color: #002E65;
}
.yform .formcheckbox label {width: auto; padding-left: 1.5em;}
.yform .formcheckbox input {margin-left: -1.5em;}
#page .formgen select, select, .yform select {
	width: 375px;
	max-width:100%;
	border: none;
	background-color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	padding: 2px 3px;
	float: right;
	border: 1px dotted #002E65;
	color: #002E65;
}
#page .formgen .formsubmit-outer {
	margin: 0;
	float: left;
}
#page .formgen .formsubmit, .yform button {
	border: none;
	padding: 0.5em 10px;
	background-color: #89B516;
	text-align: center;
	color: #fff;
	margin: 0;
	font-weight: bold;
	float: left;
	width: 70%;
font-size: 1.1em;
}
#page .formgen .formreset {
	border: none;
	padding: 0.4em 15px;
	background-color: #ee820b;
	text-align: center;
	color: #fff;
	margin: 0 15px 0 0;
	font-weight: bold;
	float: left;
}
#page .formgen textarea:focus, #page .formgen input:focus, .yform textarea:focus, .yform input:focus {
	background-color: #ddEFF8;
	color: #002E65;
}
#page .formgen .formsubmit:focus, #page .formgen .formreset:focus, #page .formgen .formsubmit:hover, #page .formgen .formreset:hover, .yform button:hover {
	background-color: #002E65;
	border: none;
	color: #fff;
}
#page .formgen .formblock, #page .block-checkbox, #page .block-radio, #page .block-select, .yform .form-group {
	padding: 8px 0 0 0;
	float: none;
	clear: both;
}
#page .block-radio .formradio {
	display: inline;
	float: none;
}
#page .block-textarea {
	padding: 8px 0 0 0;
	float: left;
	clear: both;
	width: 100%;
}
#page .formgen .blockSubmit, .yform .blocksubmit {
	clear: both;
	float: none;
	padding-top: 30px;
	padding-left: 155px;
}
#page .formgen .formblock-float {
	padding: 0 0 0.5em 0;
}
#page .formgen img.formcaptcha {
	float: left;
	margin-right: 15px;
}
#page .formgen .block-captcha {
	float: left;
	clear: right;
	width: 200px;
	padding: 0;
}
#page .formgen .block-captcha label {
	width: 155px;
}
#page .formgen .block-captcha input.formtext {
	width: 120px;
	margin-right: 260px;
}
#page .formgen .formtrenn {
	height: 1em;
	overflow: hidden;
	width: 100%;
}
#page .formgen .formheadline, .yform .formheadline {
	display: block;
	padding: 1em 0 0.3em 0;
	font-weight: bold;
	clear: both;
	float: none;
	width: 100%;
}
.has-error label {color: #d80000;}
.has-error input {border-bottom: 1px solid #d80000;}
#form-module-error, .alert-danger {
	color: #d80000;
	border: 1px solid #d80000;
	padding: 1em 1.5em 0.3em 1.5em;
	margin-bottom: 2em;
	background-color: #FFE299;
}
#form-module-thanks, .alert-success {
	color: #3f5900;
	border: 1px solid #3f5900;
	padding: 1em 1.5em 0.7em 1.5em;
	margin-bottom: 2em;
	background-color: #c8e28c;
}
#page .formgen .forminfo, #page .formgen .formhinweis {
	margin-bottom: 1em;
	font-size: 0.9em;
	line-height: 1.4em;
	font-style: italic;
}
#page .formgen .formerror {
	color: #cb0000 !important;
}

/* kunden login */
#page .kundenlogin form {
	padding: 1em 0;
}
#page .kundenlogin label {
	display: block;
	float: left;
	margin-right: 15px;
}
#page .kundenlogin input.formtext {
	width: 100px;
	float: left;
	margin-right: 15px;
}
#page .kundenlogin .formsubmit {
	float: left;
	padding: 0.3em 20px 0.2em 20px;
}
#mobile-button {display:none;}
.social_share_privacy_area .facebook {width:150px !important;}

@media (max-width: 1450px) {
#sidebar { width: 542px; margin-left: 265px; clear: both; float: none;}
#sidebar p {width: auto; float: left;}
}
@media (max-width: 1300px) {
	#link-start {text-shadow: 0px 0px 10px rgba(255, 255, 255, 1);}
}
@media (max-width: 1046px) {
	img {max-width:100%; height:auto;}
	#page, .bild {max-width:100%;}
	#link-start {max-width:98%; margin-left:1%;}
	#sidebar {width:542px; margin-left:265px; clear:both; float:none;}
	#sidebar p {width:auto; float:left;}
}
@media (max-width: 860px) {
	#link-start {padding-top:60px;}
	#header {width:100%; margin-left:-10px;}
	#content {width:100%;}
	#sidebar {width:100%; margin-left:0;}
	#start, #start #header a {color:#002e65;}
	#pollen, #pusteblume {display:none; background:none;}
	#socialshareprivacy ul li {clear: both; height: 2em;}
	#menu {width:98%; margin:0 0 20px 0; padding:0;}
	#menu ul li {float:left; margin-right:5px;}
	#menu ul li a {background-color:#d4e99b;}
	#menu ul ul li a:hover, #menu ul ul li a.rex-active, #menu ul ul li a.rex-current {background-color:#009ee0; color: #fff;}
	textarea {float:left;}
	.bgmenu {display:none; width:0; height:0; overflow:hidden;}
	#text {max-width:96%; padding:10px 2%;}
}
@media (max-width: 800px) {
	#link-start {padding-top: 100px; font-size:2.4em;}
}
@media (max-width: 700px) {
	#link-start {padding-top: 140px; font-size:2em;}
}
@media (max-width: 550px) {
	#header {background-size:contain;}
	.absatz-2spaltig-1, .absatz-2spaltig-2 {width:100%; margin-right:0; padding-right:0; float:none; clear:both;}
	#link-start {padding-top: 100px;}
	#text .galerieThumbnail {width:120px; height:120px;}
}
@media (max-width: 330px) {
	#link-start {font-size:1.6em;}
}