/* Layoutaufteilung

**************************************
* Wrap				     *
* ********************************** *
* *     *  Section                 * *
* *     *                          * *
* * Nav *		           * *
* *     *    ********************  * *
* *     *    *                  *  * *
* *     *    *		        *  * *
* *     *    * Article	        *  * *
* *     *    *		        *  * *
* *     *    ********************  * *	      
* *     *	   		   * *
* ********************************** *
*                                    *
**************************************


header: nicht ausgeprägt
body: Hintergrundfarbe der gesamten Seite außer wrap
Wrap: Abstand zur Seite des Fensters des Browsers
Nav: Navigationsleiste
Section: rechte Seite der Auswahl (Überschrift)
Article: der eigentliche Inhalt
*/


body {background-color: #889999;
}
.wrap {
        margin-top:5%;
        margin-left:auto;
        margin-right:auto;
        width: 1100px;
        height:1000px;
}


/* Navigationsleiste */

nav {
        float:left;
        background-image: url(images/menue.gif);
        background-size: 257px 546px;
        background-repeat:no-repeat;
        width: 246px;
        height: 546px;
 }

nav a {
text-align: center;
font-size: 11pt;
font-family: Arial, Comic Sans MS;
font-weight: bold;
font-style: italic;
color: #636363;
padding-top: 3px;
padding-bottom: 3px;
border:solid 2px;
border-color:white;
padding-left: 20px;
padding-right:20px;
border-radius: 5px;
opacity:0.70;
background-color: #C6D7D5;
box-shadow: 10px 10px 5px #888888;
}

a:hover{
opacity:1
}

nav ul {
padding:5px;margin-right:auto;
padding:5px;
margin-right:auto;
margin-left:auto;
margin-top: 40px;

}


li {
float:right

}

/* Sektion */

section {background-image: url(images/background.gif);
        background-size: 748px 546px ;
        background-repeat:no-repeat;
        height: 546px;
        width: 748px;
        float:left;
        }

h1 {
margin-top: 46px;
margin-left: 0px;
font-family: Calibri,Arial;
font-size: 28pt;
font-style: italic;
font-weight: normal;
color: #deefef;
}

/* article */


article {
background-color: #C6D7D5;

margin-left:auto;
margin-right:auto;
width: 85%;
margin-top:20px;
height:380px;
}

p {
font-family: Arial, Verdana, Helvetica, Sans-Serif;
font-size:small;
line-height:13pt;
padding-left:20px;
}

/* article -> home */


.fleft {float:left;width: 200px;}

.fright {float:right;width: 200px;}

.padding {padding-top:20px;
	}

.paddingindex {

margin-left:210px;
margin-right:210px;
padding-top:20px;

	
}

.middle{
height:260px;

}


p.personal{
text-align: center;
font-size: 11pt;
font-family: Arial, Comic Sans MS;
font-weight: bold;
font-style: italic;
color: #636363;
padding-top: 10px;
padding-bottom: 10px;
}

/* article -> praxisteam und kontakt */


.paddingpraxis {padding:20px;}

.padding {top-margin:20px;} 

/* article -> osteopathie */

#infotext{
        font-size: 12pt;
        font-family: Calibri, Comic Sans MS, Helvetica, Arial;
        border: 6px double #fff;
}

.osteopad {
padding-right:10px;
}



/* article -> rundgang */

.gallery img{
width:32.9%;
opacity:0.7;
}
.gallery img:hover {
opacity:1
}

.rundgang{
margin-left: 0px;
font-family: Calibri,Arial;
font-size: 13pt;
font-style: italic;
font-weight: normal;
color: #deefef;
}

.imgrund {display:block;
	margin:auto;
	padding-top:57px;
	}

.back { position:relative;left:479px;bottom:10px }

.backfont{
visibility:visible
}

.backfont {

margin-left: 0px;
font-family: Calibri,Arial;
font-size: 10pt;
font-style: italic;
font-weight: normal;
color: #deefef;
margin-left:280px;
visibility:hidden
}


/* article -> Aktuelles */

#framedouble{
        position: relative;
        margin-top: 30px;
        background-color: #C6D7D5;
        padding: 3px;
        width: 580px;
        height: 280px;
}


#header h1{
margin-top: 46px;
margin-left: 0px;
font-family: Calibri,Arial;
font-size: 28pt;
font-style: italic;
font-weight: normal;
color: #deefef;
}


#aktuelles ul{
 margin: 0px;
 list-style-type: none;
 font-family: Arial;
 font-size: larger;
 font-weight: bold;
 text-align: left;
 color: #636363;
 background: #636363;
}
#aktuelles li {
padding:5px;
border: 1px solid #636363;

}
#aktuelles li.datum {
 float: left;
 font-family: Arial;
 font-size: medium;
 text-align: left;
 color: #636363;
 background: #C6D7D5;
}

#aktuelles li.titel {
 float:left;
 border-left: none;
 font-family: Arial;
 font-size: medium;
 color: #000000;
 background: #C6D7D5;
 width:437.5px;
}
#aktuelles li.text { 
        border-top: none;
 font-family:Arial;
 font-size: small;
 color: #000000;
 background: #FFFFFF;
}
#aktuelles .scrollaktuell
{
                overflow:auto;
}

/* article->Kontakt */


#kontakt {text-align: center;
background-color: white;
padding-top: 6px;
padding-bottom: 5px;
	}
/* article -> sprechzeiten */

/* Sprechzeitentabelle */


table{
border-collapse: collapse;
        font-family: Arial;
        font-size: 15pt;
}
th{
padding-top: 10px;}
td{
        padding: 0px;margin:0px;
}
.keinrand{
        border: none;
}
.rand{
/*        border: 1px solid #000;*/
}
#tabelle0{
}
#tabelle1
{
float:left
}
#tabelle2 {float:right}
#tabelle1, #tabelle2{
        border: 1px solid #000;
        background-color: #fff;
	width:317px;
}

.footersprech {clear: both;
padding-top:10px;
}

.footersprech p {font-size:13pt}


.achtung{
        color: red;
}



td {padding:8px}

/* article -> Impressum */

.fontsize {
font-size:6pt;
}

/* image Praxisteam */
.imgcenter {
 margin-top: 20px;
 display: block;
 margin: 0 auto;
}