/********
Screen-CSS für metropolklinik.de und metropolpraxis.de
Author: Nicole W
********/

/******** Schrift allgemein ********/
div, p, td, a, span, input, textarea {
  font-family:Arial, sans-serif;
  color:#595858;
  font-size:1em;
  line-height:1.6em;
}
p {
  margin-bottom:1em;
}
h1, h2, h3, h4, h5, h6 {
  margin:0 0 1em 0;
  font-weight:bold;
  font-size:13px;
}
.lngFA h1 {text-align:right;}
h1, h2 {
  font-size:1.2em;
}
h6 {
}
ul, ol, dl { position: relative; }
ul {
  margin:0 0 1em 0; padding:0;
}
div.ce_text li {
  padding-left:20px;
}
div.ce_text li ul {
  list-style-type:disc;
  margin: 0 0 3px 15px;
}
div.ce_text li li {
  background:none;
  padding-left:3px;
}
a {text-decoration:none;}
a:hover {text-decoration:underline;}
.clear {clear:both;}
/*************** Layout ********/
body, html {
  height:100%;
}
body {
  font-size:0.8em;
}
div {position:relative;}
div#wrapper {
  background-color:#ffffff;
  min-height:100%;
  height:auto !important;
  height:100%;
}
/******** Header ********/
div#header {
  background:transparent url(../images/layout/background-header.gif) top right no-repeat;
}
div#logo {
  height:95px;
}
div#logo div.inside {
  padding:0 0 0 60px;
}
div#headerImg {
  height:245px;
}
div#headerImgOverlay {
  position:absolute;
  top:328px; left:0;
  height:12px;
  width:762px;
  z-index:5;
  line-height:1em;
}
div#header div.mod_article {
  float:right;
  margin-left:8px !important;
  margin-left:0px;
}
div#header div.mod_article div.ce_image {
  width:200px; height:245px;
  overflow:hidden;
}
/******** navMain ********/
div#navMain {
  position:absolute;
  top:95px; left:0;
  width:762px;
  background:transparent url(../images/layout/bg-navmain.png)
}
div#navMain ul {margin-left:10px;}
div#navMain li {float:left;}
div#navMain a:hover, div#navMain span, div#navMain a.trail {color:#ffffff;}
div#navMain a, div#navMain span {
  display:block;
  line-height:25px;
  font-size:1.2em;
  font-weight:normal;
  text-decoration:none;
  padding:0 8px;
}
div#container {
  background:transparent url(../images/layout/background-lines.gif) top left repeat-y;
  min-height:100%;
  height:auto !important;
  height:100%;
}
div#left div.inside {
  padding:0 14px;
  margin:10px 0 0 0;
}
div#main div.inside {
  padding:9px 6px 25px 6px;
}
div#right div.inside {
  padding:0 0 0 14px;
  margin:0;
}
/******** navSec ********/
div#navSec {
  padding-bottom:15px;
  margin-bottom:15px;
  border-bottom:1px solid #dbdbdb;
}
div#navSec ul {
  list-style-type:none;
}
div#navSec li {
  float:left;
  margin-right:20px;
}
div#navSec ul {
  clear:both;
}
div#navSec a, div#navSec span {
  display:inline-block;
  padding:3px 5px;
  font-weight:normal;
  text-decoration:none;
}
body.nav2 div#navSec li {width:250px; margin-right:0;}
body.nav3 div#navSec li {width:170px; margin-right:0;}
body.nav4 div#navSec li {width:130px;margin-right:0;}

/******** Impressum ********/
div#right div#impressum {
  overflow:hidden;
}
div#right div#impressum a {
  color:#595858;
  font-weight:normal;
}
/******** News ********/
div#left h2 {
  margin-bottom:0;
}
div#left p {
  display:inline;
}
div#left div.layout_short {
  margin-bottom:10px;
  padding-bottom:10px;
  border-bottom:1px solid #dbdbdc;
}
/******** Presse, News ********/
div#news h2, div#presse h2 {
  color:#008c77;
  font-size:1em;
}
div#news h2, div#presse h2 {
  color:#008c77;
}
div#news p, div#presse p {
  display:inline;
}
div#news div.layout_short, div#presse div.layout_short {
  margin-bottom:1em;
  padding-bottom:1em;
  border-bottom:1px solid #dbdbdc;
}
div#news img.newsImage, div#presse img.newsImage {
  float:right;
  margin:0 0 10px 10px;
}

/******** Infos rechts ********/
div#imressum {
  position:absolute;
  top:0; left:100px;
}
div#right h2 {
  margin-bottom:0;
}
div#right div.teaser p, div#right div.teaser a {
  line-height:0;
  margin:0; padding:0;
}
div#right div.teaser {
  margin-bottom:1em;
}
/*************** VIDEO ********/
div.mod_ch_flowplayer a {
  border:1px solid black;
}
div#left div.mod_ch_flowplayer {
  padding-bottom:14px;
  margin-bottom:14px;
  border-bottom:1px solid #dbdbdc;
}
/*************** Kontakt ********/
div#kontakt div.ce_text {
  margin-bottom:20px; padding-bottom:10px;
  border-bottom:1px solid #dbdbdc;
}
/*************** GoogleMap ********/
div.mod_dlh_googlemaps {
  position:absolute;
  top:0; right:0;
  border:1px solid #dbdbdc;
}
/*************** Formular ********/
form.kontakt td {
  padding:2px;
  vertical-align:top;
}
form.kontakt td.col_0 {
  width:150px;
}
form.kontakt input, form.kontakt textarea {
  width:150px;
  background-color:#e2e2e2;
  border:0;
  padding:2px;
  color:#000000;

}
form.kontakt textarea {
  width:400px;
}
form.kontakt input.submit {
  width:auto;
  padding:3px 5px;
  background-color:#008f7b;
  color:#ffffff;
}
form.kontakt p.error {
  color:red;
  margin-bottom:0;
}
form.kontakt td.explanation {
  text-align:right;
}
/*************** Startseite ********/
body.willkommen div#main div.ce_text p {

}