/* Farbdefinitionen

Grau Schrift	   #868789
Grau dunkler	   #707072
				   #545d62
Grau heller		   #98999b
Grau noch heller   #a5a7a9
Grau Hg		       #84959c

Gruen	#7ab51d
		#a0c16d abgesoftet
		#b2d37f abgesoftet heller

Blau	#4a96cd
		#79a7c8	abgesoftet
		#8db2cd abgesoftet heller

Rot		#c1003c
		#cf4f77 abgesoftet
		#ce8098 abgesoftet heller

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

/* -------------------- layout ------------------- */

#wrap {
	width: 1020px;
	margin: 0 auto;
	text-align: left;
	border: none;
	}

#top {
	width: 1020px;
	height: 80px;
	float: left;
	clear: both;
	background-color: #fff;
	}
	#logo1 {
		float: left;
		margin-left: 18px;
		}
	#logo2 {
		float: right;
		margin-right: 30px;
		}

#header {
	width: 1020px;
	height: 250px;
	}
	#visual {
		float: left;
		width: 1020px;
		height: 250px;
		}
#tabzeile {
	clear: both;
	width: 954px;
	height: 30px;
	margin-top: -30px;		/**/
	padding: 0 33px;
	z-index: 10;
	position: absolute;
	position: relative;		/**/
	}
	#tabzeile a {
		display: block;
		float: left;
		padding: 8px 10px 2px 10px;
		height: 20px;
		width: 196px;
		color: #ffffff;
		text-decoration: none;
		border-right: 1px solid #ffffff;
		font-weight: bold;
		}
		#tabzeile a:hover, #tabzeile a.suche:hover {
			color: #000000;
			}
		#tabzeile a.gruppe1 {
			background: #7ab51d url(../../_layout/gfx/tab-forum-personen.png) no-repeat;
			}
		#tabzeile a.gruppe2 {
			background: #4a96cd url(../../_layout/gfx/tab-forum-themen.png) no-repeat;
			}
		#tabzeile a.gruppe3 {
			background: #c1003c url(../../_layout/gfx/tab-forum-aktionen.png) no-repeat;
			}
		#tabzeile a.suche {
			width: auto;
			padding-right: 30px;
			}
			
			
/* --------- content-bereich auf den forenseiten ------------------------------ */	
.beitrag .signatur {			/* loeschen, wenn die signatur fertig ist */
	margin: 0.5em 0 0.5em 2em;
	width: 45%;
	border-top: 1px dotted #a5a7a9;
	padding: 0.5em 0;
	float: right;
	}
.beitrag .signatur2 {			/* loeschen, wenn die signatur fertig ist */
	margin: 0 25% 1.0em 15%;
	width: 60%;
	border-top: 1px dotted #a5a7a9;
	border-bottom: 1px dotted #a5a7a9;
	padding: 0.5em 0;
	}
.beitrag .forum-user-signatur {
	display: block;
	margin-top: 0.5em;
	}
.beitrag .gruppenname {
	font-weight: bold;
	}
.einleitung .gruppenname {
	font-weight: bold;
	}
.kopf .einleitung table {
	width: 100%;
	}
	.kopf .einleitung td, .kopf .einleitung th {
		width: 50%;
		padding: 0 12px 0 0;
		text-align: left;
		}
	.kopf .einleitung h3 {
		color: #000;
		}
.clearer {
	clear: both;
	}
