/*__ colors __

creme: #fff;		Hintergrund Text, Hintergrund Menüs
grau: #bba;			border bei Menüs
dunkelgrau: #775; h3
umbra : #4fbd19;  Hintergrund Body
antrazit: #332;
bordedaux: #911; h1, Menüs,
orange: #f81; Hintergrund Menü-Überschriften, Balken GlücksBilanz
gelb: #fd1; Rollover Menü, selektieres Menü, Balken GlückBilanz first

Trebuchet MS, 

*/

/*__ general __*/
body {
			font-family: Verdana, Arial, sans-serif;
			font-size: 80%;
			margin : 0;
			background-color: #f0f0f0;
			color: #332; }
	
label {
			font-size: 70%; }


textarea {
			font-size: 10pt;
			font-family : Verdana, Arial, sans-serif; }

p {
			margin: 0 0 0.6em 0; }

h1 {
			margin: 0 0 0.7em 0;
			padding: 0;
			font-weight : bold;
			font-size: 120%;
			color: #911;
			text-transform: uppercase; }

h2 {
			margin: 0 0 0.3em 0;
			padding: 0;
			font-weight : bold;
			font-size: 110%;
			color : #332; }

h3 {
			padding: 0;
			margin: 0;
			font-weight : bold;
			font-size: 110%; }

h9 {
			padding: 0;
			margin: 0 0 10px 0;
			font-weight : normal;
			font-size: 100%; }

.small {
			font-size: 70%; }
/*			
 a {
			text-decoration: none;
			color: #911;
			border-bottom: 1px dotted #911; }

a:hover {
			text-decoration: none;
			border-bottom: 1px solid #911; }
*/
a:link, 
a:active, 
a:visited {
	color: #791820;
	text-decoration: none;
	font-weight: normal;
	margin-left: 1px;
	padding-left: 9px;
	background: transparent url(../images/arrow.gif) no-repeat 0 70%;	
	}
a:hover {
	color: #791820;
	text-decoration: underline;
	margin-left: 1px;
	padding-left: 9px;
	background: transparent url(../images/arrow.gif) no-repeat 0 70%;		
	}


/*__ container __*/
	
#header {
			height: 220px;
			background: #fff url(../images/gn_header.jpg) no-repeat 0 20px; }

#logo {
			 position: absolute;
			 top: 10px;
			 left: 10px;
			 margin: 0; }

#headermenu	{
			float: right;
			margin: 10px 5px 0 0;
			text-align: right; }
			
#navleft {
			float: left;
			margin: 10px 0 10px 5px;
			padding: 0;
			width: 200px;
			border-top: 1px solid #fff;
			border-left: 1px solid #fff; }
	
#navright {
			float: right;
			margin: 10px 5px 10px 0;
			padding: 0;
			width: 200px;
			border-top: 1px solid #fff;
			border-left: 1px solid #fff; }

#content {
			margin: 10px 210px 10px 210px;
			padding: 5px 10px 5px 10px;
			background-color: #fff; }
	
#footer {
			clear: both;
			margin: 10px 0 0 0;
			padding: .5em;
			color: #911;
			border-top: 1px solid #332; }
			
#footer a {
			background: none; }

#kommentar {
			margin-top: 20px; }
			
#kommentarform {
			background-color : #ccc;
			padding : 5px;
			display : none; }

#w_diagramm {
			margin-top: 10px; }
			
/*__ typo __*/

#header h1 {
			font-size: 35px;
			color: #f81; }

#w_diagramm a {
			border-style: none; }

.menu ul {
			list-style-type: none;
			margin: 0;
			padding: 0;
			background-color: #fff; }
			
.menu ul li {
			border-bottom: 1px solid #bba;
			padding: 2px 0 2px 5px;
			color: #911;
			text-align: left; }
			
.menu ul li:hover {
			background-color: #fd1; }

.menu ul li a {
			text-decoration: none;
			color: #911;
			border-style: none; }
			
.menu h3 {
			text-align: left;
			color: #775;
			margin: 0;
			padding: 2px 0 2px 5px;
			background-color: #f81; }
			
#headermenu a:link,
#headermenu a:active,
#headermenu a:visited,
#headermenu a:hover {
	text-decoration: none;
	color: #911;
	padding: 0;
	background: none; }

#headermenu a:hover {
	text-decoration: underline; }
	
#todolist ul	{
			margin-top: 15px; }

#todolist li {
			margin-bottom: 10px;
			list-style-position: outside;
			list-style-image:  url("../images/bullet1.gif"); }

#externallinks ul	{
			margin-top: 15px; }

#externallinks li {
			margin-bottom: 10px;
			list-style-position: outside;
			list-style-image:  url("../images/web.gif"); }
			
.myComments {
			margin-bottom:10px; }
			
