/* filename: /css/hnv_gen.css
   version 1.01 - 2010-11-30
   kontakt at manderbachmedia dot de */

#navmeta, #navigation, #navsub, #morecases, #footer, #bottomlogo, #circle, #farmingtext, #teasercontainer, #paket, .homenoscript, #smallteasercontainer {
	display: none;
}
 
#printinfo {
	clear: both;
	font-size: 11px;
}

body {
	margin: 0;
	padding: 0;
	background: #fff;
	font-family: Trebuchet MS, Arial, sans-serif;
	font-size: 101%;
}

img {
	border: none;
}

address {
	font-style: normal;
}

/* ---------------------- head logo, navmeta, navmain --------------------- */
#head {
/*
	position: absolute;
	top: 0;
	left: 0;
*/
	z-index: 1200;
	height: 100px;
	width: 100%;
}

#headcontainer {
/*
	position: relative;
	top: 0;
	left: 0;
	margin: 0 auto;	
	width: 890px;
	height: 100px;
	background: url(/img/bg_head.gif) right 0 no-repeat;
	*/
}

#logo {
/*
	position: absolute;
	top: 5px;
	left: -5px;
*/
	z-index: 100;
}


#navmeta {
	position: absolute;
	top: 0;
	right: 20px;
	z-index: 200;
	font-size: 0.7em;
}


#navmeta ul {
	margin: 0;
	padding: 0;
}

#navmeta li {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
}


#navmeta li a {
	display: block;
	float: left;
	text-decoration: none;
	color: #fff;
	padding: 4px 10px 4px 25px;
	background: #5e922e url(/img/arrow_right_greenl.gif) 8px 8px no-repeat;
	margin-left: 1px;
}

/* - navmain - */

#navigation {
	position: absolute;
	top: 60px;
	left: 60px;
	font-size: 0.75em;
	z-index: 1000;
}

#navigation ul {
	margin: 0;
	padding: 0;
}

#navigation li {
	display: block;
	float: left;
	height: 50px;
	background: url(/img/bg_navmain.gif) 30px 0 no-repeat;
	padding-left: 30px;
}

#navigation li.act {
	background: url(/img/bg_navmain_act_left.gif) 20px 7px no-repeat;
}

#navigation li a {
	display: block;
	text-decoration: none;
	color: #16597a;
	font-weight: bold;
	text-transform: uppercase;
	padding: 10px 10px 5px 0;
	margin-right: -3px;
}

#navigation li a:hover {
	text-decoration:underline;
}

#navigation li.act a {
	background: url(/img/bg_navmain_act_right.gif) right 7px no-repeat;
	color: #fff;
}

#circle {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 614px;
	background: url(/img/bg_hnv.jpg) center no-repeat;
	z-index: 900;
}

body.home #circle {
	background: url(/img/bg_hnv-circle.jpg) center no-repeat;
}

#farmingtext {
	position: absolute;
	top: 100px;
	left: 5px;
	width: 100%;
	height: 162px; 
	background: url(/img/text-farming.gif) center 0 no-repeat;
	z-index: 1100;
	
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
	filter: alpha(opacity=10);
	-khtml-opacity: 0.1;
	-moz-opacity: 0.1;
	opacity: 0.1;
}

#farmingtext2 {
	position: absolute;
	top: 100px;
	left: 5px;
	width: 100%;
	height: 102px; 
	/*
	background: url(/img/text-farming-c.png) center 0 no-repeat;
	*/
	z-index: 910;
}

/* ------------------ content ---------------- */
#content {/*
	overflow:hidden;
	
	position: absolute;
	top: 110px;
	left: 0;
	*/
	width: 100%;
	z-index: 1000;
}

body.home #content {
/*
	top: 180px;
	*/
}

#wrapper {
/*
	width: 890px;
	margin: 0 auto;
	background: url(/img/bg_bottom.gif) 0 bottom repeat-x;
	*/
	font-size: 0.8em;
	color: #16597a;
}

.cpad {
	padding: 0 10px;
}

#wrapper a {
	color: #fd4b51;
	text-decoration: none;
}

#wrapper a:hover {
	text-decoration: underline;
}

