/* =====================================BASE STYLES===================================== */article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display: block}/* taken from HTML5 Boilerplate http://h5bp.com */html {font-size: 100%;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%}audio, canvas, video {display: inline-block;*display: inline;*zoom: 1}audio:not([controls]) {display: none}[hidden] {display: none}/* text selection */.content-wrapper ::-moz-selection {background: #f39c2c;background: rgba(243,156,44,0.7);color: #555;text-shadow: none}.content-wrapper ::selection {background: #f39c2c;background: rgba(243,156,44,0.7);color: #555;text-shadow: none}/* Consistent box sizing and appearance */input[type="checkbox"], input[type="radio"] {box-sizing: border-box;padding: 0;*width: 13px;*height: 13px}input[type="search"] {-webkit-appearance: textfield;-moz-box-sizing: content-box;-webkit-box-sizing: content-box;box-sizing: content-box}input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {-webkit-appearance: none}/* Remove inner padding and border in FF3/4 */button::-moz-focus-inner, input::-moz-focus-inner {border: 0;padding: 0}/** 1. Remove default vertical scrollbar in IE6/7/8/9* 2. Allow only vertical resizing*/textarea {overflow: auto;vertical-align: top;resize: vertical}ul, ol {margin: 1em 0;padding: 0 0 0 40px}dd {margin: 0 0 0 40px}nav ul, nav ol {list-style: none;list-style-image: none;margin: 0;padding: 0}/* Redeclare monospace font family */pre, code, kbd, samp {font-family: monospace, serif; _font-family: 'courier new', monospace;font-size: 1em }/* Improve readability of pre-formatted text in all browsers */pre {white-space: pre;white-space: pre-wrap;word-wrap: break-word}q {quotes: none}q:before, q:after {content: "";content: none}small {font-size: 85%}/* Hide from both screenreaders and browsers */.hidden {display: none !important;visibility: hidden}/* Hide only visually, but have it available for screenreaders */.visuallyhidden {border: 0;clip: rect(0,0,0,0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px}/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard */.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus {clip: auto;height: auto;margin: 0;overflow: visible;position: static;width: auto}/* Hide visually and from screenreaders, but maintain layout */.invisible {visibility: hidden}/* correct text resizing */html {font-size: 100%;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%}body {margin: 0;font-size: 1em;/* -webkit-font-smoothing: antialiased */}/* =====================================12 COLUMN GRID===================================== *//* ================================Desktop================================ *//* the wraping container */.container {width: 92%;/*    min-width: 980px;*/max-width: 1260px}/* align the site */.leftaligned {margin: 0 auto 0  0}.rightaligned {margin: 0 0 0 auto}.centered {margin: 0 auto}/* Global Grid layout */.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12 {display:inline;float: left;position: relative;margin-left: .96%;margin-right: .96%}/* alpha and omega classes remove margins, aplha = no margin left, omega = no margin right */.alpha { margin-left: 0 }.omega { margin-right: 0 }/* Grid sizes up to 12 columns */.container .grid_1 { width:6.333% }.container .grid_2 { width:14.667% }.container .grid_3 { width:23.0% }.container .grid_4 { width:31.333% }.container .grid_5 { width:39.667% }.container .grid_6 { width:48.0% }.container .grid_7 { width:56.333% }.container .grid_8 { width:64.667% }.container .grid_9 { width:73.0% }.container .grid_10 { width:81.333% }.container .grid_11 { width:89.667% }.container .grid_12 { width:98.0% }/* Prefix to add extra space left */.container .prefix_1 { padding-left:8.333% }.container .prefix_2 { padding-left:16.667% }.container .prefix_3 { padding-left:25.0% }.container .prefix_4 { padding-left:33.333% }.container .prefix_5 { padding-left:41.667% }.container .prefix_6 { padding-left:50.0% }.container .prefix_7 { padding-left:58.333% }.container .prefix_8 { padding-left:66.667% }.container .prefix_9 { padding-left:75.0% }.container .prefix_10 { padding-left:83.333% }.container .prefix_11 { padding-left:91.667% }/* Suffix to add extra space right */.container .suffix_1 { padding-right:8.333% }.container .suffix_2 { padding-right:16.667% }.container .suffix_3 { padding-right:25.0% }.container .suffix_4 { padding-right:33.333% }.container .suffix_5 { padding-right:41.667% }.container .suffix_6 { padding-right:50.0% }.container .suffix_7 { padding-right:58.333% }.container .suffix_8 { padding-right:66.667% }.container .suffix_9 { padding-right:75.0% }.container .suffix_10 { padding-right:83.333% }.container .suffix_11 { padding-right:91.667% }/* Push columns to right */.container .push_1 { left:8.333% }.container .push_2 { left:16.667% }.container .push_3 { left:25.0% }.container .push_4 { left:33.333% }.container .push_5 { left:41.667% }.container .push_6 { left:50.0% }.container .push_7 { left:58.333% }.container .push_8 { left:66.667% }.container .push_9 { left:75.0% }.container .push_10 { left:83.333% }.container .push_11 { left:91.667% }/* Pull columns to left */.container .pull_1 { left:-8.333% }.container .pull_2 { left:-16.667% }.container .pull_3 { left:-25.0% }.container .pull_4 { left:-33.333% }.container .pull_5 { left:-41.667% }.container .pull_6 { left:-50.0% }.container .pull_7 { left:-58.333% }.container .pull_8 { left:-66.667% }.container .pull_9 { left:-75.0% }.container .pull_10 { left:-83.333% }.container .pull_11 { left:-91.667% }/* =====================================Tablet (Portrait)===================================== */@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation : portrait) {.container {width: 92%;min-width: 768px;max-width: 1024px}}/* =====================================Smartphones (Portait)===================================== */@media only screen and (max-width: 320px) {.container {width: 92%;min-width: 300px;max-width: 320px}.container .grid_1,.container .grid_2 {width: 48%;margin: 1% 1%;float: left;}.container .grid_3,.container .grid_4,.container .grid_5,.container .grid_6,.container .grid_7,.container .grid_8,.container .grid_9,.container .grid_10,.container .grid_11,.container .grid_12 {width: 98%;margin: 1% 1%;float: none}}/* =====================================Smartphones (Landscape)===================================== */@media only screen and (min-width: 321px) and (max-width: 767px) {.container {width: 92%;min-width: 321px;max-width: 767px}.container .grid_1,.container .grid_2 {width: 31%;margin: 1% 1%;display: block;float: left}.container .grid_3,.container .grid_4,.container .grid_5,.container .grid_6,.container .grid_7,.container .grid_8,.container .grid_9,.container .grid_10,.container .grid_11,.container .grid_12 {width: 98%;margin: 0 1%;display: block;float: none}}/* =====================================Smartphones (Portrait & Landscape)===================================== */@media only screen and (min-width: 300px) and (max-width: 767px) {.container .prefix_1,.container .prefix_2,.container .prefix_3,.container .prefix_4,.container .prefix_5,.container .prefix_6,.container .prefix_7,.container .prefix_8,.container .prefix_9,.container .prefix_10,.container .prefix_11,.container .suffix_1,.container .suffix_2,.container .suffix_3,.container .suffix_4,.container .suffix_5,.container .suffix_6,.container .suffix_7,.container .suffix_8,.container .suffix_9,.container .suffix_10,.container .suffix_11 {padding-right: 0;padding-left: 0}.container .push_1,.container .push_2,.container .push_3,.container .push_4,.container .push_5,.container .push_6,.container .push_7,.container .push_8,.container .push_9,.container .push_10,.container .push_11,.container .pull_1,.container .pull_2,.container .pull_3,.container .pull_4,.container .pull_5,.container .pull_6,.container .pull_7,.container .pull_8,.container .pull_9,.container .pull_10,.container .pull_11 {left: auto;right: auto}}/* =====================================iPhone 4, iPad2, Retina stuff ?===================================== */@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) {/* if you buy me one i might test and add something here */}/* =====================================CLEARING FLOATS===================================== */.clear {clear: both;display: block;overflow: hidden;visibility: hidden;width: 0;height: 0}.cf:before,.cf:after,.row:before,.row:after{content: "";display: table}.cf:after,.row:after{clear: both}.cf,.row {*zoom: 1}
/* Stylesheet: Simplex: Core Modified On 2014-06-15 05:13:42 */
/* =====================================BASIC STYLES===================================== */body {background: #fff;font-family: sans-serif; /* sans-serif falls back to default OS and Browser font, usually Arial or Helvetica and so on */font-size: 12px;color: #333;line-height: 1.3}/* you can change appearance of the page by adding or removing #boxed id to body tag. */body#boxed {background: #d1d1d1 url(https://test.bauernhof-kitz.de/uploads/simplex/images/bgsky.jpg) no-repeat;min-width:100%;min-height:100%;width:auto;height:auto;overflow-y: scroll;}/* add some space inside the boxed container */#boxed .container {padding: 0 1%}a img {border: none}/* you can use these classes to align images to left or right */.right {float: right;padding: 0 0 10px 20px;}.left {float:left;padding: 0 20px 10px 0;}/* if image needs some space add this class to img tag* so at the end a left floating image would be <img src='some.jpg' class='left spacing' alt='foo' />*/.spacing {margin: 10px}.spacing.left {margin: 10px 10px 10px 0}.spacing.right {margin: 10px 0 10px 10px}/* or add a 2 px border to image or something, change as you need it */.border {border: 2px solid #e9e9e9}/* some styling for code chunks */code, samp, kbd {font-family: Consolas, 'Andale Mono WT', 'Andale Mono', 'Lucida Console', 'Lucida Sans Typewriter', monospace;color: #333}pre code {line-height: 1.4;font-size: 11px}pre {padding: 10px;margin: 10px 0;overflow: auto;width: 93%;background: #FED770;border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;-o-border-radius: 6px}/* target IE7 and IE6 */*:first-child+html pre {padding-bottom: 20px;overflow-y: hidden;overflow: visible;overflow-x: auto}* html pre {padding-bottom: 20px;overflow: visible;overflow-x: auto}/* horizontal ruler */hr {border: solid #e9e9e9;border-width: 1px 0 0 0;clear: both;margin: 10px 0 30px 0;height: 0}/* =====================================COMMON TYPOGRAPHY===================================== *//* link default styles */a {color: #E3880D;}a:visited {color: #e6870e}a:hover {color: #333;transition: transform 0.3s ease-out;-webkit-transition: color 0.3s ease-out;-moz-transition: color 0.3s ease-out;-o-transition: color 0.3s ease-out;text-decoration: underline}a:focus {outline: thin dotted}a:hover, a:active {outline: 0}/* add icon to links with class external */a.external span {display: inline-block;width: 9px;height: 9px;text-indent: -999em;margin: 0 3px;/* using sprite image, but left as reference to single imagebackground: transparent url(https://test.bauernhof-kitz.de/uploads/simplex/images/external-icon.png) no-repeat 0 0*/background: transparent url(https://test.bauernhof-kitz.de/uploads/simplex/images/simplex-sprite.png) no-repeat -10px -130px;}a.external:hover span {background-position: -10px -139px}/* default heading styles */h1,h2,h3 {font-family: 'Oswald', Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;}h1 {color: #E3880D;margin: 10px 0;font-size: 28px;text-transform: uppercase;}h2 {color: #333;font-size: 22px}h3 {color: #333;font-weight: 300;font-size: 18px}/* blockquotes and cites */blockquote,blockquote p {font-size: 14px;line-height: 1.5;color: #333;font-style: italic;font-family: Georgia, Times New Roman, serif}blockquote {margin: 0 0 20px 0;padding: 9px 10px 10px 19px;border-left: 5px solid #FED770}blockquote cite {display: block;font-size: 12px;color: #333}blockquote cite:before {content: "\2014 \0020";}blockquote cite a,blockquote cite a:visited,blockquote cite a:visited {font-family: Georgia, Times New Roman, serif;}/* =====================================LAYOUT===================================== *//* wrapping the page in a box */#wrapper {margin-top: 10px;border-top: 5px solid #E3880D}/* you can switch appearance of the page by adding or removing id #boxed to body tag */#boxed #wrapper {background: #FFF3D9;box-shadow: 2px 2px 8px #333}/* ------ HEADER SECTION ------ *//* if you need height or something for header part add style here */.headimage, .headimage img {width: 100%;height: auto;}.headimage a {display: block;left: 3%;position: relative;width: 25%;}.header {}#hiplacer { position: relative; top: 17px; margin-bottom: -55px; }.ueberuns .headimage { background: transparent url(https://test.bauernhof-kitz.de/uploads/simplex/images/header/ueberuns.jpg) no-repeat 0 20px; background-width: 100%; }.hofladen-kitz-history .headimage { background: transparent url(https://test.bauernhof-kitz.de/uploads/simplex/images/header/ueberuns.jpg) no-repeat 0 20px; background-size:100% auto; }.unsere-produkte .headimage { background: transparent url(https://test.bauernhof-kitz.de/uploads/simplex/images/header/ueberuns.jpg) no-repeat 0 20px; background-size:100% auto; }.blumen-und-pflanzen .headimage { background: transparent url(https://test.bauernhof-kitz.de/uploads/simplex/images/header/ueberuns.jpg) no-repeat 0 20px; background-size:100% auto; }.spezialitaeten .headimage { background: transparent url(https://test.bauernhof-kitz.de/uploads/simplex/images/header/ueberuns.jpg) no-repeat 0 20px; background-size:100% auto; }.weihnachtsmarkt .headimage { background: transparent url(https://test.bauernhof-kitz.de/uploads/simplex/images/header/hofladen.jpg) no-repeat 0 20px; background-size:100% auto; }.hofladen .headimage { background: transparent url(https://test.bauernhof-kitz.de/uploads/simplex/images/header/hofladen.jpg) no-repeat 0 20px; background-size:100% auto; }.backwaren .headimage { background: transparent url(https://test.bauernhof-kitz.de/uploads/simplex/images/header/hofladen.jpg) no-repeat 0 20px; background-size:100% auto; }.kuchen-co .headimage { background: transparent url(https://test.bauernhof-kitz.de/uploads/simplex/images/header/hofladen.jpg) no-repeat 0 20px; background-size:100% auto; }.obst-und-gemuese .headimage { background: transparent url(https://test.bauernhof-kitz.de/uploads/simplex/images/header/hofladen.jpg) no-repeat 0 20px; background-size:100% auto; }.fleisch-und-wurst .headimage { background: transparent url(https://test.bauernhof-kitz.de/uploads/simplex/images/header/hofladen.jpg) no-repeat 0 20px; background-size:100% auto; }.milchprodukte .headimage { background: transparent url(https://test.bauernhof-kitz.de/uploads/simplex/images/header/hofladen.jpg) no-repeat 0 20px; background-size:100% auto; }.marmeladen .headimage { background: transparent url(https://test.bauernhof-kitz.de/uploads/simplex/images/header/hofladen.jpg) no-repeat 0 20px; background-size:100% auto; }.mittagstisch .headimage { background: transparent url(https://test.bauernhof-kitz.de/uploads/simplex/images/header/hofladen.jpg) no-repeat 0 20px; background-size:100% auto; }.speiseplan .headimage { background: transparent url(https://test.bauernhof-kitz.de/uploads/simplex/images/header/mittagstisch.jpg) no-repeat 0 20px; background-size:100% auto; }.galerie .headimage { background: transparent url(https://test.bauernhof-kitz.de/uploads/simplex/images/header/galerie.jpg) no-repeat 0 20px; background-size:100% auto; }.kontakt .headimage { background: transparent url(https://test.bauernhof-kitz.de/uploads/simplex/images/header/kontakt.jpg) no-repeat 0 20px; background-size:100% auto; }.karte .headimage { background: transparent url(https://test.bauernhof-kitz.de/uploads/simplex/images/header/kontakt.jpg) no-repeat 0 20px; background-size:100% auto; }.newsletter .headimage { background: transparent url(https://test.bauernhof-kitz.de/uploads/simplex/images/header/newsletter.jpg) no-repeat 0 20px; background-size:100% auto; }.news .headimage { background: transparent url(https://test.bauernhof-kitz.de/uploads/simplex/images/header/newssbg.jpg) no-repeat 0 20px; background-size:100% auto; }.hofcafe  .headimage { background: transparent url(https://test.bauernhof-kitz.de/uploads/simplex/images/header/hofcafe.jpg) no-repeat 0 20px; background-size:100% auto; }.datenschutz  .headimage { background: transparent url(https://test.bauernhof-kitz.de/uploads/simplex/images/header/ueberuns.jpg) no-repeat 0 20px; background-size:100% auto; }.error404  .headimage { background: transparent url(https://test.bauernhof-kitz.de/uploads/simplex/images/header/error404.jpg) no-repeat 0 20px; background-size:100% auto; }.neinert  .headimage { background: transparent url(https://test.bauernhof-kitz.de/uploads/simplex/images/header/coding.jpg) no-repeat 0 20px; background-size:100% auto; }/* the logo */.logo {margin-top: 0;position: relative}/* having some fun with palm, rotating with css3, will not work in IE *//*.logo .palm {position: absolute;top: 5px;left: 45px;/* using sprite image as background, left as reference to single imagebackground: url(https://test.bauernhof-kitz.de/uploads/simplex/images/palm-circle.png) no-repeat;*/background: url(https://test.bauernhof-kitz.de/uploads/simplex/images/simplex-sprite.png) no-repeat -10px -10px;display: block;width: 48px;height: 48px;transition: transform 0.6s ease-out;-webkit-transition: -webkit-transform 0.6s ease-out;-moz-transition: -moz-transform 0.6s ease-out;-o-transition: -o-transform 0.6s ease-out;-webkit-perspective: 1000;-webkit-backface-visibility: hidden;}*//* css3 transform rotating palm on hover */.logo a:hover .palm {transform: rotate(360deg);-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-o-transform: rotate(360deg)}.top {/*	position: fixed;*/width: 100%;}/* ------ NAVIGATION ------ */.small_menu {display: block !important;}.nav_small {display: block;}.small_menu button {background: linear-gradient(to bottom, #606C88 0%, #3F4C6B 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);border: 0 none;border-radius: 5px;color: #FFFFFF;cursor: pointer;float: right;margin: 3px 10px;padding: 5px;text-align: center;}/* first level */nav.main-navigation {z-index: 990;height: 25px;}nav.main-navigation ul {background-color: #FFD988;float: left;margin-left: 0;padding: 0;width: 100%;}/*nav.main-navigation > ul > li {*/nav.main-navigation ul li {display: inline-block;float: left;padding-left: 0;margin: 5px 0 5px 16px;position: relative}nav.main-navigation ul li:first-child,nav.main-navigation ul li.first {margin-left: 16px}nav.main-navigation ul li:last-child,nav.main-navigation > ul > li.last {margin-right: 6px}nav.main-navigation > ul > li > a,nav.main-navigation > ul > li.sectionheader span {font-family: Arial;font-weight: bold;color: #333;text-decoration: none;font-size: 14px;font-weight: 600;cursor: pointer;}/* Second Level */nav.main-navigation ul li ul {top: -999em;left: -999em;position: absolute;display: block;height: 0px;width: 200px;padding: 10px;background: #fff;background: rgba(255,255,255,.95);box-shadow: 1px 1px 8px #333;-webkit-box-shadow: 1px 1px 8px #333;-moz-box-shadow: 1px 1px 8px #333;-o-box-shadow: 1px 1px 8px #333;border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;-o-border-radius: 6px;border: 1px solid #e9e9e9}nav.main-navigation > ul > li:hover > ul {height: auto;z-index: 9999;top: 37px;right: 0;left: auto;display: block}nav.main-navigation ul ul li {position: relative;line-height: 1;margin: 0;padding: 0;border-bottom: 1px dotted #e9e9e9}/* third level */nav.main-navigation > ul > li > ul > li:hover > ul {height: auto;top: 0;right: auto;left: -210px;z-index: 999;display: block}/* navigation text color */nav.main-navigation ul li li a,nav.main-navigation ul li li.sectionheader span {padding: 6px 12px;font-family: sans-serif;text-transform: none;font-weight: normal;font-size: 12px;text-decoration: none;color: #333;display: block}nav.main-navigation a:hover,nav.main-navigation a.current,nav.main-navigation li.sectionheader span:hover,nav.main-navigation li.sectionheader span.current,nav.main-navigation li.sectionheader span.parent,nav.main-navigation ul ul li a:hover,nav.main-navigation ul ul li a.current {color: #E3880D}/* bottom part of header*/.header-bottom {height: 55px;line-height: 55px}/* catchphrase */.phrase span {font-family: 'Oswald', Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;text-transform: uppercase;color: #ddd;font-size: 16px;font-weight: 700}/* search */.search {text-align: right;}/* webkit browser add icons to input of type search, we dont want it here now */input.search-input::-webkit-search-decoration,input.search-input::-webkit-search-results-button,input.search-input::-webkit-search-results-decoration {-webkit-appearance:none}/* styling the search input field */input.search-input {border: 1px solid #FED770;height: 17px;line-height: 17px;outline: 0;margin: 13px 0 0 0;width: 165px;padding: 5px 0 3px 35px;font-size: 11px;color: #333;transition: all .35s ease-in-out;-webkit-transition: all .35s ease-in-out;-moz-transition: all .35s ease-in-out;-o-transition: all .35s ease-in-out;/* using sprite image, left as reference to single imagebackground: #fff url(https://test.bauernhof-kitz.de/uploads/simplex/images/search-icon.png) 10px 50% no-repeat*/background: #fff url(https://test.bauernhof-kitz.de/uploads/simplex/images/simplex-sprite.png) 0px -434px no-repeat}input.search-input:focus {border: 1px solid #E3880D;width: 240px;box-shadow: 0 0 3px #E3880D;-webkit-box-shadow: 0 0 3px #E3880D;-moz-box-shadow: 0 0 3px #E3880D;-o-box-shadow: 0 0 3px #E3880D;}/* ------ BANNER AREA ------ */.banner {overflow: hidden;background: #E3880D}/* left text in orange box */.banner-text {padding:0 0 0 1%;position: relative;float: left;max-height: 275px;width: 30.333%}.banner-text ul {padding: 32px 0;}.banner-text li {list-style: none;display: block;color: #e6870e;text-shadow: 0px 1px 0 #fdbd34, 0 -1px 0 rgba(0,0,0,0.3);font-size: 36px;font-weight: 700;transition: all 2s linear;-webkit-transition: all 1.5s linear;-moz-transition: all 1.5s linear;-o-transition: all 1.5s linear;display: block}/* animating unordered list text in banner */.banner-text li:hover {text-indent: 120px;opacity: 0;transform: scale(2) rotate(35deg);-webkit-transform: scale(2) rotate(35deg);-moz-transform: scale(2) rotate(35deg);-o-transform: scale(2) rotate(35deg)}/* images on the right */.banner-image {float:right;display: block;position: relative;width: 67.667%;overflow: hidden;background: #e9e9e9}.banner-image div {position: absolute;z-index: 0;width: 100%;min-height: 100px;overflow: hidden;display: block;top: 0;left: 0}.banner-image img {display: block;height: auto;width: 100%;bottom: 0;max-width: 100%;}/* ------ CONTENT AREA ------ */.content-wrapper {padding-top: 15px;padding-bottom: 30px;}.content-top {background: url(https://test.bauernhof-kitz.de/uploads/simplex/images/dots.gif) repeat-x 0 50%;font-family: Georgia, Times New Roman, serif;color: #333;font-style: italic;line-height: 20px}.Spalte_links {float: left;width: 49%;padding-right: 1%;}/* breadcrumbs */.breadcrumb {display: inline-block;background: transparent;width: auto;padding-right: 6px}.breadcrumb a {color: #333;display: inline-block;width: auto;background: transparent;}/* print button */a.printbutton {display: block;padding-left: 6px;width: 16px;height: 16px;float:right;text-indent: -999em;/* using sprite image, left as reference to single imagebackground: #fff url(https://test.bauernhof-kitz.de/uploads/simplex/images/print-icon.png) no-repeat 6px -16px;*/background: #fff url(https://test.bauernhof-kitz.de/uploads/simplex/images/simplex-sprite.png) no-repeat -4px -94px;transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out}a.printbutton:hover {/* using sprite image, left as reference to single imagebackground: #fff url(https://test.bauernhof-kitz.de/uploads/simplex/images/print-icon.png) no-repeat 6px 0;*/background: #fff url(https://test.bauernhof-kitz.de/uploads/simplex/images/simplex-sprite.png) no-repeat -4px -78px;}/* news module summary -> content */.content .news-summary  span.heading {display: none}.content .news-article {margin-bottom: 15px;padding-bottom: 15px;border-bottom: 1px dotted #e9e9e9}.content .news-summary ul.category-list {margin: 15px 0}.content .news-summary ul.category-list li a,.news-summary ul.category-list li span {border-radius: 4px}.news-summary ul.category-list li span {opacity: .4}/* news module summary -> sitewide (content + sidebar) *//* article heading */.news-article h2 {margin: 0 0 2px 0}.news-article h2 a {font-family: 'Oswald', Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;text-transform: uppercase;color: #333;font-size: 15px;text-decoration: none;font-weight: 700}/* date circle, well square for IE  */.news-article .date {background: #E3880D;background-image: -moz-linear-gradient(left, #FED770, #E3880D);background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FED770), to(#E3880D) );background-image: -webkit-linear-gradient(top, #FED770, #E3880D);background-image: -o-linear-gradient(top, #FED770, #E3880D);background-image: linear-gradient(to right, #FED770, #E3880D);background-repeat: repeat-y;padding: 1px 5px;/*    color: #fff; */display: block;/*    float: right;width: 90px;height: 12px;*//*    border-radius: 26px;*/text-align: right;font-family: Georgia, Times New Roman, serif}.news-article .day {/*    background: #FED770; */font-size: 11px;padding: 1px;/*    line-height: 1;padding-bottom: 2px;font-style: italic;*/}.news-article.month {font-size: 11px;/*    display: block*/}/* author and category */.news-article .author,.news-article .category {font-family: Georgia, Times New Roman, serif;display: block;padding-left: 60px;font-size: 11px;font-style: italic}.news-article p {margin: 2px 0;}/* category list on top of summary */.news-summary ul.category-list {margin:15px 0 0 0;padding:0;list-style: none}.news-summary ul.category-list li {float:left;display: block;width: auto;margin-right: 5px}.news-summary ul.category-list li a,.news-summary ul.category-list li span {display: block;color: #333;padding: 4px 8px;background: #FED770;border-radius: 4px 4px 0 0;text-decoration: none;font-size: 11px;text-transform: uppercase}.news-summary ul.category-list li a:hover {color: #E3880D}.news-summary .paginate {color: #666;}.news-summary .paginate a {text-decoration: none;font-size: 135%;}.news-summary .paginate a {padding: 0 3px;}.news-meta {background: #FED770;padding: 10px;margin: 10px 0}/* more link */.more,.more a,/* back link */.back,.back a,/* previous, next links */.previous a,.next a,.previous,.next {font:  italic 12px/1.3 Georgia, Times New Roman, serif;color: #333;text-decoration: none}/* hover behavior of more, next, previous links */.more a:hover,.back a:hover,.previous a:hover,.next a:hover {text-decoration: underline}.previous,.next {padding: 20px 0;}/* align next link to right */.previous {float:left;}.next {float: right}/* ------ SIDEBAR AREA ------ *//* news module summary -> sidebar */.sidebar .news-summary  span.heading {background: url(https://test.bauernhof-kitz.de/uploads/simplex/images/dots.gif) repeat-x 0 50%;color: #333;font:  normal 16px/20px Georgia, Times New Roman, serif;margin: 0 0 15px 0;display: block}.sidebar .news-summary .heading span {display: inline-block;width: auto;background: #fff;padding-right: 6px}.sidebar .news-article {padding: 7px 12px;position: relative;background: #FED770;margin-bottom: 2px;border-radius: 6px 0 6px 0}/* creating a bubble box with css3 *//*.sidebar .news-article:before {content:'';position: absolute;bottom: -15px;right: 25px;width: 10px;height: 35px;-webkit-transform: rotate(55deg) skewY(55deg);-moz-transform: rotate(55deg) skewY(55deg);-o-transform: rotate(55deg) skewY(55deg);-ms-transform: rotate(55deg) skewY(55deg);transform: rotate(55deg) skewY(55deg);background: #FED770}/* ------ FOOTER AREA ------ *//* footer wrapper */.footer {/*    position: relative;background: transparent url(https://test.bauernhof-kitz.de/uploads/simplex/images/footer-background.png) repeat-x top;*/margin: 25px auto;padding: 20px 0}}/* copyright text */.copyright {padding-top: 15px}.copyright p,.copyright a {color: #333;font-size: 11px}/* social icons */.footer ul.social {padding: 0;margin: 0}.footer .social li {float:left;margin: 0;padding: 0;list-style: none;margin-right: 6px}.footer .social li a {display: block;width: 24px;height: 24px;transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;text-indent: -999em}.footer .social li.facebook a {/* using sprite image, left as reference to single imagebackground: transparent url(https://test.bauernhof-kitz.de/uploads/simplex/images/facebook-icon.png) no-repeat 0 -24px*/background: transparent url(https://test.bauernhof-kitz.de/uploads/simplex/images/simplex-sprite.png) no-repeat -10px -260px}.footer .social li.facebook a:hover {/* using sprite image, left as reference to single imagebackground: transparent url(https://test.bauernhof-kitz.de/uploads/simplex/images/facebook-icon.png) no-repeat 0 0*/background: transparent url(https://test.bauernhof-kitz.de/uploads/simplex/images/simplex-sprite.png) no-repeat -10px -236px}.footer .social li.twitter a {/* background: transparent url(https://test.bauernhof-kitz.de/uploads/simplex/images/twitter-icon.png) no-repeat 0 -24px */background: transparent url(https://test.bauernhof-kitz.de/uploads/simplex/images/simplex-sprite.png) no-repeat -10px -192px}.footer .social li.twitter a:hover {/* background: transparent url(https://test.bauernhof-kitz.de/uploads/simplex/images/twitter-icon.png) no-repeat 0 0 */background: transparent url(https://test.bauernhof-kitz.de/uploads/simplex/images/simplex-sprite.png) no-repeat -10px -168px}.footer .social li.linkedin a {/* background: transparent url(https://test.bauernhof-kitz.de/uploads/simplex/images/linkedin-icon.png) no-repeat 0 -24px */background: transparent url(https://test.bauernhof-kitz.de/uploads/simplex/images/simplex-sprite.png) no-repeat -10px -328px}.footer .social li.linkedin a:hover {/*  background: transparent url(https://test.bauernhof-kitz.de/uploads/simplex/images/linkedin-icon.png) no-repeat 0 0 */background: transparent url(https://test.bauernhof-kitz.de/uploads/simplex/images/simplex-sprite.png) no-repeat -10px -304px}.footer .social li.youtube a {/* background: transparent url(https://test.bauernhof-kitz.de/uploads/simplex/images/youtube-icon.png) no-repeat 0 -24px */background: transparent url(https://test.bauernhof-kitz.de/uploads/simplex/images/simplex-sprite.png) no-repeat -10px -396px}.footer .social li.youtube a:hover {/* background: transparent url(https://test.bauernhof-kitz.de/uploads/simplex/images/youtube-icon.png) no-repeat 0 0 */background: transparent url(https://test.bauernhof-kitz.de/uploads/simplex/images/simplex-sprite.png) no-repeat -10px -372px}/* back to top anchor */.back-top a {display: inline-block;width: auto;padding: 8px;border-left: 5px solid #fff;border-right: 5px solid #fff;font:  normal italic 11px/20px Georgia, Times New Roman, serif;text-decoration: none;color: #333;background: #FED770;color: #333;border-radius: 10px 0 10px 0;-webkit-border-radius: 10px 0 10px 0;-moz-border-radius: 10px 0 10px 0;-o-border-radius: 10px 0 10px 0;position: absolute;top: -14px;left: 48%}/* Footer navigation */.footer-navigation {max-width: 1260px;/*  min-width: 980px;*/width: 92%;margin: 25px auto;font-size: 85%;}.footer-navigation ul li {list-style: none;float:left;display: inline-block;margin: 0 20px;}.footer-navigation ul li a,.footer-navigation ul li span.sectionheader {font-family: Verdana;font-weight: bold;text-transform: uppercase;color: #333;text-decoration: none;margin-bottom: 3px;display: block}/* second level */.footer-navigation ul ul {margin-top: 3px}.footer-navigation ul li li {float: none;width: 100%;display: block}.footer-navigation ul li li a,.footer-navigation ul li.sectionheader li a,.footer-navigation ul li li span.sectionheader  {text-decoration: none;font-family: sans-serif;font-weight: normal;text-transform: none;display: block;padding: 2px 0;color: #333}.footer-navigation ul li li a:hover {color: #E3880D}img.auto {height: auto;max-width: 100%;}.topix {float: left;position: relative;top: 10px;z-index: 9999;}.topix div {width: 150px;background: #ffffff; /* Fallback IE 6-8 */background: rgba(255, 255, 255, .7);text-align: center;-moz-border-radius: 6px 6px 6px 6px; /* Firefox */-webkit-border-radius: 6px 6px 6px 6px; /* Chrome, Safari */-khtml-border-radius: 6px 6px 6px 6px; /* Konqueror */border-radius: 6px 6px 6px 6px; /* CSS3 */box-shadow: 4px 4px 8px #333333;width: 100%;}.topix h3 {margin: 0;color: #333;}.topix a {text-decoration: none;}table#openhours th {text-align: left;padding-right: 10px;}div.contactform fieldset {font-weight: bold;border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;-o-border-radius: 6px}div.contactform fieldset legend {font-size: 125%;}div.contactform fieldset div {margin: 3px 0;}div.contactform fieldset label {display: inline-block;width: 120px;}div.contactform fieldset input[type=text], div.contactform fieldset textarea {border: 1px solid #FED770;outline: 0;width: 50%;padding: 2px 4px;color: #333;transition: all .35s ease-in-out;-webkit-transition: all .35s ease-in-out;-moz-transition: all .35s ease-in-out;-o-transition: all .35s ease-in-out;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;-o-border-radius: 5px}/* =====================================Tablet (Portrait)===================================== */@media only screen and (max-width: 1024px) {.header {}#nav {clear: both;/*    height: 50px;*/}}@media only screen and (max-width: 767px) {.header {/*    height: 100px;*/}#nav {clear: both;}.headimage a { left: 5%;  width: 33%; }#kitznews { display: none; }}/* =====================================Smartphones (Portait)===================================== */@media only screen and (max-width: 767px) {/*  img#headlogo { width: 70%; height: auto; }*/img#headlogo { width: 100%; }}@media only screen and (max-width: 420px) {.header {  }}/* TEST *//*#wrapper {border-top: 2px solid #e3880d;margin-top: 0;}*/.container {width: 96%;}/* TEST end */input#nms_email, input#nms_name {width: 90%;}#gnlink {text-decoration: none;color: darkslategrey;}#gnlink:hover {text-decoration: underline;}.zoomimg {transition: transform .2s; /* Animation */z-index: 10;}.zoomimg:hover {transform: scale(1.3);z-index: 100;}/* TICKER */.tcontainer {width: 100%;overflow: hidden;}.ticker-wrap {width: 100%;padding-left: 100%;background-color: #eee;}@keyframes ticker {100% {transform: translate3d(-100%, 0, 0);}}.ticker-move {display: inline-block;white-space: nowrap;padding-right: 100%;animation-timing-function: linear;animation: ticker 40s infinite;}.ticker-move:hover {animation-play-state: paused;}.ticker-item {display: inline-block;padding: 0 40px;font-size: 20px;}.ticker-item a {font-size: 13px;color: #c00;text-decoration: none;}.ticker-item a .datum {font-weight: 700;color: #d00;}
/* Stylesheet: Simplex: Layout Modified On 2021-05-31 11:35:55 */
/* Vertical menu for the CMS CSS Menu Module */
/* by Alexander Endresen and mark */
#menuwrapper {
/* just smaller than it's containing div */
	width: 95%;
	margin-left: 0px;
/* room at bottom */
	margin-bottom: 10px;
}
/* Unless you know what you do, do not touch this */
#primary-nav, #primary-nav ul {
/* remove any default bullets */
	list-style: none;
	margin: 0px;
	padding: 0px;
/* make sure it fills out */
	width: 100%;
/* just a little bump */
	margin-left: 1px;
}
#primary-nav li {
/* negative bottom margin pulls them together, images look like one border between */
	margin-bottom: -1px;
