@charset "UTF-8";
/* Autor: Konstantin Andörfer, Datum 13.01.2014 */

/*@media Fullscreen*/
@media (max-width: 9999px) {

    
#menu, .flexslider, #map    {width: 1236px;
                            margin-left:-618px;}

#link:active, #link:hover     {font-size:16px}    

#map iFrame     {height:540px; width:1236px;}

#menu #head     {width: 204px;}

#logo           {margin-left:400px;
                top:300px;
                overflow:hidden;}

h1              {font-size:20px;}

a, b, p         {font-size:16px;}

#logo img       {width:300px;}

#navbox iFrame  {width:380px;
                height:214px;}

#navbox         {width:1236px;
                top:612px;
                margin-left:-618px;}

#window         {width:380px;}
#linkimg        {width:380px;}
#break         {width:50%;}
    
.slider         {height:550px;
                margin-left:-190px;
                left:50%;}
    
.slider img     {height:550px;
                width:808px;}

.slider label img   {width:340px;
                    height:120px;}
    
.slider label   {height:120px;
                width:340px;
                left:-428px;
                margin: 0 0 22px 0;}
    
#text {margin-left:-192px;
                left:50%;
                top:650px;
                width: 810px;}

#impressum          {top:580px;
                width: 1236px;
                margin-left:-618px;}

#data, #contactdata {top:650px;
                    width: 340px;
                    margin-left:-618px;}

#kulinarikdata      {margin-left:-620px;
                     top:580px;
                    width: 1236px;}

input:checked + #logo{margin-left:560px;opacity:.4;}
}

/*@media Screen*/
@media (max-width: 1236px) {

#impressum          {top:480px;
                width: 980px;
                margin-left:-490px;}    

#link:active, #link:hover     {font-size:16px}    
    
h1              {font-size:20px;}
    
a, b, p              {font-size:16px;}
    
#map iFrame     {height:450px; width:980px;}

    
#kulinarikdata      {margin-left:-490px;
                     top:480px;
                    width: 980px;}

#menu, .flexslider, #map    {width: 980px;
                            margin-left:-490px;}

#menu #head     {width: 140px;}

#logo           {width:400px;
                margin-left:320px;
                top:260px;}
    
#logo img       {width:240px;}

#navbox         {width:980px;
                top:512px;
                margin-left:-490px;}
    
#window         {width:300px;}
#linkimg        {width:300px;}
#break         {width:50%;}
    
#navbox iFrame {width:300px; height:169px}

.slider {height:440px;
          margin-left:-190px;
          left:50%;}
    
.slider img     {height:440px;
                 width:680px;}

.slider label img   {width:260px;
                    height:80px;}
    
.slider label   {height:80px;
                width:260px;
                left:-300px;
                margin: 0 0 40px 0;}
    
#navbox iFrame  {width:300px;}

#text {margin-left:-190px;
                left:50%;
                top:550px;
                width: 680px;}

#data, #contactdata {top:550px;
                    width: 260px;
                    margin-left:-490px;}

input:checked + #logo{margin-left:440px;opacity:.4;}
}


/*@media iPad*/
@media (max-width: 980px) {
    
#impressum          {top:410px;
                width: 700px;
                margin-left:-350px;}

#map iFrame     {height:340px; width:700px;}    

h1              {font-size:17px;}

#link:active, #link:hover     {font-size:14px}    

a, b, p              {font-size:14px;}

#menu, .flexslider, #map    {width: 700px;
                            margin-left:-350px;}

#menu #head     {width: 100px;}

#logo           {width:200px;
                margin-left:220px;
                top:180px;}
    
#logo img       {width:200px;}



#navbox         {width:700px;
                top:404px;
                margin-left:-350px;}

#navbox iFrame {width:220px; height:124px}

#window         {width:220px;}
#linkimg        {width:220px;}
#break         {width:50%;}
    
.slider         {height:330px;
                margin-left:-110px;
                left:50%;}
    
.slider img     {height:330px;
                width:460px;}

.slider label img   {width:220px;
                    height:70px;}
    
.slider label   {height:70px;
                width:220px;
                left:-240px;
                margin: 0 0 17px 0;}
    
#navbox iFrame  {width:200px;}

#text {margin-left:-350px;
                left:50%;
                top:690px;
                width: 700px;}

#data, #contactdata {top:440px;
                    width: 700px;
                    margin-left:-350px;}
input:checked + #logo{margin-left:300px;opacity:.4;}

#kulinarikdata      {margin-left:-350px;
                     top:380px; width: 700px;}

}

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

