BODY {
	BACKGROUND-COLOR:#dedee9;PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; BACKGROUND-REPEAT: no-repeat; 
}/*BACKGROUND-COLOR:#efefef;  */
#kopfbereich {
	RIGHT: 0px; LEFT: 0px; BOTTOM: 0px; POSITION: static; TOP: 0px; height:71px;BACKGROUND-COLOR: #dedee9;
}
#head {
	width:100%;}
.unsichtbar{
	LEFT: -2000px;font-size:0.01px; POSITION: relative;
}
#kopfgrafiklinks {
	Z-INDEX: 9; LEFT: 0px; POSITION: absolute; TOP: 0px;
}
.logoWFA {
	RIGHT: 3px; BOTTOM: 0px; POSITION: absolute;
}
.logoHD {
	RIGHT: 80px; BOTTOM: 0px; POSITION: absolute;
}
#logobereich {
	Z-INDEX: 3; WIDTH: 100%; COLOR: #494a85; POSITION: relative; TOP: 0px; HEIGHT: auto; BACKGROUND-COLOR: #dedee9
}
#logobereich P.unsichtbar A:unknown {
	PADDING-RIGHT: 6px; DISPLAY: block; PADDING-LEFT: 6px; LEFT: 2500px; PADDING-BOTTOM: 2px; WIDTH: 15em; COLOR: #fff; PADDING-TOP: 2px; POSITION: relative; TOP: 2px; BACKGROUND-COLOR: #0f0f6f
}
#logobereich P.unsichtbar A:active {
	PADDING-RIGHT: 6px; DISPLAY: block; PADDING-LEFT: 6px; LEFT: 2500px; PADDING-BOTTOM: 2px; WIDTH: 15em; COLOR: #fff; PADDING-TOP: 2px; POSITION: relative; TOP: 2px; BACKGROUND-COLOR: #0f0f6f
}
#hauptbereich {
	 height:100%;WIDTH: 100%;POSITION: relative;   bottom:0; 
}/*BACKGROUND-COLOR: #dedee9;*/
#cc {
	margin-left:0; width:100%;border-left-color:#dedee9;z-index:8; position:absolute; margin-top:0;     FONT-WEIGHT: normal; FONT-SIZE: 90%;  COLOR: #000000;  FONT-FAMILY: Verdana, Arial, Geneva, Helvetica, sans-serif; BACKGROUND-COLOR: blue;
}/*border-left:500px solid blue;width:1000px;MARGIN-LEFT: 15.34em;border-left-style:solid;border-left-width:14.34em;*/
#content {
	width:60%; position:absolute; margin-top:0;     FONT-WEIGHT: normal; FONT-SIZE: 90%; MARGIN-LEFT: 16.34em; COLOR: #000000; PADDING-TOP: 7px;PADDING-left: 15px; FONT-FAMILY: Verdana, Arial, Geneva, Helvetica, sans-serif; BACKGROUND-COLOR: #efefef;
}/*margin-top:1.5em;height:800px;border-left:100px solid blue;PADDING-left: 15px; */
#wortlogo {
	MARGIN-TOP: 0px; DISPLAY: block; FONT-WEIGHT: normal; FONT-SIZE: 18px; LEFT: 300px; FONT-FAMILY: Arial, Helvetica, sans-serif; POSITION: absolute; TOP: 15px 
}/* */
#projekt {position:relative; top:10px; left:40px; padding-left:10px;}/*MARGIN-TOP: 0px; DISPLAY: block;   RIGHT: 110px;  POSITION: absolute; TOP: 4px
 */
 #projekt p{COLOR: #494a85;padding-left:10px;FONT-WEIGHT: bold;FONT-SIZE: 80%;FONT-FAMILY: Arial, Helvetica, sans-serif;
	}/*MARGIN-TOP: 0px; DISPLAY: block;   RIGHT: 110px;  POSITION: absolute; TOP: 4px
 */
#kopflogoheidelberg {
	}/*BORDER-TOP-WIDTH: 0px; MARGIN-TOP: 0px; DISPLAY: block; BORDER-LEFT-WIDTH: 0px; RIGHT: 90px; BORDER-BOTTOM-WIDTH: 0px; POSITION: absolute; TOP: 30px; BORDER-RIGHT-WIDTH: 0px
 */
