/* css für wellnessbrunnen.net */

body {
    color: black;
    background-image: url(/images/bg-body.jpg); background-repeat: repeat-x;
    font-size: 13px;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    margin: 0; padding: 0;
    text-align: center;  /* Zentrierung im Internet Explorer */
    }


/* Defintion der Überschriften H1, H2, H3, usw. */

h1,h2,h3
		{
		margin-right:0%;margin-left:0%;margin-top:0.1cm;margin-bottom:0.1cm;
		}

h1 		{
		font-size: 14px;
		font-family:Trebuchet, Verdana,Arial,Helvetica,sans-serif;
		color:#09718F; background-color: #FFFFFF;
		font-weight: bold;
		padding: 2px; padding-left: 4px;
		border-bottom: 1px solid #09718F;
		margin-bottom: 15px;
		}

h2 		{
		font-size: 12px;
		font-family:Verdana,Arial,Helvetica,sans-serif;
		color:#333333;
		font-weight:bold;
		margin-bottom: 0px; margin-top: 10px;
		}

h3 		{
                font-size:11px;
		font-family:Verdana,Arial,Helvetica,sans-serif;
		color:#09718F;
		font-weight:bold;
		letter-spacing:1.2px;
                padding: 2px;
		}

/* Definition einzelner Klassen und Pseudoklassen */

.imgfloat       {float:left; margin:7px; padding: 3px; border: 3px double #666; }
.center		{text-align: center; border: 0px solid #8EC1A3;}
.img            {border: 0px;}

a.external, a.external:hover, a.external:visited, a.external:link
                {
                background-image: url(/images/bg-icon-external-link.gif); background-repeat: no-repeat;
                padding-left: 15px;
                font-size: 12px;
                line-height: 19px;
                }

a.header, a.header:hover, a.header:visited, a.header:link
                {
                color: #fff;
                }
                
a.inline, a.inline:hover, a.inline:visited, a.inline:link
                {color: #333; text-decoration: none; 
                font-size: 12px;
                line-height: 19px; background: #fff;
                }

/* Format der gewöhnlichen HTML-Tags */

form		{padding-top: 5px; padding-right: 10px; padding-bottom: 5px; padding-left: 10px;}
p		{padding-top: 1px; padding-bottom: 1px; margin-top: 0px; margin-bottom: 5px;}
td              {vertical-align: top; padding: 7px; }

/* Definition der einzelnen Layer */

div#wrapper {
             text-align: left;    /* Seiteninhalt wieder links ausrichten */
             margin: 0 auto;      /* standardkonforme horizontale Zentrierung */
             width: 925px;
             padding: 0;
             background: #ffffff;
             border: 0px solid #666666;
             }

html>body div#wrappper {
             border-color: gray;
             }

#layerleft      {
                width:724px; z-index:1;
                background-image: url(/images/bg-header.jpg); background-repeat: repeat-x;
	        padding:0px;
		font-family:Verdana,Arial,Helvetica,sans-serif;
		text-decoration: none;
		font-size: 12px; line-height: 19px; color: #333333;
                float: left;
		}

#layerright	{
		width:201px; height:400px; z-index:10;
		max-width: 202px; min-height: 350px; max-height: 500px;
		background-image: url(/images/bg-header-right.jpg); background-repeat: no-repeat;
		float: left;
                padding:0px;
		font-family:Verdana,Arial,Helvetica,sans-serif;
		text-align: center;
		font-size: 11px; font-style: normal; color: #fff; line-height: 16px;
                }

#layerrightborder
                {
                width:50px; z-index:11;
                background-image: url(/images/bg-header.jpg); background-repeat: repeat-x;
                padding:0px;
                font-family:Verdana,Arial,Helvetica,sans-serif;
                color: #006633;
                font-size: 12px; font-style: bold; line-height: 14px;
                float: left;
                }

#footer         {
                clear: both;
                width: 909px;
                background-image: url(/images/bg-footer.jpg); background-repeat: repeat-x;
                padding: 8px;
                margin:0;
                font-size: 10px; color: #fff;
                text-align: center;
                }

#footer a, a:hover, a:visited, a:link  {
                color: #fff;
                text-decoration: none;
                font-size: 11px;
                font-family:Verdana,Arial,Helvetica,sans-serif;
                }

p#sitewide      {
                padding: 10px;
                text-align: center;
                font-size: 11px;
                font-family: Verdana,Arial,Helvetica,sans-serif;
                }

p#sitewide a, a:hover, a:visited, a:link
                {
                color: #333;
                text-decoration: none;
                font-size: 11px;
                font-family: Verdana,Arial,Helvetica,sans-serif;
                }

#navi           {padding-top: 230px; margin:0;
                }

#layermain	{
  		width:650px;
  		max-width:650px;
  		z-index:7;
  		padding:30px; padding-top: 3px;
  		font-family:Verdana,Arial,Helvetica,sans-serif;
  		text-decoration: none;
  		font-size: 12px; line-height: 18px; color: #333333;
  		}

#layermain p    {margin-bottom: 20px;}

#layerrightnav a, a:hover, a:visited, a:link
               {
               color: #09718F;
               }


#layermain a.button, a.button:link, a.button:visited; a.button:hover

               {
               background-image: url(../images/bg-footer.jpg); background-repeat: repeat-x;
               text-align: center;
               color: #fff;
               text-decoration: none;
               }



/* Definition der rechten Menüleiste, die vollständig durch css generiert wird */

a.menu 		{
		display:block;
		width:190px; max-width:190px;
		font-family:Verdana,Arial,Helvetica,sans-serif;
		letter-spacing:1.5px;
		font-size:11px;
		text-align:left;
		font-variant: small-caps;
		margin-left: 1px;
		border-bottom: 1px solid #fff;
		padding: 5px;
         	}

a.menu:link 	{color:#09718F; text-decoration:none; background-color:transparent}
a.menu:visited 	{color:#09718F; text-decoration:none; background-color:transparent}
a.menu:hover 	{color:#09718F; background-color:#FFFFFF; text-decoration:none; }
a.menu:active 	{color:#55C3E6; background-color:#FFFFFF; text-decoration:none;}