/* ADRESSE */
#adresse {
  width:790px;
  height:20px;
  text-align:center;
  background-color:#F6CBA2;
  position:absolute;  
  bottom:0px;
  -moz-border-radius-bottomright:5px;
  -moz-border-radius-bottomleft:5px;
  border-top:1px solid #ef740f;  
}


/* ALLGEMEIN */
@font-face {
  font-family:calibri;
  src:url('media/download/CALIBRI.TTF') format(TrueType);
}

a {
  text-decoration:none;
  color:#000000;
  cursor:pointer;
}

body {
  font-family:calibri,verdana,sans-serif;   
  background:url(media/images/bg.jpg);
  background-repeat:repeat;
  background-position:left top;  
  color:#000000;   
}

button {
  cursor:pointer;
}

img {
  border:0px;
}

p {
  border:0px;
  margin:0px;
  padding:0px;
}


/* ANFAHRT */
#anfahrtsskizze {  
  border:none;
  overflow:hidden;
  width:400px;
  height:288px;  
}

#anfahrt_adresse {
  clear:left;
}

#anfahrt_div {
  border:solid 2px #b7ddf2;
  background:#ffffff;  
  width:400px;
  height:288px;
  top:10px;  
  -moz-border-radius:10px; 
  float:left;
  margin-right:10px;
}

#table_anfahrt caption {
  text-align:left;
}


/* BANNER */  
#banner {
  width:790px;
  height:150px;
  background-color:#999999;  
  -moz-border-radius-topleft:3px;
  -moz-border-radius-topright:3px; 
}

#logo_banner {
  width:715px;
  height:130px;  
  position:absolute;
  left:8px;
  top:8px;
}


/* BILDBESCHREIBUNGEN */
.bildbeschreibungen_p {
  display:none;
}

.topic_sub_bildbeschreibungen {
  font-size:1em;
  font-weight:bold;
  margin:0px;
  display:none;
}

  
/* CONTENT */
#content {
  width:790px;
  min-height:530px;
  background-image:url(media/images/content_bg.jpg);
  position:relative;  
  margin:auto;   
  border:solid 2px #000000; 
  -moz-border-radius:5px;   
}

#shadow_content_bottom {
  width:832px;
  height:7px;
  background:url(media/images/shadow_content_bottom.png);
  margin:auto;   
}

#shadow_content_center {  
  width:806px;  
  margin:auto;  
  background:url(media/images/shadow_content_center.png);
  background-repeat:repeat;  
}

#shadow_content_top {
  width:836px;
  height:7px;
  background:url(media/images/shadow_content_top.png);
  margin:auto;     
}


/* EINFUEHRUNG */
#foto_osteopathie1 {
  width:173px;
  height:232px;
  float:right;
  margin-left:10px;
  margin-top:20px;
  border:1px solid #000000;
}

#foto_osteopathie2 {
  width:212px;
  height:136px;  
  float:left;
  margin-right:10px;
  margin-top:20px;
  margin-bottom:10px;
  border:1px solid #000000;
}


/* FORMULAR */
.formular {
  margin:auto;
  width:480px;
  padding:14px;  
}

.formular button {  
  border:none;
  color:#000000;  
  -moz-border-radius:5px;
}

.formular button:hover {
  color:#ffffff;
}

.formular input {
  float:left;
  font-size:0.75em;
  padding:4px;
  border:solid 1px #aacfe4;
  width:27%;
  margin:2px 0px 15px 10px;
}

.formular input:focus, .formular textarea:focus {
  background-color:#eeeeee;
  border-top-color:#999999;
  border-bottom-color:#ffffff;
}

.formular label {
  display:block;
  font-weight:bold;
  text-align:right;
  width:260px;
  float:left;
  font-size:0.88em;
}

.formular p {  
  margin-bottom:20px;
  border-bottom:dotted 1px #000000;
  padding-bottom:10px;
}

.formular textarea {
  overflow:hidden;
  float:left;
  font-size:0.75em;
  padding:4px 2px;
  border:solid 1px #aacfe4;
  width:40%;  
  margin:2px 0px 25px 10px;
  white-space:normal;  
}

.input_text {
  display:block;  
  font-weight:normal;
  text-align:right;
}

#button_ff {  
  width:89px;
  height:24px;    
  background-image:url(media/images/anamnese_button_up.png);  
}

#button_ff:focus {  
  background-image:url(media/images/anamnese_button_down.png);  
}

