@charset "utf-8";
/* CSS Document */

html { overflow-y:  scroll; }

body {
	background: url(../images/page/backr.png) repeat;
	font-size:12px;
	line-height: 16px;
	font-family: Arial, Helvetica, sans-seriff;
	/*font-family: 'Lucida Sans', Verdana, Arial, sans-serif;
	Trebuchet MS */
	margin:0;
	padding:0;
}

/*#####################################*/
/*-- Format_berschriften_Links_Pics --*/
/*#####################################*/
img {
	border: 0px;
	vertical-align: top;
	padding:0;
	margin:0;
	float: none;
}

h1 {
	font-size:16px;
	font-weight: bold;
	color:#000000;
	height:19px;
	/*color: #002967;
	border-bottom: #002967 1px solid;
	height:30px;*/
	margin: 0px 0 10px 0;
	padding: 3px 0 0 18px;
	background: url(../images/list_type/arrow_list.png) center left no-repeat;
	border-bottom: #00209F 1px solid;
}
h2 {
	font-size:14px;
	font-weight: bold;
	color:#00209F;
	/*color: #002967;
	border-bottom: #002967 1px solid;
	height:30px;*/
	margin: 0px 0 0px 0;
	padding: 0;
}

/*p {
	margin:0;
	padding:0;
}
*/
.language {
	padding: 3px 0 0 3px ;
	width: 16px;
	height: 11px;
}

fieldset {
	border:1px groove #00209F;
	font-size:14px;
	padding: 0px 10px 10px 10px;
/*	background-color: #E2E0FE;
*/}
legend {
	font-weight:bold;
}

/*##########################*/
/* -------- layout ---------*/
/*##########################*/
#backr {
	background: url(../images/page/back_verlauf.png) bottom repeat-x;
}
#page {
	width: 948px;
	margin: auto;
	padding: auto;
}
	#page_top {
		clear:both;
		padding-top:15px;
		height: 33px;
		background: url(../images/page/page_top.png) no-repeat left bottom;
	}	
	#page_borders {
		clear:both;
		background: url(../images/page/page_borders.png) repeat-y left top;
	}	
	#page_bottom {
		clear:both;
		height:90px;
		background: url(../images/page/page_bottom.png) no-repeat left top;
	}

