/* oooooooooooooooo   A L L G E M E I N E S   oooooooooooooooo  */

	/* Breite der gesamten Webpage exklusive SKY-Skraper*/
	#container{
	}

	body {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #000000;
		padding:0 13px 20px 13px;
	}

	p,div,h1,h2, h3,h4,h5,input,textarea,select,form,table,td,tr {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
	}


	/* ---- BANNER -----*/
		#banner{
			z-index:0;
			display:none;		}

		#xxlbanner{
				background: #ffffff;
		}
		#skyscraper{
				background: #ffffff;
				position: absolute;
				left: 962px;
				top: 0px;
		}
	/* ---- ende BANNER -----*/




	form { padding:0px; margin:0px; border:0px; }
	input, textarea, select {
		color: #000; margin-top: 0px; margin-bottom: 0px;
		font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px;
	}


	input:focus, textarea:focus, select:focus { background: #F5CDE3;}
	.formwidth1 { width: 110px; }

	select:actvie{background-color: #F5CDE3;}



	.clear{
		clear: both;
	}


	.blaufett{
		color: #0087C0;
		font-weight: bold;
	}

	.linefarbefett{
		color: #019A32;
		font-weight: bold;
	}

	.grau{
		color: #777777;
	}

	.weiss{
		color: #FFFFFF;
	}

	.highlight {
		background-color:#E4F4E9;
	}

	.kleinfett{
		font-size: 0.9em;
		font-weight: bold;
	}


/* oooooooooooooooo   ende A L L G E M E I N E S   ooooooooooo  */





/* oooooooooooooooo   S E I T E N K O P f 	  oooooooooooooooo  */
	/* Logo und Banner */
	#kopf1{
		width:100%;
		height:79px;
		background: #019A32;
		border-bottom: 1px solid #CCCCCC;
		display:none;	}

	/* Datumszeile */
	#kopf2{
		width:100%;
		height:14px;
		background: #53BA75;
		text-align:right;
		margin: 0 0 16px 0;
		display:none;	}

	#kopf2 .datum{
		color:#FFFFFF;
		font-size:9px;
		padding: 1px 4px 1px 0;
	}

	#logo{
		margin: 26px 0 4px 8px;
		float: left;
	}

	#printlogo{
		margin: 0px 0 4px 8px;
		text-align: center;
			}

	#kopfbanner{
		float: right;
		margin: 9px 0 9px 0px;

	}


/* oooooooooooooooo   ende S E I T E N K O P f 	  oooooooooooo  */


/* oooooooooooooooo   L I N K E   N A V I 	  oooooooooooooooo  */

	/*  ------- Beschreibung der DIV-Klassen:
		"ressort" = normales Ressort, farbig
		"ressortexklusiv" = Ressort aus dem Membersclub, farbig
		"ressort2" = normales Ressort aus dem allgemeinen Bereich, grau
	 	"formular - hat andere Zeilenhöhe als "ressort" und erzeugt den farbigen Sendebutton.
	*/


	#linkenavi{
		margin: 0 0 15px 0;
		float:left;
		height: 100%;
		width: 199px;
		display:none;  	}

	#linkenavi div.ressort{
		background: #019A32;
		color:#FFFFFF;
		line-height: 25px;
		font-size: 9px;
		font-weight:bold;
		text-transform: uppercase;
		padding:0 0 0 10px;
		border: 0;
		border-bottom: 1px solid #FFFFFF;
	}

	#linkenavi div.ressortexklusiv{
		background: #019A32;
		color:#FFFFFF;
		line-height: 25px;
		font-size: 9px;
		font-weight:bold;
		text-transform: uppercase;
		padding:0 0 0 10px;

		border: 0;
		border-bottom: 1px solid #FFFFFF;

		background-image: url(/gif/layout/schluessel.gif);
		background-repeat: no-repeat;
		background-position: 180px 10px;
	}


	#linkenavi div.rubriken{
		background: #CEEBD6;
		color: #00000;
		line-height:20px;
		margin: 0 0 0px 0;
		padding: 3px 10px 6px 10px;

		border: 0;
		border-bottom: 1px solid #FFFFFF;
	}

	#linkenavi div.rubriken a, #linkenavi div.rubriken2 a  { color: #000000; text-decoration: none;  display: block;}
	#linkenavi div.ressort a, #linkenavi div.ressortexklusiv a { color: #FFFFFF; text-decoration: none; display: block;}

	#linkenavi a.navilink { color: black; text-decoration: none;
		margin-left:10px;
	}

	#linkenavi div.rubriken a.navilinkon {
		color: #025801;
		font-weight:bold;
		background-image: url(/gif/layout/navpfeil.gif);
		background-repeat: no-repeat;
		background-position: 0px 6px;
		padding-left:10px;
		margin-left:0px;
	}
	#linkenavi a.high { color: #9f0800; text-decoration: none; font-weight:bold;}
