﻿/*Design by lichtenart.com 2007 */

html, body {

	margin: 0;

	padding: 0;

	text-align: center;

	background-image: url('../images/bg.gif');

	font-family: "Arial", Helvetica, Sans-Serif;

	font-size: 12px;

}

#head_bg {

	position: absolute;

	left: 0;

	top: 0;

	background-image: url('../images/head_bg.jpg');

	background-repeat: repeat-x;

	height: 299px;

	width: 100%;

}

#pagewidth {

	width: 825px;

	text-align: left;

	margin-left: auto;

	margin-right: auto;

}

#header {

	position: relative;

	height: 299px;

	background: transparent;

	width: 100%;

}

.sitename {

	width: 80%;

	text-align: center;

	margin: 10px 0 0 20px;

	font-family: "Impact", Helvetica, Sans-Serif;

	font-size: 2.2em;

	color: #FFF;

	background:transparent;

}

#head_left {

	background-image: url('../images/head_left.jpg');

	width: 463px;

	height: 299px;

	float: left;

}

#head_right {

	background-image: url('../images/head_right.jpg');

	width: 362px;

	height: 299px;

	float: left;

}

#head_modul {

	position: absolute;

	left: 80px;

	top: 60px;

	width: 250px;

	height: 140px;

	overflow: auto;

}

#head_search {

	position: absolute;

	left: 100px;

	top: 207px;

	width: 200px;

	height: 56px;

	background-image: url('../images/search_box.png');

	text-align: center;

}

.search {

	margin: 15px 0 0 0;

}

.search .inputbox {

	border: 0;

	background: transparent;

	text-align: center;

	color: #333;

	font-weight: bold;

}

.search .inputbox:hover, .search .inputbox:focus {

	border: 0;

}

#crnle {

	position: relative;

	background-image: url('../images/hecrn_left.gif');

	width: 21px;

	height: 60px;

	left: 50px;

	float: left;

}

#orange {

	position: relative;

	background-color:#CC4333 ; /*#DF7700*/

	width: 732px;

	height: 57px;

	float: left;

	border-bottom: 3px solid #FFF;

	text-align: center;

	left: 50px;

}

#crnre {

	background-image: url('../images/hecrn_right.gif');

	width: 22px;

	height: 60px;

	float: right;

}

#top_menu {

	position: relative;

	left: 100px;

	height: auto;

	width: auto;

	white-space: nowrap;

	margin-top: 20px;

}

#top_menu ul {

	margin: 0;

	padding: 0;

	list-style: none;

}

#top_menu li {

	float: left;

	margin-right: 5px;

	padding-left: 15px;

}

#leftcol {

	width: 160px;

	float: left;

	position: relative;

	margin: 0 0 0 5px;

}

#maincol {

	float: right;

	display: inline;

	position: relative;

	width: 75%;

	margin: 0 10px 0 0;

	text-align: justify;

}

#footer {

	height: 100px;

	background-color: transparent;

	background-image: url('../images/foot_bg.png');

	clear: both;

	margin: 0 20px 0 70px;

	text-align: center;

	color: #FFF;

}

#wrapper {

	margin: 0px 20px 0 70px;

	padding-top: 70px;

	background-color: #DDD;

	background-image: url('../images/wrapper_shadow.png');

	background-repeat: repeat-x;

}

/*Design by lichtenart.com 2007 */

.clearfix:after {

	content: ".";

	display: block;

	height: 0;

	clear: both;

	visibility: hidden;

}

.clearfix {

	display: inline-block;

}

/* Hides from IE-mac \*/

* html .clearfix {

	height: 1%;

}

.clearfix {

	display: block;

}

/* End hide from IE-mac */

@media print

{

#leftcol {

	display: none;

}

#twocols, #maincol {

	width: 100%;

	float: none;

}

}

#top_menu a:link, #top_menu a:visited {

	color: #FFF;

	text-decoration: none;

	font-size: 1.2em;

	line-height: 1.8em;

	font-weight: bold;

	background:transparent;

}

#top_menu a:hover, #top_menu a:focus {

	border-bottom: solid 3px #FFF;

}

body, p, div, table {

	line-height: 1.2em;

	font-size: 1.01em;

	color: #111;

}

#head_modul td {

	text-align: justify;

	font-size: 0.95em;

	color: #000;

}

#head_modul table.moduletable th {

	padding: 0;

	margin: 0;

	text-align: right;

	color: #691014;

	letter-spacing: 1px;

	font-size: 1.1em;

	border-bottom: solid 1px #AAA;

}

#leftcol table.moduletable th {

	margin: 0;

	padding: 0;

	color: #333;

	font-size: 1.1em;

	height: 33px;

	width:150px;

	background: url('../images/menuh3.gif') no-repeat;

	background-position: center 0;

	border-top: 1px solid #AAA;

	text-align: center;

}

.moduletable {

	margin: 0 0 10px 0;

	padding: 0;

	

}

a.mainlevel {

	margin: 0 0 0 15px;

	padding: 0;

}

a.mainlevel:link, a.mainlevel:visited {

	color: #111;

	text-align: left;

	text-decoration: none;

	font-size:1.1em;



}

a.mainlevel:hover, #active_menu   {

	color: #DF7700;

	padding-left: 3px;

}

.componentheading {

	color: #222;

	font-size: 1.6em;

	text-align: right;

	letter-spacing: 1px;

	border-bottom: 1px solid #AAA;

}

img {

	margin: 5px;

}

.contentpaneopen, .contenttoc {

	margin: 5px;

}

.contentheading {

	color: #666;

	font-size: 1.2em;

	line-height: 1.8em;

	text-align: left;

	font-weight: bold;

}

.small, .createdate, .modifydate {

	color: #888;

	font-size: 0.85em;

}

.inputbox {

	border: 1px solid #555;

	font-size: 1em;

	margin:0 0 5px 0;

}

.inputbox:hover, .inputbox:focus {

	border: 1px solid #999;

}

.button {

	margin: 5px;

	font-size: 1.04em;

}

a:link, a:visited {

	color: #691012;

	text-decoration: none;

	font-size: 1em;

	font-weight: bold;

	text-decoration: none;

}

a:hover, a:focus {

	color: #666;

}

#head_modul a:link, #head_modul a:visited, #footer a:link, #footer a:visited {

	color: #DF7700;

	text-decoration: none;

	font-size: 1em;

	font-weight: bold;

	text-decoration: none;

	background:transparent;

}

#head_modul a:hover, #head_modul a:focus, #footer a:hover, #footer a:focus {

	color: #EEE;

}

.sectiontableentry1 {

	background: #CCC;

}

.sectiontableheader {

	padding: 5px;

}

fieldset {

	width: 500px;

}

.contenttoc{

	margin:5px;

}



/*Design by lichtenart.com 2007 */
