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







/*----------------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------- www.einstweiss.de | interim 2.0 */







/*----------------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------ body und header*/


body {   font:11px Verdana, Tahoma, Arial, Helvetica, sans-serif;
         color:#e89b10;
         background:url(../images/body_bg_2.jpg);
         background-attachment:fixed;
         background-color:#6c989e;
         margin:0px;
         z-index:0;
         }


#soft {  background:url(../images/soft_2.png);
         background-repeat:repeat;
         position:fixed;
         top:0px;
         left:0px;
         height:150px;
         width:100%;
         z-index:900;
         }


#signet {position:fixed;
         width:373px;
         height:90px;
         left:215px;
         top:27px;
         z-index:1001;
         margin:0px;
         border:1px #563b23 solid;
         background-color:#edd592;
         overflow:hidden;
         }


#signet h1 {
         font:23px Verdana, Tahoma, Arial, Helvetica, sans-serif;
         color:#6c989e;
         letter-spacing:3px;
         padding:0px 0px 0px 3px;
         text-align:center;
         }


#signet h2 {
         font:12px Verdana, Tahoma, Arial, Helvetica, sans-serif;
         color:#563b23;
         letter-spacing:0.12em;
         padding:0px;
         text-align:center;
         }


#header  {position:fixed;
         background:url(../images/header_bg_2.png);
         background-repeat:repeat-x;
         left:0px;
         width:100%;
         height:189px;
         top:45px;
         margin:0px;
         z-index:1001;
         }

#style_1 li {position:fixed;
         left:0px;
         bottom:65px;
         width:22px;
         height:19px;
         margin:0px;
         z-index:1008;
         list-style:none;
         }
#style_1 img {margin:0px; border:0px; list-style:none;}
#style_1 a {margin:0px; border:0px; list-style:none;}

#style_2 {position:fixed;
         left:0px;
         bottom:38px;
         width:22px;
         height:19px;
         margin:0px;
         z-index:1008;
         list-style:none;
         }
#style_2 img {margin:0px; border:0px; list-style:none;}
#style_2 a {margin:0px; border:0px; list-style:none;}



         span.y {color:#563b23;}

         span.b {color:#edd592;}

         span.m {color:#ede4c5;}

         span.h {color:#563b23;}


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


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

#navigation {float:left; position:fixed; left:61px; top:160px; z-index:999;  margin:0px;}

#navigation li
{float:left; display:inline; padding:0px 23px 0px 0px;}

#navigation li a
{float:left; display:inline; background:#6c989e; text-decoration:none;
font:10px Verdana, Tahoma, Arial, Helvetica, sans-serif; color:#563b23;
letter-spacing:1px; padding:3px 3px; border:1px #563b23 solid; padding:4px 9px;}

#navigation a:hover
{background:#edd592; font:10px Verdana, Tahoma, Arial, Helvetica, sans-serif; color:#563b23;
padding:27px 9px 4px 9px; border:1px #563b23 solid;}


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


#scrollfeld
{z-index:27; position:absolute; top:0px; width:764px; left:101px; margin:0px;}

#scrollfeld img {padding:0px 48px;}

#scrollfeld h2
{float:left; font:11px Verdana, Tahoma, Arial, Helvetica, sans-serif; color:#563b23;
letter-spacing:0.1em; line-height:21px; padding:27px 36px 18px 36px;}


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


#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
{float:left; text-decoration:none; font:11px Verdana, Tahoma, Arial, Helvetica, sans-serif; color:#edd592;
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:#563b23;
line-height:21px; letter-spacing:0.1em;}


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



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


#p_start         {background-color:#6c989e; width:764px; height:207px; top:0px; border-top:1px #563b23 dashed;}
#p_start h3      {font:10px Verdana, Tahoma, Arial, Helvetica, sans-serif; color:#ffffff; letter-spacing:0.1em;
                  padding:15px 0px 0px 512px;}


#p_hilmar        {background-color:#6c989e; width:764px; height:207px; top:0px; border-top:1px #563b23 dashed;}
#p_hilmar h3     {font:10px Verdana, Tahoma, Arial, Helvetica, sans-serif; color:#ffffff; letter-spacing:0.1em;
                  padding:15px 0px 0px 512px;}
#p_hilmar a     {font:10px Verdana, Tahoma, Arial, Helvetica, sans-serif; color:#ffffff; letter-spacing:0.1em;}
#p_hilmar a:hover     {font:10px Verdana, Tahoma, Arial, Helvetica, sans-serif; color:#563b23; letter-spacing:0.1em;}


#p_mappen        {background-color:#6c989e; width:764px; height:207px; top:0px; border-top:1px #563b23 dashed;}
#p_mappen h3     {font:10px Verdana, Tahoma, Arial, Helvetica, sans-serif; color:#ffffff; letter-spacing:0.1em;
                  padding:15px 0px 0px 512px;}
#p_mappen a     {font:10px Verdana, Tahoma, Arial, Helvetica, sans-serif; color:#ffffff; letter-spacing:0.1em;}
#p_mappen a:hover     {font:10px Verdana, Tahoma, Arial, Helvetica, sans-serif; color:#563b23; letter-spacing:0.1em;}


#p_kontakt       {background-color:#6c989e; width:764px; height:207px; top:0px; border-top:1px #563b23 dashed;}
#p_kontakt h3    {font:10px Verdana, Tahoma, Arial, Helvetica, sans-serif; color:#ffffff; letter-spacing:0.1em;
                  padding:15px 0px 0px 512px;}


#p_freunde       {background-color:#6c989e; width:764px; height:207px; top:0px; border-top:1px #563b23 dashed;}
#p_freunde h3    {font:10px Verdana, Tahoma, Arial, Helvetica, sans-serif; color:#ffffff; letter-spacing:0.1em;
                  padding:15px 0px 0px 512px;}
#p_freunde a     {font:10px Verdana, Tahoma, Arial, Helvetica, sans-serif; color:#ffffff; letter-spacing:0.1em;}
#p_freunde a:hover     {font:10px Verdana, Tahoma, Arial, Helvetica, sans-serif; color:#563b23; letter-spacing:0.1em;}

#p_impressum     {background-color:#6c989e; width:764px; height:207px; top:0px; border-top:1px #563b23 dashed;}
#p_impressum h3  {font:10px Verdana, Tahoma, Arial, Helvetica, sans-serif; color:#ffffff; letter-spacing:0.1em;
                  padding:15px 0px 0px 512px;}



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

