@import url("navigation-ul.css");

body {
	margin: 0;
	padding: 0;
	color: #3a421c;
	font: 90% Verdana, Helvetica, Arial, sans-serif;
	background: #e5ebc0 url(img/body_bg.jpg) repeat-x;
}

h1 {
	font-size: 1.5em;
	color: #404514;
}

h2 {
	font-size: 1.3em;
	color: #404514;
	margin-top: 2em;
}

h2.sub {
	font-size: 1.1em;
	color: #404514;
	margin-top: -0.8em;
}

h3 {
	font-size: 1.1em;
	color: #404514;
}

dd {
	margin-bottom: 0.5em;
}

.footnote {
	font-size: 90%;
}

span.authors {
	display: block;
}

span.title {
	display: block;
	font-style: italic;
}

#center {
	position: absolute;
	top: 20px;
	left: 75px;
	bottom: 0;
	/* min-width 6.5 * logo-width */
	min-width: 845px;
	width: 56em;
	margin-right: 10px;
}

/* @group Kopf */

#kopf {
	text-align: right;
	position: relative;
	height: 102px;
}

#kopf img {
	border-style: none;
	z-index: 10;
}

#kopf img.logo {
	position: absolute;
	left: 0;
	top: 0;
}

#kopf img.stoerer {
	position: absolute;
	left: 430px;
}

#fnhold {
	height: 102px;
	position: absolute;
	top: -118px;
	right: 0;
	float: right;
	width: 100%;
}

#fnavi {
	text-align: right;
	position: absolute;
	right: 0;
	bottom: 0;
	float: right;
}


#fnavi a,
#fnavi span {
	color: #686f2a;
	text-decoration: none;
	font-size: 90%;
}

#fnavi ul.f {
	float: right;
	margin: 0;
}

#fnavi ul.f li {
	display: inline;
	float: left;
	margin: 0;
}

#fnavi ul.f li * {
	padding: 0 0 0 0.5em;
}

#fnavi ul.f li *.hasnext {
	border-right: 0.1em solid #686f2a;
	padding: 0 0.5em;
}


/* @end */

/* @group Rest */

#rest {
	position: absolute;
	top: 118px;
	left: 0;
	bottom: 0;
	right: 0;
}

#bgfill {
	position: absolute;
	top: 4.7em;
	left: 0;
	bottom: 0;
	right: 0;
	float: left;
	border-right: 1px solid #88920d;
	border-left: 1px solid #88920d;
	background-color: #f5f7e7;
	width: 100%;
}

/* @group Content */

/* @group Ränder */

div.rand_links {
	position: absolute;
	width: 64px;
	top: 0;
	bottom: 0;
	left: 0;
	background-color: #969c78;
}

div.rand_rechts {
	position: absolute;
	width: 129px;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: #969c78;
}

div.none_links {
	display: none;
}

div.none_rechts {
	display: none;
}

div.blatt_links {
	background-image: url(img/rand_bg_blatt_links.jpg);
	background-repeat: no-repeat;
}

div.blatt_rechts {
	background-image: url(img/rand_bg_blatt_rechts.jpg);
	background-repeat: no-repeat;
}

div.bstrauch_links {
	background-image: url(img/rand_bg_bstrauch_links.jpg);
	background-repeat: no-repeat;
}

div.bstrauch_rechts {
	background-image: url(img/rand_bg_bstrauch_rechts.jpg);
	background-repeat: no-repeat;
}

div.farn_links {
	background-image: url(img/rand_bg_farn_links.jpg);
	background-repeat: no-repeat;
}

div.farn_rechts {
	background-image: url(img/rand_bg_farn_rechts.jpg);
	background-repeat: no-repeat;
}

div.kiefer_links {
	background-image: url(img/rand_bg_kiefer_links.jpg);
	background-repeat: no-repeat;
}

div.kiefer_rechts {
	background-image: url(img/rand_bg_kiefer_rechts.jpg);
	background-repeat: no-repeat;
}