/* keeps within it's container */
	position: relative;
/* bottom padding pushes "a" up enough to show our image */
	padding: 0px 0px 4px 0px;
/* you can set your own image here */
	background: url(https://test.bauernhof-kitz.de/uploads/ngrey/liup.gif) no-repeat right bottom;
}
#primary-nav li li {
/* you can set your width here, if no width or set auto it will only be as wide as the text in it  */
	width: 190px;
/* changes padding inherited from first level */
	padding: 0px 10px;
/* removes first level li image */
	background-image: none;
}
/* Styling the basic appearance of the menu "a" elements */
ul#primary-nav li a {
/* specific font size, this could be larger or smaller than default font size */
	font-size: 1em;
/* make sure we keep the font normal */
	font-weight: normal;
/* set default link colors */
	color: #595959;
/* pushes li out from the text, sort of like making links a certain size, if you give them a set width and/or height you may limit you ability to have as much text as you need */
	padding: 0.8em 0.5em 0.5em 0.5em;
/* makes it hold a shape */
	display: block;
/* removes underline from default link setting */
	text-decoration: none;
/* you can set your own image here this is tall enough to cover text heavy links */
	background: url(https://test.bauernhof-kitz.de/uploads/ngrey/libk.gif) no-repeat right top;
}
ul#primary-nav a span {
/* makes it hold a shape */
	display: block;