#stern          {height:18px;
                float:right;
                display:block;}

#logo           {position:absolute;
                left:50%;
                z-index:3;
                }

input{display:none}

img     {border:0}

#logo
    {transition:margin .8s,opacity .8s;
    -moz-transition:margin .8s,opacity .8s; /* Firefox 4 */
    -webkit-transition:margin .8s,opacity .8s; /* Safari and Chrome */
    -o-transition:margin .8s,opacity .8s; /* Opera */}


h5  {font-size:12px; font-weight:400;}    

#map            {
                top:80px;
                left:50%;
                position:absolute;
                padding:left;
                display:block;
                height:auto;}

body           {width:100%;
                height:100%;
                position:absolute;
                margin:0;
                padding:0;
                top:0;
                left:0;
                overflow-x:hidden;
                overflow-y:auto;
                }

#navbottom      {
                width:100%;
                height:80px;
                position:fixed;
                z-index: 2;
                bottom:0;
                text-align:center;
                }
#navbottom div {background:white;
                height:80px;
                left:50%;
                width: 100%;
	            margin-left: -50%;
                padding:0;
                margin-top:0;
                margin-bottom:0;
                text-align:center;
                position:fixed;
	            list-style: none;}

#navbottom a     {font-family: 'Quicksand', sans-serif;
                font-weight:600;
                font-size:16px;
                color:rgba(80, 168, 84, 1.0);
                text-shadow: 1px 1px 1px white ;
                }

#navbottom p    {line-height:32px;}

h1              {padding: 0;
                font-family: 'Quicksand', sans-serif;
                font-weight:600;
                color:rgba(80, 168, 84, 1.0);
                }

a               {font-family: 'Quicksand', sans-serif;
                font-weight:400;
                color:rgba(80, 168, 84, 1.0);
                text-decoration:none;}

a:link          {color:rgba(80, 168, 84, 1.0);}
a:active        {color:rgba(80, 168, 84, 1.0);}
a:visited       {color:rgba(80, 168, 84, 1.0);}
a:hover         {color:rgba(80, 168, 84, 1.0);}


p               {padding: 0;
                margin:0;
                font-family: 'Quicksand', sans-serif;
                font-weight:400;}

b               {font-family: 'Quicksand', sans-serif;
                font-weight:600;
                color:rgba(80, 168, 84, 1.0);
                text-shadow: 1px 1px 1px white ;}

#head #link:link{font-family: 'Quicksand', sans-serif;}

#head #link:active{font-family: 'Quicksand', sans-serif;
                font-weight:600;
                color:rgba(80, 168, 84, 1.0);
                text-shadow: 1px 1px 1px white ;}


#head #link:visited{font-family: 'Quicksand', sans-serif;}


#head #link:hover{font-family: 'Quicksand', sans-serif;
                font-weight:600;
                color:rgba(80, 168, 84, 1.0);
                text-shadow: 1px 1px 1px white ;}
img {Border:0;}


/* NAVBOX */

#navbox         {position:absolute;
                height: auto;
                padding-bottom:100px;
                left:50%;}

#window         {text-align:left;
                 margin:;}

#linkimg     {display:block;
                padding:0;
                margin:0;
                box-shadow: 0px 1px 5px #999999;}

/* GALERIE */

.slider{position: absolute;
	padding-top: 0px; /*That helps bring the labels down*/
    top:80px;
}

.slider img {box-shadow: 0px 1px 5px #999999;}

/*Last thing remaining is to add transitions*/
.slider>img
    {	transition: opacity 0.5s;
	position: absolute;
	left: 0; top: 0;
}

.slider input[name='slide_switch'] {
	display: none;
}

.slider label {position:relative;
                text-align:center;
	/*Lets add some spacing for the thumbnails*/
    padding:0;
    display:block;
	cursor: pointer;
	opacity: 0.4;	transition: opacity 0.5s;
}

/*Time to add the click effects*/
.slider input[name='slide_switch']:checked+label {
	border-color: #666;
	opacity: 1;
}
/*Clicking any thumbnail now should change its opacity(style)*/
/*Time to work on the main images*/
.slider input[name='slide_switch'] ~ img {
	opacity: 0;
	transform: scale(1);
}
/*That hides all main images at a 110% size
On click the images will be displayed at normal size to complete the effect
*/
.slider input[name='slide_switch']:checked+label+img {
	opacity: 1;
	transform: scale(1);
}
/*Clicking on any thumbnail now should activate the image related to it*/

/*We are done :)*/

/* Daten */


#navbox iFrame          {
                box-shadow: 0px 1px 5px #999999;}



#text     {position:absolute;
                    height: auto;
                border-top: 2px rgba(80, 168, 84, 1.0) solid;}

