a:link {color: #003366; }
	a:visited {color: #801724; }
	a:hover, a:focus {color: #fff; background-color: #0075EA; }
	abbr, acronym {font-style: normal; border-bottom: dotted 1px #ABB1B7; cursor: help;}
	img {border:0;padding: 0 0.6em 0.6em 0}
	.clearFloat{
		display: block;
		clear: both;
		float: none;
		height: 1px;
		font-size: 1px;
		line-height: 1px;
		overflow: hidden;
	}

	body {
		color: black;
		font: 100.01% Arial, sans-serif;
		margin: 0;
		padding: 0;
		background: #FFF url(body_bg.gif) repeat-y;
	}

	#main {
		height: 1px;
		padding: 0 10% 0 240px;
		
	}

	/* -- header -- */
	#header {
		margin-top:1.5em;
		background: #C7C7C7 url(header_bg.gif) repeat-x;;
		color:black;
		height: 65px;
		text-align:left;
		padding:0;
	}
	#header h1{margin:0 0 0 25px;padding:0;}
	#header h1 {width: 133px; height: 53px; background: url(logo.gif) 0 0 no-repeat; position: relative;top:4px;}
	#header h1 a:link, #header h1 a:visited {width: 133px; position: absolute; top: 0; left: 4px; display: block; background: none; overflow: hidden; font-size: 0px; height: 0px; padding-top: 50px;}
	#header h2{padding:0;margin:0;position: absolute;top: 1.3em;right: 4px;background: url(schriftzugDPSG_bg.gif) 0 0 no-repeat;width:283px;height:19px;}
	#header h2 span{display:none;}
	/* -- ServiceMenu -- */
	#serviceMenu{
		position: absolute;
		top: 0;
		right: 4px;
		margin: 0.3em 0 2px 0;
		padding: 0 0 0 200px;
		font-size:0.8em;
	}
	#serviceMenu li{
		display: inline;
		padding: 0 0 0 0.4em;
	}
	#serviceMenu li a{
		text-decoration: none;
	}

	/* -- TopMenu -- */

	#topMenu { margin:-1.5em 0 0 240px; padding:0;font-size:0.75em;}

	#topMenu li{
		float: left;
		background: #89203B url(tab02.gif) no-repeat left top;
		margin: 0 5px 0 0;
		padding: 0 0 0 9px;
		list-style-type: none;
	}
	#topMenu a {
		display: block;
		float:left;
		background: #89203B url(tab01.gif) no-repeat right top;
		padding: 5px 15px 4px 6px;
		text-decoration: none;
		font-weight: bold;
		color: White;
	}

	/* Commented Backslash Hack
	hides rule from IE5-Mac \*/
	#topMenu a {float:none;}
	/* End IE5-Mac hack */
	#topMenu a:hover,#topMenu a:focus{
		color:#333;
	}
	#topMenu #current {
		background-image:url(tab02active.gif);
	}
	#topMenu #current a {
		background-image:url(tab01active.gif);
		color:#333;
	}

	/* -- Wrapper für Content & ContextMenu -- */

	#wrapper {
		width: 100%;
	}

	/* -- ContextMenu -- */
	/*Start Navi-contextMenu*/
	#contextMenu {
		margin-top:-1px;
		background: #003366 url(pic01.jpg) no-repeat;
		color: black;
		width: 190px;
		float: left;
		display: inline;
		position: relative;
		margin-left: -240px;
	}
		
	#contextMenu ul{
		margin:166px 0 0 0;
		list-style: none;
  		padding: 0;
		background-color: #BBBBBB
	}
	
	#contextMenu li{
		margin:0;
		padding:0;
		display: inline;
		font-size: 0.8em;
		line-height: 1.9em;
		
	}
	#contextMenu li a{
		height: 1.95em;
		padding:0 0 0 1.5em;
		margin:0;
		color:black;
		text-decoration: none;
		background: #EEEEEE url(arrowright.gif) no-repeat 0.5em 0.6em;
		border-bottom: 1px solid #9B9B9B;
		display:block;
	}
	html>body #contextMenu li a {
		width: auto;
	}
	#contextMenu li span{
		height: 1.9em;
		padding: 0 0 0 1.5em;
		margin:0;
		background: #BBBBBB url(arrowrighthi.gif) no-repeat 0.5em 0.6em;
		display:block;
		border-bottom: 1px solid #9B9B9B;
	}
	#contextMenu li a:hover, #contextMenu li a:focus{
		background: #9F9F9F url(arrowrighthover.gif) no-repeat 0.5em 0.6em;
		color: white;
	}
	#contextMenu li.contextMenuActiveSub a{
		background: #BBBBBB url(arrowrighthi.gif) no-repeat 0.5em 0.6em;
		border:0;
	}
	#contextMenu li.contextMenuActiveSub a:hover, #contextMenu li.contextMenuActiveSub a:focus{
		background: #BBBBBB url(arrowrighthi.gif) no-repeat 0.5em 0.6em;
		border:0;
	}
	#contextMenu li.contextMenuSub a{
		background: #EEEEEE url(arrowdown.gif) no-repeat 2px 10px;
	}
	#contextMenu li.contextMenuSub a:hover{
		background: #9F9F9F url(arrowdownhover.gif) no-repeat 2px 10px;
		color: white;
	}
		/*fuer den Opera, mgl. Bug?*/
	#contextMenu li.contextMenuSub a:focus{
		background: #9F9F9F url(arrowdownhover.gif) no-repeat 2px 10px;
		color: white;
	}
	/*Subnav*/
	#contextMenu ul ul{
		margin: 0;
		padding: 0;
		border:0;
		background-color: #CCCCCC;
	}
	#contextMenu li.kind{
		margin: 0;
		padding: 0;
		display: inline;
		font-size: 0.8em;
		line-height: 1.2em;
		background-color: #CCCCCC;
		list-style-type: none;
		color: black;
	}
	#contextMenu li.kind a{
		padding: 0 0 0 2.1em;
		height: 1.2em;
		color:black;
		text-decoration: none;
		background: #CCCCCC;
		display:block;
		border: 0;
	}
	#contextMenu li.kind span{
		padding: 0 0 0 2.1em;
		height: 1.2em;
		color: black;
		text-decoration: none;
		background: #CCCCCC;
		display: block;
		font-weight: bold;
		border:0;
	}
	#contextMenu li.kind a:hover, #contextMenu li.kind a:focus{
		padding: 0 0 0 2.1em;
		background: #9F9F9F;
		color:black;
	}
	/* -- Formatanweisungen fuer Inhalte-- */
	#content {
		
		float:left;
		max-width: 45em;
		width: 95%;     /* Breite fuer den IE 5 Mac */
}

