/* -------------------- BASICS -------------------- */

div { margin:0; padding:0; outline:0; border:0; }

body {
	background-color:#ccccc6;
	color:#444441;
	margin: 0px;
	padding: 0px;
	font-family: Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	line-height: 15px;
	text-align: left;
}

div, span {
	margin: 0px;
	padding: 0px;
}
a {
	margin: 0;
	color:#000;
	text-decoration: none;
	border-bottom: 1px solid #888885;
}
a:link{ color:#000; }
a:visited{ color:#333330; }
a:hover{ color:#666663; }
a:focus{ color:#666663; }
a:active{ color:#999996; }

a:link img, a:visited img, a:hover img, a:focus img, a:active img {
	border: none !important; 
}

ul, li, li a {
	-moz-user-select:none;
}

ul {
	float: left;
	display: inline;
	background-color:transparent;
}
li {
	color:#444441;
	display: inline;
	background-color:transparent;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	line-height: 15px;
}
li a {
	color:#444441;
	background-color:#fffffc;
	display: inline;
	float: left;
	border: none;
	text-decoration: none;
}
li a:link { color:#444441; background-color:#fffffc; }
li a:visited { color:#444441; background-color:#fffffc; }
li a:hover	{ color:#333330; background-color:#fffffc; }
li a:focus	{ color:#333330; background-color:#fffffc; }
li a:active { color:#000; background-color:#fffffc; }

p {
	margin: 0px 0px 10px 0px;
	padding: 0px;
}
img {
	margin: 0;
	padding: 0;
}

/* -------------------- LAYOUT -------------------- */

div.container {
	position: absolute;
	padding: 0px;
}
#img {
	width: 361px;
	z-index: 20;
	left: 30px;
	top: 60px;
}
#txt {
	width: 361px;
	z-index: 40;
	right: 30%;
	top: 45px;
}
#imgFrame {
	overflow:hidden;
	width:360px;
	border:0px solid #000;
}
#txtFrame {
	overflow:hidden;
	width:360px;
	border-top:1px solid #000; 
	border-left:1px solid #000;
}
#nav {
	z-index: 10;
	right: 30px;
	top: 61px;
	width: 135px;
	text-align: center;
}
#header {
	z-index: 45;
	right: 30%;
	top: 0px;
	text-align: center;
}
div.spacer {
	margin-bottom: 30px;
}


/* -------------------- LISTS -------------------- */
/* -------------------- home -------------------- */


ul.home {
	background-color: transparent;
	width: 360px;
	padding: 0px;
	margin: 0px;
}


li.homelink a {
	background-color:transparent;
	width: 360px;
	font-family: Georgia;
	font-size: 10px;
	line-height: 15px;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	padding: 20px 0px 10px 0px;
}
li.homelink a:link { color:#000; background-color:transparent; }
li.homelink a:visited { color:#000; background-color:transparent; }
li.homelink a:hover	{ color:#fffffc; background-color:transparent; }
li.homelink a:focus	{ color:#fffffc; background-color:transparent; }
li.homelink a:active { color:#fffffc; background-color:transparent; }



/* -------------------- BODY -------------------- */
ul.headlineblock {
	width: 330px;
	margin: 0px 0px 1px 0px;
	padding: 17px 15px 13px 15px;
	background-color:#fffffc;
}
li.headline {
	width: 330px;
	margin: 0px;
	padding: 0px;
	color:#666663;
	background-color:transparent; 
	font-family: Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-weight: normal;
	line-height: 26px;
	text-transform: uppercase;
	letter-spacing: 0.0em; 
}
ul.headlinelinkblock {
	width: 330px;
	margin: 0px;
	padding: 17px 15px 13px 15px;
}
li.headlinelink a,
li.titleperson a,
li.titletheme a {
	background-color:transparent; 
	font-family: Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-weight: normal;
	line-height: 26px;
	text-transform: uppercase;
	letter-spacing: 0.0em; 
}
li.headlinelink a {
	width: 330px;
	margin: 0px;
	padding: 0px;
}
li.headlinelink a:link, li.headlinelink a:visited, li.headlinelink a:hover, li.headlinelink a:focus, li.headlinelink a:active {
	color:#000;
	background-color:transparent; 
}

ul.title {
	width: 360px;
	margin: 0px 0px 1px 0px;
	padding: 0px;
	background-color:#fffffc;
}
ul.title:hover { background-color:#fff; }

.issuenumber { color:#666663;}

li.titleperson a {
	width: 320px;
	margin: 0px;
	padding: 17px 15px 0px 15px;
}
li.titleperson a:link { color:#444441; background-color:transparent; }
li.titleperson a:visited { color:#444441; background-color:transparent; }
li.titleperson a:hover { color:#444441; background-color:transparent; }
li.titleperson a:focus { color:#444441; background-color:transparent; }
li.titleperson a:active { color:#444441; background-color:transparent; }

li.titletheme a {
	width: 320px;
	margin: 0px;
	padding: 0px 15px 13px 15px;
}
li.titletheme a:link { color:#999996; background-color:transparent; }
li.titletheme a:visited { color:#999996; background-color:transparent; }
li.titletheme a:hover	{ color:#999996; background-color:transparent; }
li.titletheme a:focus	{ color:#999996; background-color:transparent; }
li.titletheme a:active { color:#999996; background-color:transparent; }

.quote {
	font: 18px Georgia;
	line-height: 23px;
	letter-spacing: 0.0em;
	font-weight: normal;
	text-transform: none;
	color: #444441;
}

div.imgbox {
	width: 360px;
	height: 480px;
	margin-bottom: 0px;
	background-color:#7f7f7c;
}
div.txtbox {
	clear: left;
	padding: 14px 15px 5px 15px;
	margin-bottom: 1px;
	color:#444441;
	background-color:#fffffc;
}
div.creditbox {
	color:#7f7f7c;
	clear: left;
	padding: 14px 15px 0px 15px;
	margin-bottom: 1px;
	background-color:#fffffc;
	border-bottom:1px solid #fffffc;
}
div.issuebox, div.specialbox {
	clear: left;
	padding: 14px 10px 5px 15px;
	font-family: Georgia, serif;
	font-size: 13px;
	line-height: 18px;
	margin-bottom: 1px;
	color:#444441;
	background-color:#fffffc;
	border-bottom:1px solid #fffffc;
}
div.specialbox { color:#333330; }

.weak { color:#7f7f7c; }
.red { color:#f30; }
.strong { color:#333330; }
.right { text-align: right; }

/* -------------------- NAV -------------------- */

ul.navlist, ul.mononavlist {
	float: right;
	width: 135px;
	margin: 0px;
	padding: 0px;
	font: 10px Georgia;
	line-height: 15px;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}
ul.mononavlist { clear: right; margin: 46px 0px 0px 0px;}
li.navlink a {
	background-color:transparent;
	width: 135px;
	padding: 8px 0px 7px 0px;
	margin: 0px 0px 0px 0px;
}
li.navlink a:link { color:#000; background-color:transparent; }
li.navlink a:visited { color:#000; background-color:transparent; }
li.navlink a:hover	{ color:#444441; background-color:#fffffc; }
li.navlink a:focus	{ color:#444441; background-color:#fffffc; }
li.navlink a:active { color:#000; background-color:#fffffc; }

#activenav,
#activenav a:link,
#activenav a:visited,
#activenav a:hover,
#activenav a:focus,
#activenav a:active { color:#000; background-color:#fffffc; }

ul.paging {
	width: 360px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}
li.paginglink, li.imgpaginglink, #imgIndex {
	font-size:18px;
	float: left;
	padding: 0;
	width: 180px;
	margin: 0px;
}
li.paginglink a, li.imgpaginglink a, #imgIndex {
	width: 149px;
	padding: 7px 15px 7px 15px;
	margin: 0px 1px 0px 0px;
}
#nextpage, #nextimage {
	text-align:right;
	float: right;
}
#nextpage a, #nextimage a {
	float: right;
	text-align: right;
	width: 150px;
	margin: 0px;
}

div.imgbox a,
div.imgbox a:link,
div.imgbox a:hover,
div.imgbox a:focus,
div.imgbox a:active { border-bottom:none; }

/*#imgNav, #imgCaptionBox { display:none; }*/
#imgNav { overflow:hidden; }
#imgCaptionBox {
	background-color:#fffffc;
	border-bottom:1px solid #fffffc;
	margin-top:1px;
}
#imgCaptionBox p {
	padding:15px 5px 0 15px;
}
#imgNav { margin-top:1px; }

/* ------------------- TABLE -----------------------*/

table {
	width:95%;
	border-collapse: collapse;
	padding: 0px;
	margin: 0px 0px 0px 0px;
}

tr {
	vertical-align: top;
	padding: 0px;
	margin: 0px;
}

td {
	padding: 0px;
	margin: 0px;
	padding-bottom: 10px;
}
td.what {
	width: 100px;
	padding-right: 10px;
}
td.shopname {
	width: 130px;
	padding-right: 10px;
}
form {
	padding: 0px;
	margin: 0px;
}


/* -------------------- PING PONG -------------------- */


#pingpong {
	width: 360px;
	position: absolute;
	top: 61px;
	left: 30px;
	z-index: 35;
}

#ping {
	position: absolute;
	top: 160px;
	left: 0px;
}
#pong {
	position: absolute;
	top: 160px;
	left: 330px;
}
#ball {
	position: absolute;
	top: 230px;
	left: 165px;
}


/* -------------------- LOGIN -------------------- */

div.ign_login {
	padding: 15px;
	margin: 15px;
}

/* ------- Carsten Schwesig 2006 ------- */