/* Allgemein */

html, body	{width:100%; height:100%; margin:0; padding:0; }
body		{font-family:'FiraR', Arial, Helvetica, sans-serif; -webkit-text-size-adjust:none; background:rgb(180,180,180); }
a			{text-decoration:none; color:rgb(0,0,0); }

div.seite			{width:800px; min-height:100%; margin: 0 auto; position:relative; }
div.menuesammler	{width:220px; min-height:100%; top:0; left:0; position:absolute; }
div.menuetitel		{width:100%; height:150px; margin:0 0 2px 0; background:linear-gradient(to bottom left, rgba(100,160,230,0.5), rgba(100,160,230,1.0)); position:relative; }
div.menuefeld		{width:100%; height:50px; margin:2px 0 0 0; background:rgba(255,255,255,0.85); position:relative; }
div.menuefeld:hover	{width:100%; height:50px; margin:2px 0 0 0; background:rgba(255,255,255,1.0); position:relative; }
div.menueende		{width:100%; height:70px; margin:2px 0 0 0; background:linear-gradient(to bottom, rgba(255,255,255,0.85) 10%, rgba(255,255,255,0.0)); position:relative; }
div.startlinie		{width:2px; height:100%; top:0; right:0; background:rgb(255,255,255); position:absolute; filter:drop-shadow(1px 0px 2px rgba(0,0,0,0.3)); -webkit-filter:drop-shadow(1px 0px 2px rgba(0,0,0,0.3)); }
div.textsammler		{width:450px; min-height:100%; top:0; right:0; position:absolute; }
div.texttitel		{width:100%; height:150px; margin:0 0 2px 0; background:linear-gradient(to bottom left, rgba(100,160,230,0.5), rgba(100,160,230,1.0)); position:relative; }

h1				{font: 18px/140% 'FiraB', Arial, sans-serif; color:rgb(255,255,255); top:88px; left:20px; text-shadow:0 0 3px rgba(0,0,0,0.2); position:absolute; }

p.menuefeld		{font: 13px/100% 'FiraR', Arial, sans-serif; color:rgb(0,0,0); top:20px; left:15px; margin:0; text-shadow:0 0 3px rgba(255,255,255,1.0); position:absolute; }
p.menuetitel	{font: 18px/140% 'FiraB', Arial, sans-serif; color:rgb(255,255,255); top:55px; left:15px; text-shadow:0 0 3px rgba(0,0,0,0.2); position:absolute; }
p.text			{font: 13px/170% 'FiraR', Arial, sans-serif; color:rgb(0,0,0); background:rgba(255,255,255,0.85); margin:0; padding:30px 50px 30px 20px; position:relative; -webkit-hyphens:auto; -moz-hyphens:auto; -ms-hyphens:auto; hyphens:auto; }
p.finale		{font: 13px/170% 'FiraR', Arial, sans-serif; color:rgba(255,255,255,0.8); bottom:0; margin:0 0 20px 30px; position:fixed; }

span.fett	{font-family: 'FiraB', Arial, sans-serif; }

img.natur		{width:230px; height:auto; top:150px; right:30px; position:absolute; filter:drop-shadow(2px 2px 2px rgba(0,0,0,0.5)); -webkit-filter:drop-shadow(2px 2px 2px rgba(0,0,0,0.5)); }
img.notenweg	{width:100%; height:auto; top:0; right:0; position:absolute; filter:drop-shadow(0px 0px 2px rgba(100,160,230,1.0)); -webkit-filter:drop-shadow(0px 0px 2px rgba(100,160,230,1.0)); }
img.einzel		{width:100%; height:auto; margin:0 0 2px 0; border-bottom:30px solid rgba(255,255,255,0.85); position:relative; float:left; }
img.doppel		{width:50%; height:auto; margin:0 0 2px 0; border-bottom:30px solid rgba(255,255,255,0.85); position:relative; float:left; }
img.feriendorf	{width:100px; height:auto; top:40px; left:300px; position:absolute; }

a.text			{font: 13px/170% 'FiraI', Arial, sans-serif; color:rgb(0,0,0); text-decoration:none; }
a.text:hover	{text-decoration:underline; }
a.light			{font: 13px/170% 'FiraR', Arial, sans-serif; color:rgb(0,0,0); text-decoration:none; }
a.light:hover	{text-decoration:underline; }
a.iframe		{font: 13px/170% 'FiraI', Arial, sans-serif; color:rgb(0,0,0); text-decoration:none; }
a.iframe:hover	{text-decoration:underline; }
a.finale		{font: 13px/170% 'FiraR', Arial, sans-serif; color:rgba(255,255,255,0.8); text-decoration:none; }
a.finale:hover	{color:rgba(255,255,255,1.0); }



	/* Schrift */


@font-face {
    font-family: 'FiraR';
    src: url('schrift/FiraSans-Regular.eot');
    src: url('schrift/FiraSans-Regular.eot') format('embedded-opentype'),
         url('schrift/FiraSans-Regular.woff') format('woff'),
         url('schrift/FiraSans-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FiraB';
    src: url('schrift/FiraSans-SemiBold.eot');
    src: url('schrift/FiraSans-SemiBold.eot') format('embedded-opentype'),
         url('schrift/FiraSans-SemiBold.woff') format('woff'),
         url('schrift/FiraSans-SemiBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FiraI';
    src: url('schrift/FiraSans-SemiBoldItalic.eot');
    src: url('schrift/FiraSans-SemiBoldItalic.eot') format('embedded-opentype'),
         url('schrift/FiraSans-SemiBoldItalic.woff') format('woff'),
         url('schrift/FiraSans-SemiBoldItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}