*/
/* Reset all */
*{ padding: 0; margin: 0; border: 0; }


body {
     margin:0;
     padding:0;
     background: #FFFFFF url(images/bg_body_3.png) top left repeat-x;
     font-family:  Verdana, Sans-serif;
     line-height:1.4em;
     color:#333333;     
     font-size: 100%;
	 font-size: x-small; /* IE5 Win */
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: small;
}
html>body { /* be nice to Opera */
font-size: small;
	 }
	 
 html, body {
min-height: 100%;
height: auto !important;
height: 100%
}
	 


/* links
----------------------------------------------- */
	 
a.download {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #e2007a;
text-decoration: none;
padding: 1px 0;
border-bottom: 1px solid #d4d4d4;
line-height: 1.4em;
}

a.download:link {
color: #e2007a;
padding: 1px 0;
text-decoration: none;
}

a.download:hover {
color: #333333;
text-decoration:  none;
/*border-bottom: 1px solid  #ffd2ea;*/
border-bottom: 0px solid #d4d4d4;
}

a.home{
color: #b42119;
text-decoration:  none;
}


/* text
----------------------------------------------- */

p  {
     font-family:  Verdana, Arial, Helvetica, sans-serif;
	 font-weight: normal;
     color: #333333;
	 line-height: 1.4em;
	 font-weight: normal;
	 font-size: 110%;
     text-align: left;
	 }
	 

p.klicken {
	font-size: 90%;
	line-height: 1.4em;
}

p.twain {
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	color: #0c7b87;
	font-size: 1.10em;
	line-height: 1.1 em;
	margin: 0 0 15px 0;
}

  /*float p {
     margin: 0 0 1.3em 0;
	 font-size: 110%;
     }*/

p.kontakt {
     margin: 7px 0 0 450px;
	 font-size: 11px;
	 font-family: georgia,times,serif;
	 font-style : italic;
     }
 
p.quote strong {
   color: #400803; 
     }

span.kontaktrot {
     font-family:  Arial, Helvetica, sans-serif;
	 font-style : normal;
	 color: #E2007A;
	 font-variant : small-caps;
	 margin: 0 7px 0 0;
     } 

span.navcon {
     color: #cd6712;
     } 
	 
h1 {
     font-size: 210%;
     line-height: 2.2em;
     margin: 0;
     padding: 0;
     color: #b42119;
     font-weight: normal;
     font-family:   "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	 text-align: left;
     }
    
h2   {
     font-size: 110%;
     margin: 0;
     padding: 30px 0 0 0;
     color: #333333;
	 line-height: 1.2em;
	 font-weight: bold;
	 letter-spacing: 0.02em;
	 font-family:  Arial, Helvetica, Corbel, Optima, sans-serif;
	 }

h3 {
     font-size: 1.60em;
     margin: 8px 0 15px 0;
	 letter-spacing: 0.03em;
     padding: 0;
     color: #313131;
     font-weight: normal;
	 font-family:  Tahoma, Arial, Verdana, Helvetica, Corbel, Optima sans-serif;
     }
	 
h4 {
     font-size: 130%;
     margin: 0;
     padding: 3px 0 10px 8px;
     color: #6B717E;
     font-weight: bold;
	 background-color: #ffffff;
     letter-spacing: 1px;
     text-transform: uppercase;
     font-family:   "arial narrow", Arial, Sans-serif;
     }
	 
h5 {
     padding: 2px 12px 0 0;
     margin: 0;
	 font-size: 80%;
	 font-weight: normal;
     line-height: 1.5em;
     text-align: left;
     color: #7C030C;
     }

.jahr{
	color: #b42119;
	font: 1.10em/1.615385em  Georgia, "Times New Roman", Times, serif;
	padding: 0 5px 0 0;
}

.imp{
	color: #313131;
	font:  0.70em Verdana, Arial, Helvetica, sans-serif;
	padding: 20px 5px 0 0;
}

.aufgabe{
	color: #333333;
	font:  90%  Verdana, Arial, Helvetica, sans-serif;
} 

a.beam{
	color: #e2007a;
	font:  80%  Verdana, Arial, Helvetica, sans-serif;
	border-bottom: 1px solid #d4d4d4;
	text-decoration:  none;
	margin: 0 0 0 400px;
} 

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

a.beam:hover{
	color: #333333;
	text-decoration:  none;
	border-bottom: 0px solid #d4d4d4;
} 
	 
 /* layout 
 ----------------------------------------------- */

