@charset "utf-8";
/* MAIN CSS Document for cms.johoelken.de   */

/* Design Copyright by JoHoelken www.cmsjohoelken.de */
/* Support: service@johoelken.de                  	 */

/* You're free to grab code-snippets as long as   */
/* you refer to my page. Thank you.               */


body {
	background-image:	url(img/BG_page.gif);
	background-color:	#000000;
	font-family: 		Arial, Helvetica, sans-serif;
	font-size:			12px;
	text-align: 		center;
	color:				#FFFFFF;
}

	.pagebody {
	margin:0 auto;
	width: 837px;
	z-index: 2;
	text-align: left;
	}
	
	.logoarea {
	width: 837px;
	text-align:right;
	}
		#logo {
		position:relative;
		right: 15px;
		}

	.header {
	padding: 0;
	width: 837px;
	height:162px;
	}

	.mainNavigation {
			width: 100px;
			position:relative;
			left:	 730px;
			top:	 23px;
			font-family:Arial, Helvetica, sans-serif;
			font-weight:bold;
			font-size:12px;
			color:#FFFFFF;
			z-index:  20;
			}
			.mainNavigation ul {
				text-align: left;
				padding: 0px;
				margin:		0px;
				z-index:  11;
				}
			.mainNavigation li {
				list-style: none;
				line-height: 20px;
				padding: 0px;
				z-index:  12;
				}
			.mainNavigation a:link, .mainNavigation a:visited {
				font-family:Arial, Helvetica, sans-serif;
				font-weight:bold;
				font-size:12px;
				color:#FFFFFF;
				text-decoration:  none;
				z-index:	23;
				}
			.mainNavigation a:focus, .mainNavigation a:hover, .mainNavigation a:active {
				font-family:Arial, Helvetica, sans-serif;
				font-weight:bold;
				font-size:12px;
				color:#FF6600;
				text-decoration:  none;
				z-index: 	23;
				}

	.contentarea {
	background-image:url(img/BG_content.gif);
	}
		.navigation {
			float:right;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 12px;
			position: relative;
			right: 25px;
			width: 185px;
			text-align:left;
			}
			.navigation li {
				list-style: none;
				}
			.navigation ul {
				padding: 	0px;
				margin:		0px;
				}
			.navigation a:link, .navigation a:visited {
				font-family:Arial, Helvetica, sans-serif;
				font-weight:bold;
				font-size:12px;
				color:#FF6600;
				text-decoration:  none;
				}
			.navigation a:focus, .navigation a:hover, .navigation a:active {
				font-family:Arial, Helvetica, sans-serif;
				font-weight:bold;
				font-size:12px;
				color:#FFFFFF;
				text-decoration:  none;
				}
		
		.content {
			width: 550px;
			background-image:url(img/BG_text.gif);
			position:relative;
			left: 20px;
			}
			.content a:link, .content a:visited {
				font-family:Arial, Helvetica, sans-serif;
				font-size:12px;
				color:#FF6600;
				text-decoration:  none;
			}
			.content a:focus, .content a:hover, .content a:active {
				font-family:Arial, Helvetica, sans-serif;
				font-size:12px;
				color:#FF6600;
				text-decoration:  underline;
			}
			
		.clearfloat {
			clear:right;
			}
		
		.footer  {
		background-image:	url(img/BG_footer.gif);
		background-repeat:	no-repeat;
		height:				21px;
		}

		.copyright {
		font-size: 9px;
		color:	#666666;
		}
		
		
		#orange {
		color: #FF6600;
		}
		
		h1 {
		color: #FF6600;
		margin: 0px;
		padding: 0px;
		font-size:14px;
		}
		h2 {
		color: #FF6600;
		margin: 0px;
		padding: 0px;
		font-size:12px;
		}
		h3 {
		color: #CCCCCC;
		margin: 0px;
		padding: 0px;
		font-size:12px;
		}
		
		#newsfield {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 12px;
			color: #FFFFFF;
			}
		
		#posted, #kleinundunscheinbar {
		font-size: 9px;
		color:	#666666;
		}
		#white {
		color: #FFFFFF;
		}