/* ---+++ Die Anpassungen fuer !=Win-IE laufen ueber standard.js +++--- */

/* Standards */

* {
	padding: 0px;
	margin: 0px;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
}

html, body {
	height:	100%;
}

body {
	background: url(/standards/bilder/body_bg.gif) repeat-y left;
	background-color: #FFFFFF;
	font-family: Verdana, Helvetica, sans-serif;
	font-weight: normal; 
	color: #000000;
}

#schneeAnim {
    z-index: auto;
}


a:focus, input:focus, textarea:focus {
	outline-width: 0px;	
}

h2 {
	font-size: 11px;
}

table, body {
	font-size: 11px;
}

a, a:hover {
	color: #EB8B9A;
	text-decoration: none;	
}

ul {
	list-style-type: none;	
}

ol {
	padding-left: 25px;	
}



img {
	border: 0px solid;
}

.cmserror {
	display: none;
	padding: 10px 10px 10px 0px;
	background-color: #FFCCCC;
	border: 1px solid #EF0000;
	font-size: 10px;
	margin-bottom: 1em;
	margin-left: 0px;
	overflow: auto;
	width: 300px;
	height: 100px;
}

.bild {	
	padding-bottom: 15px;
}

.bild img {
	margin-top: 3px;	
}

div {
	 /*border: 2px solid blue; */
}

p {
	margin-right: 10px;
	color: #666666;
}

/*
#homepageMainTeaser {
    position:absoloute;
    width: 95%;
    vertical-align: top;
}

#homepageMainTeaserText {
    width: 67%;
    float:left;
    vertical-align: top;

}
*/
#homepageMainTeaserVisual {
    padding-bottom: 20px;
}


/* Formulare */

.formTabelle {
	color: #666666;
	margin-bottom: 20px;
	position: relative;
	width: 520px;
}

.formTabelle th, .formTabelle td {
	text-align: left;
	width: 50%;
}

.formTabelle th, .formTabelle td {
	padding: 2px;
}

input, textarea, select {
	font-family: Verdana, Helvetica, sans-serif;
	background-color: #FFFFFF;
	color: #000000;
	font-size: 11px;
}

.formTabelle input {
	width: 140px;
}

.formTabelle textarea {
	width: 505px;	
}

.tableCellSubmit td input {
	width: auto;
	background-color: #D4D0C8;
	font-weight: normal;
}

ul.hide {
	display: none;
}

/* Content Box */

#mainWrapHP, #mainWrap {
	width:expression(document.body.clientWidth < 810? "765px" : "auto");
	min-width: 765px;
	padding-left: 40px;
	height: 100%;
	
}

#mainWrapHP {
	background: url(/standards/bilder/body_hp.gif) no-repeat;
    z-index:99;
}

#mainWrap {
	background: url(/standards/bilder/body_standard.gif) no-repeat;
}

/* Header */

#blauNavi {
	background: url(/standards/bilder/hauptnavi.gif) no-repeat 0px 0px;
	height: 126px;
	clear: both;
	margin: 0px 0px 8px 0px;
	z-index: 0;
}

#hauptNavi {	
	background: url(/standards/bilder/butterfly_hauptnavi.gif) no-repeat;
	background-position: right 28px;
	height: 126px;
	clear: both;
	margin: 0px 16px 0px 0px;
	z-index: 0;
}

#logo {
	float: left;
	padding: 41px 0px 0px 20px;
	width: 171px;
	height: 26px;
	z-index: 0;
}

#buttons {
	float: right;
	margin-right: 150px;
}
#buttons img {
	margin-left: 5px;
}

#metaNavi {	
	width: 300px;
	float: left;
	padding: 8px 0px 8px 5px;
	z-index: 0;
	
}

#metaNavi a {
	color: #666666;	
}

#metaNavi a, #metaNavi form, #metaNavi img {
	padding: 0px 5px 0px 5px;	
	vertical-align: bottom;
}

