@import url('https://fonts.googleapis.com/css?family=ABeeZee:400,400i|Coustard:400,900|Pacifico');

/* Reset */
*	{
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	font:inherit;
	vertical-align:baseline;
	list-style-type:none;
	hyphens:auto;
	}

header, nav, main, footer {
	display:block;
	}
/* /Reset */


/* Kopfbereich */
header {
	margin:0;
	padding:0;
	}

header img {
	width:100%;
	margin:0;
	padding:0;
	}
/* /Kopfbereich */


/* Hauptwrapper */
#wrapper {
	width:86%;
	margin:0 auto;
	background-color:#FFFFFF;
	}
/* /Hauptwrapper */


/* Hauptnavigation */
nav {
	text-align:center;
	font-family:"ABeeZee", sans-serif;
	}

nav > ul > li {
	display:inline-block;
	white-space:nowrap;
	color:#008080;
	background-color:#FFFFFF;
	padding:5px 3%;
	font-size:160%;
	line-height:1.4em;
	}

nav > ul > li > ul {
	display:none;
	}

nav > ul > li:hover > ul {
	display:block;
	position:absolute;
	text-align:left;
	white-space:normal;
	color:#008080;
	box-shadow:1px 5px 7px #C0C0C0;
	}

nav > ul > li > ul > li {
	display:block;
	position:relative;
	top:10px;
	/*left:-5px;*/
	font-size:100%;
	line-height:1.2em;
	padding:15px 25px;
	background-color:#FFFFFF;
	}

nav a:link {
	color:#008080;
	text-decoration:none;
	}

nav a:visited {
	color:#008080;
	}

nav a:hover, nav a:focus {
	color:#008080;
	font-weight:bold;
	}

nav a:active {
	color:#008080;
	}
/* /Hauptnavigation */


/* Hauptbereich */
main {
	clear:both;
	}

h1 	{
	font-family:"Pacifico", cursive;
	font-size:500%;
	line-height:1.6em;
	color:#5E2605;
	text-align:center;
	background-color:#FFFFFF;
	padding:2%;
	}
	
h2 	{
	font-family:"ABeeZee", sans-serif;
	font-size:220%;
	line-height:1.6em;
	font-weight:bold;
	color:#5E2605;
	}

h3 	{
	font-family:"ABeeZee", sans-serif;
	font-size:150%;
	line-height:1.6em;
	font-weight:bold;
	color:#008080;
	}

p 	{
	font-family:"ABeeZee", sans-serif;
	font-size:110%;
	line-height:1.6em;
	color:black;
	padding-bottom:8px;
	}

h2 + p {
	padding-top:15px;
	}
						
h3 + p {
	padding-top:13px;
	}

div + div > h3 {
	padding-top:20px;
	}

.zw-text1 {
	font-size:145%;
	padding-bottom:15px;
	color:#5C5C5C;
	}

.zw-text2 {
	font-size:130%;
	font-weight:bold;
	padding-bottom:15px;
	color:#5C5C5C;;
	}

main section {
	background-color:#FFFFFF;
	width:66%;
	float:left;
	padding:2%;
	}
/* /Hauptbereich */


/* Bilder */
section figure img {
	width:100%;
	}

section figure.fl {
	float:left;
	width:47%;
	padding-right:15px;
	}

section figure.fr {
	float:right;
	width:47%;
	padding-left:15px;
	}

section figcaption {
	font-family:"ABeeZee", sans-serif;
	font-size:85%;
	color:#5C5C5C;;
	padding:1%;
	}

section figure + figure + p {
	clear:both;
	padding-top:15px;
	}

section p + figure {
	padding-top:10px;
	padding-bottom:10px;
	}

section figure + figure {
	padding-top:10px;
	padding-bottom:10px;
	}
/* /Bilder */


/* Fußbereich */
footer {
	background-color:#FFFFFF;
	clear:both;
	padding:1%;
	}
