/* (c) Ecotext/Schneeweiß */


body { 
	font: 12px/16px arial, helvetica, verdana, sans-serif; 
	color: #555; 
	background: url(HintergrundHaarstruktur.jpg) repeat-y #fff;
	margin: 0; 
	padding: 0;
}

a {
	text-decoration: none;
	font-weight: bold;
	color:rgb(0,140,108);
}
a:hover {
	text-decoration: none;
	font-weight: bold;
	color:rgb(156,59,67);
}

h1, h2, h3, h4, h5 {
  font-family: Gregoria, Times, serif;
}h4 {  font-size:20px;  line-height:22px;}
acronym {
	border: 0 none;
}

#container {
	margin: 0;
	padding: 0;
}

#quickSummary p, #preamble p {
	margin: 0;
	padding: 8px 30px 4px 18px;
}
#quickSummary .p1 {
	font-weight: bold;
	color: #777;
}

#intro {
	margin: 0;
	padding: 0;
	width: 303px;
}	
h1 {
	margin: 0;
	padding: 0;
	width: 303px;
	height: 198px;
	background: url(LaPerm.jpg) no-repeat transparent;
}
h1 span {
	display: none;
}
h2 {
	margin: 0 0 9px 0;
	padding: 0;
	width: 303px;
	height: 86px;
	background: url(LaPerm2.jpg) no-repeat transparent;
}
h2 span {
	display: none;
}

#preamble h3 {
  font-family: Gregoria, Times, serif;
  font-size:22px;
  margin: 0;
	padding: 15px 30px 4px 18px;
	color:rgb(127,98,77);
}
#preamble h3 p {
  font-weight:bold;
  padding: 5px 15px 5px 18px;
}
#preablme img {
  padding-left:18px
}
#preamble h4 {
	margin: 5px 0 0;
	padding: 0;
	width: 303px;
	height: 36px;
	background: url(BalkenKatzenhaar.jpg) no-repeat transparent;
}
#preamble h4 span {
	display: none;
}

#supportingText {
	position: absolute;
	top: 50px;
  left:313px;
	width: 420px;
	margin: 0;
	padding: 0;
	background: url(support_bg.gif) repeat-y top right transparent;
}
#supportingText h4, #supportingText p {
	margin: 0;
	padding: 0 40px 10px 0px;
}
#supportingText h4 span {
	display: none;
}

#participation h4 {
	margin: 0 40px 5px 0px;
	padding: 0;
	height: 34px;
	background: url(parti.gif) no-repeat transparent;
	border-bottom: 1px solid #ccc;
}
#benefits h4 {
	margin: 0 40px 5px 0px;
	padding: 0;
	height: 34px;
	background: url(bene.gif) no-repeat transparent;
	border-bottom: 1px solid #ccc;
}
#requirements h4 {
	margin: 0 40px 5px 0px;
	padding: 0;
	height: 34px;
	background: url(req.gif) no-repeat transparent;
	border-bottom: 1px solid #ccc;
}
#requirements p.p5 {
	border-top: 1px solid #ccc;
	margin: 10px 40px 5px 0;
	padding: 10px 0 0;
}
#preamble h4 span {
	display: none;
}


#explanation {
	background: url(so_what_bg.gif) no-repeat top right transparent;
}
#explanation h3 {
	margin: 0 15px 20px 0;
	padding: 0;
	height: 78px;
	background: url(LaPermKopf.jpg) no-repeat transparent;
}
#explanation h3 span {
	display: none;
}
#explanation h4 {
	margin: 10 15px 20px 0;
	padding: 0;
	/* background: url(HintergrundHaarstrukturH3.jpg) repeat-y transparent; */
}
#explanation h4 span {
	/* display: none; */
}


#linkList {
	position: absolute;
	top: 185px;
	left: 725px;
  margin: 0;
	padding: 0;
	width: 400px;
}
#linkList h3.select {
	margin-top: 20px 0px 8px 20px;
	padding: 0;
	background: url(Hintergrund-rechts-gruen.jpg) no-repeat transparent;
	height: 26px;
}
#linkList h3.archives {
	margin-top: 20px 0px 8px 20px;
	padding: 0;
	background: url(Hintergrund-rechts-blau.jpg) no-repeat transparent;
	height: 26px;
}
#linkList h3.resources {
	margin-top: 20px 0px 8px 20px;
	padding: 0;
	background: url(resources.jpg) no-repeat transparent;
	height: 26px;
}
#linkList h3 span {
	display: none;
}

/*
.navi { color:rgb(0,140,108); font-size: 11px; text-decoration:none; line-height: 18px; margin-left:15px;}
.navi:hover { color:rgb(156,59,67) ; text-decoration:none; font-weight: bold; line-height: 18px; }
.navi_active { color:rgb(156,59,67); text-decoration:underline; font-weight: bold; text-decoration: none; line-height: 18px }

.navi2 { color:rgb(117,117,117); font-size: 11px; text-decoration:none; line-height: 18px; margin-left:30px;}
.navi2:hover { color:rgb(156,59,67) ; text-decoration:none; font-weight: bold; line-height: 18px; }
.navi_active2 { color:rgb(156,59,67); text-decoration:underline; font-weight: bold; text-decoration: none; line-height: 18px }
*/

#linkList #lselect a {
	text-decoration: underline;
	color:rgb(0,140,108);
	display: block;
}
#linkList #lselect a:visited {
	text-decoration: underline;
	color:rgb(0,140,108);
}
#linkList #lselect a:hover {
	text-decoration: underline;
	color:rgb(156,59,67);
}
#linkList #lselect a.c {
	display: inline;
	text-decoration: none;
	color: #888;
}
#linkList #lselect a.c:visited {
	text-decoration: none;
	color: #999;
}
#linkList #lselect a.c:hover {
	text-decoration: none;
	color: #e60;
}  dd{margin-top:5px;margin-bottom:15px;margin-left:0px;}dt {margin-bottom:5px;}
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption { margin: 0; margin-top:7px;}	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image IMG { margin: 0; vertical-align:bottom; }
#footer {
	position: relative;
	margin: 25px 15px 0 -14px;
	padding: 3px 0 0 20px;
	background: url(foot.jpg) no-repeat;
	height: 23px;
}
#footer a {
	color: #fff;
	vertical-align: middle;
}

ul {
	margin: 7px 0 7px 20px;
	padding: 0;
}
li {
	margin: 0 0 5px;
	padding: 0;
	list-style-type: none;
}
