/*
*****************************************************
 url			: www.coach-plus.de
 erstellt 	: 23-02-2007 
 Aenderung	: 27-09-2006 
 Webdesign	: www.femwerk.de 
 CSS			: www.delectat.de (D.P.)
*****************************************************
 (c) 2007 www.Coach-plus.de
*****************************************************

Farben:
Hellgrau: #E6E6E6
Mittelgrau: #C4C4C4
Orange: #B5CCDA F99D1C FF9933
Hellbraun: #E2D5C5
Braun: #C2AA92
Dunkelbraun: #CC6600;
 
Body
----------------------------------------------------*/
 * {
margin: 0;
padding: 0;
} 

body {
	margin: 0;
	padding: 0;
	color: #555555;
	font-family:  Arial, Verdana, Tahoma, Trebuchet MS, Helvetica, sans-serif;
	font-size: 75%; 
	line-height: 170%;
	text-align: center;
	background: #fff url(../elemente/layout/bg-body.gif) repeat-y 50% 0;
}

img { border: none; }

a { text-decoration: none;}

.clear {clear: both; 
	font-size: 1px; 
	float: none;
	height:1px;
	margin-top:-1px;
	line-height: 1px;
}
	
.hide {display: none; }

/*  width
-----------------------------------------------------------*/

#wrap {
	text-align: left;
	margin: 0 auto;
	padding: 0;
	height: 100%;
	width: 830px; width: 970px;width: 900px;
	background: #FFF url(../elemente/layout/bg-body.gif) repeat-y 0 0;
}

/*  template 
----------------------------------------------------*/

#header 	{
	float: none;	
	height: 145px;
}

#claim {
	float: none;
	margin: 0;
	width: 100%;
	background: #E6E6E6 url(../elemente/layout/claim.gif) no-repeat 55% 0;
	padding: 28px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:28px; /* for IE5/Win */
	}

#logo {
	float: left;
	height: 114px;
	width: 106px;
	margin: 20px 0 0 23px;
	padding: 0;
}

#imagestreifen {
	width: 830px;width: 900px;
	height: 114px;
	margin: 0;	
	padding: 0;
}

#main	{float: right;
	width: 830px; width: 810px; width: 730px; 
	padding: 0;
	border: 0;
	margin: 0 0 20px 0;	
	background: transparent url(../elemente/coach-plus.gif) no-repeat 95% 97%;
	min-height: 500px
}

* html #main { height:500px;} /* nur fuer IE 5.5 - 6.x */
html + body #main { height:500px; } /* nur vom IE 5.0 */

#subnavigation {
float: left;
width: 165px;
 }
 
#content	{	
	width: 548px;width: 538px;
	text-align: left;
	margin:0 0 0 55px;margin:0 30px 0px 32px;
	padding:0;
}

#sidebar {
	float: right;
	text-align: right;
	width: 115px;
	height: 90%;
	margin: 32px 32px 0 0; margin: 32px 32px 0 0; 
	padding: 0;
}

* html #sidebar { margin: 32px 16px 0 0;} /* nur fuer IE 5.5 - 6.x */
html + body #sidebar { margin: 32px 16px 0 0; } /* nur vom IE 5.0 */

#headersidebar {
	float: right;
	margin: 32px 32px 0 0; 
}

* html #headersidebar { margin: 32px 16px 0 0;} /* nur fuer IE 5.5 - 6.x */
html + body #headersidebar { margin: 32px 16px 0 0; } /* nur vom IE 5.0 */

#footer	{
	height: 30px;
	padding: 14px 2px 0 200px;
	margin: 25px 0 0 0;
	text-align: left;
	background-color: #fff;
	border-top: 1px solid #ddd;
	clear: both;
}

#topbar	{	
	display: inline; 
	margin: 0 10px 0px 0;
	float:right;
}

#topbar #oben {
	padding: 0 10px 0px 2px;
	background: transparent url(../elemente/layout/uparrow.gif) no-repeat 100% 5px;
}

.leistungen ul {
	margin: 0 10px 30px 15px;
	padding: 2px 0;
}

.leistungen li{
	list-style: none;
	margin: 5px 10px 5px 5px;
	background: url(../elemente/layout/plus.gif) no-repeat 1px 4px;
	padding: 0 10px 0 22px;
	line-height: 1.5em;
	font-size: 1.0em;
	color: #404040;
}

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

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

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

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

