* {
	padding: 0;
	margin: 0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

/*
* Boxen
*/

#out {
	width: 70em;
	margin: auto;
}

#middle {
	padding: 1em;
}

#content {
	float: left;
	width: 70%;
}

#content.full {
	width: 100%;
}

/*
* Crumbs
*/

#crumbs p {
	padding: 0.4em;
	font-size: 0.9em;
	color: #11296C;
}

/*
* Sidebar
*/

#sidebar {
	float: right;
	width: 25%;
}

#sidebar .container {
	background-color: #EFEBFC;
}

#sidebar .container span.title {
	display: block;
	padding: 0.4em;
	border-bottom: 1px solid;
	text-transform: uppercase;
	color: #4600a4;
	background-color: #FFFFFF;
}

#sidebar .container span.cat a {
	text-decoration: none;
	color: #FFFFFF;
}

#sidebar .container span.cat {
	display: block;
	padding: 0.2em;
	border-bottom: 1px solid #7D99EA;
	text-align: center;
	background-color: #A8BBF0;
	color: #FFFFFF;
}

#sidebar .container p {
	padding: 0.4em;
	font-size: 0.9em;
	line-height: 1.7em;
	color: #11296C;
}

#sidebar .container ul {
	padding: 0.4em 0.4em 0.4em 2em;
}

#sidebar .container li {
	color: #11296C;
	font-size: 0.9em;
	line-height: 1.7em;
}

#sidebar .container li a {
	border-bottom: 1px solid;
	text-decoration: none;
	color: #11296C;
}

#sidebar .container li a:hover {
	color: #DD0828;
}

/*
* Navigation innerhalb des Contents
*/

#content ul.contentnav {
	padding: 0;
	list-style-type: none;
}

#content li.link a {
	text-decoration: none;
	color: #5A0495;
	display: block;
	width: 97%;
	padding: 0.4em 0.4em 0.4em 2em;
	border-bottom: 1px solid #980CF8;
	background: #E4C3FB url(contentinnernavbullet.png) no-repeat 1em;
}

#content li.link a:hover {
	background: #BA61F8 url(contentinnernavbullethover.png) no-repeat 1em;
	color: #FFFFFF;
}

#content li.description {
	width: 97%;
	color: #350357;
	padding: 0.4em 0.4em 0.4em 2em;
	background: #F0DEFC url(contentinnernavbg.png) repeat-x top;
}

/*
* Navigation Glossar
*/

#content ul.glossarletters {
	padding: 0;
	list-style-type: none;
}

#content ul.glossarletters li {
	list-style-type: none;
	float: left;
	width: 2em;
	text-align: center;
}

#content ul.glossarletters li a.normal {
	padding: 0.3em;
	text-decoration: none;
	display: block;
	color: #11296C;
}

#content ul.glossarletters li a.active {
	padding: 0.3em;
	text-decoration: none;
	display: block;
	color: #FFFFFF;
	background-color: #7D99EA;
}

#content ul.glossarletters li a:hover {
	background-color: #7D99EA;
	color: #FFFFFF;
}

/*
* Content Elemente
*/

#content h1 {
	font-size: 1.6em;
	padding: 0.4em;
	color: #11296C;
	clear: both;
}

#content h2 {
	font-size: 1.3em;
	padding: 0.4em;
	color: #11296C;
	clear: both;
}

#content h3 {
	font-size: 1.1em;
	padding: 0.4em;
	color: #11296C;
	clear: both;
}

#content h2.errors {
	font-size: 1.3em;
	padding: 0.4em;
	color: #DD0828;
}

#content p {
	padding: 0.6em;
	font-size: 0.9em;
	line-height: 1.7em;
	color: #11296C;
}

#content p.commenthead {
	background-color: #CFDAF8;
	padding: 0.2em;
}

#content blockquote {
	margin: 1em;
	background: #CFDAF8 url(quotes.png) no-repeat top right;
	clear: both;
}

/* Listen */

#content ul {
	padding: 0.5em 0.5em 0.5em 2em;
}

#content ul.errors {
	font-size: 1.2em;
}

#content ul.errors li {
	color: #DD0828;
}

#content li {
	color: #11296C;
	font-size: 0.9em;
	line-height: 1.7em;
}

#content li li {
	font-size: 1em;
}

#content dl {
	color: #11296C;
	line-height: 1.7em;
	font-size: 0.9em;
}

#content dt {
	font-style: italic;
	font-size: 1em;
	font-weight: bold;
}

#content dd {
	margin-left: 1.4em; 
}

/* Tabellen */

#content table {
	clear: both;
	width: 100%;
	border-collapse: collapse;
}

#content th {
	color: #FFFFFF;
	border: 1px solid #11296C;
	font-size: 0.9em;
	padding: 0.4em;
	background: #11296C url(thbg.png) repeat-x bottom;
}

#content td {
	color: #11296C;
	border: 1px solid #11296C;
	font-size: 0.8em;
	line-height: 1.7em;
	padding: 0.4em;
}

