/* Autor: gerrit kubiak, gerrit@squap.com, www.squap.com - erstellt am: 4. Februar 2009 */
/* konform zu CSS level 2; ausnahme: opazität */
/* copyright 2008 gerrit kubiak und Squap.com - alle Rechte vorbehalten */

html,body,div,img,a,p,h1,h2		{border: 0; margin: 0; padding: 0; }
body							{font: normal 0/0 Arial; color: #555; }

.balken						{position: absolute; z-index: 1; top: 10%; left:  1%; width: 98% ; margin-top: -50px; height: 100px;
							 background-color: #555; }
#rahmen						{position: absolute; z-index: 2; top: 10%; left: 50%; width: 660px; margin-top: -40px; margin-left: -180px;
							 visibility: hidden; }

.logo						{position: absolute; margin-left: -310px; margin-top: -8px; }
.schalter					{float: right; cursor: pointer; }
.schalterohne				{float: right; }

#kopf,  #rumpf				{position: relative; }
#hinweis, #menue, #galerie	{position: absolute; }

#hinweis, #kopf, #menue		{height:  80px; } /* menue und galerie brauchen keine breite */
#hinweis, #kopf				{width:  150px; }
#menue, #hinweis			{top:      0px; }
#menue, #galerie			{right:   20px; }
#hinweis					{right: 360px; color: #fff; }
#kopf						{margin-bottom: 20px; }
#rumpf						{height: 475px; width: 630px; }
#galerie					{height: 350px; top:   100px; }
#men-of, #gal-zu			{display: none; }

.gleiter					{position: relative; overflow: hidden; float: right; margin-bottom: 10px; height: 80px; }
#kopf		.gleiter		{width: 150px; }
#menue		.gleiter		{width:  30px; cursor: pointer; }
#rumpf		.gleiter		{width: 630px; margin-bottom: 0; height: 100%; }
#galerie	.gleiter		{width:   0px; cursor: pointer; }

.leiste, .platte, .ueberzug	{position: absolute; height: 100%; background-repeat: no-repeat; }
.leiste						{width:  20px; left:  0;   }
.platte						{width: 107px; left: 30px; }
.ueberzug					{width: 150px; background-image: url(bilder/platte.png); background-position: 30px 0; background-repeat: no-repeat; }
#rumpf		.platte			{width: 600px; }
#rumpf		.ueberzug		{width: 630px; background: none; display: none; } /* für späteren rahmen um große bilder aktivieren */

.links						{float: left; width: 50%; }
.rechts						{text-align: right; overflow: hidden; }
.textbox					{height: 160px; background-color: #fff; }
.bildbox					{text-align: center; border-style: solid; border-color: #fff; border-width: 55px 50px 60px 50px; height: 200px; }
.feldbox					{height: 61px; }
.formbox					{height: 200px; }
.fuss						{float: left; width: 33%; }
.mittig						{text-align: center; }
.knopf:hover				{color: #fff; background-color: #888; }
textarea						{width: 595px; height: 160px; }

#diaschau					{position: absolute; top:  0px; width: 600px; height: 475px; overflow: hidden; display: none; }
.diaschau					{position: absolute; top: 55px; width: 917px; height: 320px; }
.diaschau	img				{height: 100%; width: 100%; }
.fotoschau					{position: absolute; top: 25px; left: 0; height: 450px; width: 100%; background-color: #fff; cursor: pointer; }

h1, h2						{font-weight: bold; letter-spacing: 1px; }
h1							{line-height: 24px; font-size: 20px; margin-bottom: 12px; margin-top: 12px; }
h2							{line-height: 19px; font-size: 15px; padding-top: 54px; margin-bottom: 10px; }
.fuss		h2				{padding-top: 16px; }
p							{line-height: 19px; font-size: 13px; }
a							{text-decoration: none; color: #555; }
a:hover						{text-decoration: underline; }