body#main_body {
    margin: 0;
    padding: 0;
    text-align: center;
    color: #340E70;
    background: #340E70 top repeat-x;
}

/*-- global container -----------------------*/

#container {
    position: relative;
    padding: 0;
    margin: 0 auto;
    text-align: left;
    width: 882px;
    background-color: #FFFFFF;
}

#header {
    padding: 0;
    margin: 0;
    width: 882px;
/*    background-color: #FFFFFF; */
}

#main_container {
    font-family: Arial, sans-serif;
    text-align: justify;
    font-size: 12px;
    padding: 0px;
    margin: 0px;
}

#layout_table {
    border-collapse: collapse;
    padding: 0;
    margin: 0;
}

#content_column {
    vertical-align: top;
    padding: 0;
    margin: 0;
}

#content_container {
    overflow: hidden;
    width: 673px;
    margin: 0;
    padding: 20px;
    background-color: #FFFFFF;
}

/*--- key visual ------------------------------------------*/

#key_visual {
    width: 624px;
    height: 135px;
    position: relative;
    top: 0px;
    left: 258px;
    background: no-repeat;
    background: url(resources/key.jpg) no-repeat;
}

/*--- slogan (as text or background image) -----------------*/

#slogan {
    padding: 0px 30px 0px 30px;
    line-height: 20px;
    margin: 0px 0px 1px 0px;
    voice-family: "\"}\"";
    voice-family: inherit;
    overflow: hidden;
    width: 822px;
    height: 21px;
    text-align: center;
    margin: 0 0 5px 0;
    background: repeat-y;
    background-color: #340E70;
    font-family: Arial, sans-serif;
    font-style: normal;
    font-size: 14px;
    text-decoration: none;
    color: #FFFFFF;
}

/*--- logo -------------------------------------------------*/

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

#logo {
    width: 280px;
    height: 150px;
    position: absolute;
    left: 30px;
    background: no-repeat;
    margin-left: -30px;
    margin-top: -15px;
    background: url(resources/Logo_02.jpg) no-repeat;
}

/*--- footer -----------------------------------------------*/

#footer {
    margin: 0;
    padding: 0;
    width: 882px;
    clear: both;
    background: no-repeat;
    background-color: #340E70;
}

#footer_text {
    text-align: right;
    padding: 7px 40px 10px 40px;
    margin: 0;
    font-family: Arial, sans-serif;
    font-style: normal;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
    color: #FFFFFF;
}

/*--- navigation (stylesheet) -------------------------*/

#nav, #nav ul{
     margin:-4px 0 0 1px;
     padding:0;
     list-style-type:none;
     list-style-position:outside;
     position:relative;
     line-height:2.0em;
     overflow:visible;
     z-index:999;
}

#nav a:link, #nav a:active, #nav a:visited{
    font-family: Arial, sans-serif;
    text-align: justify;
    font-size: 12px;
    display:block;
    padding:0px 31px 0px 31px;
    border:1px solid #340E70;
    color:#fff;
    text-decoration:none;
    background-color:#340E70;
    overflow:visible;
    z-index:999;
}

#nav a:hover {
    background-color:#fff;
    color:#340E70;
}

/*--- horizontally -----------------------------------*/

#nav li{
    float:left;
    position:relative;
}

/*--- positioning submenu ----------------------------*/

#nav ul {
    position:absolute;
    width:15em;
    top:2.0em;
    display:none;
}

/*--- width submenu, horizontally submenu ------------*/

#nav li ul a{
    width:15em;
    float:left;
}

/*- 1 & 2 = where displaying submenu - 3 & 4 = displaying only one submenu per hovering -*/

#nav ul ul{
	top:auto;
	}	

#nav li ul ul {
    left:12em;
    margin:0 0 0 10px;
    }

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
    display:none;
    }
	
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
    display:block;
    }

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

