/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    Praxis für Zahnheilkunde
    Dr. Schumann & Dr. Hornberger
    Lochhauser Str. 47
    82178 Puchheim (Bhf.)
    www.servicepraxis.info
    
    design & programming by www.atikon.com
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

* {margin:0px; padding:0px; border:0; outline-width:0;}
#web body, #web {height:100%; color:#4d4d4d; overflow:hidden; background:#ececec;}
#web body {font:0.75em/1.44em Verdana;}
#web a {color:#004b7b; text-decoration:none;}
#web a:hover {text-decoration:underline;}
#web ul, #web ol {list-style-type:none;}
#web input, #web textarea, #web select {border:1px solid #004f93; padding:2px;}
#web input:focus, #web textarea:focus {border:1px solid black;}
#web button {background:none; cursor:pointer;}
#web .error {color:#f0751a; font-weight:bold;}
#web .clear, #web .nofloat {clear:both; float:none;}

/* base frame */
#centerbox {position:absolute; top:50%; left:50%; width:82.08em; height:570px; margin:-297px 0 0 -41.00em; background:#d2e1ed; border-top:9px solid white;}
#startpage #centerbox {height:37.17em; margin:-18.58em 0 0 -41.00em; background:url(../images/centerboxbg.jpg) 0 0px; border:none;}
    #header {background:white url(../images/praxis.png) no-repeat 350px 0;}
        #startpage #header {margin:20px 0 0 0; background:white;}
    #logo {display:block; padding:25px 0 0 2.00em; height:69px;}
        #startpage #logo {height:67px; padding:22px 0 0 2.58em;}
    #nav {position:absolute; top:72px; right:0; left:167px; height:1.83em; border:1px solid #004f93; background:white; z-index:10;}
        #nav li {float:left; height:1.83em;}
        #nav li a {padding:0.40em 31px 0 31px; width:auto; height:1.43em; display:block; float:left; border-left:1px solid white; border-right:1px solid white;}
        #nav li.active a, #nav li.activenode a {background:#e0ebf4; border-right:1px solid #004f93; border-left:1px solid #004f93;}
        #nav li.active.first a {border-left:1px solid #e0ebf4;}
        #nav li.activenode.last a {/*padding:0.40em 32px 0 35px;*/ border-right:0;}
            #nav ul {position:absolute; left:-156px; top:47px; width:160px; border:none;}
                #nav ul li {margin:0 0 8px 0; float:none; text-align:right; height:auto;}
                #nav ul li a {background:none!important; border:none!important; padding:0 25px 0 0; height:auto; float:none; color:white;}
                #nav ul li.active a, #nav ul li.activenode a {background:url(../images/navp.gif) no-repeat right!important; color:#073b67;}
                #nav ul li.activenode.last a {padding:0 25px 0 0;}
    #leftbar {position:absolute; top:95px; bottom:0; left:0; width:167px; height:auto; background:url(../images/leftbarbg.png); border-top:1px solid #004f93; border-right:1px solid #004f93; z-index:5;}
    #next {position:absolute; top:320px; right:0px; left:0; padding:1.15em 0 0 0; height:2.10em; border-top:1px solid white; border-bottom:1px solid #073b67; background:#f18b3f;}
        #next a {display:block; padding:0; width:277px; height:17px; margin-left:18.17em; background:url(../images/next.gif) no-repeat;}
        #next a:hover {text-decoration:none!important;}
        #next span {display:none;}
    #officebox {position:absolute; top:150px; left:34px; width:524px; background:url(../images/imagebar.jpg) no-repeat left;}
        #officebox .time {padding:38px 0 0 10px; width:9.17em; height:7.08em; background:#073b67; color:white;}
    #contactinfo {position:absolute; right:0; bottom:0; left:0; height:2.20em; border-top:1px solid white; background:#073b67; color:#afc4d5; font:0.83em/1em Verdana;}
        #contactinfo div {padding:7px 0 0 20em;}
        #startpage #contactinfo div {padding:7px 0 0 3.30em;}
        #contactinfo span {margin:0 12px 0 0; padding:0 0 0 22px; display:inline; background:url(../images/contactinfop.png) no-repeat 0 3px;}
        #startpage #contactinfo span {margin:0 4px 0 0; padding:0 0 0 15px;}
        #contactinfo span.first {padding:0; background:none;}
        #startpage #contactinfo span.first {padding:0;}
        #contactinfo a {color:#afc4d5;}
    #author {position:absolute; right:0; bottom:-20px; width:138px; height:14px; display:block; background:url(../images/designbyatikonc.png);}
    #startpage #author {position:absolute; top:9.42em; right:0; width:18px; height:140px; display:block; background:url(../images/designbyatikon.jpg) no-repeat; z-index:100;}
        #author span {display:none;}
    #contentbox {position:absolute; top:155px; right:0; bottom:23px; left:190px; overflow:auto; z-index:10;}
        #content {padding:0 0 10px 0; width:520px;}
    .contentimage {position:absolute; left:721px; top:96px; z-index:5;}

    #web .nextcontent {position:absolute; top:0; right:18px; bottom:20px; left:0; z-index:5000000;}
    #startflash { position: absolute; top:0; right: 20px; z-index: 100;}
    #startflash img {right:-20px; position:relative;}
    #startmarquee { position: absolute; top: 150px; left: 154px; z-index: 101; }