#button_ie {  
  width:89px;
  height:24px;   
  background-image:url(media/images/anamnese_button_up_ie.png);  
}

#button_ie:focus {
  background-image:url(media/images/anamnese_button_down_ie.png);
}


/* GESCHICHTE */
#foto_osteopathie5 {
  width:162px;
  height:186px;
  float:right;
  margin-left:10px;
  margin-top:20px;
  border:1px solid #000000;
}

#foto_osteopathie6 {
  width:200px;
  height:129px;  
  float:left;
  margin-right:10px;
  margin-top:20px;
  margin-bottom:10px;
  border:1px solid #000000;
}


/* IMPRESSUM */
#footer {  
  margin:auto;
  width:800px;
  position:relative;
  text-align:right;
  font-size:0.88em; 
}

#footer a:hover {
  text-decoration:underline;
  color:#ffffff;
}

#html_tidy {
  width:78px;
  height:32px;
}

#impressum_table {
  width:770px;
}

#impressum_table caption {
  text-align:left;
  font-weight:bold;
  font-size:1.25em;
  margin-top:4px;
}

#impressum_table td {
  vertical-align:top;
}

#impressum_table_left {
  width:430px;
}


/* KOERPER */
#foto_osteopathie3 {
  width:250px;
  height:210px;
  float:right;
  margin-left:10px;
  margin-top:20px;
  border:1px solid #000000;
}

#foto_osteopathie4 {
  width:212px;
  height:136px;  
  float:left;
  margin-right:10px;
  margin-top:20px;
  margin-bottom:10px;
  border:1px solid #000000;
}


/* LEISTUNGEN */
#foto_leistungen {
  width:150px;
  height:210px;
  float:right;
  margin-left:10px;  
  border:1px solid #000000;
}

#table_leistungen {
  width:600px;  
}

#table_leistungen td {
  vertical-align:top;
}

#table_leistungen caption {
  font-weight:bold;
  text-align:left;   
}

#foto_osteopathischer_weg {
  width:227px;
  height:170px;
  float:left;
  margin-right:10px;  
  border:1px solid #000000;
}


/* LITERATUR */
.literatur_div { 
  background:#eff0f6;
  height:200px;
  width:766px;  
  -moz-border-radius:10px;
  margin-bottom:10px;
}

.presse_img {
  width:123px;
  height:168px;
  float:left;
  margin:2px;
  margin-right:10px;
}

.literatur_img {
  width:123px;
  height:195px;
  float:left;
  margin:2px;
  margin-right:10px;
}

.literatur_p {
  clear:both;
}

.literatur_topic {
  font-size:1em;
  font-weight:bold;
  margin:0px;
  border-bottom:1px dotted #000000;
  padding-bottom:5px;
  margin-bottom:5px;
  margin-left:135px;
  margin-right:180px;
}


/* NAVIGATION */
#navigation_div {
  width:100%;    
}

.menu_bottom {
  -moz-border-radius-bottomright:5px;
  -moz-border-radius-bottomleft:5px;
}

#navigation {
  margin:0px; 
  padding:0px;
  text-align:center;     
}

#navigation a {
  display:block;
  width:158px; 
  height:22px;   
  text-decoration:none;
  background-image:url('media/images/button_navigation_up.png');        
}

#navigation a:hover {  
  color:#ffffff;  
  height:22px; 
  background-image:url('media/images/button_navigation_down.png');  
}

#navigation li {
  list-style:none;
  float:left; 
  position:relative;  
  padding:0px;
  z-index:1;
  width:158px;  
}

#navigation li:hover ul {
  display:block; 
}

#navigation li ul {
  margin:0px;
  padding:0px;
  position:absolute;    
  display:none;           
}
  
#navigation li ul li {
  float:none;
  display:block;
  font-weight:normal;        
}

#search_button {
  position:absolute;  
  width:32px;
  height:22px;
  right:0px;  
  border:0px;
  cursor:pointer;
  background:transparent url(media/images/search_button_up.jpg) no-repeat; 
}

#search_button:hover {
  background:transparent url(media/images/search_button_down.jpg) no-repeat;
} 

#search_label {
  display:none;
}

#search_text {  
  width:130px;
  height:22px;  
  border:none;
  color:#aaaaaa;
  background:transparent url(media/images/search_input_field.jpg) no-repeat;
  position:absolute; 
  left:0px;   
}

#search_text:focus {
  color:#000000;  
}