h1 {
  font-family: Arial, sans-serif;
  text-align: justify;
  font-style: normal;
  font-size: 29px;
  font-weight: bold;
  text-decoration: none;
  color: #340E70;
}
h2 {
  font-family: Arial, sans-serif;
  text-align: justify;
  font-style: normal;
  font-size: 23px;
  font-weight: bold;
  text-decoration: none;
  color: #340E70;
}
h3 {
  font-family: Arial, sans-serif;
  text-align: justify;
  font-style: normal;
  font-size: 18px;
  font-weight: bold;
  text-decoration: none;
  color: #340E70;
}
h4 {
  font-family: Arial, sans-serif;
  text-align: justify;
  font-style: normal;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  color: #340E70;
 }

p {
  font-family: Arial, sans-serif;
  text-align: justify;
  font-style: normal;
  font-size: 12px;
  font-weight: normal;
  text-decoration: none;
  color: #340E70;
}

/*--- Liste - schmal ------------------*/

#list {
  list-style:none;
  margin-bottom: 0.8em;
  margin-left:45%;
  margin-right:10%;
  padding-top: 0.3em;
  padding-right: 0.5em;
  padding-bottom: 0.3em;
  padding-left:1em;
  background-color:#E8E8EA;
}
/*--- Liste - breit ------------------*/
#liste {
  list-style:none;
  margin-bottom: 0.8em;
  margin-left: 10%;
  margin-right:10%;
  padding-top: 0.3em;
  padding-right: 0.5em;
  padding-bottom: 0.3em;
  padding-left:1em;
  background-color:#E8E8EA;
}
/*--- Liste - Chirurgie ------------------*/
#listen {
  list-style:none;
  margin-bottom: 0.8em;
  margin-left: 15%;
  margin-right:15%;
  width:600px;
  background-color:#E8E8EA;
}
/*--- Liste - Praxislabor ------------------*/
#lister {
  list-style:none;
  margin-bottom: 0.8em;
  margin-left: 3%;
  margin-right:10%;
  padding-top: 0.3em;
  padding-right: 0.5em;
  padding-bottom: 0.3em;
  padding-left:1em;
  color:#340E70;
}
/*--- Liste - Service ------------------*/
#lists {
  list-style:none;
  margin-bottom: 0.3em;
  margin-left:15%;
  margin-right:50%;
  padding-top: 0.1em;
  padding-right: 0.5em;
  padding-bottom: 0.1em;
  padding-left:1em;
  background-color:#E8E8EA;
}
/*--- Link ------------------*/
#link {
  font-family: Arial, sans-serif;
  font-size: 12px;
  text-decoration: none;
  color:#660000;
}

/*--- Bild mit Bildunterschrift, links ------------------*/

div.figure {
  width: 35%;

  margin: 0.5em;
  padding: 0.5em;
}

div.figure p {
  text-align: center;
  font-family: Arial, sans-serif;
  text-indent: 0;
}

img.scaled {
  width: 100%;
}

/*--- Bild mit Bildunterschrift ohne breite Maße, links ------------------*/

div.figure1 {
  width: 35%;
  margin: 0.5em;
  padding: 0.5em;
}

div.figure1 p {
  text-align: center;
  font-family: Arial, sans-serif;
  text-indent: 0;
}

img.scaled1 {
  width: 100%;
}

/*--- Bild mit Bildunterschrift ohne breite Maße, rechts ------------------*/

div.figure2 {
  float: right;
  width: 50%;
  height: 50%;
  margin: 2.5em;
  padding: 0.5em;
}

div.figure2 p {
  text-align:center;
  font-family: Arial, sans-serif;
  text-indent: 0;
}

img.scaled2 {
  width: 100%;
  height: 100%;
}

/*--- Karussell-Menue ------------------*/

#Karussell {
   padding:0; 
   margin-left:40px;
   margin-right:10% auto; 
   list-style:none; 
   position:relative; 
   width:800px; 
   height:600px; 
   background: url(resources/prophylaxe-background.gif) no-repeat center bottom;
}

#Karussell li {
   display:block; 
   width:200px; 
   height:150px; 
   position:absolute;
}

