html	{ min-width: 761px;}
body	{ height: 100%; min-height: 600px; max-height: 100%; border: 0; margin: 0; padding: 0; color: rgba(16,16,16,1); background-color: white; background-repeat: no-repeat; font-size: 14px; overflow: auto; font-family: 'Archivo Narrow','Arial','sans-serif';}

body.kontaktformular div.hintergrund { position: absolute; z-index: 800;}

div.hintergrund		{ position: fixed; top: 84px; right: 0px; height: 480px; left: 0px; overflow: hidden; background-color: rgba(128,128,128,1); box-shadow: 0px 0px 6px rgb(74,185,146);}
div.hintergrund img	{ position: absolute; bottom: 0px; min-width: 100%;}

div.menuleiste		{ position: fixed; top: 0p; height: 80px; width: 100%; left: 0px; border: 0px solid blue; background-color: white; text-align: center; z-index: 1000;}
div.menu			{ position: relative; top: 5px; width: 100%; margin: 0 auto; min-height: 100%; z-index: 900; font-size: 12px;}
div.menu ul			{ margin: 50px 0 0 0; padding: 0; float: right;}
div.menu ul li		{ display: inline-block; list-style: none; margin: 0 0 0 16px; padding: 0;}
div.menu ul li#langmanager	{ min-width: 20px;}
div.menu ul li img	{ max-height: 14px;}

div.menu img.soratonLogo	{ float: left; max-height: 48px; margin-top: 18px;}
div.menu a			{ color: rgba(16,16,16,1);}
div.menuIcon		{display: none;}

div.langmanager		{ position: absolute; top: 45px; right: 0px; width: 32px; height: 22px; padding: 4px; text-align: right; background-color: white; border: 1px solid white; box-shadow: 0px 0px 0px rgb(74,185,146); overflow: hidden;}
div.langmanager ul	{ text-align: right;}
div.langmanager ul li	{ display: block; list-style: none; margin: 0; padding: 0; text-align: right;}
div.langmanager#mausrein	{ box-shadow: 0px 0px 6px rgb(74,185,146); border: 1px solid green; height: auto; width: auto;}
div.langmanager#mausraus	{ box-shadow: 0px 0px 0px rgb(74,185,146); border: 1px solid white; height: 22px; width: 32px;}

div#cke_pagecontent div.soratoninhalt1	{ position: relative; top: 10px; right: 0px; min-height: 80px; max-height: 480px; left: 0px; padding: 60px 0px 0 0; z-index: 200; color: white; background-color: gray;}

div.content			{ position: relative; top: 0px; width: 100%; min-height: 100%; z-index: 200;}
div.contentHG		{ position: absolute; top: 568px; right: 0px; bottom: 0px; left: 0px; border: 0px solid green; background-color: white;}
iframe.googlekarte	{ width: 100%; height: 488px; z-index: 1;}
div.googlekarteAdresse	{}