#area_content {
	clear:both;
	width: 910px;
	margin: auto;
	padding: auto;
}

	/*##########################*/
	/* -------- HEADER ---------*/
	/*##########################*/
	#header_all {
		clear:both;
		height: 176px;
	}
		#header_left {
			width:177px;		
			float:left; 
		}
			#header_metsoft {
				margin-top:-14px;
				height: 176px;
				background: url(../images/header/metsoft_logo.png) no-repeat left top;
			}
			
		#header_right {
			width:733px;		
			float:left; 
		}
			#header_desc {
				margin-top:-14px;
				height: 128px;
				background: url(../images/header/header.png) no-repeat left top #FFFFFF;
			}
		/*##########################*/
		/* --- HEADER-NAVI_OBEN  ---*/
		/*##########################*/
		/*#menu_color {
			clear:both;
			width:760px;
			height:29px;
			padding-top: 0px;
			margin-top: 0px;
			background-color: #FF8023;
			text-align: right;	
		}*/
		#menulinks {
			height:48px;
			padding: 0 20px 0 0px;
			background: url(../images/menu_main/menu_back.png) repeat-x left top;
			text-align:left;
		}		
			#menulinks a {
				padding-left:11px;
				height:34px;
				color: #000000;
				/*font-variant: small-caps;*/
				text-decoration:none;
				float:right;
				font-size:15px;
				font-weight: bold;
				margin: 0px;
			}
				#menulinks a span {
					padding-left:9px;
					padding-right:20px;
					padding-top:6px;
					height:27px;
					display:block;
					cursor:pointer;
				  }
			#menulinks a:hover, #menulinks a.active {
				background: url(../images/menu_main/menu_over.png) repeat-x left top;
				text-decoration:none;
				color: #FFFFFF;
			}
				#menulinks a:hover span, #menulinks a.active span {
					/*background: url(../images/menu_main/menu_trenn.png) no-repeat right top;*/
					color:#FFFFFF;
				}
		#menutrenn {
			float: right;
			display:block;
			height:48px;
			width: 2px;
			background: url(../images/menu_main/menu_trenn.png) no-repeat left top;
		}
			
	/*##########################*/
	/* ---- layout-content -----*/
	/*##########################*/
	#main_area {
		clear:both;
		padding: 0px 0 0 0;
	}
		#rootline {
			clear:both;
			text-align: left;
			font-size:12px;
			font-weight: normal;
			color:#C;
			margin: -20px 0 0 0;
			padding: 0 0 25px 140px;
		}
			#rootline a {
				font-size:10px;
				font-weight: normal;
				color:#00209F;
				text-decoration: none;
			}
				#rootline a:hover, #rootline a.active {
					color: #FFFFFF;
					text-decoration:none;
				}
		#print_lang {
			clear:both;
			height: 22px;
			text-align: right;
			padding: 0 20px 0 0;
		}
		
		#main_left {
			float:left;
			padding: 0 0 15px 15px;
			width: 190px;
		}
			#sub_menu {
				clear:both;
				padding: 0 0 15px 0px;
			}
				#sub_head {
					padding: 0;
					height: 20px;
					background: url(../images/page/news_top.png) top left no-repeat;
					font-weight:bold;
					font-size:15px;
					color: #000000;
				}
				#sub_content {
					padding: 0;
					padding: 0px 15px 0px 15px;
					margin-top: 0px;
					text-align: left;
					background: url(../images/page/news_middle.png) top left repeat-y;
				}
					#sub_content a {
						color: #000000;
						display: block;
						border-bottom: 1px #FFFFFF dotted;
						border-top: 1px #FFFFFF dotted;
						padding: 2px 15px 2px 0px;
						text-decoration: none;
						font-weight: normal;
						font-size: 13px;
					}
						#sub_content a:hover, #sub_content a.active {
							color: #00209F;
							padding: 2px 15px 2px 0px;
							text-decoration: none;						
							border-bottom: 1px #BBBBBB solid;
							border-top: 1px #BBBBBB solid;
							background: url(../images/list_type/arrow_list.png) center right no-repeat;
						}
				#sub_bottom {
					padding: 0px;
					width: 190px;
					height:20px;
					background: url(../images/page/news_bottom.png) top left no-repeat;
				}

							
			#news{
				padding: 0 0 15px 0px;
			}
				#news_head {
					padding: 0;
					height: 20px;
					background: url(../images/page/news_top.png) top left no-repeat;
					font-weight:bold;
					font-size:15px;
					color: #000000;
				}
					#news_head_h1 {
						background: url(../images/list_type/arrow_list.png) center left no-repeat;
						padding: 0px 0 0 0px;
					}
				#news_content {
					padding: 0px 15px 0px 15px;
					margin-top: 0px;
					text-align: left;
					background: url(../images/page/news_middle.png) top left repeat-y;
				}
					#news_content p, #news_content span  {
						padding: 0px;
						margin: 10px 0 0px 0px;
					}
					#news_content p a {
						color: #00209F;
						text-decoration: underline;
						font-size:12px;
						font-weight: normal;
					}
					#news_content p a:hover {
						text-decoration: none;
					}
					.tx-mininews-pi1-fp_listrowField-datetime {
						padding: 10px 0px 0px 0px;
						color:#FF9510;
						font-weight:bold;
					}
					.tx-mininews-pi1-listrowField-datetime {
						color:#FF9510;
						margin:0;
						font-weight:bold;
					}
					.tx-mininews-pi1-listrow div  {
						margin: 10px 0 0 0;
						padding: 0px 0 0 0;
						border-top: solid #999999 1px;
					}
					.tx-mininews-pi1-listrow div p {
						margin: 0px 0 0 0;
						padding: 0px 0 0 0;
					}
					
				#news_bottom {
					clear:both;
					padding: 0px;
					width: 190px;
					height:20px;
					background: url(../images/page/news_bottom.png) top left no-repeat;
				}
			
		#main_right {
			padding: 0 15px 20px 0px;
			float: right;
		}
			#main_content_box_top {
				clear:both;
				width: 675px;
				height:20px;
				background: url(../images/content_box/content_layer_top.png) top left no-repeat; 
			}
			#main_content_box_middle {
				clear:both;
				width: 675px;
				background: url(../images/content_box/content_layer_middle.png) top left repeat-y; 
			}
				#main_content {
					float:left;					
					width: 645px;
					text-align: left;
					font-size:12px;
					padding: 0px 15px 0px 15px;
					background: #FFFFFF url(../images/content_box/content_layer_middle.png) top left repeat-y;
				}
						#main_content a {
							color: #00209F;
							text-decoration: underline;
							font-size:12px;
							font-weight: normal;
						}
							#main_content a:hover {
								text-decoration:none;
							}
			#main_content_box_buttom {
				clear:both;
				width: 675px;
				height: 40px;
				background: url(../images/content_box/content_layer_buttom.png) top left no-repeat; 
			}
	/*##########################*/
	/* ---- layout-footlink ----*/
	/*##########################*/
	#imp_menu {
		clear:both;
		height:35px;
		/*background:#002967;*/
		text-align:right;
		padding: 0 20px 0 0;
		font-size:11px;
	}
	#imp_color {
		clear:both;
		height:20px;
		/*background: #FF9510;*/
	}
		#imp_menu a {
			display:block;
			color: #000000;
			padding: 0 10px 0 10px;
			text-decoration:none;
			float:right;
			font-size:14px;
			font-variant:  small-caps;
			font-weight: bold;
		}
			#imp_menu a:hover, #imp_menu a.active {
				color: #FFFFFF;
			}
		
		.imp_menuline {
			width: 1px;
			height: 15px;
			float: right;
			display:block;
			background: #FFFFFF;
		}