/* CSS Document */

/* ---------------- BODY ---------------- */
body {
	margin: 0px;
	padding: 0px;

	font-size: 10px;
	
	color: #333333;
}

.clear {
	clear: both;
	height: 0; 
}

#page, div.pageFourCollumns {
	margin: 0 auto 0px;
	padding: 0px;
	text-align: left;
	width: 985px;	
	margin-top: 0px;
}

/* ------------------------------- H E A D ---------------------------------- */

#overTop {
	width: 985px;
	float: left;
	clear: both;	
	display: inline;	
	margin-top: 10px;	
	margin-bottom: 14px;
	
	text-align: right;
}

#overTop a {
	font-size:13px;	
	color: #666;
	font-weight: bold;
	text-decoration:none;
	line-height: 20px;
	
	margin: 0px 0px 0px 10px;
}

#overTop a img {
	vertical-align:middle;
}


#overTop a.decent {
	color: #999;
}
#overTop a.move_to_top {
	margin-top: -8px;
}

#top {
	width: 985px;
	float: left;
	clear: both;	
	display: inline;	
	margin-bottom: 11px;
	position: relative;
}

#top #top_logo {
	float: left;
	clear: both;
	margin-bottom: 20px;
	display: inline;
	background-image: url(images/main/pattern.png);
	background-repeat: no-repeat;
	height: 140px;
	width: 985px;	
	padding-top:10px;
}

#top #top_logo #top_logo_logo {
	width: 370px;
	float: left;	
	display: inline;
	padding-top:15px;
	padding-left: 10px;
}

#top #top_logo #top_logo_text, #top #top_logo #top_logo_text_2  {
	width: 450px;
	float: left;	
	display: inline;
}

#top #top_logo #top_logo_text_2 {
	width: 150px;	
	padding-top:22px;	
}

#top #top_logo #top_logo_text div, #top #top_logo #top_logo_text_2 div {
    font-family: 'btpnormal';	
	font-size: 16px;
	line-height: 24px;	
	color: #fff;	
}



#top #top_logo #top_logo_text div.dark, #top #top_logo #top_logo_text_2 div.dark {
	color: #283346;
}

#top #top_logo #top_logo_text div.larger, #top #top_logo #top_logo_text_2 div.larger {
	font-size: 20px;
}


/* Navifgation oben */

#navtop {
	width: 981px;
	float: left;
	clear: both;	
	padding:2px;
	display: inline;		
	
	min-height:30px;
    height:auto !important;  /* für moderne Browser */
    height:30px;  /*für den IE */	
}

#navtop a {
    font-family: 'btpnormal';	
	font-size:17px;
	
	color: #1C81A0;
	color: #283346;

	text-decoration:none;
	line-height: 21px;
	float: left;
	
	margin: 4px 12px 3px 6px;	
}

#navtop a.selected {
	color: #E65A01;
}

#navtop a:hover {
	color: #0096B2;
}


#mainLeft, #mainMiddle, #mainRight {
	padding-top:20px;	
}

#mainLeft {
	float: left;
	display: inline;		
	width: 175px;			
}

#mainMiddle {
	float: left;	
	display: inline;	
	width: 613px;		
	
	margin-left: 11px;						
	margin-bottom:11px;			
	
}

#mainMiddleContent, #mainMiddleBottom, #mainMiddleBase {
	float: left;	
	display: inline;
	clear: both;		
	width: 613px;		
	
	margin-left: 0px;							
	padding:0px;	
}

#mainMiddleContent {
	min-height: 940px;
    height:auto !important;
    height:940px; 
	
}

#mainMiddleBottom {	
	padding:10px;	
	width: 593px;			
	margin-top:15px;
	
	text-align: center;
}

#mainMiddleBottom a {
    font-family: 'btpnormal';	
	font-size:13px;
	
	color: #666;
	text-decoration:none;
	padding: 0px 10px 0px 10px;
}

#mainMiddleBottom a:hover {
	text-decoration:underline;
}