#Karussell li.ProfessionelleZahnreinigung {
   left:35px; 
   top:170px; 
   background:url(resources/professionelle_zahnreinigung.gif) no-repeat center center;
}

#Karussell li.Bleaching {
   left:300px; 
   top:-20px; 
   background:url(resources/apfel_gruen_a.gif) no-repeat center center;
}

#Karussell li.Twinkles {
   left:560px; 
   top:170px; 
   background:url(resources/twinkles.jpg) no-repeat center center;
}

#Karussell li.Fissurenversiegelung {
   left:560px; 
   top:420px; 
   background:url(resources/fissurenversiegelung.gif) no-repeat center center;
}

#Karussell li.Kinderprophylaxe {
   left:35px; 
   top:420px; 
   background:url(resources/kinderprophylaxe.gif) no-repeat center center;
}

#Karussell li a b {
   display:none;
}

#Karussell li a {
   display:block; 
   width:200px; 
   height:150px; 
   text-align:center;
}

#Karussell li a:hover {
   background:url(resources/circle.png) center center; 
   text-decoration:none; 
   font-family:georgia, serif;
}

#Karussell li a:hover b {
   position:absolute; 
   display:block; 
   width:300px; 
   height:50px; 
   font-size:16px; 
   color:#63352c; 
   background:#fff;
}

#Karussell li a:hover b span {
   display:block; 
   font-size:12px; 
   color:#888; 
   font-weight:normal; 
   margin-top:15px;
}

#Karussell li.ProfessionelleZahnreinigung a:hover b {
   left:-22px; 
   top:100px;
}

#Karussell li.Bleaching a:hover b  {
   left:-102px; 
   top:64px;
}

#Karussell li.Twinkles a:hover b  {
   left:63px; 
   top:64px;
}

#Karussell li.Fissurenversiegelung a:hover b  {
   left:-132px; 
   top:-11px;
}

#Karussell li.Kinderprophylaxe a:hover b  {
   left:93px; 
   top:-11px;
}


/*--- Snazzy-Boxen-Container - 3in1 ------------------*/

.zsnazzy {
   width:95%;
   margin:50px 20px 20px 20px;
   height:auto;
   }

.xsnazzy h1, .zsnazzy h1 {
margin:0; 
font-size:1.2em; 
padding:0 10px 5px 10px; 
border-bottom:1px solid #444;
}

.xsnazzy p, .zsnazzy p {
margin:0; 
padding:5px 10px; 
font-size:12px;
}

.xsnazzy {
background: transparent; 
width:32%;
height:auto; 
float:left; 
margin:30px 10px 10px 5px;
}

.xsnazzy1 {
background: transparent; 
width:32%;
height:auto; 
float:left; 
margin:-300px 10px 10px 283px;
}

.xsnazzy2 {
background: transparent; 
width:32%;
height:auto; 
float:left; 
margin:-300px 5px 10px 562px;
}

.xtop, .xbottom {
display:block; 
background:transparent; 
font-size:1px;
}

.xb1, .xb2, .xb3, .xb4 {
display:block; 
overflow:hidden;
}

.xb1, .xb2, .xb3 {
height:1px;
}
.xb2, .xb3, .xb4 {
background:#fff; 
border-left:1px solid #444;
border-right:1px solid #444;
}
.xb1 {
margin:0 5px; 
background:#444;
}
.xb2 {
margin:0 3px;
border-width:0 2px;
}
.xb3 {
margin:0 2px;
}
.xb4 {
height:2px; 
margin:0 1px;
}

.xboxcontent {
display:block; 
border:0 solid #444; 
border-width:0 1px; 
height:auto;
}
* html .xboxcontent {
height:1px;
}

.color_a {
text-align:center;
background:#c9ba65;
color:#fff;
}
.color_b {
text-align:center;
background:#d4d8bd; 
color:#000;
}
.color_c {
text-align:center;
background:#758279; 
color:#fff;
}
.color_d {
text-align:center;
background:#b2ab9b; 
color:#000;
}

/*--- Bilder-Galerie ------------------*/

