@charset "utf-8";
* {
	margin: 0px;
	padding: 0px;
}

body {
	background-color: #64b400;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #184418;
	behavior: url("fileadmin/aloevera/layout/js/csshover3.htc");
}

img, .pngfix { behavior: url("fileadmin/aloevera/layout/js/iepngfix.htc") }

a {
	text-decoration:none;
	color: #FFF;
}
a:hover {
	text-decoration:underline;	
}

h1 {
	font-size: 24px;
	color: #669211;
}

/* DIVs */
.important {
	font-size: 10px;	
	display:block;
	line-height: 1.1em;
}

div#mainPageHolder {
	width:900px;
	margin:auto;
	margin-top: 18px;
	background:url(../img/bordershadow.jpg) no-repeat;
	padding-left: 18px;
}
* html div#mainPageHolder {background:url(../img/bordershadow.jpg) no-repeat;}
* + html div#mainPageHolder {background:url(../img/bordershadow.jpg) no-repeat;}

	div#mainPageContentHolder {
		width: 880px;
	}
	
	#header {
		height:	165px;
		background: url(../img/edge_top.gif) #ffffff top no-repeat;
		padding-top: 7px;
	}
		#headerimg {
				background:url(../img/header.jpg) no-repeat;
				width: 866px;
				/*height: 28px;*/
				margin-left: 7px;
				/*padding-top: 130px;*/
		}
			#headerimg a {
				display: block;
				height: 130px;
			}
		#mainNavi {
			margin-left: 40px;
			height: 28px;
		}
		#mainNavi ul {
			list-style: none;
		}
		#mainNavi ul li {
			float: left;
			color: #4b570e;
			font-size: 15px;
			width: 98px;
			background:url(../img/navi_item.png);
			height: 19px;
			text-align:center;
			padding-top:9px;
			cursor: default;
			margin-right: -5px;
		}
		#mainNavi .active {
			background:url(../img/navi_item_glow.png);
		}
		* html #mainNavi ul li {
			font-size: 2px !important;	
			display: block;
		}
		* html #mainNavi ul li a {
			height: 6px !important;
			overflow: hidden;
		}
		* html #mainNavi {
			height: 32px;
			overflow: hidden;
		}
		/*#mainNavi ul li#firstnavnode {
			width: 115px !important;
			/*background:url(../img/navi_1.png) !important;	
		}
		#firstnavnode:hover {
			background:url(../img/navi_1_glow.png) !important;	
		}*/
		#mainNavi ul li:hover {
			background:url(../img/navi_item_glow.png);
			cursor: pointer;
		}
		#mainNavi ul li { behavior: url("fileadmin/aloevera/layout/js/iepngfix.htc") }
		
		#mainNavi a {
			color: #4b570e;
		}
		#mainNavi a:hover {
			text-decoration:none;
		}
	
	
	#contentHolder {
		background:#FFF;
	}
		#content {
			width: 866px;
			margin-left: 7px;
			background: url(../img/content_bg.jpg) top no-repeat #f7fae7;
		}
		.dotbox {
			background:url(../img/dot_box.gif) top left no-repeat;	
			height: 18px;
			margin-left: 26px;
			margin-top: 12px;
		}
			.dotbox a {
				background:url(../img/li_icon2.gif) no-repeat;
				padding-left: 15px;
				color: #669211 !important;
				font-size: 10px;
			}
			.dotbox a:hover {
				text-decoration:underline !important;
			}
			
			
		#leftContent {
			width: 206px;	
			padding-top: 88px;
			/*background:url(../img/dot_line.gif) 26px 87px no-repeat;*/
			float:left;
		}
			#leftContent ul {
				list-style:none;	
				padding-left: 25px;
				background:url(../img/dot_line.gif) no-repeat;
				background-position: 25px 0;
			}
			#leftContent ul li{
				list-style:none;	
				font-weight:bold;
				padding-bottom: 6px;
				padding-top: 8px;
				background:url(../img/dot_line.gif) bottom no-repeat;
				cursor: default;
			}
			#leftContent ul li:hover {
				background: #E2ECAF;
				cursor: pointer;
			}
			#leftContent ul li img {
				padding-right: 25px;	
			}
			#leftContent a {
				color: #184418;
			}
			#leftContent a:hover {
				/*text-decoration:none;*/
			}
			.leftpic {
				float: left;
				margin-right: 5px;
				margin-left: -30px;
			}
			.leftHeadline {
				float:left;
				color: #669211;
				font-weight: bold;
				margin-left: -80px;
			}
			.subinfo, .csc-textpic-caption {
				color: #31430d;
				font-size: 10px;
				width: 163px;
				display:block;
				margin-left: 43px !important;
			}
			.subActive a {
				color: #669211 !important;
			}
		
		#rightContent {
			width: 650px;
			float: right;
			min-height:	500px;
			padding-bottom: 10px;
			background: url(../img/content_right_bg.jpg) bottom right no-repeat;
		}
		* html #rightContent {
			height: 500px;	
		}
		label {
			margin-left: 80px;	
			color: #184418;
			font-size: 11px;
		}
		input, textarea {
			margin-left: 66px;	
			margin-bottom: 10px;
			border: 1px solid #FFF;
		}		
		input {
			width: 210px;	
		}
		textarea {
			width:340px; 
			height:144px;
			overflow: auto;
		}
		.submitBNT {
			border: none;	
			width: 129px;
			height: 35px;
			outline: none;
		}
		.errorHighlight {
			float: right;
			margin-right: 232px;
			width: 110px;
			background: url(../img/info_left.gif) 0px 3px no-repeat;
			padding-left: 8px;
			color: #b0171d;
			font-size: 10px;
			display:none;
		}
		* html .errorHighlight {
			margin-right: 120px;
			width: 110px;
		}
		.divinput {
			padding: 2px;
			background:url(../img/input_1.png) 60px 0px no-repeat;
		}
		.divtextarea {
			padding: 2px;
			background:url(../img/textarea_1.png) 60px 0px no-repeat;
		}
		.headline, .csc-header {
			height: 70px;
			background: url(../img/dot_line.gif) bottom repeat-x;
			width: 567px;
			margin-left:50px;
			padding-top: 18px;
			/*margin-bottom: 20px;*/
		}
		.headline2 {
			height: 56px;
			background: url(../img/dot_line.gif) bottom repeat-x;
			width: 375px;
			margin-left:50px;
			padding-top: 18px;
			margin-bottom: 20px;
		}
		.bodytext {
			margin-left: 50px;
			padding-left: 30px;
			width: 340px;
			padding-bottom: 10px;
			background: url(../img/dot_line2.gif) bottom left no-repeat;
			padding-top: 25px;
			line-height: 18px;
		}
		
		#rightContent ul, 
		#rightContent ol{
			margin: 10px 0 0px 0px;
			padding: 0 0 0 100px;
		}
		
		ul.bodytext {
			list-style-position: outside;
			padding-left: 45px;	
		}
		
		.bodytext a {
			color: #184418;
			font-weight: bold;
		}
		.bodytext a:hover {
			text-decoration:underline;
		}
		
		.bodytext span.detail {
			display: block;
			font-weight: bold;
			color: #669211;			
			margin-left: -28px;
		}
		.bodytext span.name-of-person {
			display: block;
			margin-top: -17px;
			padding-left: 60px;
			width: 290px;
		}
		.bodytext2{
			margin-left: 50px;
			padding-left: 80px;
			width: 290px;
			padding-bottom: 10px;
			background: url(../img/dot_line2.gif) bottom left no-repeat;
			padding-top: 10px;
			line-height: 18px;
		}
		#detailbox {
			float: right;
			width: 170px;
			margin-right: 32px;
			margin-top: 90px;
			margin-bottom: -550px;
		}
		
			#detailbox .csc-textpic-caption {
				margin-left: 15px !important;
			}
		* html #detailbox {			
			margin-right: 17px;
		}
	
	#footer {
		height:	11px;
		background: url(../img/edge_bottom_v2.gif) top no-repeat;
	}
	
.subnavi {
	height: 18px;
	color:#7fb21b;
	font-size: 9px;	
	padding-top: 2px;
	background: url(../img/dot_line2.gif) bottom left no-repeat;
	margin-left: 50px;
}	
		.subnavi ul {
			list-style:none;
			margin-left:5px;
			padding-top: 2px;
			overflow: hidden;
			width: 350px;
		}
		.subnavi ul li{
			background:url(../img/li_icon2.gif) no-repeat;
			padding-left: 15px;
			float: left;
			margin-right: 10px;
			height: 14px;
		}
		.subnavi ul li a{
			color:#7fb21b;	
			height: 20px;
			padding-bottom: 1px;
		}
	
#metaNavi {
	width:900px;
	margin:auto;
	margin-bottom: 18px;
	height: 30px;
	color:#FFF;
	font-size: 9px;
	padding-top: 8px;
}
		#metaNavi ul {
			list-style:none;
			margin-left:340px;
		}
		#metaNavi ul li{
			background:url(../img/li_icon.gif) no-repeat;
			padding-left: 15px;
			float: left;
			margin-right: 10px;
			height: 14px;
		}