/*--- general ---*/
* { margin: 0; padding: 0; border: 0; outline-width: 0; }
html#web, #web body { overflow: hidden; height: 100%; background: #dedcd2; }
body#epozcontent { padding: 10px; background: #dedcd2; }
#skipnavigation, .hideme { display: none; }
ul, ol { list-style: none; }
a { color: #1c2494; }
a:hover { text-decoration: none; }
body#epozcontent a { color: #1c2494!important; }
body#epozcontent a:hover { text-decoration: none!important; }
p { padding-bottom: 10px; }
.clear, .clearing, form br { clear: both; display: none; }
.nofloat { float: none!important; display: block!important; width: auto!important; }
.hide{display:none;}

/*--- layout ---*/
#box { position: absolute; left: 50%; top: 50%; margin-left: -485px; margin-top: -311px; width: 970px; height: 622px; background: url(../images/bg_image.jpg) no-repeat 40px 15px; }
#main_box { position: absolute; top: 71px; left: 215px; right: 40px; bottom: 25px; background: #f8f8f6 url(../images/mainbg_image.jpg) no-repeat 0 0; }
#startpage #main_box { background: #f8f8f6; left: 422px; }
#logo { position: absolute; left: 0; top: 250px; z-index: 100; }
#startpage #logo { left: 240px; top: 270px; }
#author { position: absolute; right: 48px; bottom: 4px; }
#content { position: absolute; left: 85px; top: 125px; right: 195px; bottom: 43px; overflow: auto; padding: 1px 14px 1px 1px; }
#calcdiv { position: absolute; left: 85px; top: 125px; right: 195px; bottom: 43px; overflow: auto; padding: 1px 0px 1px 1px; }
#calcdiv iframe { width: 100%; height: 100%; }
#startpage #content { position: absolute; left: 10px; top: 67px; right: -4px; bottom: 0; overflow: hidden; padding: 1px 14px 1px 1px; }
#maintitle { position: absolute; left: 256px; top: 40px; }
#startpage #maintitle { position: absolute; left: 426px; top: 40px; }
#image { position: absolute; right: 7px; top: 7px; bottom: 0; overflow: hidden; }
.line { border-bottom: 1px solid #adadac; margin-bottom: 10px; }
#enter span { display: none; }
#enter { width: 219px; height: 44px; display: block; background: url(../images/enter.gif); position: absolute; bottom: 0; right: 4px; }
.graphic { padding-top: 3px; }
#startpage .graphic { padding-top: 0; }

/*--- service ---*/
.zahngrafiken img { float: right; clear: both; margin: 3px 0 10px 10px; border: 1px solid #c2c0b7; }
.graphiccol_description { clear: both; padding: 0; }
#ablauf .zahngrafiken img { float: left; clear: none; margin: 0 2px 10px 0; }
#ablauf .graphiccol_description { clear: both; padding-bottom: 10px; }

/*--- fonts ---*/
body, textarea, input, select, button { font-family: Georgia; font-size: 11px; line-height: 20px; color: #333333; }
input, select, button { line-height: 11px; }
#title { position: absolute; left: 85px; top: 95px; }
#startpage #title { position: absolute; left: 10px; top: 15px; }
#title span { display: none; }
h1, h2, h3, h4, h5, h6, legend { font-size: 11px; font-weight: bold; padding-bottom: 10px; }
#content strong, body#epozcontent strong { color: #1c2494; }
#adress { background: url(../images/adresse.gif) no-repeat; width: 58px; height: 15px; display: block; }
#ordi { background: url(../images/ordinationszeiten.gif) no-repeat; width: 131px; height: 15px; display: block; }
#adress span, #ordi span { display: none; }

/*--- list ---*/
#content ul, #content ol, body#epozcontent ul, body#epozcontent ol { padding: 0 0 10px 20px; }
#content ul ul, #content ul ol, #content ol ul, #content ol ol, body#epozcontent ul ul, body#epozcontent ul ol, body#epozcontent ol ul, body#epozcontent ol ol { padding-left: 0px; }
#content li, body#epozcontent li { padding: 0 20px 0 13px; background: url(../images/arrow.gif) no-repeat 0 7px; }

/*--- contactinfo ---*/
#contactinfo { position: absolute; bottom: 0; left: 9px; right: 9px; border-top: 1px solid #adadac; padding: 5px 15px 5px 15px; text-align: center; letter-spacing: 0px; }

/*--- navigation ---*/
#nav { height: 257px; }
#nav ul { position: absolute; left: -485px; top: -165px; width: 400px; }
#nav ul li { padding: 0 10px 0 13px; background: url(../images/arrow.gif) no-repeat 0 7px; }
#nav ul a.active, #nav ul a.activenode { background: none; text-decoration: none; }
#nav { position: absolute; right: 0; top: 250px; z-index: 100; background: #cfcfdc; width: 166px; border: 6px solid #f8f8f6; padding: 17px 7px 18px 7px; }
#nav li { float: left; }
#nav a { display: block; }
#nav a.last img { border-bottom: 1px solid #ffffff; }
#nav a img { border-top: 1px solid #ffffff; display: block; }
#nav a.active, #nav a.activenode { background: #252863; }

/*--- general table---*/
table { margin: -1px 0 10px 1px; border-collapse: collapse; border-bottom: 1px solid #414141; }
table tr { background: transparent; }
table td, table th { padding: 2px 5px; vertical-align: top; border-top: 1px solid #414141; }
table thead th { border: 0; }
table th { text-align: left; }
table .odd, table .even { background: transparent; }
table tr:hover { background: #e7e7e7; border: 0; }
table thead tr:hover { background: none; }
.noborder { display: none; }
.thead { display: none; }

/*--- noborder table ---*/
#notable table, #startpage table { margin: -1px 0 10px 0; padding: 0 0 0 0; border: 0; }
#notable table td, #notable table th, #startpage table td { border: 0; padding: 0 10px 0 0; }
#notable table tr, #notable table .odd, #notable table .even, #startpage table tr { background: none; }
#startpage table p { padding: 0; white-space: nowrap; }
#startpage table td.label { padding-right: 15px; }

/*--- impressum ---*/
#atikon_address { margin-left: 110px; }
#atikon_contact td, .label { width: 160px; }

/*--- general forms ---*/
input { padding: 2px 3px; line-height: 15px; border: 1px solid #c2c0b7; background: #ffffff; }
textarea { padding: 0 0 0 2px; border: 1px solid #c2c0b7; background: #ffffff; }
input.focus, textarea.focus, input:focus, textarea:focus { border: 1px solid #1c2494; }
button { background: transparent; cursor: pointer; margin-bottom: 10px; font-weight: bold; }
form span { display: block; margin: 0 3px 3px 0; }
label { display: block; padding-bottom: 2px; }
.error label { color: #b20000; }
#content #formErrors { border: 1px solid #b20000; padding: 10px; color: #b20000; margin-bottom: 15px; width: 372px; }
#content #formErrors strong { color: #b20000; }
#content #formErrors ul { padding: 5px 0 0 0; }
#content #formErrors li { padding-left: 25px; background: url(../images/error.gif) no-repeat 9px 4px; }
.section { padding-bottom: 10px; }
.send { padding: 0; }

/*--- contact form ---*/
#form_contact .section span { float: left; width: 130px; padding-bottom: 3px; }
#form_contact input { width: 120px; }
#form_contact #fld_betreff { width: 386px; }
#form_contact #fld_text { width: 390px; height: 130px; }
#form_contact .section .plz { width: 65px; }
#form_contact .plz input { width: 55px; }
#form_contact .section .ort, #form_contact .section .email { width: 195px; }
#form_contact .ort input, #form_contact .email input { width: 185px; }
#form_contact .section .telefon { width: 198px; }
#form_contact .telefon input { width: 188px; }
#form_contact .section button span { width: auto; padding: 0 0 0 13px; background: url(../images/arrow.gif) no-repeat 0 3px; }

/*--- ordination ---*/
#content .bildgross { display: none; }
#content .bildgross.first { display:block; margin-right: 10px; }
.picturegal img { border: 3px solid #ffffff; }
#content #galerienav { padding: 0; margin: 0; float: right; width: 130px; height: 200px; }
#content #galerienav li { padding: 0; margin: 0; float: left; }
#content #galerienav a { margin-right: 10px; margin-bottom: 10px; display: block; }
.picturegal { padding-bottom: 20px; }
#positionplan a { display: block; width: 180px; text-decoration: none; float: left; margin-right: 20px; }

/*--- team ---*/
#notable .staff_overview table .picture { width: 100px; padding: 0; }
#notable .staff_overview table .entity_content { padding-top: 30px; }
#notable .staff_overview table .entity_content ul { padding: 0; }
div.ZMSGraphic.left {
    text-align: left;
}
div.ZMSGraphic.right {
    text-align: right;
}
div.ZMSGraphic.floatleft {
    float: left;
}
div.ZMSGraphic.floatright {
    float: right;
}
div.ZMSGraphic.center {
    text-align: center;
}
div.graphic.alignleft {
    float: left;
    text-align: right;
}
div.graphic.alignright {
    float: right;
    text-align: right;
}