/* -------------------------------------------- */
/* Philipp Wilhelm Stylesheet: DEFAULT */
/* -------------------------------------------- */
/* Created by two tribes GmbH, Stuttgart */
/* -------------------------------------------- */
/* StyleSheet Scope: ALL PAGES */
/* !-------------------------------------------- */
/* !Reset-styles */
/* !-------------------------------------------- */

html {
color: #434c4f;
font-size: small;
font-family: "Tahoma", "Helvetica", "Arial", sans-serif;
text-decoration: none;
background: #fff;
}

body {
padding: 0;
margin: 0;
}

ul, li, dl, dd, dt {
margin: 0;
padding: 0;
list-style: none;
}

a {
color: #434c4f;
text-decoration: none;
}

a:hover {
color: #000;
text-decoration: underline;
}

a:active, a:focus {
outline: 0; /* --- tames annoying Firefox outlines */
}

.clearfix {clear: both;}

/* !-------------------------------------------- */
/* !GENERAL: General Page Layout */
/* !-------------------------------------------- */

#globalWrapper {
font-size: 14px;
line-height: 1.3em;
margin: 46px auto 0 auto;
position: relative;
width: 934px;
}

h1, h2, h3 {
color: #3c8cff;
font-size: 14px;
font-weight: normal;
margin: 0;
padding: 0;
}

/* --- Optional message block */
#messageBlock {
    padding: 28px 0 0 271px;
    width: 899px;
}

/* --- Master Headline + Address + Opening Hours */
#infoBlock {
padding-left: 35px;
padding-top: 38px;
width: 899px;
}

#infoBlock:after {
    content: "";
    display: block;
    clear: both;
}

#infoBlock .contactBlock.header {
background: transparent url("../img/typo_zentrum.png") no-repeat 0 0;
height: 63px;
overflow: hidden;
text-indent: -1000em;
width: 193px;
}

/* ALTERNATE VERSION for typographic name */
body.wilhelm2 #infoBlock .contactBlock.header, body.wilhelm3 #infoBlock .contactBlock.header {
background-image: url("../img/typo_zentrum_v2.png")
}

body.inside #infoBlock {
font-size: 12px;
height: auto;
left: 35px;
line-height: 1.3em;
padding: 0;
position: absolute;
top: 197px;
width: 159px;
}

body.inside #infoBlock h3, 
body.inside #infoBlock span {
color: #434c4f;
font-size: 12px;
font-weight: bold;
}

body.inside #infoBlock .praxis, 
body.inside #infoBlock .labor {
margin-top: 41px;
}

body.inside #infoBlock .praxis a {
display: block;
margin-top: 0.5em;
}

body.inside #infoBlock .openAM, 
body.inside #infoBlock .labor {
margin-top: 34px;
}

body.inside #infoBlock .openPM {
margin-top: 15px;
}

/* Banner for online appointments */
body.inside #infoBlock .termin {
    background: #3c8cff;
    color: #fff;
    padding: 3px 5px 3px 5px;
    margin: 0.5em 0 0 -5px;
    display: inline-block;
}

body.inside #infoBlock .termin span {
    color: #fff;
    font-weight: bold;
}

body.inside #infoBlock .termin a {
    display: inline-block;
    color: #fff;
    margin-top: 0;
}

/* --- Columnized content */
#content {
clear: both;
margin-left: 270px;
}

body.inside #content {
float: left;
margin-top: 38px;
width: 664px;
}

body#page-termin #content {
    margin-left: 0;
    margin-top: 10px;
}

body.inside .column {
float: left;
line-height: 1.3em;
}

body#page-praxis .column, body#page-labor .column {
font-family: "Georgia", "Times New Roman", "Times", serif;
text-shadow: #fff 0px 1px 1px;
}

body.inside .column.intro {
margin-right: 20px;
width: 180px;
}

body.inside .column.imageStrip {
min-height: 300px;
width: 202px;
}

body.inside .column.detail {
width: 262px;
}

/* --- Text inside columnized content */
body.inside .column ul, body.inside .column dd {
margin-bottom: 1.5em;
}

body#page-praxis .column li, body#page-labor .column li {
margin-bottom: 0.4em;
}

body.inside .column p {
margin-top: 0;
}

