/* global */

* {
  margin: 0;
  padding: 0;
  font-family: arial,helvetica;
}

body,html {
  background-color: #fff;
  behavior: url(/jslib/csshover.htc); 
}

img {
  border: 0;
}

.warn {
  color: red;
}

h2 {
  color: #00529b;
  font: 15px/1.3 arial,helvetica;
  font-weight: bold;
  text-transform: uppercase;
}

h4 {
  color: #00529b;
  font: 15px/1.3 arial,helvetica;
  font-weight: bold;
}

a:link {
  color: #00529b;
  text-decoration:underline;
}

a:visited {
  color: #00529b;
  text-decoration: underline;
}

a:hover {
  color: #00529b;
  text-decoration: underline;
}

a:active {
  color: #00529b;
  text-decoration: underline; 
}

a.text:link {
  color: #000;
  text-decoration:none;
}

a.text:visited {
  color: #000;
  text-decoration: none;
}

a.text:hover {
  color: #000;
  text-decoration: none;
}

a.text:active {
  color: #000;
  text-decoration: none; 
}

/* Legende (Zeile 1) */

#legend {
  background-color: #666;
  width: 854px;
  height: 20px;
  text-align: right;
  font-size: 11px;
  margin-bottom: 2px;
}

#legend a {
  color: white;
  line-height: 20px;
  text-decoration: none;
  background-image: url(/images/legend_off.gif);
  background-repeat: no-repeat;
  background-position: 9px 5px;
  padding-left: 19px;
  padding-right: 10px;

}

#legend a:hover, #legend a.on {
  background-image: url(/images/legend_on.gif);
}


/* Hauptnavigation (Zeile 2) */

#hauptnavigation {
  z-index: 9;
  position: absolute;
  left: 0;
  top: 22px;
  width: 854px;
  height: 26px;
}

#hauptnav {
  width: 854px;
  height: 26px;
  background-image: url(/images/navigation_top.gif);
  background-repeat: no-repeat;
  background-position:0px -28px;
}

#hauptnavigation ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

#hauptnavigation li {
  display: block;
  float: left;
  margin-right: 2px;
  z-index: 200;
}


#hauptnavigation a.mainmenue {
  display: block;
  height: 26px;
}


#hauptnavigation li:hover ul, #hauptnavigation li.over ul { 
  display: block; 
}

#hauptnavigation ul.submenue {
  display: none;
  background-color: #fbeabf;
  z-index: 100;
}


#hauptnavigation ul.submenue li {
  min-height: 21px;
  position: relative;
  background-color: #fbeabf;
  margin-right: 0px;
  float: none;
}

#hauptnavigation ul.submenue li.first {
  padding-top: 6px;
}

#hauptnavigation ul.submenue li.last {
  padding-bottom: 6px;
}

#hauptnavigation ul.submenue li a {
  color: #00529b; 
  font: 12px/21px arial,helvetica;
  text-decoration: none;
}

#hauptnavigation ul.submenue li a:hover, #hauptnavigation ul.submenue li a.subon {
  color: #f1ab00; 
  text-decoration: none;
}

#hn_arthrose { width: 205px; }
#hn_arthrose ul li { padding-left: 70px }
#hn_arthrose a.mainmenue:hover, #hn_arthrose:hover a.mainmenue, #hn_arthrose a.mainon  {background: transparent url(/images/navigation_top.gif) 0px 0px no-repeat;}

#hn_motivation { width: 145px; }
#hn_motivation ul li { padding-left: 33px }
#hn_motivation a.mainmenue:hover, #hn_motivation:hover a.mainmenue, #hn_motivation a.mainon  {background: transparent url(/images/navigation_top.gif) -207px 0px no-repeat;}

#hn_bewegung { width: 146px; }
#hn_bewegung ul li { padding-left: 33px }
#hn_bewegung a.mainmenue:hover, #hn_bewegung:hover a.mainmenue, #hn_bewegung a.mainon  {background: transparent url(/images/navigation_top.gif) -354px 0px no-repeat;}

#hn_news { width:  145px; }
#hn_news ul li { padding-left: 54px }
#hn_news a.mainmenue:hover, #hn_news:hover a.mainmenue, #hn_news a.mainon  {background: transparent url(/images/navigation_top.gif) -502px 0px no-repeat;}

#hauptnavigation #hn_aerztesuche { width: 205px; margin-right: 0px }
#hn_aerztesuche ul li { padding-left: 55px }
#hn_aerztesuche a.mainmenue:hover, #hn_aerztesuche:hover a.mainmenue, #hn_aerztesuche a.mainon  {background: transparent url(/images/navigation_top.gif) -649px 0px no-repeat;}


/* Banner (Zeile 3) */

#banner {
  padding-top: 28px;
  clear: left;
  width: 854px;
  height: 132px;
  overflow: hidden;
}

#b_col1 {
  z-index: 21;
  float: left;
  width: 205px;
  height: 132px;
  margin-right: 2px;
  overflow: hidden;
}

#b_col2 {
  z-index: 22;
  float: left;
  width: 440px;
  height: 130px;
  overflow: hidden;
}

#b_col3 {
  z-index: 23;
  float: left;
  width: 205px;
  height: 130px;
  margin-left: 2px;
  overflow: hidden;
}


/* 3 spaltiger Content (Zeile 4) */

#content_standard, #content_homepage {
  background-repeat: repeat-y;
  width: 854px;
  margin-bottom: 2px;
}


#c_col1 {
  float: left;
  width: 205px;
  margin-right: 2px;
  font: 12px/1.3 arial,helvetica;
}

#c_col2 {
  float: left;
  width: 440px;
  font: 12px/1.3 arial,helvetica;
  overflow: hidden;
}

