@charset "utf-8";
* {
	margin: 0;
	padding: 0;
	border: 0;
	text-decoration: none;
}
html {
	height: 100.01%;
}
body {
	background: #AEB487;
	text-align: center;
	color: #000000;
	background-image: url(../grafics/bg_bodypoints.png);
	font-size: 100%;
	font-family: Verdana, Geneva, sans-serif;
}
.main #container {
	width: 1024px;
	margin: 0 auto;
	text-align: left;
}
.main #header {
	background-image: url(../grafics/shadow-header-bg.png);
	margin: 16px 0 0 0;
	padding: 4px 20px 0 4px;
	height: 260px;
	background-repeat: no-repeat;
}
/*===== H E A D E R =====*/
.main #headerImage {
	
	margin: 0;
	height: 260px;
	
}

.main #headerContent {
	text-align:center;
	padding: 60px 2px 0 2px;
	height: 162px;
}
.main #headerMenue {
	padding: 0 2px 0 2px;
	font-size: 80%;
}
.main #headerMenueLeft {
	float:left;
	width: 350px;
	padding: 0.7em 0 0 20px;
	color: #900;
}
.main #headerMenueRight {
	margin: 0 0 0 370px;
	padding: 0 22px 0 0;
	/*width: 612px;*/
}
/*===== C O N T E N T =====*/
.main #content {
	background-image: url(../grafics/content-bg.png);
	padding: 0px;
	background-repeat: repeat-y;
}
.main #content a {
	color: #090;
	text-decoration: underline;
}
.main #content a:Hover {
	color: #09C;
}
/*===== T W O   C O L U M N S =====*/
/*===== ONE THIRD (332PX) AND TWO THIRD (664PX) */
.twoColumns {
	padding: 0 22px 0 6px;
}
.twoColumnsLeft {
	float: left;
	/* padding left and right plus width = 332px */
	padding: 20px;
	width: 292px;
}
.twoColumnsRight {
	margin: 0 0 0 332px;
	padding: 20px;
}
/*===== For Gallery: Left: 260PX AND Right: 736PX */
.twoColumnsPreview {
	float: left;
	/* padding left and right plus width = 240px */
	padding: 20px;
	width: 200px;
}
.twoColumnsGallery {
	margin: 0 0 0 240px;
	padding: 20px;
}
/*===== T H R E E   C O L U M N S =====*/
/*===== ONE THIRD (332PX) AND ONE THIRD (332PX) AND ONE THIRD (332PX) */
.threeColumns {
	padding: 0 22px 0 6px;
}
.threeColumnsLeft {
	float: left;
	/* padding left and right plus width = 332px */
	padding: 10px 20px;
	width: 292px;
}
.threeColumnsMiddle {
	margin: 0 332px 0 332px;
	padding: 10px 20px;
}
.threeColumnsRight {
	float: right;
	/* padding left and right plus width = 332px */
	padding: 10px 20px;
	width: 292px;
}
/*===== T H R E E   C O L U M N S   W I T H   N A V I G A T I O N =====*/
/*===== LEFT (240PX) MIDDLE (516PX) RIGHT (240PX) */
.threeColumnsNav {
	padding: 20px 22px 0 6px;
}
.threeColumnsNavLeft {
	float: left;
	/* padding left and right plus width = 240px */
	padding: 20px 20px 10px 20px;
	width: 200px;
	
}
.threeColumnsNavMiddle {
	margin: 0 240px 0 240px;
	padding: 20px 20px 10px 20px;
}
.threeColumnsNavRight {
	float: right;
	/* padding left and right plus width = 240px */
	padding: 20px 20px 10px 20px;
	width: 200px;
}

/*===== T H R E E   C O L U M N S   W I T H   T A B B E D   P A N E L S =====*/
/*===== LEFT (240PX) MIDDLE (516PX) RIGHT (240PX) */
.threeColumnsTabPan {
	padding: 20px 22px 0 6px;
	
}
.twoColumnsTabPan {
}
.twoColumnsTabPanLeft {
	float: left;
	/* border-left plus padding left and right plus width = 516px */
	border-left: 2px solid #369;
	padding: 5px 20px 10px 20px;
	width: 474px;
}
.twoColumnsTabPanRight { 
	margin: 0 0 0 516px;
	/* padding left and right plus width = 240px */
	padding: 5px 20px 10px 20px;
	width: 200px;
}
/*===== H O R I Z O N T A L   D I V I D E R =====*/
.horizontalDivider {
	border-bottom: 1px solid #DDD;
	margin: 0;
}
/*===== F O O T E R =====*/
.main #footer {
	background-image: url(../grafics/footer-bg.png);
	background-repeat: repeat-y;
	color:#FFF;
	padding: 0 22px 0 6px;
}
.main #footerEnd {
	background-image: url(../grafics/footerend-bg.png);
	height: 36px;
	background-repeat: no-repeat;
	padding: 24px 22px 0 6px;
	text-align:right;
}
.main #footerEnd a {
	font-size: 80%;
	letter-spacing: 6px;
	text-decoration: none;
	color: #576738;
}
.main #footerEnd a:Hover {
	color: #D81C10;
}
.main #footerMenue {
}
.main #footerMenueLeft {
	float:left;
	width: 366px;
	padding: 10px 0 0 20px;
	color: #F60;
}
.main #footerMenueRight {
	margin: 0 0 0 386px;
	padding: 10px 20px 0 0;
	width: 612px;
	color: #FFF;
}
.main #footerMenueRight a {
	font-size: 80%;
	text-decoration: none;
	color: #FFF;
}
.main #footerMenueRight a:Hover {
	color: #FC0;
}
/*===== S E V E R A L S   C C S   R O U L E S =====*/

.floatRight {
	float: right;
	margin-left: 8px;
}
.floatLeft {
	float: left;
	margin-right: 8px;
}
.clearFloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
p {
	font-size: 80%;
	margin: 0 0 1em 0;
}
h1 {
	font-size: 100%;
	margin: 0 0 1em 0;
}
h2 {
	font-size: 95%;
	margin: 0 0 1em 0;
}
h3 {
	font-size: 90%;
	margin: 0 0 1em 0;
}
h4, h5, h6 {
	font-size: 85%;
	margin: 0 0 1em 0;
}
.redColor {
	color: #F00;
}