@import url(../templates/tt_news_v2_styles.css);

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;
		font-size: 0.8em;
/*		font-size: 14;*/
	}

	#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:40px;}
	#header h2 span{display:none;}
	/* -- ServiceMenue -- */
	#serviceMenue{
		position: absolute;
		top: 0;
		right: 4px;
		margin: 0.3em 0 2px 0;
		padding: 0 0 0 200px;
		font-size:0.8em;
	}
	#serviceMenue li{
		display: inline;
		padding: 0 0 0 0.4em;
		border-left: 1px solid #003366;
	}
	#serviceMenue li a{
		text-decoration: none;
	}
	#serviceMenue li.first{
		border-left:none;
	}

	/* -- TopMenue -- */

	#topMenue { 
		margin:-1.5em 0 0 240px; 
		padding:0;
		font-size:0.85em;
/*		font-size: 12;*/
	}

	#topMenue 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;
	}
	#topMenue 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 \*/
	#topMenue a {float:none;}
	/* End IE5-Mac hack */
	#topMenue a:hover,#topMenue a:focus{
		color:#333;
	}
	#topMenue #current {
		background-image:url(tab02active.gif);
	}
	#topMenue #current a {
		background-image:url(tab01active.gif);
		color:#333;
	}

	/* -- Wrapper f�r Content & ContextMenue -- */

	#wrapper {
		width: 100%;
	}

	/* -- ContextMenue -- */
	/*Start Navi-contextMenue*/
	
	#contextMenue {
		/*margin-top:-1px;
		background: #003366 url(pic02.jpg) no-repeat;
		color: black;
		width: 190px;
		float: left;
		display: inline;
		position: relative;
		margin-left: -240px;*/
		
		margin: -1px 0 0 -240px;
		background: #003366 url(pic02.jpg) no-repeat;
		color: black;
		width: 190px;
		float:left;
		display: inline;
		position: relative;
	}
	
	#level1 {
		background: #003366 url(pic02.jpg) no-repeat;
	}
	
	#contextMenue li.level1-no {
		margin:0;
		padding:0;
		display: inline;
/*		font-size: 0.9em;*/
		line-height: 1.9em;		
	}
	
	#contextMenue li.level1-no 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;
	}
	
	#contextMenue li.level1-no a:hover, #contextMenue li.level1-no a:focus{
		background: #9F9F9F url(arrowrighthover.gif) no-repeat 0.5em 0.6em;
		color: white;
	}
	
	#contextMenue li.level1-act {
		margin:0;
		padding:0;
		display: inline;
/*		font-size: 0.8em;*/
		line-height: 1.9em;		
		height: 1.9em;
		padding: 0 0 0 1.5em;
		margin:0;
		background: #BBBBBB url(arrowdownhi.gif) no-repeat 0.5em 0.6em;
		display:block;
		border-bottom: 1px solid #9B9B9B;
	}
	
	#contextMenue li.level1-act a {
		height: 1.95em;
		margin:0;
		color:black;
		text-decoration: none;
		border-bottom: 1px solid #9B9B9B;
		display:block;
	}
	
	#contextMenue li.level1-act a:hover, #contextMenue li.level1-act a:focus{
		background: #BBBBBB;
		color:black;
	}
	
	#contextMenue li.level2-no {
		margin: 0;
		padding: 0;
		display: inline;
		font-size: 1.0em;
		line-height: 1.2em;
		background-color: #CCCCCC;
		list-style-type: none;
		color: black;
	}
	
	#contextMenue li.level2-no a {
		padding: 0 0 0 2.1em;
		height: 1.2em;
		color:black;
		text-decoration: none;
		background: #CCCCCC;
		display:block;
		border: 0;
	}
	
	#contextMenue li.level2-no a:hover, #contextMenue li.level2-no li a:focus{
		padding: 0 0 0 2.1em;
		background: #9F9F9F;
		color:black;
	}
	
	#contextMenue li.level2-act {
		margin: 0;
		padding: 0;
		display: inline;
		font-size: 1.0em;
		line-height: 1.2em;
		background-color: #CCCCCC;
		list-style-type: none;
		color: black;
	}
	
	#contextMenue li.level2-act a {
		padding: 0 0 0 2.1em;
		height: 1.2em;
		color:black;
		text-decoration: none;
		background: #CCCCCC;
		display:block;
		border: 0;
		font-weight: bold;
	}
		
	#contextMenue ul{
		margin:166px 0 0 0;
		list-style: none;
  		padding: 0;
		background-color: #BBBBBB
	}
	
	#contextMenue ul ul{
		margin: 0;
		padding: 0;
		border:0;
		background-color: #CCCCCC;
	}
	
	/* -- Formatanweisungen fuer Inhalte-- */
	#content {
		margin-bottom: 10px;
		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: 1.0em;
		margin: 0.4em 0 0.7em 0;
	}
	
	#content ul{
		font-size: 0.8em;
		line-height: 1.4em;
	}	

/* --Ueberschriften -- */
	h1{
		font-size: 20;
	}
	#content h2{
		letter-spacing: 0.1em;
		font-weight: 900;
		font-size: 1.6em;
		clear:both;
	}
	.firsth2{
		position: relative;
		left: -35px;
		padding: 0.05em 0 0 32px;
		background: url( wegzeichenOben.gif) no-repeat left;
		line-height: 1.3em;
	}
	h1.csc-firstHeader{
		position: relative;
		left: -35px;
		padding: 0.05em 0 0 32px;
		background: url( wegzeichenOben.gif) no-repeat left;
		line-height: 1.3em;
		font-size: 26;
	}
	.csc-firstHeader{
		position: relative;
		left: -35px;
		padding: 0.05em 0 0 32px;
		background: url( wegzeichenOben.gif) no-repeat left;
		line-height: 1.3em;
	}
	#content h3{
		letter-spacing: 0.1em;
		font-size: 1.2em;
		font-weight: 700;
		clear:both;
	}
	#content h4,
	#content h5 {
  		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;	
	}
	
	#breadcrumb p a {
		text-decoration: none;		
	}
	/* -- Footer-- */
	#footer {
		clear:both;
		padding: 0;
		margin: 10px 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;}
	/* -- 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;
	}