#text h2        {padding: 10px 0 5px 0px;
                margin:0;
                font-family: 'Quicksand', sans-serif;
                font-weight:600;
                font-size:22px;
                color:rgba(80, 168, 84, 1.0);
                }

#data, #contactdata, #kulinarikdata           {border-top: 2px rgba(80, 168, 84, 1.0) solid;
                position:absolute;                height: auto;
                left:50%}

#data table, #contactdata table, #kulinarikdata table        {padding:10px 0 0 0;
                    margin:0; }

#data th, #contactdata th, #kulinarikdata th        {width:200px;
                text-align:left;
                padding:0 0 15px 0;
                font-family: 'Quicksand', sans-serif;
                font-weight:600;
                font-size:16px;
                color:rgba(80, 168, 84, 1.0);}

#data td, #contactdata td, #kulinarikdata td        {width:200px;
                text-align:left;
                padding:0 0 15px 0;
                font-family: 'Quicksand', sans-serif;
                font-weight:400;
                font-size:16px;
                color:black;}

h2              {padding: 0 0 0px;
                margin:0;
                font-family: 'Quicksand', sans-serif;
                font-weight:600;
                font-size:22px;
                color:rgba(80, 168, 84, 1.0);
                }

#impressum      {position:absolute;
                height: auto;
                left:50%;
                border-top: 2px rgba(80, 168, 84, 1.0) solid;}

/* FORMULAR */

	p, td{
		margin: 8px 0 0 0; 
		border: 0px;
	}
	
	p.formklein{
        text-align:left
		margin: 5px 0 0 0;
		color: #000000;
		font-size: 12px;
	}

	input, textarea {
		width: 100%;
	}

	textarea {
		height: 150px;
	}

	input.form, input.formsubmit, select.form, option.form, textarea.form, input.captcha {
		color: rgba(80, 168, 84, 1.0);
		font-size: 12px;
		border: 1px solid rgba(80, 168, 84, 1.0);
		padding: 2px;
		background:#FFF repeat-x;
		margin:0px;
		margin-top: 5px;
		font-family: Arial, sans-serif;
	}

	input.form:hover, input.form:focus, select.form:hover, textarea.form:hover, select.form:focus, textarea.form:focus {
		border: 1px solid #000000;
	}

	input.radio {
		width: auto;
	}

	option.form	{
		padding: 0px;
		width: auto;
		border: 0px;
	}

	input.formsubmit {
		width: 115px;
		margin-left: 3px;
		cursor: pointer;
	}

	input.captcha{
		width: 60px;
		margin-left: 15px;
		margin-right: 0px;
	}	
	
	p.error	{
		background: #ffffff url(layout/delete.png) no-repeat;
		height: 30px;
		padding-left: 45px;
		padding-top: 10px;
		margin: 10px 10px -5px 10px;
		color: rgba(80, 168, 84, 1.0);
	}
	span.error2	{
		color: rgba(80, 168, 84, 1.0);
		background: rgba(80, 168, 84, 0.6) !important;
	}
	p.success	{
		background: #ffffff url(layout/check.png) no-repeat;
		height: 30px;
		padding-left: 45px;
		padding-top: 10px;
		margin: 10px 10px -5px 10px;
		color: rgba(80, 168, 84, 1.0);
	}
	
	.highlight	{
		border: 1px solid #ce2c09 !important;
		background: #ffd4d9 !important; 
	}
	
	#bottom{
		text-align: center;
	}


/* MENÜ */

#menu           {top:0px;
                height:80px;
                padding:0;
                margin-top:0;
                margin-bottom:0;
                text-align:center;
                list-style: none;
                left:50%;
                position:absolute;
                }
                
#menu #head     {top:0;
                text-align:center;
                vertical-align:middle;
                display:table-cell;
                height: 80px;
                padding:0;
                margin:0;}

#menu a         {position:relative;
                color: #000;
	            font-family: 'Quicksand', sans-serif;
	            font-weight:400;
	            text-decoration:none;
                padding:30px 00px 15px 00px;}

#menu li        {height:40px;
                width:100%;
                position:relative;}

#menu li:hover > ul {visibility:visible;
                opacity:1;
                -webkit-opacity:1;
                -moz-opacity:1;
                -o-opacity:1;
                -ms-opacity:1;
	            transition: opacity .4s ease-in-out;
                -webkit-transition: opacity .4s ease-in-out;
	            -moz-transition: opacity .4s ease-in-out;
	            -o-transition: opacity .4s ease-in-out;
	            -ms-transition: opacity .4s ease-in-out;}

