/* Autor: gerrit kubiak, gerrit@squap.de, www.squap.de - erstellt am: 14. November 2008 */
/* konform zu CSS level 2; ausnahme: opazität */
/* copyright 2008 gerrit kubiak und squap.de - alle Rechte vorbehalten */

html, body				{ }
#diaschau, .inhalt		{position: relative; }

html, body, div, p, form,
img, a, span, ul, ol, input,
textarea, select, option		{border: 0; margin: 0; padding: 0; }
html, body, input,
textarea, select, option		{background-color: #ddd; }
body						{font: normal 0/0 Verdana; letter-spacing: 0; padding-top: 10px; }

#rahmen					{position: absolute; left: 50%; width: 990px; margin-left: -495px; visibility: hidden; }

a						{text-decoration: none; }
img						{width: 100%; position: relative; }
div, p, ul, ol				{overflow: hidden; }
ul, ol					{padding-left: 25px; margin-left: -10px; }

p, ul, ol, textarea,
input, select				{line-height: 20px; font-size: 12px; font-weight: normal; margin-bottom: 12px; }
.gruppe		p,
.gruppe		ul			{margin-bottom:  0  ; }
.gruppe					{margin-bottom: 12px; }
li						{margin-bottom:  5px; }

form			div			{margin-bottom:  3px; } /* vertikaler abstand zwischen eingabefeldern im formular */
form			.viertel	{width: 270px ; }
input, select, option		{height: 20px; }
input, textarea				{width: 250px; }
select, .knopf			{width: 105px; }
.knopf					{border: 1px solid #444; border-left-color: #aaa; border-top-color: #aaa; color: #080;
						 font-size: 11px; line-height: 15px; padding-bottom: 2px; font-weight: bold; margin-right: 36px; }
.knopf:hover			{color: #0f0; background-color: #888; }

.elem					{position: relative; margin-bottom: 10px; } /*erhält über janis ecken */

.links					{float:  left; margin-right: 10px; }
.rechts					{float: right; }
.viertel				{width: 240px; }
.drittel				{width: 365px; }
.impressum				{width: 160px; }
.impressumr				{width: 120px; padding-left: 10px; }

.logo					{height: 90px; background-color: #888;
						 background-image: url(bilder/logo.jpg); background-repeat: no-repeat; background-position: center; }

.kopf					{line-height: 20px; font-size: 11px; font-weight: bold; height: 22px; text-align: center; }
.menue	.kopf,
.inhalt	.news	.kopf	{background-image: url(bilder/links_kopf.gif); }
.inhalt	.kopf			{background-color: #888; }

.rumpf					{padding: 15px 20px 5px 20px; }
.menue	.rumpf			{text-align:    left; background-image: url(bilder/kasten.jpg); }
.preise	.rumpf			{background-color: #888; background-image: none; padding-bottom: 15px; }
.inhalt	.rumpf			{text-align: justify; background-color: #fff; }
.inhalt	.rumpf	form	.links		{text-align: right; padding-right: 23px; }

.ecke					{position: absolute; height: 12px; width: 12px; }
.elem	.ecke			{background-image: url(bilder/ecken_ddd.png); }
.rumpf	.ecke			{background-image: url(bilder/ecken_fff.png); }
.preise	.rumpf	.ecke	{background-image: url(bilder/ecken_888.png); }

.eckeol					{top:    0; left:   0; background-position: -12px -12px; }
.eckeor					{top:    0; right:  0; background-position:   0px -12px; }
.eckeul					{bottom: 0; left:   0; background-position: -12px   0px; }
.eckeur					{bottom: 0; right:  0; background-position:   0px   0px; }

.bild					{position: relative; line-height: 0; font-size: 0; } /* erhält über janis ecken */
span.links				{margin: 6px 15px 6px  0  ; }
span.rechts				{margin: 6px  0   6px 15px; }
.daumen					{width: 100px; }
.hand					{width: 170px; }
.punkt 					{height: 11px; width: 11px; margin-top: 5px; }

.diaschau				{position: relative; }
.diaschau	.rumpf		{height: 112px; }

.kopf					{color: #fff; }
.kopf	a				{color: #fff; }
.kopf	.aktiv			{color: #0f0; }
.kopf	a:hover			{color: #080; }
.kopf	.inaktiv:hover	{color: #fff; }

.menue	.rumpf			{color: #fff; }
.menue	.rumpf	a		{color: #fff; font-weight: bold; }
.menue	.rumpf	.aktiv	{color: #0f0; }
.menue	.rumpf	a:hover	{color: #080; }

.inhalt	.rumpf			{color: #000; }
.inhalt	.rumpf	a		{color: #080; font-weight: bold; }
.inhalt	.rumpf	.aktiv	{color: #0f0; }
.inhalt	.rumpf	a:hover	{color: #0f0; }

.inhalt	.fussnote		{font-size: 10px; font-weight: bold; color: #000; }


/* css-display-schalter */
.zu			.offen,
.offen		.zu,
.de			.en,
.en			.de			{display: none; }