.search_keyword {
  color:#ff0000;
  font-weight:bold 
}


/* PRAXIS */
#gallery {  
  width:456px;
  height:405px;
  border:1px solid #000000;     
  position:relative;   
  margin:auto;
}

#gallery a, #gallery a:visited {
  display:block;
  float:left;
  width:114px;    
  height:74px;   
  text-decoration:none;     
}

#gallery a:focus span, #gallery a:active span {
  position:absolute;
  display:block;
  left:26px;
  top:90px;
  z-index:2;     
}

#gallery a span { 
  display:none;
}

#gallery a span em {
  display:block;
  width:405px;
  height:290px;  
}

#raeumlichkeiten_alternative {
  clear:left;
  margin-top:100px;
}

#startbild {
  background-image:url(media/images/praxiseingang.jpg);
  width:405px;
  height:290px;
  position:absolute;
  left:26px;
  top:90px; 
  z-index:1
} 

.foto1 {
  background-image:url(media/images/praxiseingang_small.jpg);
}

.foto2 {
  background-image:url(media/images/empfangsbereich_small.jpg);
}

.foto3 {
  background-image:url(media/images/wartezimmer_small.jpg);
}

.foto4 {
  background-image:url(media/images/behandlungsraum_small.jpg);
}


/* TEAM */ 
.team_img_text {  
  font-size:0.88em;
}

.team_portrait_img {
  width:200px;
  height:246px;  
  border:1px solid #000000;
}

#team_table {
  width:650px;  
}

#team_table td {
  vertical-align:top; 
}

#team_table caption {
  text-align:center;
  font-size:0.88em;
  font-weight:normal;
}

#team_table_christine {
  margin-left:300px;
}


/* TEXT */
#text {
  padding:10px;  
  min-height:70%;
  border-top:1px solid #ef740f; 
  margin-bottom:15px; 
}

#text p {
  margin-bottom:10px;
}

.clear_div {
  clear:left;
}

.left {
  float:left;
  width:380px; 
  margin-right:10px;  
  min-height:350px;
}

.right {  
  width:380px;
  float:left;   
}

.text_foto_left {
  float:left;
  margin-right:10px;
  margin-top:20px;
  margin-bottom:10px;
  border:1px solid #000000;
}

.text_foto_right {
  float:right;
  margin-left:10px;
  margin-top:20px;
  border:1px solid #000000;
}

.text_link {
  text-decoration:underline;
  color:#0000ff;
}

.text_link:focus {  
  color:#999999;
}

.text_link:hover {
  color:#999999;
}

.topic {
  font-size:1.25em;
  font-weight:bold;
  margin:0px;
  margin-top:15px;
}

.topic_2 {
  font-size:1.25em;
  font-weight:bold;
  margin-top:15px;
  margin-bottom:10px;
}

.topic_sub {
  font-size:1em;
  font-weight:bold;
  margin:0px;
}

.topic_sub_sub {
  text-decoration:underline;
  font-weight:normal;
  font-size:1em;
  margin:0px;
}

.underline {
  text-decoration:underline;
}


/* WILLKOMMEN */
@font-face { 
  font-family:coronet; 
  src:url(media/download/coronet.ttf) format(TrueType); 
}

#willkommen_foto1 {
  width:130px;
  height:80px;  
  margin-top:10px;  
  margin-right:10px;  
  border:1px solid #000000; 
  float:left; 
}

#praxisteam {
  width:238px;
  height:120px;  
  margin-top:10px;  
  margin-right:10px;  
  border:1px solid #000000;  
  float:left;
}

#huettener_berge {
  width:170px;
  height:86px;  
  margin-top:10px;  
  margin-right:10px;   
  border:1px solid #000000;
  float:left;  
}

#table_willkommen {
  width:770px;
}

#table_willkommen td {
  vertical-align:top; 
}

#table_willkommen caption {
  font-weight:normal;
  text-align:left;
}

#topic_willkommen {
  font-family:coronet,calibri,verdana,sans-serif;
  font-size:2em;
  font-weight:normal;
  margin:0px;
  color:#bb3232;    
}

#topic_sub_willkommen_font {
  font-size:2em;
  font-weight:normal;
  margin-top:20px;
  margin-bottom:0px;
  color:#883232;
  font-family:coronet,calibri,verdana,sans-serif;  
}

.topic_sub_willkommen {
  font-size:1.25em;
  font-weight:normal;  
  margin-bottom:0px;
  color:#883232; 
}