/* www.neunplus.com | screen styles */

/* ========================================================= */
/* basics */
/* ========================================================= */

body {
	text-align: center; 
	font-size: 62.5%;
	font-family: Arial, Helvetica, sans-serif;
	background: #fff;
	color: #444;
}

* {margin: 0; padding: 0;}

hr {display: none;}

#wrap {
	text-align: left;
	vertical-align: middle;
	margin: 0 auto;
	width: 960px;
}

#top, #primary, #secondary, #footer {width: 960px; clear: both;}

#primary, #secondary {
	background: url("/site/img/other/tile3.gif") left top repeat-y;
}

/* ========================================================= */
/* links */
/* ========================================================= */

a, a:link {color: #102368; background: url("/site/img/a/link.gif") left bottom repeat-x; text-decoration: none;}

a:hover {background: #101939; color: #fff;}

/* ========================================================= */
/* typography */
/* ========================================================= */

p {font-size: 1.1em;}

#article p, #news p, #hauptartikel p 
{line-height: 1.6em; margin: 0 0 0.9em 0;}

p.rhs {
	text-align: right;
	border-top: 1px solid #fff;
	padding: 10px 10px 0 0;
}

#article ul, #news ul, #hauptartikel ul 
{margin: 0 0 0.9em 0; list-style-type: none;}

#article ul li, #news ul li, #hauptartikel ul li {
	line-height: 1.6em;
	font-size: 1.1em;
	padding-left: 12px;
	background: url("/site/img/li/body.gif") left top no-repeat;
}

#article div.ike-slideshow ul li, #news div.ike-slideshow ul li 
{background: none; padding: 0; margin: 0;}

h2 {padding: 10px 10px 8px 11px;}
h2 span {float: right; color: #444; padding: 0 10px 0 0;}
h2 strong {font-weight: normal; color: #444;}

h3 {clear: both;}

form input {
	background: #d5d5d5;
	padding: 1px;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
}

form label {font-weight: normal;}

pre {background: #fff; border: 1px solid #888; margin: 0 0 12px 0; padding: 20px; font-size: 14px; line-height: 18px;}

/* ========================================================= */
/* image floats */
/* ========================================================= */

img.rhs 
{float: right; border: 1px solid #888; margin: 0 0 10px 10px;}
img.lhs {float: left;}
img.general {border: 1px solid #888;}

/* ========================================================= */
/* top */
/* ========================================================= */

#top {margin: 24px 0 0 0;}

#top h1 {float: left; width: 115px; font-size: 11px;}

#top h1 a {
	background: url("/site/img/other/logo.gif") left bottom no-repeat;
	width: 115px;
	height: 54px;
	margin: 0 0 8px 0;
	float: left;
	color: #fff;
	font-size: 11px;
}

#top div#search {
	float: right;
	width: 240px;
	text-align: right;
	margin: 27px 0 0 0;
}

#top div#search p#searchtitle {float: left; margin: 5px 0 0 0;}

#search form input#searchtext {width: 115px;}

/* ========================================================= */
/* primary content > nav */
/* ========================================================= */

#skipnav {position: absolute; top: -10000px;}

#nav {width: 217px; margin: 0 10px 0 0;}

#nav ul {
	list-style-type: none;
	padding: 0 0 0px 0;
	background: #d5d5d5;
}

#nav ul li a{
	display: block;
	background: #cfd3d9;
	width: 206px; /* 217px in total - 11px added in padding */
	padding: 10px 0 8px 11px;
	font-size: 1.6em;
	border-bottom: 1px solid #fff;
	text-decoration: none;
}

#nav ul li a:hover {background: #101939;}

#nav ul li a#members {border: none;}

#nav ul li a.active, #nav ul li a:hover.active {
	/* background: url("/site/img/other/tile2.gif") left top repeat-y; */
	background: url("/site/img/other/tile1px.gif") left top repeat;
	color: #000;
}

#nav ul li ul {border-bottom: 1px solid #fff;}

#nav ul li ul li a {
	border: none;
	width: 195px; /* 217px in total - 22px added in padding */
	padding: 3px 0 3px 22px;
	font-size: 1.1em;
	background: #cfd3d9 url("/site/img/li/nav.gif") left top no-repeat;
}

