@import url(/tmpl/base/styles/master.css);
@import url(/tmpl/base/styles/common.css);

@import url(/tmpl/kmuinvest/styles/01_system.css);
/* @import url(/tmpl/kmuinvest/styles/02_modules/cms.css); */
@import url(/tmpl/kmuinvest/styles/02_modules/newsgroup.css);
@import url(/tmpl/kmuinvest/styles/02_modules/user.css);
@import url(/tmpl/kmuinvest/styles/03_plugins/deprecated.css);
@import url(/tmpl/kmuinvest/styles/04_content.css);

/* ################### BODY #################### */

body {
	padding: 0;
	margin: 0;
	background: #cccccc; #c1c1c1;
}

/* ################### FONTS #################### */

body {
	font-family: Helvetica, Arial, sans-serif; /* [[MAIN_FONT_FAMILY]] */;
	font-size: 14px; /* [[MAIN_FONT_SIZE]] */;
	color: #333; /* [[MAIN_COLOR]] */;
}
td, li, a, div {
	font-family: inherit;
	font-size: inherit;
	color: inherit;
	letter-spacing: 0pt;
}

/* ################### TAGS #################### */

body, td, p, div {
	margin: 0;
	padding: 0;
}

a {
	color: #ffa500; /* [[MAIN_LINK_COLOR]] */;
	text-decoration: none;
	padding: 0;
	margin: 0;
	font-weight: bold;
}
	a:hover {
		text-decoration: underline;
		color: #ffa500; /* [[MAIN_LINK_COLOR_HIGHLIGHT]] */;
	}
	.marked a,
	.marked2 a {
		text-decoration: none;
	}

img {
	border-width: 0px;
}

ul {
	list-style: disc outside url(/tmpl/kmuinvest/img/layout/listitem.gif);
	margin: 0;
	padding: 0;
}
	li {
		color: #333; /* [[MAIN_COLOR]] */;
		font-family: Helvetica, Arial, sans-serif; /* [[MAIN_FONT_FAMILY]] */;
	}

p {
	color: 				#333; /* [[MAIN_COLOR]] */;
	font-family: 		Helvetica, Arial, sans-serif; /* [[MAIN_FONT_FAMILY]] */;
	font-size: 			14px; /* [[MAIN_FONT_SIZE]] */;
}
span {
	color: 				#333; /* [[MAIN_COLOR]] */;
	font-family: 		Helvetica, Arial, sans-serif; /* [[MAIN_FONT_FAMILY]] */;
	font-size: 			14px; /* [[MAIN_FONT_SIZE]] */;
}

small {
	color: 				#333; /* [[MAIN_COLOR]] */;
	font-family: 		Helvetica, Arial, sans-serif; /* [[MAIN_FONT_FAMILY]] */;
	font-size: 			12px;
}

h1 {
	font-family: 		Helvetica, Arial, sans-serif; /* [[HEADLINE_FONT_FAMILY]] */;
	color: 				#ffa500; /* [[HEADLINE_COLOR_FAMILY]] */;
	font-size: 			22px; /* [[HEADLINE_FONT_SIZE]] */;
	font-weight: 		normal; /* [[HEADLINE_FONT_WEIGHT]] */;
	font-style: 		normal; /* [[HEADLINE_FONT_STYLE]] */;
	margin: 			0 0 10px 0; /* [[HEADLINE_MARGIN]] */;
	display: 			block; /* [[HEADLINE_DISPLAY]] */;
	letter-spacing: 	0; /* [[HEADLINE_LETTER_SPACING]] */;
	padding: 			0;
	clear: 				both;
	float:				none;
}

h2 {
	font-family: 		Helvetica, Arial, sans-serif; /* [[SUB_HEADLINE_FONT_FAMILY]] */;
	color: 				#ffa500; /* [[SUB_HEADLINE_COLOR]] */;
	font-size: 			20px; /* [[SUB_HEADLINE_FONT_SIZE]] */;
	font-weight: 		normal; /* [[SUB_HEADLINE_FONT_WEIGHT]] */;
	font-style: 		normal; /* [[SUB_HEADLINE_FONT_STYLE]] */;
	margin: 			10px 0 10px 0; /* [[SUB_HEADLINE_MARGIN]] */;
	display: 			block; /* [[SUB_HEADLINE_DISPLAY]] */;
	letter-spacing: 	0; /* [[SUB_HEADLINE_LETTER_SPACING]] */;
	padding: 			0 0 0 0;
	clear: 				both;
	float: 				none;
}

