/* www.dental-art-frick.com */
/* Rechtsveranwortlicher und Autor: Peter Hammer, peter.hammer@dental-art-frick.com */
/* Online seit: 01.01.2007 */

/* Design, Realisierung: BAU11, Buero fuer Bildschirmgestaltung, www.bau11.com */
/* Andreas Geier, Dipl. Kommunikationsdesigner, andi@bau11.com */
/* Hosting: Strato AG */



/* Allgemein */

body {
 color:#000;
 background:#b4b49c;
 text-align:center;
 margin:0;
 padding:20px; }

p {
 font-family:Verdana,Helvetica,Arial,sans-serif;
 font-size:13px;
 line-height:20px;
 text-indent:12px;
 margin:0;
 padding:0 0 8px 0; }

h1 {
 color:#000;
 font-family:Verdana,Helvetica,Arial,sans-serif;
 font-size:20px;
 line-height:24px;
 font-weight:bold;
 margin:4px 0 8px 0;
 padding:0; }

h2 {
 clear:left;
 color:#000;
 font-family:Verdana,Helvetica,Arial,sans-serif;
 font-size:14px;
 line-height:18px;
 font-weight:bold;
 margin:0 0 8px 0;
 padding:10px 0 0 0; }

h3 {
 clear:left;
 color:#000;
 font-family:Verdana,Helvetica,Arial,sans-serif;
 font-size:13px;
 line-height:18px;
 font-weight:bold;
 margin:0 0 8px 0;
 padding:10px 0 0 0; }

p a:link, ul a:link {
 color:#800;
 text-decoration:none;
 font-weight:normal;
 border-bottom:1px dashed #800;
 padding-bottom:1px; }
p a:visited, ul a:visited {
 color:#800;
 text-decoration:none;
 font-weight:normal;
 border-bottom:1px dashed #800;
 padding-bottom:1px; }
p a:hover, ul a:hover {
 color:#000;
 text-decoration:none;
 font-weight:normal;
 border-bottom:1px solid #000;
 padding-bottom:1px; }
p a:active, ul a:active {
 color:#800;
 text-decoration:none;
 font-weight:normal;
 border-bottom:1px dashed #800;
 padding-bottom:1px; }

em {
 font-style:normal;
 font-weight:bold; }

.grey {
 color:#666; }

.follow {
 padding-bottom:0; }

.preline {
 border-top:1px solid #999;
 margin-top:18px;
 padding-top:18px; }

.left {
  text-indent:0; }

.afterimg {
  clear:both; }



/* Bilder */

img {
 border:none;
 margin:0;
 padding:0; }

a:link img, a:visited img, a:active img {
 display:block;
 text-decoration:none;
 font-weight:normal;
 border:1px solid #666; }
a:hover img {
 display:block;
 text-decoration:none;
 font-weight:normal;
 border:1px solid #666; }

#marginal a:link img, #marginal a:visited img, #marginal a:active img, #marginal a:hover img {
 display:block;
 text-decoration:none;
 font-weight:normal;
 padding-top:18px;
 margin-top:18px;
 border-top:1px solid #999;
 border-right:none;
 border-bottom:none;
 border-left:none; }



/* Seitenstruktur */

#preload {
 position:absolute;
 top:0;
 left:-2000px; }

#sheet {
 position:relative;
 width:780px;
 text-align:left;
 background:#fff;
 border-left:20px solid #fff;
 border-right:10px solid #fff;
 padding:0;
 margin:auto; }

#content {
 float:left;
 width:510px;
 padding:20px 0 0 0;
 margin:0 0 10px 0; }

#marginal {
 float:left;
 width:250px;
 padding:20px 0 0 0;
 margin:0 0 10px 10px; }

.printonly {
 display:none; }
.printnot {
 display:inline; }



/* Navigation Allgemein */

#head1z, #head3z, #head5z,
#head1p, #head3p, #head5p,
#head1u, #head3u, #head5u {
 float:left;
 width:250px;
 height:326px;
 text-align:left;
 vertical-align:bottom;
 padding:0;
 margin:0; }

#head1z p, #head3z p, #head5z p,
#head1p p, #head3p p, #head5p p,
#head1u p, #head3u p, #head5u p {
 border-left:1px solid #000;
 border-right:1px solid #000;
 margin:0;
 padding:2px 12px 2px 0; }

#head1z:hover ul, #head3z:hover ul, #head5z:hover ul,
#head1p:hover ul, #head3p:hover ul, #head5p:hover ul,
#head1u:hover ul, #head3u:hover ul, #head5u:hover ul,
.hover ul {
 display:block; }

table {
 width:250px;
 height:326px;
 table-layout:fixed;
 border-collapse:collapse;
 border-spacing:0; }

table, tr, td {
 margin:0;
 padding:0; }

td {
 vertical-align:bottom; }

ul {
 display:none;
 list-style-type:none;
 font-family:Verdana,Helvetica,Arial,sans-serif;
 font-size:13px;
 line-height:18px;
 margin:0 12px 0 13px;
 padding:0 0 30px 0; }

li {
 font-weight:normal;
 margin:0;
 padding:4px 0 0 0; }
li.space {
 padding-top:14px; }
li.active {
 font-style:normal;
 font-weight:bold; }

.navext {
 vertical-align:baseline; }



/* Navigation Startseite und Zahnarzt */

#head1z {
 background:#fff url(../img/layout/kopf1z.jpg) no-repeat; }
#head1z:hover, #head1z.hover {
 background:#fff url(../img/layout/kopf1zmo.jpg) no-repeat; }
#head3z {
 background:#fff url(../img/layout/kopf3z.jpg) no-repeat; }
#head3z:hover, #head3z.hover {
 background:#fff url(../img/layout/kopf3zmo.jpg) no-repeat; }