#content, #content-forum {
	width: 1020px;
	margin-bottom: 22px;
	}
	#content-clear {
		clear: both;
		}
		
	#forum1.gruppe1 a:link { color: #7ab51d; text-decoration: none; }			/* farbcode */
	#forum1.gruppe1 a:visited { color: #7ab51d; text-decoration: none; }		/* farbcode */
	#forum1.gruppe1 a:hover { color: #000000; text-decoration: underline; }
	#forum1.gruppe1 a:active { color: #000000; text-decoration: underline; }
	
	#forum1.gruppe2 a:link { color: #4a96cd; text-decoration: none; }			/* farbcode */
	#forum1.gruppe2 a:visited { color: #4a96cd; text-decoration: none; }		/* farbcode */
	#forum1.gruppe2 a:hover { color: #000000; text-decoration: underline; }
	#forum1.gruppe2 a:active { color: #000000; text-decoration: underline; }
	
	#forum1.gruppe3 a:link { color: #c1003c; text-decoration: none; }			/* farbcode */
	#forum1.gruppe3 a:visited { color: #c1003c; text-decoration: none; }		/* farbcode */
	#forum1.gruppe3 a:hover { color: #000000; text-decoration: underline; }
	#forum1.gruppe3 a:active { color: #000000; text-decoration: underline; }
		
	#forum1 {
		float: left;
		width: 214px;
		padding: 0;
		margin: 0 0 0 33px;
		}
		#forum1.gruppe1 {
		border: 1px solid #7ab51d;				/* farbcode */
		border-bottom: none;
		}
		#forum1.gruppe2 {
		border: 1px solid #4a96cd;				/* farbcode */
		border-bottom: none;
		}
		#forum1.gruppe3 {
		border: 1px solid #c1003c;				/* farbcode */
		border-bottom: none;
		}
		#forum1 ul {
			padding: 0;
			margin: 0;
			}
		#forum1 ul li {
			list-style: none;
			list-style-type: none;
			padding: 5px 12px 5px 7px;
			margin: 0;
			}
			#forum1.gruppe2 ul li ul li {
			list-style: none;
			list-style-type: none;
			padding: 5px 8px 5px 17px;
			margin: 0 -12px 0 0;
			border: none;
			}
			
		#forum1.gruppe1 ul li {
			border-bottom: 1px solid #7ab51d;	/* farbcode */
			background: #ffffff url(../../_layout/gfx/pfeil-personen.gif) no-repeat top right;	/* farbcode */
			}
		#forum1.gruppe2 ul li {
			border-bottom: 1px solid #4a96cd;	/* farbcode */
			background: #ffffff url(../../_layout/gfx/pfeil-themen.gif) no-repeat top right;	/* farbcode */
			}
		#forum1.gruppe3 ul li {
			border-bottom: 1px solid #c1003c;	/* farbcode */
			background: #ffffff url(../../_layout/gfx/pfeil-aktionen.gif) no-repeat top right;	/* farbcode */
			}
			
		#forum1.gruppe1 ul li.active {
			background-color: #a0c16d;			/* farbcode */
			}
		#forum1.gruppe2 ul li.active {
			background-color: #79a7c8;			/* farbcode */
			}
		#forum1.gruppe3 ul li.active {
			background-color: #cf4f77;			/* farbcode */
			}
			
		#forum1 ul li.active a:link { color: #ffffff; }
		#forum1 ul li.active a:visited { color: #ffffff; }
		
		#forum1 ul li.neuen-ordner a:link { font-weight: normal; color: #000000; }
		#forum1 ul li.neuen-ordner a:visited { font-weight: normal; color: #000000; }
		#forum1 ul li.neuen-ordner a:hover { font-weight: normal; color: #000000; }
		#forum1 ul li.neuen-ordner a:active { font-weight: normal; color: #000000; }
		
		#forum1.gruppe1 ul li.ueber {
			background: #7ab51d url(../../_layout/gfx/pfeil-schwarz.gif) no-repeat center right;			/* farbcode */
			}
		#forum1.gruppe1 ul li.ueber a:link { color: #ffffff; }
		#forum1.gruppe1 ul li.ueber a:visited { color: #ffffff; }
		#forum1.gruppe1 ul li.ueber a:link { color: #000000; }
		#forum1.gruppe1 ul li.ueber a:active { color: #000000; }
			
		#forum1.gruppe2 ul li.phase1 {
			background-color: #069;
			background-image: none;
			border: none;
			border-top: 2px solid #fff;
			border-bottom: 1px solid #fff;
			color: #fff;
			font-weight: bold;
			margin: -1px -1px 0 -1px;
			}
		#forum1.gruppe2 ul li.phase2 {
			background-color: #069;
			background-image: none;
			border: none;
			border-top: 2px solid #fff;
			color: #fff;
			font-weight: bold;
			margin: -1px -1px 0 -1px;	
			}
			#forum1.gruppe2 ul li.phase1 a, #forum1.gruppe2 ul li.phase2 a {
				color: #fff;
				}
			#forum1.gruppe2 ul li.phase1 a:hover, #forum1.gruppe2 ul li.phase2 a:hover {
				color: #000;
				text-decoration: none;
				}
		
		#forum1.gruppe2 ul li.ueber {
			background: #4a96cd url(../../_layout/gfx/pfeil-schwarz.gif) no-repeat center right;			/* farbcode */
			}
		#forum1.gruppe2 ul li.ueber a:link { color: #ffffff; }
		#forum1.gruppe2 ul li.ueber a:visited { color: #ffffff; }
		#forum1.gruppe2 ul li.ueber a:link { color: #000000; }
		#forum1.gruppe2 ul li.ueber a:active { color: #000000; }
		
		#forum1.gruppe3 ul li.ueber {
			background: #c1003c url(../../_layout/gfx/pfeil-schwarz.gif) no-repeat center right;			/* farbcode */
			}
		#forum1.gruppe3 ul li.ueber a:link { color: #ffffff; }
		#forum1.gruppe3 ul li.ueber a:visited { color: #ffffff; }
		#forum1.gruppe3 ul li.ueber a:link { color: #000000; }
		#forum1.gruppe3 ul li.ueber a:active { color: #000000; }
		
	
	#forum2 a:link { color: #000000; text-decoration: none; }
	#forum2 a:visited { color: #000000; text-decoration: none; }
	#forum2 a:hover { color: #000000; text-decoration: underline; }
	#forum2 a:active { color: #000000; text-decoration: underline; }
	
	#forum2 {
		float: left;
		width: 214px;
		border: 1px solid #a5a7a9;
		border-bottom: none;
		padding: 0;
		margin: 25px 0 0 1px;
		}
		#forum2 ul {
			padding: 0;
			margin: 0;
			}
		#forum2 ul li {
			list-style: none;
			list-style-type: none;
			padding: 5px 8px 5px 7px;
			margin: 0;
			}
		#forum2 ul li {
			border-bottom: 1px solid #a5a7a9;
			background: #ffffff url(../../_layout/gfx/pfeil-neutral.gif) no-repeat center right;
			}
		#forum2.gruppe1 ul li.active {
			background-color: #a0c16d;			/* farbcode */
			}
		#forum2.gruppe2 ul li.active {
			background-color: #79a7c8;			/* farbcode */
			}
		#forum2.gruppe3 ul li.active {
			background-color: #cf4f77;			/* farbcode */
			}
			
		#forum2 ul li.active a:link { color: #ffffff; }
		#forum2 ul li.active a:visited { color: #ffffff; }
		
		#forum2 ul li.neuen-ordner a:link { font-weight: normal; color: #000000; }
		#forum2 ul li.neuen-ordner a:visited { font-weight: normal; color: #000000; }
		#forum2 ul li.neuen-ordner a:hover { font-weight: normal; color: #000000; }
		#forum2 ul li.neuen-ordner a:active { font-weight: normal; color: #000000; }
		
		#forum2.gruppe1 ul li.ueber {
			background-color: #7ab51d;			/* farbcode */
			}
		#forum2.gruppe2 ul li.ueber {
			background-color: #4a96cd;			/* farbcode */
			}
		#forum2.gruppe3 ul li.ueber {
			background-color: #c1003c;			/* farbcode */
			}
		#forum2.gruppe1 ul li.ueber a {
			color: #ffffff;
			}
		
		
		
		
		
	#forum3 {
		float: left;
		width: 524px;
		border: none;
		padding: 0;
		margin: 25px 0 0 20px;
		border-top: 1px solid #a5a7a9;
		}
		#forum3.mittlere-spalte {
			width: 504px;
			margin-right: 20px;
			float: left;
			}
		#forum3 .forum-user { 
			float: right;			/* geaendert fuer bewertung */
			width: 108px;
			margin-bottom: 0.4em;
			margin: 4px 0 10px 0;		/* geaendert fuer bewertung */
			margin: 4px 0 10px 10px;		/* geaendert fuer beitrag */
			font-size: 9px;
			}
		#forum3 .forum-user img {
			margin: 4px 0;
			}
		#forum3 .forum-datum { 
			float: right;
			}
		#forum3.gruppe1 .kopf, #forum3.gruppe2 .kopf, #forum3.gruppe3 .kopf {
			padding: 7px 9px 8px 10px;
			}
			
		#forum3.gruppe1 .kopf h1 {
			margin: 0.8em 0 0.4em 0;
			color: #7ab51d;						/* farbcode */		
			}
		#forum3.gruppe2 .kopf h1 {
			margin: 0.8em 0 0.4em 0;
			color: #4a96cd;						/* farbcode */		
			}
		#forum3.gruppe3 .kopf h1 {
			margin: 0.8em 0 0.4em 0;
			color: #c1003c;						/* farbcode */		
			}
			
		#forum3.gruppe1 .einleitung {
			background-color: #b2d37f;			/* farbcode */
			padding: 7px 9px 8px 10px;
			min-height: 180px;
			}
		#forum3.gruppe2 .einleitung {
			background-color: #8db2cd;			/* farbcode */
			padding: 7px 9px 8px 10px;
			min-height: 180px;
			}
		#forum3.gruppe3 .einleitung {
			background-color: #ce8098;			/* farbcode */
			padding: 7px 9px 8px 10px;
			min-height: 180px;
			}
			
		#forum3 .einleitung.gruppenstartseite {
			min-height: 100px;
			}
			
		#forum3.gruppe1 .einleitung h1 {
			margin: 0.4em 0 0.7em 0;
			color: #ffffff;
			}
		#forum3.gruppe2 .einleitung h1 {
			margin: 0.4em 0 0.7em 0;
			color: #ffffff;
			}
		#forum3.gruppe3 .einleitung h1 {
			margin: 0.4em 0 0.7em 0;
			color: #ffffff;
			}
			
		#forum3.gruppe1 .einleitung h1 a:link { color: #ffffff }
		#forum3.gruppe1 .einleitung h1 a:visited { color: #ffffff }
		#forum3.gruppe1 .einleitung h1 a:hover { color: #000000 }
		#forum3.gruppe1 .einleitung h1 a:active { color: #000000 }
		
		#forum3.gruppe2 .einleitung h1 a:link { color: #ffffff }
		#forum3.gruppe2 .einleitung h1 a:visited { color: #ffffff }
		#forum3.gruppe2 .einleitung h1 a:hover { color: #000000 }
		#forum3.gruppe2 .einleitung h1 a:active { color: #000000 }
		
		#forum3.gruppe3 .einleitung h1 a:link { color: #ffffff }
		#forum3.gruppe3 .einleitung h1 a:visited { color: #ffffff }
		#forum3.gruppe3 .einleitung h1 a:hover { color: #000000 }
		#forum3.gruppe3 .einleitung h1 a:active { color: #000000 }
		
		#forum3.gruppe1 .beitrag {
			padding: 17px 9px 18px 10px;
			border-top: 1px solid #a5a7a9;
			}
		#forum3.gruppe1 .beitrag h2 { 
			margin: 0 0 0.4em 0;
			}
		#forum3.gruppe1 .beitrag a:link { color: #7ab51d; text-decoration: none; font-weight: bold; }			/* farbcode */
		#forum3.gruppe1 .beitrag a:visited { color: #7ab51d; text-decoration: none; font-weight: bold; }		/* farbcode */
		#forum3.gruppe1 .beitrag a:hover { color: #7ab51d; text-decoration: underline; font-weight: bold; }		/* farbcode */
		#forum3.gruppe1 .beitrag a:active { color: #7ab51d; text-decoration: underline; font-weight: bold; }	/* farbcode */
		
		#forum3.gruppe2 .beitrag {
			padding: 17px 9px 18px 10px;
			border-top: 1px solid #a5a7a9;
			}
		#forum3.gruppe2 .beitrag h2 { 
			margin: 0 0 0.4em 0;
			}
		#forum3.gruppe2 .beitrag a:link { color: #4a96cd; text-decoration: none; font-weight: bold; }			/* farbcode */
		#forum3.gruppe2 .beitrag a:visited { color: #4a96cd; text-decoration: none; font-weight: bold; }		/* farbcode */
		#forum3.gruppe2 .beitrag a:hover { color: #4a96cd; text-decoration: underline; font-weight: bold; }		/* farbcode */
		#forum3.gruppe2 .beitrag a:active { color: #4a96cd; text-decoration: underline; font-weight: bold; }	/* farbcode */
		
		#forum3.gruppe3 .beitrag {
			padding: 17px 9px 18px 10px;
			border-top: 1px solid #a5a7a9;
			}
		#forum3.gruppe3 .beitrag h2 { 
			margin: 0 0 0.4em 0;
			}
		#forum3.gruppe3 .beitrag a:link { color: #c1003c; text-decoration: none; font-weight: bold; }			/* farbcode */
		#forum3.gruppe3 .beitrag a:visited { color: #c1003c; text-decoration: none; font-weight: bold; }		/* farbcode */
		#forum3.gruppe3 .beitrag a:hover { color: #c1003c; text-decoration: underline; font-weight: bold; }		/* farbcode */
		#forum3.gruppe3 .beitrag a:active { color: #c1003c; text-decoration: underline; font-weight: bold; }	/* farbcode */

