/* ------------------------------------
Globales CSS für die Site ENNEAROM
erstellt von Gudrun Feuerpfeil
------------------------------------ */

body {
	min-height: 100.01%;
	font-size: 100.01%;
}
/* alle Randabstände auf Null setzen */
* { margin:0px; padding:0px; font-size:100%; }	
html { height:99.2%
	}

body {
	font:75%/1.4 Arial, Helvetica, sans-serif;
	color: #454545;
	background: #fff;
	}
h1, h2, h3, h4 {margin: 0; padding: 0;}

h1 {
	height: 24px;
	font-size: 150%;
	text-align: center;
	color: #668187;
}	
h2 {
	height: 18px;
	font-size: 110%;
	color: #668187;
	padding-right: 14px;
	}
h3 { 
	height: 18px; 	
	font-size: 110%;
	color: #ef9615;
	}	
h4 {
	color: #668187;
	text-indent: 10px;
	}	
	
h5 {
	font-size: 110%;
	color: #333333;
	font-weight: bold;
	display: inline;
}	
a {
	color: #349335;
}
a:visited {
	color: #8DC54C;
}
a:hover {
	color: #ff8a00;
}
.link-normal a:link {
	color: blue;
}
.link-normal a:visited {
	color: #9966CC;
}
.link-normal a:hover {
	color: red;
	}
#container {
	background: url(pix/hg_schatten-r.jpg) repeat-y right;
	margin: 0px auto 0px auto;
	width: 950px;
	height: auto;
	}

#inhalt {
	background: url(pix/hg_schatten-l.jpg) repeat-y left;
	width: 930px;
	border: 1px solid #fff;
	padding-right: 9px;
	padding-left: 9px;
	}
#header {
	background: url(pix/hg_head.jpg) repeat-y;
	height: 110px;
	background-color: transparent;
	}
#logo {
	background: transparent url(pix/logo.gif) no-repeat 118px 6px;
	float: left;
	height: 87px;
	width: 400px;
	}
#ethno {
	float: left;
	width: 144px;
	height: 84px;
	background-color: transparent;
	padding-top: 3px;
	padding-left: 163px;
}		
#zitat {
	height: 76px;
	width: 162px;
	float: right;
	margin-top: 25px;
	margin-right: 30px;
	}
.zitat2 { background: transparent url(pix/zitat-2.gif) no-repeat; }
.zitat3 { background: transparent url(pix/zitat-3.gif) no-repeat; }
.zitat4 { background: transparent url(pix/zitat-4.gif) no-repeat; }
.zitat5 { background: transparent url(pix/zitat-5.gif) no-repeat; }
.klein {
	font-size: 75%;
	}
.zitat {
	font-size: 75%;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	display: block;
}
#gruen {
	background-image: url(pix/gruenzeug.gif);
	background-repeat: no-repeat;
	height: 182px;
	width: 70px;
	position: absolute;
	left: 910px;
	right: 100px;
}

#main {
	background-color: #e7f3dc;
	width: 930px;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	}

#text {
	margin: 0px;
	padding-top: 40px;
	padding-right: 8px;
	padding-bottom: 20px;
	padding-left: 15px;
}
.clear {
	clear: both;
	}
/*clearing all floats and fix Firefox and IE backgroundcolor-bug */
div.clearer {
  clear:both;
  font-size:1px;
  line-height:1px;
  display:block;
  height:1px;
}

.leer {
	background-color: #E7F3DC;
}
#foot {
	background: url(pix/hg_head.jpg) repeat-y top;
	border-top: 7px solid #349335;
	font-size: 95%;
	color: #668187;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 130px;
	}
/* ------------- große Felder Praktiker, Enneagramm -------------------------- */
#prax, #ennea {
	width:602px;
	display:block;
	background: url(pix/hg_feldgr.gif) repeat-y;
	float: right;
	}

#prax h1, #ennea h1  {
	padding:12px 0 20px 0;
	background:url(pix/feldgr-o.jpg) no-repeat top;
	}
#prax .adresse {
	width: 266px;
	float: left;
	height: auto;
	border-right: 1px solid #e7f3dc;
	padding-left: 14px;
	}
#prax .profil {
	width: 285px;
	padding-right: 21px;
	float: left;
	padding-left: 7px;
	display: block;
}
#prax img {
	float: left;
	padding: 0px 14px 7px 0px;
	}

#prax .symbol {
	height: 18px;
	width: 18px;
	float: right;
	padding-bottom: 0px;
	}
#prax p {
}


#prax p span{
	padding-left: 150px;
	padding-right: 7px;
	display: block;
	padding-top: 0px;
	padding-bottom: 0px;
}
#prax ul {
	list-style-type: none;
	list-style-image: url(pix/pkt-li.gif);
	padding-left: 21px;
		}
#prax .logo {
	padding-left: 14px;
}

#prax .p2, #ennea .p2  { background:url(pix/feld-gr-u.jpg) no-repeat right bottom; height: 17px; }


/* ------------- große Felder  Enneagramm -------------------------- */

#ennea h3  { padding:0 0 5px 14px; }	
#ennea p {
	padding:0 14px 14px 14px;
	display:block;
}
#ennea span { padding:0px 14px; display:block; }
#ennea img {
	border: 1px solid #a0c07c;
	margin-bottom: 14px;
}
.rechts {	float:right; margin-right: 21px;	margin-left: 14px; }
.links {	float:left;	margin-right: 14px;	margin-left: 14px; }
.einzug {
	font-weight: normal;
	padding-left: 150px;
	float: left;
	padding-top: 0px;
	display: inline;
}
/* ------------- große Felder  Lernen Daten -------------------------- */
#daten span {
	padding:0px 14px 0px 0px;
	margin-left: 150px;
	display: block;
}
#daten p {
	float: left;
	padding: 0px 0px 0px 21px;
	}

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

#links {
	background: url(pix/hg_feldkl.gif) repeat-y;
	background-color: #FFF;
	width:297px;
	height: auto;
}

#links h1  {
	background:url(pix/feldkl-o.jpg) no-repeat right top;
	padding: 12px 0 20px 0;
	}	
	
#links h4  {
	font-size: 110%;
	padding-left: 7px;
}	
	
#links p { padding:0 14px 0px 14px; display:block; }

#links img {
	border: 1px solid #a0c07c;
	float: left;
	margin: 0px 14px 7px 14px;
	vertical-align: top;
	}

#links  ul{
	list-style-image: url(pix/pkt.gif);
	line-height: 150%;
	padding-left: 14px;
	list-style-position: inside;
	}

#links li {
	margin-bottom: 3px;
	}

#links a:link {	color: #349335;	font-style: normal; }
#links a:visited {	color: #8dc54c; }
#links a:hover {	color: #ff8a00;	text-decoration: none; }


.linie {
	background: url(pix/linie.gif) repeat-x center;
	margin: 14px 21px 7px 14px;
}
#links .unten {
	background:url(pix/feld-kl-u.jpg) no-repeat bottom;
	height: 17px;
	display: block;
}
.nachoben {
	font-size: 95%;
	text-align: right;
	clear: both;
	margin-right: 7px;
}