/* @override http://localhost:8888/00_gritvogt/_css/base001.css */




/* be simple! */



/* Reset default */

body,h1,h2,h3,p,ul,li,form,img {
	border:0px;
	margin:0px;
	padding:0px;
	list-style: none;
}


body,h1,h2,h3,p,ul,li,form,input {
	font-family: 'Source Sans Pro', sans-serif, Trebuchet MS, Tahoma, Verdana, Geneva, Arial, Helvetica;
	font-weight: 300;
	font-style: normal;
}



h1, h2, h3 {
	font-weight: 300;
	font-style: normal;
	padding-top: 1em;
	margin: 0;
	padding-bottom: .3em;
}




#content ul,
#subcontent ul,
#content ol,
#subcontent ol  {
	float: left;
	clear: both;
	width: 100%;abstand
	
	margin: .5em 0 1em 0;
	padding: 0;
	list-style: none;
	line-height: 1.3em
	}
	#subcontent ul {	margin: 0 0 1.5em 0 }

#content ul li,
#subcontent ul li {
	background: url(../images/pfeile/pfeil_next2_gruen.gif) no-repeat top left;
	list-style: none;
	margin: 0 0 .2em  0;
	padding: 0em 0 .5em 22px;
	}


#content ol li,
#subcontent ol li {
	margin: 0 0 .2em  0;
	padding: 0 0 .5em 15px;
	list-style: decimal
	}



/* @group ------- Aufbau ------- */
body {
	margin: 0;
	padding: 0;
	background: url(../images/bg_schatten.gif) top center repeat-y;
	font-size: small;
	line-height: 1.4em;
	text-align: left;
	color: #555;
	font-size: 100%;
}


#wrapper {
	width: 1020px;
	margin: 0 auto;
	padding: 0;
	}


#header {
	float: left;
	width: 1021px;
	height: 260px;
	display: inline;
	position: relative;
	background: url(../images/head6.jpg) top left no-repeat;
	margin-right: -1px
	}

.zettel {
	float: right;
	width: 230px;
	height: 105px;
	text-decoration: none;
	display: inline;
	position: relative;
	margin: 230px 53px 0 0;
	background: url(../images/zettel4.png) top left no-repeat;
	z-index: 1
	}

#navi {
	float: left;
	clear: both;
	width: 1021px;
  	display: inline;
	position: relative;
	overflow:hidden;
	margin: 0;
	padding: 0;
	}
	


	#navi ul {
		float: left;
		clear: both;
		list-style: none;
		border: none;
		width: 1021px;
		display: inline;
		position: relative;
		margin: 0;
		padding: 0;
		background: #663399;
		
		}
	#navi ul li {
		display: inline;
		list-style: none;
		text-align: left;
		border-bottom: 2px solid #663399;
	}


	#navi ul li a {
		float: left;
		text-decoration: none;
		text-transform: uppercase;
		color: #fff;
		font-size: 115%;
		line-height: 1.2em;
		padding: .2em 1.7em .3em 1.7em;
		letter-spacing: .1em;
		margin: 0;
		text-align: center;
		font-weight: 300;
		border-right: #8c68b2 1px solid;

	}
	#navi li a:hover, #navi li a.active {
		text-decoration: none;
		color: #fff;
		border-right: #8c68b2 1px solid;
		display: inline;
		position: relative;
		background: #a385c2;
	}
	#navi li a.active {
		font-weight: 600;
	}

	#navi ul li.first a { 
		 }




	#navi ul li a.home {
		float: left;
		display: block;
		position: relative;
		text-decoration: none;
		background: url(../images/home_hov.gif) no-repeat center;
		margin: 0 0 0 30px;
		border-bottom: none
		}
		
	#navi ul li a.home:hover,
	#navi ul li a.home.active:hover {
		text-decoration: none;
		background: url(../images/home.gif) no-repeat center;
		border-bottom: none;
		}
		
	




#subnavi {
	float: right;
	clear: both;
	width: 250px;
	display: inline;
	position: relative;
	margin: 2em 0 0 0;
	}

	 #subnavi ul		{
	 	margin: 0;
		padding: 0;
		list-style: none;
	 	}
	 	#subnavi ul li		{
		 	padding: 0;
		 	list-style: none;
		 	float: left;
			width: 250px;
			border-bottom: #ddd 1px solid;
			margin: 0 0 5px 0;
			background: none
		 	}

		#subnavi ul li a {
			float: left;
			width: 230px;
			text-decoration: none;
			color: #555;
			font-size: 100%;
			letter-spacing: .1em;
		 	text-transform: uppercase;
			padding: .5em 10px;
			margin: 0 0 5px 0;
			position: relative;
			display: inline;
			font-weight: 300;
			background: none
			}
			#subnavi li a:hover, #subnavi li a.active {
				text-decoration: none;
				background: #f0f7e1;
			}
			#subnavi li a.active {
				color: #88bb22;
				font-weight: 700;
			}


		



#search {
	float: left;
	margin: 0 0 0 0;
	position: relative;
	display: inline;
	width:	240px;
	padding: 0 3px;
}


#form_search {
	}


.suchfeld {
  /*display: block; */
  font-size: 80%;
  width: 160px;
  border: #ccc 1px solid;
  border-radius: 20px;
  padding: .2em 8px;
  color: #333;
  box-shadow:
    inset 0 2px 0 rgba(0,0,0,.2),
    0 0 4px rgba(0,0,0,0.1);
}

.suchfeld:focus {
	background: #f6f6f6;
	outline: none;
	box-shadow:
    inset 0 2px 0 rgba(0,0,0,.2),
    0 0 4px rgba(0,0,0,0.1),
    0 0 5px 1px #fff;
}