#wrapper {
	display: block;
	margin: 8px auto;
	padding: 0;
	width: 780px;
	min-height: 100%;
	overflow: hidden;
	background-color: #ffffff;
}

#top {
     margin: 0;
     padding: 0;
     background: #fff;
     height: 29px;
     width: 780px;
     border-top: 3px solid #c2c2c2;
	 border-bottom: 1px solid #c2c2c2;
	 }

#imagesoben {
     margin: 0;
     padding: 0;
     border: 0;
     background: #fff;
     height: 231px;
     width: 800px;
	 text-align: center;
	 }

#header {
     margin: 8px 0 0 0;
     padding: 0;
     border: 0;
     width: 798px;
	 height: 115px;
	 background: url(images/header_3_neu.png) top left no-repeat;
	  }
	  
#content {
     width: 780px;
	 /*min-height: 750px;
	 margin: 185px 0 0 0;*/
     padding-left: 0;
	 }
	
#content-right {
     min-height: 100%;
	 padding: 0;
	 background-color: #f2f2f2;
	 /*min-height: 750px;*/
     width: 780px;
     float: left;
	 }

#contentnav{
	margin: 10px 0 0 0;
	padding: 0;
}
.ganzoben {
	 margin: 30px 0 0 0;
	 padding: 0;
	 background: url(images/bg_referenzen.jpg);
	 background-repeat: no-repeat;
	 background-color: #fff;
	 font-family:  Arial, Helvetica, sans-serif;
	 font-weight: normal;
     color: #333333;
	 line-height: 1.4em;
	 font-weight: normal;
	 font-size: 110%;
     text-align: left;;
     }
	 
.oben {
	 margin: 0;
	 padding: 0;
	 height: 230px;
	 background-color: #fff;
	 background: url(images/bg_referenzen.jpg);
	 background-repeat: no-repeat;
	 font-family:  Arial, Helvetica, sans-serif;
	 font-weight: normal;
     color: #333333;
	 line-height: 1.4em;
	 font-weight: normal;
	 font-size: 110%;
     text-align: left;;
     }

#artikeloben {
	 margin: 18px 30px 0px 0;
	 padding: 16px 5px 15px 18px;
	 font-weight: normal;
     line-height: 1.4em;
	 font-family:  Verdana, Arial, Sans-serif;
	 background: url(images/bg_artikel.jpg);
	 background-repeat: repeat-x;
	 border-top: 2px solid #cd6712;
     }
	 
#artikelganzoben {
	 margin: 0px 30px 0px 0;
	 padding: 16px 5px 15px 18px;
	 font-weight: normal;
     line-height: 1.4em;
	 font-family:  Verdana, Arial, Sans-serif;
	 background: url(images/bg_artikel.jpg);
	 background-repeat: repeat-x;
	 border-top: 2px solid #cd6712;
     }
	 
#artikelkontakt {
	 margin: 39px 30px 0px 0;
	 padding: 16px 5px 550px 18px;
	 font-weight: normal;
     line-height: 1.4em;
	 font-family:  Verdana, Arial, Sans-serif;
	 background: url(images/bg_artikel.jpg);
	 background-repeat: repeat-x;
	 border-top: 2px solid #cd6712;
     }
	 
.artikel{
	 margin: 0 30px 0px 0;
	 padding: 16px 5px 15px 18px;
	 font-weight: normal;
     line-height: 1.4em;
	 font-family:  Verdana, Arial, Sans-serif;
	 background: url(images/bg_artikel.jpg);
	 background-repeat: repeat-x;
     }

.artikelrubrik{
	 margin: 10px 30px 0px 0;
	 padding: 16px 5px 15px 18px;
	 font-weight: normal;
     line-height: 1.4em;
	 font-family:  Verdana, Arial, Sans-serif;
	 background: url(images/bg_artikel.jpg);
	 background-repeat: repeat-x;
	 border-top: 1px solid #ccc;
     }
	 
#name{
	float: left;
	color: #ffffff;
	padding: 0 0 0 15px;
	margin: 0 0 0 10px;	
}

#titel {
	 float: right;
	 color: #FFFFFF;
	 padding: 0 50px 0 0;
	 margin: 25px 0 0 0;
	 text-align: rigth;
}

#beam{
	text-align: bottom;
}

	 
/* images
----------------------------------------------- */

img {
     margin: 0;
     padding: 0;
	 border: 0;
      }
	 