#kopflogowebforall {
	BORDER-TOP-WIDTH: 0px; MARGIN-TOP: 0px; DISPLAY: block; BORDER-LEFT-WIDTH: 0px; RIGHT: 17px; BORDER-BOTTOM-WIDTH: 0px; POSITION: absolute; TOP: 3px; BORDER-RIGHT-WIDTH: 0px
}
.titel {
	FONT-WEIGHT: bold; FONT-SIZE: 150%; LEFT: 300px; COLOR: white; POSITION: relative; BACKGROUND-COLOR: #dedee9
}
#navigationhorizontal {
	white-space:normal; width:62.5%;right:0px;   PADDING-LEFT: 8px; FONT-WEIGHT: bold;  FONT-SIZE: 85%; Z-INDEX: 5;  LEFT: 285px;  PADDING-BOTTOM: 0px; ; COLOR: #fff; PADDING-TOP: 0px; FONT-FAMILY: Arial, Verdana, Geneva, Helvetica, sans-serif; POSITION: relative;   BACKGROUND-COLOR: #0f0f6f; BORDER-RIGHT-WIDTH: 0px; TEXT-DECORATION: none;
}/*width:50%;LINE-HEIGHT: 29px;*/ 
#navigationhorizontal A {
	PADDING-RIGHT: 4px; PADDING-LEFT: 4px; PADDING-BOTTOM: 3px;  COLOR: #fff;  PADDING-TOP: 4px; BACKGROUND-COLOR: #0f0f6f; TEXT-DECORATION: none
}/*MARGIN-LEFT: 0px;*/
.nofloat {
	CLEAR: both
}
#navigationhorizontal A.start:unknown {
	COLOR: #fff; BACKGROUND-COLOR: #a69d09
}
#navigationhorizontal A.start:hover {
	COLOR: #fff; BACKGROUND-COLOR: #a69d09
}
#navigationhorizontal A.start:unknown {
	COLOR: #fff; BACKGROUND-COLOR: #a69d09
}
#navigationhorizontal A.start:active {
	COLOR: #fff; BACKGROUND-COLOR: #a69d09
}
#navigationhorizontal A.roll:unknown {
	COLOR: #fff; BACKGROUND-COLOR: #a14040
}
#navigationhorizontal A.roll:hover {
	COLOR: #fff; BACKGROUND-COLOR: #a14040
}
#navigationhorizontal A.roll:unknown {
	COLOR: #fff; BACKGROUND-COLOR: #a14040
}
#navigationhorizontal A.roll:active {
	COLOR: #fff; BACKGROUND-COLOR: #a14040
}
#navigationhorizontal A.blinde:unknown {
	COLOR: #fff; BACKGROUND-COLOR: #5455b2
}
#navigationhorizontal A.blinde:hover {
	COLOR: #fff; BACKGROUND-COLOR: #5455b2
}
#navigationhorizontal A.blinde:unknown {
	COLOR: #fff; BACKGROUND-COLOR: #5455b2
}
#navigationhorizontal A.blinde:active {
	COLOR: #fff; BACKGROUND-COLOR: #5455b2
}
#navigationhorizontal A.hoeren:unknown {
	COLOR: #fff; BACKGROUND-COLOR: #c08340
}
#navigationhorizontal A.hoeren:hover {
	COLOR: #fff; BACKGROUND-COLOR: #c08340
}
#navigationhorizontal A.hoeren:unknown {
	COLOR: #fff; BACKGROUND-COLOR: #c08340
}
#navigationhorizontal A.hoeren:active {
	COLOR: #fff; BACKGROUND-COLOR: #c08340
}
#navhorizontalbackground {
	LINE-HEIGHT: 29px;padding-right:0;   width:auto;POSITION: relative;   min-height:1.8em; BACKGROUND-COLOR: #0f0f6f;
}/*HEIGHT: 1.8em;display:block; WIDTH: 100%;*/
#navigation {
	 border-right-color:blue;BACKGROUND-COLOR: #dedee9; top:0px;   PADDING-LEFT: 0px; PADDING-right: 3em; FONT-WEIGHT: bold;  FONT-SIZE: 85%;    WIDTH: 16.34em; FONT-FAMILY: Arial, Verdana, Geneva, Helvetica, sans-serif; POSITION: absolute;   
}/* border-right:15px;z-index:9;left:0;BACKGROUND-COLOR: #dedee9;PADDING-Bottom: 100%;bottom:0px;height:auto; bottom:0px;float:left;*/
#bereichsmenu {
	top:0px; PADDING-LEFT: 0px;  POSITION: relative;   WIDTH: 16.34em;
}/*BACKGROUND-COLOR: #dedee9;BACKGROUND-COLOR: #dedee9;*/
#hilfemenu {
	PADDING-LEFT: 0px;  WIDTH: 16.34em; COLOR: #494a85; PADDING-TOP: 10px; POSITION: relative; HEIGHT: auto; BACKGROUND-COLOR: #dedee9;
}
#hilfemenu UL LI {
	DISPLAY: inline
}
#sitemap {
	MARGIN: 50px; PADDING-TOP: 0px; TOP: 0px
}
#content H1 {
	MARGIN-TOP: 6px; FONT-SIZE: 120%; MARGIN-BOTTOM: 6px; COLOR: #494a85
}
#content H2 {
	MARGIN-TOP: 6px; FONT-SIZE: 100%; MARGIN-BOTTOM: 6px; COLOR: #494a85
}
#content H3 {
	MARGIN-TOP: 6px; FONT-SIZE: 95%; MARGIN-BOTTOM: 6px; COLOR: #494a85
}
#content H4 {
	MARGIN-TOP: 6px; FONT-SIZE: 88%; MARGIN-BOTTOM: 6px; COLOR: #494a85
}
#content .tab_symbol {
	BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 10px; PADDING-LEFT: 10px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; BORDER-RIGHT-WIDTH: 0px; border-spacing: 10px
}
#content LI {
	LIST-STYLE-TYPE: square
}
.satz {
	MARGIN: 30px 5px; LINE-HEIGHT: 120%
}
.pictogramme {
	
}
pictogramme.picto {
	DISPLAY: inline; FLOAT: left; VERTICAL-ALIGN: middle
}
A IMG {
	BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
.satz H1 {
	MARGIN-TOP: 6px; FONT-SIZE: 140%; MARGIN-BOTTOM: 6px; LINE-HEIGHT: 1.2
}
.satz H2 {
	MARGIN-TOP: 6px; FONT-SIZE: 100%; MARGIN-BOTTOM: 6px
}
.satz H3 {
	MARGIN-TOP: 6px; FONT-SIZE: 95%; MARGIN-BOTTOM: 6px; FONT-FAMILY: Verdana, Arial, Geneva, Helvetica, sans-serif
}
.satz P {
	MARGIN-TOP: 6px; MARGIN-BOTTOM: 6px
}
.auswahl {
	MARGIN-LEFT: 7px
}

label.left
{
	float			: left;
	text-align		: right;
/*  die naechsten zwei sind beliebig anpassbar,
	um in das jeweilige Gestaltungsraster (Sie
	verwenden doch ein Gestaltungsraster, oder?)
	zu passen. Bei Aenderungen aber nicht
	vergessen, die margins bei input.right
	entsprechend anzupassen: */
	width			: 15em;
	margin-right	: .3em;
}

/*  positioniert die Text- und
	Auswahlboxen rechts daneben: */

input[type=text],
select
{
	float			: left;
}

/*  dann werden alle checkboxen und radiobuttons,
	die mit der Klasse "right" versehen wurden,
	um den errechneten linken Abstand der input
	und select-Elemente (s.o.) nach rechts
	verschoben: */

input.right
{
	float					:	left;
	width					:	auto;
	clear					:	both;
	margin-left				:	5.3em;
	margin-right			:	.3em;
}

input.submit
{
	float					:	left;
	margin-left				: 17em;
}


/*  Extrawurst fuer Mozilla, keine Ahnung,
	warum das so ist. Feedback und
	Loesungsvorschlaege willkommen */

input[type=checkbox].right,
input[type=radio].right,
input[type=submit].right
{
	margin-left				:	6.3em;
}

/*  Nicht vergessen, die floats wieder aufzuheben,
	sonst floatet es munter weiter */

form br
{
	clear					:	both;
}
/*
  fuer grafische UAs und DAUs der Hinweis, dass
	die Label anklickbar sind. Weil's so schoen ist,
	die Kontrollelemente gleich mit. Mit einer Ausnahme:
	fuer Textfelder macht der Pointer natuerlich keinen
	Sinn, dort sollte nach wie vor die Text-Einfuegemarke
	als Cursor erscheinen. Daher hier die Einschraenkung
	auf die input-Elemente des Typs checkbox, radiobutton,
	button und submit: */

label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit]
{
	cursor					:	pointer;
}

/*  legt den vertikalen Abstand der
	einzelnen Elemente zueinander fest */

form
{
	line-height				:	140%;
    width:570px;
}