.go {
 background: #ccc;
 color: #333;
 padding: .2em .3em;
 font-weight: 700;;
 font-size: 90%;
 text-transform: uppercase
}




 ul.secondarynavi 	{
	 	list-style: none;
	 	margin: 0;
	 	padding: 0;
	 	float: left;
	 	margin-top: .5em
	 	}

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

		ul.secondarynavi li a {
			float: left;
			text-decoration: none;
			color: #999;
			padding-right: .7em;
			margin-right: .7em;
			position: relative;
			display: inline;
			border-right: #aaa 1px solid;
		 	font-size: 70%;
		 	line-height: 1.2em;
			}
			ul.secondarynavi li a:hover {
				text-decoration: none;
				color: #000;
			}

		ul.secondarynavi li.first a { border: none; margin: 0; padding: 0 }









#contentwrapper {
	float:left;
	width: 1020px;
	margin: 0
}


#content {
	float: left;
	width: 620px;
	margin: 4em 0 0 10px;
	padding: 0 30px 0 30px;
/*	
	background: url(../images/content_schatten.gif) top right no-repeat;
	min-height: 550px;
  	height: auto !important; 
  	height: 550px;
*/
}


#subcontent {
	width: 250px;
	float: right;
	padding: 0 40px 0 40px;
	margin: 4.5em 0 0 0;
}




#footer {
	clear: both;
	float: left;
	width: 940px;
	color: #999;
	font-size: 85%;
	margin: 4em 40px 1.5em 40px;
	padding-top: .3em;
	border-top: #ddd 1px solid;
	font-weight: 400;
	}

	#footer ul {
		list-style: none;
		display: inline;
		float: left;
		margin: 0;
		padding: 0;
		margin-right: 2em;
		margin-left: 5px
		}

	#footer ul li {
		display: inline;
		list-style: none;
		margin: 0;
		padding: 0
		}

	#footer ul li a {
			color: #999;
			padding: 0 .6em 0 .7em;
			border-left: #ddd 1px solid;
			display: inline;
			list-style: none;
			text-decoration: none;
			text-transform: uppercase;
			line-height: 1.1em;
			font-weight: 400;
			}

	#footer ul li.impressum a {
			border-left: none;
			color: #88bb22;
			padding-left: 0;
			font-weight: 700;
			}

	#footer ul li a:hover {
			color: #88bb22
			}
	#footer ul li.impressum a:hover {
			color: #888
			}

/*
#wrapper, #navi, #subnavi, #contentwrapper, #content, #subcontent, #header, #footer {
	background: none;
}
*/
/* @end ------- Aufbau ------- */






h1, h2, h3, h4, h5, h6 {
	color: #88bb22;
	margin-bottom: .6em;
	padding: 0;
	line-height: 1.3em;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 300;
	
	}
	
/*
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 300;
	font-style: italic
	
	
	300italic,
	400italic,
	700italic,
	600italic,
	900italic
	300,
	400,
	600,
	700,
	900
*/


