@charset "UTF-8";
section, main, footer, nav, header, figure, figcaption {
	display: block;
}
img {
	-ms-interpolation-mode: bicubic;
}
img, main {
	-webkit-animation-name: meine-animation;
	-webkit-animation-duration: 1.5s;
	-moz-animation-name: meine-animation;
	-moz-animation-duration: 1.5s;
	animation-name: meine-animation;
	animation-duration: 1.5s;
}
header img {
	-webkit-animation-name: none;
	-moz-animation-name: none;
	animation-name: none;
}
header a:hover img {
	opacity: 1;
}
 @-webkit-keyframes meine-animation {
from {
opacity:0;
}
to {
opacity: 1;
}
}
@-moz-keyframes meine-animation {
from {
opacity:0;
}
to {
opacity: 1;
}
}
 @keyframes meine-animation {
from {
opacity:0;
}
to {
opacity: 1;
}
}
}
a, img {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
p, li, td, blockquote {
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}
body {
	font: 100%/1.4;
	font-family: "Helvetica Neue", "Helvetica Neue LT", Helvetica, "Helvetica LT", "Swiss 721", Swiss, Geneva, Arial, SunSans-Regular, sans-serif;
	background-color: hsla(43,100%,87%,1.00);
	margin: 0;
	padding: 0;
	color: #000;
}


/* Scrollbar rechts erzwingen:

Inhalte stammen von: http://www.web-toolbox.net/webtoolbox/fehlersuche/scrollbar-erzwingen.htm#ixzz3CSMddW5q
www.clickstart.de
 */

body {

overflow-y: scroll;
}


/* ~~ Für die Kopfzeile wird keine Breite angegeben. Sie erstreckt sich über die gesamte Breite des Layouts. Sie enthält einen Bild-Platzhalter, der durch Ihr eigenes, mit Hyperlink versehenes Logo ersetzt werden sollte. ~~ */
header {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}
header, footer {
	background: #375600;
	background: -moz-linear-gradient(left, hsl(82,100%,17%) 0%, hsl(76,100%,41%) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, hsl(82,100%,17%)), color-stop(100%, hsl(76,100%,41%)));
	background: -webkit-linear-gradient(left, hsl(82,100%,17%) 0%, hsl(76,100%,41%) 100%);
	background: -o-linear-gradient(left, hsl(82,100%,17%) 0%, hsl(76,100%,41%) 100%);
	background: -ms-linear-gradient(left, hsl(82,100%,17%) 0%, hsl(76,100%,41%) 100%);
	background: linear-gradient(to right, hsl(82,100%,17%) 0%, hsl(76,100%,41%) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#375600', endColorstr='#97cf00', GradientType=1 );
}
header img {
	display: block;
	width: 100%;
	height: auto;
	padding-top: 20px;
}
header h1 {
	text-align: center;
	color: white;
	font-family: Times, "Times New Roman", Georgia, Cambria, "Hoefler Text", "Liberation Serif", serif;
	font-style: italic;
	font-weight: normal;
	letter-spacing: 2px;
	padding-top: 0.3rem;
	padding-bottom: 0.3rem;
	font-size: 50px;
	margin: 0;
}
/* ~~ Dies sind die Layoutinformationen. ~~ 

1) Eine Auffüllung wird nur oben und/oder unten im div-Tag positioniert. Die Elemente innerhalb dieses div-Tags verfügen über eine seitliche Auffüllung. Dadurch müssen Sie keine Box-Modell-Berechnungen durchführen. Zu beachten: Wenn Sie dem div-Tag eine seitliche Auffüllung oder einen Rahmen hinzufügen, werden diese zu der festgelegten Breite addiert und ergeben die *gesamte* Breite. Sie können auch die Auffüllung für das Element im div-Tag entfernen und ein zweites div-Tag ohne Breite und mit der gewünschten Auffüllung im ersten div-Tag einfügen.

*/

main {
	padding: 10px 0 40px 0;
	max-width: 800px;
	margin: 0 auto 0 auto;
	font-size: 18px;
}
main .intro {
	font-size: 20px;
	margin-bottom: 50px;
}
main .textkasten li {
	margin-bottom: 20px;
	font-weight: bold;
}

main .textkasten p {margin:1em 0 1em 0;}

main li {
	margin-bottom: 20px;
}
main img {
	-moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);
	box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);
	height: auto;
	width: auto;
}
main h2, h3, h4, h5 {
	margin-top: 2.5em;
}
main h1 + h2 {
	margin-top: 1em;
}
main ul {
	margin: 1em 1em 1em 1em;
}
main h2 {
	color: hsla(87,100%,26%,1.00);
	text-align: center;
	margin-bottom: 50px;
	margin-top: 30px;
	font-style: italic;
	font-size: 30px;
}


main p~h2 {
	margin-top: 3em;
}