a.glossar_old {
			text-decoration: none;
			color: #332;
			border-bottom: 1px dotted #332; }
			
body.glossar {
			background: #fff;
			padding: 10px; }

a.pdf:link,
a.pdf:active,
a.pdf:visited,
a.pdf:hover {
			text-decoration: none;
			color: #332;
			border-style: none;
			padding: 0;
			margin: 0;
			background: none; }
			
a.iconlink:link,
a.iconlink:active,
a.iconlink:visited,
a.iconlink:hover,
a.uebung_done:link,
a.uebung_done:active,
a.uebung_done:visited,
a.uebung_done:hover {
			border-style: none;
			padding: 0;
			margin: 0;
			background: none; }
			
img.uebung_ok {
			width: 33px;
			height: 21px;
			border-style: none; }

body.admin {
			background: #fff;
			padding: 5px; }

.required {
			color : red; }
			
.zitat {
			font-weight : bold;
			font-size : 120%;
			margin-bottom: 0; }
	
.autor {
			font-style : italic; }
			
.bigquo {
			font-size : 200%; }
			
ol.prinzipien0 {
			list-style-type: upper-alpha; }
			
ol.prinzipien0 li {
			font-weight : bold; }
			
ol.prinzipien1 {
			margin: 5px 0 5px 0; }

ol.prinzipien1 li {
			font-weight : normal; }
			
table.gluecksprinzipien {
			border-collapse : collapse; }
			
td.prinzip {
			text-align: center;
			border: 1px solid #332;
			width : 20px;
			height : 20px;
			background-color: #4fbd19; }
			
td.prinzip2 {
			width : 20px;
			height : 20px;
			text-align : center;
			vertical-align: middle;
			font-weight : bold; }
			
td.prinzip3 {
			width : 20px;
			height : 20px; }
			
.uebung {
			border-bottom: 1px solid #bba;
			margin-bottom: 15px; }

div.news {
	padding: 0px;
	background-color: #fff;
	border: 1px solid #332;
	margin-bottom: 5px; }
	
.news h3 {
	font-size: 100%;
	margin: 0px;
	padding-left: 2px;
	padding-right: 2px;
	color: #911;
	background-color: #fd1;
	border-bottom: 1px solid #ccc; }
	
.teaser {
	padding:2px;
	margin-top: 0px;
	margin-bottom: 0;}

.teaser a:link, 
.teaser a:active, 
.teaser a:visited {
	color: #775;
	font-weight: bold; }

.teaser a:hover {
	color: #911; }

.newsticker {
	padding:2px;
	margin-top: 0px;
	margin-bottom: 0;
	font-size: 80%; }
	
a.mainpoint:link, 
a.mainpoint:active, 
a.mainpoint:visited {
	color: #775;
	font-weight: bold; }

a.mainpoint:hover {
	color: #911; }

div.hauptaussage {
	margin-top: 0px;
	margin-bottom: 30px; }
	
div.main {
	margin: 0px;
	margin-left: 50px; }

div.hauptaussage h1 {
	margin: 0px;
	color: #f81;
	font-size: 150%; }
	
div.hauptaussage ul {
	margin: 0px;
	padding: 0px;
	margin-left: 20px;
	font-size: 100%; }
	
div.hauptaussage a {
	color: white;
	text-decoration: none; }
	
div.meineliste {
	padding : 2px;
	border : solid 1px black;
	background-color : #fff; }
	
.indent40 {
	margin-left: 40px; }
	
.indent80 {
	margin-left: 80px; }
	
.glueckswort {
	font-weight: bold;
	color: #00a;
	background-color: #fd0; }
	
div.bignumber {
	float: left;
	width: 40px;
	height: 40px;
	margin: 0px;
	text-align: center;
	background-color: #f81;
	color: white;
	font-size: 200%;
	font-weight: bold; }
	
div.mehr {
	float: right;
	background-color: #f81;
	color: white; }
	
p.copyright {
	margin: 0px;
	text-align: center;
	font-size: 80%; }
	
.error {
	background-color : red;
	color : white; }
	
.PremiumHinweis {
	margin-top: 15px;
	border: 1px solid #911;
	background-color: #ddd;
	padding: 3px; }
	
.GluecksBereiche {
	list-style-type: none;
	margin-left:0; }
	
.gratis {
	background-color: #fd1;
	color: #911;
	border: 1px solid #911; }

.img-shadow-left {
  float:left;
  background: url(../images/shadowAlpha.png) no-repeat bottom right !important;
  background: url(../images/shadow.gif) no-repeat bottom right;
  margin: 10px 5px 0 5px !important;
  margin: 10px 5px 0 3px; }

.img-shadow-left img {
  display : block;
  position : relative;
  background-color : #fff;
  border : 1px solid #a9a9a9;
  margin : -6px 6px 6px -6px;
  padding : 4px; }		

.img-shadow-right {
  float :right;
  background : url(../images/shadowAlpha.png) no-repeat bottom right !important;
  background : url(../images/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 10px; }

.img-shadow-right img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px; }
  
.img-teaser {
	float:left;
	margin:0 5px 2px 0; }

/*
div.menuitem {
	margin-width : 2px 5px 2px 5px;
	padding : 2px;
	width : 190px;
	border-width : 1px;
	border-style : solid;
	border-top-color : white;
	border-right-color : #ccc;
	border-bottom-color : #ccc;
	border-left-color : white; }
*/

div.menuitem {
			background-color: #fff;
			border-bottom: 1px solid #bba; }
	
.selecteditem {
			font-weight: bold;
			background-color: #fd1 }
	
div.menuitem a {
	text-decoration : none;
	color : black; }
	
.gluecksschritt {
	text-align : center; }
	
.gluecksschritt1 {
	width : 100px;
	background-color : white;
	border-style : solid;
	border-color : #888;
	border-width : 1px 0 1px 1px; }
.gluecksschritt2 {
	width : 100px;
	border-style : solid;
	border-color : #888;
	background-color : yellow;
	border-width : 1px 0 1px 1px; }
.gluecksschritt3 {
	width : 100px;
	background-color : #44ff44;
	border-style : solid;
	border-color : #888;
	border-width : 1px 0 1px 1px; }
.gluecksschritt4 {
	width : 100px;
	background-color : #88f;
	border-style : solid;
	border-color : #888;
	border-width : 1px 0 1px 1px; }
.gluecksschritt5 {
	width : 100px;
	background-color : red;
	border-style : solid;
	border-color : #888;
	border-width : 1px; }
.cell_ol {
	width : 20px;
	border-style : solid;
	border-color : #888;
	border-width : 1px 0 0 1px; }
.cell_or {
	width : 20px;
	border-style : solid;
	border-color : #888;
	border-width : 1px 1px 0 1px; }
.cell_ul {
	width : 20px;
	border-style : solid;
	border-color : #888;
	border-width : 1px 0 1px 1px; }
.cell_ur {
	width : 20px;
	border-style : solid;
	border-color : #888;
	border-width : 1px; }
a.step:link,
a.step:active,
a.step:visited {
	color : #775;
	background: none;
	padding: 0; }
a.step:hover {
	color :#911;
	text-decoration : underline;
	font-weight : bold;
	background: none;
	padding: 0; }
a.liste {
	color : black;
	text-decoration : none; }
a.liste:hover {
	font-weight : bold; }
	
.Frage {
	font-weight : bold;
	margin : 10px 0 0 0; }
	
.Antwort {
	margin : 0; }

.GluecksBilanz {
	 background : url(../images/GluecksBilanz.gif) no-repeat;
	 width : 400px;
	 height : 240px;
	 margin-bottom : 15px; }
	 
.firstBar {
	width : 10px;
	background-color : #fd1; }
	
.Bar {
	width : 10px;
	background-color : #f81; }
	
.cellBar {
	width : 10px;
	height : 200px;
	vertical-align : bottom; }

p.Datum {
	margin : 0;
	font-size : 70%; }
	
p.Entry {
	margin : 0; }
	
form.comment {
	margin : 0; }

td.wirkungsdiagramm {
	background : url(../images/Wirkungsdiagramm.gif) no-repeat; }

td.wirkungsdiagrammG {
	background : url(../images/WirkungsdiagrammG.gif) no-repeat; }
	
.wirkungsdiagrammG a:link,
.wirkungsdiagrammG a:active,
.wirkungsdiagrammG a:visited,
.wirkungsdiagrammG a:hover {
	background: none;
	padding: 0;
  margin: 0; }
  
/* Admin-Bereich */

.even {
	background-color : #ffffff; }
	
.odd {
	background-color : #fffeee; }
	
.col { 
	padding: 1px 5px;
	border-top: 0px;
	border-right: 0px;
	border-bottom: 0px;
	border-left: 1px solid #01008c; }
	
.last {
	padding: 1px 5px;
	border-top: 0px;
	border-right: 1px solid #01008c;
	border-bottom: 0px;
	border-left: 1px solid #01008c }

tr.header {
	color: #ffffff;
	font-weight: bold;
	background-color: #01008c; }

tr.header2 {
	color: #fff;
	font-weight: bold;
	background-color: #f81; }

.footer { border-top: 1px solid #01008c; }

.SumTable {
	background-color: #01008c; }

#logo h1 {
			 font-family: Georgia, Verdana, Arial, Serif;
			 font-size: 18pt;
			 font-variant: small-caps;
			 letter-spacing: 0px;
			 color: #265E15;
			 margin:0;
			 text-transform: none;
			 font-weight: normal; }