#c_col3 {
  float: left;
  width: 205px;
  margin-left: 2px;
  padding-top: 24px;
  font: 12px/1.3 arial,helvetica;
  padding: 20px 10px 1em 19px;
  width: 176px;
  overflow: hidden;
}

#c_col3 div.teasertext {
  padding-bottom: 1em;
}

#c_col3  img {
  border: 0;
}

#c_col3 div.ruler {
  background-image: url(/images/ruler_yellow2.gif);
  background-repeat: repeat-x;
  margin: 12px 0 10px 0;
  width: 176px;
  height: 4px;
}

#c_col3 h2 {
  color: #00529b;
  font: 16px/1.3 arial,helvetica;
  font-weight: bold;
  text-decoration: none;
  text-transform: none;
  padding-bottom: 10px;
}

#c_col3 h2 a {
  color: #00529b;
  font: 16px/1.3 arial,helvetica;
  font-weight: bold;
  text-decoration: none;
  text-transform: none;
}

#c_col3 p {
  padding-bottom: 1em;
}


/* template abhängige layouts */

#content_standard {
  background-image: url(/images/content_bg_standard.gif);
}

#content_standard #c_col1 {
  background-image: url(/images/fitundmobil_logo_bottom.jpg);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  padding: 50px 10px 10px 19px;
  width: 176px;
}

#content_standard #c_col2 {
  padding: 20px 10px 10px 00px;
  width: 430px;
}

#content_homepage {
  background-image: url(/images/content_bg_homepage.gif);
}

#content_homepage #c_col1 {
  background-image: url(/images/fitundmobil_logo_bottom.jpg);
  background-repeat: no-repeat;
  background-position:0px 0px;
  padding: 51px 19px 0px 10px;
  width: 176px;
  overflow: hidden;
}

#content_homepage #c_col1 .ruler {
  background-image: url(/images/ruler_yellow.gif);
  background-repeat: repeat-x;
  margin: 12px 0 10px 0;
  width: 176px;
  height: 4px;
  font-size:1px;
}

#content_homepage #c_col2 {
  background-image: url(/images/w4x23.gif);
  background-repeat: no-repeat;
  background-position:0px 0px;
  padding: 20px 17px 0px 17px;
  width: 406px;
  overflow: hidden;
}

#content_homepage #c_col2 .ruler {
  background-image: url(/images/ruler_yellow.gif);
  background-repeat: repeat-x;
  margin: 12px 0 10px 0;
  width: 406px;
  height: 4px;
  font-size:1px;
}

#content_homepage h2 {
  color: #00529b;
  font: 16px/1.3 arial,helvetica;
  font-weight: bold;
  text-transform: none;
  padding-bottom: 10px;
}

#content_homepage h4 {
  color: #00529b;
  font: 15px/1.3 arial,helvetica;
  font-weight: bold;
  padding-bottom: 4px;
}

#content_homepage a.more {
  display: block;
  width: 100%;
  height: 15px;
  text-decoration: none;
  background-image: url(/images/link_mehr_off.gif);
  background-repeat: no-repeat;
  background-position: right 3px;
}

#content_homepage p {
  padding-bottom: 1em;
}

/* template standard subnav */
 
ul#subnav {
  list-style: none;
  margin-top: 7px;
}

#subnav ul {
  list-style: none;
  padding-left: 18px;
}

#subnav a {
  color: #00529b;
  font-size: 12px;
  line-height: 24px;
  text-decoration: none;
  background-image: none;
  padding-left: 16px;
}

#subnav a.on {
  color: #dd9900;
  background-image: url(/images/subnav_on.gif);
  background-repeat: no-repeat;
  background-position: 0px 1px;
}

#subnav a:hover {
  color: #dd9900;
}

#subnav .submenue a {
  color: #00529b;
  font-size: 12px;
  line-height: 14px;
  text-decoration: none;
  padding-left: 8px;
  background-image: url(/images/subsubnav_off.gif);
  background-repeat: no-repeat;
  background-position: 0px 6px;
}

#subnav .submenue a:hover, #subnav .submenue a.on {
  color: #dd9900;
  background-image: url(/images/subsubnav_on.gif);
  background-repeat: no-repeat;
  background-position: 0px 6px;
}

/* template standard editor */

#editor {
  margin-top: 10px;
}

#editor p {
  padding-bottom: 1em;
}

#editor ul {
  padding-left: 2em;
  padding-bottom: 1em;
}

#editor ol {
  padding-left: 1.8em;
}

#editor ol li {
  padding-bottom: 1em;
}

/* Footer (Zeile 5) */

#footer {
  clear: left;
  width: 854px;
  padding: 15px 0 0 23px;
  font: 10px arial, sans-serif;
}

#footer a {
  color: black;
}


/* Sitemap */

ul.sitemap li {
  padding-top: 0.5em;
}

ul.sitemap li.first {
  padding-top: 1em;
}

ul.sitemap li.last {
}

/* Clearfix workaround */

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden
}

.clearfix { 
  display: block
}

/* spezial Text */

#editor .hilite_upper {
  font-weight: 700;
  color: #00529b;
  text-transform: uppercase;
  letter-spacing: 0.2em;
}


/* Kasten */

.kasten {
  width: 425px;
  border: 1px solid #00529b;
}

.kasten td {
  background-color: #e2e7f2;
  color: #00529b;
  padding: 12px;
}

.kasten th {
  background-color: #00529b;
  color: #ffffff;
  text-align: left;
  text-transform: uppercase;
  padding: 3px 15px;
  letter-spacing: 0.3em;
  font-size: 12px;
}

#editor .kasten td p { 
  padding-bottom: 0 ;
  padding-top: 0.5em ;
}

#editor .kasten td ul {
  padding-bottom: 0.5em ;
}