/* physiotherapie-lindau 05.2008 */


body {
        background-color:       rgb(252, 229, 178);
        color:                  black;
        font-family:            Verdana, sans-serif;
        font-size:              11px;
        margin:                 0px;
        padding:                0px;
}

a, a:link, a:visited {
        background-color:       white;
        color:                  rgb(205, 55, 50);
        text-decoration:        none;
}

a:hover {
        text-decoration:        underline;
	      color:                  rgb(209, 66, 54);
}

img {
        border:                 0px;
        margin:                 0;
        padding:                0;
}


/*  next 2 divs for centering using negative margin method
    see e.g.: http://bluerobot.com/web/css/center2.html */
    
div#horizon {
        display:                block; 
        height:                 1px; 
        left:                   0px; 
        overflow:               visible; 
        position:               absolute; 
        text-align:             center; 
        top:                    50%; 
        visibility:             visible; 
        width:                  100%;
}

div#position {
        height:                 609px;
        left:                   50%;
        margin-left:            -381px;
        position:               absolute;
        text-align:             left;
        top:                    -282px;
        width:                  762px;
}


/*  styles for layout parts */


ul#navigation {
        height:                 25px;
        left:                   268px;
        list-style-type:        none;
        margin:                 0px;
        padding:                0px;
        position:               absolute;
        top:                    132px;
        width:                  474px;
}

ul#navigation li {
        display:                block;
        float:                  left;       
        height:                 25px;
}

ul#navigation li a {
        display:                block;
        height:                 25px;
        letter-spacing:         -9999px;
        text-indent:            -9999px;   
}

ul#navigation li a:hover {
        background-position:    0px -25px;
}

li#start a                   { width: 105px; background: url("./buttons/willkommen.jpg"); }
li#angebote a                { width: 78px; background: url("./buttons/angebote.jpg"); }
li#person a                  { width: 83px; background: url("./buttons/person.jpg"); }
li#praxis a                  { width: 55px; background: url("./buttons/praxis.jpg"); }
li#kontakt a                 { width: 67px; background: url("./buttons/kontakt.jpg"); }
li#impressum a               { width: 86px; background: url("./buttons/impressum.jpg"); }

div#header {
    background:                 url("./img/header.jpg") no-repeat;
    height:                     157px;
    width:                      524px;	
    left:                       268px;
    position:                   absolute;
    top:                        0px;
    
}

div#footer {
    background:                 url("./img/footer.jpg") no-repeat;
    height:                     27px;
    left:                       268px;
    position:                   absolute;
    top:                        527px;
    width:                      628px;
}

div#content {
    background:                 url("./img/bg_content.jpg");
    background-repeat:          repeat-y;
    color:                      black;
    height:                     336px;
    left:                       268px;
    overflow:                   auto;
    padding-top:                17px;
    padding-bottom:             17px;
    padding-left:               17px;
    padding-right:            	9px;
    position:                   absolute;
    text-align:                 left;
    top:                        157px;
    width:                      489px;
    z-index:                    2;

}


 div#backround {
    background:                 url("./img/bg_content.jpg");
    background-repeat:          repeat-y;
    color:                      black;
    height:                     336px;
    left:                       268px;
    overflow:                   auto;
    padding-top:                17px;
    padding-bottom:             17px;
    padding-left:               17px;
    padding-right:              9px;
    position:                   absolute;
    text-align:                 left;
    top:                        157px;
    width:                      489px;
    z-index:                    1;
}  



div#content p {
    line-height:                140%;
    margin:                   	0px 8px 16px 0px;
    padding:                    0px;    
}

div#content ul {
    list-style:                 disc;
    margin:                     -7px 0px 0px 28px;
    padding:                    0px 0px 0px 0px;    
    text-align:                 left;
}

div#content li {
    margin-bottom:              7px;
}

div#content h3 {
    font-size:                  120%;
    font-weight:                bold;
    margin:                     21px 0px 7px 0px;
    padding:                    0px;
}

div#content h4 {
    font-size:                  140%;
    font-weight:                bold;
    margin:                     21px 0px 7px 0px;
    padding:                    0px;
}

div#content h5 {
    font-size:                  120%;
    font-style:                 italic;
    font-weight:                normal;
    margin:                     21px 0px 3.5px 0px;
    padding:                    0px;
}


/* single styles for specific subpages */

/* spalten */

div#spleft {	
    left:                       17px;
    position:                   absolute;
    top:                        70px;
    
}

div#spright {	
    left:                       200px;
    position:                   absolute;
    top:                        70px;
    
}

div#sptop {
    width:                      460px;	
    left:                       17px;
    position:                   absolute;
    top:                        140px;
    
}

/* images left - start */

div#imleft {
    background:                 url("./img/im_index.jpg") no-repeat;
    height:                     609px;
    width:                      268px;	
    left:                       0px;
    position:                   absolute;
    top:                        0px;
    
}

div#imwillkommen {
    background:                 url("./img/im_willkommen.jpg") no-repeat;
    height:                     609px;
    width:                      268px;	
    left:                       0px;
    position:                   absolute;
    top:                        0px;
    
}

div#imzurperson {
    background:                 url("./img/im_zurperson.jpg") no-repeat;
    height:                     609px;
    width:                      268px;	
    left:                       0px;
    position:                   absolute;
    top:                        0px;
    
}