img.gfx-themenpool {
	margin: -8px 0 -4px -10px;
	border-top: 1px solid #fff;
	}
		
		
/* ------- content-bereich zwei gleichwertige Spalten ------------------------------ */	
#content-spalte1 {
	float: left;
	width: 433px;
	margin: 30px 0 0 33px;
	background-color: #ffffff;
	}
#content-spalte1b {
	float: left;
	width: 360px;
	margin: 30px 0 0 33px;
	background-color: #ffffff;
	}
#content-spalte1-webyep {
	float: left;
	width: 433px;
	margin: 0 0 0 33px;
	background-color: #ffffff;
	}
#content-spalte2 {
	float: right;
	width: 433px;
	padding: 0px 10px 20px 10px;
	margin: 30px 33px 0 0;
	background-color: #ffffff;
	}
#content-spalte2b {
	float: right;
	width: 510px;
	padding: 0px 10px 20px 10px;
	margin: 30px 33px 0 0;
	background-color: #ffffff;
	}

/* ------------- content-bereich auf der startseite ------------------------------ */		
#content-haupt {
	float: left;
	width: 651px;
	margin: 0 0 0 33px;
	background-color: #ffffff;
	}
	#content-haupt.schmal {
		width: 540px;
		}
		#content-haupt.schmal td {
			padding: 0 0.5em 1.0em 0;
			}
	#webyep-button {
		height: 30px;
		}
	#forum1-index {
		float: left;
		width: 200px;
		height: 150px;
		border-left: 2px dotted #7ab51d;
		padding: 20px 7px 0 8px;
		margin-top: 2px;
		}
		#forum1-index h1 {
			color: #7ab51d;
			font-size: 11px;
			margin-bottom: 0.7em;
			}
		#forum1-index h2 {
			color: #222222;
			font-size: 11px;
			margin-top: 2.1em;
			margin-bottom: 0.7em;
			}
	#forum2-index {
		float: left;
		width: 200px;
		height: 150px;
		border-left: 2px dotted #4a96cd;
		padding: 20px 7px 0 8px;
		margin-top: 2px;
		}
		#forum2-index h1 {
			color: #4a96cd;
			font-size: 11px;
			margin-bottom: 0.7em;
			}
		#forum2-index h2 {
			color: #222222;
			font-size: 11px;
			margin-top: 2.1em;
			margin-bottom: 0.7em;
			}
	#forum3-index {
		float: left;
		width: 200px;
		height: 150px;
		border-left: 2px dotted #c1003c;
		padding: 20px 7px 0 8px;
		margin-top: 2px;
		}
		#forum3-index h1 {
			color: #c1003c;
			font-size: 11px;
			margin-bottom: 0.7em;
			}
		#forum3-index h2 {
			color: #222222;
			font-size: 11px;
			margin-top: 2.1em;
			margin-bottom: 0.7em;
			}
	#forum1-index a:link, #forum2-index a:link , #forum3-index a:link { color: #000000; text-decoration: none; }
	#forum1-index a:visited, #forum2-index a:visited , #forum3-index a:visited { color: #000000; text-decoration: none; }
	#forum1-index a:hover, #forum2-index a:hover , #forum3-index a:hover { color: #000000; text-decoration: underline; }
	#forum1-index a:active, #forum2-index a:active , #forum3-index a:active { color: #000000; text-decoration: underline; }
		
	#image-index {			/* wird im eP durch #image-index2 ersetzt */
		border-top: 22px solid #fff;
		padding: 15px 20px 18px 33px;
		min-height: 180px;
		clear: both;
		}
		#image-index.first-login {
		border-top: 4px solid #fff;
		padding: 15px 30px 30px 30px;
		}
		#image-index .datum {		/* wird im eP durch #image-index2 ersetzt */
			text-align: right;
			}
		#image-index h1 {
			font-size: 15px;
			font-weight: bold;
			margin-bottom: 0.2em;
			}
	#image-index2 {
		border-top: 21px solid #fff;
		padding: 20px 0 12px 0;
		min-height: 275px;
		clear: both;
		}
			#image-index2 h1, #image-index2 h2 {
				font-size: 12px;
				font-weight: bold;
				color: #000;
				margin: 0 0 0.5em 0;
				}
			#image-index2 p {
				margin: 0.5em 0;
				}
		#image-index2 .spalte1 {
			float: left;
			width: 400px;
			padding: 0 7px 0 8px;
			}
		#image-index2 .spalte2 {
			float: right;
			width: 200px;
			padding: 0 7px 0 8px;
			border-left: 2px dotted #fff;
			}
			#image-index2 img.abbildung {
			float: right;
			margin: 0 8px 10px 10px;
			}
		#image-index2 .download {
			margin-top: 0.5em;
			}