#wrapper h1 {
	font-size: 1.7em;
	margin: 0 0 15px 0;
}


#wrapper h2, #wrapper h2 {
	font-size: 1.2em;
}
#wrapper th, #wrapper td {
	padding: 5px;
	vertical-align: top;
	background: #f7f6f6;
	border-right: 1px solid #eee;;
	border-bottom: 1px solid #eee;;
	text-align: left;
	font-size: 0.9em;
}

p.caption {
	margin: 0;
	font-size: 0.8em;
}
p.reference {
	font-size: 0.8em;
}

/* overview page */

.preview {
	padding: 5px;
	width: 100px;
	height: 105px;
	overflow: hidden;
	float: left;
	margin-left: 1px;
	font-size: 0.8em;	
	background: #2b6886;
	line-height: 1.2em;
}

.preview img {
	margin: 0;
}

.preview a {
	color: #fff!important;
	text-decoration: none!important;
	padding: 0;
	margin: 0;
}

/* buehne */

#buehne {

	position: relative;
	top: 0;
	left: 0;
	width: 910px;
	margin-left: -10px;
	height: 850px;
}


#buehnentext {
	position: absolute;
	top: 0;
	left: 10px;
	width: 500px;
	height: 55px;
}

#buehnennav {
	position: absolute;
	top: 21px;
	left: 537px;
	width: 365px;
	height: 55px;
}

#buehnenbild {
	position: absolute;
	top: 55px;
	left: 0px;
	background: url(/img/bg_buehne.jpg) 0 0 no-repeat;
	padding: 0 10px 0 10px;
}

#buehnentext p, p.pretext {
	font-size: 0.9em;
	font-style: italic;
	margin: 0;
}

#buehnennav ul {
	margin: 0;
	padding: 0;
}

#buehnennav ul li {
	list-style: none;
	float: left;
	display: inline;
	height: 55px;
	width: 120px;
	background: url(/img/buehnenav.gif) right 0 no-repeat;
	margin-left: 1px;
}

#buehnennav ul li.act {
	background: url(/img/buehnenav_act.gif) right 0 no-repeat;
}

#buehnennav li a {
	display: block;
	width: auto;
	text-decoration: none;
	font-weight: bold;
	padding: 11px 0 10px 30px;
	font-size: 0.9em;
	color: #16597a;
}

#buehnennav li.act a {
	color: #fff;
}

#buehnennav li a:hover {
	text-decoration: underline;
}
				
#buehnennav a.catfarming {background: url(/img/buehnenav_yellow.png) 8px 12px no-repeat;}
#buehnennav a.cathabitat {background: url(/img/buehnenav_blue.png) 8px 12px no-repeat;}
#buehnennav a.catspecies {background: url(/img/buehnenav_red.png) 8px 12px no-repeat;}


.infobox {
	font-size: 0.8em;
	color: #16597a;
	/*
	display: none;
	position: absolute;
	width: 250px;
	height: auto;
	*/
	background: #fff url(/img/bg_infobox.png) right bottom no-repeat;
	z-index: 10000;
	clear: both;
}
.infobox img {
	float: left;
}

.infobox p {

	padding-left: 20px;
}

.infobox h4, .infobox h5 {
	font-size: 1em;
	margin: 0;
}

.infobox div {
	background: #fff;
	padding: 5px 15px 15px 15px;
	margin: -10px 7px 14px 0; 
}
.infobox img {
	margin: 5px 0; 
}
.infobox p {
	margin: 0;
	font-size: 0.9em;
	line-height: 1.3em;
}

.pointer1, .pointer2, .pointer3 {
	position: absolute;	
	/*
	width: 33px;
	height: 43px;
	*/
	height: 20px;
	width: 20px;
	border: 1px solid #000;
}

.pointer1 a, .pointer2 a, .pointer3 a {
	display: block;
	margin: 0;
	padding: 0;
	width: 33px;
	height: 43px;
}

