/* (c) 2001 - 2007, EIKONA AG, it.x informationssysteme gmbh, Alle Rechte vorbehalten. */

/* 
Hinweise: 
schwarz, sw	    :	#000000;
weiss, w		:	#ffffff;
rot, gn		    :	#;
grün, gr		: 	#;
*/


/* Aufteilung */
.page								{position: absolute; left: 0px; top: 0px; height:100%; width: 100%; overflow: auto; background: url(../pics/layout/background.jpg) no-repeat;}
.page .main							{position: absolute; left: 0; margin-top: 20px;}
.page .main .content-left			{position: absolute; left: 130px; float: left; width: 200px; height: 640px; background: url(../pics/layout/navigation_hintergrund.gif);}
.page .main .content				{position: absolute; left: 350px; float: left; width: 640px; height: 640px; background: #fff; border: 1px #b4a2c8 solid;}

/* Logo Meister Happiness */
.page .main .logo-meister			{position: absolute; left: 70px; top: 500px; float: left; width: 43px; height: 120px;}

/* Content links */
.content-left .logo					{width: auto; height: auto;}
.content-left .hauptnavigation		{padding-right: 20px; width: 160px; height: auto; list-style-type: none;}
.content-left .banner				{width: auto; height: auto; position: absolute; padding: 20px; bottom: 0;}

.content .header					{width: 640px; height: 150px; margin-bottom: 45px;}
.content .header-small				{width: 640px; height: 100px; margin-bottom: 45px;}
.content .header-very-small			{width: 640px; height: 80px; }

/* Inhaltsbereich */
.content .inhalt					{padding-left: 20px; padding-right: 20px; height: 425px; overflow: auto;}
.content .inhalt-hoch				{height: 500px;}
.content .inhalt-sehr-hoch			{height: 560px;}
.content .inhalt .textbereich		{float: left;}
.content .inhalt .bild				{float: right;}
.content .inhalt .spalten			{margin-top: 20px; width: 580px; text-align: center;}
.content .inhalt .container-bereich	{margin-top: 20px; width: 580px; text-align: center;}
.content .inhalt-std				{padding: 20px; width: 600px; }

/* Textbereich fuer Tempalte: text_gravuren */
.content .inhalt .textbereich							{ clear: both; }
.content .inhalt .textbereich .ueberschrift				{ }
.content .inhalt .textbereich .text-zweispaltig 		{ }
.content .inhalt .textbereich .text-zweispaltig .links 	{ float: left; width: 290px; }
.content .inhalt .textbereich .text-zweispaltig .rechts	{ float: right; width: 250px; }

.personalien						{position: absolute; margin-top: 550px; margin-left: 500px; z-index: 1000;}

/* Links sind im Inhaltsbereich immer unterstrichen */
.content a:link                     { text-decoration: underline; }
.content a:visited                  { text-decoration: underline; }
.content a:hover                    { text-decoration: underline; }
.content a:active                   { text-decoration: underline; }


/* Kontaktformular */
.content .inhalt .info-text			{ float : left; width: 120px; }

/* Kontaktformular */
.form-content						{ width: 580px; height: auto; float : left; }

/* Spalten für 3-Spalten Container */
.spalten .inhalt_links				{ float: left; width: 168px; clear: left; }
.inhalt_links .bild-rechts img		{ margin-top: 20px; border: 1px #b4a2c8 solid; }
.inhalt_links .unterschrift			{ margin-top: 20px; margin-bottom: 20px; }

.spalten .inhalt_mitte				{ float: left; width: 168px; margin-left: 20px; }
.inhalt_mitte .bild-rechts img		{ margin-top: 20px; border: 1px #b4a2c8 solid; }
.inhalt_mitte .unterschrift			{ margin-top: 20px; margin-bottom: 20px; }

.spalten .inhalt_rechts				{ float: left; width: 168px; margin-left: 20px; }
.inhalt_rechts .bild-rechts img		{ margin-top: 20px; border: 1px #b4a2c8 solid; }
.inhalt_rechts .unterschrift		{ margin-top: 20px; margin-bottom: 20px; }

.bild-ohne-rahmen .bild-rechts img	{ margin-top: 20px; border: none; }

#musik-button						{ position: absolute; left: 933px; top: 625px; width: 60px; height: 15px; color: #777; text-align: right; }
#musik-button img					{ vertical-align: top; }

/* Popup */
.popup								{ width: 320px; height: 240px; position : absolute; right: 40px; top: 40px; z-index: 2; }

.popup .close						{ position : absolute; right: 4px; top: 4px; width: 21px; height: 21px; }

.popup .content						{ }

/* Flash */
.einstiegs-flash					{ }
.skip-flash							{ position: absolut; left: 40px; top: 40px; }

/* Basisdefinitionen */
*                        { font-family: Arial, Helvetica, Sans Serif; font-size: 13px; font-weight: normal; color: #666666; text-align: left; margin: 0px; padding: 0px;}

html                     { margin: 0px; padding: 0px; height:100%; } 
body                     { margin: 0px; padding: 0px; height:100%; text-align:center; }

a:link                   { color: #b4a2c8; text-decoration: none; }
a:visited                { color: #b4a2c8; text-decoration: none; }
a:hover                  { color: #b4a2c8; text-decoration: underline; }
a:active                 { color: #b4a2c8; text-decoration: none; }

h1                       { font-weight: bold; font-size: 13px; margin: 0px; color: #b4a2c8;}
h2                       { font-weight: bold; font-size: 13px; margin: 0px; color: #b4a2c8;}

b			             { font-weight: bold; color: #b4a2c8;}
strong		             { font-weight: bold; color: #b4a2c8;}
i				         { font-style: italic; }
img				         { border: 0px; }
p				         { padding: 0px 0px 0px 0px; }

ul				         { margin-top: 5px; margin-bottom: 5px; }
ol				         { margin-top: 5px; margin-bottom: 5px; }
ul li			         { list-style : square; }

hr				         { border: 0px solid #000000; height: 1px; background: #000000 url(../pics/layout/trans.gif); }