@charset "utf-8";
* {	margin: 0px; padding: 0px; }
body { text-align: center; color: #434343; font-size:100%; background: #ded8d0; font-family: Arial, Helvetica, sans-serif; }

* html * { overflow:visible; }
* html iframe, * html frame { overflow:auto; }
* html frameset { overflow:hidden; }

.clearfix:after, div#content:after, div#maincontent:after, div.colcontainer:after, div.references:after, div#serviceslist:after { overflow: hidden; content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix, div#content, div#maincontent, div.colcontainer, div.references, div#serviceslist { display: inline-block; }

/* HTML5 tags */
header, section, footer, aside, nav, article, figure { display: block; }
address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: normal; }

/* TEXT ELEMENTS */
h2 { color: #568f08; font-size: 1.50em; padding-top: 45px; font-weight: normal; }
h3 { color: #568f08; font-size: 1.13em; padding-top: 45px; font-weight: normal; line-height: 1.7em;  }
h4 { font-weight: bold; font-size: 0.88em; line-height: 1.5em; padding-top: 20px; }
p { font-size: 0.88em; line-height: 1.7em; padding-top: 20px; }
cite { display: block; text-align: right; font-size: 1.44em; line-height: 1.5em; font-style: italic; font-family: Georgia, Times, serif; background: #fff url('../images/project-elements/claim-bg.gif') no-repeat right 50px; padding: 80px 0px 50px 0px; clear: both; }
div#maincontent ul.error { padding-top: 30px; padding-left: 30px; }
div#maincontent ul.error li { color: #ba1a1a; line-height: 1.5em; font-size: 0.75em; padding-top: 0px; height: auto; padding-left: 20px; background: transparent url('../images/basic-elements/cross.png') no-repeat 0px 2px; }
p.fontswitch a { border-bottom: none; }
p.clear { clear: both; height: 50px; padding: 0px; }
p.flat { height: 1px; line-height: 1px; font-size: 1px; padding: 0px; margin: 0px; }
p.error,p.jswarning { color: #da0031; line-height: 22px; font-size: 0.81em; padding-left: 20px; background: transparent url('../images/basic-elements/cross.png') no-repeat 0px 20px; }
div#maincontent p.success { padding-top: 20px; color: #76a20c; }
p.siteimage { padding-top: 68px; }
p.contactdata strong { font-weight: normal; float: left; display: block; width: 60px; }
p.paging a { text-decoration: none; }
p.paging strong { background-color: #fff;  }
p.paging a.gxpager, p.paging strong {  display: block; float: left; height: 30px; width: 30px; text-align: center; line-height: 30px;  border: 1px solid #ded8d0; margin-right: 5px; }

strong { font-weight: bold; }
a { text-decoration: none; border-bottom: 1px dotted #568f08; outline: none; color: #568f08; }
a:hover {  }
ul, ol { list-style: none; line-height: 1.7em; padding-top: 20px; }
ul li, ol li { font-size: 0.88em; }
table { border-collapse: collapse; border-spacing: 0; border: 0px; }
td,th { font-size: 0.88em; }
caption, th { text-align: left; }
em { font-style: italic; }
/* FORMS */
legend { display: none; }
fieldset, img { border: 0; }
textarea { height: 100px; }
input,textarea,select { font-family: Helvetica, Arial, sans-serif; }
img.alignright { float: right; margin-left: 30px;  }
img.alignleft { float: left; margin-right: 30px;  }
img.decorated { border: 5px solid #ded8d0; }
.red { color: #c0002b; }
.first { padding-top: 0px !important; }
span.important { color: #568f08; font-weight: bold; }
strong.big { font-size: 1.13em; }

div#wrapper { min-width: 1020px; padding-top: 50px; }
div#container { text-align: left; margin: 0px auto; width: 1020px; position: relative; background: #fff; }
div#content { width: 1020px; padding-bottom: 50px; background-repeat: no-repeat; background-position: left top; }
body div#content { background-image: url('../images/project-elements/content-bg-contact.jpg'); }

body#index div#content { background-image: url('../images/project-elements/content-bg-index.jpg'); }
body#uzl div#content, body#kontakt div#content { background-image: url('../images/project-elements/header-uzl.jpg'); }
body#klinik div#content { background-image: url('../images/project-elements/header-klinik.jpg'); }
body#team div#content { background-image: url('../images/project-elements/header-team.jpg'); }

body#dr-dann div#content { background-image: url('../images/project-elements/header-dann.jpg'); }
body#dr-durek div#content { background-image: url('../images/project-elements/header-durek.jpg'); }
body#dr-frambach div#content { background-image: url('../images/project-elements/header-frambach.jpg'); }
body#dr-renner div#content { background-image: url('../images/project-elements/header-renner.jpg'); }
body#dr-thomas div#content { background-image: url('../images/project-elements/header-thomas.jpg'); }
body#wulfmeier-von-der-luehe div#content { background-image: url('../images/project-elements/header-wulfmeier-vdl.jpg'); }
body#standort-faz div#content { background-image: url('../images/project-elements/header-faz.jpg'); }
body#news div#content { background-image: url('../images/project-elements/header-aktuelles.jpg'); }
body#impressionen div#content { background-image: url('../images/project-elements/header-impressionen.jpg'); }
body#privat-selbstzahler div#content { background-image: url('../images/project-elements/header-privatpraxis.jpg'); }
body#klinik-sana div#content { background-image: url('../images/project-elements/header-sana.jpg'); }
body#mitarbeiterinnen div#content { background-image: url('../images/project-elements/header-mitarbeiterinnen.jpg'); }
body#links div#content { background-image: url('../images/project-elements/header-links.jpg'); }
body#anfahrt div#content { background-image: url('../images/project-elements/header-faz.jpg'); }
body#leistungen-vorsorge div#content { background-image: url('../images/project-elements/header-vorsorge.jpg'); }
body#leistungen-urologische-akuttherapie div#content { background-image: url('../images/project-elements/header-akuttherapie.jpg'); }
body#leistungen-operative-urologie div#content { background-image: url('../images/project-elements/header-operative-urologie.jpg'); }
body#leistungen-uroonkologie div#content { background-image: url('../images/project-elements/header-uro-onkologie.jpg'); }
body#leistungen-fachgebundene-radiologie div#content { background-image: url('../images/project-elements/header-radiologie.jpg'); }
body#leistungen-andrologie div#content { background-image: url('../images/project-elements/header-andrologie.jpg'); }
body#leistungen-proktologie div#content { background-image: url('../images/project-elements/header-proktologie.jpg'); }
body#leistungen-kinderurologie div#content { background-image: url('../images/project-elements/header-kinderurologie.jpg'); }
body#leistungen-besondere div#content { background-image: url('../images/project-elements/header-besondere.jpg'); }

div#maincontent { padding-top: 400px; float: left; width: 680px; }
div#subcontent { float: left; width: 340px;padding-top: 110px; }
body#index div#subcontent { padding-top: 0px; }

div#doctorslider { position: relative; }
div#doctorslider, div#doctorslider ul, div#doctorslider ul li { height: 260px; width: 340px; }
div#doctorslider ul { padding-top:0px; }
div#doctorslider ul li { position: absolute; }
div#doctorslider ul li p { padding: 0px; }
div#doctorslider ul li p.caption { width: 260px; height: 20px; }
div#doctorslider ul li p.caption { position: absolute; right: 0px; top: 230px; color: #fff; background: transparent url('../images/project-elements/transparent.png') repeat; }
div#doctorslider ul li p.caption a { text-align: right; padding-right: 7px; color: #fff;  display: block; text-decoration: none; border: none; }
div#doctorslider a#sliderprev, div#doctorslider a#slidernext { border: none; position: absolute; z-index: 100; top: 230px; text-indent: -9999px; width: 20px; height: 20px; display: block; }
div#doctorslider a#sliderprev { left: 38px; background: transparent url('../images/project-elements/arrow-prev.png') no-repeat left top; }
div#doctorslider a#slidernext { left: 59px; background: transparent url('../images/project-elements/arrow-next.png') no-repeat left top; }

div#servicetimes { position: relative; height: 290px; width: 340px; background: #65a013 url('../images/project-elements/servicetimes-bg.gif') repeat-x top; }
div#servicetimes h3 { height: 49px; padding: 0px; color: #fff; text-indent: -9990px; background: transparent url('../images/project-elements/h3-sprechzeiten.png') no-repeat 30px 30px; }
div#servicetimes div#servicetimestable { position: absolute; right: 0px; top: 70px; }
div#servicetimes div#servicetimestable, div#servicetimes div#servicetimestable table { width: 310px; }
div#servicetimes div#servicetimestable table td { color: #fff; padding: 10px; background: #7dae0b; border-top: 1px solid #5e980e; border-left: 1px solid #5e980e; }
div#servicetimes div#servicetimestable table td.days { font-weight: bold; background-color: #88ba14; }

div#datebox h3 {  background-image:  url('../images/project-elements/h3-vereinbaren.png'); }
div#contactbox h3 { background-image: url('../images/project-elements/h3-anschrift.png'); }
div#privatpraxisbox h3 { background-image: url('../images/project-elements/h3-privatpraxis.png'); }

div#uzl-privat { padding: 30px; }

div.boxstyle { margin-top: 1px; padding-bottom: 40px; width: 340px; position: relative; background: #f0eeea; color: #614d37; }
div.boxstyle a, div.boxstyle h3 { color: #614d37; }
div.boxstyle a { text-decoration: none; border-bottom: 1px dotted #614d37; }
div.boxstyle a:hover { border-bottom: 1px dotted #614d37; }
div.boxstyle h3 { height: 49px; padding: 0px; text-indent: -9999px; background-repeat: no-repeat; background-position: 30px 30px; }
div.boxstyle p a { border-bottom: 1px dotted #614d37; }
div.boxstyle ul li { margin-top: 1px; background-repeat:no-repeat; background-position: 10px 6px; height: 40px; line-height: 40px; padding-left: 60px; background-color: #d3cec6; }
div.boxstyle ul li.phone { background-position: 10px 8px; background-image: url('../images/project-elements/icon-phone.png'); }
div.boxstyle ul li.email { background-position: 14px 6px; background-image: url('../images/project-elements/icon-email.png'); }
div.boxstyle ul li.makecontact { background-image: url('../images/project-elements/icon-contact.png'); }
div.boxstyle ul, div.boxstyle p { padding-left: 30px; }
div.boxstyle p { padding-right: 30px; }

nav#subnavigation { margin-top: 1px; position: relative; background-color: #f0eeea; padding-bottom: 40px; }
nav#subnavigation  a, div#datebox h3 { color: #614d37; }
nav#subnavigation  a { text-decoration: none; border: none; }
nav#subnavigation  a:hover { border-bottom: 1px dotted #614d37; }
nav#subnavigation  a.active { font-weight: bold; }
nav#subnavigation h3 { height: 49px; padding: 0px; text-indent: -9999px; background: transparent url('../images/project-elements/h3-subnavigation.png') no-repeat 30px 30px; }
nav#subnavigation ul li { margin-top: 1px; background-repeat:no-repeat; background-position: 10px 6px; height: 40px; line-height: 40px; padding-left: 60px; background-color: #d3cec6; background-position: 10px 7px; background-image: url('../images/project-elements/arrow-subnavigation.png'); }
nav#subnavigation ul { padding-left: 30px; }

div.shadow { position: absolute; left: -20px; top: 0px; width: 20px; height: 250px; background: transparent url('../images/project-elements/decoration-bg.png') no-repeat left top; }

div#maincontent p, div#maincontent h2, div#maincontent h3, div#maincontent h4 { padding-left: 40px; padding-right: 60px; }
div#maincontent p.contentimage { padding-left: 0px; }
div#maincontent div.infobox { margin-top: 50px; margin-right: 60px; padding-bottom: 50px; background: #f0eeea; }
div#maincontent div.infobox p, div#maincontent div.infobox h2, div#maincontent div.infobox h3, div#maincontent div.infobox h4 { color: #614d37; }
div#maincontent div.infobox a, div#maincontent div.infobox a:hover { text-decoration: none; color: #614d37; border-bottom: 1px dotted #614d37; }
div#maincontent div.infobox p.readmore a { border: none; font-style: normal; font-weight: bold; text-decoration: none; display: block; padding-left: 20px; background: transparent url('../images/project-elements/arrow-links.gif') no-repeat 0px 7px; }
div#maincontent div.infobox div.datatable { padding-left: 40px; padding-top: 20px; }
div#maincontent div.infobox div.datatable table { width: 580px; }
div#maincontent div.infobox div.datatable td { color: #614d37; padding: 10px; background-color: #d3cec6; border-top: 1px solid #f0eeea; border-left: 1px solid #f0eeea; }
div#maincontent div.infobox div.datatable td.days { width: 150px; font-weight: bold; }
div#maincontent div.infobox p.addressdata { float: left; width: 250px; }
div#maincontent div.gallery { padding-left: 40px; }
div#maincontent div.gallery h2 { padding-left: 0px; padding-right: 0px; }
div#maincontent div.infobox p.gallery { padding-left: 0px; padding-right: 0px; float: left; margin-right: 20px; }
div#maincontent div.infobox p.gallery a { border: none; }
body#index div#maincontent div.infobox p { font-style: italic; }
div#maincontent div#gmap { height: 400px; width: 620px; margin-top: 50px; font-size: 0.88em; }
div#maincontent ul { padding-right: 60px; }
div#maincontent ul li { color: #614d37; margin-top: 1px; background-repeat:no-repeat; background-position: 10px 6px; padding: 7px 0px 6px 0px; padding-left: 90px; background-color: #f0eeea; background-position: 40px 7px; background-image: url('../images/project-elements/arrow-subnavigation.png'); }
div#maincontent ul li a, div#maincontent ul li a:hover { text-decoration: none; color: #614d37; border-bottom: 1px dotted #614d37; }

img.captify { margin-bottom: 7px; cursor: pointer; }
.caption-top, .caption-bottom { cursor: pointer; color: #ffffff; padding: 10px 5px 20px 5px; font-size: 10px; font-family: arial; cursor: default; border: 0px solid #334143; background: #000000; line-height: 1.5em; }
.caption-wrapper { float: left; }
br.c { clear: both;  }

div#branding { width: 1020px; height: 150px; background: #fff/* url('../images/project-elements/zertifiziert.gif') no-repeat 911px 70px*/; }
div#branding, div#branding h1, div#branding h1 a { height: 150px; }
div#branding h1, div#branding h1 a { width: 585px; }
div#branding h1 a { border: none; display: block; text-indent: -9999px; background: #fff url('../images/project-elements/logo.gif') no-repeat; }

nav#metanavigation { position: absolute; right: 0px; top: 0px; background: #97bf0d url('../images/project-elements/metanavigation-bg.gif') repeat-x top; }
nav#metanavigation, nav#metanavigation ul { width: 340px; }
nav#metanavigation, nav#metanavigation ul, nav#metanavigation ul li a { height: 50px; padding: 0px; }
nav#metanavigation ul li { float: left; display: inline; }
nav#metanavigation ul li a { border: none; display: block; text-indent: -9999px; background: transparent url('../images/project-elements/metanavigation-sprite.gif') no-repeat; }
nav#metanavigation ul li.kontakt a { width: 95px; background-position: 0px 0px; }
nav#metanavigation ul li.kontakt a:hover, nav#metanavigation ul li.kontakt a.active { background-position: 0px -50px; }
nav#metanavigation ul li.anfahrt a { width: 70px; background-position: -90px 0px; }
nav#metanavigation ul li.anfahrt a:hover, nav#metanavigation ul li.anfahrt a.active {  background-position: -90px -50px; }
nav#metanavigation ul li.links a { width: 65px; background-position: -160px 0px; }
nav#metanavigation ul li.links a:hover, nav#metanavigation ul li.links a.active { background-position: -160px -50px; }
nav#metanavigation ul li.impressum a { width: 110px; background-position: -230px -0px; }
nav#metanavigation ul li.impressum a:hover, nav#metanavigation ul li.impressum a.active { background-position: -230px -50px; }

nav#mainnavigation { position: absolute; top: 480px; left: 0px; background: transparent url('../images/project-elements/mainnavigation-bg.png') repeat; }
nav#mainnavigation, nav#mainnavigation ul, nav#mainnavigation ul li a { height: 70px; padding: 0px; }
nav#mainnavigation, nav#mainnavigation ul { width: 680px; }
nav#mainnavigation ul li { float: left; display: inline; }
nav#mainnavigation ul li a { display: block; text-indent: -9999px; background: transparent url('../images/project-elements/mainnavigation-sprite.png') no-repeat; border: none; }
nav#mainnavigation ul li.home a { width: 145px; background-position: 0px 0px; }
nav#mainnavigation ul li.home a:hover,nav#mainnavigation ul li.home a.active { background-position: 0px -70px; }
nav#mainnavigation ul li.uzl a { width: 115px; background-position: -145px 0px; }
nav#mainnavigation ul li.uzl a:hover,nav#mainnavigation ul li.uzl a.active { background-position: -145px -70px; }
nav#mainnavigation ul li.klinik a { width: 90px; background-position: -260px 0px; }
nav#mainnavigation ul li.klinik a:hover,nav#mainnavigation ul li.klinik a.active { background-position: -260px -70px; }
nav#mainnavigation ul li.team a { width: 90px; background-position: -350px 0px; }
nav#mainnavigation ul li.team a:hover,nav#mainnavigation ul li.team a.active { background-position: -350px -70px; }
nav#mainnavigation ul li.leistungen a { width: 240px; background-position: -440px 0px; }
nav#mainnavigation ul li.leistungen a:hover,nav#mainnavigation ul li.leistungen a.active { background-position: -440px -70px; }

div#metainformation { position: relative; text-align: left; margin: 0px auto; width: 1020px; height: 250px;  color: #fff; background: #65a013 url('../images/project-elements/metainformation-bg.jpg') no-repeat left top; }
div#metainformation a { color: #fff; text-decoration: none; border: none; }
div#metainformation a:hover { border-bottom: 1px dotted #fff; }
div#metainformation strong { float: left; display: block; width: 50px; }
div.colbox { background: #fff; position: relative; text-align: left; margin: 0px auto; width: 1020px; padding-bottom: 50px; }
div.col3 { float: left; width: 340px; }
div.col3 h3, div.col3 h4 { padding-top: 45px; }
div.col3 p, div.col3 h3, div.col3 h4 { padding-left: 20px; }
div#metainformation p, div#metainformation h4 { font-size: 0.81em; }
div.col-1 p, div.col-1 h3, div.col-1 h4 { padding-left: 40px; }
div.col3 p.thumbs { padding-top: 25px; float: left; margin-right: 30px; }
div.col3 p.readmore { margin-left: 130px; padding-top: 0px; }
div.col3 p.readmore a { text-decoration: none; border: none; background: transparent url('../images/project-elements/arrow-links.gif') no-repeat 0px 2px; padding-left: 20px; }
div.col3 p.readmore a:hover {  }

div#contactform { margin-bottom: 10px; }
div#contactform form { padding: 0px 0px 0px 40px; }
div#contactform form legend { display: none; }
div#contactform form fieldset{ border: solid 0px #fff; }
div#contactform form strong { color: #614d37; }
div#contactform form ol { list-style-type: none; padding-top: 20px; }
div#contactform form ol.blockstyle2 { display: none; }
div#contactform form ol.show { display: block; padding-top: 20px; }
div#contactform form ol li{ font-size: 0.88em; padding-top: 10px; padding-left: 0px; background: none; position: relative; }
div#contactform form ol li label { color: #614d37; vertical-align: top; display: inline-block; width: 152px; }
div#contactform form ol li label span { color: #ba1a1a; }
div#contactform form ol li input,
div#contactform form ol li textarea{ text-indent: 5px; border: 1px solid #d3cec6; padding: 5px 0px 5px 0px; background-image: url('../images/basic-elements/input-bg.gif'); background-repeat: repeat-x; background-position: top; color: #614d37; width: 370px; font-size: 14px; }
div#contactform form ol li textarea {  height: 150px; }
div#contactform form ol li input.error, div#contactform form ol li textarea.error { border: 1px solid #b83439; background: #fdbfbf; }
div#contactform form ol li input.radio { width: auto; margin-right: 10px; background: none; border: none; }
div#contactform form ol li input.checkbox { width: auto; }
div#contactform form ol li select { color: #614d37; width: 370px; font-size: 14px; }
div#contactform form input.submit { font-size: 13px; margin-left: 157px; margin-top: 10px; width: auto; }

footer#pageinformation { text-align: left; margin: 0px auto; width: 1020px; height: 60px; position: relative; text-align: left; }
footer#pageinformation p, footer#pageinformation p a { color: #9f9283; }
footer#pageinformation p a { text-decoration: none; border-bottom: 1px dotted #9f9283; }
footer#pageinformation p#copyright { float: left; }
footer#pageinformation p#membership { text-align: right; padding-top: 15px; }