/*----------------------------------------------------------------------------------------------------------------------------
--------------------------------------------------------------- .einst.weiss. |buero fuer buntes & feines| Hilmar Kuehn jr. */


/*----------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------- PROJEKT   beruehrend | Raum fuer traditionelle Thai-Yoga-Massage */






/*----------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------- body */


body     {
         background:url(../images/bg.png);
         background-repeat:repeat;
         background-attachment:fixed;
         width:100%;
         height:100%;
         background-color:#ffffff;
         padding: 0;
         margin: 0;
         z-index:0;
         }


#header          {position:fixed; width:849px; height:111px; top:0px; left:50%; margin:0px 0px 20px -525px;
                  background-image:url(../images/header_2.jpg); background-repeat:no-repeat; z-index:999;}
#bambus_ro       {position:fixed; width:248px; height:100%; top:0px; left:50%; margin:0px 0px 0px 58px;
                  background-image:url(../images/bambus_ro.png); background-repeat:no-repeat; z-index:4;}
#bambus_rm       {position:fixed; width:630px; height:314px; bottom:36px; left:50%; margin:-157px 0px 0px -306px;
                  background-image:url(../images/bambus_rm.png); background-repeat:no-repeat; z-index:2;}
#bambus_ul       {position:fixed; width:588px; height:536px; bottom:0px; left:50%; margin:0px 0px 0px -525px;
                  background-image:url(../images/bambus_o.png); background-repeat:no-repeat; z-index:8;}
#bambus_ml       {position:fixed; width:498px; height:357px; top:26%; left:50%; margin:0px 0px 0px -525px;
                  background-image:url(../images/bambus_lo.png); background-repeat:no-repeat; z-index:8;}
#steine          {position:fixed; width:350px; height:360px; left:50%; bottom:0px; margin:0px 0px 0px -34px;
                  background-image:url(../images/steine.png); background-repeat:no-repeat; z-index:3;}
#weiss_soft      {position:fixed; width:712px; height:100%; top:0px; left:50%; margin:0px 0px 0px -404px;
                  background-image:url(../images/weiss.png); background-repeat:repeat-y; z-index:8;}
#weiss           {position:fixed; width:119px; height:100%; bottom:74%; left:50%; margin:0px 0px 0px -516px;
                  background-image:url(../images/weiss_2.png); background-repeat:repeat; z-index:998;}
#orange_vertikal_r       {position:fixed; width:18px; height:100%; top:0px; left:50%;
                          margin:0px 0px 0px 306px; background-color:#f08a03; border-right:2px #834c05 solid; z-index:9;}
#orange_vertikal_l       {position:fixed; width:1px; height:100%; top:26%; left:50%;
                          margin:0px 0px 0px -405px; background-color:#f08a03; z-index:9;}