/* pushes text to right */
	padding-left: 1.5em;
}
ul#primary-nav li a:hover {
/* stops image flicker in some browsers */
	background: url(https://test.bauernhof-kitz.de/uploads/ngrey/libk.gif) no-repeat right top;
/* changes text color on hover */
	color: #899092
}
ul#primary-nav li li a:hover {
/* you can set your own image here, second level "a" */
	background:  url(https://test.bauernhof-kitz.de/uploads/ngrey/darknav.png) repeat-x left center;
/* contrast color to image behind it */
	color: #FFF
}
ul#primary-nav li a.menuactive {
/* black and bold to set it off from non active */
	color: #000;
	font-weight: bold;
}
ul#primary-nav li ul a {
/* insure alignment */
	text-align: left;
	margin: 0px;
/* relative to it's container */
	position: relative;
/* even padding all 4 sides */
	padding: 6px;
/* make sure we keep the font normal */
	font-weight: normal;
/* set default link colors from here on */
	color: #000;
/* remove any background that may have been set in level above */
	background: none;
}
ul#primary-nav li ul {
/* remove any default bullets */
	list-style-type: none;
/* sets width of second level ul to background image */
	width: 209px;
	height: auto;
/* negative margin pulls it over the parent ul */
	margin: 0px 0px 0px -2px;