#metaNavi img {
	padding-top: 10px;	
}

#metaNavi form {
	display: inline;
}

#mainNavi {
	padding: 35px 0px 0px 20px;
	clear: both;
}
#mainNavi img {
	padding-right: 10px;	
}
#search {
	float: right;
	margin-right: 150px;
	margin-top: -5px;
}
#search a {
	color: #3b85bd;
	font-weight: bold;
}
#search form img {
	vertical-align: top;
}
#search form input {
	border: 1px solid #3b85bd;
}
#naviBilderAbsolute {
	position: absolute;
	top: 170px;	
	left: 170px;
	width: 135px;
	height: 135px;
}

#seitenNavi {
	background-repeat: no-repeat;
	background-position: right;
	clear: both;
	height: 209px;
	margin-left: 20px;
	margin-bottom: 10px;
	z-index: 0;
}

#seitenNavi h2 {
	padding-top: 30px;
	padding-bottom: 10px;
	font-size: 11px;
	color: #3B85BD;
}

#seitenNavi ul {
	width: 105px;
}

#seitenNavi ul li {
	padding-bottom: 5px;
	float:left;
}

/* HP Box */

#contentBlock {
	margin-bottom: 25px;	
}

#contentBlock h3 {
	padding-left: 75px;
	color: #666666;
	font-size: 11px;
	font-weight: normal;
}

#hpTeaserTable {
	margin-top: 10px;
	background-color: #D6E4F4;
	vertical-align: top;
}

#hpThemenTable {
	margin-top: 3px;
	background-color: #FBE8EB;
	vertical-align: top;
}

#hpThemenTable h2 {
	padding: 10px 0px 10px 0px;
	font-size: 12px;
	color: #4177B8;	
}
.butterflyThemenTD {
	width: 61px;
	vertical-align: top;
}

#butterflyThemen {
	position: relative;
	margin-top: -20px;
	z-index: 10;
}

#hpThemenTable .borderTD {
	border-right: 4px solid #FFFFFF;
}

.borderTD, .normTD {
	vertical-align: top;
	padding-left: 15px;
	width: 50%;	
}

.hosenTD {
	vertical-align: top;
	padding: 15px 15px 0px 15px;
}

.hosenTD div.bild {
	width: 119px;
	float: right;
}

.hosenTD h2 {
	font-size: 18px;
	color: #6D6D6D;
	padding-bottom: 10px;
}

.borderTD td, .normTD td {
	padding: 0px 0px 10px 0px;
}

.borderTD a, .normTD a {
	display: compact;
	padding-left: 16px;
	background: url(/standards/bilder/link_kreis.gif) no-repeat 0px 0px;
}

.borderTD p, .normTD p {
	text-align: left;	
}

/* Inhat und Uebersicht*/

#ueberschrift {
	margin-left: -10px;
	background: url(/standards/bilder/ueberschrift_bg.gif) no-repeat left bottom;
	background-color: #F4F2F2;
}

#ueberschrift h1 {
	color: #3B85BD;
	font-size: 18px;
	padding: 20px 0px 40px 245px;
	font-weight: normal;
}

/* Sekundäre Navigation*/

#tableSekNavi {
	width: 225px;
	vertical-align: top;
	padding-right: 10px;
}

#sekNaviSpacer {
	margin-left: 20px;	
}

#tableSekNavi h2 {
	color: #666666;
	font-size: 13px;
	padding: 0px 0px 10px 0px;	
}

#navigationsListe {
	margin-left: 12px;
	margin-bottom: 100px;
}

#navigationsListe li {
	margin-left: -5px;
}

#tableSekNavi a {
	color: #378DB5;
}

#ueberschriftActive {
	margin-bottom: 0px;
}

#ueberschriftActive li {
	font-size: 12px;	
}

#tableSekNavi .ebene1 {
	font-size: 12px;
	padding-bottom: 5px;
}