.pageFourCollumns #mainMiddleContent, .pageFourCollumns #mainMiddle {
	width: 427px;	/* 613 - 186 */
}

.pageFourCollumns #mainMiddleBottom, .pageFourCollumns #mainMiddleBase {
	width: 407px;	/* 613 - 186 */
}

/* base*/

#mainMiddleBase  {
	clear: both;	
	text-align:center;	
	margin-top: 10px;
	display: inline;	
}

#mainMiddleBase a {
    font-family: 'btpnormal';	
	font-size:13px;
	
	color: #666;
	text-decoration:none;
	line-height: 22px;
	padding: 10px;	
}

#mainMiddleBase a:hover {
	text-decoration:underline;
}

#mainRight {	
	width: 186px;	
	float: left;	
	display: inline;	
}

.pageFourCollumns #mainRight {	
	width: 372px;
	display: inline;		
}

#mainRight div.doubleCollumn, div.singleCollumn {	
	width: 175px;
	float: left;	
	clear: none;
	display: inline;	
	margin-left: 11px;	
	position: relative;  
}

#mainRight div.doubleCollumn {	
	width: 361px;	
	clear: both;						
	padding:0px;		
	margin-bottom: 11px;	
}

#mainRight div.doubleCollumn div.container {	
	width: 341px;	
	clear: both;						
	padding:10px;		

	/* NEU */
	padding-top: 3px;		
}

#mainRight div.doubleCollumn div.container div.row {
	display: inline; 
	float: left; 
	clear: both; 

	margin-bottom: 4px;		
}

.newsRow {
	min-height:90px;
    height:auto !important;  /* für moderne Browser */
    height:90px;  /*für den IE */	
}

.personRow {
	min-height:90px;
    height:auto !important;  /* für moderne Browser */
    height:90px;  /*für den IE */	
}

.personRow p {
	font-size: 11px;
	line-height: 16px;
}



.personRow:hover {
	cursor: pointer;
}

.nohover {
}

.nohover:hover {
	cursor:auto;
}

#mainMiddle #keynote_page .row {
	margin-bottom:10px;
	clear: both;
}

#mainMiddle #keynote_page .row .personRow {
	padding:6px;
	width: 267px;
	float:left;
	clear:none;
	margin-left: 10px;	
	background-color:#F2F2F2;	
	
	border: 1px;
	border-style: solid;
	border-color: #cccccc;		
}

#mainMiddle #keynote_page .row .personRow:hover {
	background-color:#fff;
}

#mainMiddle #keynote_page .row .nohover:hover {
	background-color:#F2F2F2;
}

#mainMiddle #keynote_page .row .personRow:first-child {
	margin-left: 0px;
}


#mainRight div.doubleCollumn div.container div.row div.left, #mainMiddle #keynote_page .row .personRow div.left {
	width: 85px; 
	display: inline; 
	float: left; 
	clear: none; 		margin-left: 10px; 
}

#mainMiddle #keynote_page .row .personRow div.left {
	width: 80px; 	
}

#mainRight div.doubleCollumn div.container div.personRow div.left img, #mainMiddle #keynote_page .row .personRow div.left img {
	border: 1px;
	border-style: solid;
	border-color: #B9B9B9;
}

#mainRight div.doubleCollumn div.container div.row div.right, #mainMiddle #keynote_page .row .personRow div.right {

	width: 245px; 	
	display: inline; 
	float: left; 
	clear: none; 	
}

#mainMiddle #keynote_page .row .personRow div.right {
	width: 174px; 		
}

#mainMiddle #keynote_page .row .personRow div.right p {
	font-size: 12px;
	line-height: 18px;	
}

#mainRight div.doubleCollumn div.container div.row div.right a,  #mainMiddle #keynote_page .row .personRow div.right a {
	color: #333;	
}

#mainMiddleContent {
	min-height: 840px;
    height:auto !important;
    height: 840px; 


	display: inline;		
}	
	
#mainLeft div.navItem {
	float: left;	
	display: inline;
	clear: both;		
	width: 155px;	/* 175 */
	
	padding: 0px 0px 5px 0px;
	margin-bottom: 10px;

}