/* top padding gives room for image shadow and pushes li down into image */
	padding: 10px 0px 0px;
/* make the ul stay in place so when we hover it lets the drops go over the content instead of displacing it */
	position: absolute;
/* keeps the left side of this ul on the right side of the preceding ul */
	left: 100%;
/* negative top pulls up so left arrow centered in li next to it */
	top: -2px;
	display: none;
/* set your image here, tall enough for the ul, this is the left arrow for second ul and on */
	background: url(https://test.bauernhof-kitz.de/uploads/ngrey/ultoprt.png) no-repeat left top;
}
/* a lot of the same as above, minor changes */
ul#primary-nav li ul ul {
	list-style-type: none;
/* bit more negative left margin */
	margin: 0px 0px 0px -8px;
/* you can call a property twice but not a property:'value', this flat lines it */
	padding: 0px;
/* now we just change one with 'property'-top:value */
	padding-top: 10px;
	position: absolute;
	width: 209px;
	height: auto;
/* negative top pulls up so left arrow centered in li next to it, more on 3rd ul covers default drop increase */
	top: -5px;
	left: 100%;
	display: none;
/* set your image here */
	background: url(https://test.bauernhof-kitz.de/uploads/ngrey/ultoprt.png) no-repeat left top;
}
* html ul#primary-nav li ul {
/* gif for IE6, as it can't handle transparent png */
	background: url(https://test.bauernhof-kitz.de/uploads/ngrey/ultoprt.gif) no-repeat left top;
}
* html ul#primary-nav li ul ul {
/* gif for IE6, as it can't handle transparent png */
	background: url(https://test.bauernhof-kitz.de/uploads/ngrey/ultoprt.gif) no-repeat left top;
}
/* this is a special li type from the menu template, used to hold the bottom image for ul set above */
#primary-nav ul li.separator, #primary-nav .separator:hover {
/* set same as ul */
	width: 209px;
	padding: 0px;
