/*
 *	Author: Till Wollong
 *	Website: http://www.der-schwarzwaelder.de
 *
 * CSS Reset
 * http://meyerweb.com/eric/tools/css/reset/index.html
 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}


/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.fl {
	float: left;
}


/************** General Styles *****************/




a, a:visited { color: #9dc240; text-decoration: underline; }

a:hover, #footer a:hover, #ko #content a:hover, #linx #content a:hover, #imp #content a:hover {
	color: #bb5890;
}

/* Links für Kontakt, Links, Impressum */

#ko #content a, #linx #content a, #imp #content a {
	color: #666;
}

body{ background:transparent url('../images/bg_blumen.png') no-repeat 53% 0% ; color:#666; font:77% Arial, Helvetica, sans-serif;
position: relative;
line-height: 1.3em;

}

h1,h2,h3,h4,h5,h6{ font-family: Arial, Helvetica, sans-serif; }
h1{ font-size:30px;}
h2{ 
}
h3{ font-size:1em;
	color:#9dc240;
	margin-bottom: 1.4em;
	}
h4{ font-size:14px;}
h5{ font-size:12px;}
h6{ font-size:10px;}

p {
	margin-bottom: 1.4em;	
}

ul {
	margin-bottom: 1.4em;
}

/* Image - Replacement Logo **********************************************/


div#header {
	height: 135px;
	background: transparent url(../images/bg_header.png) repeat-x 0% 100%;
	position: relative;
	margin-top: 35px;
}

div#header span {
	position: absolute;
	right: 65px;
	top: 114px;
	color: #fff;
	font-weight: bold;
	font-size: 1.1em;
}

.ie7 div#header span {
	right: 60px;
}

div#logo {
	position: relative;
}

div#logo blockquote {
	position: absolute;
	text-indent: -9999px;
}


#logo h1 a, #logo h1 span {
	display: block;
	width: 564px;
	height: 109px;
	text-indent: -9999px;
	background: transparent;
}


#logo h1 {
	width: 564px;
	height: 109px;
	background:  url(../images/logo.png) no-repeat;
}

/**************************************************************************/

#wrapper {
	width: 877px;
	margin: 0 auto;
	
}

#container {
	background: #f2f3ec;
	padding-top: 10px;
	overflow: hidden;
}

#footer {
	text-align: right;
	background: #f2f3ec;
	padding: 13px 10px 14px 0;	
}

#footer a {
	text-decoration: none;
	color: #999;
}

.ie7 #footer {
	padding-right: 12px;
}
/* @group Navigation*/

div#sidebar {
	background: transparent url(../images/bg_navi.png) no-repeat 1px top;
	width: 225px;
}

ul#navigation {
	padding-top: 8px;
	width: 225px;
	
}
/*
ul#navigation li {
	width: 225px;
}*/

ul#navigation li a{
	height: 25px;
	border: 2px solid #dfe8c6;
	border-top: none;
	display: block;
	
	
}


li#home a {
	background: transparent url(../images/Home.png) no-repeat;
}


li#home a:hover, #start li#home a{
	background: transparent url(../images/Home_over.png) no-repeat;
}


li#philosophie a {
	background: transparent url(../images/Philosophie.png) no-repeat;
}

#philo li#philosophie a, li#philosophie a:hover {
	background: transparent url(../images/Philosophie_over.png) no-repeat;
}

li#definition a {
	background: transparent url(../images/Definiton.png) no-repeat;
}

li#definition a:hover, #def li#definition a  {
	background: transparent url(../images/Definition_over.png) no-repeat;
}

li#ablauf a{
	background: transparent url(../images/Therapieablauf.png) no-repeat;
}

li#ablauf a:hover, #ab li#ablauf a {
	background: transparent url(../images/Therapieablauf_over.png) no-repeat;
}

li#kosten a {
	background: transparent url(../images/Kosten.png) no-repeat;
}


li#kosten a:hover, #kos li#kosten a {
	background: transparent url(../images/Kosten_over.png) no-repeat;
}

li#leistungen a{
	background: transparent url(../images/Leistungen.png) no-repeat;
}

li#leistungen a:hover, #leist li#leistungen a {
	background: transparent url(../images/Leistungen_over.png) no-repeat; 
}

li#kontakt a {
	background: transparent url(../images/Kontakt.png) no-repeat;
}



li#kontakt a:hover, #ko li#kontakt a{
	background: transparent url(../images/Kontakt_over.png) no-repeat;
}

li#links a{
	background: transparent url(../images/Links.png) no-repeat;
}