#tableSekNavi .ebene1active {
	font-size: 12px;
	font-weight: bold;
	margin-left: 2px;
	padding-bottom: 5px;
}

#tableSekNavi .ebene1inside {
	margin-left: 2px;
	padding-bottom: 5px;
	list-style-type: none;
	font-weight: bold;
	font-size: 12px;
}

#tableSekNavi .ebene1inside a, #ueberschriftActive a, #tableSekNavi .ebene1active a {
	color: #666666;	
}

#tableSekNavi .ebene2, #tableSekNavi .ebene2active {
	margin-left: 12px;
}

#tableSekNavi .ebene2active, #tableSekNavi .ebene1active, #ueberschriftActive {
	list-style-type: disc;
	list-style-position: outside; 
	color: #666666;
	font-weight: bold;	
}

#tableSekNavi .ebene2 a {
	color: #EB8B9A;
}

#tableSekNavi #ebene2Last {
	margin-bottom: 10px;	
}

#tableSekNavi .ebene2active a {
	color: #666666;	
}

/*********** Übersichts Bereich ************/

.uebersichtsTeaser {
	padding-left: 10px;
	padding-bottom:	15px;
	padding-right: 15px;
}

.uebersichtsTeaser p {
	display: inline;
	line-height: 16px;
	padding: 0px 0px 0px 0px;
}

.tableTop td {
	vertical-align: top;
}

#tableContentUebersicht td h3 {
	padding-left: 18px;
	height: auto;
	background-repeat: no-repeat;
	background-image: url(/standards/bilder/bullit_unteruebersicht.gif);
	color: #EB8B9A;
	font-size: 12px;
	font-weight: bold;
}

#themenUebersicht {
	padding-right: 20px;	
}

#tableThemenUebersichtsBox {
	background: url(/standards/bilder/ecke_themen.gif) top left no-repeat #FBE8EB;
}

#tableThemenUebersichtsBox td {
	vertical-align: top;
	height: 110px;
	border-bottom: 2px solid white;
	border-left: 2px solid white;
	background-repeat: no-repeat;
	background-position: 5px 10px;
}

#tableThemenUebersichtsBox .uebersichtsBoxInhalt {
	padding: 15px 10px 15px 105px;
}

#tableThemenUebersichtsBox .uebersichtsBoxInhalt ul {
	padding-left: 20px;	
}

#tableThemenUebersichtsBox .uebersichtsBoxInhalt p {
	padding-left: 25px;
}

#tableThemenUebersichtsBox .uebersichtsBoxInhalt ul li {
	margin-bottom: 5px;
	padding-left: 18px;
	background-repeat: no-repeat;
	background-image: url(/standards/bilder/uebersicht_themen_bullet.gif);
	background-position: 3px 3px;
}

/*********** Ende Übersichts Bereich ************/


/***********Unterübersichts Bereich*************/

#tableContentUebersicht, #tableContentUnteruebersicht {
	margin-top: 20px;
}

#UnteruebersichtContent {
	padding-right: 20px;	
}

.tableCellStandardbild {
	padding-bottom: 20px;
	font-size: 12px;
}

.tableCellStandardbild#unteruebersicht {
	background-repeat: no-repeat;
	background-position: top left;
	padding-top: 150px;
}

.tableCellStandardbild#unteruebersicht p {
	margin-bottom: 0px;	
}

.tableCellStandardbild img {
	padding: 0px 20px 20px 0px;
	vertical-align: top;
	float: left;
}

.tableCellStandardbild p {
	line-height: 16px;
	font-size: 12px;
}

#UnteruebersichtBild td {
	vertical-align: top;
	width: 50%;
}

.infoBoxUnterUebersicht h2 {
	margin-top:0px;
	margin-bottom: 10px;
	padding-left: 18px;
	background-repeat: no-repeat;
	background-image: url(/standards/bilder/blaue_box_bullet.gif);
}