/* height of image */
	height: 9px;
/* negative margin pulls it down to cover ul image */
	margin: 0px 0px -9px;
/* set your image here */
	background: url(https://test.bauernhof-kitz.de/uploads/ngrey/ulbtmrt.png) no-repeat left bottom;
}
/* IE6 'star html' Hack */
* html #primary-nav  li ul li.separator {
	height: 2px;
/* set your image here */
	background: url(https://test.bauernhof-kitz.de/uploads/ngrey/ulbtmrt.gif) no-repeat left bottom;
}
/* Fixes IE7 bug*/
#primary-nav li, #primary-nav li.menuparent {
	min-height: 1em;
}
/* Styling the basic apperance of the active page elements (shows what page in the menu is being displayed) */
#primary-nav li li.menuactive a.menuactive {
/* contrast color to image behind it */
	color: #FFF;
/* not bold as text color and image behind it set it off from non active */
	font-weight: normal;
/* set your image here, dark grey image with white text set above*/
	background:  url(https://test.bauernhof-kitz.de/uploads/ngrey/darknav.png) repeat-x left center;
}
#primary-nav li.menuparent span {
/* padding on left for image */
	padding-left: 1.5em;
/* down arrow to note it has children, left side of text */
	background: url(https://test.bauernhof-kitz.de/uploads/ngrey/active.png) no-repeat left center;
}
#primary-nav li.menuparent:hover li.menuparent span {
/* remove left padding as image is on right side of text */
	padding-left: 0;