h1 			{ font-weight: 300;	font-size: 275%; 	margin: 0 0 .4em 0; padding-top: 0;	color: #663399; text-transform: uppercase;  font-weight: 300; line-height: 1.2em }
h2			{ font-weight: 700;	font-size: 210%; 	margin-top: 1em;  margin-bottom: .3em;	}
h3			{ font-weight: 700;	font-size: 175%; 	margin-top: 1.5em;  margin-bottom: .5em;	}
h4 			{ font-weight: 300;	font-size: 180%;	margin-top: 1.9em;	margin-bottom: .4em; color: #88bb22	}
h5 			{ font-weight: 700;	font-size: 125%;	margin-top: 2em;	margin-bottom: .2em; color: #333333; }



.abstand_gering 		{ margin-top: 0; margin-bottom: 0  }
.abstand_gering_oben	{ margin-top: 0 }
.abstand_viel			{ margin-top: 2em; float: left; width: 99%; clear: both }
.abstand_mittel			{ margin-top: 1em;  }

.box.abstand_gering_oben	{ margin-top: 0 }
.box.abstand_viel_oben		{ margin-top: 3em }

.border 	{ border-top: #dde5e6 1px solid; margin-top: 1.5em; padding-top: 1.4em; clear: both; width: 100%; }
h1.border	{ margin-top: 1.5em; padding-top: 1.6em; float: left; clear: both; width: 99% }
h2.border	{ margin-top: 1.3em; padding-top: 1.3em; float: left; clear: both; width: 99% }
h3.border	{ margin-top: 1.2em; padding-top: 1.7em; float: left; clear: both; width: 99% }
h4.border	{ margin-top: 1.2em; padding-top: 1.7em; float: left; clear: both; width: 99% }
h5.border	{  }


.sub	{
	float: left;
	clear: both;
	margin-bottom: .7em;
	text-transform: none;
	line-height: 1.2em;
	margin-top: 0;
	display: inline;
	position: relative;
	width: 100%;
	font-weight: 300;
	font-size: 85% }



.k { font-size: 80%; line-height: 1.3em }

a		{ color: #88bb22; text-decoration: none; font-weight: 400;  }
a:hover	{ color: #333333; text-decoration: none }
a:hover	{ color: #88bb22; text-decoration: underline }

b		{ color: #333333; font-weight: 600;	 }


p		{ margin-bottom: 1em }



.zitat {
	font-family: Times, serif;
	font-weight: normal;
	font-style: italic;
	font-size: 160%;
	line-height: 1.3em;
	margin-bottom: 1.5em;
	color: #878787
	}



.back			{	background: url(../images/pfeile/pfeil_back.gif) no-repeat left;			padding: 0 0 .5em 22px; margin-right: 5px; margin-bottom: 1em; font-weight: 700;; }

.next			{	background: url(../images/pfeile/pfeil_next.gif) no-repeat right;		padding: 0 22px .5em 0; margin-left: 5px; margin-bottom: 1em; font-weight: 700;; }

.pfeil			{	background: url(../images/pfeile/pfeil_next2_gruen.gif) no-repeat top left;		padding: 0 0 .5em 22px; font-weight: 700;; color: #88bb22  }
a.pfeil			{	background: url(../images/pfeile/pfeil_next2_gruen.gif) no-repeat top left;		padding: 0 0 .5em 22px; font-weight: 700;;  color: #88bb22}
a:hover.pfeil	{	background: url(../images/pfeile/pfeil_next.gif) no-repeat top left;		padding: 0 0 .5em 22px; font-weight: 700;; color: #333333  }

	a.next,
	a:hover.next 		  {
				background: url(../images/pfeile/pfeil_next2_gruen.gif) no-repeat top right;
				font-weight: 700;;
				float: right;
				color: #88bb22;
				padding: 0 22px .5em 0;
				text-decoration: none;
				 }
	a:hover.next  {
				background: url(../images/pfeile/pfeil_next.gif) no-repeat top right;
				color: #333333;
				 }

	a.back,
	a:hover.back 		  {
				background: url(../images/pfeile/pfeil_back2_gruen.gif) no-repeat top left;
				font-weight: 700;;
				float: left;
				padding: 0 0 .5em 22px;
				text-decoration: none;
				 }
	a:hover.back  {
				background: url(../images/pfeile/pfeil_back.gif) no-repeat top left;
				color: #333333 ;
				 }



.mehr {
	}
	a.mehr,
	a:hover.mehr 		  {
				background: url(../images/pfeile/pfeil_next2_gruen.gif) no-repeat top right;
				font-weight: 700;;
				float: right;
				color: #333333;
				padding: 0 22px .5em 0;
				text-decoration: none;
				 }
	a:hover.mehr  {
				background: url(../images/pfeile/pfeil_next.gif) no-repeat top right;
				color: #88bb22 ;
				 }










/* @group Subcontent / Boxes */



#subcontent h1 			{ font-size: 180%; 	margin: 0 0 .4em 0; }



.box_special {
	float: left;
	clear: both;
	width: 220px;
	background: #38497b  url(../images/box.gif) top left no-repeat;
	margin: 0 0 3em 0;
	padding: 1em 15px;
	}

	.box_special p {
		color: #fff;
		font-size: 125%;
		font-weight: 700;;
		line-height: 1.3em;
		margin: 0
		}
	.box_special .k {
		float: right;
		font-weight: 300;
		font-size: 70%;
		color: #b4b9cc
		}


.box {
	float: left;
	clear: both;
	width: 210px;
	background: #fff;
	padding: 1em 18px .5em 18px;
	margin-top: 4em;
	font-size: 85%;
	line-height: 1.4em;
	border-top: #ddd 1px solid;
	border-left: #ddd 1px solid;
	border-bottom: #bbb 1px solid;
	border-right: #bbb 1px solid
	}

	.box h1 { font-weight: 600; color: #88bb22 }
	
	.box h2, .box h3, .box h4, .box h5 {
		font-size: 170%;
		margin: 0 0 .7em 0;
		}
	
	.box a,
	.box_zeile a		{ color: #666; text-decoration: none }
	
	.box a:hover,
	.box_zeile a:hover		{color: #88bb22; text-decoration: underline }
	
	.box_zeile {
		float: left;
		clear: both;
		width: 208px;
		border-bottom: #ddd 1px solid;
		padding-bottom: .8em;
		margin-bottom: .8em
		}


	.box_headline {
		line-height: 1.3em;
		color: #88bb22;
		padding-bottom: .3em;
		font-weight: 700;
		}
		.box_headline a			{ color: #88bb22; text-decoration: none;  }
		.box_headline a:hover	{ color: #333; text-decoration: none }

		

	.box_info {
		font-size: 90%;
		color: #000;
		font-weight: 700;
		}

	.box_text {
		font-weight: 300;
		line-height: 1.3em
		}



	.box_bild,
	.box_bild_left {
		margin: 3px 0 2px 5px;
		border: 1px #ddd solid;
		float: right;
		padding: 1px;
		width: 50px
		}
		.box_bild_left {
		margin: 3px 8px 2px -65px;
		float: left;
		display: inline;
		position: relative
		}


	.box_zeile_left {
		float: left;
		clear: both;
		width: 143px;
		border-bottom: #ddd 1px solid;
		padding-bottom: .8em;
		margin-bottom: .8em;
		padding-left: 65px;
		}
		
	.box_zeile_left .box_info {
		float: left;
		width: 60px;
		margin-left: -65px;
		display: inline;
		position: relative
		}


.box a.mehr			{ color: #88bb22; text-decoration: none; font-weight: 300; font-size: 110% }
.box a:hover.mehr	{ color: #333; text-decoration: none }



.box.bg_dunkel {
	background: #f0f7e1;
  	}








/* @end */






/* @group Listen */


.downloads	{
	float: left;
	clear: both;
	margin: 1.5em 0 1em 0
	}

.downloads h4	{
	}

#subcontent .downloads	{
	float: left;
	clear: both;
	margin: 0 0 .7em 0
	}

#content .downloads,
#subcontent .downloads	{
		}

#content .downloads li,
#subcontent .downloads li	{ color: #ccc }

#content .downloads li a,
#subcontent .downloads li a	{ margin-right: .5em; color: #88bb22; font-weight: 400; font-size: 105%  }

#content .downloads li a:hover,
#subcontent .downloads li a:hover	{ margin-right: .5em; color: #333; text-decoration: underline; }

#content .downloads li.mov,
#content .downloads li.mp3,
#content .downloads li.pdf,
#content .downloads li.word,
#content .downloads li,
#subcontent .downloads li.mov,
#subcontent .downloads li.mp3,
#subcontent .downloads li.pdf,
#subcontent .downloads li.word,
#subcontent .downloads li {
	clear: both;
	padding: 0 0 .5em 22px;
	font-weight: normal
	}
	#content .downloads li.mov,
	#subcontent .downloads li.mov { background: url(../images/icons/mov_k.gif) no-repeat top left }

	#content .downloads li.mp3,
	#subcontent .downloads li.mp3 { background: url(../images/icons/mp3_k.gif) no-repeat top left }

	#content .downloads li.pdf,
	#subcontent .downloads li.pdf { background: url(../images/icons/pdf_k.gif) no-repeat top left }

	#content .downloads li.word,
	#subcontent .downloads li.word { background: url(../images/icons/word.gif) no-repeat top left }

	#content .downloads li,
	#subcontent .downloads li { background: url(../images/pfeile/pfeil_next2_gruen.gif) no-repeat top left }


/* @end */




/* @group Galerie */


.galerie_zeile	{
	float: left;
	clear: both;
	width: 655px;
	margin-bottom: 15px
	}


.galerie_zeile a {
	font-size: 110%;
	line-height: 1.3em
	}


.galerie_zeile a img,
.galerie_zeile .galerie a img {
	float: left;
	border: 1px solid #ccc;
	padding: 2px;
	height: 130px;
	margin: 0 0 .5em 0
	}
	.galerie_zeile a img { margin: 0 20px 20px 0 }


.galerie 	{
	float: left;
	width: 130px;
	font-size: 85%;
	line-height: 1.2em;
	margin-right: 20px
	}



.galerie_datum 		{
	clear: both;
	margin: .5em 0;
	font-weight: 700;;
	color: #222;
	}





/* @end */





/* @group Kurztext / Langtext */

.kurztext {
	float: left;
	width: 100%;
	text-align: left;
	margin-top: 1em;
}


.kurztext_headline {
	margin-bottom: .2em;
	margin-top: 0;
	font-size: 200%;
	line-height: 1.1em;
	width: 90%;
	color: #88bb22;
	font-weight: 600
	}
	.kurztext_headline a {
	font-size: 100%;
	color: #88bb22;
	text-decoration: none;
	font-weight: 600
	}
	.kurztext_headline a:hover {
	text-decoration: none;
	color: #333333
	}


.kurztext_datum {
	font-size: 90%;
	color: #88bb22;
	padding-bottom: 3px; /* unterer Abstand bei Langnews größer */
	margin-bottom: .3em;
	font-weight: 300
}


.kurztext_footer {
	position: relative;
	border-bottom: #dde5e6 solid 1px;
	clear: both;
	margin-bottom: .7em;
	padding-bottom: .5em;
	height: 2em;
	color: #ccc
	}
	#content .kurztext_footer ul {
		list-style: none;
		position: absolute;
		right: 0px;
		margin-bottom: 0
		}
		#content .kurztext_footer ul li {
			display: inline;
			padding: .3em 0 .3em 22px; /* Abstand Icon zum Text */
			margin: 0 0 0 16px; /* Abstand Text zum Icon bzw. zwischen "Komentar" u. "mehr lesen" */
			background: no-repeat top left; /* vertikale ausrichtung – mittig */
			}
			#content .kurztext_footer ul li a 			{  }

			#content .kurztext_footer ul li.lesen a,
			#content .kurztext_footer ul li.lesen a:hover		{
				background: url(../images/pfeile/pfeil_next2_gruen.gif) no-repeat top right;
				font-weight: 600;
				float: right;
				color: #88bb22;
				padding: 0 22px .5em 0;
				text-decoration: none
				}
			#content .kurztext_footer ul li.lesen a:hover		{
				background: url(../images/pfeile/pfeil_next.gif) no-repeat top right;
				color: #333333;
				text-decoration: none;
				}


.kurztext img						{ margin: 3px 0 5px 10px; float: right; border: solid 1px #ccc }

.kurztext_kurzbildlinks,
.kurztext_kurzbildrechts,
a img.kurztext_kurzbildlinks,
a img.kurztext_kurzbildrechts   		{ padding: 2px;	border: 1px solid #ccc; text-decoration: none; }

.kurztext img.kurztext_kurzbildlinks	{ margin: 3px 15px 5px 0; float: left }
.kurztext img.kurztext_kurzildrechts	{ margin: 3px 0 5px 15px; float: right }




.langtext_headline {
	margin: .2em 0 .2em 0;
	color: #88bb22;
	font-size: 250%;
	line-height: 1.1em;
	font-weight: 600;
	text-transform: none;
 }

.langtext_datum {
	font-size: 90%;
	color: #88bb22;
	margin-bottom: 2em;
	font-weight: 300
}


.langtext_text {
	margin-bottom: 1em
}


#langtext_bottom	{
	clear: left;
	float: left;
	width: 99%;
	margin: 2em 0 .7em 0;
	padding: .5em .2em;
	border-top: #dde5e6 2px solid;
	text-align: right;
	color: #ccc
}


#langtext_bottom .back,
#langtext_bottom .next	{
	float: none;
	font-weight: 300;
}


.hints_red,
.hints {
	font-size: 85%;
	line-height: 1.2em;
	float: left;
	clear: both;
	margin-bottom: 1.5em;
	color: #999;
	font-style: italic
}
.hints_red {
	color: red
}




/* @end */






/* @group Kontakt / Icons */

.ansprech,
.zimmer,
.instanz,
.status,
.adresse,
.telefon,
.fax,
.email,
.web,
.paragraph,
.zeit,
.bemerkungen,
.links,
.leer  		{ margin: .4em 0px .4em 0px; padding: 0 0 0 27px;}


.status					{ font-weight: 700;; color: #000; padding-left: 0px; padding-right: 35px; padding-bottom: .5em }
.instanz, .instanz a	{ width: 70%; color: #005177; padding-left: 0px; padding-right: 35px; padding-top: 1em }
.foto					{ padding-left: 25px; }


.ansprech	{ background: url(../images/icons/ansprech.gif) no-repeat; }
.adresse	{ background: url(../images/icons/adress.gif) no-repeat; }
.telefon	{ background: url(../images/icons/telefon.gif) no-repeat; }
.fax		{ background: url(../images/icons/fax.gif) no-repeat; }
.email		{ background: url(../images/icons/mail.gif) no-repeat; }
.web		{ background: url(../images/icons/inet.gif) no-repeat; }
.paragraph	{ background: url(../images/icons/paragraph.gif) no-repeat; }
.zeit		{ background: url(../images/icons/zeit.gif) no-repeat; }
.links		{ background: url(../images/icons/inet.gif) no-repeat; }
.zimmer	{ background: url(../images/icons/zimmer.gif) no-repeat; }

.web a,
.email a			{ color: #666; font-weight: 300 }
.web a:hover,
.email a:hover	{ color: #88bb22; text-decoration: underline }
/* @end */





/* @group Personal */


.pers	{
	clear: both;
	border-bottom: #dde5e6 1px solid;
	margin-bottom: 2em;
	width: 100%;
	padding-bottom: 2em;
	min-height:140px;
  	height:auto !important;  /* für moderne Browser */
  	height:140px;  /*für den IE */
}

.pers a			{ color: #666; font-weight: 300 }
.pers a:hover	{ color: #88bb22; text-decoration: underline }


.pers_bild,
.pers_bild_kl	{
	float: right;
	border: #ddd 1px solid;
	padding: 3px;
	margin-top: -1em;
	position: relative;
	display: inline
	}
	.pers_bild_kl	{ width: 100px }


.abteilung	{
	color: #333333;
	margin-bottom: 1em;
	font-size: 115%;
	font-weight: 700;;
	}


.pers_headline, .name {
	margin: 0 0 0 0;
	text-transform: none;
	font-size: 200%;
	color: #88bb22;
	font-weight: 600;
	}
	.name {
		margin: .3em 0 .8em 0 }


.position, .position2 	{ /* Pos drüber */
	margin-top: 0;
	margin-bottom: .2em;
	line-height: 1.2em;
	color: #88bb22;
	font-size: 115%;
	font-weight: 400
	}
	.position2	{ /* Pos drunter */
		margin-top: .3em;
		margin-bottom: 2.5em;
		}


.bemerkungen	{
	line-height: 1.2em;
	font-size: 95%;
	margin-top: 1em;
	padding: 0;
	color: #333;
	font-weight: 600;
}


/* @end */






/* @group FAQ */


	
h2 .faq_rubrik_o { 
	
	}	

ul.faq_liste { 
	
	}

ul.faq_liste li.li_pfeil { 
	
	}
	
.faq_rubrik_u { 
	border-top: #666 2px solid;
	width: 100%;
	padding-top: .5em;
	margin-top: 1em;
	float: left;
	clear: both 
	} /* (nur weil vgf so angelegt) besser: .border_top_c (siehe unten)*/

h3 .faq_frage{ 
	
	}

.faq_antwort { 
	
	}


/* @end */








/* @group PUBLIKATIONEN */

.publ_jahr_uebersicht { 
	margin-top: 0;
	margin-bottom: 0;
	float: left;
	clear: both;
	width: 100%;
	}

.publ_jahr_uebersicht a { 
	font-weight: 700;;
	font-size: 105%;
	float: left;
	padding: .1em .3em .2em .3em;
	margin: 0 .5em .5em 0;
	line-height: 1.1em;
	font-weight: 300;
	
	background: #dfe3ec;
	color: #88bb22;
	background: #dedede;
	color: #333;
	}
	.publ_jahr_uebersicht a:hover { 
	background: #88bb22;
	color: #fff;
	text-decoration: none
	}



.publ_jahr { 
	color: #333;
	font-weight: 700;;
	font-size: 160%;
	margin-top: 2.3em;
	margin-bottom: 0;
	float: left;
	clear: both;
	border-bottom: #333 2px solid;
	width: 100%;
	padding-bottom: .2em
	}


	
h2.publ_headline { 
	font-size: 190%;
	margin-bottom: .2em;
	float: left;
	clear: both;
	width: 100%;
	line-height: 1.1em;
	margin-top: 2em;
	}	


.publ_text { 
	float: left;
	clear: both;
	width: 65%;
	line-height: 1.3em
	}

.publ_bild { 
	}

.publ_info { 
	float: right;
	border-left: #d1d8e4 1px solid;
	padding: 0 0 0 1em;
	margin: 0 0 0 1em;
	font-size: 95%;
	color: #888;
	color: #88bb22; 
	width: 25%
	}	
	
	.publ_autor,
	.publ_isbn,
	.publ_link,
	.publ_pdf { 
		float: left;
		clear: both;
		line-height: 1.1em;
		margin-bottom: .5em
		}
		
	.publ_bild { 
		margin-bottom: 1em;
		} 
	
	.publ_isbn { 
		} 
	
	.publ_info a 		{ color: #88bb22; font-weight: 300; text-decoration: none }
	.publ_info a:hover 	{ color: #88bb22; font-weight: 300; ; text-decoration: underline }
	
	.publ_pdf 			{ background: url(../images/icons/pdf_k.gif) no-repeat top left;
							padding-left: 20px  }
	.publ_link 			{ background: url(../images/pfeile/pfeil_gruen.gif) no-repeat top left;
							padding-left: 20px  }


/* @end */





.pagetop { 
	float: left;
	border-bottom: 1px solid #ddd; 
	padding: .5em 0 0 0; 
	margin: 1em 0 2em 0;
	width: 100%
	}





/* @group Tabellen */

.tabelle_head {
	width: 100%;
	border-top: #dde5e6 1px solid;
	border-bottom: #dde5e6 1px solid;
	margin: 1em 0 0 0;
	padding: .5em 0 .3em 0;
	font-weight: 700;;
	color: #222;
	float: left;
	line-height: 1.2em;
}




.zeile, .zeile.linie {
	float: left;
	clear: both;
	width: 100%;
	margin-bottom: .5em
	}
	.zeile.linie {
	margin-top: .5em;
	padding-bottom: 1.5em;
	border-bottom: #dde5e6 1px solid;
 }


	

.zeile ul li, .zeile.linie ul li {
	color: #444;
	background: url(../images/pfeile/pfeil_next.gif) no-repeat top left;
	padding: .3em 0 .3em 25px;
	list-style: none;
	margin: 0 0 .4em -40px;
	line-height: 1.3em;
	display: block
	}
	.zeile ul li a, .zeile.linie ul li a		{  }
	.zeile ul li a:hover, .zeile.linie ul li a:hover {  }
	.zeile ul, .zeile.linie ul			{ margin-bottom: 1em  }



.zeile h1, .zeile.linie h1,
.zeile h2, .zeile.linie h2,
.zeile h3, .zeile.linie h3,
.zeile h4, .zeile.linie h4,
.zeile h5, .zeile.linie h5 { margin: .5em 0 .5em 0 }




.tabelle, .tabelle_linie			{ float: left; clear: both; width: 100%; margin-bottom: 2.5em }
.tabelle_linie .zeile				{ border-bottom: 1px solid #dde5e6; padding-bottom: 0 }


.tabelle .pfeil, .tabelle_linie .pfeil,
.tabelle .telefon, .tabelle_linie .telefon,
.tabelle .email, .tabelle_linie .email,
.tabelle .web, .tabelle_linie .web,
.tabelle .fax, .tabelle_linie .fax	{ float: none }


.spalte10 	{ width: 5%;	float: left; padding-right: 5%; padding-bottom: .5em }
.spalte15 	{ width: 10%;	float: left; padding-right: 5%; padding-bottom: .5em }
.spalte15o 	{ width: 14%;	float: left; 					padding-bottom: .5em }
.spalte20 	{ width: 15%;	float: left; padding-right: 5%; padding-bottom: .5em }
.spalte20o 	{ width: 19%;	float: left; 					padding-bottom: .5em }
.spalte25 	{ width: 20%;	float: left; padding-right: 5%; padding-bottom: .5em }
.spalte25o 	{ width: 24%;	float: left; 					padding-bottom: .5em }
.spalte30 	{ width: 25%;	float: left; padding-right: 5%; padding-bottom: .5em }
.spalte30o 	{ width: 29%;	float: left; 					padding-bottom: .5em }
.spalte40 	{ width: 35%;	float: left; padding-right: 5%; padding-bottom: .5em }
.spalte40o 	{ width: 39%;	float: left; 					padding-bottom: .5em }
.spalte45 	{ width: 40%;	float: left; padding-right: 5%; padding-bottom: .5em }
.spalte50 	{ width: 46%;	float: left; padding-right: 5%; padding-bottom: .5em }
.spalte50o 	{ width: 46%;	float: left; 					padding-bottom: .5em }
.spalte55 	{ width: 50%;	float: left; padding-right: 5%; padding-bottom: .5em }
.spalte60 	{ width: 55%;	float: left; padding-right: 5%; padding-bottom: .5em }
.spalte60o 	{ width: 59%;	float: left; 					padding-bottom: .5em }
.spalte65 	{ width: 60%;	float: left; padding-right: 5%; padding-bottom: .5em }
.spalte65o 	{ width: 64%;	float: left; 					padding-bottom: .5em }
.spalte70 	{ width: 65%;	float: left; padding-right: 5%; padding-bottom: .5em }
.spalte70o 	{ width: 69%;	float: left; 					padding-bottom: .5em }
.spalte75 	{ width: 70%;	float: left; padding-right: 5%; padding-bottom: .5em }
.spalte75o 	{ width: 74%;	float: left; 					padding-bottom: .5em }
.spalte80 	{ width: 75%;	float: left; padding-right: 5%; padding-bottom: .5em }
.spalte80o 	{ width: 79%;	float: left; 					padding-bottom: .5em }
.spalte33 	{ width: 32%;	float: left; padding-right: 3%; padding-bottom: .5em }
.spalte33o 	{ width: 29%;	float: left; 					padding-bottom: .5em }


.zeile_head {
	float: left;
	clear: both;
	width: 100%;
	margin-bottom: 1.5em ;
	line-height: 1.2em;
	font-size: 85%;
	font-weight: 700;;
	text-transform: uppercase;
	color: #fff;
	}
	.zeile_head .spalte10, .zeile_head .spalte15, .zeile_head .spalte20,
	.zeile_head .spalte25, .zeile_head .spalte30, .zeile_head .spalte40,
	.zeile_head .spalte45, .zeile_head .spalte50, .zeile_head .spalte55,
	.zeile_head .spalte60, .zeile_head .spalte65, .zeile_head .spalte70,
	.zeile_head .spalte80, .zeile_head .spalte33,
	.zeile_head .spalte15o, .zeile_head .spalte20o,
	.zeile_head .spalte25o, .zeile_head .spalte30o,
	.zeile_head .spalte40o, .zeile_head .spalte50o,
	.zeile_head .spalte60o, .zeile_head .spalte70o,
	.zeile_head .spalte75o, .zeile_head .spalte75o,
	.zeile_head .spalte80o, .zeile_head .spalte33o	{
		padding-left: 1%;
		padding-right: 3%;
		padding-top: .4em;
		padding-bottom: .4em;
		border-left: #fff 1px solid;
		border-right: #fff 1px solid;
		background: #dfe3ec /*#fed855 #feecb1 */
		}
		.zeile_head .spalte15o, .zeile_head .spalte20o,
		.zeile_head .spalte25o, .zeile_head .spalte30o,
		.zeile_head .spalte40o, .zeile_head .spalte50o,
		.zeile_head .spalte60o, .zeile_head .spalte70o,
		.zeile_head .spalte75o, .zeile_head .spalte75o,
		.zeile_head .spalte80o, .zeile_head .spalte33o 	{
			padding-left: 1%;
			padding-right: 0
			}

/* @end */








/* @group Tabellen */



table  	{  }


table .border 	{
	border-top: #dde5e6 3px solid;
	margin: .2em -.5em 0 -.4em;
	padding-top: .2em  }

tr.abc td a	{
	color: #fff;
	font-size: 85%;
	background: #f0f7e1;
	padding: .1em .5em .1em .3em;
	font-weight: 700;
	letter-spacing: -0.2em}


tr.abc td a  	{
	text-decoration: none;
	background: #f0f7e1;
	color: #88bb22}
tr.abc td a:hover  	{
	text-decoration: none;
	background: #88bb22;
	color: #f0f7e1 }

tr.abc td	{
	padding: 0;
	margin: 0 }



table.table,
table.table2				{

	clear: left;
	margin: 1.5em 0 2em 0;
	border-bottom: #f0f7e1 3px solid;

/*	min-width: 610px;
  	width: auto !important;  /* für moderne Browser */
/*  	width: 610px;  /*für den IE */

  	border-collapse: separate; border-spacing: 0;
  	border-collapse: collapse; /* nimmt Einzelzellen zusammen und es gibt so keien weißen abstände im IE */
 }




table.table td a,
table.table2 td a	{
	padding: 0;
	color: #88bb22;
	padding: 0;
	font-weight: normal }

table.table td a:hover,
table.table2 td a:hover	{
	text-decoration: none;
	color: #000 }



thead th,
thead td			{
					text-align: left;
					padding: .4em .5em;
					border-bottom: #fff 5px solid;
					vertical-align: top;
					line-height: 1.2em;
					font-size: 85%;
					font-weight: 600;
					text-transform: uppercase;
					color: #333;
					background: #bdde7c;
					border-right: #fff 2px solid
					}
					thead th.last,
					thead td.last	{ border-right: #fff 2px solid }


.thead_sub			{
					font-size: 85%;
					color: #333;
					font-weight: 600;
					line-height: 1.2em;
					padding: .3em .5em;
					border-top: #dde5e6 3px solid;
					border-bottom: #fff 5px solid;
					background: #f0f7e1;
					border-right: #fff 2px solid;
					text-transform: none
					}


tfoot th,
tfoot td			{
					font-weight: 600;
					text-align: left;
					background: #f3f3f3;
					border-top: #fff 5px solid;
					}
tfoot tr th.k		{
					font-weight: 400;
					text-align: right;
					background: #ddd;
					font-size: 85%;
					border-top: #fff 10px solid;
					padding: .3em .5em 0 0 }


tbody				{ 	 }

tbody th			{ text-align: left;
					padding: .2em .4em;
					vertical-align: top;
					background: #f3f3f3;
					border: 1px solid #fff;
					border-width: 1px 5px 1px 0; /* Rahmen */
					font-weight: 600;
					line-height: 1.3em }
.table tbody th a			{
					color: #333;
					font-weight: 400;
					background: none }
.table tbody th a:hover	{
					text-decoration: none;
					color: #88bb22 }


					tbody th a:link	 	{ }

tbody td			{ border: 1px solid #fff;
					border-width: 1px 0; /* Rahmen */
					vertical-align: top;
					padding: .2em .4em;
					border-right: #fff 2px solid }

.table tr			{ }
.table tr.odd td 	{
					background: #f3f3f3;
					border-top: #fff 2px solid;
					border-bottom: #fff 2px solid;
				 	}


table.table2		{ border-bottom: none }
.table2 tr			{ background: #f3f3f3; border-bottom: #fff 10px solid; border-top: none;  }
.table2 td			{ padding: .5em .7em }



/*
table.table	tbody tr:hover td,
table.table	tbody tr:hover th 	{ background: #ebeff4;}
*/


tbody td 					{  } /* allgemein + ab 2. Spalte */

tbody td + td				{  } /* 3. Spalte */
tbody td + td + td			{  } /* ab 4. Spalte */
tbody td + td + td + td 	{  } /* ab 5. Spalte */
/*tbody td + td + td + td a:before	{ content:"\2193 "; }  automatisches Downloadzeichen */



tr.k			{ border-top: #f3f3f3 2px solid; color: #999; text-align: right; }



/* @end */






.spalte_bild {
	float: left;
	margin: 3px 10px 2px 0;
	border: 1px #ddd solid;
	padding: 1px;
	width: 60px;´
	}

.spalte_text_2spaltig,
.spalte_text_3spaltig {
	float: left;
	font-size: 100%;
	line-height: 1.3em;
	margin: 0 25px 2em 0;
	width: 200px
	}
	.spalte_text_3spaltig {
	width: 100px
	}

.spalte_bild_headline {
	float: left;
	margin: 0 0 .5em 0;
	font-size: 105%;
	color: #000;
	font-weight: 700;;
	}
	a.spalte_bild_headline			{ color: #008800 }
	a:hover.spalte_bild_headline	{ color: #000; text-decoration: none }







a img { border: 0; text-decoration: none }


.bild,
img.bild 				{ margin: 0 0 4px; 								border: none }

.bildlinks,
img.bildlinks 			{ margin: 0px 25px 10px 0px;	float: left; 	border: none }

.bildrechts,
img.bildrechts 			{ margin: 0px 0px 10px 25px;	float: right; 	border: none }

.bildrahmen,
img.bildrahmen  		{ margin: 0px 10px 4px 0px;  					padding: 3px;	border: 1px solid #ccc }

.bildrahmenlinks,
img.bildrahmenlinks  	{ margin: 3px 25px 3px 0px;		float: left; 	padding: 3px;	border: 1px solid #ccc }

.bildrahmenrechts,
img.bildrahmenrechts  	{ margin: 3px 0px 5px 25px;		float: right;	padding: 3px;	border: 1px solid #ccc }

.bildrahmenmitte,
img.bildrahmenmitte  	{ margin: 0px 0px 4px 0px;						padding: 3px;	border: 1px solid #ccc }

img.bildkurzlinks 	 	{ margin: 3px 7px 3px 0;		float: left;	padding: 3px;	border: 1px solid #ccc }
img.bildkurzrechts  	{ margin: 3px 0 3px 7px;		float: right; 	padding: 3px;	border: 1px solid #ccc }










/* @group Formularelemente */


input {
	padding: 3px;
}


.form10, .form20, .form50, .form80, .form90, .form100 {
	color: #000;
	background: #eee;
	margin: 1px;
 	border: 1px solid #ccc;
	border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    font-size: 100%;
    font-family: 'Source Sans Pro', sans-serif, Trebuchet MS, Tahoma, Verdana, Geneva, Arial, Helvetica;
	font-weight: 400;
	font-style: normal;
}

.absenden {
	color: #000;
	background: #eee; /* 5f719e */
	margin: 10px 1px 1px;
 	border: 2px solid #bbb;
	border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    font-size: 100%;
	padding: 1px 10px;
}


.form10		{ width: 30px; }
.form20		{ width: 50px; }
.form50		{ width: 160px; }
.form80		{ width: 262px; }
.form100	{ width: 430px; }

.form_error {
	color: #f00;
	font-size: 90%;
	/* background: url(../images/achtung_k.gif) no-repeat; */
	background-color: #fdd;
    border: 1px solid #f44;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
	margin-bottom: 4px;
	margin-top: 4px;
	padding: 2px 4px;
	margin-right: 20px;
}

.form_zeile {
	width: 99%;
	clear: both;
}

.form_clear {
	clear: both;
}


.form_sp1 {
	font-size: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	margin: 0;
	float: left;
/*	border: 1px solid #eee; */
}


/* @end */


/* @group Label */

/* Label steht über dem Input-Element */
label.oben {
	display:block;
	margin-top: 4px;
	font-size: 90%;
}


/* Label steht über dem Datums-Element */
.oben {
	display:block;
	margin-top: 4px;
	font-size: 90%;
}


/* Label steht hinter dem Input-Element */
label.hinten {
	display:inline-block;
	margin-left:5px;
	margin-top: 10px;
	margin-right: 20px;
}

/* Label steht hinter dem Input-Element */
label.hinten_02 {
	display:inline-block;
	margin-left:5px;
	margin-top: 2px;
}

/* Label steht hinter dem Input-Element */
label.hinten_rot {
	display:inline-block;
	margin-top: 3px;
	padding: 3px;
	margin-left: 3px;
	background: #f00;
	border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
	padding: .2em .4em
}

.box_loeschen {
	float: left;
	background: #ff0000;
	margin-bottom: 1.5em;
	margin-top: 7px;
	padding: 3px;
}

	.box_loeschen .hinten { display: inline }

/* @end */


/* Slider */
.slide {
	z-index: 1;
}



/* @group Meldungen */

.form_error {
	background-color: #fee;
	padding: 4px;
	margin-top: 20px;
	border-top: 1px solid #f00;
	width: 428px;
	margin-left: 1px;
}

.pflicht {
	color: #f00;
}


.txt_xxs 	{ font-size: 60%; line-height: 1.3em }
.txt_xs 	{ font-size: 80%; line-height: 1.3em }
.txt_s 		{ font-size: 90%; line-height: 1.3em }
.txt_m 		{ font-size: 100%; line-height: 1.3em }
.txt_l 		{ font-size: 110% }
.txt_xl 	{ font-size: 120% }
.txt_xxl 	{ font-size: 140% }


/* @end */
.rot  	{color: #ff0000 }
.schwarz  {color: #000 }
.grau 	{color: #aabdc1}
.hausfarbe 	{color: #88bb22}
.lila 	{color: #663399}

.clearer  	{clear: both}

.left  	{ float: left }
.right  { float: right }