.galerie {
font-size:1em;
margin-left:27px;
margin-top:7px;
padding-left:0;
width:476px;
}
.pic-navi {
float:left;
padding:7px 0 3px 7px;
width:97px;
}
.pic-navi a img {
border:1px solid #4089AC;
float:left;
margin:1px 1px 2px;
padding:0;
width:72px;
}
.pic-navi a:hover img {
border:1px solid #000000;
}
div.pic-navi a {
margin:0;
padding:0;
}
div.pic-navi a span {
background:#EFEFEF none repeat scroll 0 0;
color:#FF0000;
display:none;
}
div.pic-navi a:hover {
background:#FFFFFF none repeat scroll 0 0;
color:#441111;
margin:0;
padding:0;
}
div.pic-navi a:hover span {
-x-system-font:none;
background-color:#F6F6F6;
background-position:21px 10px;
background-repeat:no-repeat;
border:1px solid #CFCFCF;
color:#858445;
display:block;
float:right;
font-family:verdana,sans-serif;
font-size:0.92em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin:1px 0 0 80px;
padding:213px 15px 6px 20px;
position:absolute;
text-align:left;
width:316px;
z-index:100;
}
   a#pic1:hover span{background-image:url(resources/hspangen/gruen-gelb.jpg);}
   a#pic2:hover span{background-image:url(resources/hspangen/krebse.jpg);}
   a#pic3:hover span{background-image:url(resources/hspangen/muster.jpg);}
   a#pic4:hover span{background-image:url(resources/hspangen/orange.jpg);}
   a#pic5:hover span{background-image:url(resources/hspangen/sv-werder.jpg);}

   a#pic6:hover span{background-image:url(resources/hspangen/bionator-bunt.jpg);}
   a#pic7:hover span{background-image:url(resources/hspangen/muster-seitlich.jpg);}
   a#pic8:hover span{background-image:url(resources/hspangen/sander-blau.jpg);}
   a#pic9:hover span{background-image:url(resources/hspangen/sterne-blau.jpg);}
   a#pic10:hover span{background-image:url(resources/hspangen/totenkopf.jpg);}

div.pic-navi a:hover span strong {
/*background:transparent url(pic/bg-css-galerie.png) no-repeat scroll 0 0;*/
display:block;
font-weight:normal;
margin:-203px 0 0 -1px;
padding:194px 15px 9px 0;
width:295px;
}
div.helloworld {
/*background:#F6F6F6 url(regensburg/berg1.jpg) no-repeat scroll 21px 10px;*/
border:1px solid #CFCFCF;
color:#858445;
float:right;
margin:8px 10px 0 0;
padding:213px 8px 6px 20px;
width:323px;
}
#content div.helloworld p {
-x-system-font:none;
font-family:verdana,sans-serif;
font-size:0.85em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
padding:0;
text-align:left;
}
#content p.subtitle {
font-size:0.85em;
}
#galerie-right .pic-navi {
float:right;
margin-left:10px;
width:87px;
}
#galerie-right .pic-navi div.helloworld {
float:left;
margin:8px 0 0 0;
}
#galerie-right div.pic-navi a:hover span {
margin:1px 0 0 -380px;
padding:213px 15px 6px 20px;
}
#galerie-right div.helloworld {
/*background:#F6F6F6 url(regensburg/berg6.jpg) no-repeat scroll 21px 10px;*/
}     
     
