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

html, body {
	height: 100.01%;
}


body {
	background: url(../images/body_bg.png) top left repeat-x;
	color: #0A4157;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 0;
}


#wrapper {
	margin: 0 auto;
	min-height: 600px;
	width: 935px;
}

/**
  * special elements
  *
  */
#failedbox {
	background: url(../images/alertbox.png) top left no-repeat;
/*	display: none; */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	height:55px; /* 135px */
	left:50%;
	margin: 48px 0 0 68px;
	overflow: hidden;
	padding: 46px 35px 44px 28px;
	position:absolute;
	width:177px; /* 240px */
}


/**
  * head elements
  *
  */
#outerhead {
	background: url(../images/outerhead_bg.gif) top left no-repeat;
	float: left;
	height: 480px;
	width: 935px;
}

	#innerhead {
		float: left;
		height: 480px;
		width: 935px;
	}
	
		#logo {
			float: left;
			height: 146px;
			margin: 18px 0 0 0;
			width: 383px;
		}
		
			#logo img {
				border: none;
			}
			
			
		#login {
			color: #5C5C5C;
			float: left;
			font-size: 12px;
			height: 110px; /* 130px */
			padding: 3px 0 8px 9px;
			width: 416px; /* 425px */
		}
		
			#login .langnavi {
				border-bottom: 1px solid #E3E3E3;
				font-size: 11px;
				padding: 0 0 5px 3px;
				width: 350px;
			}
			
				#login .langnavi a {
					color: #5C5C5C;
					padding: 0 3px;
					text-decoration: none;
					text-transform: uppercase;
				}
				
				#login .langnavi a:hover {
					color: #5C5C5C;
					text-decoration: underline;
				}
				
				#login .langnavi a.active {
					color: #5C5C5C;
					font-weight: bold;
				}				
		
			#login form {
				margin: 0;
				padding: 0;
			}
		
			#login label {
				float: left;
				height: 18px;
				line-height: 18px;
			}
			
			
			.textinput {
				background: url(../images/textinput_bg.gif) top left repeat-x;
				border: 1px solid #DBDBDB;
				padding: 4px 3px;
				width: 135px;
			}
			
			#submitbutton_left {
				background: url(../images/submitbutton_left.gif) top left no-repeat;
				float: left;
				height: 26px;
				width: 5px;
			}
			
			#submitbutton_middle {
				background: url(../images/submitbutton_middle.gif) top left repeat-x;
				color: #FFF;
				float: left;
				font-weight: bold;
				height: 26px;
				line-height: 26px;
				padding: 0 3px;
			}
			
			#submitbutton_right {
				background: url(../images/submitbutton_right.gif) top left no-repeat;
				float: left;
				height: 26px;
				width: 5px;
			}			
			
			#login .retrieve {
				color: #BA2E57;
				height: 30px;
				margin: 10px 0 0 0;
				width: 200px;
			}
			
				#login .retrieve a {
					color: #BA2E57;
				}
				
				#login .retrieve a:hover {
					color: #BA2E57;
					text-decoration: none;
				}
  
		#teaser {
			float: right;
			height: 320px;
			margin: 24px 0 0 0;
			overflow: hidden;
			width: 434px;
		}
		
			#teaser h1 {
				color: #14749B;
				font-size: 38px;
				font-weight: normal;
				margin: 0;
				padding: 5px 0;
			}
			
			#teaser h2 {
				color: #BA2E57;
				font-size: 18px;
				font-weight: normal;
				margin: 0;
				padding: 8px 0;
			}
			
			#teaser a {
				color: #14749B;
				text-decoration: none;
			}
	
			#teaser a:hover {
				color: #BA2E57;
				text-decoration: underline;
			}	
			
			
			#teaser .button {
				background: url(../images/teaser_button_bg.png) top left no-repeat;
				color: #1E5260;
				font-size: 23px;
				height: 87px;
				line-height: 87px;
				padding: 0 0 0 60px;
				width: 305px; /* 365px */
			}
			
			#teaser .button:hover {
				background: url(../images/teaser_button_bg_over.png) top left no-repeat;
				color: #ba2e57;
			}
			
 
/**
  * middle elements
  *
  */  
  
#middle {
	background: url(../images/middle_bg.jpg) top left repeat-x;
	float: left;
	font-size: 14px;
	min-height: 365px;
	width: 935px;
}

	#middle p {
		margin: 0;
		padding: 7px 0;
	}
	
	#middle a {
		color: #BA2E57;
	}
	
	#middle .contentrightbutton {
	background: url(../images/contentright_button.png) top left no-repeat;
	font-size: 17px;
	font-weight: bold;
	height: 90px;
	overflow: hidden;
	width: 351px; /* 371px */
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 15px;
	}	

	#content {
		float: left;
		min-height: 342px; /* 365px */
		padding: 23px 10px 0 30px;
		width: 440px; /* 480px */
	}
	
		.png_link_button {
			width: 100%;
		}
		
		.png_link_button img {
			border: none;
		}
	
		#content a {
			text-decoration: underline;
		}

		#content a:hover {
			text-decoration: none;
		}

	
	#contentright {
		float: left;
		min-height: 30px;
		margin: 23px 0 0 0;
		width: 450px; /* 450px */
	}
	
		#contentright a:hover {
		text-decoration: none;
		}	
	
		#innercontentright {
			background: url(../images/contentright_bg.gif) top left repeat-y;
			padding: 0 0 0 30px;
			width: 420px;
		}
	
	
		#contentright ul {
			margin: 4px 0 6px 0;
			padding: 0;
			list-style: none;
		}
		
		#contentright li {
			background: url(../images/contentright_arrow.gif) center left no-repeat;
			margin: 0;
			padding: 3px 0 3px 40px;
		}
		
		#contentright ul.quicklinks a {
			font-size: 16px;
			font-weight: bold;
			text-decoration: none;
		}
		
		#contentright ul.quicklinks a:hover {
			text-decoration: underline;
		}
		
		

  
  
/**
  * footer elements
  *
  */  
  
#bottom {
	color: #66A8BC;
	float: left;
	font-size: 12px;
	height: 50px;
	margin: 15px 0 0 0;
	padding: 0 0 0 30px;
	width: 905px; /* 935px */
}

	#bottom a {
		color: #66A8BC;
		text-decoration: none;
	}
	
	#bottom a:hover {
		color: #66A8BC;
		text-decoration: underline;
	}	

	#bottom .footernavi {
		float: left;
		font-weight: bold;
		height: 20px;
		width: 935px;
	}
	
	#bottom .footernavi a {
		padding: 0 5px;
	}
	
	#bottom .footernavi a.first {
		padding: 0 5px 0 0;
	}
	
	#bottom .copyright {
		float: left;
		font-weight: normal;
		height: 20px;
		width: 935px;
	}