/*
* Links
*/

#content h1 a {
	color: #11296C;
	text-decoration: none;
}

#content h1 a:hover {
	color: #DD0828;
}

.url {
	color: #4169E1;
	background: url(url.png) no-repeat left bottom;
	padding-left: 9px;
	text-decoration: none;
}

.url:hover {
	color: #DD0828;
	text-decoration: none;
	background: url(urlhover.png) no-repeat left bottom;
}

.sz {
	color: #4169E1;
	text-decoration: none;
	border-bottom: 1px solid;
}

.sz:hover {
	color: #DD0828;
	text-decoration: none;
}

.glossar, .character, .game {
	color: #4169E1;
	border-bottom: 1px dotted;
	text-decoration: none;
}

.glossar:hover, .character:hover, .game:hover {
	text-decoration: none;
	color: #DD0828;
}

#crumbs a {
	text-decoration: none;
	color: #4169E1;
}

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

#crumbs a.active {
	text-decoration: none;
	border-bottom: 1px solid;
}

/*
* Pager für die News
*/

#content .pager {
	text-align: center;
	clear: both;
}

#content .pagelink, #content .currentpage {
	margin: 0.4em;
	text-decoration: underline;
}

#content .pagelink {
	color: #4169E1;
	text-decoration: none;
}

#content .pagelink:hover {
	color: #DD0828;
	text-decoration: none;
}

/*
* Pager für die Release-Dates
*/

#sidebar .pager {
	text-align: right;
}

#sidebar .pagelink, #sidebar .currentpage {
	margin: 0.2em;
	text-decoration: none;
}

#sidebar .pagelink {
	color: #4169E1;
	text-decoration: none;
}

#sidebar .pagelink:hover {
	color: #DD0828;
	text-decoration: none;
}

/*
* Header
*/

#header .inner {
	height: 80px;
	background: url(header.png) no-repeat center left;
}

#header {
	height: 80px;
	background: #000000 url(headerbg.png) repeat-x;
	border-bottom: 1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
}

/*
* Footer
*/

#bottom {
	background-color: #000000;
}

#affiliates {
	padding: 1em;
	background-color: #000000;
	float: left;
	width: 55%;
}

#affiliates li {
	list-style-type: none;
	font-size: 0.7em;
	float: left;
	padding: 0.3em;
	white-space: nowrap;
	
}

#affiliates li a {
	text-decoration: none;
	color: #FFFFFF;
}

#sitecheck {
	padding: 1em;
	background-color: #000000;
	float: right;
	width: 20%;
}

#sitecheck li {
	list-style-type: none;
	font-size: 0.7em;
	float: right;
	padding: 0.3em;
	white-space: nowrap;
	
}

#sitecheck li a {
	text-decoration: none;
	color: #FFFFFF;
}

#sitecheck a:hover {
	color: #DD0828;
}

#affiliates a:hover {
	color: #4600A4;
}

#footer .inner {
	height: 25px;
	background: url(footer.png) no-repeat center;
}

#footer {
	height: 25px;
	background: #000000 url(footerbg.png) repeat-x;
	border-top: 1px solid #000000;
	clear: both;
}

/*
* Saga Navigation
*/

#saganav {
	border-bottom: 1px solid #000000;
	background: #4600a4 url(saganavbg.png) repeat-x bottom;
	padding: 0 3em 0 0;
}

#saganav li {
	float: right;
	list-style-type: none;
	padding: 1em 0;
	font-size: 0.8em;
}

#saganav li a {
	padding: 1em 0.7em;
	text-decoration: none;
	color: #FFFFFF;
}

#saganav li a:hover, #saganav li a.active:hover {
	background: #4600a4 url(saganavhover.png) repeat-x bottom;
}

#saganav li a.active {
	text-decoration: underline;
	color: #FFFFFF;
	font-weight: bold;
}

/*
* Content Navigation
*/

#contentnav {
	padding: 0 0 0 3em;
	background-color: #000000;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
}

#contentnav ul {
	font-size: 0.8em;
	text-align: center;
}

#contentnav li {
	float: left;
	list-style-type: none;
	padding: 1em 0;
}

#contentnav li a {
	padding: 1em 0.7em;
	text-decoration: none;
	color: #FFFFFF;
}

#contentnav li a:hover, #contentnav li a.active:hover {
	background: #DD0828 url(contentnavhover.png) repeat-x bottom;
}

#contentnav li a.active {
	color: #FFFFFF;
	font-weight: bold;
}

/*
* Bilder im Inhalt
*/

.imgleft, .imgcenter, .imgright {
	width: 10em;
	text-align: center;
	padding: 1em;
	margin: 0.4em;
}

.imgleft img, .imgcenter img, .imgright img {
	border: 1px solid #11296C;
	width: 10em;
}

#content .imgleft p, #content .imgcenter p, #content .imgright p {
	font-size: 0.7em;
}

.imgleft {
	float: left;
}

.imgright {
	float: right;
}

.imgcenter {
	margin: auto;
}