/*
-----------------------------------------------
Halloween Template
Author:   Design: Nadja Macht, CSS: Yannick Kollega
Version:  20 Sep 2007
----------------------------------------------- */




/*  Typo
----------------------------------------------- */

.body { color:#999; }


h1
{
	font-size:180%;
	font-weight:bold;
	color:#900;
}


h2
{
	font-size:120%;
	font-weight:bold;
	text-transform:uppercase;
	color:white;
}


h3
{
	font-size:100%;
	font-weight:normal;
	color:white;
}





/*  Trennlinien
----------------------------------------------- */

div.hr
{
	border-top:1px solid #111;
	height:1px;
	line-height:1px;
}






/*  Links
----------------------------------------------- */

a:link, a:visited 
{ 
	text-decoration:underline; 
	color: #fff;
}


a:active 
{ 
	text-decoration:underline;
	color: #fff;
}


a:hover 
{ 
	text-decoration: none; 
	color: #ccc; 
}




/*  Layout
----------------------------------------------- */

.body
{
	padding:0 15px 120px 15px;
	text-align:center; 
}


div#container
{
	width:996px;
	margin:0 auto;
	text-align:left;
}


div#left
{
	width:35px;
	height:220px;
	float:left;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='image', src='https://u.jimcdn.com/cms/o/layout/l2c98df3e47eb8153/img/halloween_left.png');
}


html>body div#left {	background:url(https://u.jimcdn.com/cms/o/layout/l2c98df3e47eb8153/img/halloween_left.png) top no-repeat; }


div#main
{
	width:910px;
	float:left;
}


div#right
{
	width:51px;
	float:left;
	height:239px;
	float:left;
	background-repeat:no-repeat;
	background-position:top;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='image', src='https://u.jimcdn.com/cms/o/layout/l2c98df3e47eb8153/img/halloween_right.png');
}


html>body div#right { background-image:url(https://u.jimcdn.com/cms/o/layout/l2c98df3e47eb8153/img/halloween_right.png); }


div#top
{
	width:910px;
	height:149px;
	background-repeat:no-repeat;
	background-position:top center;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='image', src='https://u.jimcdn.com/cms/o/layout/l2c98df3e47eb8153/img/halloween_center.png');
}


html>body div#top { background-image:url(https://u.jimcdn.com/cms/o/layout/l2c98df3e47eb8153/img/halloween_center.png); }


div#wrapper1
{
	width:910px;
	padding-bottom:5px;
	background:black;
}


div#wrapper2
{
	width:898px;
	margin:5px;
	margin-top:0px;
	border:1px #333 solid;
	border-top:0;
}


div#wrapper3
{
	width:862px;
	margin:18px;
	margin-top:0px;
}


div#navigation,
div#content,
div#sidebar { float:left; }


div#header
{
	width:860px;
	height:200px;	
	border:1px #333 solid;
	margin-bottom:30px;
}


div#header div.iframe { margin-bottom:55px; }


div#navigation
{
	width:139px;
	margin-left:0px;
	
}


div#content
{
	float:left;
	width:526px;
	border-left:1px #111 solid;
	border-right:1px #111 solid;
}


div#sidebar { width:190px; }


div#jimdobox { margin-bottom:30px; }


div#bottom
{
	width:910px;
	height:25px;
	margin:0px auto;
	background-repeat:no-repeat;
	background-position:top right;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='image', src='https://u.jimcdn.com/cms/o/layout/l2c98df3e47eb8153/img/halloween_color.png');
}


html>body div#bottom { background-image:url(https://u.jimcdn.com/cms/o/layout/l2c98df3e47eb8153/img/halloween_color.png); }





/*  Gutter  */
div#header .gutter { padding:5px; }
div#navigation .gutter { padding-right:10px; padding-top:10px; }
div#content .gutter { padding:0px 10px;  padding-top:10px; } 
div#sidebar .gutter { padding-left:10px; padding-top:10px; }





/*  Navigation
----------------------------------------------- */

ul.mainNav1
{
	text-align: left;
	margin:0 0 0 0;
	padding:0;
}


ul.mainNav2,
ul.mainNav3
{
	margin:0;
	padding:0;
}


ul.mainNav1 li,
ul.mainNav2 li,
ul.mainNav3 li
{
	display: inline;
	margin: 0;	
	padding: 0;
}


ul.mainNav1 li a,
ul.mainNav1 li a:visited,
ul.mainNav2 li a,
ul.mainNav2 li a:visited,
ul.mainNav3 li a,
ul.mainNav3 li a:visited
{
	display: block;
	font-weight:normal;
	text-decoration: none;
	white-space:nowrap;
	color:#999;
	border-bottom:1px solid #111;
}


ul.mainNav2 li a,
ul.mainNav2 li a:visited,
ul.mainNav3 li a,
ul.mainNav3 li a:visited
{
	background-color: #151515;
	border:none;
}


ul.mainNav1 li a, ul.mainNav1 li a:visited { padding:4px 4px 4px 5px; }
ul.mainNav2 li a, ul.mainNav2 li a:visited { padding:4px 4px 4px 5px; }
ul.mainNav3 li a, ul.mainNav3 li a:visited { padding:4px 4px 4px 5px; }


ul.mainNav1 li a:hover,
ul.mainNav2 li a:hover,
ul.mainNav3 li a:hover
{
	color:white;
}


div#navigation ul.mainNav1 li a.current,
div#navigation ul.mainNav2 li a.current,
div#navigation ul.mainNav3 li a.current
{ 
	color:#900;
	background:url(https://u.jimcdn.com/cms/o/layout/l2c98df3e47eb8153/img/maus.png) right middle no-repeat;
}