#nav ul li ul li a:hover {
	background: #101939 url("/site/img/li/nav-hover.gif") left top no-repeat;
}

#nav ul li ul.activelist li a, #nav ul.activelist {
	/* background: url("/site/img/other/tile2.gif") left top repeat-y; */
	background: url("/site/img/other/tile1px.gif") left top repeat;
}

#nav ul li ul.activelist li a {
	background: url("/site/img/li/nav.gif") left top no-repeat;
}

#nav ul li ul.activelist li a:hover {
	background: #101939 /* #cfd3d9 */ url("/site/img/li/nav-hover.gif") left top no-repeat;
}

#nav ul li ul.activelist li a.active {
	background: url("/site/img/li/nav-active.gif") left top no-repeat;
	font-weight: bold;
}

#nav ul li ul.activelist li a.active:hover {
	background: #cfd3d9 url("/site/img/li/nav-active.gif") left top no-repeat;
}

/* ========================================================= */
/* primary content > switcher */
/* ========================================================= */

#nav p#hidenav {display: block;}
#nav p#shownav {display: none;}

#nav p#hidenav a {
	display: block;
	background: #cfd3d9 url("/site/img/other/hidenav.gif") left top no-repeat;
	width: 195px; /* 217px in total - 22px added in padding */
	padding: 8px 0 8px 22px;
	border-bottom: 1px solid #fff;
	line-height: 1.4em;
	text-decoration: none;
}

#nav p#hidenav a:hover {background: #101939 url("/site/img/other/hidenav-hover.gif") left top no-repeat;}



/* ========================================================= */
/* primary content > contact */
/* ========================================================= */

#nav p#contact {
	padding: 7px 12px 7px 12px;
	line-height: 1.6em;
}

/* ========================================================= */
/* primary content > imagebox */
/* ========================================================= */

#primary div#imagebox {
	float: right;
	width: 713px; /* 733 in total - padding adds extra px */
	text-align: center;
	padding: 10px 10px 9px 10px;
}

#primary div#imagebox img {vertical-align: bottom;}

#primary div#imagebox a img {border: 1px solid #102368;}

#primary div#imagebox a:hover img {border: 1px solid #fff;}

#primary div#imagebox p {padding-top: 4px;}

#primary div#imagebox p strong {color: #000;}

/* ========================================================= */
/* primary content > news hauptartikel */
/* ========================================================= */

#hauptartikel div.featured-images {text-align: center; margin-top: 10px; border-bottom: 1px solid #fff;}

#hauptartikel div.featured-images img {border: 1px solid #888; margin: 0 0 0 1px;}

#hauptartikel div.body {border-bottom: 1px solid #fff;}

#hauptartikel div#post-details {
	/* border-bottom: 10px solid #fff; */
	text-align: right;
	padding: 10px 10px 1px 0;
}

/* ========================================================= */
/* primary content > inner page (about us, news archives, etc.) */
/* ========================================================= */

#primary div#article {float: right; width: 733px;}

#primary h2, #primary h3 {
	padding: 10px 0 8px 11px;
	font-size: 1.6em;
	color: #000;
	border-bottom: 1px solid #fff;
	text-decoration: none;
	font-weight: normal;
}



#primary h3 {
	border-bottom: none;
	/* margin: 0 0 10px 0; */
	/* padding: 0 0 0 11px; */
	color: #444;
	border-top: 1px solid #fff;
}

#primary div.body {
	padding: 8px 11px 0 11px;
}

#primary div.body p {
	line-height: 1.6em;
}

#primary div.body div.news-extras img {
	float: right;
	margin: 0 0 10px 10px;
	border: 1px solid #888;
}

#primary div.body div.featured-images {
}


#primary div.body div.featured-images img {
	float: left;
	margin: 0 10px 10px 0;
	border: 1px solid #888;

}