/*--- Bilder-Galerie 2 ------------------*/

     .galerie2{
        font-size:1em;
        padding-left:0;
        width:470px;
     }

     .pic-navi2{
        padding:7px 0 3px 0;
        margin-left:7%;
        width:70px;
        float:left;
     }
    .pic-navi2 a img{
       width:60px;
       padding:0px;
       margin:10px 0 5px 0;
       border:1px solid #4089AC;
       float:left;
    }
    .pic-navi2 a:hover img{
       border:1px solid #000000;
    }
    div.pic-navi2 a{
       padding:0;
       margin:0;
    }
    div.pic-navi2 a span {
       display: none;
       color:#ff0000;
       background:#efefef;
    }
    div.pic-navi2 a:hover{
       color: #411;
       background: #ffffff;
       padding:0;
       margin:0;
    }


   div.pic-navi2 a:hover span{
       display: block;
       position: absolute;

       width: 316px;
       padding: 240px 15px 6px 20px;
       margin: 1px 0 0 74px;
       z-index: 100;

       /* aussehen der box */
       color: #858445;
       font: 0.92em verdana, sans-serif;
       text-align: left;
       border:1px solid #cfcfcf;
       float:right;

       /* position des hintergrund */
       background-color:#f6f6f6;
       background-position: 21px 10px;
       background-repeat: no-repeat;
   }
   a#pic11:hover span{background-image:url(resources/hspangen/clear-aligner1.jpg);}
   a#pic22:hover span{background-image:url(resources/hspangen/clear-aligner2.jpg);}
   a#pic33:hover span{background-image:url(resources/hspangen/clear-aligner3.jpg);}
   a#pic44:hover span{background-image:url(resources/hspangen/clear-aligner4.jpg);}
   a#pic55:hover span{background-image:url(resources/hspangen/clear-aligner5.jpg);}

   div.pic-navi2 a:hover span strong{
       /*background:url(pic/bg-css-galerie.png) no-repeat;*/
       width: 295px;
       padding: 194px 15px 9px 0px;
       margin:-203px 0 0 -1px;
       display:block;
       font-weight:normal;}

    div.helloworld2{
      float:right;
      width:323px;
      margin:8px 10px 0 0;
      padding: 213px 8px 6px 20px;
      color: #858445;
      background: #f6f6f6 url(resources/hspangen/clear-aligner1.jpg) no-repeat 21px 10px;
      border:1px solid #cfcfcf;
    }
    #content div.helloworld2 p{
      padding:0;
      font: 0.85em verdana, sans-serif;
      text-align: left;
    }

    #content p.subtitle{font-size:0.85em;}

/*--- Box mit Scrollbar ------------------*/
    
#scroll {
   unicode-bidi:bidi-override; 
   direction:rtl; 
   display:block;
   width:300px; 
   height:150px; 
   overflow:auto; 
   padding:10px; 
   border:1px solid #ba8; 
   margin:5% 10% 5% 20%;
}

#scroll p {
   font-size:11px; 
   line-height:16px;
}

/*-- showHideLayers - team ------*/
/*-- showHideLayers - kfo-therapiebeginn ------*/
/*-- showHideLayers - ausstattung ------*/
/*-- showHideLayers - service ------*/

.textblockcenter1 {
font-family: Arial, sans-serif;
color: #340E70;
font-size:12px;
font-weight:normal;
line-height:25px;
margin-left:10%;
margin-right:10%;
padding-bottom:30px;
text-align:justify;
vertical-align:top;
}

.textblockcenter11 {
font-family: Arial, sans-serif;
color: #340E70;
font-size:12px;
font-weight:normal;
line-height:20px;
margin-left:10%;
margin-right:10%;
padding-bottom:30px;
text-align:justify;
vertical-align:top;
}

.textblockcenter15 {
font-family: Arial, sans-serif;
color: #340E70;
font-size:12px;
font-weight:normal;
line-height:25px;
margin-left:10%;
margin-right:10%;
padding-bottom:30px;
text-align:justify;
vertical-align:top;
}

.textblockcenter16 {
font-family: Arial, sans-serif;
color: #340E70;
font-size:12px;
font-weight:normal;
line-height:25px;
margin-left:10%;
margin-right:10%;
padding-bottom:30px;
text-align:justify;
vertical-align:top;
}

.mainimage {
font-family: Arial, sans-serif;
color:#340E70;
font-size:9px;
font-weight:normal;
line-height:13px;
margin-left:10%;
text-align:justify;
width:300px;
}

.mainimage1 {
font-family: Arial, sans-serif;
color:#340E70;
font-size:9px;
font-weight:normal;
line-height:13px;
margin-left:10%;
text-align:justify;
width:300px;
}