img.main {
    float: left;
	margin: 20px 20px 10px 20px;
	padding: 3px 0 3px 0;
	/*border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;*/
	}
	
img.index{
    float: right;
	margin: 5px 20px 50px 15px;
	padding: 3px 0 3px 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	}
	
img.topartikel {
    float: left;
	margin:  0 30px 0 0;
	padding: 0;
	}
	 
img.mainsmall {
    float:left;
	margin: 10px 15px 10px 0;
	padding: 0;
	 }

img.small {
    margin: 0 0 3px 0;
	padding: 0;
	 }
	 
img.ambio {
    margin: 50px 0 0 20px;
	 }

	 
img.small_links {
    margin: 0 10px 3px 0;
	padding: 0;
	 }

img.pfeil {
    margin: 0 5px 0 0;
	padding: 0;
	float: none;
	}

#logo a {
     display: block;
     margin: 10px 0 0 0;
     padding: 0;
     border: 0;
     }
	 
span{
	color: #333333;
}

	 
 /* teaser
----------------------------------------------- */   

/* telement */

#teaser-container {
     margin: 0;
	 padding: 0;
	 width: 244px;
     float: right;
	 height: 700px	 
	  }


.teaser {
     display: block;
     padding: 0;
     margin: 13px 0 0 0;
	 marg\ing: 0 4px 0 0;
	 wi\dth: 236px;
	 width: 244px;
     background: url(images/content_bg.gif) top left repeat;
	border-bottom: 1px dotted #6b717e;
     }
	  
.telement {
     padding: 0px 0 8px 8px;
     margin:  0 0 10px 0;
     width: 236px;
	 }

 
.telement h2 {
     padding: 3px 0 0 0;
     margin: 0;
     font-size: 100%;
     border: 0;
     color: #7C030C;
     }
	 
.telement h5 {
     padding: 0 0 10px 0;
     margin: 0;
     font-size: 80%;
     border: 0;
     color: #7C030C;
     }
 

.telement p {
     padding: 2px 0 0 0;
     margin: 0;
	 font-size: 85%;
     line-height: 1.5em;
     text-align: left;
    color: #6b717e;
     }
	 
	 
 /* Listen
----------------------------------------------- */   	 
.liste {
     margin: 10px 0 0 0;
     padding: 0;
     list-style-type: none;
     letter-spacing: 0;
	 font-family:  "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	 font-size: 110%;
	 line-height: 1.4em;
	 color: #333;
	}
     
#liste ul li {
     width: 178px;
	 line-height: 1.4em;
     margin: 5px 0 0 0;
     padding: 0;
     background-image:none;
     text-indent:0;
     }

#liste ul li a {
    font-size: 95%;
	display: block;
	margin: 5px 0 5px 0;
	padding: 1px 0 1px 15px;
    text-decoration: none;
    line-height: 1.4em;
    width: 175px;
	color: #333;
     }

#liste ul li a:hover, #liste ul li a.active, #liste ul li a strong {   
	color: #6b9120;
	font-weight: normal;
     }
     
#liste ul li a.active { 
     padding: 1px 0 1px 3px;
     width: 166px;
	 }
	 
.vorn {
	font-family:  Verdana, Tahoma, Arial, Helvetica, Corbel, Optima, sans-serif;
    line-height: 1.4em;
    color: #333;     
    font-size: 100%;
	font-weight: normal;
	margin-left: 25px;
	padding: 0;
	list-style-image:  url(images/grau_1.gif);
}

.therapie {
     margin: 10px 0 0 15px;
	 width: 490px;
     padding: 0;
     letter-spacing: 0;
	 font-family:  "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	 font-size: 110%;
	 list-style-image: url("images/rot.gif");
	 color: #333;
	}
	
#therapie ul li {
     line-height: 1.4em;
     margin: 5px 0 0 0;
     padding: 0;
     background-image:none;
     text-indent:0;
	 list-style-image: url("images/rot.gif");
     }
     
 #therapiegross ul li {
     line-height: 1.4em;
     margin: 5px 0 0 0;
     padding: 0;
     background-image:none;
     text-indent:0;
	 list-style-image: url("images/rot.gif");
	 text-transform: uppercase;
     }
	 
 .regelung {
	font-family:  "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    line-height: 1.4em;
    color: #333;     
    font-size: 110%;
	font-weight: normal;
	margin-left: 25px;
	padding: 0;
	list-style-image:  url(images/grau.gif);
	}
	 	 
	 .impressum {
     margin: 10px 0 0 0;
	 width: 780px;
     padding: 0;
     letter-spacing: 0,5px;
	 font-family:   Arial, Helvetica, sans-serif;
	 font-size: 11px;
	 list-style-type: none;
	 color: #333333;
	}
	
	#impressum ul li {
     line-height: 1.4em;
     margin: 5px 0 0 0;
     padding: 0;
     background-image:none;
     text-indent:0;
	 list-style-image: url("images/rot.gif");
     }