.infoBoxUnterUebersicht {
	color: #666666;
	font-size: 11px;
	background: url(/standards/bilder/ecke_blauebox.gif) top left no-repeat;
	margin: 0px 0px 20px 20px;
	background-color: #C8DAF0;
	float: right;
	width: 50%;
}

.infoBoxUnterUebersicht .infoBoxUnterUebersichtPadding p {
	display: inline;
	padding-top: 5px;
	margin-bottom: 0px;
}

.infoBoxUnterUebersichtPadding {
	padding: 10px;
	font-size: 12px;
}

/*Themen Bereich*/

#tableCellThemenBorder {
	height: 15px;
	background-color: #C8DAEF;
}

#themenUnteruebersicht {
	padding-right: 20px;
}

#tableThemenBox {
	margin: 5px 0px 21px 0px;
	background: url(/standards/bilder/themen_ecke_rosa.gif) top left no-repeat #FBE8EB;
}

#tableThemenBox td {
	width: 50%;
	height: 150px;
	vertical-align:top;
	background-repeat: no-repeat;
	background-position: 10px 25px;
	padding-bottom: 10px;
}

#tableThemenBox .keinBild {
	height: auto;
}

#tableThemenBox .keinBild p {
	padding-left: 25px;
	margin-top: 10px;
}

#tableThemenBox .keinBild a {
	padding-left: 25px;
}

#tableThemenBox .keinBild p a, #tableThemenBox .keinBild h2 a {
	padding-left: 0px;
}

#tableThemenBox td p {
	padding-left: 120px;
	margin-top: 25px;
	padding-bottom: 0px;
}

#tableThemenBox td a {
	padding-left: 120px;
}

#tableThemenBox td h2 a, #tableThemenBox td p a {
		padding-left: 0px;
}

#tableThemenBox td {
	border-top: 2px solid #FFFFFF;
	border-right: 2px solid #FFFFFF;
	
}

/***********Ende Unterübersichts Bereich*************/

/**********Sitemap*********/
#sitemap {
	line-height: 12px;	
}

#sitemap td {
	vertical-align: top;
	padding-right: 10px;
}

#sitemap ul {
	padding: 5px 5px 5px 21px;
	margin-left: 0px;
	background-color: #ECF2FA;
	list-style-type: none;	
}

#sitemap h2 {
	background-image: url(/standards/bilder/thema_grafik.gif);
	background-repeat: no-repeat;
	padding:10px 3px 10px 21px;
	background-color: #FBE8EB;
	background-position: 3px 10px;
	margin: 0px 0px 0px 0px;
}

.sitemapEbene2 {
	margin-left: 0px;
}

.sitemapEbene2 a {
	font-weight: bold;	
}

.sitemapEbene3 {
	margin-left: 20px;	
}

.error {
	color: #FF0000;	
}

/***********Inhalts Bereich**************/

/***********Inhalt Content Bereich mit Table gelöst***********/

#inhaltsBildBreit {
	padding: 0px 20px 20px 0px;
}

#inhaltsBildBreitGrafik {
	height: 130px;
	padding-right: 20px;
	background-repeat: no-repeat;
}

#standardBildInhalt {
	float: left;
}

#standardBildInhalt img {
	padding: 0px 20px 20px 0px;
}

#tableCellContentInhalt {
	vertical-align: top;
}

/*Unsichere CSS Anweisung, wird jedoch für MAC IE benötigt*/

.standardBildTextInhalt {
	display: run-in;
	color: #666666;
	font-size: 12px;
}

/* MAC IE Anweisung Ende */

.standardBildTextInhalt h2 {
	margin-top: 20px;
	padding-left: 0px;
	padding-bottom: 5px;
}

.tableCellStandardbild h2 {
	color: #666666;
	font-size: 12px;
	margin-bottom: 20px;
}

.standardBildTextInhalt ul, .tableCellStandardbild ul {
	font-size: 12px;
	list-style-type: disc;	
	color: #666666;
	margin-left: 16px;
	margin-bottom: 10px;
}

