e2ecff hellblau ---------alt-ffffe3------neu-dce4ed
000099 dunkelblau--------alt-802020------neu-000154
abc1ff mittelHell -------alt-fafac2
6085d2 mittel -----------alt-ff9000
3649c2 mittelDunkel------alt-ff6600-------neu-496dbe
770abc violet -----------alt-c00----------neu-3649c2
					alt-000----------neu-000154
/*
LEGAL
=====
Copyright: Daemon Pty Limited 2006, http://www.daemon.com.au
Community: Mollio http://www.mollio.org $
License: Released Under the "Common Public License 1.0", 
http://www.opensource.org/licenses/cpl.php
License: Released Under the "Creative Commons License", 
http://creativecommons.org/licenses/by/2.5/
License: Released Under the "GNU Creative Commons License", 
http://creativecommons.org/licenses/GPL/2.0/
*/

/* GESAMTLAYOUT */
	* {margin:0;padding:0}
	body {
		padding: 0 0 20px;
		background: #e2ecff; url("bilder/body_hintergrund.gif") repeat-x 0 100%;
		color:#333; /*Schriftfarbe allgemein*/
		font:83%/1.5 arial,tahoma,verdana,sans-serif;
	}

/* LINKS gewöhnlich*/
	a,a:link,a:link,a:link,a:hover {
		background:transparent;
		text-decoration:underline;
		cursor:pointer;
	} 
	a:link {
		color:#770abc;
	} 
	a:visited {
		color:#999;
	} 
	a:hover,a:active {
		color:#069;
	} 
	
/* Versteckte Links (Forum)*/	
	a.versteck,a.versteck:hover {
		background:transparent;
		text-decoration:none;
		cursor: pointer;
		color:#e2ecff;
		font-size: 9px;
		position: absolute;
		right: 0.5em;
		top: 158px;
	}