#orange_vertikal_gl      {position:fixed; width:9px; height:100%; top:0px; left:50%;
                          margin:0px 0px 0px -525px; background-color:#f08a03; z-index:9;}





         a, a:visited {outline: none}




         span.gruen
         {color:#bfcf10;}

         span.orange
         {color:#f08a03;}

         span.i
         {font-style:italic;}





/*----------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------- navigation */


#navigation
{float:left; position:fixed; width:121px; top:26%; left:50%; margin:0px 0px 0px -525px; text-align:center; z-index:999;}


#navigation ul
{list-style:none; margin:0; padding:0;}


#navigation li ul
{position:absolute; display:none; margin:0; width:119px;}


#navigation li:hover ul
{margin:-1px 2px; padding:0; display:block; left:119px; top:0em;}


#navigation a
{text-decoration:none; font:10px Verdana, Tahoma, Arial, Helvetica, sans-serif; color:#f08a03;
display:block; letter-spacing:0.1em; padding:0.375em;}


#navigation li
{position:relative; margin-bottom:0.9em;
border-top:1px #f08a03 solid; border-right:1px #f08a03 solid; border-bottom:1px #f08a03 solid; background:#ffffff;}


#navigation a:hover
{background:#f08a03; font:10px Verdana, Tahoma, Arial, Helvetica, sans-serif; color:#ffffff;
display:block; letter-spacing:0.1em; padding:0.375em;}







/*----------------------------------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------- scrollfeld*/


#scrollfeld
{z-index:997; position:absolute; top:224px; width:601px; left:50%; margin:0px 0px 0px -286px;}


#scrollfeld h2
{float:left; width:184px; font:14px Verdana, Tahoma, Arial, Helvetica, sans-serif; color:#bfcf10;
letter-spacing:0.4em; line-height:21px; padding:38px 0px 27px 19px;}


#scrollfeld p
{font:11px Verdana, Tahoma, Arial, Helvetica, sans-serif; color:#834c05; letter-spacing:0.1em;
line-height:24px; padding:36px 18px 18px 18px;}


#scrollfeld ul
{text-decoration:none; font:11px Verdana, Tahoma, Arial, Helvetica, sans-serif; color:#834c05;
line-height:21px; letter-spacing:0.1em; padding:0px 18px;}


#scrollfeld li a
{text-decoration:none; font:11px Verdana, Tahoma, Arial, Helvetica, sans-serif; color:#834c05;
line-height:21px; letter-spacing:0.1em; padding:0px 18px;}


#scrollfeld a:hover
{text-decoration:none; font:11px Verdana, Tahoma, Arial, Helvetica, sans-serif; color:#f08a03;
line-height:21px; letter-spacing:0.1em;}


#scrollfeld a
{text-decoration:none; font:11px Verdana, Tahoma, Arial, Helvetica, sans-serif; color:#834c05;
line-height:21px; letter-spacing:0.1em;}







/*----------------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------- zitatcontainer*/


#p_start         {width:601px; height:281px; top:0px; border-bottom:1px #f08a03 solid; margin:0px;}
#p_start p       {font:10px Verdana, Tahoma, Arial, Helvetica, sans-serif; color:#f08a03; letter-spacing:0.1em;
                  line-height:21px; padding:131px 18px;}


#p_portrait      {width:601px; height:240px; top:0px; border-bottom:1px #f08a03 solid; margin:0px;}
#p_portrait p    {font:10px Verdana, Tahoma, Arial, Helvetica, sans-serif; color:#f08a03; letter-spacing:0.1em;
                  line-height:21px; padding:131px 18px;}


#p_ausbildung    {width:601px; height:198px; top:0px; border-bottom:1px #f08a03 solid; margin:0px;}
#p_ausbildung p  {font:10px Verdana, Tahoma, Arial, Helvetica, sans-serif; color:#f08a03; letter-spacing:0.1em;
                  line-height:21px; padding:131px 18px;}


#p_philosophie   {width:601px; height:219px; top:0px; border-bottom:1px #f08a03 solid; margin:0px;}
#p_philosophie p {font:10px Verdana, Tahoma, Arial, Helvetica, sans-serif; color:#f08a03; letter-spacing:0.1em;
                  line-height:21px; padding:131px 18px;}


#p_tym           {width:601px; height:219px; top:0px; border-bottom:1px #f08a03 solid; margin:0px;}
#p_tym p         {font:10px Verdana, Tahoma, Arial, Helvetica, sans-serif; color:#f08a03; letter-spacing:0.1em;
                  line-height:21px; padding:131px 18px;}


#p_fragen        {width:601px; height:240px; top:0px; border-bottom:1px #f08a03 solid; margin:0px;}
#p_fragen p      {font:10px Verdana, Tahoma, Arial, Helvetica, sans-serif; color:#f08a03; letter-spacing:0.1em;
                  line-height:21px; padding:131px 18px;}


#p_preise        {width:601px; height:219px; top:0px; border-bottom:1px #f08a03 solid; margin:0px;}
#p_preise p      {font:10px Verdana, Tahoma, Arial, Helvetica, sans-serif; color:#f08a03; letter-spacing:0.1em;
                  line-height:21px; padding:131px 18px;}


#p_workshops     {width:601px; height:219px; top:0px; border-bottom:1px #f08a03 solid; margin:0px;}
#p_workshops p   {font:10px Verdana, Tahoma, Arial, Helvetica, sans-serif; color:#f08a03; letter-spacing:0.1em;
                  line-height:21px; padding:131px 18px;}


#p_kontakt       {width:601px; height:219px; top:0px; border-bottom:1px #f08a03 solid; margin:0px;}
#p_kontakt p     {font:10px Verdana, Tahoma, Arial, Helvetica, sans-serif; color:#f08a03; letter-spacing:0.1em;
                  line-height:21px; padding:131px 18px;}


#p_links       {width:601px; height:198px; top:0px; border-bottom:1px #f08a03 solid; margin:0px;}
#p_links p     {font:10px Verdana, Tahoma, Arial, Helvetica, sans-serif; color:#f08a03; letter-spacing:0.1em;
                  line-height:21px; padding:131px 18px;}

