/********************** Initialisierung **********************/
                        @import url("initial.css");


/********************** Grundstruktur ************************/
html                                         {
                        height: 100%;
                        }

body                                 	{
                        background-attachment: fixed;
                        background-color: #FFFFFF;
                        background-position: bottom left;
                        background-repeat: no-repeat;
                        font: 12px Arial, Verdana, Helvetica, sans-serif;
                        height: 100%;
                        }

.torso                                    {
                        height: 100%;
                        }

.menu                                      {
                        float: left;
                        width: 300px;
                        }

.inhalt 		        		{
                        background: transparent;
                        border-left: 1px solid #999944;
                        border-right: 1px solid #999944;
                        float: left;
                        height: 450%;
                        padding: 46px 3em 0 3em;
                        width: 400px;
                        }

.titel					{
                        margin: 7px 0 0 35px;
                        }

div.titel a 		        	{
                        background: url(/pictures/fant-asya.gif) no-repeat top left;
                        display: block;
                        height: 93px;
                        width: 208px;
                        text-decoration: none;
                        }

.navi        		        	{
                        background: transparent;
                        height: 500px;
                        width: 208px;
                        }


/********************** Navigation ***************************/
.navi li		                 	{
                        background: transparent;
                        color: #DDCC88;
                        letter-spacing: 5px;
                        list-style-type: none;
                        padding: 0.5em 0 0 0;
                        text-align: right;
                        width: 245px;
                        }

.navi li a       		               {
                        display: block;
                        height: 1.3em;
                        width: 245px;
                        color: #DDCC88;
                        text-decoration: none;
                        }

.navi li a:visited          	{
                        color: #DDCC88;
                        text-decoration: none;
                        }

.navi li a:hover              	{
                        background: url(/pictures/navi.jpg) #FFFFFF repeat-y bottom right;
                        color: #FFFFFF;
                        text-decoration: none;
                        }

.navi li a#active            	{
                        color: #999944;
                        text-decoration: none;
                        }

.navi li a:hover#active       {
                        color: #FFFFFF;
                        }


/********************** Links ********************************/
a:link					{
                        color: #999944;
                        text-decoration: none;
                        }

a:hover					{
                        color: #000000;
                        text-decoration: underline;
                        }

a:active				{
                        color: #999944;
                        text-decoration: none;
                        }

a:active:hover			{
                        color: #000000;
                        text-decoration: underline;
                        }

a:visited				{
                        color: #999944;
                        text-decoration: none;
                        }

a:visited:hover			{
                        color: #000000;
                        text-decoration: underline;
                        }

.weit                                      {
                        font-weight: bold;
                        letter-spacing: 1px;
                        }


/********************** Content ******************************/

h1						{
                        color: #999944;
						display: block;
                        font-size: 18px;
						height: 60px;
                        letter-spacing: 3px;
                        margin: 0;
                        }

h2						{
                        font-weight: bold;
                        color: #999944;
                        letter-spacing: 1px;
                        margin: 0 0 1em 0;
                        }

h2.plain  		                {
                        margin: 0 0 0 0;
                        padding: 0;
                        }

p                                              {
                        margin: 0 0 1em 0;
                        line-height: 1.5em;
                        text-align: justify;
                        }

.einzug                                  {
                        margin-left: 3em;
                        }

.fussnote				{
                        font-size: 0.8em;
                        text-align: right;
                        }

.bildchen                              {
                        font-size: 0.8em;
                        margin: 4px 1em 0 1em;
                        }

.bildchen a                           {
                        text-decoration: none;
                        }

.bildchen a:hover               {
                        text-decoration: none;
                        }

.bildchen a img                    {
                        background: url(/pictures/lupe.gif) #FFFFFF no-repeat bottom right;
                        border: 1px solid #DDCC88;
                        padding: 7px 7px 17px 7px;
                        }

.bildchen a:hover img        {
                        background: url(/pictures/lupe_active.gif) #FFFFFF  no-repeat bottom right;
                        border: 1px solid #999944;
                        }

.l                                            {
                        float: left;
                        margin-left: 0;
                        }

.r                                            {
                        float: right;
                        margin-right: 0;
                        }

.x                                            {
                        float: left;
                        margin-left: 0;
                        margin-right: 0;
                        }

.clear                                    {
                        clear: both;
                        }

/********************** Galerie ******************************/
div.bild                                 {
                        float: left;
                        margin: 0 0 0.4em 0;
                        text-align: left;
                        width: 360px;
                        }

div.zurueck, 
div.vor, 
div.stopp                               {
                        float: left;
                        margin: 0.5em 0;
                        width: 20px;
                        }

div.zurueck a, 
div.vor a                                {
                        display: block;
                        height: 19px;
                        width: 20px;
                        text-decoration: none;
                        }

div.zurueck a                        {
                        background: url(/pictures/zurueck.gif) transparent no-repeat top left;
                        }

div.vor a                                 {
                        background: url(/pictures/vor.gif) transparent no-repeat top left;
                        float: right;
                        }

div.zurueck a:hover             {
                        background: url(/pictures/zurueck_active.gif) transparent no-repeat top left;
                        }

div.vor a:hover                     {
                        background: url(/pictures/vor_active.gif) transparent no-repeat top left;
                        }