img      {margin-top:21px;}

#bgcont_start    {background-color:#6c989e; overflow:hidden; margin:21px 48px 36px 48px; border:1px #563b23 dashed;}
#start           {background-color:#6c989e; overflow:hidden; width:764px;
                  top:0px; margin:0px 0px 1200px 0px; border-top:1px #563b23 dashed; border-bottom:1px #563b23 dashed;}


#bgcont_hilmar   {background-color:#6c989e; overflow:hidden; margin:21px 48px 36px 48px; border:1px #563b23 dashed;}
#hilmar          {background-color:#6c989e; overflow:hidden; width:764px;
                  top:0px; margin:0px 0px 1200px 0px; border-top:1px #563b23 dashed; border-bottom:1px #563b23 dashed;}



#bgcont_mappen   {background-color:#6c989e; overflow:hidden; margin:21px 48px 36px 48px; border:1px #563b23 dashed;}
#mappen          {background-color:#6c989e; overflow:hidden; width:764px;
                  top:0px; margin:0px 0px 1200px 0px; border-top:1px #563b23 dashed; border-bottom:1px #563b23 dashed;}


#bgcont_kontakt  {background-color:#6c989e; overflow:hidden; margin:21px 48px 36px 48px; border:1px #563b23 dashed;}
#kontakt         {background-color:#6c989e; overflow:hidden; width:764px;
                  top:0px; margin:0px 0px 1200px 0px; border-top:1px #563b23 dashed; border-bottom:1px #563b23 dashed;}
#kontaktformular {margin-left:136px;}


#bgcont_freunde   {background-color:#6c989e; overflow:hidden; margin:21px 48px 36px 48px; border:1px #563b23 dashed;}
#freunde          {background-color:#6c989e; overflow:hidden; width:764px;
                  top:0px; margin:0px 0px 1200px 0px; border-top:1px #563b23 dashed; border-bottom:1px #563b23 dashed;}


#bgcont_impressum {background-color:#6c989e; overflow:hidden; margin:21px 48px 36px 48px; border:1px #563b23 dashed;}
#impressum        {background-color:#6c989e; overflow:hidden; width:764px;
                  top:0px; margin:0px 0px 0px 0px; border-top:1px #563b23 dashed; border-bottom:1px #563b23 dashed;}