body { padding: 0; margin: 0; background-color: #f8f8f8; font-family: 'Open Sans', arial, verdana, sans-serif; font-size: 14px; line-height: 21px; color: #231f20; text-decoration: none; text-align: left; }

h1 { padding: 0; margin: 0 0 33px 0; font-family: 'Open Sans', arial, verdana, sans-serif; font-size: 22px; line-height: 28px; font-weight: 600; color: #cb4a6e; }

h1 span, .columnfull h1 span { font-size: 12px; font-weight: 400; color: #231f20; }

h2 { padding: 0; margin: 0 0 21px 0; font-family: 'Open Sans', arial, verdana, sans-serif; font-size: 22px; line-height: 28px; font-weight: 600; color: #231f20; }

h3 { padding: 0; margin: 5px 0 21px 0; font-family: 'Open Sans', arial, verdana, sans-serif; font-size: 16px; line-height: 22px; font-weight: 600; color: #231f20; }

h3.first { margin: 5px 0 34px 0; }

h4 { padding: 0; margin: 5px 0 21px 0; font-family: 'Open Sans', arial, verdana, sans-serif; font-size: 14px; line-height: 20px; font-weight: 400; color: #cb4a6e; }

a { color: #cb4a6e; text-decoration: none; }

a:hover { text-decoration: underline; }
.columnfull .team .grouped_elements {
}

p { padding: 0; margin: 0 0 21px 0; }

p.date { margin: 0; }

iframe { border: 1px solid #939291; padding: 0; margin: 0 0 21px 0; }

ul { margin: 0 0 21px 0; padding: 0 0 0 15px; }

hr { height: 1px; border: none; margin: 25px 0; border-bottom: 1px dotted #c8c8c8; }

.clearer { clear: both; }

.contentclearer { height: 36px; clear: both; }

.h1clearer { height: 61px; clear: both; }

.h1clearerh3 { height: 56px; clear: both; }

.h2clearer { height: 49px; clear: both; }

#mobilebutton, .mobile, .mobileclearer { display: none; }



#header { width: 1100px; border-bottom: 1px solid #231f20; padding: 0; margin-left: auto; margin-right: auto; text-align: left; }

#hide { position: absolute; margin: 190px 0 0 280px; z-index: 100; }

#logo { float: left; margin: 45px 0 30px 0; }

#navi { float: right; margin: 121px 0 0 0; font-size: 22px; font-weight: 600; }

#navi .naviitem { float: left; margin: 0 0 0 42px; }

#navi .naviitem a { color: #696c6d; text-decoration: none; }

#navi .active { float: left; margin: 0 0 0 42px; }

#navi .active a, #navi .naviitem a:hover { color: #cb4a6e; }

#navi select { display: none; }



#subnavi { float: right; clear: both; margin: -46px 0 64px 0; font-size: 14px; font-weight: 500; }

#subnavi .naviitem { float: left; margin: 0 0 0 30px; }

#subnavi .naviitem a { color: #696c6d; text-decoration: none; }

#subnavi .active { float: left; margin: 0 0 0 30px; }

#subnavi .active a, #subnavi .naviitem a:hover { color: #cb4a6e; }

#subnavi select { display: none; }



#content { width: 1100px; padding: 68px 0 39px 0; margin-left: auto; margin-right: auto; text-align: left; }

#content img { border: 0px solid #c8c8c8; margin: 0 0 0 0; }

.home { background: url("toothbrush666x446.jpg") no-repeat left bottom; }

.column { float: left; width: 339px; margin: 0 56px 0 0; }

.columntwo { float: left; width: 494px; margin: 0 56px 0 0; }

.columnthree { float: left; width: 207px; margin: 0 56px 0 0; }

.columnfull { width: 1100px; }

.home .column { float: right; }

.sidebar { float: left; width: 254px; margin: 0 56px 0 0; }

.column span, .columntwo span, .columnthree span, .columnfull span, .sidebar span { font-weight: 600; }

.gallery { float: left; margin: 0 27px 15px 0; }

.team { float: left; width: 164px; min-height: 320px; margin: 0 15px 15px 0; }

.team img { margin: 0 0 15px 0; }

.praxisteam { text-align: center; }

#content .praxisteam img { border: none; margin: 15px 0 -39px 0; }

.case { background: #ebebeb; padding: 30px 15px; margin: 35px 0 15px 0; text-align: center; }

.case p { color: #5d5d5d; }

.case hr { margin: 10px 0; border-bottom: 1px dotted #231f20; }

.case hr.second { margin: 25px 0 18px 0; }

.case span { font-size: 12px; font-weight: 400; }

.caption { position: relative; bottom: 10px; width: 208px; text-align: center; font-size: 12px; line-height: 16px; }

.caseimg { float: left; margin: 15px 0 0 15px; }

.caseimg a { color: #5d5d5d; }

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



#footercontainer { width: 100%; padding: 0; margin: 0; background: #dededd; }

#footer { position: relative; width: 1100px; padding: 63px 0 45px 0; margin-left: auto; margin-right: auto; text-align: right; }

#social { position: absolute; top: 0; }

#footer a { color: #cb4a6e; text-decoration: none; }

#footer .column { width: 188px; margin: 0 56px 0 0; text-align: left; }

#footer .column a { color: #231f20; text-decoration: underline; }

#footer .telephone { width: 219px; }

#footer .last { float: right; width: 320px; margin: 0; }





/* Responsive */



@media only screen and (max-width: 1100px) {

iframe { max-width: 100%; height: auto; }

#mobilebutton { display: block; position: fixed; bottom: 0; width: 100%; background: #cb4a6e; text-align: center; padding: 5px 0; }

.mobile { display: block; }

#header { width: 100%; margin: 0; }

#hide { margin: 200px 5% 0 5%; }

#hide img { max-width: 100%; height: auto; }

#logo { margin: 30px 0 30px 15px; }

#navi { margin: 106px 15px 30px 0; }

#subnavi { float: none; margin: -31px 0 30px 0; }

#subnavi .naviitem { display: none; }

#subnavi select { display: block; width: 100%; text-align: center; background: #dededd; color: #cb4a6e; padding: 10px 15px; border: 0; font-family: 'Open Sans', arial, verdana, sans-serif; font-size: 14px; font-weight: 600; }

#subnavi select option { padding: 10px 0; }

#content { width: 100%; padding: 30px 0; margin: 0; }

#content img { max-width: 100%; height: auto; }

#content .mobile img { border: none; margin: 0 0 -30px 0; }

.home { background: none; }

.home .column { float: none; width: 96%; margin: 0 2%; }

.home .mobile { text-align: center; }

.column { width: 30%; margin: 0 5% 0 0; }

.columntwo { width: 46%; margin: 0 2%; }

.columnthree { width: 19%; margin: 0 2%; }

.columnfull { width: 96%; margin: 0 2%; }

.sidebar { width: 23%; margin: 0 5% 0 2%; }

.team { min-height: 320px; }

#content .praxisteam img { margin: 0 0 -30px 0; }

.caseimg { margin: 15px 7px 0 7px; }

#footer { width: 100%; padding: 50px 0 70px 0; margin: 0; }

#social { left: 2%; }

#footer .column { width: 20%; margin: 0 0 0 2%; }

#footer .telephone { width: 20%; }

#footer .last { width: 30%; margin: 0 2%; }

}



@media only screen and (max-width: 900px) {

.mobileclearer { display: block; clear: both; }

#header { border-bottom: none; }

#logo { float: none; margin: 30px 15px; }

#navi { float: none; margin: 0; }

#navi .naviitem { display: none; }

#navi select { display: block; width: 100%; text-align: center; background: #696c6d; color: #fff; padding: 10px 15px; border: 0; font-family: 'Open Sans', arial, verdana, sans-serif; font-size: 22px; font-weight: 600; }

#navi select option { padding: 10px 0; }

.home .column { width: 94%; margin: 0 3%; }

.column { width: 39%; margin: 0 3% 0 0; }

.columntwo { width: 44%; margin: 0 3%; }

.columnthree { width: 22%; margin: 0 3%; }

.columnfull { width: 94%; margin: 0 3%; }

.sidebar { width: 10%; margin: 0 3%; }

#footer { text-align: left; }

#social { left: 3%; }

#footer .column, #footer .telephone, #footer .last { float: left; width: 45%; margin: 0 0 0 3%; }

}



@media only screen and (max-width: 600px) {

.h1clearer, .h1clearerh3 { display: none; }

h3.first { margin: 20px 0 34px 0; }

.home .column, .column, .columntwo, .columnthree, .columnfull, .sidebar { float: none; width: 90%; margin: 0 5%; }

.sidebar img { display: none; }

#social { left: 5%; }

#footer .column, #footer .telephone, #footer .last { float: left; width: 42%; margin: 0 0 0 5%; }

}



@media only screen and (max-width: 450px) {

.h2clearer { display: none; }

.home .column, .column, .columntwo, .columnthree, .columnfull, .sidebar { width: 88%; margin: 0 6%; }

.team { float: none; min-height: auto; }

#social { left: 6%; }

#footer .column, #footer .telephone, #footer .last { float: none; width: 88%; margin: 0 6%; }

}