li#links a:hover, #linx li#links a {
	background: transparent url(../images/Links_over.png) no-repeat;
}

li#tier a{
	background: transparent url(../images/Tier.png) no-repeat;
}

li#tier a:hover, #tier li#tier a {
	background: transparent url(../images/Tier_over.png) no-repeat;
}


#linx li#links a, #ko li#kontakt a, #leist li#leistungen a, #kos li#kosten a, #ab li#ablauf a, #def li#definition a, #tier li#tier a,
#philo li#philosophie a, #start li#home a

 {
	cursor: default;
}


/*@end*/

/* @group Content*/

/* hier muss die Höhe angepasst werden, damit es mit dem Bild auf der rechten Seite bündig abschliesst 

- Höhe von rightCont - Bild - 8px
*/



div#content {
	width: 389px;
	background: #fff;
	padding: 0 27px;
	padding-bottom: 27px;
	margin-top: 8px;
	min-height: 593px;
}

div#content p {
	width: 388px;
}



/*@end*/

/* @group Headlines */

/*Bidhöe eintragen */

#content h1 {
	width: 344px%;
	margin: 30px 0 20px 0;
	
	
	}

#start #content h1  {
	background: transparent url('../images/h1.png') no-repeat left top;
	height: 89px;
		

}

#philo #content h1 {
	background: transparent url('../images/h2.png') no-repeat left top;
	height: 27px;
}

#def #content h1 {
	background: transparent url('../images/h3.png') no-repeat left top;
	height: 27px;
}

#ab #content h1 {
	background: transparent url('../images/h4.png') no-repeat left top;
	height:27px ;
}

#kos #content h1 {
	background: transparent url('../images/h5.png') no-repeat left top;
	height:27px ;
}

#leist #content h1 {
	background: transparent url('../images/h6.png') no-repeat left top;
	height:27px ;
}

#ko #content h1 {
	background: transparent url('../images/h7.png') no-repeat left top;
	height:27px ;
}

#linx #content h1 {
	background: transparent url('../images/h8.png') no-repeat left top;
	height:27px ;
}

#imp #content h1 {
	background: transparent url('../images/h9.png') no-repeat left top;
	height:27px ;
}

#tier #content h1 {
	background: transparent url('../images/h10.png') no-repeat left top;
	height:27px ;
}


/*@end*/

/* @group rightCont */

/*Bilder auf der rechten Seite */

div#rightCont {
	width: 189px;
	min-height: 601px;
	margin-left: 12px;
	background: #9dc240;
}

#start div#rightCont  {
	background: #9dc240 url('../images/rightContHome.jpg') no-repeat left top;
	height: 780px;
}

#philo div#rightCont {
	background: #9dc240 url('../images/rightContPhilo.jpg') no-repeat left top;
	height:692px ;
}

#def div#rightCont {
	background: #9dc240 url('../images/rightContDef.jpg') no-repeat left top;
	height:988px ;
}

#ab div#rightCont {
	background: #9dc240 url('../images/rightContAb.jpg') no-repeat left top;
	height:1070px ;
}

#kos div#rightCont {
	background: #9dc240 url('../images/rightContKos.jpg') no-repeat left top;
	height:629px ;
}

#leist div#rightCont {
	background: #9dc240 url('../images/rightContLeist.jpg') no-repeat left top;
	height:826px ;
}

#ko div#rightCont {
	background: #9dc240 url('../images/rightContKo.jpg') no-repeat left top;
	height:628px ;
}

#linx div#rightCont {
	background: #9dc240 url('../images/rightContLinks.jpg') no-repeat left top;
	height:647px ;
}

#imp div#rightCont {
	background: #9dc240 url('../images/rightContImp.jpg') no-repeat left top;
	height:629px ;
	
}

#tier div#rightCont {
	background: #9dc240 url('../images/rightContTier.jpg') no-repeat left top;
	height:629px ;
	
}


/*@end*/
/* @group Teaser*/

dl.teaser {
	width: 375px;
	height: 120px;
	background: #f2f3ec; 
	overflow: hidden;
	padding: 10px;	
	margin-bottom: 8px;
}

dl.teaser dt {
	float: left;
	width: 185px;
	height: 116px;
}

dl.teaser dd {
	width: 184px;
	float: left;
}

/* Teaser - Überschrift / Abstand nach oben /

dl.teaser dd h2 {
	padding-top: 8px;
}

*/

/*@end*/

/* Safari Absolute Position */

@media screen and (-webkit-min-device-pixel-ratio:0) {
  #footer  { padding-right: 12px;  }
  div#header span {
  	right: 55px;
  }
 }