#content-neben {
	float: right;
	width: 265px;
	padding: 10px 10px 20px 10px;
	margin: 30px 33px 0 0;
	background: #cdcfce url(../../_layout/gfx/verlauf-02.jpg) no-repeat;
	}
	#content-neben.startseite {
		min-height: 440px;
		}
		#content-neben.startseite h1 {
			margin-top: 2em;
			margin-bottom: 0em;
			}
	#content-neben.breit {
		width: 283px;
		background: #cdcfce url(../../_layout/gfx/verlauf-03.jpg) no-repeat;
		}
	#content-neben h2 {
		margin-top: 20px;
		}
	#content-neben form#login {			/* login */
		padding-bottom: 1em;
		border-bottom: 2px solid #ffffff;
		}
	#content-neben form#login input {
		width: 120px;
		border-bottom: none;
		}
	#content-neben form#login span.login {
		}
	#content-neben form#login span.login input[type="submit"] {
		width: 129px;
		clear: right;
		}

	#content-neben form#subscribe {			/* anmeldung */
		padding: 1em 0;
		border-bottom: 2px solid #ffffff;
		}
	#content-neben form#subscribe input {
		width: 240px;
		border-bottom: none;
		}
	#content-neben form#subscribe textarea {
		width: 240px;
		border-bottom: none;
		}
	#content-neben form#subscribe span.login {
		}
	#content-neben form#subscribe span.login input[type="submit"] {
		width: 129px;
		clear: right;
		}

#footer {
	float: none;
	width: 1020px;					/* breite auf der startseite */
	height: 157px;
	margin: 22px 0;
	padding: 0;
	clear: both;
	}
	#footer-grafik {
		float: right;
		}
	#footer-navi {
		float: left;
		/*margin: 30px 0 0 278px;*/
		margin: 25px 0 0 33px;
		}
	#hrlink {
		float: right;
		margin: 0;
		padding: 0;
		}