div#page{
        width: 100%;
	margin: 0 auto;
}

div#outerbox {
 	background-color: #8f8b90;
	padding-top: 7px;
	padding-right: 7px;
	padding-left: 7px;
	padding-bottom: 7px;
        margin-left: auto ;
  	margin-right: auto ;
        width: 90% ;
        border-radius: 10px;
}

div#innerbox {
        width: 90% ;
	margin-left: auto ;
  	margin-right: auto ;
        border-radius: 10px;
}


div.content {
        width: 90%;
	padding: 20px;
	margin-top: 10px;
	overflow: auto;
        margin-left: auto ;
  	margin-right: auto ;
	background-color: #ffffff;
        border-radius: 10px;
}

div.genericCardContainer{
        display: flex;
        flex-direction: row;
        flex-wrap : wrap;
        justify-content: center;
}

div.genericCard {
    padding: 10px;
    border-radius: 10px;
    margin: 10px;
}


div.therapistsContainer{
        display: flex;
        flex-direction: row;
        flex-wrap : wrap;
        justify-content: center;
}


    div.therapistsCard {
      padding: 10px;
      border-radius: 10px;
      margin: 10px;
      height: 200px;
        background-color: #e5dee6;

    }

        div.therapists-title {
            font-weight:bold; 
            text-align:center;
        }

        div.therapists-photo{
            text-align:center;
        }

p {
 	text-align:justify;
}

h1 {
	font-size: 20px;
}

body {
	font-size: 15px;
	font-family: sans-serif;
}

table {
        font-size: 15px;
}

li {
    font-size: 15px;
}

ul{
        list-style-type: none;
}

div#header{
    width: 90%;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: #ffffff;
    border-radius: 10px;
    margin-left: auto;
    margin-right: auto;
}

div#headerBox {
    display: flex;
    flex-direction: row;
    flex-wrap : wrap;
    justify-content: center;
}

div#naviBoxHeader {
    padding-right: auto;
    padding-left: auto;
}

div#footer {
    width: 90%;
    color: #4d4d4d;
    margin-left: auto ;
    margin-right: auto ;
    
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 20px;
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 10px;
    background-color: #ffffff;
    border-radius: 10px;
}


p.navi{
	margin-left: 5px;
}


a.buttonPraxis {
	-moz-box-shadow:inset 0px 1px 0px 0px #e8d5e0;
	-webkit-box-shadow:inset 0px 1px 0px 0px #e8d5e0;
	box-shadow:inset 0px 1px 0px 0px #e8d5e0;
	background-color:#ffffff;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	width: 10em;
	display:inline-block;
	cursor:pointer;
	color:#4a484b;
	font-family:arial;
	/*font-size:13px;*/
	padding:6px 24px;
	text-decoration:none;
	margin: 3px;
}
a.buttonPraxis:hover {
	color:#ffffff;
	background-color:#4a484b;
}
a.buttonPraxis:active {
	position:relative;
	top:1px;
}

a.buttonActive {
	-moz-box-shadow:inset 0px 1px 0px 0px #e8d5e0;
	-webkit-box-shadow:inset 0px 1px 0px 0px #e8d5e0;
	box-shadow:inset 0px 1px 0px 0px #e8d5e0;
	background-color:#ffffff;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	width: 10em;
	display:inline-block;
	cursor:pointer;
	color:#36b2c3;
	font-family:arial;
	/*font-size:13px;*/
	padding:6px 24px;
	text-decoration:none;
	margin: 3px;
}
a.buttonActive:hover {
	color:#ffffff;
	background-color:#36b2c3;
}
a.buttonActive:active {
	position:relative;
	top:1px;
}


a.buttonWellness {
	-moz-box-shadow:inset 0px 1px 0px 0px #e8d5e0;
	-webkit-box-shadow:inset 0px 1px 0px 0px #e8d5e0;
	box-shadow:inset 0px 1px 0px 0px #e8d5e0;
	background-color:#ffffff;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	width: 10em;
	display:inline-block;
	cursor:pointer;
	color:#cc7c22;
	font-family:arial;
	/*font-size:13px;*/
	padding:6px 24px;
	text-decoration:none;
	margin: 3px;
}
a.buttonWellness:hover {
	color:#ffffff;
	background-color:#cc7c22;
}
a.buttonWellness:active {
	position:relative;
	top:1px;
}



a.medifitwellness {
	color: #4a484b;
}

a.medifitactive {
	color: #36b2c3;
}