/* vor IE 5 Mac verstecken - Breite fuer alle anderen Browser \*/
.startseite #content {
  width: 100%;
}
/* Ende IE 5 Mac Hack */
	
	html>body #content {
  		position: relative;
	}
	
/* -- Klassen  für Formatierungen im Content-- */
	#content p{
		line-height: 1.4em;
		padding:0;
		font-size: 0.8em;
		margin: 0.4em 0 0.7em 0;
	}
	
	#content ul{
		font-size: 0.8em;
		line-height: 1.4em;
	}	

/* --Ueberschriften -- */

	#content h1{
		letter-spacing: 0.1em;
		font-weight: 900;
		font-size: 1.4em;
		clear:both;
	}
	#content h1.Start{
                letter-spacing: 0.1em;
		font-weight: 900;
		font-size: 1.6em;
		clear:both;
		position: relative;
		left: -35px;
		padding: 0.05em 0 0 32px;
		background: url(wegzeichenOben.gif) no-repeat left;
		line-height: 1.3em;
	}
	#content h2{
		letter-spacing: 0.1em;
		font-size: 1.2em;
		font-weight: 700;
		clear:both;
	}
	#content h3,
	#content h4 {
  		font-style: italic;
  		font-size: 1.1em;
		font-weight: 600;
		clear:both;
	}
/* --Klassen fuer Bilder -- */
	
	img.floatLeft{
		float:left;
	}
	
	img.floatRight{
		float:right;
	}
	
/* -- content HRs-- */
	#content hr{
		border:0;
		border-bottom:1px solid #D4D4D4;
		height: 1px;
	}
/* -- Breadcrumb-- */
	#breadcrumb p{
		padding: 1.8em 0 0.4em 0;
		margin: 0 0 2em 0;
		border-bottom: 1px solid #D4D4D4;		
	}
	/* -- Footer-- */
	#footer {
		clear:both;
		padding: 0;
		margin: 0.6em 0 0 0;
		font:500 100%/105% Arial,verdana,helvetica,sans-serif;
		border-top: 1px solid #D4D4D4;
	}

	#footer p {
		float: right;
		margin:0;
		padding:0.8em 18px 0.4em 0;
		background: url(wegzeichenUnten.gif) no-repeat right;
	}
	#footer ul{ float:left;margin:0;padding:0.5em 0 0.4em 0;}
	#footer li {
		display: inline;
		padding: 0 0 0 0.3em;
	}
	/* -- Klassen für Links -- */
	.btnUp{padding-left:18px; background: url(btnUp.gif) no-repeat left;}
	.btnPrint{ padding-left:18px; background: url(btnPrint.gif) no-repeat left;}
	.btnRecommend{ padding-left:18px; background: url(btnRecommend.gif) no-repeat left;}
	.btnMail{ padding-left:18px; background: url(btnMail.gif) no-repeat left;}
	.btnPdf{ padding-left:18px; background: url(btnPdf.gif) no-repeat top left;}
	.btnNext{ padding-left:18px; background: url(btnNext.gif) no-repeat left;}
	.btnExt{ padding-left:18px; background: url(btnExt.gif) no-repeat left;}
        /* -- eigene Klassen -- */
	.mail{ padding-left:18px; background: url(btnMail.gif) no-repeat left;}        
        .downloadPdf{ padding-left:18px; background: url(btnPdf.gif) no-repeat top left;}
	.internal-link{ padding-left:18px; background: url(btnNext.gif) no-repeat left;}
	.external-link-new-window, .external-link{ padding-left:18px; background: url(btnExt.gif) no-repeat left;}	
	/* -- Klasse FAQ -- */
	
	.faq{
		font-size: 0.8em;
	}
	.faq dt{
		padding: 0.6em 0 0 0;
		font-weight: 600;
	}
	
	
	/* -- Klasse Box -- */
	
	.textBox{
	padding: 1em;
	margin: 0.5em;
	border: 1px solid #003366;
	clear: both;
	}
	
	
	/* -- Accessibility Kunstgriffe ;-)-- */
	#skipNav, .hide 	{
		position: absolute;
		top: -6000px;
		left: -6000px;
		height: 1px;
		width: 1px;
	}
	#skipNav li	 {
	  font-size: 100%;
	  line-height: 100%;
	  padding: 0;
	  margin: 0;
	}
	#skipNav a:focus, 
	#skipNav a:hover,
	#skipNav a:active
	{
		position: absolute;
		display: block;
		top: 6008px;
		left: 6050px;
		height: auto;
		width: auto;
		font-size: 70%;
		white-space: nowrap;
		color: white;
	}
	
	.csc-textpic-caption{
		font-size: 70%;
	}