.standardBildTextInhalt ul li, .tableCellStandardbild ul li {
	margin-bottom: 6px;	
}

.standardBildTextInhalt p, .tableCellStandardbild p  {
	line-height: 17px;
	color: #666666;
	font-size: 12px;
	margin-bottom: 20px;
}

.clearLine {
	clear:both;
}

.tableCellInhaltsThemen {
	margin-bottom: 25px;
}

.tableCellInhaltsThemen td {
	background-color: #C8DAEF;	
	border-left: 10px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}

.tableCellInhaltsThemen a {
	color: #378DB5;	
}

.tableCellInhaltsThemen .erstesThema {
	border-left: 0px solid;
}

.tableCellInhaltsLinks td {
	vertical-align: top;
}


.uebersichtsBoxInhalt h2, .tableCellInhaltsLinks h2, .standardLinks h2, #tableThemenBox h2, .standardLinksFirst h2 {
	margin: 5px;
	margin-top: 10px;
	padding-left: 18px;
	background-repeat: no-repeat;
	color: #666666;
}

.uebersichtsBoxInhalt h2, .standardLinks h2, #tableThemenBox h2, .standardLinksFirst h2 {
	background-image: url(/standards/bilder/thema_grafik.gif);
}

.tableCellInhaltsLinks h2 {
	background-image: url(/standards/bilder/thema_grafik_blau.gif);
}

.tableCellInhaltsLinks h2 {
	margin-top: 0px;	
}

.tableCellInhaltsLinks p, .standardLinks p, #tableThemenBox p, .standardLinksFirst p {
	margin-top: 5px;
	text-align: left;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
}

.tableCellInhaltsThemen p {
	font-size: 11px;
	margin-bottom: 0px;
	line-height: 13px;	
}

.tableCellInhaltsThemen h2 {
	font-size: 11px;
	margin-top: 10px;
	text-align: left;	
}

/* Standardlinks rechts */

#tableCellstandardLinks {
	vertical-align: top;
	padding-right: 20px;
}

.standardLinks, .standardLinksFirst {
	margin-left: 10px;
	padding-top: 10px;
	background-color: #FBE8EB;
	margin-bottom: 10px;
	color: #666666;
}

.standardLinksFirst {
	background: url(/standards/bilder/themen_ecke_rosa.gif) top left no-repeat #FBE8EB;
}

.standardLinks h2, .standardLinksFirst h2 {
	margin-top: 0px;
}


/***********Ende Inhalt Bereich***********/

/***********Produkte Inhaltsbereich***********/

.produkteTable {
	margin-top: 20px;	
}

.produkteTable .standardLinks p {
	padding-left: 0px;
}

.produkteTable .standardLinks h2 {
	margin-left: 0px;	
}

.produkteTable h2 {
	margin-top: 0px;	
}

.produkteTable p {
	margin-bottom: 5px;	
}

.produkteTable ul {
	margin-bottom: 5px;	
}

.produkteTable .paddingDiv {
	padding: 10px;
}
.produkteTable .produktInfoSmall {
	padding: 5px;
	padding-left: 10px;
	border-top:	1px solid #FFFFFF;
}

.produkteTable .produktInfoSmall p {
	font-size: 11px;	
}

.produkteTable td {
	border-color: #FFFFFF;
	border-style: solid;
	border-width: 0px;
	border-bottom-width: 5px;
	width: 50%;
	vertical-align: top;
}

.produkteTable2 {
	background-color: #EDF2F8;
	margin-bottom: 15px;
}

.produkteTable2 td {
	vertical-align: top;
	border-right: 1px solid #D6E4F4;
}

.produkteTable2 .beschreibung {
		border-right: 0px;
		padding: 5px;
}

.produkteTable2 .beschreibung p {
	margin-bottom: 0px;
	padding-bottom: 10px;	
}

.produkteTable2 .beschreibung .zusatztext {
	border-top: 1px solid #D6E4F4;
	padding-top: 10px;
}