/* /Fußbereich */


/* Seitenteil rechts */
aside {
	position:absolute;
	left:67%;
	top:500px;
	width:30%;	
	background-color:#FFFFFF;
	}

/*aside > div {
	margin:auto;
	}*/

aside div div {
	display:inline-block;
	margin-top:20px;
	margin-bottom:20%;
	}

aside div blockquote {
	clear:both;
	font-family:"Coustard", serif;
	font-size:110%;
	margin-top:0;
	margin-bottom:0;
	margin-left:10px;
	margin-right:10px;
	padding:10px 15px 30px 50px;
	position:relative;
	line-height:2.5em;
	z-index:1;
	}

aside div blockquote + p {
	float:right;
	font-family:"Coustard", serif;
	font-size:80%;
	text-align:right;
	margin-top:-2px;
	width:55%;
	padding-left:30%;
	padding-right:12%;
	}

aside div blockquote::before {
	content:"\201E";
	font-family:Georgia, serif;
	font-size:400%;
	font-weight:bold;
	color:#4F8E83;
	position:absolute;
	left:4px;
	top:-20px;
	z-index:-1;
	}
	
aside div figure {
	margin-top:10px;
	margin-bottom:10px;
	margin-left:9%;
	width:85%;
	}
	
aside div figure img {
	width:100%;	
	}
	
/* aside blockquote::after {
	content:"\201C";
	font-family: Georgia, serif;
	font-size:300%;
	font-weight:bold;
	color:#999;
	position:absolute;
	right:10%;
	bottom:-16px;
	}*/
/* /Seitenteil rechts */


/* Listen */
ol.rezeptliste {
	font-family:"ABeeZee", sans-serif;
	font-size:110%;
	line-height:1.6em;
	width:95%;
	margin-top:15px;
	margin-left:20px;
	}

ol.rezeptliste li {
	list-style-type:decimal;
	padding-top:10px;
	}

ol.rezeptliste li p {
	font-size:inherit;
	line-height:1.6em;
	}

ol.rezeptliste + p {
	padding-top:15px;
	font-style:italic;
	}
/* /Listen */


/* Tabellen */
table {
	font-family:"ABeeZee", sans-serif;
	width:75%;
	font-size:110%;
	line-height:1.5em;
	text-align:left;
	border-collapse:collapse;
	margin-top:15px;
	margin-left:5%;
	background-color:#FFFFFF;
	}

caption {
	text-align:left;
	font-size:120%;
	margin-top:10px;
	margin-bottom:15px;
	color:#008080;
	}

td {
	border-top:1px dotted #008080;
	border-bottom:1px dotted #008080;
	border-collapse:collapse;
	height:35px;
	padding-right:10px;
	text-align:right;
	vertical-align:middle;
	white-space:nowrap;
	}

table tbody td + td {
	text-align:left;
	padding-left:10px;
	white-space:normal;
	}

tr:hover {
	background-color:#e4e3e3;
	}

.tabspalte1 {
	width:20%;
	}

.tabspalte2 {
	width:auto;
	}

figure + table {
	padding-top:10px;
	}

table + h3 {
	padding-top:20px;
	}
/* /Tabellen */


/* FlexSlider */
#sliderframe {
	width:70%;
	margin:0 auto;
	}

#slider li img {
	width:100%;
	}

#carousel li img {
	width:100%;
	}

#carousel li {
 margin-right:10%;
	}

.flex-caption {
	width:100%;
	padding:2%;
	left:0;
	bottom:0;
	background-color:#008080;
	color:#FFFFFF;
	text-shadow:2px 2px 3px black;
	font-size:130%;
	line-height:1.8em;
	}

.flex-caption a:link {
	color:#FFFFFF;	
	text-decoration:none;
	}

.flex-caption a:visited {
	color:#FFFFFF;
	}

.flex-caption a:hover, .flex-caption a:focus {
	color:#FFFFFF;
	font-weight:bold;
	}