div#imangebote {
    background:                 url("./img/im_angebote.jpg") no-repeat;
    height:                     609px;
    width:                      268px;	
    left:                       0px;
    position:                   absolute;
    top:                        0px;
    
}

div#impraxis {
    background:                 url("./img/im_praxis.jpg") no-repeat;
    height:                     609px;
    width:                      268px;	
    left:                       0px;
    position:                   absolute;
    top:                        0px;
    
}

div#imkontakt {
    background:                 url("./img/im_kontakt.jpg") no-repeat;
    height:                     609px;
    width:                      268px;	
    left:                       0px;
    position:                   absolute;
    top:                        0px;
    
}

div#imimpressum {
    background:                 url("./img/im_impressum.jpg") no-repeat;
    height:                     609px;
    width:                      268px;	
    left:                       0px;
    position:                   absolute;
    top:                        0px;
    
}

/* angebote */

div#imcst {
    background:                 url("./img/im_cst.jpg") no-repeat;
    height:                     609px;
    width:                      268px;	
    left:                       0px;
    position:                   absolute;
    top:                        0px;
    
}

div#immt {
    background:                 url("./img/im_mt.jpg") no-repeat;
    height:                     609px;
    width:                      268px;	
    left:                       0px;
    position:                   absolute;
    top:                        0px;
    
}

div#immuw {
    background:                 url("./img/im_muw.jpg") no-repeat;
    height:                     609px;
    width:                      268px;	
    left:                       0px;
    position:                   absolute;
    top:                        0px;
    
}

div#imkoerperarbeit {
    background:                 url("./img/im_koerperarbeit.jpg") no-repeat;
    height:                     609px;
    width:                      268px;	
    left:                       0px;
    position:                   absolute;
    top:                        0px;
    
}

div#imbeckenboden {
    background:                 url("./img/im_beckenboden.jpg") no-repeat;
    height:                     609px;
    width:                      268px;	
    left:                       0px;
    position:                   absolute;
    top:                        0px;
    
}

div#imatemarbeit {
    background:                 url("./img/im_atemarbeit.jpg") no-repeat;
    height:                     609px;
    width:                      268px;	
    left:                       0px;
    position:                   absolute;
    top:                        0px;
    
}

div#imreflextherapie {
    background:                 url("./img/im_reflextherapie.jpg") no-repeat;
    height:                     609px;
    width:                      268px;	
    left:                       0px;
    position:                   absolute;
    top:                        0px;
    
}

div#imviszerale {
    background:                 url("./img/im_viszerale.jpg") no-repeat;
    height:                     609px;
    width:                      268px;	
    left:                       0px;
    position:                   absolute;
    top:                        0px;
    
}

div#imallgemeinephysio {
    background:                 url("./img/im_allgemeinephysio.jpg") no-repeat;
    height:                     609px;
    width:                      268px;	
    left:                       0px;
    position:                   absolute;
    top:                        0px;
    
}

div#imseminare {
    background:                 url("./img/im_seminare.jpg") no-repeat;
    height:                     609px;
    width:                      268px;	
    left:                       0px;
    position:                   absolute;
    top:                        0px;
    
}

div#imkurse {
    background:                 url("./img/im_kurse.jpg") no-repeat;
    height:                     609px;
    width:                      268px;	
    left:                       0px;
    position:                   absolute;
    top:                        0px;
    
}

/* Angebote -images left - end */

/* praxisgalerie - start*/

div#praxis1 {
    background:                 url("./img/praxis1.jpg") no-repeat;
    height:                     224px;
    width:                      163px;	
    left:                       285px;
    position:                   absolute;
    top:                        280px;
    z-index:                    3;
}

div#praxis2 {
    background:                 url("./img/praxis2.jpg") no-repeat;
    height:                     113px;
    width:                      152px;	
    left:                       452px;
    position:                   absolute;
    top:                        280px;
    z-index:                    3;
}

div#praxis3 {
    background:                 url("./img/praxis3.jpg") no-repeat;
    height:                     115px;
    width:                      152px;	
    left:                       452px;
    position:                   absolute;
    top:                        395px;
    z-index:                    3;
}

div#praxis4 {
    background:                 url("./img/praxis4.jpg") no-repeat;
    height:                     224px;
    width:                      163px;	
    left:                       606px;
    position:                   absolute;
    top:                        280px;
    z-index:                    3;
    
}

/* praxisgalerie - end */

/* form-start */

form {
   width: 				              400px;
}

label {
	display:			                block;
	padding-bottom:               3px;
	font-weight:		              bold;
	margin-bottom:		            1px;
}

fieldset {
	border: 			                1px solid rgb(214, 216, 218);
	backround:			              white;
}

legend {
	font-weight: 		              bold;
	font-size: 			              100%;
	color:			                  black;
}

textarea {
	width:			                  460px;
	height: 			          125px;
  padding-bottom:               3px;
}

div#formleft {
    left:                       0px; 
    top:                        160px;
    position:                   absolute;
}

div#formright {
    left:                       184px;
    top:                        160px;
    position:                   absolute; 
}

div#message {
    top:                        270px;
    left:                       0px;
    position:                   absolute;
    
}

div#pflicht {
    top:                        160px;
    left:                       390px;
    position:                   absolute;
}

div#gmap {
    top:                        470px;
    left:                       0px;
    position:                   absolute;
    padding-bottom:             20px;   
}

/* form-end */