/* FORMULARE */

	form {
		margin: 0 0 1.5em;
	}
	input {
		font-family: arial,tahoma,verdana,sans-serif;
		margin: 2px 0;
	}
	fieldset {
		border: none;
	}
	label {
		display:block;padding: 5px 0;
	}
	label br {
		clear:left;
	}

	/* FORMS - general classes */
	input.f-submit {
		padding: 1px 3px;
		background:#666;
		color:#fff;
		font-weight:bold;
		font-size:96%;
	}
	
	/* FORMS - f-aussenrahmen-1 - simple form, headings on left, form elements on right */
	form.f-aussenrahmen-1 {
		width:100%;
		padding: .5em 0;
		background: #f6f6f6 url("bilder/box1_hintergrund.gif") no-repeat 100% 100%;
		background-position: right top;
		border-top: 1px solid #d7d7d7;
		position:relative;
	}
		form.f-aussenrahmen-1 fieldset {
			width:auto;
			margin: 0 1em;
		}
		form.f-aussenrahmen-1 h3 {
			margin:0 0 .6em;
			font: bold 155% arial;
			color:#770abc;
		}
		form.f-aussenrahmen-1 label {
			clear:left;
			float:left;
			width:100%;
			border-top: 1px solid #fff
		}
		
		/* hide from IE mac \*/
		form.f-aussenrahmen-1 label {float:none}
		/* end hiding from IE5 mac */
	
		form.f-aussenrahmen-1 label input, form.f-aussenrahmen-1 label textarea, form.f-aussenrahmen-1 label select {
			width:15em;
			float:left;
			margin-left:10px
		}
		
		form.f-aussenrahmen-1 label b {float:left;width:8em;line-height: 1.7;display:block;position:relative}
		form.f-aussenrahmen-1 label b .req {color:#770abc;font-size:150%;font-weight:normal;position:absolute;top:-.1em;line-height:1;left:-.4em;width:.3em;height:.3em}
		form.f-aussenrahmen-1 div.req {color:#666;font-size:96%;font-weight:normal;position:absolute;top:.4em;right:.4em;left:auto;width:13em;text-align:right}
		form.f-aussenrahmen-1 div.req b {color:#770abc;font-size:140%}
		form.f-aussenrahmen-1 label select {width: 15.5em}
		form.f-aussenrahmen-1 label textarea.f-comments {width: 20em}
		form.f-aussenrahmen-1 div.f-submit-aussenrahmen {padding: 5px 0 5px 8em}
		form.f-aussenrahmen-1 input.f-submit {margin: 0 0 0 10px}
		
		form.f-aussenrahmen-1 fieldset.f-checkbox-aussenrahmen, form.f-aussenrahmen-1 fieldset.f-radio-aussenrahmen {clear:left;float:left;width:32em;border:none;margin:0;padding-bottom:.7em}
		form.f-aussenrahmen-1 fieldset.f-checkbox-aussenrahmen b, form.f-aussenrahmen-1 fieldset.f-radio-aussenrahmen b {float:left;width:8em;line-height: 1.7;display:block;position:relative;padding-top:.3em}
		form.f-aussenrahmen-1 fieldset.f-checkbox-aussenrahmen fieldset, form.f-aussenrahmen-1 fieldset.f-radio-aussenrahmen fieldset {float:left;width:13em;margin: 3px 0 0 10px}
		form.f-aussenrahmen-1 fieldset.f-checkbox-aussenrahmen label, form.f-aussenrahmen-1 fieldset.f-radio-aussenrahmen label {float:left;width:13em;border:none;margin:0;padding:2px 0;margin-right:-3px}
		form.f-aussenrahmen-1 label input.f-checkbox, form.f-aussenrahmen-1 label input.f-radio {width:auto;float:none;margin:0;padding:0}
		
		form.f-aussenrahmen-1 label span.errormsg {position:absolute;top:0;right:-10em;left:auto;display:block;width:16em;background: transparent url(bilder/errormsg_bg.gif) no-repeat 0 0}
		form.f-aussenrahmen-1 label span.errormsg b {padding: 10px 0;margin: 0 10px 0 30px;color:#B30800;font-weight:bold;display:block;width:auto;float:none;line-height:1.3}

/* Texte */
	p, ul, ol {
		margin: 0 0 1.5em;
	}
	h1, h2, h3, h4, h5, h6 {
		letter-spacing: -1px;
		font-family: arial,verdana,sans-serif;
		margin: 1.2em 0 .3em;
		color:#000;
		border-bottom: 1px solid #eee;
		padding-bottom: .1em;
		font-weight: lighter;
	}

	h1 {
		font-size: 196%;
		margin-top:.6em;

	}
	h2 {
		font-size: 136%;
	}
	h3 {
		font-size: 126%;
	}
	h4 {
		font-size: 116%;
	}
	h5 {
		font-size: 106%;
	}
	h6 {
		font-size: 96%;
	}
	.markiert {
		color:#E17000;
		font-weight:bolder;
	}
	.schwach {
		color:#999;
	}
	.fehler {
		color:#770abc;
		font-weight:bold;
	}
	.erfolg {
		color:#390;
		font-weight:bold;
	}
	.beschriftung {
		color:#999;
		font-size:11px;
	}
	small {
		font-size:11px;
	}

/* LISTEN */
	ul {
		margin: .3em 0 1.5em 0;
		list-style-type:none;
	}
	ul.related {
		margin-top: -1em;
	}
	ol {
		margin: .5em .5em 1.5em;
	}
	ol li {margin-left: 1.4em;
		padding-left: 0;
		background: none;
		list-style-type: decimal;
	}
	li {
		line-height: 1.4em;
		padding-left: 25px;
		background: transparent url("bilder/diverses.gif") no-repeat 0 0;
	}
	li.doc {
		background-position: 3px -500px;
	}
	ul.nomarker li {
		background:none;
		padding-left:0;
	}
	dl {
		margin: 0 0 1em 0;
	}
	dt {
		font-weight:bold;
		margin-top: 1.3em;
	}
	dl dl {
		margin: 0 0 1.5em 30px;
	}
/****************************************************************************************************************/
--img.titelbild{
	width: 100%;
	-padding-left: 0px;
	position: relative;
	top: -10px;
	left: -10px;
	}

	div.titeltext{
	min-height: 555px;
	background: #abc1ff url("bilder/hauptbildB.jpg") no-repeat center center;
	border:none;
	}

/* ALLGEMEIN */
img {border:none} 
hr {
	margin: 1em 0;
	background:#f2f2f2;
	height:1px;
	color:#f2f2f2;
	border:none;
	clear:both;
}
.clear {
	clear:both;
	position:relative;
	font-size:0px;
	height:0px;
	line-height:0px;
} 

/* LAYOUT - KOPF */
	#kopf {
		background: #6085d2 url("bilder/diverses.gif") repeat-x 0 100%;
		margin: 0 0 25px;
		padding: 0 0 8px;
		}

	#kopf img {
		margin-left: 30%;
		margin-top: 10px;
 		width: 28%;
		position: relative;
		top: 30px;
	}
	#kopf #site-name {
		font: 200% arial;
		font-style: italic;
		text-align: right;
		letter-spacing: -.05em;
		position : relative;
		top : -25px;
		margin:0 20% 0 60%;
		padding:3px 0;
		color:#000;
		border:none;
	}
	#kopf #site-name .untertitel{
		font-size: 0.7em;
	}