.mainimage2 {
font-family: Arial, sans-serif;
color:#340E70;
font-size:9px;
font-weight:normal;
line-height:13px;
margin-left:10%;
text-align:justify;
width:300px;
}

.mainimage25 {
font-family: Arial, sans-serif;
color:#340E70;
font-size:9px;
font-weight:normal;
line-height:13px;
margin-left:10%;
text-align:justify;
width:300px;
}

.mainimage26 {
font-family: Arial, sans-serif;
color:#340E70;
font-size:9px;
font-weight:normal;
line-height:13px;
margin-left:10%;
text-align:justify;
width:300px;
}

.mainimage3 {
font-family: Arial, sans-serif;
color:#340E70;
font-size:9px;
font-weight:normal;
line-height:13px;
margin-left:10%;
text-align:justify;
width:300px;
}

.mainimage4 {
font-family: Arial, sans-serif;
color:#340E70;
font-size:9px;
font-weight:normal;
line-height:13px;
margin-left:10%;
text-align:justify;
width:300px;
}

.mainimage5 {
font-family: Arial, sans-serif;
color:#340E70;
font-size:9px;
font-weight:normal;
line-height:13px;
margin-left:10%;
text-align:justify;
width:300px;
}

.mainimage6 {
font-family: Arial, sans-serif;
color:#340E70;
font-size:9px;
font-weight:normal;
line-height:13px;
margin-left:10%;
text-align:justify;
width:300px;
}

.textblockright2 {
font-family: Arial, sans-serif;
float:right;
margin: -250px 60px 0 0;
color:#340E70;
font-size:12px;
font-weight:normal;
line-height:25px;
text-align:justify;
vertical-align:top;
}

.textblockright21 {
font-family: Arial, sans-serif;
float:right;
margin: -250px 240px 0 0;
color:#340E70;
font-size:12px;
font-weight:normal;
line-height:25px;
text-align:justify;
vertical-align:top;
}

.textblockright22 {
font-family: Arial, sans-serif;
float:right;
margin: -250px 190px 0 0;
color:#340E70;
font-size:12px;
font-weight:normal;
line-height:25px;
text-align:justify;
vertical-align:top;
}

.textblockright23 {
font-family: Arial, sans-serif;
float:right;
margin: -250px 310px 0 0;
color:#340E70;
font-size:12px;
font-weight:normal;
line-height:25px;
text-align:justify;
vertical-align:top;
}

.textblockright24 {
font-family: Arial, sans-serif;
float:right;
margin: -210px 230px 0 0;
color:#340E70;
font-size:12px;
font-weight:normal;
line-height:25px;
text-align:justify;
vertical-align:top;
}

.textblockright25 {
font-family: Arial, sans-serif;
float:right;
margin: -223px 140px 0 0;
color:#340E70;
font-size:12px;
font-weight:normal;
line-height:25px;
text-align:justify;
vertical-align:top;
}

.textblockright26 {
font-family: Arial, sans-serif;
float:right;
margin: -210px 150px 0 0;
color:#340E70;
font-size:12px;
font-weight:normal;
line-height:25px;
text-align:justify;
vertical-align:top;
}

.textblockright27 {
font-family: Arial, sans-serif;
float:right;
margin: -250px 140px 0 0;
color:#340E70;
font-size:12px;
font-weight:normal;
line-height:25px;
text-align:justify;
vertical-align:top;
}

.textblockright28 {
font-family: Arial, sans-serif;
float:right;
margin: -250px 70px 0 0;
color:#340E70;
font-size:12px;
font-weight:normal;
line-height:25px;
text-align:justify;
vertical-align:top;
}

/*-- dreispaltiger Text - Prophylaxe -------------------*/