.pointer1 {background: #fff;}
.pointer2 {background: #fff;}
.pointer3 {background: #fff;}


#buehnecontent {
	position: absolute;
	top: 655px;
	left: 15px;
	width: 570px;
	height: 250px;
	overflow: hidden;
}

#morecases {
	position: absolute;
	width: 280px;
	top: 655px;
	left: 620px;
	font-size: 0.8em;
}



#morecases ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#morecases li {
	background: #2b6886;
	width: 280px;
	height: 28px;
	overflow: hidden;
}


#morecases li.even {
	background: #16597a;
}

#morecases img {
	float: left;
	margin-right: 10px;
}

#morecases a {
	color: #fff;
	text-decoration: none;
	line-height: 26px;
}

#morecases a:hover, #morecases a.act {
	text-decoration: underline;
	font-weight: bold;
}

#morecases h4 {
	margin: 0;
	padding: 7px 0 7px 15px;
	text-transform: uppercase;
	color: #f1d679;
	background: #054762;
	width: auto;
	border-bottom: 1px solid #fff;
}
#morecases p {
	margin: 0;
}
#morecases p a {
	display: block;
	color: #16597a;
	line-height: 1.4em;
	background: none;
	border-bottom: 1px solid #f7f7f7;
	background: url(/img/icon_morenews.gif) 14px 10px no-repeat;
	padding: 10px 10px 15px 40px;
}
#morecases p a:hover {
	background: #fff url(/img/icon_morenews.gif) 14px 10px no-repeat;
	border-bottom: 1px solid #e1e0df;
	text-decoration: none;
}
#morecases p a span {
	color: #fd4b51;
	padding: 0;
	font-style: italic;
}

/* ------------------ teaser big ---------------- */
#teasercontainer {overflow: visible;
	position: relative;
	top: 20px;
	left: 0;
	height: 344px;/* 364 */
	width: auto;
	border-left: 10px solid #054762;
	border-right: 10px solid #054762;
	background: #2f6a88;
}

#teaserbuehne {
	position: absolute;
	top: 0;
	left: 150px;
	width: 890px;
	height: 344px;
	background: url(/img/bg_buehne.gif) 0 0 no-repeat;
	z-index: 500;
}

/* - paket deko etc. - */
#paket {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1000;
}

#boembel {
	position: absolute;
	top: 277px;
	left: 190px;
	width: 88px;
	height: 40px;
	background: url(/img/boembel.png) 0 0 no-repeat;
}

#previousteaser, #nextteaser {
	position: absolute;
	top: 200px;
	font-style: italic;
	font-size: 0.7em;
	font-weight: bold;
	text-align: center;
}

#previousteaser {
	left: 900px;
}

#nextteaser {
	left: -50px;
}

#previousteaser a, #nextteaser a {
	text-decoration: none;
	color: #fff;
	width: 40px;
	padding: 30px 2px 0 2px;
}

#previousteaser a {
	background: url(/img/prev-bteaser.gif) center 0 no-repeat;
}

#nextteaser a {
	background: url(/img/next-bteaser.gif) center 0 no-repeat;
}

div.inactivenr {
	margin-top: 14px;
}



#edgeleft, #edgeright {
	position: absolute;
	top: 344px;
	height: 21px;
	width: 21px;
	background: url(/img/blue-edge.gif) 0 0 no-repeat;
}

#edgeleft {
	left: -21px;
}

#edgeright {
	left: 870px;
}

#navprogress {
	position: absolute;
	top: 350px;
	left: 720px;	
}

#navprogress td {
	text-align: center;
	vertical-align: top;
	font-size: 0.75em;
	font-weight: bold;
	line-height: 1em;
	color: #16597a;
	padding: 0 1px;
}
#navprogress td span {
	font-style: italic;
}

/* - */

#bigteaser1 {

}

#bigteaser1, #bigteaser2, #bigteaser3, #bigteaser4, #bigteaser5 {
	position: absolute;
	top: -20px;
	left: 0;
	z-index: 100;
}


#bigteaser1 {
	z-index: 1000;
	background: url(/img/bteaser_nr1.gif) 830px 250px no-repeat;
}

#bigteaser2 {background: url(/img/bteaser_nr2.gif) 830px 250px no-repeat;}
#bigteaser3 {background: url(/img/bteaser_nr3.gif) 830px 250px no-repeat;}
#bigteaser4 {background: url(/img/bteaser_nr4.gif) 830px 250px no-repeat;}
#bigteaser5 {background: url(/img/bteaser_nr5.gif) 830px 250px no-repeat;}