#p_chaplin       {width:601px; height:198px; top:0px; border-bottom:1px #f08a03 solid; margin:0px;}
#p_chaplin p     {font:10px Verdana, Tahoma, Arial, Helvetica, sans-serif; color:#f08a03; letter-spacing:0.1em;
                  line-height:21px; padding:131px 18px;}


#p_impressum     {width:601px; height:219px; top:0px; border-bottom:1px #f08a03 solid; margin:0px;}
#p_impressum p   {font:10px Verdana, Tahoma, Arial, Helvetica, sans-serif; color:#f08a03; letter-spacing:0.1em;
                  line-height:21px; padding:131px 18px;}










/*----------------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------ container*/



#index           {background-image:url(../images/weiss_2.png); background-repeat:repeat; overflow:hidden; width:601px;
                  top:0px; border:1px #f08a03 solid; margin:0px 0px 1200px 0px;}
#index h3        {font:16px Verdana, Tahoma, Arial, Helvetica, sans-serif; color:#f08a03; letter-spacing:0.1em;
                  line-height:21px; padding:18px 20px;}


#start           {background-image:url(../images/weiss_2.png); background-repeat:repeat; overflow:hidden;
                  width:601px; top:0px; border:1px #f08a03 solid; margin:0px 0px 1200px 0px;}

#portrait        {background-image:url(../images/weiss_2.png); background-repeat:repeat; overflow:hidden;
                  width:601px; top:0px; border:1px #f08a03 solid; margin:0px 0px 1200px 0px;}
#portrait img    {border:1px #f08a03 solid; margin:53px 12px 36px 0px;}

#ausbildung      {background-image:url(../images/weiss_2.png); background-repeat:repeat; overflow:hidden;
                  width:601px; top:0px; border:1px #f08a03 solid; margin:0px 0px 1200px 0px;}

#philosophie     {background-image:url(../images/weiss_2.png); background-repeat:repeat; overflow:hidden;
                  width:601px; top:0px; border:1px #f08a03 solid; margin:0px 0px 1200px 0px;}

#tym             {background-image:url(../images/weiss_2.png); background-repeat:repeat; overflow:hidden;
                  width:601px; top:0px; border:1px #f08a03 solid; margin:0px 0px 1200px 0px;}

#fragen          {background-image:url(../images/weiss_2.png); background-repeat:repeat; overflow:hidden;
                  width:601px; top:0px; border:1px #f08a03 solid; margin:0px 0px 1200px 0px;}

#preise          {background-image:url(../images/weiss_2.png); background-repeat:repeat; overflow:hidden;
                  width:601px; top:0px; border:1px #f08a03 solid; margin:0px 0px 1200px 0px;}

#workshops       {background-image:url(../images/weiss_2.png); background-repeat:repeat; overflow:hidden;
                  width:601px; top:0px; border:1px #f08a03 solid; margin:0px 0px 1200px 0px;}

#kontakt         {background-image:url(../images/weiss_2.png); background-repeat:repeat; overflow:hidden;
                  width:601px; top:0px; border:1px #f08a03 solid; margin:0px 0px 1200px 0px;}

#links         {background-image:url(../images/weiss_2.png); background-repeat:repeat; overflow:hidden;
                  width:601px; top:0px; border:1px #f08a03 solid; margin:0px 0px 1200px 0px;}

#impressum       {background-image:url(../images/weiss_2.png); background-repeat:repeat; overflow:hidden;
                  width:601px; top:0px; border:1px #f08a03 solid; margin:0px 0px 1200px 0px;}

#chaplin         {background-image:url(../images/weiss_2.png); background-repeat:repeat; overflow:hidden;
                  width:601px; top:0px; border:1px #f08a03 solid; margin:0px 0px 1200px 0px;}

#abschluss       {background-image:url(../images/weiss_2.png); background-repeat:repeat; overflow:hidden; width:601px;
                  top:0px; border:1px #f08a03 solid; margin:0px 0px 1200px 0px;}
#abschluss h3    {font:16px Verdana, Tahoma, Arial, Helvetica, sans-serif; color:#f08a03; letter-spacing:0.1em;
                  line-height:21px; padding:18px 20px;}





/*----------------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------- galerien*/


#gallery {
         padding:0px 0px 18px 0px;
         overflow:hidden;
}

#gallery ul {
         padding:0px;
         list-style:none;
}

#gallery li {
         float:left;
         margin:0px 1px 1px 0px;
         list-style:none;
}

#gallery li img {
         border:1px #f08a03 solid;
}