@charset "utf-8";
/* CSS Document */

body {
    	font: 100% Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
    	background: #666666; /* hellgrau */
		background-color:#333333; /* dunkelgrau */
		background-color:#FFFFFF; /* weiss */
		
		background-color:#c197ff; /* flieder */
		background-color:#DCDCDC; /* hellgrau */
    	margin: 0; /* Es empfiehlt sich, margin (Rand) und padding (Auffüllung) des Body-Elements auf 0 einzustellen, um unterschiedlichen Browser-Standardeinstellungen Rechnung zu tragen. */
    	padding: 0;
    	text-align: center; /* Hierdurch wird der Container in IE 5*-Browsern zentriert. Dem Text wird dann im #container-Selektor die Standardausrichtung left (links) zugewiesen. */
    	color: #000000;
		/*background-image:url(pics/bg-body-light.jpg);
		 background-image:url(pics/bg-body-dark.jpg); 
		background-repeat:repeat-x;*/
}
.oneColFixCtr #container {
    	width: 915px;  /* Mit einer Breite, die 20 Pixel unter der vollen Breite von 800 Pixel liegt, können Sie dem Browser-Chrome Rechnung tragen und gleichzeitig eine horizontale Bildlaufleiste vermeiden. */

    	margin: 0 auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
    	border: 0px solid #000000;
		padding: 0px 0px 0px 0px;
    	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
		background-image:url(bilder/Webdesign/selbstbewusstsein.png);
		background-repeat:repeat-y;
		background-position:0px 0px;
		background-attachment:scroll;

}
.oneColFixCtr #mainContent {
    	padding: 0 0px; /* padding (Auffüllung) bezeichnet den Innenabstand und margin (Rand) den Außenabstand der div -Box. */
}
.clearfloat { /* Diese Klasse sollte in einem div- oder break-Element platziert werden und das letzte Element vor dem Schließen eines Containers sein, der wiederum einen vollständigen Float enthalten sollte. */
   	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

h1 {
	font-size:18px;
	letter-spacing: 0.02em;
	word-spacing: 0.04em;
	color:#006699; /* dunkelblau */
	padding:10px 0px 6px 2px;
	margin:0px 0px 0px 0px;
	font-weight:bold;
}
h2 {
	font-size:16px;
	color:#ff4900; /* orange */
	letter-spacing: 0.01em;
	word-spacing: 0.02em;
	padding:4px 0px 2px 0px;
	margin:6px 3px 3px 2px;
}
h3 {
	font-size:14px;
	color:#006699; /* dunkelblau */
	padding:4px 0px 2px 0px;
	margin:6px 3px 3px 2px;
	letter-spacing: 0.02em;
	word-spacing: 0.04em;
}
h4 {
	font-size:12px;
	color:#ff4900; /* orange */
	padding:4px 0px 2px 0px;
	margin:6px 3px 3px 2px;
	letter-spacing: 0.02em;
	word-spacing: 0.04em;
	text-transform: uppercase;
	font-weight:bold;
}
h5 {
	font-size:12px;
	color:#006699; /* dunkelblau */
	padding:4px 0px 2px 0px;
	margin:6px 3px 3px 2px;
	letter-spacing: 0.03em;
	word-spacing: 0.06em;
}
h6 {
	font-size:10px;
	color:#ff4900; /* orange */
	padding:4px 0px 2px 0px;
	margin:6px 3px 3px 2px;
	letter-spacing: 0.04em;
	word-spacing: 0.06em;
	text-transform: uppercase;
}

.lightgrey {
	color:#CCCCCC;
}


/* allgemeine Links*/

a:link { /* noch nicht besuchte Ziele */
	text-decoration:none;
	color:#e97b05;
	color:#d14747;
}    
a:visited { /* besuchte Ziele */
	 text-decoration:none;
	 color:#e97b05;
	 color:#d14747;
} 
a:hover { /* Verweise bei "MouseOver" */
	text-decoration:underline;
	color:#e97b05;
	color:#d14747;
}   
a:active {
	text-decoration:none;
	color:#e97b05;
	color:#d14747;
}
/* Links weiss */
.white:link { /* noch nicht besuchte Ziele */
	text-decoration:underline;
	color:#FFFFFF;
}    
.white:visited { /* besuchte Ziele */
	 text-decoration:none;
	 color:#FFFFFF;
} 
.white:hover { /* Verweise bei "MouseOver" */
	text-decoration:overline;
	color:#FFFFFF;
}   
.white:active {
	text-decoration:none;
	color:#FFFFFF;
}
/* Links gelb */
.yellow:link { /* noch nicht besuchte Ziele */
	text-decoration:none;
	color:#FFFF00;
}    
.yellow:visited { /* besuchte Ziele */
	 text-decoration:none;
	 color:#FFFF00;
} 
.yellow:hover { /* Verweise bei "MouseOver" */
	text-decoration:underline;
	color:#FFFF00;
}   
.yellow:active {
	text-decoration:none;
	color:#FFFF00;
}

p {
	font-size:13px;
	letter-spacing: 0.01em;
	word-spacing: 0.03em;
	color:#000000;
	color:#333333;
	padding:0px 4px 0px 0px;
}

blockquote {
	font-size:11px;
	padding:0px 4px 0px 0px;
	color:#333333;
	font-style:italic;
}

.listeContent {
	font-size:13px;
	letter-spacing: 0.01em;
	word-spacing: 0.03em;
	color:#333333;
	/*list-style-image:url(bilder/test-pics/selbstbewusstsein-steigern.png);*/
	list-style-position: outside;
	/*overflow:hidden;*/
	padding:0px 0px 0px 6px;
	list-style-type: none;	
}
li {
	margin:0px 0px 7px 0px;
}
.listeInhaltsverzeichnis {
	font-size:12px;
	overflow:hidden;
	color:#333333;
	padding:0px 0px 0px 3px;
	margin:0px 0px 0px 2px;
	line-height:13px;
	/* list-style-type:disc; */
	list-style-image:none;
	color:#333333;
	letter-spacing: 0.00em;
	word-spacing: 0.00em;
	/*list-style-position: inside;
	list-style-image:url(bilder/test-pics/selbstbewusst-sein.gif);*/
	
}
.bluepoint {
	background-image:url(bilder/Webdesign/selbstbewusst-sein.gif);
	background-repeat:no-repeat;
	padding:0px 0px 0px 12px;
	list-style-image:none;
}
.bulletLogo {
	background-image:url(bilder/Webdesign/selbstbewusstsein-steigern.png);
	background-repeat:no-repeat;
	padding:0px 0px 0px 15px;
	list-style-image:none;
}


.KurzInfoTxt {
	padding:0px 3px 8px 3px;
	color:#043a6b;
	letter-spacing: 0.01em;
	word-spacing: 0.02em;
}


/* Styles blaue Infobox rechts */
.infoboxWhite {
	color:#FFFFFF;
	font-size:12px;
	margin:0px 2px 20px 3px;
	padding:5px 0px 0px 0px;
	line-height:13px;
	text-align:center;
	background-image:url(bilder/Webdesign/selbstbewusst-leben.png);
	background-repeat:repeat-x;
	background-position: 0px 0px; 
}
.infoboxPicture {
	padding:0px 0px 0px 3px;
}
#infoBox {
	float:right;
/*	background-color:#2F82C0;  blau */
/*	background-color:#ff7400;  orange */
/*	background-color:#37A8DB;   hellblau */
/*	background-color:#7B7090;   violett */
	width:180px;
	margin:0px 18px 0px 0px;
	padding:10px 0px 0px 0px;
	background-image:url(bilder/Webdesign/selbstbewusstsein-seminare.jpg);
	background-repeat:no-repeat;	
}