#primary div.associated-content {
	clear: both;
	border-top: 1px solid #fff;
	padding: 8px 11px 0 11px;
text-align: right;
}

#primary div.associated-content span {
	float: left;

	padding: 0 0 10px 0;
}


/* ========================================================= */
/* primary content > hack */
/* ========================================================= */

p.hack {
	clear: both;
	margin: 0;
	padding: 0;

	line-height: 1px;
	font-size: 1px;
	height: 1px;
	text-align: right;
	color: #eee;
}

/* ========================================================= */
/* secondary content > info (sidebar) */
/* ========================================================= */

#secondary div#info {
	float: left;
	width: 217px;
	margin: 0 10px 0 0;
}

#secondary div#info h2 {
	font-weight: normal;
	padding: 10px 0 8px 11px;
	color: #000;
	font-size: 1.6em;
	border-bottom: 1px solid #fff;
	border-top: 10px solid #fff;


}

#secondary div#info ul {
	list-style-type: none;
	background: #cfd3d9;
	border-bottom: 1px solid #fff;
	padding: 6px 0 8px 0;
}

#secondary div#info ul li a {
	width: 195px; /* 217px in total - 22px added in padding */
	padding: 3px 0 3px 22px;
	font-size: 1.1em;
	background: #cfd3d9 url("/site/img/li/nav.gif") left top no-repeat;
	text-decoration: none;
	display: block;
}

#secondary div#info ul li a:hover {
	background: #101939 url("/site/img/li/nav-hover.gif") left top no-repeat;
}

#secondary div#info ul li a span {
	background: url("/site/img/other/rss.gif") right top no-repeat;
	padding-right: 17px;
}

/* ========================================================= */
/* primary and secondary content > news */
/* ========================================================= */

#secondary div#news {float: left; width: 733px;}
#primary div#news, #primary div#hauptartikel {float: right; width: 733px;}

#news h2 {
	font-size: 1.6em;
	color: #000;
	font-weight: normal;
}

#news h2.short {border-bottom: none;}

#news dl dt a {
	font-weight: normal;
	text-decoration: none;
	font-size: 1.6em;
	padding: 10px 11px 8px 11px;
	margin: 0 0 6px 0;
	float: left;
	width: 711px;
	border-bottom: 1px solid #fff;
	border-top: 10px solid #fff;
	background: #cfd3d9;
}

#news dl dt a:hover {background: #101939;}

#news dl dt span {
	float: right;
	color: #444;
}

#news dl dt a:hover span {color: #fff;}

#primary div#news dl dt a {border-top: 1px solid #fff;}

#news dl dd.news-extras img {
	float: right;
	margin: 4px 10px 10px 10px;
	border: 1px solid #888;
}

#news dl dd.post-body {
	margin: 0 10px 0 10px;
	clear: left;
}

#news dl dd p {
	/* line-height: 1.6em;
	margin: 0 0 0.9em 0; */
}

#archive-nav {
	clear: both;
	border-top: 10px solid #fff;
	padding: 10px 10px 1px 10px;
	font-weight: bold;
	text-align: right;
}

#archive-nav span {float: left; padding: 0 0 10px 0;}

/* ========================================================= */
/* primary content > members section */
/* ========================================================= */

#article ul.nugget {float:left; width: 231px; height:280px; margin: 0 0 0 10px; padding: 0;}
#article ul.nugget li {margin: 0; padding: 0; background: none;}
#article ul.nugget li.text {padding: 4px 2px 10px 2px;}
#article ul.nugget li.date {float: right; margin: 4px 2px 0 0;}
#article ul.nugget li img {vertical-align: bottom; height: 229px;}
#article ul.nugget li a img {border: 1px solid #102368;}
#article ul.nugget li a:hover img {border: 1px solid #fff;}

/* ========================================================= */
/* primary content > slideshow gallery */
/* ========================================================= */

.ike-slideshow-loading {
	background: url("/site/img/other/load2.gif") center top no-repeat;

	text-align: center;
	margin: 100px 0 0 0;
	padding: 50px 0 150px 0;
	color: #e5e5e5;
}

