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; }
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-weight: 600; }
#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: 1px solid #c8c8c8; margin: 0 0 15px 0; }
.home { background: url(img/img_team.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%; }
}