/* Sub-menu */

#menu ul    {width:100%;
            height:1px;
            float:left;
            visibility:hidden;
            -webkit-opacity:0;
            -moz-opacity:0;
            -o-opacity:0;
            -ms-opacity:0;
            opacity:0;
            list-style: none;
            padding:0;  
            top:14px;
            margin: 0px 0 0 0;
            z-index: 999;
            position:relative;
            right: 0;}

#menu ul li{
    float:left;
    margin: 0;
    padding: 0 0 2px 0; }

#menu ul:hover {}

#menu ul a{
    -webkit-transition: background .2s ease-out;
    -moz-transition: background .2s ease-out;
    -o-transition: background .2s ease-out;
    -ms-transition: background .2s ease-out;
    padding: 0px;
    margin: 0;
    height: 40px;
    color:white;
    line-height: 40px;
    display: block;
    white-space: nowrap;
    text-transform: none;
    background:rgba(80, 168, 84, 1.0);}

*html #menu ul a{ /* IE6 */
	height: 40px;
	width: 100%;}

*:first-child+html #menu ul a{ /* IE7 */
	height: 40px;
	width: 100%;}

#menu ul a:hover{
    background:rgba(105, 180, 108, 1.0);}

#menu ul li:first-child a{margin:0;}

#menu ul li:first-child a:after{
    content: '';
    position: absolute;
    margin-left:-10px;
    left: 50%;
    top: -14px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 14px solid rgba(80, 168, 84, 1.0);}

#menu ul li:first-child a:hover:after{
    border-bottom-color: rgba(105, 180, 108, 1.0);}

/* Clear floated elements */
#menu:after{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}


/*
 * jQuery FlexSlider v2.2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */
.flexslider     {position: absolute;
                left:50%;
                top:80px;
                padding:0;
                -webkit-box-shadow: 0px 1px 5px #999999;
                -moz-box-shadow: 0px 1px 5px #999999;
                -o-box-shadow: 0px 1px 5px #999999;
                box-shadow: 0px 1px 5px #999999;}

/* Browser Resets
*********************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* FlexSlider Necessary Styles
*********************************/
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
*********************************/

.flex-viewport { max-height: 2000px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease; 
    -o-transition: all 1s ease; 
    transition: all 1s ease; }

.loading .flex-viewport { max-height: 300px; }

.flexslider .slides { zoom: 1; }

.carousel li { margin-right: 5px; }

/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a  { display: none; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(80, 168, 84, 1.0);font-weight:600; font-size:18px; text-shadow: 1px 1px 1px rgba(255,255,255,1); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
.flex-direction-nav .flex-prev { left: -50px; }
.flex-direction-nav .flex-next { right: -50px; text-align: right; }
.flexslider:hover .flex-prev { opacity: 1; left: 10px; }
.flexslider:hover .flex-next { opacity: 1; right: 10px; }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
.flex-direction-nav a:before  {display: inline-block; content: '\f001'; }
.flex-direction-nav a.flex-next:before  { content: '\f002'; }

/* Pause/Play */
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
.flex-pauseplay a:before  {display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover  { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }

/* Control Nav */
.flex-control-nav {width: 100%;
    position: absolute;
    bottom: -40px;
    text-align: center;}

.flex-control-nav li {margin: 0 6px;
    display: inline-block;
    zoom: 1;
    *display: inline;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px; 
    -o-border-radius: 20px;
    border-radius: 20px;}

.flex-control-paging li a {width: 11px; 
    height: 11px;
    display: block; 
    background: #FFF; 
    cursor: pointer;
    text-indent: -9999px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px; 
    -o-border-radius: 20px;
    border-radius: 20px;
    -webkit-box-shadow: inset 0 1px 5px rgba(0,0,0,0.3);
    -moz-box-shadow: inset 0 1px 5px rgba(0,0,0,0.3);
    -o-box-shadow: inset 0 1px 5px rgba(0,0,0,0.3);
    box-shadow: inset 0 1px 5px rgba(0,0,0,0.3); }

.flex-control-paging li a:hover { background: #FFF;
    background: rgba(80, 168, 84, .6) }

.flex-control-paging li a.flex-active { background: #000;
    background: rgba(80, 168, 84, 1.0);
    cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev { opacity: 1; left: 10px;}
  .flex-direction-nav .flex-next { opacity: 1; right: 10px;}
}