#content a:link, #content a:visited , #content a:hover, #content a:active{
	background: transparent url(../elemente/layout/dot.gif) repeat-x 0 100%;
	padding: 0 0 1px 0;
}

/*  Links
----------------------------------------------------*/

#footer a:link, #footer a:visited, #footer a:active, 
#topbar a:link, #topbar a:visited, #topbar a:active {
	color:#FF9933;
	margin: 0;
	padding: 0 2px;
}

#footer a:hover, #topbar a:hover {
	color:#666;
}

.more {
	background: url(../elemente/layout/arrow2.gif) no-repeat 0 0;
	padding: 0px 20px 0px 0px;
}

/*  Text, Headlines, Listen
-----------------------------------------------------------------------*/

h1, h4 {
	color: #aaa;
	padding: 20px 0 20px 0;
	font: normal 22px/28px Arial, Helvetica, sans-serif;
	margin: 0 15px 0px 0;
}

h4 {	padding: 10px 0 10px 0;margin: 0 15px 0px 0;}

h2 {color:#444;
	padding: 0;
	margin: 0 15px 0px 0;
	font: bold 15px/20px Arial, Helvetica, sans-serif;
}

h3 {color:#444;
	padding: 0;	
	margin: 0 15px 0px 0;
	font: bold 14px/20px Arial, Helvetica, sans-serif;
	background: transparent url(../elemente/layout/bg-h2.jpg) no-repeat -1px 2px;
}

p {color: #404040;color: #4c4c4c;		
	font-size: 1.1em;	
	line-height: 1.5em;
	margin: 0 15px 15px 0;
	padding: 0;
}

hr {border:solid #eee 1px;
	height:1px;
	margin: 10px 0 15px 0;
	padding: 0 0 0px 0
}

#subnavigation p {color: #404040;color: #4c4c4c;		
	font-size: 1.0em;	
	line-height: 1.3em;
	margin: 10px 0 15px 0;
	padding: o;
}

#footer p{
	color: #666;
	padding:0;
	margin:0;
	line-height: 1.6em;
	font-size: 1.0em;
}

.tall {
	font-size: 1.1em;	
	line-height: 1.6em;
}

.zitat {
	background: transparent url(../elemente/layout/zitat-first6662.gif) no-repeat  0px 0;
	font: italic 20px/28px  "Lucida Grande", Trebuchet MS, Arial,Times, Georgia,   sans-serif;
	padding: 5px 25px 0 25px;
	color: #777;	
}

.zitatlast {margin:0px 0 0 0;
	background: transparent url(../elemente/layout/zitat-last2.giff) no-repeat 100% 100%;
}

i {font-style: italic;
	color: #333;
}

strong, b{	font-weight: bold;
	color: #444;
}

blockquote{
	font-size: 1.1em;
	color: #555555;
	padding: 11px 0 1px 7px;
	margin: 4px 0 8px 7px;
	border-left: 3px double #e4e4e4;
}

.colored {
	background-color: #EBF1F7; 
	padding: 7px 10px;
}

#hinweis{	
	border-top: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
	margin: 0 0 10px 0px;
	padding: 11px 10px 2px 15px;
	background-color: #f4f4f4;
	height: 75px
}

.small{
	font-size: 13px;
	color: #333;
}

.smallnew{
	font-size: 11px;
	color: #333;
}

.tall{
	font-size: 14px;
	color: #333;}

.white {
	background-color: #FFF;
}

.grey {
	background-color: #CCC;
}

.orange {
	margin: 0px 0 0 0;
	padding: 5px 0 0 0;
	color: #FF9933;
	font-size: 14px;
	line-height: 20px
}
 
 /*  Fotos
-----------------------------------------------------------------------*/ 

.img {
	border: 1px solid #dfdfdf; 
	padding: 2px;
	display: block;
  	background-color: #fff;
}

.rightalignone {
	float: right;
	margin: 16px 32px 0px 0px;
}

html>body .rightalignone {
	margin: 38px 32px 0px 0px;
}

.rightalign {
	float: left;
	margin: -3px 12px 0px 0px;
	padding: 0;
}

.rightnews {
	float: right;
	margin: 0;
	padding: 0;
}


.img-border {
	border: 4px solid #EEE;border: 3px solid #ddd;
	padding:1px;
	background-color: #FFF;	
}


.rightalign {
	float: right;
	margin: 0px 0 0 12px;
	line-height:0;
}

.leftalign {
	float: left;
	margin: 5px 12px 2px 0px;
	line-height:0;
}

 /*  Formulare
-----------------------------------------------------------------------*/ 
 
fieldset {
	margin: 0 5px 0 0px;
	padding: 3px;
	border: 2px solid #ddd;
}  
  
#kontakt .formkontakt, #newsletter .formkontakt{
	width: 100%; height: auto;
	background-color: #fff;
}