/*	#linkenavi div.ressortexklusiv a:hover {background: #003388; text-decoration: none;} */
/*	#linkenavi div.rubriken a:hover {background: #003388; text-decoration: none;} */


	#linkebanner{
		width:150px;
	}


	#linkenavi div.formular{
		background: #CEEBD6;
		height:65px;
		color: #00000;
		margin: 0 0 0px 0;
		padding: 6px 10px 6px 10px;

		border: 0;
		border-bottom: 1px solid #FFFFFF;
	}


	#linkenavi div.formular input.text{
		width: 180px;
		border-top:1px solid #4D4D4D;
		border-left:1px solid #4D4D4D;
		border-bottom:1px solid #EAEAEA;
		border-right:1px solid #EAEAEA;
	}

		#buehne div.formular input.textland{
			width: 35px;
			border-top:1px solid #4D4D4D;
			border-left:1px solid #4D4D4D;
			border-bottom:1px solid #EAEAEA;
			border-right:1px solid #EAEAEA;
		}

		#buehne div.formular input.textplz{
			width: 70px;
			border-top:1px solid #4D4D4D;
			border-left:1px solid #4D4D4D;
			border-bottom:1px solid #EAEAEA;
			border-right:1px solid #EAEAEA;
		}



		#buehne div.formular input.textort{
			width: 187px;
			border-top:1px solid #4D4D4D;
			border-left:1px solid #4D4D4D;
			border-bottom:1px solid #EAEAEA;
			border-right:1px solid #EAEAEA;
		}

	#linkenavi div.formular input.submit{
		margin: 10px 0;
		background: #E9F4FA;
		border:solid 1px #CCCCCC;
		text-transform: uppercase;
		font-weight: bold;
		color: #53BA75;
		font-size:9px;
		padding:0;
	}


	/* RESSORTS/RUBRIKEN 2  - allgemeine Bereiche */
	#linkenavi div.ressort2{
		background: #FFFFFF;
		color:#000000;
		line-height: 25px;
		font-size: 9px;
		font-weight:bold;
		text-transform: uppercase;
		margin: 25px 0 0 0;
		padding: 0 0 0 10px;

		border: 0;
		border-bottom: 1px solid #FFFFFF;
	}
	#linkenavi div.ressort2 a { color: #000000; text-decoration: none; display: block;}

	#linkenavi div.rubriken2{
		background: #ededed;
		color:#000000;
		line-height: 25px;
		font-size: 9px;
		text-transform: uppercase;
		margin: 0;
		padding: 0 0 0 10px;

		border: 0;
		border-bottom: 1px solid #FFFFFF;
	}


/* oooooooooooooooo   ende L I N K E   N A V I 	  oooooooooooo  */


/* oooooooooooooooo   T O P N A V I  		  oooooooooooooooo  */
	#topnavi{
		margin-bottom: 11px;
		background: #e4f4e9;
	}

	#topnavi div{
		line-height: 25px;
		font-size: 10px;
		padding: 0 10px;
		border-bottom: 1px solid #FFFFFF;
	}


	#topnavi a{
		color: #000000;
		text-decoration: none;
	}

	#topnavi a.navilinkon{
		color: #019a32;
		font-weight:bold;
	}

	#topnavi a:hover{
		color: #025801;
	}

	#topnavi .grau{
		color: #CCCCCC;
	}



/* oooooooooooooooo   ende T O P N A V I		  oooooooooooo  */