.headlineFull {
	font-size:18px;
	font-size:20px;	
	letter-spacing: 0.02em;
	word-spacing: 0.04em;
	color:#006699; /* dunkelblau */
	width:469px;
	padding:10px 0px 6px 2px;
	margin:0px 0px 0px 0px;
}
.heinsKurzinfo {
	color:#FFFFFF;
	padding:0px 3px 8px 3px;
	margin:0px 0px 0px 0px;
	font-size:15px;
	font-weight:bold;
}
.hzweiKurzinfo {
	color:#FFFFFF;
	padding:0px 3px 8px 3px;
	margin:0px 0px 0px 0px;
	font-size:13px;
	font-weight:bold;
}
/* Hauptnavigation 1 */
  ul.Navigation {
    margin: 0; 
	padding: 0.4em;
    text-align: left;
	font-size:12px;
	letter-spacing: 0.00em;
	float:left;
	white-space:nowrap;
	line-height:15px;
	width:180px;
  }
  ul.Navigation li {
    list-style: none;
	display:block;
    margin: 0.0em; padding: 0;
	width:180px;
  }

  ul.Navigation a, ul.Navigation span {
    padding: 0.0em 0.0em;
    text-decoration: none;
	color:#ff7400;
	color:#a62f00;
  }
  * html ul.Navigation a, * html ul.Navigation span {
    width: 1em;    /* nur fuer IE 5.0x erforderlich */
    w/idth: auto;  /* sicherheitshalber fuer IE 6 zurueckgesetzt */
  }
  ul.Navigation a:hover, ul.Navigation span {
    color: #ff7400;
	color:#a62f00;
	color:#FFFFFF;
	background-color:#CC0066;
	background-color:#37A8DB;  /* hellblau */
  }
 
