html, body		{background:rgb(200,200,200); margin:0; padding:0; height:100%; min-width:980px; }
a				{text-decoration:none; }

div.seite1		{width:1100px; margin:0 auto 0 auto; background:rgb(50,50,50); position:relative; }
div.seite2		{width:1100px; margin:0 auto 0 auto; background:rgb(50,50,50); position:relative; }
div.stimmung1	{width:1100px; height:450px; margin:0; background:rgb(90,90,90); box-shadow:0 8px 6px -6px rgba(0,0,0,0.5); position:relative; z-index:3; }
div.stimmung2	{width:1100px; height:160px; margin:0; background:rgb(90,90,90); box-shadow:0 8px 6px -6px rgba(0,0,0,0.5); position:relative; z-index:3; }
div.menuebox	{width:700px; height:70px; margin:0; top:30px; left:50px; background:rgb(90,90,90); box-shadow: 0.05em 0.05em rgba(0,0,0,0.5); position:absolute; z-index:5; }
div.menue		{width:99px; height:70px; margin:0 1px 0 0; background:rgb(65,65,65); float:left; }
div.menue:hover	{background:url(verlauf-menue.png) no-repeat rgb(70,70,70); }
div.menueaktiv	{width:99px; height:70px; margin:0 1px 0 0; background:url(verlauf-menue.png) no-repeat rgb(70,70,70); float:left; }
div.titel		{width:700px; height:90px; margin:0; top:120px; left:50px; background:rgba(255,30,0,0.93); box-shadow: 0.05em 0.05em rgba(0,0,0,0.5); position:absolute; z-index:6; }
div.inhalt1		{width:1100px; margin:0; background:url(verlauf-inhalt.png) no-repeat rgb(50,50,50); position:relative; z-index:2; }
div.inhalt2		{width:1100px; margin:0; padding-top:60px; background:url(verlauf-inhalt.png) no-repeat rgb(50,50,50); position:relative; z-index:2; }
div.ilinks		{width:400px; height:auto; margin:60px 0 0 120px; background:none; float:left; }
div.irechts		{width:400px; height:auto; margin:60px 0 0 50px; background:none; float:left; }
div.finale		{width:100%; height:150px; margin:0; bottom:0; background:url(verlauf-inhalt.png) no-repeat rgb(50,50,50); box-shadow:0 -8px 6px -6px rgba(0,0,0,0.3); position:relative; z-index:4; }
div.linie		{width:100%; height:2px; margin:0; top:0; background:rgba(90,90,90,0.8); position:relative; }
div.kontakt		{width:100%; margin:0; }
div.finalnavi	{width:400px; height:auto; margin:30px 0 0 120px; background:none; float:left; }
div.alinks		{width:200px; height:auto; margin:30px 0 0 50px; background:none; float:left; }
div.arechts		{width:200px; height:auto; margin:30px 0 0 10px; background:none; float:left; }

div.leislistli	{width:330px; height:175px; padding:25px 40px 5px 40px; margin:50px 0 0 100px; border: 1px rgba(90,90,90,0.3) solid; box-shadow: 1px 1px 0px 0px rgba(90,90,90,0.9); border-radius:10px; background:none; float:left; }
div.leislistre	{width:330px; height:175px; padding:25px 40px 5px 40px; margin:50px 0 0 50px; border: 1px rgba(90,90,90,0.3) solid; box-shadow: 1px 1px 0px 0px rgba(90,90,90,0.9); border-radius:10px; background:none; float:left; }

div.leis3titel	{width:600px; height:auto; margin:60px 0 0 140px; background:none; }
div.leis3		{width:100%; height:auto; margin:30px 0 0 100px; background:rgb(200,100,150); }
div.leis3list	{width:190px; height:115px; padding:25px 40px 5px 40px; margin:0 25px 0 0; border: 1px rgba(90,90,90,0.3) solid; box-shadow: 1px 1px 0px 0px rgba(90,90,90,0.9); border-radius:10px; background:none; float:left; }

div.rahmen		{border:3px solid rgba(255,30,0,0.93); margin:30px -50px 0 -30px; padding:20px 20px 20px 25px; }

div.leistung	{width:100%; margin:0; background:url(verlauf-inhalt.png) no-repeat rgb(50,50,50); position:relative; }
div.leistitel	{width:700px; height:60px; margin:0; top:30px; left:0; background:rgba(255,30,0,0.93); position:absolute; }
div.leislinks	{width:390px; height:auto; margin:130px 0 0 55px; background:none; float:left; }
div.leisrechts	{width:390px; height:auto; margin:130px 0 0 50px; background:none; float:left; }

img.stimmung1	{width:1100px; height:448px; margin:0; border:none; position:absolute; }
img.stimmung2	{width:1100px; height:158px; margin:0; border:none; position:absolute; }
img.text		{width:350px; height:220px; margin:0 0 15px 10px; border:1px solid rgba(255,255,255,0.5); border-radius:2px; position:relative; }
img.text:hover	{border:1px solid rgba(255,30,0,1.0); border-radius:2px; position:relative; }
img.roterpunkt	{width:12px; height:12px; margin:7px 0 0 -17px; border:none; position:absolute; }