/* oooooooooooooooo   R E C H T E    N A V I  oooooooooooooooo  */
	/*  ------- Beschreibung der DIV-Klassen:
		"kopf" = Blockkopf, Überschrift
		"content" = Blockkörper mit Padding (standard)
		"content2" = Blockkörper ohne Padding (z.B. bei "Partnerlogos")
	 	"formular = Formular
	*/

	#rechtenavi{
		padding: 0;
		margin-top: 0;
		float: right;
		width: 153px;
		display:none;	}

	#rechtenavi a{
		font-size: 9px;
		color: #53BA75;
	}

	#rechtenavi div.kopf{
		margin-top: 0;
		background: #CAEAD3;
		color:#53BA75;
		line-height: 25px;
		font-size: 9px;
		font-weight:bold;
		text-transform: uppercase;
		padding:0 0 0 8px;
	}

	#rechtenavi div.kopf h1{
		margin: 0;
		padding: 0;
		font-size: 9px;
		color:#26772A;
	}


	#rechtenavi div.content{
		margin-top: 0;
		background: #E4F4E9;
		color:#000000;
		padding:8px;
		font-size: 9px;
		margin: 0 0 9px 0;
	}

	#rechtenavi div.content2{
		margin-top: 0;
		background: #E4F4E9;
		color:#000000;
		margin: 0 0 9px 0;
	}

	#rechtenavi div.content2 div{
		font-size: 9px;
		margin-left: 8px;
		padding-top: 8px;
	}


	#rechtenavi div.formular{
		font-size: 9px;
		background: #E4F4E9;
		color: #000000;
		padding: 8px;
		margin: 0 0 10px 0;
	}

	#rechtenavi div.formular form{
		font-size: 9px;
	}


	#rechtenavi div.formular input.submit{
		margin: 10px 0;
		background: #FAFBFD;
		border:solid 1px #CCCCCC;
		text-transform: uppercase;
		font-weight: bold;
		color: #26772A;
		font-size:9px;
		padding:0;
	}


	#rechtenavi div.formular input.text{
		width: 137px;
		border-top:1px solid #4D4D4D;
		border-left:1px solid #4D4D4D;
		border-bottom:1px solid #EAEAEA;
		border-right:1px solid #EAEAEA;
		margin: 1px 0 3px 0;
	}


	#rechtenavi div.banner{
		text-align:center;
		padding-bottom: 10px;
	}


	#rechtenavi td{
		font-size: 9px;
	}


/* oooooooooooooooo   ende R E C H T E    N A V I  ooooooooooo  */