.bigteaser {
	width: 890px;
	height: 364px;
	
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	-khtml-opacity: 0.3;
	-moz-opacity: 0.3;
	opacity: 0.3;
	
}


.bigteaser .bteaserimg {
	position: absolute;
	top: 20px;
	left: 0;
	width: 444px;
	height: 344px;
	border-left: 1px solid #fff;
}


.bigteaser .bteasertext {
	position: absolute;
	top: 35px;
	left: 480px;
	width: 380px;
	height: 290px;
	overflow: hidden;
	color: #fff;
}

.bigteaser .bteaserfooter {
	display: none;
	position: absolute;
	top: 337px;
	left: 0;
	background: #4c8319;
	width: 444px;
	height: 24px;
	color: #fff;
	padding: 3px 0 0 20px;
	border-left: 1px solid #fff;
}

.bigteaser .bteasertext h1 {
	font-size: 1.7em;
	margin: 5px 0 20px 0;
}

.bigteaser .bteasertext h2 {
	font-size: 1.1em;
	font-style: italic;
	font-weight: normal;
	margin: 5px 0 0 0;
}

.bigteaser .bteasertext h3 {
	font-size: 1em;
	font-style: normal;
	margin: 10px 0 0 0;
	padding: 3px 20px;
	background: #4c8319;
	color: #f1d679;
	display: inline;
}

.bigteaser .bteasertext p {
	font-size: 0.95em;
}
.bigteaser .bteasertext a {
	display: block;
	height: 23px;
	width: 84px;
	font-size: 0.8em;
	background: url(/img/bg_bigteaser_more.gif) no-repeat;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	font-style: italic;
	padding: 1px 0 0 30px;
}
.bigteaser .bteaserfooter {
	font-size: 0.8em;
	text-transform: uppercase;
	color: #fff;
}
.bigteaser .bteaserfooter span {
	font-style: italic;
	text-transform: none;
	color: #98bd77;
	font-weight: bold;
}

/* - in der mitte -*/

.actteaser {
	
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-khtml-opacity: 1.0;
	-moz-opacity: 1.0;
	opacity: 1.0;
}

.actteaser .bteaserimg {
	top: 0px;	
}

.actteaser .bteaserfooter {
	display: block;
}


/* home intro -*/

p.homeintro {

	width: 650px;
	margin: 90px auto 20px auto;
	font-size: 0.8em;
	color: #16597a;
}

p.homeintro span {
	font-weight: bold;
	font-style: italic;
	font-size: 1.2em;
}

.homenoscript {
	width: 650px;
	margin: 10px auto 20px auto;
	font-size: 1em;
	color: #f00;
}
/* S M A L L T E A S E R  */

#smallteasercontainer {
	width: 930px;
	margin: 0 auto;
	background: url(/img/bg_bottom.gif) 0 bottom repeat-x;
}

#smteaserwrapper {
	height: 150px;
	background: url(/img/bg_smallteaserbuehne.gif) 312px 0 no-repeat;
}

.smallteaser1, .smallteaser2, .newsteaser {
	width: 283px;
	float: left;
}

.smallteaser1 {
	background: url(/img/bg_smallteaser1.gif) 0 0 no-repeat;
	margin-left: 20px;
}

.smallteaser2 {
	background: url(/img/bg_smallteaser2.gif) 0 0 no-repeat;
	margin-left: 20px;
}

.newsteaser {
	background: url(/img/bg_newsteaser.gif) 0 0 no-repeat;
	margin-left: 20px;
}

#smallteasercontainer h4 {
	margin: 0;
	padding: 5px 0 0 15px;
	text-transform: uppercase;
	color: #f1d679;
	width: 283px;
	height: 88px;/* 93 */
}


#smallteasercontainer .smallteaser1 h4 {
	background: url(/img/smallteaser1.jpg) 0 0 no-repeat;
}

#smallteasercontainer .smallteaser2 h4 {
	background: url(/img/smallteaser2.jpg) 0 0 no-repeat;
}


