﻿/*----------------------------------

***Erstellt von Sebastian Dalipi 2009, Regensburg***

 ----------------------------------*/
       
/*allg.Einstellungen-----------------------------------*/
*|*:-moz-any-link:focus { outline: none; }

html, body { margin: auto; padding: 0; }

body { background-color: #fff;  
       font-family: verdena, Sans-Serif; 
       color: #000;  
       line-height: 1.5em;
       width: 65em; }
body ul, li { list-style: none; }
       
img  { border: none; }

/*allg.Einstellungen-----------------------------------*/

/* 1.0 Header*/
#header  { background-image: url(../bilder/1.jpg); background-repeat: no-repeat;
           width: 271px; height: 251px; 
           margin: 0em 0em 0em -10em;}
#header2 { background-image: url(../bilder/2.jpg); background-repeat: no-repeat;
           width: 317px; height: 251px; margin: -15.69em 0em 0em 1em; }
#header3 { background-image: url(../bilder/3.jpg); background-repeat: no-repeat;
           width: 347px; height: 251px; margin: -15.69em 0em 0em 20.8em; }
#header4 { background-image: url(../bilder/4.jpg); background-repeat: no-repeat;
           width: 309px; height: 251px; margin: -15.69em 0em 0em 42.4em; }
#header5 { background-image: url(../bilder/5.jpg); background-repeat: no-repeat;
           width: 151px; height: 251px; margin: -15.69em 0em 0em 61.7em; }

/* 2.0 Navigation*/
#nav li     { font-weight: bold; font-size: 85%; padding-top: .5em; }
#nav        { background-image: url(../bilder/bgnav.jpg); 
              width: 14.3em; height: 20em; margin: -37.5em 0em -2.2em 1.2em; }
        
a.n1                    { text-decoration: none; padding: 0.3em 2.8em; margin-left: -2.2em;
	                      background: url(../bilder/n1.jpg); background-repeat: no-repeat; } 
a.n1:link, a.n1:visited { color: #F4C562; display: block; }
a.n1:hover, a.n1:focus  { color: #333; background-image: url(../bilder/n3.gif); 
                          background-repeat: no-repeat; padding: 0.3em 2.8em; 
                          display: block; } 

/* 3.0 Infobox*/
#infobox    { width: 14.3em; height: 16em; margin: 2.4em 0em 0em 1.2em; background-image: url(../bilder/info.jpg); background-repeat: no-repeat; }

             
/* 4.0 Inhalte*/
#homo ul, li          { font-size: 90%; }
#behandlung li        { font-size: 90%; width: 45em; border-left-style: solid; border-left-color:  #2C151B; border-left-width: .3em; padding-left: 1em; }
#index li             { font-size: 90%; width: 40em; }
#kinder li           { font-size: 90%; width: 40em; }
#praxis li            { font-size: 90%; font-weight: bold; }
#person li            { font-size: 90%; width: 25em; }

#index, #homo, #behandlung, #person, #praxis, #impressum, #kinder
{  background-image: url(../bilder/test1.jpg);
   background-repeat: repeat-x; width: 45em; 
   height: 36.5em; float: left; margin: -36.2em 0em 0em 15.7em; }
               
#homo                           { height: 78em; }
#behandlung                     { height: 44em; }
#praxis                         { height: 68em; }
#impressum                      { height: 50em; }
#kinder                         { height: 40em; }

#index p, #homo p, #behandlung p, #person p, #praxis p, #impressum p, #kinder p             { margin: 1em 0em 0em 2em; font-size: 90%; width: 47em; }
#index h3, #homo h3, #behandlung h3, #person h3, #praxis h3, #impressum h3, #kinder h3    { margin: 1em 0em 0em 1.5em; }
#index h4, #homo h4, #behandlung h4, #impressum h4, #kinder h4                          { margin: 1.5em 0em 0em 1.8em; }


/*Homöopathie*/
#box1 ul, li { width: 22em; }
#box1 { border: .1em solid #9CA539; width: 21em; height: 19em;  padding: .1em; margin-left: 1.5em; background-color: #2C151B; color: #fff; }
#box2 { margin: -16em 0em 0em 22em; border: .1em solid #BDBF68; width: 21em; height: 14em; padding: .1em; background-color: #A38C6A; color: #000; }


/*Person, Kinder*/
#lilli  { background-image: url(../bilder/lilli2.jpg);
          background-repeat: no-repeat; width: 204px; height: 199px; 
          margin: -22em 0em 0em 29em; }
          
#kinder span { font-size: 160%; color: #2C151B; }
#kinderbild { background-image: url(../bilder/kinder.jpg);
              background-repeat: no-repeat; width: 220px; height: 160px; 
              margin: 4em 0em 0em 4em; }


/*HINTERGRUND*/
#content  { background-image: url(../bilder/10.jpg);
            background-repeat: no-repeat; width: 481px; height: 593px; 
            margin: .2em 0em 0em -10em; }
#content2 { background-image: url(../bilder/11.jpg);
            background-repeat: no-repeat; width: 932px; height: 16px; 
            margin: -37.07em 0em 0em 1.3em; }
#content3 { background-image: url(../bilder/12.jpg);
            background-repeat: no-repeat; width: 187px; height: 593px; 
            margin: -1em 0em 0em 59.48em; }