body.inside .column a {
color: #000;
}

body.inside .column h3, body.inside .column dt {
color: #3c8cff;
margin-bottom: 0.5em;
}

/* --- General text styling */
body.inside ul.bullet li, body#page-home li.bullet, body#page-kontakt li.bullet {
background: transparent url("../img/icon_bullet.png") no-repeat 0 6px;
padding-left: 12px;
}



/* !-------------------------------------------- */
/* !GENERAL: Navigation Bar */
/* !-------------------------------------------- */

#navigation {
background: transparent url("../img/home/back_nav.jpg") no-repeat 0 0;
height: 159px;
width: 934px;
}

body#page-praxis #navigation {
background-image: url("../img/praxis/back_nav.jpg");
}

body#page-labor #navigation {
background-image: url("../img/labor/back_nav.jpg");
}

body#page-kontakt #navigation {
background-image: url("../img/kontakt/back_nav.jpg");
}

#navigation li {
background-color: transparent;
background-position: 0 0;
background-repeat: no-repeat;
float: left;
height: 100%;
overflow: hidden;
text-indent: -1000em;
}

/* make this selector as specific as possible to avoid overrides */
body #globalWrapper #navigation li#home {
background-image: url("../img/butt_home.jpg");
background-position: -2px -2px;
border: 2px solid #3c8cff;
border-color: #5f4527;
height: 155px;
margin-left: 37px;
width: 155px;
}

/* ALTERNATE VERSION for logo-button */
body.wilhelm2 #globalWrapper #navigation li#home {
background-image: url("../img/butt_home_v2.jpg");
}

/* ALTERNATE VERSION for logo-button */
body.wilhelm3 #globalWrapper #navigation li#home {
background-image: url("../img/butt_home_v3.jpg");
margin-left: 0px;
margin-right: -25px;
width: 217px;
}

#navigation li#praxis {
background-image: url("../img/spritebutt_praxis.png");
margin-left: 29px;
width: 246px;
}

#navigation li#labor {
background-image: url("../img/spritebutt_labor.png");
margin-left: 0px;
width: 202px;
}

#navigation li#kontakt {
background-image: url("../img/spritebutt_kontakt.png");
margin-left: 0px;
width: 261px;
}

body #globalWrapper #navigation li#home:hover {
border-color: #5f4527;
border-color: #3c8cff;
}

body#page-praxis #navigation li, #navigation li#praxis:hover {
background-position: 0 -173px;
/*
-webkit-transition: background-position .3s ease-out;
-moz-transition: background-position .3s ease-out;
-ms-transition: background-position .3s ease-out;
transition: background-position .3s ease-out;
*/
}

body#page-labor #navigation li, #navigation li#labor:hover {
background-position: 0 -347px;
/*
-webkit-transition: background-position .3s ease-out;
-moz-transition: background-position .3s ease-out;
-ms-transition: background-position .3s ease-out;
transition: background-position .3s ease-out;
*/
}

body#page-kontakt #navigation li, #navigation li#kontakt:hover {
background-position: 0 -522px;
/*
-webkit-transition: background-position .3s ease-out;
-moz-transition: background-position .3s ease-out;
-ms-transition: background-position .3s ease-out;
transition: background-position .3s ease-out;
*/
}

#navigation a {
display: block;
height: 100%;
width: 100%;
}

/* !-------------------------------------------- */
/* !HOMEPAGE */
/* !-------------------------------------------- */

body#page-home #messageBlock h2 {
    font-size: 20px;
}

body#page-home #messageBlock p {
    max-width: 662px;
}

body#page-home #messageBlock li {
    margin-bottom: 0.3em;
    max-width: 662px;
    border-bottom: 1px solid #3c8cff;
    padding-bottom: 0.3em;
}

body#page-home #messageBlock li:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}

body#page-home #messageBlock li a {
    color: #000;
}

body#page-home .contactBlock span {
color: #3c8cff;
}

body#page-home .contactBlock a {
display: block;
margin-top: 0.5em;
}

body#page-home .location a {
display: inline;
margin-top: 0;
}

body#page-home #infoBlock .contactBlock {
float: left;
width: 163px;
}

body#page-home #infoBlock .praxis {
margin-left: 74px;
width: 398px;
}