/* right arrow to note it has children, right side of text */
	background: url(https://test.bauernhof-kitz.de/uploads/ngrey/parent.png) no-repeat right center;
}
#primary-nav li.menuparenth li.menuparent span,
#primary-nav li.menuparenth li.menuparenth span {
/* same as above but this is for IE6, gif image as it can't handle transparent png */
	padding-left: 0;
	background: url(https://test.bauernhof-kitz.de/uploads/ngrey/parent.gif) no-repeat right center;
}
#primary-nav li.menuparent:hover span,
#primary-nav li.menuparent.menuactive span,
#primary-nav li.menuparent.menuactiveh span,
#primary-nav li.menuparenth span {
/* right arrow on hover */
	background: url(https://test.bauernhof-kitz.de/uploads/ngrey/parent.png) no-repeat left center;
}
#primary-nav li li span,
#primary-nav li.menuparent li span,
#primary-nav li.menuparent:hover li span,
#primary-nav li.menuparenth li span,
#primary-nav li.menuparenth li.menuparenth li span,
#primary-nav li.menuparent li.menuparent li span,
#primary-nav li.menuparent li.menuparent:hover li span {
/* removes any images set above unless it's a parent or active parent */
	background:  none;
	padding-left: 0px;
}
/* Styling the appearance of menu items on hover */
#primary-nav li:hover li a,
#primary-nav li.menuh li a,
#primary-nav li.menuparenth li a,
#primary-nav li.menuactiveh li a {
/* removes any images set above unless it's a parent or active parent */
	background:  none;
	color: #000;
}
/* The magic - set to work for up to a 3 level menu, but can be increased unlimited, for fourth level add
#primary-nav li:hover ul ul ul,
#primary-nav li.menuparenth ul ul ul,
*/
#primary-nav ul,
#primary-nav li:hover ul,
#primary-nav li:hover ul ul,
#primary-nav li.menuparenth ul,
#primary-nav li.menuparenth ul ul {
	display: none;
}
/* for fourth level add
#primary-nav ul ul ul li:hover ul,
#primary-nav ul ul ul li.menuparenth ul,
*/
#primary-nav li:hover ul,
#primary-nav ul li:hover ul,
#primary-nav ul ul li:hover ul,
#primary-nav li.menuparenth ul,
#primary-nav ul li.menuparenth ul,
#primary-nav ul ul li.menuparenth ul {
	display: block;
}
/* IE Hack, will cause the css to not validate */
#primary-nav li, #primary-nav li.menuparenth {
	_float: left;
	_height: 1%;
}
#primary-nav li a {
	_height: 1%;
}
/* BIG NOTE: I didn't do anything to these 2, never tested */
#primary-nav li.sectionheader {
	border-left: 1px solid #006699;
	border-top: 1px solid #006699;
	font-size: 130%;
	font-weight: bold;
	padding: 1.5em 0 0.8em 0.5em;
	background-color: #fff;
	margin: 0;
	width: 100%;
}
/* separator */
#primary-nav li hr.separator {
	display: block;
	height: 0.5em;
	color: #abb0b6;
	background-color: #abb0b6;
	width: 100%;
	border: 0;
	margin: 0;
	padding: 0;
	border-top: 1px solid #006699;
	border-right: 1px solid #006699;
}
/* Stylesheet: Navigation: ShadowMenu - Vertical Modified On 2009-05-11 00:43:17 */
/******************** MENU *********************/
#menu_vert {
	margin: 20px 0 0px 0;
	padding: 0;
}
#menu_vert ul {
/* remove any bullets */
	list-style: none;