/* fonts */
#web h1 {position:absolute; top:120px; left:190px; color:#f0751a; font:normal 1.50em/1.00em Verdana;}
#web h2, #web legend {color:#004b7b; font:bold 1.17em/1.30em Verdana; padding:0 0 10px 0;}
#web h3 {color:#4d4d4d; font:bold 1.05em/1.30em Verdana; padding:0 0 10px 0;}


    #content ul {margin:0 0 10px 25px;}
        #content ul li {margin:0 0 3px 0; padding:0 0 0 15px; background:url(../images/point.gif) no-repeat 0 6px;}
    #content p {padding:0 0 10px 0;}
    #content img {border:1px solid #778089;}

    #formErrors {border:1px dotted #004b7b; background:white; margin:0 0 10px 0; padding:10px;}
        #formErrors strong {display:block; padding:0 0 10px 0;} 
        #formErrors ul {margin:0 0 0 25px;}

    #web .backlink {font-weight:bold; text-align:right; display:block;}
    #web .red {color:red;}

    #google_maps {position:relative;}
        #google_maps button {position:absolute; left:180px; top:5px; width:149px; height:11px; cursor:pointer; background:url(../images/button_route.png);}
        #google_maps button:hover {background-position:0 -34px;}
        #google_maps button span {display:none;}

    #web .zahngrafiken td {width:200px;}
    #web .zahngrafiken td.street {width:140px;}
    #web .zahngrafiken img {margin:0 0 10px 0;}
    #zahngrafiken_e985 img {border:none;}

    #web .team_entity {float:left; width:126px; text-align:center; margin:0 0 8px 0;} 
    #web .team_entity img {display:block; width: 100px; }
    #web .team_entity h3 {padding:0 0 2px 0;}
    #web .team_entity span {font:10px/10px Verdana; display:block; }
    #web table#dentist td {width:45%; padding:0 10px 0 0; vertical-align:top;}
    #web table#dentist img {margin:0 0 10px 0;}

        #web .button_senden {width:93px; height:11px; cursor:pointer; background:url(../images/button_absenden.png); margin:10px 0 10px 0; }
        #web .button_senden:hover {background-position:0 -34px;}
        #web .button_senden span {display:none;}

    #content #form_contact .section {padding-bottom:10px; width:505px;}
    #content #form_contact #section_contact_1 span {float:left; width:165px; padding-bottom:3px;}
    #content #form_contact #section_contact_1 input {width:150px;}
    #content #form_contact #fld_betreff {width:486px;}
    #content #form_contact #fld_text {width:486px; height:130px;}
    #content #form_contact #section_contact_1 .plz {width:101px;}
    #content #form_contact #section_contact_1 .plz input {width:85px;}
    #content #form_contact #section_contact_1 .ort, #web #content #form_contact #section_contact_1 .email {width:230px;}
    #content #form_contact #section_contact_1 .ort input, #web #content #form_contact #section_contact_1 .email input {width:214px;}
    #content #form_contact #section_contact_1 .telefon {width:269px;}
    #content #form_contact #section_contact_1 .telefon input {width:253px;}

    #content .bildgross {display:none;}
    #galerienav {width:250px;}
    #galerienav a {position:relative; display:block; float:left; width:61px; height:61px; margin:0 13px 13px 0;}
    #galerienav a.last {margin-right:-2px;}
    #galerienav a span {position:absolute; left:0; top:0; bottom:-2px; width:61px; height:61px; background:white; border:1px solid white; display:none; cursor:pointer;}
    .bildgross {position:absolute; left:230px; top:0;}

    .bildgross div {position:absolute; top:0; left:336px; background:white; width:180px; padding:15px 5px 15px 15px; border-top:1px solid #778089; border-right:1px solid #778089; border-bottom:1px solid #778089;}

    #web .ZMSFile {font-weight:bold;}
        #web .ZMSFile img {position:relative; top:4px; border:0;}
        #web .ZMSFile .text {display:none;}

    #web .news_entity {border-bottom:1px solid white; padding:0 0 10px 0; margin:0 0 10px 0;}
    #web .news_entity .date {font-weight:bold; font-size:11px;}
    #web .floatimage {float:left; margin:0 10px;}

    #web #calcdiv {position:absolute; left:0; top:0; bottom:0; right:0px; overflow:auto; z-index:500;}
    #web #calc {width:100%; height:100%;}

    div.ZMSGraphic.left {text-align:left;}
    div.ZMSGraphic.right {text-align:right;}
    div.ZMSGraphic.floatleft {float:left;}
    div.ZMSGraphic.floatright {float:right; margin:0 0 10px 10px;}
    div.ZMSGraphic.center {text-align:center; margin:0 0 10px 0;}
    div.graphic.alignleft {float:left; text-align:right;}
    div.graphic.alignright {float:right; text-align:right;}

/*--- epoz content ---*/

	body#epozcontent { padding: 10px; background: #fff; color: #a2b6bf; }
	body#epozcontent a { color: #004a6a!important; }
	body#epozcontent a:hover { text-decoration: none!important; }
	body#epozcontent h2, body#epozcontent h3, body#epozcontent h4, body#epozcontent h5, body#epozcontent h6 { padding: 0 0 13px 0; font-family: Georgia, sans-serif; color: #004a6a; }
	body#epozcontent h2 { font-size: 15px; line-height: 23px; }
	body#epozcontent h3 { font-size: 14px; line-height: 22px; }
	body#epozcontent h4, body#epozcontent h5, body#epozcontent h6 { font-size: 13px; line-height: 21px; color: #a2b6bf; }
	body#epozcontent ul, body#epozcontent ol { padding: 0 0 13px 15px; }
		body#epozcontent ul ul, body#epozcontent ol ul, body#epozcontent ol ol, body#epozcontent ul ol { padding: 0; }
	body#epozcontent li { padding: 0 20px 0 17px; /*background: url(../images/arrow.gif) no-repeat 0 5px;*/ }
	body#epozcontent table { margin: 0 0 13px 0; }

/* other */
#skip, #web .print {display:none;}

#background_cert { background: #fff; }
#certification { color: #073b67; background: #fff; font-size: 11px; margin:265px 0 0 40px; width: 520px; padding: 2px 5px; }
#e1328 .graphic .img { float: left; padding: 0 35px 0 0; border: none; }
#e1329 .graphic .img { border: none; }