h3 {
	font-family: 		Helvetica, Arial, sans-serif; /* [[SUB_SUB_HEADLINE_FONT_FAMILY]] */;
	color: 				#ffa500; /* [[SUB_SUB_HEADLINE_COLOR]] */;
	font-size: 			16px; /* [[SUB_SUB_HEADLINE_FONT_SIZE]] */;
	font-weight: 		bold; /* [[SUB_SUB_HEADLINE_FONT_WEIGHT]] */;
	font-style: 		normal; /* [[SUB_SUB_HEADLINE_FONT_STYLE]] */;
	margin: 			10px 0 10px 0; /* [[SUB_SUB_HEADLINE_MARGIN]] */;
	display: 			block; /* [[SUB_SUB_HEADLINE_DISPLAY]] */;
	letter-spacing: 	0; /* [[SUB_SUB_HEADLINE_LETTER_SPACING]] */;
	padding: 			0 0 0 0;
	clear: 				both;
	float: 				none;
}

h4 {
	font-family: 		Helvetica, Arial, sans-serif; /* [[PARAGRAPH_FONT_FAMILY]] */;
	color: 				#ffa500; /* [[PARAGRAPH_COLOR]] */;
	font-size: 			14px; /* [[PARAGRAPH_FONT_SIZE]] */;
	font-weight: 		normal; /* [[PARAGRAPH_FONT_WEIGHT]] */;
	font-style: 		normal; /* [[PARAGRAPH_FONT_STYLE]] */;
	margin: 			10px 0 10px 0; /* [[PARAGRAPH_MARGIN]] */;
	display: 			block; /* [[PARAGRAPH_DISPLAY]] */;
	letter-spacing: 	0; /* [[PARAGRAPH_LETTER_SPACING]] */;
	padding: 			0 0 0 0;
	clear: 				both;
	float: 				none;
}

h6 {
	font-family: 		Helvetica, Arial, sans-serif; /* [[SUB_PARAGRAPH_FONT_FAMILY]] */;
	color: 				#ffa500; /* [[SUB_PARAGRAPH_COLOR]] */;
	font-size: 			14px; /* [[SUB_PARAGRAPH_FONT_SIZE]] */;
	font-weight: 		normal; /* [[SUB_PARAGRAPH_FONT_WEIGHT]] */;
	font-style: 		normal; /* [[SUB_PARAGRAPH_FONT_STYLE]] */;
	margin: 			10px 0 10px 0; /* [[SUB_PARAGRAPH_MARGIN]] */;
	display: 			block; /* [[SUB_PARAGRAPH_DISPLAY]] */;
	letter-spacing: 	0; /* [[SUB_PARAGRAPH_LETTER_SPACING]] */;
	padding: 			0 0 0 0;
	clear: 				both;
	float: 				none;
}

emph {
	color: 				#333; /* [[MAIN_COLOR_HIGHLIGHT]] */;
	font-size: 			14px; /* [[MAIN_FONT_SIZE]] */;
	font-weight:		bold;
	font-family:		Helvetica, Arial, sans-serif; /* [[MAIN_FONT_FAMILY]] */;
	margin: 			0 0 0 0;
	background:			transparent; /* url([[MARKED_BACKGROUND]]) [[MARKED_BACKGROUND_POSITION]] no-repeat */;
	padding:			0; /* [[MARKED_BACKGROUND_PADDING]] */;
	text-decoration:	none;
}
.marked a {
	color: 				#000; /* [[MAIN_COLOR_HIGHLIGHT]] */;
	text-decoration:	none;
}
.marked a:hover {
	text-decoration:	underline;
}

strong {
	color: 				#333; /* [[MAIN_COLOR_HIGHLIGHT]] */;
	font-size: 			14px; /* [[MAIN_FONT_SIZE]] */;
	font-weight:		bold;
	font-family:		Helvetica, Arial, sans-serif; /* [[MAIN_FONT_FAMILY]] */;
	margin: 			0 0 0 0;
	background:			transparent; /* url([[MARKED2_BACKGROUND]]) [[MARKED2_BACKGROUND_POSITION]] no-repeat */;
	padding:			0; /* [[MARKED2_BACKGROUND_PADDING]] */;
	text-decoration:	none;
}

/* #################### LAYOUTS ###################### */