.dreisp {
  margin:0 0 0 30px;
  width:27%;
  float:left;
  background:#eee;
  padding:10px;
  height:300px;
}
.dreispa {
  margin: -320px 0 0 310px;
  width:27%;
  float:left;
  background:#eee;
  padding:10px;
  height:300px;
}
.dreispal {
  margin: -320px 0 0 590px;
  width:27%;
  float:left;
  background:#eee;
  padding:10px;
  height:300px;
}

/*-- dreispaltiger Text - Prophylaxe - Bleaching ---------*/

.dreisp1 {
  margin:0;
  width:25%;
  float:left;
  background:#eee;
  padding:10px;
  height:280px;
}
.dreisp2 {
  margin: -270px 0 0 270px;
  width:45%;
  float:left;
  background:#fff;
  padding:10px;
  height:300px;
}
.dreisp3 {
  margin: -300px 0 0 610px;
  width:25%;
  float:left;
  background:#eee;
  padding:10px;
  height:230px;
}

/*-- dreispaltiger Text - Schnarchtherapie -------------------*/

.dreispS {
  margin:0;
  width:26%;
  float:left;
  background:#eee;
  padding:10px;
  height:230px;
}
.dreispSc {
  margin:-250px 0 0 310px;
  width:26%;
  float:left;
  background:#eee;
  padding:10px;
  height:230px;
}
.dreispSch {
  margin:-250px 0 0 580px;
  width:26%;
  float:left;
  background:#eee;
  padding:10px;
  height:230px;
}

/*-- Gästebuch --------------*/

.artmedic_rahmen {
	border: 1px solid #000000;
	margin: 1px;
	padding: 2px;
}
.artmedic_inputtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	border: 1px solid #666666;
}
.artmedic_button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
	background-color: #FFCC00;
	border: 0px none;
}.artmedic_fett {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	border: none;
}
.artmedic_zeile {
	line-height: 5px;
}
.artmedic_texteinfach {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}
div {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	clear: both;
}
.artmedic_rahmenbunt {
	border: 1px solid #000000;
	margin: 1px;
	padding: 2px 2px 2px 50px;
	background-color: #EBEBEB;
}
.artmedic_hauptrahmen {
	margin: 1px;
	padding: 2px 2px 2px 50px;
}
.artmedic_highlight {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	border: none;
	background-color: #FFCC33;
}
.fehler {
	font-weight: bold;
	color: #FF0000;
}

/*-- jquery - puff (effects) - parodontologie --*/

#div { 
   margin: 0px; 
   width: 882px; 
   height: 250px;
   background: url(resources/parodontologie1.jpg) no-repeat; 
   position: absolute;
   cursor:move; 
}

/*- jquery - puff (effects) - vollnarkosebehandlung -*/

#dive { 
   margin: 0px; 
   width: 882px; 
   height: 500px;
   background: url(resources/vollnarkosebehandlung1.jpg) no-repeat; 
   position: absolute;
   cursor:move; 
}

/*-- toggle - speed-callback --------------*/

button {
	float:left;
	cursor:se-resize;
	width: 600px;
	height: 1.5em;
	padding: .1em;
	color: #ffffff;
	text-shadow: 1px 1px 1px #000;
	border: solid thin #882d13;
	-webkit-border-radius: .7em;
	-moz-border-radius: .7em;
	border-radius: .7em;
	-webkit-box-shadow: 2px 2px 3px #999; 
	box-shadow: 2px 2px 2px #bbb;
	background-color: #340E70;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#e9ede8), to(#ce401c),color-stop(0.4, #8c1b0b));
}

.toggle {
  display: none;
  font-family: Arial, sans-serif;
  text-align: justify;
  font-style: normal;
  font-size: 12px;
  font-weight: normal;
  text-decoration: none;
  color: #340E70;
  margin: 0 10% 0 10%;
  border: groove #340E70;
}

/*-- lightbox --------------*/

#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { 
    border: none; 
}
#lightbox-container-image-box {
	overflow:visible;
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { 
    padding: 10px; 
}
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px  Arial, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.5em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}
.thumbnail {
background-color:#222222;
border:1px solid #2A2A2A;
float:left;
margin-bottom:10px;
margin-right:10px;
}