/* Fuer jeden was, besonders Opera  
---------------------------------------------------- */   

li {margin:0; padding:0;}
ul {margin:0; padding:0; }



 /* Navigation
----------------------------------------------- */   

#content-left ul {
     width: 170px;
	 margin: 50px 0 0 0;
     padding: 10px 0 0 0;
     border-top: 2px solid #cd6712;
     list-style-type: none;
     letter-spacing: 0.05em;
     font-family:  Verdana, Helvetica, sans-serif;
	 font-size: 105%;
	font-weight : bold;
	}
     
#content-left ul li {
     width: 170px;
     margin: 0 0 0 0;
     padding: 0;
     background-image: url(images/bg_nav_li.png);
	 background-repeat: repeat-x;
     text-indent:0;
     border-bottom: 1px dotted #9c9c9c;
     }

#content-left ul li a {
    font-size: 95%;
	display: block;
	margin: 10px 0 10px 0;
	padding: 1px 0 1px 20px;
    text-decoration: none;
    line-height: 20px;
    width: 140px;
	color: #333;
     }

#content-left ul li a:hover, #content-left ul li a.active, #content-left ul li a strong {   
	width: 140px;
	color: #0c7b87;
	font-weight : bold;
	/*background-color: #fafff0;*/
	background-image: url(images/pfeil_nav.gif);
	background-repeat: no-repeat;
	background-position: 5px 50%;
    }
     
#content-left ul li a.active { 
     font-weight: bold;
	 padding: 1px 0 1px 20px;
     width: 140px;
	 background-image: url(images/pfeil_nav.gif);
	 background-position: 5px 50%;
	 }

/* subsubnavigation */

#content-left ul ul {
     margin: 0;
     padding: 0;
     border-top: 1px dotted #9c9c9c;
     list-style-type: none;
	 letter-spacing: 0; 
	 }
     
#content-left ul ul li {
     width: 148px;
     margin: 0;
     padding: 2px 0 2px 14px;
     background-image:none;
     text-indent:0;
     border-bottom: 0;
     }

#content-left ul ul li a {
	font-size: 90%;
	display: block;
	margin: 0 0 0 12px;
    padding: 2px 0 2px 14px;
    width: 148px;
    text-decoration: none;
    line-height: 20px;
	color: #333;
	
     }

#content-left ul ul li a:hover, #content-left ul ul li a.active, #content-left ul ul li a strong {
	background-color: transparent;
     color: #416900;
     font-weight : normal;
	 width: 148px;
	 padding: 2px 0 2px 10px;
	 background-position: 0.35em 0.3em;
	 }
	 
/* Navigation oben
  --------------------------------------------*/
.navioben{
color: #fff;
} 
 
 ul#navoben {
display: inline;
margin: 74px 0 0 450px;
padding: 0;
list-style: none;
float: left;
background: transparent;
}

ul#navoben li {
float: left;
color: #333333;
margin: 0 15px 0 0;
padding: 0;
font-family:  Verdana, Arial, Helvetica, sans-serif;
font-size:100%;
}

ul#navoben li a {
display: block;
margin: 0 0 0 0;
padding: 0; 
font-size: 100%;
color: #333333;
text-decoration: none;
}

ul#navoben li a:hover, #home .navhome a, #kontakt #navkontakt a, #impressum #navimpressum a, #links #navlinks a, #navoben ul li a.active {
color: #e2007a;
text-decoration: none;
border-bottom: 1px solid #e2007a;
}


/* Navigation oben links
  --------------------------------------------*/
#navigation {
display: inline;
margin: 0px 0 0 10px;
padding: 0;
list-style: none;
float: left;
}

#navigation ul {
list-style-type:none;
margin:0;
padding:0;
display: inline;
margin: 5px 0 0 15px;
padding: 0;
float: left;
}

#navigation ul li {
float: left;
color: #333333;
margin: 0 10px 0 0;
padding: 0;
font-family:   Georgia, "Times New Roman", Times, serif;
font-size:100%;
font-style : italic;
}