.quadrat li {list-style-type:none;}


.textkasten {
	color: black;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.3);
	margin-top: 7px;
	margin-bottom: 7px;
	border: 1px solid rgb(180, 180, 180);
	-webkit-border-radius: 5px; /* Safari prototype */
	-moz-border-radius: 5px; /* Gecko browsers */
	-ms-border-radius: 5px;
	border-radius: 7px;
	font-weight: normal;
	font-size: 20px;
	/* -moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.5);
	box-shadow: 1px 1px 3px rgba(0,0,0,0.5); */
	background: rgb(240, 240, 240);
	background-image: -o-linear-gradient(45deg, rgb(230,230,230) 0%, rgb(245,245,245) 100%);
	background-image: -moz-linear-gradient(45deg, rgb(230,230,230) 0%, rgb(245,245,245) 100%);
	background-image: -webkit-linear-gradient(45deg, rgb(230,230,230) 0%, rgb(245,245,245) 100%);
	background-image: -ms-linear-gradient(45deg, rgb(230,230,230) 0%, rgb(245,245,245) 100%);
	background-image: linear-gradient(45deg, rgb(230,230,230) 0%, rgb(245,245,245) 100%);
	padding-top: 20px;
	padding-right: 26px;
	padding-bottom: 20px;
	padding-left: 26px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 50px;
}
/* ~~ Fußzeile ~~ */
footer {
	padding: 10px 0;
	background-color: hsla(87,100%,26%,1.00);
	color: white;
	text-align: center;
	font-size: 120%;
	font-style: italic;
}
/* ~~ Element-/Tag-Selektoren ~~ */
ul, ol, dl { /* Aufgrund von Abweichungen zwischen verschiedenen Browsern empfiehlt es sich, die Auffüllung und den Rand in Listen auf 0 einzustellen. Zu Konsistenzzwecken können Sie die gewünschten Werte entweder hier oder in den enthaltenen Listenelementen (LI, DT, DD) eingeben. Beachten Sie, dass die hier eingegebenen Werte hierarchisch auf die .nav-Liste angewendet werden, sofern Sie keinen spezifischeren Selektor festlegen. */
	padding: 0;
	margin: 0;
}
li {
	margin-left: 1em;
}

a img {
	border: none;
}
a:hover, a:active {
	outline: none;
}
main a:link {
	color: hsla(43,100%,23%,1.00);
	text-decoration: underline;
}
main a:visited {
	color: hsla(43,100%,23%,1.00);
	text-decoration: underline;
}
main a:hover, main a:active, main a:focus {
	color: #488400;
	text-decoration: underline;
}



.royalSlider img {
    width: 100%;
    height: auto;
    margin: 5px auto 0 auto;

}

.royalSlider {margin:2em 0}
main .rsDefault .rsGCaption {bottom:10px;font-size: 14px;}
.rsDefault, .rsDefault .rsOverflow, .rsDefault .rsSlide, .rsDefault .rsVideoFrameHolder, .rsDefault .rsThumbs {background:black!important;}



/* ~~ Dieser Container mit fester Breite umschließt die anderen div-Tags. ~~ */

/* ~~ Verschiedene float/clear-Klassen ~~ */
.bildrechts {  /* Mit dieser Klasse können Sie ein Element auf der Seite nach rechts fließen lassen. Das fließende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */
	float: right;
	margin-left: 15px;
}
.bildlinks { /* Mit dieser Klasse können Sie ein Element auf der Seite nach links fließen lassen. Das fließende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */
	float: left;
	margin-right: 15px;
}
.vollebreite {
	width: 100%;
	height: auto;
	margin-top: 40px;
	margin-bottom: 40px;
}
.clearfloat {
	clear: both;
}
.unicode {
	font-family: "Arial Unicode MS", "Zapf Dingbats", sans;
}
sup {
	font-size: 10px;
}
.spalten {margin-bottom:1em;}
.spalten div {display:inline-block;width:32.7%;text-align:center;box-sizing:border-box;font-size:14px;font-weight:bold;}
.spalten div  img {width:100%;height:auto;display:block;margin-bottom:14px;}
.spalte1 {
	padding-right: 10px;
}