.naviStrong a {
	font-size:13px;
	letter-spacing: 0.05em;
	font-weight:bold;
}
.naviStrong a:hover {
}

.mainNavi a {
	color:#ff7400;
	color:#ff4900;
	padding:0px 0px 6px 3px;
	margin:0px 0px 0px 0px;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
	letter-spacing: 0.02em;
}
.mainNavi a:hover {
	text-decoration:none;
	color:#37A8DB;
}
.naviLocation { /* Style positioniert in der Hauptnavigation die Ortsangabe */
	white-space:nowrap;
	margin:0px 0px 0px 80px;/* Ortsangabe sichtbar */
	margin:0px 0px 0px 165px;/* Ortsangabe unsichtbar */
	
}


#header {
	height:210px;
	width:679px;
	float:left;
	margin:0px;
	padding:0px;
	background-color:#FFFFFF;
	border-bottom: 1px solid #333333; /* dunkelgrau */
	border-bottom: 1px solid #ff4900; /* orange */
	border-bottom: 1px dotted #37A8DB; /* hellblau */
	background-repeat:no-repeat;
/*	background-image:url(bilder/test-pics/selbstbewusst-leben-selbstbewusstsein-steigern.png);  Schatten an linker Kante */
	background-repeat:repeat-y; /* verlängert Schatten an linker Kante */
/*	background-image:url(bilder/test-pics/a-DSC_0328.jpg);  Hintergrundbild m. Wolken */
	background-image:url(bilder/Webdesign/jetzt-selbstbewusst-leben.jpg);
/*	background-image:url(bilder/test-pics/endlich-selbstbewusst.jpg);             Hintergrundbild Steg Farbe */
/*	background-image:url(bilder/test-pics/endlich-selbstbewusst-leben.jpg);       Hintergrundbild Steg blass */

}

#author {
	background-color:#bfbf30; /* blassgrün */
	background-color:#ff7400; /* orange */
	background-color:#006699; /* dunkelblau wie footer */
	background-color:#37A8DB;  /* hellblau (passt besser zu Wolken) */	
	height:18px;
	font-size:13px;
	
	padding:0px 0px 5px 10px;
	margin:0;
	letter-spacing: 0.01em;
	word-spacing: 0.03em;
	color:#FFFFFF;
	background-image:url(bilder/Webdesign/selbstbewusst-leben-selbstbewusstsein-steigern.png);
	background-repeat:repeat-y;
	text-align:center;
}
#mainNavigation {
	width:197px;
	float:left;
/*	background-color:#ffff00;*/
	margin:0px 0px 0px 20px;
	padding:0px 0px 10px 0px;
	overflow:hidden;
	border-right: 1px solid #ff7400; /* orange */
	border-right: 1px solid #37A8DB; /* hellblau */
	background-image:url(bilder/Webdesign/selbstbewusst-leben-lebensfreude-steigern.jpg);
	background-image:url(bilder/Webdesign/selbstbewusstsein-steigern.jpg);
	background-repeat:repeat-y;
	background-repeat:no-repeat;
}
#content {
	background-color:#FFFFFF;
	padding:10px 0px 0px 10px;
	margin:0px 0px 0px 0px;
	width:488px;
	float:left;
	background-image:url(bilder/Webdesign/selbstbewusst-leben-selbstbewusstsein-steigern.png);
	background-repeat:repeat-y;
}