#head5z {
 background:#fff url(../img/layout/kopf5z.jpg) no-repeat; }
#head5z:hover, #head5z.hover {
 background:#fff url(../img/layout/kopf5zmo.jpg) no-repeat; }

#head2z, #head4z {
 float:left;
 width:10px;
 height:325px;
 text-align:left;
 vertical-align:bottom;
 background:#fff url(../img/layout/kopf2z.jpg) no-repeat;
 padding:0;
 margin:0; }

#head4z {
 background:#fff url(../img/layout/kopf4z.jpg) no-repeat; }



/* Navigation Patienten */

#head1p {
 background:#fff url(../img/layout/kopf1p.jpg) no-repeat; }
#head1p:hover, #head1p.hover {
 background:#fff url(../img/layout/kopf1pmo.jpg) no-repeat; }
#head3p {
 background:#fff url(../img/layout/kopf3p.jpg) no-repeat; }
#head3p:hover, #head3p.hover {
 background:#fff url(../img/layout/kopf3pmo.jpg) no-repeat; }
#head5p {
 background:#fff url(../img/layout/kopf5p.jpg) no-repeat; }
#head5p:hover, #head5p.hover {
 background:#fff url(../img/layout/kopf5pmo.jpg) no-repeat; }

#head2p, #head4p {
 float:left;
 width:10px;
 height:325px;
 text-align:left;
 vertical-align:bottom;
 background:#fff url(../img/layout/kopf2p.jpg) no-repeat;
 padding:0;
 margin:0; }

#head4p {
 background:#fff url(../img/layout/kopf4p.jpg) no-repeat; }



/* Navigation Ueber uns */

#head1u {
 background:#fff url(../img/layout/kopf1u.jpg) no-repeat; }
#head1u:hover, #head1u.hover {
 background:#fff url(../img/layout/kopf1umo.jpg) no-repeat; }
#head3u {
 background:#fff url(../img/layout/kopf3u.jpg) no-repeat; }
#head3u:hover, #head3u.hover {
 background:#fff url(../img/layout/kopf3umo.jpg) no-repeat; }
#head5u {
 background:#fff url(../img/layout/kopf5u.jpg) no-repeat; }
#head5u:hover, #head5u.hover {
 background:#fff url(../img/layout/kopf5umo.jpg) no-repeat; }

#head2u, #head4u {
 float:left;
 width:10px;
 height:325px;
 text-align:left;
 vertical-align:bottom;
 background:#fff url(../img/layout/kopf2u.jpg) no-repeat;
 padding:0;
 margin:0; }

#head4u {
 background:#fff url(../img/layout/kopf4u.jpg) no-repeat; }



/* Inhalt */

#content p, #content h1, #content h2 {
 padding-right:20px; }

.explain {
 font-style:normal; }

.picbox {
 float:left;
 width:120px;
 border-right:10px solid #fff;
 margin:8px 0;
 padding:0 0 8px 0; }

.picbox2 {
 float:left;
 width:120px;
 border:none;
 margin:8px 0;
 padding:0 0 8px 0; }

.picboxnext {
 clear:both;
 float:left;
 width:120px;
 border-right:10px solid #fff;
 margin:8px 0;
 padding:0 0 8px 0; }

.picboxdouble {
 float:left;
 width:250px;
 border-right:10px solid #fff;
 margin:8px 0;
 padding:0 0 8px 0; }

.picboxtriple {
 float:left;
 width:380px;
 border-right:10px solid #fff;
 margin:8px 0;
 padding:0 0 8px 0; }

.picbox p, .picbox2 p, .picboxnext p, .picboxdouble p, .picboxtriple p {
 color:#666;
 font-size:11px;
 line-height:14px;
 text-indent:0;
 padding:4px 0 0 0 !important; }
.picbox p a, .picbox2 p a, .picboxnext p a, .picboxdouble p a, .picboxtriple p a {
 font-size:12px;
 line-height:18px; }
.picbox p em, .picbox2 p em, .picboxnext p em, .picboxdouble p em, .picboxtriple p em {
 color:#222; }

#content ul {
 display:block;
 list-style-type:none;
 margin:0;
 padding:0 0 8px 0; }

#content li {
 background:url(../img/layout/point.gif) 0 6px no-repeat;
 margin:0;
 padding:0 0 0 12px; }



/* Marginalspalte */

#marginal ul {
 display:block;
 list-style-type:none;
 margin:0;
 padding:0 0 8px 0; }

#marginal li {
 background:url(../img/layout/point.gif) 0 5px no-repeat;
 margin:0;
 padding:0 0 2px 12px; }
#marginal li.home {
 background:none; }
#marginal li.active {
 font-weight:normal; }



/* Fussbereich */

.footer {
 clear:both;
 border-bottom:1px solid #999;
 padding:8px 0 16px 0;
 margin:10px 10px 10px 0; }

#cap1, #cap2, #cap3 {
 float:left;
 width:230px;
 color:#666;
 text-indent:0;
 padding:0 20px 0 0;
 margin:0 10px 0 0; }

#cap3 {
 margin:0; }

#end {
 clear:both; }



/* Popup Fenster */

#body2 {
 padding:15px 0 0 0; }

#sheet2 {
 width:512px;
 text-align:left;
 background:#fff;
 border:20px solid #fff;
 padding:0;
 margin:auto; }

#sheet2 img.view {
 border:1px solid #666;
 margin-bottom:10px; }

#sheet2 p {
 text-indent:0;
 padding:8px 0 8px 0; }

.footer_popup {
 border-top:1px solid #999;
 padding:8px 0 10px 0;
 margin:10px 0 0 0; }



/* Styleswitcher Links */

.style1 {
 display:none; }

.style2 {
 display:block; }