/* styles for page layout */

*{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 128.5%;
}

#main {
	width: 989px;
	position: relative;
	top: 18px;
	margin: auto;
	background: url(../images/main_bg.gif) repeat-y 0 0 #FFF;
	text-align: left;
}

#head {
	position: relative;
	height: 221px;
	background-color: #b3b9bc;
}

	/*#head h1*/
	#head #logo {
		position: absolute;
		left: 0;
		top: 0;
		width: 989px;
		height: 174px;
		background-image: url(../images/thejoker_logo2.gif);
	}
	
	/*#head h1 a*/
	#head #logo a {
		display: block;
		text-indent: -9999px;
		width: 285px;
		height: 140px;
	}
	
	#head h1 {
		position: absolute;
		z-index: 1;
		top: 151px;
		left: 13px;
		color: #FFF;
		font-weight: bold;
		font-size: 14px;
		line-height: 16px;
	}

	#cover {
		position: absolute;
		left: 0px;
		top: 214px;
		width: 790px;
		height: 7px;
		background-color: #FFF;
		font-size: 1px; /* IE */
	}
	
	#mainNav {
		position: absolute;
		z-index: 70;
		top: 176px;
		left: 3px;
}
	
	#mainNav li {
		position: relative;
		float: left;
	}
	
	#mainNav li a {
		display: block;
		font-size: 12px;
		color: #000;
	}
	
	#mainNav li.level1 {
		width: 131px;
		height: 38px;
		background: url(../images/mainNav.gif) no-repeat 0 0 transparent;
	}
	
	#mainNav li.first {
		background: url(../images/mainNav_first.gif) no-repeat 0 0 transparent;		
	}
	
	#mainNav li.last {
		background: url(../images/mainNav_last.gif) no-repeat 0 0 transparent;		
	}
	
	#mainNav a.level1 {
		width: 131px;
		height: 38px;
		color: #8f8f8f;
		text-transform: uppercase;
		text-align: center;
		line-height: 34px;
	}
	
	#mainNav a.level1:hover {
		color: #990000;
		background: url(../images/mainNav_hover.gif) no-repeat 0 0 transparent;
	}
	
	#mainNav a.cur,
	#mainNav a.act { 
		color: #ff4e13;
		background: url(../images/mainNav_act.gif) no-repeat 0 0 transparent;
	}
	
	#mainNav li.level2 a.cur,
	#mainNav li.level2 a.act {
		background-image: none;
	}
	
	/* Erstes LI */
	#mainNav li.first a.level1:hover {
		background: url(../images/mainNav_first_hover.gif) no-repeat 0 0 transparent;		
	}
	
	#mainNav li.first a.cur {
		background: url(../images/mainNav_first_act.gif) no-repeat 0 0 transparent;		
	}
	/* */

	/* letztes LI */
	#mainNav li.last a.level1:hover {
		background: url(../images/mainNav_last_hover.gif) no-repeat 0 0 transparent;			
	}

	#mainNav li.last a.cur {
		background: url(../images/mainNav_last_act.gif) no-repeat 0 0 transparent;		
	}
	/* */
	
	#mainNav li ul {
		position:absolute;
		left:-9999px;
		height:1px;
	}
	
	#mainNav li:hover ul,
	#mainNav li:hover.act ul,
	#mainNav li:hover.cur ul,
	#mainNav li.sfhover ul {
		position:relative;
		left: auto;
	}

	#mainNav li li {
		width: 131px;
	}
		
	#mainNav a.level2 {
		font-size: 12px;
		font-weight: bold;
		background-color: #efefef;
		color: #666666;
		padding: 6px 10px 6px 27px; 
	}	

	#mainNav a.level2:hover,
	#mainNav li.level2 a.cur {
		color: #FFF;
		background-color: #ff4e13;
	}

#leftCol {
	width: 199px;
	float: left;
	background: url(../images/leftCol_bg.gif) no-repeat 0 0 #ffd59b;
	padding-top: 11px;
}
		
#midCol {
	margin-left: 213px;
	margin-right: 213px;
	min-height: 500px;
	height: auto;
}

	#midCol .ctArea {
		overflow: hidden; /* clearfix for ie*/
		margin-bottom: 20px;
	}
	
	#nobanner #midCol #banner {
		display: none;
	}
	
#rightCol {
	width: 199px;
	float:right;
	position: relative;
	background: url(../images/rightCol_bg.gif) no-repeat 0 0 #ffd59b;
	margin-top: -44px;
}

	.newsletterLink,
	.catalogueLink {
		display: block;
		height: 25px;
		padding-left: 48px;
		margin-bottom: 16px;
		font-weight: bold;
		color: #cc3300;
		text-decoration: underline;
	}

	.newsletterLink {
		margin-top: 15px;
		background: url(../images/newsletter.gif) no-repeat 7px 0;
	}
	
	.newsletterLink:hover {
		background: url(../images/newsletter_act.gif) no-repeat 7px 0;		
	}
	
	.catalogueLink {
		background: url(../images/catalogue.gif) no-repeat 7px 0;
	}

	.catalogueLink:hover {
		background: url(../images/catalogue_act.gif) no-repeat 7px 0;		
	}
	
#footer {
	clear:both;
	position:relative;
	width: 989px;
	height: 34px;
	background: url(../images/footer_bg.gif) no-repeat 0 6px #FFF;
}
	
	#metaNav li{
		float: left;
	}
	
	#metaNav a {
		display: block;
		position: absolute;
		top: 6px;
		color: #cc3300;
		line-height: 28px;
		background-position: left center;
		font-size: 11px;
		text-decoration: underline;
		font-weight: bold;
	}
	
	#metaNav
	
	#metaNav a:hover {
		text-decoration: none;	
	}
	
	#metaNav .mrwong a{
		left: 733px;
		background-image: url(../images/mrwong_klein.gif);
		padding-left: 20px;
	}
	
	#metaNav .print a{
		left: 873px;
		background-image: url(../images/print.gif);
		padding-left: 20px;
	}
	
	#copyright {
		font-size: 11px;
		position: absolute;	
		left: 9px;
		width: 162px;
		top: 12px;
	}
	
	#copyright a {
		position: absolute;
		top: 0px;
		left: 62px;
		display: block;
		width: 100px;
		text-indent: -100px;
		overflow: hidden;
		font-size: 11px;
		color: #000;
	}