.spalte2 {
	padding:0 5px;
}
.spalte3 {
	padding-left: 10px;
}
small {
	font-size: 12px;
}
a:hover img {
	opacity: 0.5;
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
	cursor: zoom-in;
}
/* ================================================================ 








This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

nav {
	width: 100%;
	height: auto;
	z-index: 100;
	font-family: arial, sans-serif;
	background: black;
	background: hsla(0,0%,0%,0.8);
	background-repeat: repeat-x;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	position: fixed;
	text-align: center;
	-moz-box-shadow: 0px 0px 5px 4px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0px 0px 5px 4px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 0px 5px 4px rgba(0, 0, 0, 0.5);
}
/* remove all the bullets, borders and padding from the default list styling */
nav ul {
	padding: 0;
	list-style-type: none;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	text-align: center;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
nav li {
	float: left;
	width: auto;
	position: relative;
	padding: 0px;
}
/* style the links for the top level */
nav a, nav a:visited {
	display: block;
	font-size: 14px;
	text-decoration: none;
	color: white;
	width: auto;
	height: 25px;
	padding-left: 10px;
	line-height: 22px;
	font-weight: bold;
	padding-right: 10px;
}
/* style the second level background */
nav ul ul a.drop, nav ul ul a.drop:visited {
	background-color: #D6D6D6;
	background-repeat: no-repeat;
	background-position: 110px center;
}
/* style the second level hover */
nav ul ul a.drop:hover {
	background-color: #ACACAC;
	background-repeat: no-repeat;
	background-position: 110px center;
}
nav ul ul :hover > a.drop {
	background-color: #D6D6D6;
	background-repeat: no-repeat;
	background-position: 110px center;
}
/* style the third level background */
nav ul ul ul a, nav ul ul ul a:visited {
	background-color: #EBEBEB;
}
/* style the third level hover */
nav ul ul ul a:hover {
	background-color: #434343;
}
/* hide the sub levels and give them a positon absolute so that they take up no room */
nav ul ul {
	visibility: hidden;
	position: absolute;
	height: 0;
	top: 25px;
	left: 0;
	width: 139px;
}
/* position the third level flyout menu */
nav ul ul ul {
	left: 129px;
	top: -1px;
	width: 129px;
}
/* position the third level flyout menu for a left flyout */
nav ul ul ul.left {
	left: -129px;
}
/* style the table so that it takes no ppart in the layout - required for IE to work */
nav table {
	position: absolute;
	top: 0;
	left: 0;
	border-collapse: collapse;
	;
}
/* style the second level links */
nav ul ul a, nav ul ul a:visited {
	color: #000;
	height: auto;
	line-height: 1em;
	padding: 5px 10px;
	width: 163px;
	background-color: #D6D6D6;
	box-shadow: 2px 2px 10px grey;
	-webkit-box-shadow: 2px 2px 10px grey;
	-moz-box-shadow: 2px 2px 10px grey;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-top-color: #ACACAC;
	border-right-color: #ACACAC;
	border-bottom-color: #ACACAC;
	border-left-color: #ACACAC;
}
/* style the top level hover */
nav a:hover, nav ul ul a:hover {
	color: #FFECBC;
	background-color: #040404;
	background-image: url(../images/nav_bg-hover.jpg);
	background-repeat: repeat-x;
}
nav :hover > a, nav ul ul :hover > a {
	color: #FFECBC;
	background-color: #040404;
	background-image: url(../images/nav_bg-hover.jpg);
	background-repeat: repeat-x;
}
/* make the second level visible when hover on first level list OR link */
nav ul li:hover ul, nav ul a:hover ul {
	visibility: visible;
}
/* keep the third level hidden when you hover on first level list OR link */
nav ul :hover ul ul {
	visibility: hidden;
}
/* make the third level visible when you hover over second level list OR link */
nav ul :hover ul :hover ul {
	visibility: visible;
}
.datum {
	font-size: 10px;
	right: 0%;
	position: static;
	padding-right: 10px;
	padding-top: 5px;
	text-align: right;
}
.zentriert {
	font-size: 10px;
	right: 0%;
	position: static;
	padding-right: 10px;
	padding-top: 5px;
	text-align: center;
}

@media (max-width:650px){
/* ~~ Verschiedene float/clear-Klassen ~~ */
.bildrechts { 
	float: none;
	margin-left: 0px;
	text-align: center;
}
.bildlinks { 
	float: none;
	margin-right: 0px;
	text-align: center;
}
nav {
	position: inherit;
}

header h1 {
	letter-spacing: 1px;
	font-size: 30px;
}


main h2 {
	font-size: 20px;
}
.datum {
	position: static;
}
}
/* print styles  * inlined to avoid required HTTP connection www.phpied.com/delay-loading-your-print-css/  */  @media print {
* {
 background: transparent !important;
 color: #444 !important;
 text-shadow: none;
}
a, a:visited {
 color: #444 !important;
 text-decoration: underline;
}
a:after {
content: " (" attr(href) ")";
}
abbr:after {
content: " (" attr(title) ")";
}
.ir a:after {
content: "";
}  /* Don't show links for images */
pre, blockquote {
 border: 1px solid #999;
 page-break-inside: avoid;
}
img {
page-break-inside: avoid;
}
 @page {
margin: 0.5cm;
}
p, h2, h3 {
 orphans: 3;
 widows: 3;
}

header h1 {font-size:2em;}

h2, h3 {
page-break-after: avoid;
}
nav {
display: none;
}
}