/* NAVI1 - im Kopf horizontale navigation */		if ($differenz < 0) {
			$klasse = 'class="first"'; //klasse wird beim <li> eingesetzt
			echo '
<ul>';
		} 
	#navi1, #navi1 ul {
		padding: 0;
		margin: 0;
		list-style: none;
	}
	#navi1 {
		font-weight:bold;
		height:2.09em;
		font: bold 96% arial;
		margin: 0 105px 0 40px;
	}
	#navi1 li {
		position:relative;
		background: #abc1ff; /*Hintergrundfarbe der nicht ausgewählten navi-links der obersten Reihe*/
		float: left;
		width: 10em;
		display:block;
		margin: 0;
		border-bottom: 3px solid #6085d2;/*Rahmenfarbe unten Navi-link oberste Reihe*/
		border-right: 3px solid #000099; /*Rahmenfarbe rechts Navi-link oberste Reihe*/
		padding:0;
	}
	#navi1 a, #navi1 a:link, #navi1 a:visited, #navi1 a:hover, #navi1 a:active {
		text-decoration:none;
		cursor:pointer;
		color:#000; /*Textfarbe der obersten Navi-links*/
		display: block;
		padding: 4px 10px 2px;
	}
	#navi1 a:hover {
		color:#000; /*Hover Text-farbe der nicht aktiven navi-links*/
		}	
	#navi1 li ul {
		border-left: 1px solid #6085d2; /*linker Rand der nicht aktiven unter-link*/
		background: #abc1ff url("bilder/box1_hintergrund.gif") no-repeat 100% 100%; /*Hintergrund fals bild nicht geht nicht*/
		background-position: right top;
		width:15.8em;
		font-size:90%;
		margin-top:3px;
		position: absolute;
		font-weight:normal;
		left: -999em;
	}
	#navi1 li:hover ul, #navi1 li.sfhover ul {
		left: 0;
		z-index:99999
	}
	#navi1 li li {
		background:none;
		float:none;
		border:none;
		border: 1px solid #6085d2; /*Trennlinien untermenue*/
		border-top:1px solid #fff; /*Trennlinien untermenue*/
		border-right:none;
		border-left:none;
		padding-left:0;
	}
	#navi1 li li.last {
		border-bottom:none;
	}
	#navi1 li li a, #navi1 li li a:link, #navi1 li li a:visited, #navi1 li li a:hover {
		color:#000; /*Textfarbe der nicht aktiven unter-links*/
		padding: 3px 10px 2px;
		width:14em;
		}
	#navi1 li li a:hover {
		color:#fff; /*hover-Textfarbe der nicht aktiven unter-links*/
		background:#3649c2; /*hover-Hintergrund-farbe der nicht aktiven unter-links*/
	}
	#navi1 li.active {
		background: #3649c2; /*Hintergrund-farbe des Aktiven navi-links der obersten Reihe*/
		border-bottom: 3px solid #3649c2; /*Ramhenfarbe unten des Aktiven navi-links der obersten Reihe*/
	}
	#navi1 li.active ul {
	border:none;
	background: #3649c2 url("bilder/box2_hintergrund.gif") no-repeat 100% 100%;/*Hintergrund farbe fals Bild nicht geht*/
	background-position: right top;
	}
	#navi1 li.active a:link, #navi1 li.active a:visited, #navi1 li.active a:hover, #navi1 li.active a:active {}
	#navi1 li.active a:hover {
	color:#000; /**/
	}
	#navi1 li.active li {
		border:none;
		border-top: 1px solid #red; /*Rand oben der unter-links des Aktiven navi-links*/
		border-bottom: 1px solid #870000; /*Rand unten der unter-links des Aktiven navi-links*/
	}
	#navi1 li.active li.last {
		border-bottom: none;
	}
	#navi1 li.active li a:link, #navi1 li.active li a:visited, #navi1 li.active li a:hover, #navi1 li.active li a:active {
		color:#fff;/**/
	}
	#navi1 li.active li a:hover {
		background: #6085d2 url("bilder/diverses.gif") repeat-x 0 96%; /*hover-Hintergrund im Aktiven navi-link*/
		color:#000;/*hover-text-farbe im aktiven navi-link*/
	}
	#navi1 li.active li.active a:link, 
	#navi1 li.active li.active a:visited, 
	#navi1 li.active li.active a:hover, 
	#navi1 li.active li.active a:active {
		color:#000; /*Aktiver-Hintergrund im Aktiven navi-link*/
		font-weight:bold;
		background: #6085d2 url("bilder/diverses.gif") repeat-x 0 96%; /*Aktive-Textfarbe im Aktiven navi-link*/
	}
	
	/* hide from IE mac \*/
	#navi1 li {width:auto}
	/* end hiding from IE5 mac */


	