div.soratoninhalt1	{ position: relative; top: 84px; left: 0px; right: 0px; margin-right: 0px; margin-left: 0px; width: calc(100% - 24px); height: 508px; padding: 60px 12px 0px 12px; z-index: 200; color: white; text-shadow: 1px 1px #323232;}
div.soratoninhalt1 h1	{font-weight:normal; font-size: 48px; text-shadow: 1px 1px #323232; margin: 0 0 18px 0; line-height: 1; padding: 0;}
div.soratoninhalt1 h2	{font-weight:normal; font-size: 32px; text-shadow: 1px 1px #323232; margin: 0 0 12px 0; padding: 0;}
div.soratoninhalt1 h3	{font-weight:normal; font-size: 24px; text-shadow: 1px 1px #323232; margin: 0; padding: 0;}
div.soratoninhalt1 p	{font-weight:normal; font-size: 18px; text-shadow: 1px 1px #323232; margin: 0 0 12px 0; padding: 0;}
div.soratoninhalt1 a	{ color: white;}
div.soratoninhalt1 a:hover	{ color: #1DA39D;}
div.soratoninhalt1 ul.zentriert	{ margin: 0px 0px 10px 0px; padding: 0; width: 100%; text-align: right;}
div.soratoninhalt1 ul.zentriert li	{ display: inline-block; list-style: none; color: black; margin:  0 0 0 11px; padding: 0 0 0 0; text-align: center; text-shadow: 1px 1px #323232;}
/*div.soratoninhalt1 ul.zentriert li:first-child	{ display: inline-block; list-style: none; color: black; margin: 0; padding: 0 0 0 0; text-align: center;}*/
div.soratoninhalt1 ul.zentriert li img	{ max-height: 46px; margin: 0 0 4px 0;}
div.soratoninhalt1 div.produktdownload	{ position: absolute; top: 414px; right: 20px;}
/* div.soratoninhalt1 div.produktdownload	{ position: absolute; top: 314px; left: 260px;} */
div.soratoninhalt1 div.produktdownload table	{ margin: 0; padding: 0;}
div.soratoninhalt1 div.produktdownload td	{ vertical-align: bottom; color: white;}

div.soratoninhalt1 div.produktauswahlliste	{ position: absolute; left: 0px; bottom: 96px;}
div.soratoninhalt1 ul.produktliste	{ margin: 0 0 6px 0; padding: 0; width: 100%; text-align: left;}
div.soratoninhalt1 ul.produktliste a li			{ display: inline-block; list-style: none; margin: 0 0 0 10px; padding: 0 0 0 0; text-align: center; color: white; font-size: 10px; text-shadow: 1px 1px #323232;}
div.soratoninhalt1 ul.produktliste a li img	{ max-height: 56px; margin: 0 0 4px 0;}
div.soratoninhalt1 ul.produktliste a:first-child li			{ margin: 0 0 0 0;}
div.soratoninhalt1 ul.produktliste a li:hover		{ background-color: #7ac8c5;}

div.soratoninhalt1 ul.produktliste li			{ display: inline-block; list-style: none; margin: 0 0 0 21px; padding: 0 0 0 0; text-align: center; max-width: 56px; font-size: 10px;}
div.soratoninhalt1 ul.produktliste li ul			{margin: 0px; padding: 0;}
div.soratoninhalt1 ul.produktliste li li			{display: block; margin: 0px; padding: 0;}
div.soratoninhalt1 ul.produktliste li:first-child	{ margin: 0 0 0 0;}
div.soratoninhalt1 ul.produktliste li img		{ max-width: 56px; margin: 0 0 4px 0;}
div.soratoninhalt1 ul.produktliste li:hover		{ background-color: #7ac8c5;}
div.soratoninhalt1 ul.produktliste li:hover .dropup-content { display: block;}
div.soratoninhalt1 .dropup-content {  display: none;  position: absolute;  bottom: 36px; border: 2px solid #1DA39D; background-color: #f1f1f1;  min-width: 56px; margin-left: 10px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);  z-index: 1;}

div.soratoninhalt2	{ position: relative; top: 0px; left: 0px; right: 0px; margin-right: 0px; margin-left: 0px; width: calc(100% - 24px); padding: 12px 12px 72px 12px; z-index: 300; color: rgba(16,16,16,1); background-color: white; font-family: 'Roboto','Arial','sans-serif'; line-height: 1.4;}
div.soratoninhalt2 ul.zentriert	{ margin: 20px 18px 0 0px; padding: 0; width: 100%; text-align: left;}
div.soratoninhalt2 ul.zentriert li	{ display: inline-block; list-style: none; margin: 0 auto; padding: 0 0 0 22px; text-align: center;}
div.soratoninhalt2 ul.zentriert li:first-child	{ padding: 0 0 0 0;}
div.soratoninhalt2 ul.zentriert li img	{ max-height: 56px; margin: 0 0 4px 0;}

div.soratoninhalt2 ul.produktliste				{ margin: 18px 0 18px 0; padding: 0; width: 100%; text-align: left;}
div.soratoninhalt2 ul.produktliste a li			{ display: inline-block; list-style: none; margin: 0 0 0 20px; padding: 0 0 0 0; text-align: center;}
div.soratoninhalt2 ul.produktliste a li img		{ max-height: 124px; margin: 0 0 4px 0;}

div.soratoninhalt2 ul.produktliste li			{ display: inline-block; list-style: none; margin: 0 0 0 20px; padding: 0 0 0 0; text-align: center; max-width: 124px;}
div.soratoninhalt2 ul.produktliste li ul			{margin: 0px; padding: 0;}
div.soratoninhalt2 ul.produktliste li li			{display: block; margin: 0px; padding: 0;}
div.soratoninhalt2 ul.produktliste li img		{ max-width: 124px; margin: 0 0 4px 0;}
div.soratoninhalt2 ul.produktliste li:hover		{ background-color: #7ac8c5;}
div.soratoninhalt2 ul.produktliste li:hover .dropup-content { display: block;}
div.soratoninhalt2 .dropup-content {  display: none;  position: absolute;  bottom: 164px; border: 2px solid #1DA39D; border-radius: 4px; background-color: #f1f1f1; margin-left: 14px; min-width: 124px;  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);  z-index: 1;}


div.soratoninhalt2 div.produktdetails	{ width: 100%; margin: 0; padding: 0;}
div.soratoninhalt2 div.produktdetails div.links	{ float: left; max-width: 48%;}
div.soratoninhalt2 div.produktdetails div.rechts	{ float: right; width: 240px; border: 1px solid gray; padding: 10px;}
div.soratoninhalt2 div.produktdetails div.rechts img	{ max-width: 238px;}
div.soratoninhalt2 div.produktdetails table		{ width: 100%; margin: 0; padding: 0;}
div.soratoninhalt2 div.produktdetails hr		{ margin: 3px 0 5px 0; padding: 0; width: 100%; height: 1px; border: 0px solid white; background-color: #7ac8c5;}

div.soratoninhalt2 table	{ width: 100%; margin: 0; padding: 0;}
div.soratoninhalt2 table tr	{ margin: 0; padding: 0px;}
div.soratoninhalt2 table p	{ margin: 0 0 6px 0; padding: 0;}
div.soratoninhalt2 table.produktliste td	{ border-top: 2px solid #ffffff; border-bottom: 2px solid #ffffff; border-left: 0px solid white; boder-right: 0px solid white; background-color: #ffffff; margin: 0; padding: 3px 0px;}
div.soratoninhalt2 table.produktliste thead td	{ border-top: 2px solid white; border-bottom: 2px solid white; color: rgb(74,185,146); font-weight: bold;}
div.soratoninhalt2 table.produktliste tbody tr:hover td	{ border-top: 2px solid rgb(74,185,146); border-bottom: 2px solid rgb(74,185,146); background-color: #ffffff;}

div.soratoninhalt2 input	{ max-width: 300px; border: 1px solid #1DA39D; padding: 2px 5px;}
div.soratoninhalt2 textarea	{ max-width: 300px; border: 1px solid #1DA39D; padding: 2px 5px;}

div.soratoninhalt2 div.Zusatzartikelliste	{ positon: relative; width: 750px; border: 0px solid gray; overflow: auto;}

/*div.soratoninhalt2 ul.bilder		{ display: block; margin:0; padding: 0; float: right;}
div.soratoninhalt2 ul li			{ display: inline-block; margin: 0; padding: 0; border: 1px solid #1DA39D;}
div.osratoninhalt2 ul li:fist-child	{ margin: 0;}*/


div.fusszeile		{ position: relative; left: 0px; right: 0px; height: 18px; margin-top: -42px; padding: 12px; clear: both; color: white; background-color: #1DA39D; font-size: 12px; z-index: 300;}
ul.fusszeile	{ margin: 0 0 0 0; padding: 0; display: block;}
ul.fusszeile li	{ display: inline-block; list-style: none; margin: 0 0 0 12px; padding: 0; text-align: right;}
ul.fusszeile li:first-child { display: inline-block; list-style: none; margin: 0 0 0 0; padding: 0; text-align: left;}

ul.fusszeile1	{ margin: 0 0 0 0; padding: 0; display: block; float: left;}
ul.fusszeile1 li	{ display: inline-block; list-style: none; margin: 0 18px 0 0; padding: 0; text-align: left;}

ul.fusszeile2	{ margin: 0 0 0 0; padding: 0; display: block; float: right;}
ul.fusszeile2 li	{ display: inline-block; list-style: none; margin: 0 0 0 18px; padding: 0; text-align: right;}

table				{color: black;}
td					{color: black;}
hr					{ margin: 3px 0 5px 0; padding: 0; width: 100%; height: 1px; border: 0px solid white; background-color: #7ac8c5;}

.kontaktcontent1	{ float: left;}
.kontaktcontent2	{ float: left;}
div.soratonAdresse	{ display: box; float: right;}
p#kontakthinweis	{ margin-top: 0 0 24px 0;}


div.produktmatrix	{float: right; margin-top: -50px; text-align: right; font-size: 11.5px;}
div.matrixshow		{display: none;}
div.produktmatrix div.matrixshowbutton	{position: absolute; top:10px; right: 10px; border: 2px solid #1DA39D; border-radius: 4px; background-color: gray; padding: 2px 4px;}
div.produktmatrix:hover .matrixshow { display: block;}
div.produktmatrix:hover .matrixshowbutton { display: none;}
div.produktmatrix:hover ~ div.produktauswahlliste { display: none;}
div.produktmatrix a	{ color: white;}
div.produktmatrix ul.produktliste	{ margin: 0 0 6px 0; padding: 0; width: 100%; text-align: left;}
div.produktmatrix ul.produktliste a li			{ display: inline-block; list-style: none; margin: 0 0 0 20px; padding: 0 0 0 0; text-align: center; text-shadow: 1px 1px #323232;}
div.produktmatrix ul.produktliste a li img	{ max-height: 56px; margin: 0 0 4px 0;}
div.produktmatrix ul.produktliste a:first-child li			{ margin: 0 0 0 0;}
div.produktmatrix ul				{ max-width: 50%; float: right; margin: 0 0 12px 0;}
div.produktmatrix ul li				{ text-align: left;}
/*div.produktmatrix li:hover		{ background-color: #7ac8c5;}*/
div.produktmatrix table				{ text-align: right;}

div.produktmatrix th				{ font-size: 11.5px; font-weight: bold; padding: 0 4px 0 4px;text-align: center; vertical-align: middle;}
div.produktmatrix th.titel1			{ color: white; background-color: #747474; text-align: right;}
div.produktmatrix th.titel10		{ color: white; background-color: #949494; text-align: center;}
div.produktmatrix th.titel11		{ color: white; background-color: #747474; text-align: center;}
div.produktmatrix th.titel12		{ color: white; background-color: #949494; text-align: center;}

div.produktmatrix td				{ font-size: 11.5px; font-weight: bold; padding: 0 4px 0 4px;text-align: center; vertical-align: middle;}
div.produktmatrix td.erstespalte	{ color: white; background-color: #949494; text-align: right;}
div.produktmatrix td.dbliste01	{ background-color: #747474; border-bottom: 0px solid gray; border-top: 0px solid gray; margin: 0; padding: 0 2px 0 3px;}
div.produktmatrix td.dbliste02	{ background-color: #747474; border-bottom: 0px solid gray; border-top: 0px solid gray; margin: 0; padding: 0 2px 0 3px;}
div.produktmatrix td.dbliste11	{ background-color: #949494; border-bottom: 0px solid gray; border-top: 0px solid gray; margin: 0; padding: 0 2px 0 3px;}
div.produktmatrix td.dbliste12	{ background-color: #949494; border-bottom: 0px solid gray; border-top: 0px solid gray; margin: 0; padding: 0 2px 0 3px;}
div.produktmatrix td.dbliste21	{ background-color: #747474; border-bottom: 0px solid gray; border-top: 0px solid gray; margin: 0; padding: 0 2px 0 3px;}
div.produktmatrix td.dbliste22	{ background-color: #747474; border-bottom: 0px solid gray; border-top: 0px solid gray; margin: 0; padding: 0 2px 0 3px;}
div.produktmatrix td#aktiv		{ color: white; background-color: #1da39d;}
div.produktmatrix td:hover		{ color: white; background-color: #1da39d;}
div.produktmatrix tr:hover td	{ color: white; background-color: #7ac8c5;}

div.tabellenInfo	{display: none; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg);
			position: absolute; top: 215px; right: 246px; width: 420px;
			}

div#zusatzInformation			{position: absolute; display: none; top: 0px; right: 0px; bottom: 0px; left: 0px; background-color: gray; z-index: 250; opacity: 0.5; filter: alpha(opacity=50); -moz-opacity: 0.5;}

div#zusatzInformationInhalt		{position: absolute; display: none; top: 0px; margin: 10%; padding: 20px; width: 70%; height: 60%; overflow: auto; border-left: 12px solid #33cc99; background-color: white; z-index: 250;}