.flex-caption a:active {
	color:#FFFFFF;
	}
/* /FlexSlider */


/* Formular */
form {
	font-family:"ABeeZee", sans-serif;
	font-size:100%;
	background-color:#FFFFFF;	
	width:85%;
	min-width:450px;
	padding:20px;
	margin:0;
	border:1px solid #008080;
	border-radius:8px;
	position:relative;
	z-index:2;
	}

.formular {
	margin-top:10px;
	margin-bottom:10px;
	color:#4F4F4F;
	}

label {
	display:inline-block;
	width:200px;
	}

label.eingabefeldname {
	display:inline-block;
	width:200px;
	text-align:right;
	margin-right:8px;
	vertical-align:middle;
	}

input[type="text"], input[type="email"] {
	font-family:"Coustard", serif;
	font-size:100%;
	padding-left:8px;
	border:1px solid #5C5C5C;
	width:40%;
	height:30px;
	left:240px;
	}

form select{
	border:1px solid #5C5C5C;
	width:180px;
	height:25px;
	border-radius:3px;
	}

input[type="radio"], input[type="checkbox"] {
	margin-left:5px;
	width:20px;
	}

input[type="radio"] + label, input[type="checkbox"] + label {
	display:inline;
	padding-right:8%;
	}

textarea {
	font-family:"Coustard", serif;
	font-size:100%;
	border:1px solid #5C5C5C;
	padding:10px;
	width:45%;
	position:relative;
	top:-15px;
	left:210px;
	}

label.formularbreit{
	display:inline;
	margin-bottom:5px;
	}

input[type="submit"], input[type="reset"] {
	border:1px solid #5C5C5C;
	width:185px;
	height:30px;
	margin-top:10px;
	margin-right:8px;
	border-radius:3px;
	box-shadow:1px 2px 3px #8F8F8F;
	}

.sendebuttons {
	margin-left:210px;
	}

input[type="submit"]:link, input[type="reset"]:link {
	border:1px solid #5C5C5C;
	width:185px;
	height:30px;
	margin-top:10px;
	margin-right:8px;
	border-radius:3px;
	box-shadow:1px 2px 3px #8F8F8F;
	}
	
input[value="Nachricht absenden"]:link,
input[value="Alles löschen"]:link {
	font-weight:normal;
	}		
					
/* input[type="submit"]:visited, input[type="reset"]:visited {
	border:1px solid #5C5C5C;
	width:185px;
	height:30px;
	margin-top:10px;
	margin-right:8px;
	border-radius:3px;
	box-shadow:1px 2px 3px #8F8F8F;
	}
	
input[value="Nachricht absenden"]:visited,
input[value="Alles löschen"]:visited {
	font-weight:normal;
	}		
*/
	
input[value="Nachricht absenden"]:hover,
input[value="Nachricht absenden"]:focus,
input[value="Alles löschen"]:hover,
input[value="Alles löschen"]:focus {
	font-weight:bold;
	background-color:silver;
	cursor:pointer;
	}
	
input[value="Nachricht absenden"]:active,
input[value="Alles löschen"]:active {
	font-weight:bold;
	background-color:silver
	}

input[type="submit"]:active, input[type="reset"]:active {
	border:none;
	box-shadow:none;
	}	
/* /Formular*/


/* Back-to-Top-Button */
.back-to-top {
	font-family:Arial, sans-serif;
	font-size:200%;
	color:#5E2605;
	text-decoration:none;
	background-color:white;
	font-weight:bold;
	border:2px dotted #008080;
	border-radius:5px;
	position:fixed;
	bottom:30px;
	right:10px;
	padding:1%; 
	box-shadow:1px 5px 7px #C0C0C0;
	}
/* /Back-to-Top-Button */


/* Footer */
footer p {
	font-size:80%;
	padding-top:5px;
	border-top:1px dotted #D3D3D3;
	}
/* /Footer */