body#page-home #infoBlock .labor {
margin-left: 43px;
width: 162px;
}

body#page-home #infoBlock .location {
margin-left: 51px;
width: 205px;
}

/* Override removal of Zytologie phone block */
body#page-home #infoBlock .location {
margin-left: 54px;
}

/* Banner for online appointments */
body#page-home #infoBlock .termin {
    background: #3c8cff;
    color: #fff;
    padding: 3px 5px 3px 5px;
    margin: 0.5em 0 0 0;
    display: inline-block;
}

body#page-home #infoBlock .termin span {
    color: #fff;
    font-weight: bold;
}

body#page-home #infoBlock .termin a {
    display: inline-block;
    color: #fff;
    margin-top: 0;
}

/* Image strip */
body#page-home #imageStrip {
background: transparent url("../img/home/img_strip.jpg") no-repeat 0 0;
height: 135px;
margin: 15px 0 27px -270px;
width: 934px;
}

body#page-home .column {
float: left;
}

body#page-home #contentOpenPraxis {
width: 198px;
}

body#page-home #contentOpenLabor {
margin-left: 43px;
width: 162px;
}

body#page-home #contentLocation {
margin-left: 51px;
width: 205px;
}

body#page-home .infoBlock {
margin-bottom: 15px;
}

/* !-------------------------------------------- */
/* !ONLINE APPOINTMENTS */
/* !-------------------------------------------- */

body#page-termin #eServiceIFrame {
    width: 930px;
    border: 2px solid #5f4527;
}

/* !-------------------------------------------- */
/* !PRAXIS */
/* !-------------------------------------------- */

body#page-praxis .imageStrip {
background: transparent url("../img/praxis/img_strip.jpg") no-repeat 0 0;
height: 930px;
}

body#page-praxis .column h3 {
font-weight: bold;
}

/* !-------------------------------------------- */
/* !LABOR */
/* !-------------------------------------------- */

body#page-labor .imageStrip {
background: transparent url("../img/labor/img_strip.jpg") no-repeat 0 0;
height: 793px;
}

body#page-labor .column h3 {
font-weight: bold;
}

/* !-------------------------------------------- */
/* !KONTAKT */
/* !-------------------------------------------- */

body#page-kontakt #infoBlock .zentrum, body#page-kontakt #infoBlock .ID {
margin-top: 50px;
}

body#page-kontakt #infoBlock .ID li {
margin-bottom: 0.4em;
}

body#page-kontakt #infoBlock #credits {
font-size: 10px;
font-weight: bold;
letter-spacing: 1px;
margin-top: 50px;
}

body#page-kontakt #infoBlock #credits span {
font-size: 10px;
color: #3c8cff;
}

body#page-kontakt #contentOpenPraxis a, body#page-kontakt #contentOpenLabor a {
display: block;
margin-top: 0.5em;
}

body#page-kontakt #content h3 {
margin-bottom: 0;
}

body#page-kontakt #content span {
color: #3c8cff;
}

body#page-kontakt #contentOpenPraxis {
width: 198px;
}

body#page-kontakt #contentOpenLabor {
margin-left: 43px;
width: 162px;
}

body#page-kontakt #contentLocation {
margin-left: 51px;
width: 205px;
}

/* Banner for online appointments */
body#page-kontakt #contentOpenPraxis .termin {
    background: #3c8cff;
    color: #fff;
    padding: 3px 5px 3px 5px;
    margin: 0.5em 0 0 -5px;
    display: inline-block;
}

body#page-kontakt #contentOpenPraxis .termin span {
    color: #fff;
    font-weight: bold;
}

body#page-kontakt #contentOpenPraxis .termin a {
    display: inline-block;
    color: #fff;
    margin-top: 0;
}

#googleMap {
clear: both;
}

#googleMap iframe {
height: 350px;
margin-bottom: 50px;
margin-top: 15px;
width: 664px;
}

#legal {
    font-size: 12px;
    margin-bottom: 30px;
}

#legal a {
    font-style: italic;
}

#legal li {
    position: relative;
    padding-left: 15px;
}

#legal li:before {
    content: "::";
    display: block;
    position: absolute;
    left: 0;
    top: -1px;
}