/* LAYOUT - Haupt-Teil */
	#aussenrahmen {
		min-width:770px;
		max-width:1200px;
		margin: 0 auto;
		position:relative;
		background: #e2ecff; /*Hintergrundfarbe des gesamten body- Bereichs*/
	}
	#innenrahmen {
		position:relative;
		width:100%;
	}
	#spalte1 {
		position:absolute;
		top:0;
		left:25px;
		width:165px;
		border-top: 5px solid #3649c2; /*Rahmen oben bei der Navi2*/
		padding-bottom: 40px;
	}


	#inhalt {
		margin: 0 50px
	}
	#inhalt #breadcrumb {
		margin-top:-5px;
		font-size:93%;
		font-weight:bold;
	}
	#inhalt #breadcrumb a:link, #inhalt #breadcrumb a:visited {text-decoration:none}
	#inhalt #breadcrumb a:hover, #inhalt #breadcrumb a:active {text-decoration:underline}

	div.neutral {
		width:100%;
		background: #abc1ff;
	}		

	#inhalt .superbox {
		width:60%;
	}		
	.superbox {
		color:#333;
		padding: 15px 20px 20px;
		--border-top: 1px solid #6085d2;
		border: none;
		margin: 0 0 1.5em;
		background: #abc1ff url("bilder/box1_hintergrund.gif") no-repeat 100% 100%;
		background-position: right top;
	}
	.superbox p, .superbox h1, .superbox h2, .superbox h3, .superbox h4, .superbox h5, .superbox h6 {
		margin: 0 0 .3em;
		border-bottom: 1px solid #000099;
		color:#000099;
	}
	.superbox p {
		border:none;
		margin: 0 0 1em;color:#444}
	.superbox a {
		font-weight:bold;
	}

	.thumbnail {
		margin: 0 0 0 10px;
		position:relative;
		z-index:9999;
		border: 1px solid #eee;
		float:right;
		width:100px;
		padding:5px;
		background:#fff;
	}
	.thumbnail img {
		border: 1px solid #000
	}
	
	.nummerierung {
		background: #f2f2f2;
		color:#666;
		padding: 4px 2px 4px 7px;
		border: 1px solid #ddd;
		margin: 0 0 1.5em;
	}
	.nummerierung p {
		position:relative;
		text-align:right;
	}
	.nummerierung p a:link, .nummerierung p a:visited, .nummerierung p a:hover, .nummerierung p a:active {
		text-decoration:none;
		background:#fff;
		padding:2px 5px;
		border: 1px solid #ccc;
	}
	.nummerierung p a:hover {
		background:#770abc;
		color:#fff;
	}
	.nummerierung p span {
		text-decoration:none;
		background:#fff;
		padding:2px 5px;
		border: 1px solid #ccc;
		color:#ccc;
	}
	.nummerierung * {
		margin:0;
	}
	.nummerierung h4 {
		margin-top:-1.45em;
		padding:0;
		border:none;
	}
	
/* TABELLEN */
	.table1 {
		border: 2px solid #6085d2; /*Tabellenrahmen*/
		border-collapse:collapse;
		width:100%
	}
	.table1 td {
		background: #fff url("bilder/diverses.gif") repeat-x 0 -1600px;
		padding:3px;
		border: 1px solid #fff;
	}
	.table1 th {
		text-align:left;
		border: 1px solid #fff;
	}
	.table1 thead th {
		color:#fff;
		font-size:145%;
		background: #900 url("bilder/diverses.gif") repeat-x 0 -1300px;
		padding: 10px 6px;
	}
	.table1 tbody th {
		color:#fff;
		font-size:115%;
		background: #88b8db url("bilder/diverses.gif") repeat-x 0 -1400px;
		padding: 6px;
	}
	.table1 tbody th.sub {
		font-size:100%;
		color:#000;
		background: #efefef url("bilder/diverses.gif") repeat-x 0 -1500px;
		padding: 6px;
	}

/* TABLES - calendar */
	.calendar {width:200px;font-size:92%}
		.calendar td {text-align:center;border: 1px solid #ddd}
		.calendar th {text-align:center}
		.calendar thead th {padding: 3px 2px}
		.calendar tbody th {padding: 2px}
		.calendar tbody th.sub {padding: 2px}
		
	/* 'MORE' LINK - provides an accessible alternative to just using 'more' as a link at the end of paragraphs */
		a.morelink:link, a.morelink:visited, a.morelink:hover, a.morelink:active {background: transparent url("bilder/diverses.gif") no-repeat 5px -500px;padding-left:21px}
		a.morelink:hover {background: transparent url("bilder/diverses.gif") 5px -400px}
		.morelink span {position:absolute;left:-9999px;width:900px}
		
	/* CODE - formatting for code inserted into body - more here: http://dizque.lacalabaza.net/temp/lipt/ */
		ol.code {font-family: monospace;position:relative}
		ol.code li {color: #666;margin-bottom: 1px}
		ol.code code {color: #000;display: block}
		ol.code .cmt {color: #4077d2}
		li.tab0 code {padding-left: 4em}
		li.tab1 code {padding-left: 8em}
		li.tab2 code {padding-left: 12em}
		li.tab3 code {padding-left: 16em}
		li.tab4 code {padding-left: 20em}
		li.tab5 code {padding-left: 24em}
		ol.code li  {background: #f3f3f3 url("bilder/td_bg.gif") no-repeat 100% 100%}
		p.note {margin: 1em;border: 1px solid #ddd;background: #f0f0f0;padding: 1em}

/* LAYOUT */
	#layout1 #innenrahmen {background: transparent url("bilder/content_wrap_bg.gif") repeat-y 30px 0}
	#layout1 #inhalt {margin: 0 23px 0 235px}

/* NAVIGATION2 - Senkrecht links */
	#navi2, #navi2 ul {position:static}
	#navi2, #navi2 li {
		list-style: none;
		margin:0;
		padding:0;
		background:#abc1ff; /*hintergrund untergeordnete Links Bereich rund herum*/
	}
	#navi2 {
		padding-top:0;
		border-top: 1px solid #6085d2; /*Rahmen oben über gesamter navi2*/
		margin-top: 1px;
	}
	#navi2 a {line-height:1.8;
		padding: 5px 0 5px 23px;
		background: #abc1ff; /*hintergrund oberster Links*/
		font: bold 86% arial;
		display:block;
	}
	#navi2 a, #navi2-secondary a:link, #navi2 a:visited, #navi2 a:hover, #navi2 a:active {
		text-decoration:none;
		cursor:pointer;
	} 
	#navi2 a:link {color:#000} 
	#navi2 a:visited {color:#000} 
	#navi2 a:hover {color:blue;
		background: #abc1ff url("bilder/diverses.gif") no-repeat 10px -695px;/*Hover farbe link*/
	} 
	#navi2 li.active a:link, #navi2 li.active a:visited, #navi2 li.active a:hover, #navi2 li.active a:active {color:#770abc} 
	#navi2 li {
		border-top: 2px solid #fff;
		border-bottom: 1px solid #6085d2; /*Rahmenlinie zwischen der navi*/
		}

/* NAVIGATION2 - 2te Stufe */
	#navi2 ul {
		margin: 0 0 1em 23px;
		padding:0;
	}
	#navi2 li.active li a, #navi2 li.active li a:link, #navi2 li.active li a:visited {
		line-height:1.5;
		background: #abc1ff url("bilder/diverses.gif") no-repeat 0 -798px; /*Hintergrund untergeordnete Links*/
		padding:0 0 0 12px;
		font-weight:normal;
		width:auto;
		color:#000;
		width:130px;
		display:block;
	}
	#navi2 li.active li a:hover, #navi2 li.active li a:active {
		color: #770abc;
	}
	#navi2 li.active li {
		border: none;
		margin:0;
	}
	#navi2 li.active li.active a:link, 
	#navi2 li.active li.active a:visited, 
	#navi2 li.active li.active a:hover, 
	#navi2 li.active li.active a:active {
		font-weight:bold;
	}

