/* ------------------------------
   www.praxis-jaffke.de 
   ------------------------------ */
* {
  margin:0;
  padding:0;
  border:0;
}

html {
  height:100%;
  overflow:scroll;
}

body {
  background-color:#72932d;
  background-image:url(../images/back_body.gif);
  background-repeat:repeat-x;
  color:#000000;
  font-family:Verdana,Arial,sans-serif;	
  font-size:13px; 
  /* background:pink; /* bgtest */
}

:focus {
  outline:0;
}


p {
  text-align:left;
  line-height:17px;
  /* background:#dddddd /* bgtest */ ;
}

img {
  border:0;
}


h1 {
  font-size:15px;
  font-weight:bold;
  margin-top:15px;	
  margin-bottom:15px;
  line-height:24px;
  color:#6f9a18;
}


h2 {
  font-size:15px;
  font-weight:bold;
  margin-top:10px;	
  margin-bottom:10px;
  line-height:14px;
  color:#6f9a18;
}


/* ---------------------------- 
  allgemeine Klassen
------------------------------- */
.info{
  padding-bottom:10px;
  text-align:left;
  line-height:15px;
  font-size:12px;
}
 
.p7 {
  padding-bottom:7px;
}
 
.p14 {
  padding-bottom:14px;
}

.p17 {
  padding-bottom:17px;
}

.left {
  clear:left;
}

.imgwrap {
  font-size:0;
  line-height:0;
  padding-bottom:13px;
}


.palegreen {
  color:#6f9a18;
}

.green {
  color:#627f28;
}

.darkgreen {
  color:#43561a;
}



/* ---------------------------- 
  Struktur
------------------------------- */
#container {
  position:relative;
  margin:18px auto 0;
  text-align:left;
  width:929px;
}

#header {
  height:130px;
  background:url(../images/back_header.jpg) no-repeat;
}

#main {
  background:url(../images/back_main.gif) repeat-y;
}

#sidebar {
  width:250px;
  height:480px;
  float:left;
  /* background:orange;  bgtest*/
}

#contentwrap {
  position:relative;
  width:676px;
  float:left;
  /* background:pink;  /* bgtest*/
}

#textwrap {
  margin:36px 0 45px 55px;
  /* background:#aaaaaa; /* bgtest*/
}

#text { 
  width:570px;
  /* background:lightblue;  /* bgtest*/
}

#clearMain {
  clear:both;
  width:100%;
  height:5px;
  font-size:0;
  /* background:pink; /* bgtest */
}

#footer {
  text-align:center;
  padding-top:2px;
  height:50px;
  line-height:18px;
  color:#ffffff;
  /* background:blue;   /* bgtest */
}

#portrait {
  float:left;
  margin-right:15px;
  margin-bottom:0;
  padding:0;
  background:blue;   /* bgtest */
}

#clearPortrait{
  clear:both;
  width:100%;
  height:32px;
  font-size:0;
  /* background:pink; /* bgtest */
}


/* ---------------------------- 
  Listen
------------------------------- */
.liste {
  margin:0;
  list-style-type:none;
  /* background:red; /* bgtest */
}


.liste li {
  margin-left:0;
	padding-left:14px;
  line-height:20px;
  background:url(../images/square.gif) no-repeat 2px 8px;
}

.liste li.space {
  padding-bottom:10px;
}


/* ---------------------------- 
  Links
------------------------------- */
a {
  text-decoration:underline;
  font-size:13px;
  font-weight:bold;
  color:#627f28;
  cursor:pointer;
}

a:link {
  color:#627f28;
}

a:visited {
  color:#627f28;
}

a:hover {
  color:#335400;
}

a:active {
  color:#335400;
}


a.impressum {
  text-decoration:none;
  font-size:13px;
  font-weight:normal;
  color:#ffffff;
}

a.impressum:link {
  color:#ffffff;
}

a.impressum:visited {
  color:#ffffff;
}

a.impressum:hover {
  color:#43561a;
}

a.impressum:active {
  color:#43561a;
}


/* ---------------------------- 
  Menu
------------------------------- */
#menu {
  padding-top:38px;
  padding-left:32px;
  list-style-type:none; 
}

#menu li {
	font-size:0; 
  line-height:0;
}

.vacant,
.select { 
  display:inline-block;
  width:210px;
  height:40px; 
  background-repeat:no-repeat;
}
  
.vacant {
  background-position:0 0;
}

.select,
.vacant:hover { 
  background-position:-210px 0;
}

.vacant span,
.select span {
  display:none;
}


#m_start {
  background-image: url("../images/m_start.gif");
}

#m_diagnostik {
  background-image: url("../images/m_diagnostik.gif");
}

#m_angebot {
  background-image: url("../images/m_angebot.gif");
}

#m_indikationen {
  background-image: url("../images/m_indikationen.gif");
}

#m_person {
  background-image: url("../images/m_person.gif");
}

#m_kontakt {
  background-image: url("../images/m_kontakt.gif");
}

#m_kosten {
  background-image: url("../images/m_kosten.gif");
}

#m_netzwerk {
  background-image: url("../images/m_netzwerk.gif");
}


/* --------------------------
  Infoboxen
----------------------------- */
.popUp {
  position:absolute;
  display:none;
  border:2px solid #66a00b;
  z-index:100;
}

.popPanel_diagnostik {
  position:absolute;
  left:0px;
  top:0px;
  width:500px;
  height:350px;
  background:#f4fce2;
}

.popPanel_angebot {
  position:absolute;
  left:0px;
  top:0px;
  width:500px;
  height:500px;
  background:#f4fce2;
}

.popPanel_person {
  position:absolute;
  left:0px;
  top:0px;
  width:500px;
  height:430px;
  background:#f4fce2;
}

.popText_diagnostik {
  position:absolute;
  left:15px;
  top:10px;
  width:460px;
  height:350px;
  overflow:auto;
}

.popText_angebot {
  position:absolute;
  left:15px;
  top:10px;
  width:460px;
  height:500px;
  overflow:auto;
}

.popText_person {
  position:absolute;
  left:15px;
  top:10px;
  width:460px;
  height:430px;
  overflow:auto;
}


.popTitle {
  font-size:14px;
}

.popClose {
  position:absolute;
  right:3px;
  top:3px;
  width:25px;
  height:26px;
  cursor:pointer;
  background:url(../images/close.gif) no-repeat;
}

/* popUp - Maße/Positionen */ 
.diagnostik {
  left:90px;
  top:85px;
  width:500px;
  height:350px;
}

.angebot {
  left:90px;
  top:310px;
  width:500px;
  height:500px;
}



.person {
  left:90px;
  top:85px;
  width:500px;
  height:430px;
}