#pagewrap {
	width: 100%;
	text-align: center;
	margin: 10px 0 0 0;
}
	#page {
		width: 980px;
		margin: 0;
		margin: auto auto;
		text-align: left;
		background: url(/tmpl/kmuinvest/img/layout/shadetopmiddle.png) left top repeat-y;
	}
	
		/* ---------- header ---------------------------- */
		#header {
			position: relative;
			overflow: hidden;
			height: 228px;
			width: 932px;
			margin: 0 24px 0 24px;
		}
			#logo {
				position: absolute;
				right: 20px;
				top: 40px;
			}
			#teaser {
				width: 932px;
				height: 228px;
				overflow: hidden;
			}
				#teaser br {
					display: none;
				}
				#teaser img {
					xwidth: 932px;
					xheight: 204px;
					xoverflow: hidden;
					position: relative;
					top: 24px;
					left: 0;
				}
				
		/* ---------- menu ---------------------------- */
		#menu {
			overflow: hidden;
			height: 50px; 25px;
			width: 860px;
			margin: 0 24px 0 85px;

			position: relative;
		}
			#menu div div.m_depth_1 {
				margin: 0 0 0 -1px;
				padding: 0;
				display: block;
				height: 25px;
				overflow: hidden;
				float: left;
				xbackground: red;
				position: relative;
				top: 0;
				left: 0;
			}
			#menu div div div.m_depth_2 {
				xbackground: yellow;
				margin: 0 0 0 -1px;
				padding: 0;
				display: block;
				height: 25px;
				overflow: hidden;
				float: left;
				position: relative;
				top: 0;
				left: 0;
			}
			#menu div div {
				position: absolute;
				left: 0;
				top: 25px;
			}			
			
				#menu a {
					display: block;
					background: url(/tmpl/kmuinvest/img/layout/menusep.gif) left 3px no-repeat;
					padding: 2px 12px 0 12px;
					text-decoration: none;
				}
				#menu div div div.m_depth_2 a {
					background: url(/tmpl/kmuinvest/img/layout/menusepinvert.gif) left 3px no-repeat;
				}
				
				#menu a,
				#menu a span {
					font-size: 12px;
					color: #fff;
					font-weight: normal;				
				}
				#menu div div div.m_depth_2 a,
				#menu div div div.m_depth_2 a span {
					color: #ffa500;
				}
				
				#menu a:hover {
					color: #eee;
					text-decoration: underline;
				}
				#menu div div div.m_depth_2 a:hover {
					color: #ccc;
				}
				
				#menu a:hover,
				#menu a:hover span {
					color: #eee;				
				}
				#menu div div div.m_depth_2 a:hover,
				#menu div div div.m_depth_2 a:hover span {
					color: #ccc;
				}
				
				#menu .menu_active a,
				#menu .menu_open a,
				#menu .menu_active a span,
				#menu .menu_open a span,
				#menu .submenu_active a,
				#menu .submenu_open a,
				#menu .submenu_active a span,
				#menu .submenu_open a span {
					font-weight: bold;
				}
		
		/* ---------- content ---------------------------- */
		#contentwrap {
			width: 980px;
			overflow: hidden;
			margin: 0;
			background: url(/tmpl/kmuinvest/img/layout/shademiddle.png) left top repeat-y;
		}
			#content {
				margin: 0 24px 0 24px;
				background: #fff url(/tmpl/kmuinvest/img/layout/bgbottom.png) left bottom no-repeat;
			}
			.ff #content {
				margin-top: -30px;
			}
			
				#minheight-content {
					width: 1px;
					height: 400px;
					float: left;
				}
			
				#leftwrap {
					float: left;
					width: 608px;
					overflow: hidden;
					background: url(/tmpl/kmuinvest/img/layout/contentsep.gif) 607px 78px no-repeat;
				}
				.tmpl-content #leftwrap {
					width: 928px;
					background: transparent;
				}
					#left {
						width: 508px;
						overflow: hidden;
						xbackground: orange;
						margin: 40px 0 60px 70px;
					}
					.tmpl-content #left {
						width: 800px;
					}
				
				#rightwrap {
					float: left;
					width: 320px;
					overflow: hidden;
				}
					#right {
						width: 217px;
						overflow: hidden;
						xbackground: orange;
						margin: 86px 0 10px 36px;
					}
		
				/* ---------- footer ---------------------------- */
				#footer {
					width: 932px;
					height: 60px;
					background: url(/tmpl/kmuinvest/img/layout/footerline.gif) left top no-repeat;
					margin: 30px 0 0 0;
				}
					#footer ul {
						margin: 0 0 0 350px; 245px;
						padding: 10px 0 0 0;
						display: block;
						height: 25px;
						overflow: hidden;
					}
					.ie7 #footer ul {
						padding-top: 0;
						margin-top: 10px;
					}
						#footer li {
							margin: 0;
							padding: 0;
							display: block;
							height: 25px;
							float: left;
						}
						.ie #footer li {
							width: 60px;
						}
							#footer a {
								display: block;
								color: #8f8f8f;
								background: url(/tmpl/kmuinvest/img/layout/botmenusep.gif) left 6px no-repeat;
								padding: 6px 12px 0 12px;
								text-decoration: none;
								font-size: 12px;
							}
							#footer li.first a {
								background: transparent;
							}
							#footer a:hover {
								color: #8f8f8f;
								text-decoration: underline;
							}