/* oooooooooooooooo   B U E H N E 			  oooooooooooooooo  */

	#buehne{
		width: 553;
		margin: 0 19px;
		float:left;
		padding: 0;
		/*border: 1px solid #CCCCCC;*/
	}



		#buehne div.kastenkopf1 h1{
			width:553px;
			color: #025801;
			line-height: 25px;
			font-weight: bold;
			font-size:11px;
			margin: 0;
			text-indent: 14px;
			background-image: url(/gif/layout/gruen-h1.jpg);
			background-position: top;
			background-repeat: no-repeat;
			text-transform: uppercase;
			border-top: 1px solid #449c60;
			border-left: 1px solid #449c60;
			border-right: 1px solid #449c60;

		}

		#buehne div.kasten1, #buehne div.kasten2{
			width:553px;
			margin: 0;
			border: 1px solid #D6D6D6;
			border-top: 0;
			padding-top: 4px;
		}

		#buehne div.volltext1{
			padding: 4px 14px;
		}

		#buehne div.volltext2{
			padding: 4px 14px;
			line-height: 1.5em;
		}

		#buehne div.volltext1 a, #buehne div.volltext2 a, #buehne div.kasten3 a{
			color: #019A32;
		}



		#buehne div.anzeige{
			width:553px;
			background: #f3f3f3;
			margin: 0;
			border: 1px solid #D6D6D6;
			border-top: 0;
		}

		#buehne div.anzeige div.commercial{
			color: #4D4D4D;
			padding:14px 14px 0 14px;
		}

		#buehne div.anzeige div.commtext{
			color: #4D4D4D;
			padding:0px 14px 14px 14px;
		}

		#select130 select{
			width:130px;
		}

		#buehne div.anzeige a.mehr{
			font-weight: bold;
			color: #000000;
		}

		#buehne div.teaser{
			margin:14px auto 14px 14px;
			display:inline;
			float:left;
			width:250px;
			line-height:16px;
		}


		#buehne div.teaser2{
			margin:14px 0px;
		}


		#buehne div.teaser a, #buehne div.teaser2 a{
			text-decoration: none;
			color: #000000;
		}

		#buehne div.teaser a.mehr, #buehne div.teaser2 a.mehr{
			font-weight: bold;
			text-decoration: underline;
		}

		#buehne div.teaser h3, #buehne div.teaser2 h3{
			margin:4px 0;
			color: #019A32;
		}

		#buehne div.teaser a h3, #buehne div.teaser2 a h3{
			text-decoration: underline;
		}


		#buehne div.teaser div.datum{
			color: #4D4D4D;
			padding:0;
		}

		#buehne div.teaser2 div.datum{
			color: #4D4D4D;
			padding:0;
			font-size:0.9em;
		}



		#buehne div.kasten2 h3{
			margin:10px 0;
			text-indent: 14px;
		}

		#buehne div.kasten2 hr{
			color: #7F7F7F;
		}

		#buehne div.kasten2 div.text{
			margin:14px auto 14px 14px;
		}

		#buehne div.kasten2 div.text a{
			color: #7F7F7F;
		}


	/* -------------   */
		#buehne table.fullsize{
			width:100%;
			padding:0px;
			margin: 0;
		}

		#buehne table a{
			color: #019A32;
		}


		#buehne table.fullsize th{
			color: #FFFFFF;
			background-color: #53BA75;
			padding: 2px;
			margin: 0px;
			text-align: left;
		}

		#buehne table.fullsize th a{
			color: #26772A;
		}

		#buehne table.fullsize td{
			border-bottom:1px solid #D6D6D6;
			padding: 2px;
		}


		#buehne .dunkel{
			background: #F2F2F2;
			border-top: 1px solid #DCDCDC;
			border-bottom: 1px solid #DCDCDC;
		}

		#buehne .hell{
			background: #FFFFFF;
			border-top: 1px solid #E8E8E8;
			border-bottom: 1px solid #E8E8E8;
		}

		#buehne table.border{
			border-left:1px solid #D6D6D6;
			border-right:1px solid #D6D6D6;
		}

	/* -------------   */









	#buehne .nomargin {
		margin: 0px;
		padding:0;
	}

	#buehne .smallmargin {
		margin: 4px 0;
		padding:0;
	}



	#buehne .datum { color: #666666; }



	#buehne .banner {
		margin: 10px 0;
		text-align: center;
	}


	.underline {
		text-decoration: underline;
	}
	#buehne a.link { color: #456073; font-weight:bold; font-size: 11px; }



	/* ---------  BÜHNE Formularfelder ------- */
		#buehne .formular{
			width:553px;
			background: #e4f4e9;
			margin: 0;
			border: 1px solid #D6D6D6;
			border-top: 0;
		}


		#buehne .formular h1{
			text-decoration: underline;
			color: #025801;
		}

		#buehne .formular a{
			color: #019A32;
			font-weight:bold;
		}

		#buehne .formfeld1{
			vertical-align:top;
			font-weight: bold;
			text-align:right;
			width:25%;
		}

		#buehne .formfeld2{
			vertical-align:top;
			font-weight: bold;
			text-align:right;
		}

		#buehne .formfeld3{
			margin:10px 0;
		}


		#buehne div.formular input.text{
			width: 200px;
			border-top:1px solid #4D4D4D;
			border-left:1px solid #4D4D4D;
			border-bottom:1px solid #EAEAEA;
			border-right:1px solid #EAEAEA;
		}

		#buehne div.formular input.text2{
			width: 200px;
			border-top:1px solid #4D4D4D;
			border-left:1px solid #4D4D4D;
			border-bottom:1px solid #EAEAEA;
			border-right:1px solid #EAEAEA;
		}

		#buehne div.formular input.submit{
			margin: 0px 0;
			background: #CEEBD6;
			border:solid 1px #82898F;
			text-transform: uppercase;
			font-weight: bold;
			color: #025801;
			font-size:9px;
			padding:0px;
		}

		/* Für den Shop brauche ich einen Submit-Button, der nicht in einem div.formular lebt */

		#buehne input.formularbutton{
			margin: 0px 0;
			background: #CEEBD6;
			border:solid 1px #82898F;
			text-transform: uppercase;
			font-weight: bold;
			color: #025801;
			font-size:9px;
			padding:0px;
		}

		#buehne div.formular table.form1{
			width:500px;
			margin-bottom:10px;
		}

	/* ---------  ende Formularfelder ------- */


		#buehne div.seitennavi{
			padding: 14px;
			line-height: 1.5em;
			color: #019A32;
		}

		#buehne div.goto{
			color: #000000;
			font-weight: bold;
		}


		#buehne div.seitennavi a{
			color: #000000;
			text-decoration: none;
		}

/* oooooooooooooooo   ende B U E H N E 			  oooooooooooo  */



/* oooooooooooooooo   F O O T E R 			  oooooooooooooooo  */
	#footer{
		float: left;
		text-align: center;
		font-size: 9px;
		width:553px ;
		margin: 0px 18px;
		border: 1px solid #FFFFFF;
		display:none;	}
	#footer a.footerlink{
		color:#019A32;
	}
	#printfooter{
		float: left;
		text-align: center;
		font-size: 9px;
		width:553px ;
		margin: 0px 18px;
		border: 1px solid #FFFFFF;
			}
/* oooooooooooooooo   ende F O O T E R 			  oooooooooooo  */