div.kuerbis_links {
	background-image: url(img/rand_bg_kuerbis_links.jpg);
	background-repeat: no-repeat;
}

div.kuerbis_rechts {
	background-image: url(img/rand_bg_kuerbis_rechts.jpg);
	background-repeat: no-repeat;
}

div.lilie_links {
	background-image: url(img/rand_bg_lilie_links.jpg);
	background-repeat: no-repeat;
}

div.lilie_rechts {
	background-image: url(img/rand_bg_lilie_rechts.jpg);
	background-repeat: no-repeat;
}

div.pflanzen_links {
	background-image: url(img/rand_bg_pflanzen_links.jpg);
	background-repeat: no-repeat;
}

div.nadelb_links {
	background-image: url(img/rand_bg_nadelb_links.jpg);
	background-repeat: no-repeat;
}

div.nadelb_rechts {
	background-image: url(img/rand_bg_nadelb_rechts.jpg);
	background-repeat: no-repeat;
}

div.pflanzen_rechts {
	background-image: url(img/rand_bg_pflanzen_rechts.jpg);
	background-repeat: no-repeat;
}

div.rosette_links {
	background-image: url(img/rand_bg_rosette_links.jpg);
	background-repeat: no-repeat;
}

div.rosette_rechts {
	background-image: url(img/rand_bg_rosette_rechts.jpg);
	background-repeat: no-repeat;
}

div.stamm_links {
	background-image: url(img/rand_bg_stamm_links.jpg);
	background-repeat: no-repeat;
}

div.stamm_rechts {
	background-image: url(img/rand_bg_stamm_rechts.jpg);
	background-repeat: no-repeat;
}

div.wedel_links {
	background-image: url(img/rand_bg_wedel_links.jpg);
	background-repeat: no-repeat;
}

div.wedel_rechts {
	background-image: url(img/rand_bg_wedel_rechts.jpg);
	background-repeat: no-repeat;
}


div.zickzack_links {
	background-image: url(img/rand_bg_zickzack_links.jpg);
	background-repeat: no-repeat;
}

div.zickzack_rechts {
	background-image: url(img/rand_bg_zickzack_rechts.jpg);
	background-repeat: no-repeat;
}

/* @end */

#cntvstretch {
	background-color: #f5f7e7;
	border-right: 1px solid #88920d;
	border-left: 1px solid #88920d;
	margin-right: -1px;
	margin-left: -1px;
	width: 100%;
	top: 0;
	left: 0;
	position: relative;
	float: left;
}

#content {
	float: left;
	position: relative;
	font-size: 90%;
	padding-bottom: 20px;
}

div.cnt_l5_t1_l3 {
	padding-top: 65px;
	padding-left: 325px;
	padding-right: 195px;
}

/* Verwendung auf Startseite */

div.cnt_l5_t1_l1 {
	padding-left: 325px;
	padding-top: 30px;
	padding-right: 65px;
}


/* Verwendung auf arriba-Unterseiten */

div.cnt_l3_t1_l3 {
	padding-top: 65px;
	padding-left: 195px;
	padding-right: 195px;
}

/* Verwendung auf sonstigen Seiten */

div.cnt_l2_t1_l3 {
	padding-top: 65px;
	padding-left: 130px;
	padding-right: 195px;
}

/* Verwendung auf Beispiele Startseite */

div.cnt_l0_t0_l0 {
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	width: 100%;
}

#content a {
	color: #43451e;
	font-size: 90%;
	font-weight: bold;
}

#content a.pub {
	color: #3a421c;
	font-size: 100%;
	font-weight: normal;
}

div.abschnitt {
	float: left;
	clear: both;
	position: static;
	padding-left: 65px;
	height: 1%;
	margin-bottom: 20px;
	width: 81%;
}

div.abschnitt h2 {
	margin-bottom: 0;
}

div.abschnitt p {
	margin-top: 0;
}

h2.teaser {
	font-size: 1em;
	font-weight: bold;
	margin-top: 1em;
}

.dummy {
	color: #8e8e8e;
}