/* margin/padding set in li */
	margin: 0px;
	padding: 0px;
}
#menu_vert ul ul {
	margin: 0;
/* padding right sets second level li in on right from first li */
	padding: 0px 5px 0px 0px;
}
#menu_vert li {
        font-size: 100%;
        font-weight: bold;
/* remove any bullets */
	list-style: none;
/* negative bottom margin pulls them together, images look like one border between */
	margin: 0px 0px -1px;
/* bottom padding pushes "a" up enough to show our image */
	padding: 0px 0px 4px 0px;
}
#menu_vert li.currentpage {
	padding: 0px 0px 3px 0px;
}
#menu_vert li.menuactive {
	margin: 0;
	padding: 0px;
/* replaced by image in ul ul */
	background: none;
}
#menu_vert li.menuactive ul {
	margin: 0;
}
#menu_vert li.activeparent {
	margin: 0;
	padding: 0px;
}
/* fix stupid IE6 bug with display:block; */
* html #menu_vert li {
	height: 1%;
}
* html #menu_vert li a {
	height: 1%;
}
* html #menu_vert li hr {
	height: 1%;
}
/** end fix **/
/* first level links */
div#menu_vert a {
/* IE6 has problems with this, fixed above */
	display: block;
/* some air for it */
	padding: 0.1em 0.1em 0.1em 0.8em;