/* NAVIGATION2 - 3te Stufe */
	#navi2 ul ul {margin: 0 0 1em 13px;padding:0}
	#navi2 li.active li.active li a, #navi2 li.active li.active li a:link, #navi2 li.active li.active li a:visited {width:117px}
	#navi2 li.active li.active li a:link, 
	#navi2 li.active li.active li a:visited, 
	#navi2 li.active li.active li a:hover, 
	#navi2 li.active li.active li a:active {font-weight:normal}
	#navi2 li.active li.active li.active a:link, 
	#navi2 li.active li.active li.active a:visited, 
	#navi2 li.active li.active li.active a:hover, 
	#navi2 li.active li.active li.active a:active {font-weight:bold}

/* NAVIGATION2 - 4te Stufe */
	#navi2 ul ul ul {margin: 0 0 1em 13px;padding:0}
	#navi2 li.active li.active li.active li a, #navi2 li.active li.active li.active li a:link, #navi2 li.active li.active li.active li a:visited {width:104px}
	#navi2 li.active li.active li.active li a:link, 
	#navi2 li.active li.active li.active li a:visited, 
	#navi2 li.active li.active li.active li a:hover, 
	#navi2 li.active li.active li.active li a:active {font-weight:normal}
	#navi2 li.active li.active li.active li.active a:link, 
	#navi2 li.active li.active li.active li.active a:visited, 
	#navi2 li.active li.active li.active li.active a:hover, 
	#navi2 li.active li.active li.active li.active a:active {font-weight:bold}

/* AKTUELLE INFORMATIONEN*/
	#aktuell {
		margin-top: 50px;
	}

/* LAYOUT - FUSS */
	#fuss {
		clear:both;
		border-top: 1px solid #E3E8EE;
		padding: 10px 0 30px;
		font-size:86%;
		color:#999;
	}
	#fuss p {
		margin:0;
	}
	#fuss a:link {
		color:#999;
	}

/* POWERED BY - mollio logo in this case */
	#poweredby {
		z-index:999999;
		--width:96px;
		--height:63px;
		--position:absolute;
		--top:200px;
		--right:0;
	}
	#poweredby img{
		width:60%;
		height:60%;
	}