.reihe {
  	clear: both;
  	margin: 0;
  	padding: 0;
}  

.feld {
  	float: left;
  	width: 370px;
  	text-align: left;
  	padding: 4px 0 0 0;
  	line-height: 17px
} 

.label {
	height: 15px;
	width: 110px;
	margin: 0 0 0 18px;
	padding: 5px 0 0 5px;
	text-align: left;
	float: left;
}

#kontakt #knopf, #newsletter #knopf {
  	padding: 30px 0 25px 130px; 
}

.defbreite {
  	width: 290px;
}

.defbreiteplz {
  	width: 42px;
}
.defbreiteort {
  	width: 241px;
}
.pflicht {
	color: #F66013;
}

/*  Navigation
----------------------------------------------------*/
#navigation {
	height: 26px;
	width: 670px;
	margin: 0px 0px 0 100px;
	padding: 0px 0px 0 0;
	float: left;
	display:inline;
}

/* Navigation  
-----------------------------------------------------------------------*/
#nav {
	float: left;
	list-style: none;
	margin: 0 0 0 0px;
	padding: 0;
	height: 18px;
}
	
#nav li {
	float: left;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
}

#nav a {
	float: left;
	padding: 0px 7px;
	margin: 0;
	display:block; 
	text-decoration:none;
	color: #222;
	font-family: Arial;
	font-size: 0.9em; font-size: 12px; 
	line-height: 16px;
	background: transparent url(../elemente/layout/dotted-line-2.gif) repeat-y 100% 0;
}
	
#nav a:hover {
	color: #F99D1C; 
	border-bottom: 0px solid #FFD553
	}

#nav a:active, #nav a.selected {
	
	}

a.navlast, navlast{
background-image:none !important;
background: url(elemente/.gif) no-repeat right;
}

body#home a#navhome,
body#leistungen a#navleis,
body#gesundheitsmanagement a#navprae,
body#anti-aging a#navanti,
body#lifestyle-coaching a#navlife,
body#stressmanagement a#navstre,
body#gedaechtnistraining a#navgeda
{ 	color:#FF9933;	}

#main #content #angebot {
	text-decoration: none;
	border-bottom: 0px solid #ededed; 
	background: none;
	height:110px;
	width: 548px;
	display:block;
}

#main #content #angebot a:link, #main #content #angebot a:hover, #main #content #angebot a:visited { 
	text-decoration: none;
	border-bottom: 0px solid #fff;
	background: none;
}

#subnavigation h2 {
	margin: 67px 0px 0 0px;
	padding: 4px;
	border-bottom: 2px double #ddd;
	font: bold 14px/18px Arial, Helvetica, sans-serif;
	color: #444;
	text-align: left;
	background-colorr: #eee;
}

/*  Unternavigation 
----------------------------------------------------*/

#subnav {
	padding: 4px 0;
	margin: 0px 0px 0 0px;
}

#subnav ul {
	border-top: 0px solid #ccc;
	padding: 0;
	margin: 0px 0 0 0;
}

#subnav li {
	border-bottom: 1px solid #ececec;
	list-style: none;
	margin: 0;
	text-align:left;
}

#subnav li a {
	display: block;
	text-decoration: none;
	padding: 4px 0 4px 0px;
	background: transparent url(../elemente/layout/arrow2.gif) no-repeat 8px 11px;
	font-size: 11px;font-size: 11px;
	color:#444;
}

#subnav li a:hover {
	color:#F99D1C;
	background: #f4f4f4 url(../elemente/layout/arrow2.gif) no-repeat 11px 10px;
	padding: 3px 0 3px 0px;
	margin: 1px 0;
}

#subnav a.selected {
	color:#F99D1C;
	background: #F4F4F4 url(../elemente/layout/arrow2.gif) no-repeat 7px 10px;
	padding: 3px 0 3px 0px;
	margin: 1px 0;
	}
	
#subnav a.none {
	color: #3C618C;	
	background-image: none;
	padding: 3px 0 3px 21px;
	margin: 1px 0;
	}

#subnav a.noneselected {
	color:#F66013;
	background-color: #ececec;
	background-image: none;
	padding: 3px 0 3px 21px;
	margin: 1px 0;
	}