/* this will be link color for all levels */
	color: #555;
/* Fixes IE7 whitespace bug */
	min-height: 1em;
/* no underline for links */
	text-decoration: none;
}
/* next level links, more padding and smaller font */
div#menu_vert ul ul a {
	font-size: 90%;
	padding: 0.5em 0.3em 0.5em 0.3em;
}
/* third level links, more padding */
div#menu_vert ul ul ul a {
	padding: 0.5em 0.3em 0.3em 3em;
}
/* hover state for all links */
div#menu_vert a:hover {
/*	background-color: transparent;
	text-decoration: underline;*/
	color: #E3880D;
	transition: transform 0.3s ease-out;
	-webkit-transition: color 0.3s ease-out;
	-moz-transition: color 0.3s ease-out;
	-o-transition: color 0.3s ease-out;     
}
div#menu_vert a.activeparent:hover {
	color: #595959;
}
/* active parent, that is the first level parent of a child page that is the current page */
div#menu_vert li.activeparent {
/* you can set your own image here */
	background: transparent url(https://test.bauernhof-kitz.de/uploads/ngrey/liup.gif) no-repeat right -65px;
/* white to contrast with background image */
	color: #fff;
}
div#menu_vert li.activeparent a.activeparent {
/* you can set your own image here */
	background: transparent url(https://test.bauernhof-kitz.de/uploads/ngrey/libk.gif) no-repeat right top;
/* to contrast with background image */
	color: #000;
}
div#menu_vert li a.parent {
/* takes left padding out so span image has room on left */
	padding-left: 0em;
}
div#menu_vert ul ul li a.parent {
/* increased padding on left offsets it from one above */
	padding-left: 0.9em;
}
div#menu_vert li a.parent span {
	display: block;
	margin: 0;
/* adds left padding taken out of "a.parent" */
	padding-left: 1.5em;
/* arrow on left for pages with children, points down, you can set your own image here */
	background: transparent url(https://test.bauernhof-kitz.de/uploads/ngrey/active.png) no-repeat 2px center;
}
div#menu_vert li a.parent:hover {
/* removes underline hover effect */
	text-decoration: none;
}
div#menu_vert li a.parent:hover span {
	display: block;
	margin: 0;
	padding-left: 1.5em;
/* arrow on left for pages with children, points right for hover, you can set your own image here */
	background: transparent url(https://test.bauernhof-kitz.de/uploads/ngrey/parent.png) no-repeat 2px center;
}
div#menu_vert li a.menuactive.menuparent {
/* sets it in a little more than a.parent */
	padding-left: 0.35em;
}
div#menu_vert ul ul li a.menuactive.menuparent {
/* sets it in a little more on next level */
	padding-left: 0.99em;
}
div#menu_vert li a.menuactive.menuparent span {
	display: block;
	margin: 0;
/* to contrast with non active pages */
	font-weight: bold;
	padding-left: 1.5em;
/* arrow on left for active pages with children, points right, you can set your own image here */
	background: transparent url(https://test.bauernhof-kitz.de/uploads/ngrey/parent.png) no-repeat 2px center;
}
div#menu_vert li a.menuactive.menuparent:hover {
	text-decoration: none;
	color: #18507C;
}
div#menu_vert ul ul li a.activeparent {
	color: #fff;
}
/* current pages in the default Menu Manager template are unclickable. This is for current page on first level */
div#menu_vert ul h3 {
	display: block;
/* some air for it */
	padding: 0.8em 0.5em 0.5em 1.5em;
/* this will be link color for all levels */
	color: #000;
/* instead of the normal font size for <h3> */
	font-size: 1em;
/* as <h3> normally has some margin by default */
	margin: 0;
/* you can set your own image here, same as "a" */
	background: transparent url(https://test.bauernhof-kitz.de/uploads/ngrey/libk.gif) no-repeat right top;
}
/* next level current pages, more padding, smaller font and no background color or bottom border */
div#menu_vert ul ul h3 {
	font-size: 90%;
	padding: 0.8em 0.5em 0.5em 2.8em;
/* you can set your own image here, same as "a" */
	background: transparent url(https://test.bauernhof-kitz.de/uploads/ngrey/libk.gif) no-repeat right top;
	color: #000;
}
/* current page on third level, more padding */
div#menu_vert ul ul ul h3 {
	padding: 0.6em 0.5em 0.2em 3em;
}
/* BIG NOTE: I didn't do anything to these, never tested */
/* section header */
div#menu_vert li.sectionheader {
	border-right: none;
	padding: 0.8em 0.5em 0.5em 1.5em;
	background: transparent url(https://test.bauernhof-kitz.de/uploads/ngrey/libk.gif) no-repeat right top;
	line-height: 1em;
	margin: 0;
        color: #18507C;
        cursor:text;
}
/* separator */
div#menu_vert .separator {
	height: 1px !important;
	margin-top: -1px;
	margin-bottom: 0;
	-padding: 2px 0 2px 0;
	background-color: #000;
	overflow: hidden !important;
	line-height: 1px !important;
	font-size: 1px;
/* for ie */
}
div#menu_vert li.separator hr {
	display: none;
/* this is for accessibility */
}
/* Stylesheet: Navigation: Simple - Vertical Modified On 2014-05-01 23:11:27 */