img.pinitial {
	float: left;
	margin-left: -65px;
	margin-bottom: 1em;
	border-style: none;
}

table.geschichte td {
	padding-top: 1em;
	vertical-align: baseline;
}

table.geschichte td.wann {
	width: 30%;
	font-weight: bold;
	font-size: 95%;
}

/* @group Startseite */

div.startseite {
	text-align: center;
	
}

div.startseite ul {
	text-align: left;
}

p.devel {
	margin-top: 2em;
	font-size: 88%;
}

img.startseite_visual {
	float: left;
	margin-left: -325px;
	margin-top: -30px;
}



/* @end */

/* @group Beispiele Start */

div.beispielpaar {
	float: left;
	position: relative;
	margin-bottom: 2em;
	width: 100%;
}


div.beispielpaar_text {
	padding-left: 280px;
	padding-right: 280px;
}

div.beispielstart_links {
	margin-bottom: 5em;
	padding-top: 1em;
}

div.beispielstart_rechts {
	text-align: right;
	margin-bottom: 3em;
	float: right;
}

img.beispielstart_links {
	float: left;
	margin-left: -280px;
}

img.beispielstart_rechts {
	right: 0;
	top: 0;
	float: right;
	margin-right: -280px;
	margin-left: 18px;
}



/* @end */

/* @group Beispiele */

#kompass {
	margin-right: 20px;
	text-align: right;
	font-size: 80%;
	margin-top: 30px;
	height: 7ex;
}

#kompass img {
	width: 22ex;
}

#subpage {
	margin-top: 20px;
	padding-bottom: 20px;
	padding-left: 195px;
	padding-right: 130px;
}

div.subpage_left {
	margin-left: -195px;
	float: left;
	height: 315px;
}

div.subpage_left img {
	border-top: 1px solid #88920d;
	border-right: 1px solid #88920d;
	border-bottom: 1px solid #88920d;	
}

#subpagepicker {
	margin-top: 30px;
	height: 19px;
	margin-left: 1px;
}

#subpagepicker a, #subpagepicker span {
	border: 1px solid #88920d;
	margin-left: 4px;
	display: block;
	width: 19px;
	float: left;
	text-align: center;
	text-decoration: none;
	font: 10px Verdana, Helvetica, Arial, sans-serif;
	color: #4c5826;
}

#subpagepicker a:hover {
	background-color: #bbc156;
}

#subpagepicker span.step {
	color: #bbc156;
	background-color: transparent;
}

#subpagepicker .step {
	font-weight: bold;
}

#subpagepicker span {
	background-color: #4d4d4d;
	color: #e5ebc0;
}

img.unterseite {
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;
	margin-right: -110px;
}



/* @end */

/* @group Auszeichnungen */

div.auszeichnung h2 {
	font-size: 1em;
	padding-left: 210px;
}

div.auszeichnung img {
	float: left;
	padding-left: 0;
}

div.auszeichnung p {
	float: none;
	margin-left: 210px;
	margin-top: 0;
}



/* @end */

/* @group Partner */

div.partner img {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}

div.partner p {
	margin-right: 220px;
}



/* @end */



/* @end */



/* @end */

a.download {
	display: block;
	margin: 0.5em 1em 1em;
	position: relative;
	width: 20em;
	background-color: #d7e494;
	text-decoration: none;
	padding: 0.7em 55px;
	min-height: 32px;
}

li a.download {
	margin-left: 0;
}

a.download:visited {
	background-color: #dadbd6;
}

a.download:focus, a.download:hover {
	background-color: #b3ca3e;
}
a.download:active {
	background-color: #f75557;
}

.pdf_icon {
	background: url(img/pdf_icon.gif) no-repeat 10px 0.5em;
}

.arriba_icon {
	background: url(img/arriba_icon.gif) no-repeat 10px 0.5em;
}

span.download_descr {
	font-size: 80%;
	display: block;
	color: #7f7f7f;
	font-weight: normal;
	font-style: normal;
}

li {
	margin-bottom: 0.6em;
}