#navigation a {
display: block;
margin: 0 0 0 0;
padding: 0; 
font-size: 100%;
color: #333333;
text-decoration: none;
}

#navigation a:hover {
color: #E2007A;
text-decoration: none;
border-bottom: 1px solid #E2007A;
}

#navigation li.aktiv a {
color: #E2007A;
text-decoration: none;
border-bottom: 1px solid #E2007A;
}

  
  
  
/*  
 ul#navlinks {
display: inline;
margin: 5px 0 0 18px;
padding: 0;
list-style: none;
float: left;
}

ul#navlinks li {
float: left;
color: #333333;
margin: 0;
padding: 0;
font-family:   Georgia, "Times New Roman", Times, serif;
font-size:100%;
font-style : italic;
}

ul#navlinks li a {
display: block;
margin: 0 0 0 0;
padding: 0; 
font-size: 100%;
color: #333333;
text-decoration: none;
}

ul#navlinks li a:hover, #home .navlinkshome a, #referenzen .navlinksreferenzen a, #kontakt #navkontakt a, #impressum #navimpressum a, #links #navlinks a #navilinks li.aktiv a{
color: #E2007A;
text-decoration: none;
border-bottom: 1px solid #E2007A;
background: #000;
}
*/


/* Navigation content
  --------------------------------------------*/
  
 #navcontent {
color: #313131;
} 

ul#navcontent {
display: inline;
font-size: 80%;
margin: 0px 0 0 20px;
padding: 0;
list-style: none;
float: left;
background: transparent;
}

ul#navcontent li {
float: left;
margin: 0;
padding: 0;
font-family:  Verdana, Arial, Helvetica, sans-serif;
color: #313131;
}

ul#navcontent li a {
display: block;
margin: 0 0 0 0;
padding: 0; 
color: #CD6712;
text-decoration: none;
}

ul#navcontent li a:hover,  #home .navhome a, #arbeitsweise #navarbeitsweise a, #text #navtext a {
color: #CD6712;
text-decoration: none;
}

#navcontent ul li a.active { 
     font-weight: bold;
	 color: #CD6712;
}

 /* Footer
----------------------------------------------- */     
  
  #copyright a:link, #copyright a:visited {
     font-family:  Arial, Verdana, sans-serif;
	 color: #333333;
     text-decoration: none;
     font-size: 90%;
     }
     
#copyright a:hover, #copyright a:active {
      font-family:  Arial, Verdana, sans-serif;
	 color: #E2007A;
     text-decoration: underline;
	 }

#c-center {
	 margin: 25px 0 0 0;
     padding: 0;
     width: 780px;
     height: 50px;
     color: #333333;
	 font-size: 11px;
     letter-spacing: 1px;
	 font-family:  Arial, Verdana, sans-serif;
     border-top: 3px solid #c2c2c2;
     }

p.footer{
	 font-size: 11px;
}
	 
 /* little helpers
----------------------------------------------- */    
     
.reset {
     display:block;
     clear:both;
     margin:0;
     padding:0;
     height:1px;
     font-size:1px;
     line-height:1px;
     }

.block {
     display: block;
     }

/* FORMULARE
-------------------------------------- */
form {
width: 250px;
margin: 10px 0 10px 0;
display: block;
}

   	#person label {
   	display: block;
   	font-weight: normal;
   	}

   	textarea {
   	width: 300px;
   	height: 125px;
	margin: 10px 0 10px 0;
   	}
	
	input, textarea {
	border: 1px solid#c9c9c9;
	background: transparent;
	background: #fff url(images/bg-input.jpg) top left repeat-x; 
	font: 1em/1.6em Verdana, Arial, Helvetica, sans-serif;
	padding: 0.5em;
	margin: 3px 0 10px 0;
}

	label,
	input[type=checkbox],
	input[type=radio] {
	cursor: pointer;
}
	input:focus, textarea:focus {
	border: 1px solid #313131;
	background: #fff;
	color: #313131;
}

	legend {
		font-size: 1em;
		text-transform: uppercase;
		background: #444;
		padding: 5px 10px;
		color: #fff;
		margin: 10px 0 10px  -1px;
		font-weight: normal;
	}
	
input:hover, textarea:hover, select:hover, input:focus, textarea:focus, select:focus { 
border: 1px solid #666666;
}

abbr{
	border-bottom: 1px dotted #b42119;
}