#smallteasercontainer .newsteaser h4 {
	width: 268px;
	height: 26px;
	padding: 6px 0 0 15px;
	font-size: 0.8em;
}

#smallteasercontainer h5 {
	margin: 0;
	padding: 3px 0 0 15px;
	color: #f1d679;
	height: 22px;
}

#smallteasercontainer p {
	margin: 0;
	height: 25px;
}

#smallteasercontainer p a {
	text-decoration: none;
	color: #fff;
	font-size: 0.75em;
}

.smallteaser1 a {
	background: url(/img/bg_more_blue.gif) 15px 5px no-repeat;
	padding: 3px 0 0 35px;
}

.smallteaser2 a {
	background: url(/img/bg_more_green.gif) 15px 5px no-repeat;
	padding: 3px 0 0 35px;
}

#smallteasercontainer p.more {
	width: 265px;
	height: auto;
	margin: 0;
}

#smallteasercontainer p.more a {
	display: block;
	color: #16597a;
	padding: 10px;
	line-height: 1.4em;
	background: none;
	border-bottom: 1px solid #f7f7f7;
}


#smallteasercontainer p.more a:hover {
	background: #fff;
	border-bottom: 1px solid #e1e0df;
}

#smallteasercontainer p.more a span {
	color: #fd4b51;
	padding: 0;
	font-style: italic;
}

.newsteaser ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.newsteaser li {
	display: inline;
}

.newsteaser a {
	display: block;
	margin-bottom: 1px;
	text-decoration: none;
	color: #fff;
	font-size: 0.75em;
	height: 27px;
	line-height: 27px;
	overflow: hidden;
	padding-left: 15px;
}
.newsteaser a:hover {
	text-decoration: underline;
}

#smallteasercontainer p.more a.morenews {
	background: url(/img/icon_morenews.gif) 14px 10px no-repeat;
	padding: 10px 10px 5px 40px;
}

#smallteasercontainer p.more a.morenews:hover {
	background: #fff url(/img/icon_morenews.gif) 14px 10px no-repeat;
	border-bottom: 1px solid #e1e0df;
}

#bottomlogo {
	clear:both;
	width: 100%;
	height: 100px;
	background: url(/img/footerlogo.gif) center 10px no-repeat;
}

/* ---- F O O T E R ---- */
#footer {
	margin-top: 5px;
	width: 100%;
	color: #16597a;
	font-size: 0.75em;
	border-top: 1px solid #e1e0df;
	background: #fff;
	text-align: center;
}

#footer div {
	text-align: center;
	width: 890px;
	margin: 0 auto;
	padding: 5px 0;
}

#footer a {
	float: right;
	color: #16597a;
	text-decoration: none;
	background: url(/img/bg_more_green.gif) 0 0 no-repeat;
	padding: 0 0  5px 20px;	
}

#footer img {
	margin: 0 30px 0 50px;
}

/* ---- hnv landusechange bw ---- */

.vorhernachher {
	position: relative;
	top: 0;
	left: 0;
	width: 485px;
	height: 320px;
}
.vorhernachher div {
	position: absolute;
	top: 0;
	left: 0;
	
}

.vorhernachher .imageswitch {
	position: absolute;
	top: 270px;
	left: 430px;	
}

.picturecredits {
	padding: 20px 0 0 20px;
	/* float: right; */
	font-size: 0.85em;
	line-height: 1.2em;
	color: #bbb;
	padding-right: 5px;
}

/* ---- sonst ---- */
.red {
	color: #f00;
}

.hide {
	display: none;
}

.imgRight {
	float: right;
	clear: both;
	margin: 0 0 30px 30px;
}
.imgLeft {
	float: left;
	clear: both;
	margin: 0 30px 30px 0;
}

.imgLeftnoclear {
	float: left;
	margin: 0 20px 30px 0;
}
.clear {
	clear: both;
}

a.mmedia {	
	font-family: Arial, sans-serif !important;
	font-weight: bold !important;
	text-decoration: none !important;
	color: #387393 !important;
	font-size: 12px !important;
}

a.mmedia span {
	color: #8D8F92 !important
}