/*  === ddnae_content_layout.css === */

h1 {
  display: block;
  font-size: 2em;
  font-weight: bold;
  margin: .67em 0;
}

h2 {
  display: block;
  font-size: 1.5em;
  font-weight: bold;
  margin: .83em 0;
}

h3 {
  display: block;
  font-size: 1.17em;
  font-weight: bold;
  margin: 1em 0;
}

h4 {
  display: block;
	font-size: 1em;
  font-weight: bold;
  margin: 1.33em 0;
}

h5 {
  display: block;
  font-size: 0.83em;
  font-weight: bold;
  margin: 1.67em 0;
}

h6 {
  display: block;
  font-size: 0.67em;
  font-weight: bold;
  margin: 2.33em 0;
}
	
	/* --- general --- */
	body {
		text-align:center; /* IE center centerbox */
		padding-top:20px;
		 font-family:Helvetica, Arial, sans-serif; 	
		/* font-family:"HelveticaNeue MediumCond", Helvetica, Arial, sans-serif; 
		letter-spacing:0.09em; */
		font-size:80%;
	}
	table{
		margin:auto;
	}

	body > table {
		width:848px;
		height:601px;
	}
	
	td {
		text-align:left; 
		vertical-align:top;
		empty-cells:show;
	}

	img {
		border-width:0px;
	}

	
	/* --- START Page ---- */
	td.start_navi {
		height:243px;
		background-image:url(../pics/start_verlauf.jpg);
		background-position:center center;
		background-repeat:no-repeat;
	}
	
	td.start_navi div {
			font-size:1.4em;
			color:#ffffff;
	}

	
	
	/* --- borders --- */
	.border_trl{
		border:1px solid #84a6bd;
		border-bottom-width:0px;
	}
	
	.border_brl{
		border:1px solid #84a6bd;
		border-top-width:0px;
	}
	.border_lb{
		border:1px solid #84a6bd;
		border-top-width:0px;
		border-right-width:0px;
	}
	.border_rb{
		border:1px solid #84a6bd;
		border-top-width:0px;
		border-left-width:0px;
	}
	
	.border_rl{
		border:1px solid #84a6bd;
		border-top-width:0px;
		border-bottom-width:0px;
	}
	
	
	
	/* --- shadows ---*/
	td.shadow_r {
		text-align:left;
		width:13px;
		background-image:url(../pics/shadow_rm.gif); 
		background-position:top; 
		background-repeat:repeat-y
	}
	td.shadow_b {
		text-align:left;
		height:13px;
		background-image:url(../pics/shadow_bm.gif); 
		background-position:top; 
		background-repeat:repeat-x;
	}
	
		/* --- page header--- */
	#head {
		height: 104px;
		background-image: url(../pics/bg_head.jpg);
		background-repeat:no-repeat;
		background-color:#ffffff;
	}
	
	#head img {
		margin:21px 48px 0px 48px; /* 18px 84px 0px 48px; */
	}
	
	#head span {
		margin:0px 0px 0px 29px;
		vertical-align:text-bottom;
		font-size:33px;
		font-weight:bold;
		color:#fffffd;
		line-height:1.6;
	}
	
	/* --- content box --- */
	#content{
		background-color: #f7feff; 
	} 
	#content div.content {
		width:612px;
		height:34em;
		overflow:auto;
		overflowX:hidden; /* IE HACK */
		margin: 24px 0 2px 0;
		padding: 0px 20px 24px 30px;
	}
	/* -------- navi ---------- */
	#navi{
		background-color: #ADBADA;
		height:100%;
	}
	
	#navi ul {
		 background-color: transparent;
     list-style-type:none;
		 padding: 0;
		 margin: 0;
		 }
		 
	#navi li {
		background-color: transparent;
		padding: 0;
		margin: 0;
		width: 168px;
		 }
	
	#navi  a, #navi span {
		 display:block;
		 text-decoration: none;
		 padding: 2px 7px 2px 15px;
		 border: 0px solid #84a6bd;
		 border-top-width:1px;
		 border-right-width:1px;
		 margin: 0;
		 width: 146px;
		 font-weight:bold;
		 background-position:1px;
		 background-repeat:no-repeat;
		 }
		 

	
	#navi ul a:link, #navi ul a:visited {
		 color:#ffffff;
		 background-color: #6480B2;
		 		
		 }
		 
	#navi ul a:hover, #navi ul a:focus,  #navi ul a:link.active, #navi ul a:visited.active {
		background-color:#9CB3D9;
		color:#FFFFFF; 	
	}

	#navi ul .active {
		background-image: url(../pics/arrow_white.gif);
	}
	
	#navi ul a.funcnavi:link, #navi ul a.funcnavi:visited {
		 color:#ffffff;
		 background-color: #8485BD;
	}
		 
	#navi ul a.funcnavi:hover, #navi ul a.funcnavi:focus {
		background-color:#FFFFFF;
		color:#6480B2;
	}
		 
	/*  -- submenu 1 = menu-level-2 ---*/
	#navi ul li.menu-level-2 a, #navi ul li.menu-level-2 a.active  {
		padding-left:24px;
	  background-position:10px;
		width:137px;
		font-weight:normal;
	}

	#navi ul li.menu-level-2 a:link, #navi ul li.menu-level-2 a:visited {
		color:#25497D; 
		background-color:#BFD9D8;
		 /* background-color: #BFD9D8; #DCE4F0; */
	}
	
	#navi ul li.menu-level-2 a:hover, #navi ul li.menu-level-2 a:focus, #navi ul li.menu-level-2 a:link.active, #navi ul li.menu-level-2 a:visited.active  {
		color:#6480B2;
		background-color: #FFFFFF;
	}

	#navi ul li.menu-level-2 a.active  {
		background-image: url(../pics/arrow_lightblue.gif);
	}

	/*  -- submenu 2 = menu-level-3 --- */
	#navi ul li.menu-level-3 a, #navi ul li.menu-level-3 a.active  {
		padding-left:33px;
	  background-position:20px;
		width:128px;
		font-weight:normal;
	}

	#navi ul li.menu-level-3 a:link, #navi ul li.menu-level-3 a:visited {
		color:#6480B2; 
		background-color:#FFFFFF;
		 /* background-color: #BFD9D8; #DCE4F0; */
	}
	
	#navi ul li.menu-level-3 a:hover, #navi ul li.menu-level-3 a:focus, #navi ul li.menu-level-3 a:link.active, #navi ul li.menu-level-3 a:visited.active  {
		color:#6480B2;
		background-color: #EFF7FF;
	}

	#navi ul li.menu-level-3 a.active  {
		background-image: url(../pics/arrow_lightblue.gif);
	}

	/*  -- submenu 2 article list = menu-level-4 --- */
	#navi ul li.menu-level-3 ul.articleList span{
		color:#6480B2;
		background-color: #EFF7FF;
	}
	
	#navi ul li.menu-level-3 ul.articleList a, #navi ul li.menu-level-3 ul.articleList span.active  {
		padding-left:42px;
	  background-position:30px;
		width:119px;
		font-weight:normal;
	}
	
	#navi ul li.menu-level-3 ul.articleList span.active  {
		background-image: url(../pics/arrow_lightblue.gif);
	}


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

	#content table.loginoff {
		margin:auto;
		width:50%;
		padding:10px 30px;
		border:1px solid #84a6bd;
		background-color:#9CB3D9;
	}

	.logininfo{
		color:#9DA4B2;
	}
	.logininfo a{
		color:#9CB3D9;
	}