.produkteTable2Ueberschrift {
	background-color: #D6E4F4;
	border-right: 0px;
}

.produkteTable2Ueberschrift h2 {
	padding: 5px;
	margin: 0px;
	font-size: 13px;	
}

.produkteTable2 .produktBilder {
	text-align: center;
}

.produkte2TableStandardLinks {
	margin-top: 10px;	
}

.produkte2TableStandardLinks td {
	border-color: #FFFFFF;
	border-style: solid;
	border-width: 0px;
	border-bottom-width: 5px;
	width: 50%;
	vertical-align: top;
}

.produkte2TableStandardLinks p {
	padding-left: 0px;	
	margin-bottom: 0px;
}

.produkte2TableStandardLinks h2 {
	margin-left: 0px;	
}

#produktestandardLinks {
	background-color: #FBE8EB;
	vertical-align: top;
}



/******Ende  Produkte Inhaltsbereich***********/

/* Figuren*/
/*
#figure1 {
	position: relative;
	text-align: right;
	width: 90%;
	margin-left: 5%;
	margin-top: 5px;
}
*/

/************Tiere **************/

#figure2, #figure3, #figure4, #figure5, #figure2Inhalt, #figure3Inhalt, #figure4Inhalt, #figure5Inhalt {
	position: absolute;
	height: 65px;
	width: 100px;
	background-repeat: no-repeat;
}

#figure1, #figure1Inhalt {
	display: none;
	position: absolute;
	top: 65px;
	left: 90%;
	z-index: 2;
	height: 102px;
	width: 83px;
	background-repeat: no-repeat;
	background-image: url(/standards/bilder/butterfly_1.gif);
}

#figure2, #figure2Inhalt {
	display: none;
	position: absolute;
	top: 125px;
	left: 75%;
	z-index: 1;
	background-image: url(/standards/bilder/butterfly_2.gif);
	background-repeat: no-repeat;
}

#figure3 {
	left: 8%;
	top: 150px;
	z-index: 1;
	background-image: url(/standards/bilder/bird_1.gif);
}

#figure4 {
	left: 12%;
	top: 520px;
	z-index: 10;
	background-image: url(/standards/bilder/bee_1.gif);
}

#figure5 {
	display: none;
	left: 6%;
	top: 460px;
	background-image: url(/standards/bilder/butterfly_3.gif);
}

/*Tiere Inhalt*/


#figure3Inhalt {
	left: 5%;
	top: 140px;
	z-index: 1;
	background-image: url(/standards/bilder/butterfly_4.gif);	
}

#figure4Inhalt {
	left: 6%;
	top: 540px;
	background-image: url(/standards/bilder/bird_2.gif);
}

/************Tiere Ende**************/


/***********Footer Bereich***********/

#footer {
	color: #FFFFFF;
	background-color: #908585;
	float: left;
	width: 100%;
	margin: 0px;
}

#footer a {
	color: #FFFFFF;		
}

#tableCellFooter, .seiteVersenden {
	padding: 5px 0px 5px 10px;
	border-top: 5px solid #FFFFFF;	
	border-bottom: 30px solid #FFFFFF;
	background-color: #908585;
	color: #FFFFFF;
}
.tableRowFooter td.metaNavi a {
	text-decoration: none;
	padding: 0px 5px 0px 5px;
}
.seiteVersenden {
	padding-right: 5px;
}

.tableRowFooter a, .tableRowFooter a:hover {
	color: #FFFFFF;
	text-decoration: underline;	
}

.tableRowFooter p {
	color: #FFFFFF;
	/*margin-left: 5px;*/	
}

#tableCellSpacerFooter {
	width: 235px;
	background-color: white;
}

#questions {	
	float: right;
	width: 375px;	
	padding: 8px 10px 8px 0px;
	margin: 0px;
}
#questions a { 
	text-decoration: underline;
}
/***********Ende Footer Bereich***********/