.ike-slideshow {padding: 0 0 3px 0;}

.ike-slideshow ul li {display: none; margin: 0; background: none;}

.ike-slideshow ul li.first {display: block;}

.ike-slideshow-image {text-align: center;}

.ike-slideshow-info {text-align: center;}

.ike-slideshow-caption {}

.ike-slideshow-caption p {font-size: 11px;}

.ike-slideshow-pagination {padding: 2px 5px 2px 5px; font-size: 11px;}

.ike-slideshow img {display: inline; border: 1px solid #888;}

.ike-slideshow-controls {text-align: center; margin: 0 0 10px 0;}

.ike-slideshow-controls a {
	border: 1px solid #102368;
	padding: 2px 10px;
	margin: 4px;
	font-size: 12px;
	background: #cfd3d9;
}

.ike-slideshow-controls a:hover {background: #101939;}

/* ========================================================= */
/* sitemap */
/* ========================================================= */

#sitemap dl {margin: 0 0 10px 0;}

#sitemap dl dt {margin: 10px 0 0 0;}

#sitemap dl dt a {
	text-decoration: none;
	font-size: 1.6em;
	padding: 10px 11px 8px 11px;
	margin: 6px 0 10px 0;
	float: left;
	width: 711px;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #fff;
	background: #cfd3d9;
}

#sitemap dl dt a:hover {background: #101939;}

#sitemap dl dd {
	background: url("/site/img/other/dl.gif") left top no-repeat;
	clear: both;
	margin: 0 0 0 10px;
	padding: 2px 0 4px 3px;
	font-size: 1.1em;
	/* line-height: 1.6em; */
}

#sitemap dl dd.first {
	/* background: url("/site/img/other/dl-first.gif") left top no-repeat; */
}

#sitemap dl dd.final {
	background: url("/site/img/other/dl-final.gif") left top no-repeat;
}

#sitemap dl dd a {
	margin: 0 0 0 10px;
}

/* #sitemap dl dd a:hover {background: #101939;} */

#article div#sitemap dl dd ul li {
	padding: 0;
	margin: 0 0 0 10px;
	/* float: left;
	width: 507px; */
	background: #fcc url("/site/img/other/dl.gif") left bottom no-repeat;
}

#article div#sitemap dl dd ul li a {
	/* float: left;
	width: 307px; */
	/* background: #888; */
	/* background: url("/site/img/other/dl.gif") left bottom no-repeat; */

	background: #d0d0d0 url("/site/img/li/body.gif") left top no-repeat;
	font-size: 11px;
	padding: 2px 0 7px 0;
	margin: 0 0 0 20px;
}


/* ========================================================= */
/* map */
/* ========================================================= */

#map {margin: 10px; border: 1px solid #888;}

/* ========================================================= */
/* search results */
/* ========================================================= */

#search-intro {padding: 10px 10px 0 10px;}

#primary div.search-result h3 {
	border-bottom: 1px solid #fff;
	border-top: 10px solid #fff;
}

.search-result p {margin-right: 20px;}

.search-result p.search-result-posted-date {
	float: right;
	width: 229px;
	padding: 5px 10px 5px 10px;
	border: 1px solid #888;
	background: #fff;
	text-align: center;
}

/* ========================================================= */
/* footer */
/* ========================================================= */

#footer {
	margin: 10px 0 44px 0;
	background: url("/site/img/other/tile1px.gif") left top repeat;
	text-align: right;
}

#footer p {padding: 10px;}

#footer p.floater {float: left;}

#footer div#chunk1, #footer div#chunk2 {float: left; font-size: 1.1em; padding: 6px 0 0 5px;}

#footer div#chunk1 label {padding: 0 5px 0 5px;}

#footer h1, #footer ul li {
	text-align: center;
	font-weight: normal;
	font-size: 1.6em;
	color: #000;
	padding: 10px;
	list-style-type: none;
	color: #444;
	border-bottom: 1px solid #fff;
}

/* deathtofalsemetal */