#mainLeft div.navItem a {
    font-family: 'btpnormal';		
	font-size: 13px;
	color: #283346;
	text-decoration: none;	
	line-height: 16px;	
}

#mainLeft div.navItem  a:hover {
	color: #0096B2;
}

#mainLeft div.navItem a.selected {
	color: #E65A01;
}

#mainLeft div.subNavItem {
	margin-top: -10px;
	padding-left: 20px;	
	width: 145px;	/* 175 */	
	padding-top: 4px;
	padding-bottom: 4px;			
}

#mainLeft div.subNavItem a {
	font-size: 11px;	
}

/* mainMiddle-Unterteilungen */

#mainMiddleContent div.norm, div.content-box_dotted, div.content-box_special  {
	width: 573px;		
	float: left;	
	clear: both;
	display: inline;			
	margin-left: 20px;
}


div.content-box_special {
	background-color: #efefef;	
}

#mainMiddleContent div.norm div.contentFourCollumns, #mainMiddleContent div.norm div.contentThreeCollumns, #mainMiddleContent div.norm div.contentTwoCollumns {

}


#mainMiddleContent div.norm div.contentFourCollumns div, #mainMiddleContent div.norm div.contentThreeCollumns div, #mainMiddleContent div.norm div.contentTwoCollumns div{	
	float: left;	
	display: inline;			
	margin-left: 10px;
	margin-bottom: 20px;	
}

#mainMiddleContent div.norm div.contentFourCollumns div {	
	width: 135px;	
}

#mainMiddleContent div.norm div.contentThreeCollumns div {	
	width: 184px;	
}

#mainMiddleContent div.norm div.contentTwoCollumns div {
	width: 276px;	
}

#mainMiddleContent div.norm div.contentFourCollumns div:first-child, #mainMiddleContent div.norm div.contentThreeCollumns div:first-child, 	#mainMiddleContent div.norm div.contentTwoCollumns div:first-child	 {
	margin-left: 0px;
}

#mainMiddleContent div.norm div.contentFourCollumns p, #mainMiddleContent div.norm div.contentThreeCollumns p, #mainMiddleContent div.norm div.contentTwoCollumns p {
	font-size: 11px;
	line-height: 13px;
	padding: 2px;
	height:33px;
}



.pageFourCollumns #mainMiddleContent div.norm {		
	width: 390px;				
}

div.content-box_dotted  {
	width: 561px;	
		
	border: 1px; 
	border-style: dotted; 
	border-color: #cccccc;	
		
	margin-bottom: 20px;
	margin-top: 5px;	
	padding: 7px;
						
}

div.content-box_dotted:hover {
	background-color:  #ffffff;	
	border-color: #FF6800;		
}  

div.content-box_dotted div.full, div.content-box_dotted div.left, div.content-box_dotted div.right {
	display: inline;			
	margin-left: 0px;
	float: left;	
	clear: none;		
}

div.content-box_dotted div.full {
	width: 548px;			
	clear: both;	
}

div.content-box_dotted div.left {
	width: 117px;				
	font-weight: bold;
}

div.content-box_dotted div.right {
	width: 410px;		
	margin-left: 20px;	
}

#mainMiddle div.norm div.left, #mainMiddle div.norm div.right {
	width: 265px;	
	float: left;	
	display: inline;			
	margin-left: 0px;
}

#mainMiddle div.norm div.right {		
	margin-left: 20px;
}



div.whiteBg {
	background-color:#FFFFFF;
}

div.cyanBg {
	background-color: #00AEB9;
}

div.orangeBg {
	background-color: #FF6800;
}

.ela_col_1 {
	background-color: #E65A01;	
}

.ela_col_2 {
	background-color: #007B79;	
}

.ela_col_3 {
	background-color: #F6A029;	
}

.ela_col_4 {
	background-color: #0096B2;	
}

.ela_col_5 {
	background-color: #EF6C38;	
}

.ela_col_gray{
	background-color: #E8E8E8;
}