.naviSpacer {
	border-bottom: 1px dotted #37A8DB; /* hellblau */
	width:185px;
	margin:0px 0px 10px 6px;
	height:10px;
	float:left;
}
.claim {
	color:#2F82C0; /* dunkelblau */
	color:#006699; /* dunkelblau */
/*	margin:0px 0px 0px 130px; */
	margin:0px 0px 0px 145px;
	letter-spacing: 0.04em;
	word-spacing: 0.04em;
}
.kurzInfo {
	float:right;
	width:180px;
	margin:15px 3px 0px 3px;
	padding:5px 0px 0px 0px;
	background-image:url(bilder/Webdesign/selbstbewusstsein-seminar.jpg);
	background-repeat:no-repeat;
	background-color:#37a8db;
}
.boxYellow {
	float:right;
	width:180px;
	margin:15px 0px 10px 0px;
	padding:0px 0px 0px 0px;
	background-image:url(bilder/Webdesign/selbstbewusstsein-trainieren.gif);
	background-repeat:no-repeat;
	background-color:#90cfeb;
}
.inhaltsverzeichnis {
	background-color:#DCDCDC;
	float:right;
	width:178px;
	margin:0px 0px 0px 0px;
	padding:5px 2px 0px 0px;
	color:#666666;
	font-size:12px;
	color:#333333;
	line-height:13px;
	background-image:url(bilder/Webdesign/selbstbewusst-leben.png);
	background-repeat:repeat-x;
	background-position: 0px 0px; 
}
.heinsInhaltsverzeichnis {
	font-weight:bold;
	font-size:14px;
	letter-spacing: 0.04em;
	word-spacing: 0.02em;
	color:#006699; /* dunkelblau */
	margin:0px 0px 0px 0px;
	padding:3px 0px 0px 3px;
}
.txtInhaltsverzeichnis {
	font-size:12px;
	color:#333333;
	padding:4px 3px 5px 3px;
}
.inhaltsverzeichnisGrau {
	background-color:#DCDCDC;
	float:right;
	width:178px;
	margin:0px 3px 0px 0px;
	padding:5px 2px 0px 0px;
	color:#666666;
	font-size:12px;
	color:#333333;
	line-height:13px;
	background-image:url(bilder/Webdesign/selbstbewusst-werden.gif);
	background-repeat:repeat-x; 
}
#footer {
text-align:center;
	height:35px;
	width:868px;
	float:left;
	color:#FFFFFF;  /* Schriftfarbe weiß */	
	font-size:8px;	
	margin:0px 0px 0px 20px;
	padding:5px 0px 0px 10px;
	border-top: 1px solid #37A8DB; /* hellblau */
	border-bottom: 3px solid #37A8DB; /* hellblau */
	background-color:#006699; /* dunkelblau */
}
.dsR13677 { /* newsletter*/
	font-weight: normal;
	background-image: none;
	background-repeat: repeat;
	background-attachment:scroll;
	background-position: 0 0;
	padding:2px;
}
#newsletter {
	width:178px;
	border:1px solid #333333;
	font-size:11px;
	color:#333333;
	margin:0px 0px 0px 6px;
	padding:2px 2px 0px 4px;
	border: 1px dotted #37A8DB; /* hellblau */
	letter-spacing: 0.03em;
	word-spacing: 0.06em;
	background-color:#FEFF8F;
	float:left;
}
#newsletter input {
	border:1px solid #37A8DB;
	background:#ffffff;
	font-size:10px;
	padding:2px 0px 0px 2px;
	float:left;
}
#newsletterspacer { /* Platz unter Newsletter-Eingabefeld */
	width:auto;
	border:1px solid #333333;
	font-size:11px;
	color:#333333;
	margin:0px 0px 0px 6px;
	padding:2px 2px 0px 4px;
	border: 1px dotted #37A8DB; /* hellblau */
	letter-spacing: 0.03em;
	word-spacing: 0.06em;
	background-color:#FEFF8F;
	float:left;
}
#newsletterspacer input { /* Platz unter Newsletter-Eingabefeld */
	border:1px solid #37A8DB;
	background:#ffffff;
	font-size:10px;
	padding:2px 0px 0px 2px;
	float:left;
}

.spacer { /* Platz unter Newsletter-Eingabefeld */
	width: auto;
	height: 3000px;
}


.small {
	font-size:12px;
	color:#EFEFEF;
	color:#CCCCCC;
}
.pictureLeft { /* Bild im Fließtext links positionieren */
	float:left;
	margin:2px 6px 0px 1px;
}
.pictureRight { /* Bild im Fließtext rechts positionieren */
	float:right;
	margin:2px 4px 0px 4px;
}	
a img {      /* entfernt Rahmen bei Bildern, die als Link verwendet werden (z. B. Logo) */
border : 0 none;
}	

.pictureDescriptionLeft { /* Bild-Unterschrift für Bild links links positionieren */
	float:left;
	font-size:10px;
	color:#666666;
}
.pictureDescriptionRight { /* Bild-Unterschrift für Bild rechts positionieren */
	float:right;
	font-size:10px;
	color:#666666;
}
.komposita { /* unterbindet Zeilenumbrüche */
	white-space: nowrap; 
}