h1.seite1		{font: 20px/100% 'FiraR', Arial, sans-serif; color:rgb(255,255,255); margin:10px 0 10px 70px; position:relative; }
h1.seite2		{font: 30px/100% 'FiraR', Arial, sans-serif; color:rgb(255,255,255); margin:10px 0 10px 70px; position:relative; }
h2.leislistitel	{font: 18px/150% 'FiraB', Arial, sans-serif; color:rgb(255,255,255); margin:0 0 10px 0; position:relative; }
h3.leislistitel	{font: 18px/150% 'FiraR', Arial, sans-serif; color:rgb(255,255,255); margin:0 0 10px 0; position:relative; }

p.menue			{font: 13px/100% 'FiraR', Arial, sans-serif; color:rgb(255,255,255); width:99px; text-align:center; margin:29px auto 0 auto; position:relative; }
p.menueaktiv	{font: 13px/100% 'FiraB', Arial, sans-serif; color:rgb(255,255,255); width:99px; text-align:center; margin:29px auto 0 auto; position:relative; }
p.seite1		{font: 22px/100% 'FiraB', Arial, sans-serif; color:rgb(255,255,255); margin:18px 0 10px 72px; position:relative; }
p.seite2		{font: 14px/100% 'FiraR', Arial, sans-serif; color:rgb(255,255,255); margin:18px 0 10px 72px; position:relative; }
p.aweiss		{font: 13px/200% 'FiraB', Arial, sans-serif; color:rgb(255,255,255); margin:0; position:relative; }
p.arot			{font: 13px/200% 'FiraB', Arial, sans-serif; color:rgb(255,30,0); margin:0; text-shadow: 0.05em 0.05em rgba(0,0,0,0.5); position:relative; }
p.impressum		{font: 12px/100% 'FiraR', Arial, sans-serif; color:rgb(100,100,100); margin:30px 0 0 0; position:relative; }
p.fett			{font: 14px/200% 'FiraB', Arial, sans-serif; color:rgb(255,255,255); margin:0 0 15px 25px; position:relative; }
p.text			{font: 13px/200% 'FiraR', Arial, sans-serif; color:rgb(255,255,255); margin:0 0 15px 0; position:relative; -webkit-hyphens:auto; -moz-hyphens:auto; -ms-hyphens:auto; hyphens:auto; }
p.einruck		{font: 13px/200% 'FiraB', Arial, sans-serif; color:rgb(255,255,255); margin:0 0 15px 25px; position:relative; }
p.leislistext	{font: 12px/200% 'FiraR', Arial, sans-serif; color:rgb(255,255,255); width:100%; margin:0; position:relative; }
p.leislistmehr	{font: 13px/200% 'FiraB', Arial, sans-serif; color:rgb(255,255,255); width:100%; text-align:right; margin:15px 0 0 0; position:relative; }
p.leistitel		{font: 30px/100% 'FiraR', Arial, sans-serif; color:rgb(255,255,255); margin:16px 0 0 55px; position:relative; }

span.leislistmehr	{text-decoration:none; }
span.leislistmehr:hover	{text-decoration:underline; }
span.fett		{font: 13px/200% 'FiraB', Arial, sans-serif }
span.fett2		{font: 13px/200% 'FiraB', Arial, sans-serif; margin:0 0 0 30px; }

a.text			{font: 13px/200% 'FiraB', Arial, sans-serif; color:rgb(255,255,255); text-decoration:none; }
a.text:hover	{text-decoration:underline; }
a.fett			{font: 14px/200% 'FiraB', Arial, sans-serif; color:rgb(255,255,255); text-decoration:none; }
a.fett:hover	{text-decoration:underline; }
a.textlight		{font: 13px/200% 'FiraR', Arial, sans-serif; color:rgb(255,255,255); text-decoration:none; }
a.ajax			{font: 13px/200% 'FiraB', Arial, sans-serif; color:rgb(255,255,255); text-decoration:none; }
a.arot			{font: 13px/200% 'FiraB', Arial, sans-serif; color:rgb(255,30,0); text-decoration:none; }
a.arot:hover	{text-decoration:underline; }
a.impressum		{font: 12px/100% 'FiraR', Arial, sans-serif; color:rgb(200,200,200); text-decoration:none; }
a.impressum:hover	{color:rgb(255,255,255); }

iframe.kontakt	{width:305px; height:450px; border:none; }


	/* 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: 'FiraLI';
    src: url('schrift/FiraSans-LightItalic.eot');
    src: url('schrift/FiraSans-LightItalic.eot') format('embedded-opentype'),
         url('schrift/FiraSans-LightItalic.woff') format('woff'),
         url('schrift/FiraSans-LightItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}