/*	SledgeHammerOnline.de - KNIGHT CMS	*/
/*	Copyright by Marc Dangschat			*/
body
{
	margin: 0;
	padding: 0;
	background: #0f47c9 url('background.png') repeat-x;
}
#container
{
	position: relative;
	margin: 0 auto;
	overflow: hidden;
	width: 980px;
	background-color: #1b47ac;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
}
#headerBox
{
	clear: both;
	position: relative;
	z-index: 1;
	height: 142px;
	background-color: #1b47ac;
}
#mainBox
{
	position: relative;
	float: left;
	z-index: 1;
	clear: both;
	width: 810px;
}
#contentBoxWrap
{
	float: left;
	width: 810px;
}
#contentBox
{
 	position: relative;
 	padding: 1px 3px 2px 3px;
 	z-index: 3;
 	float: right;
 	width: 632px;
 	background: #F1EFEF;
 	border-left: 1px solid #000;
 	border-right: 1px solid #000;
 	border-bottom: 1px solid #000;
 	overflow: auto;
 	text-align: justify;
}
#leftMenuBox
{
	position: relative;
	float: left;
	top: 0;
	z-index: 3;
	width: 170px;
}
#leftMenu	/* Left Column */
{
	padding: 1px 3px 10px 1px;
	width: 150px;
	background: #1b47ac url('navigation_bg_left.png') no-repeat;
}
#rightMenuBox
{
	position: relative;
	z-index: 3;
	width: 170px;
	float: right;
}
#rightMenu	/* Right Column */
{
	padding: 0 2px 10px 10px;	/* Padding-Left auf 18px setzen, falls das Hintergundbild benutzt werden soll */
	background: #1b47ac;
/*	background: #AA1A19 url('navigation_bg_right.png') no-repeat top right; */ /* Für Google Adsense zu schmal, deaktiviert für bessere Ladezeit */
}
#rightAdvertisement
{
	color: #4B4B4B;
	overflow: visible;
	text-align: center;
	font-weight: bold;
}
* html #rightAdvertisement
{
		position: absolute;
		z-index: 10;
}
#bottomLine
{
	clear: both;
	height: 25px;
	width: 980px;
}
/*	Weitere Grafiken	*/
#headerLeft
{
	float: left;
	height: 142px;
	width: 73px;
	background: url('header_left.png') no-repeat;
}
/*	Wechselndes Header Image	*/
#headerImage
{
	float: left;
	height: 142px;
	width: 270px;
}
body#violence #headerImage {background: url('header_violence.png') no-repeat;}


#headerImage a
{
	display: block;
	border: none;
	height: 142px;
	width: 270px;
}
#headerWrapper
{
	float: left;
	height: 142px;
	width: 140px;
	background: url('header_wrapper.png') repeat-x;
}
#headerWrapper a
{
	display: block;
	border: none;
	height: 142px;
	width: 140px;
}
#headerRight
{
	float: left;
	height: 142px;
	width: 497px;
	background: url('header_right.png') no-repeat;
}
#headerRight a
{
	display: block;
	border: none;
	height: 142px;
	width: 497px;
}
#bottomLeft
{
	float: left;
	height: 25px;
	width: 29px;
	background: #1b47ac url('bottom_left.png') no-repeat;
}
#bottomCenter
{
	float: left;
	height: 25px;
	width: 922px;
	background: #1b47ac;
}
#bottomRight
{
	float: left;
	height: 25px;
	width: 29px;
	background: #1b47ac url('bottom_right.png') no-repeat;
}
#bottomLines
{
	clear: both;
	margin: 0 auto;
	padding-top: 100px;
	width: 980px;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
}
#footer
{
	margin-top: -70px;
	text-align: center;
	color: #878787;
	font: 0.85em/1.4em courier new, arial;
}
#footer a
{
	color: #878787;
}
/*	Left Column Icon	*/
#navigation_image
{
	margin-top: 7px;
	width: 150px;
	text-align: center;
}
.navigation_image1 {background: url('sledge_navi.png') no-repeat; height: 202px;}
.navigation_image2 {background: url('bullet.gif') no-repeat; height: 120px;}
/*** IE Fix ***/
* html #navigation_image {background: url('bullet.gif') no-repeat; height: 120px;}

/*	Navigation Left Column	*/
#leftMenu ul
{
	margin: 0;
	padding: 0;
}
.nav_main
{
	margin: 5px 0 3px 0;
	padding: 0;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	list-style-type: none;
}
.nav_sub
{
	margin: 1px 0 1px 10px;
	padding: 0;
	list-style-type: none;
}
.nav_subsub
{
	margin: 1px 0 1px 22px;
	padding: 0;
	list-style-type: none;
}
#leftMenu a
{
	display: block;
	color: #A5A5A5;
	font-size: 13px;
	font-weight: bold;
	background-color: transparent;
	text-decoration: none;
	letter-spacing: normal;
}
#leftMenu a.active
{
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	background: url('navi_active.png') repeat-y;
}
#leftMenu a:hover
{
	background: url('navi_hover.png') repeat-y;
}