/* Allgemeines */
body {
	text-align: center;
	margin: 0;
	padding: 0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	background-color: #fff;
}


h1 {
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 19px;
	letter-spacing: 1px;
}
h2 {
	color: #999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	letter-spacing: 0px;
}


.grau {
	color: #999;
}
dd {
	
}
small, .small {
	font-size: 11px;
}
.clear {
	clear: both;
}
div.inhalt {
	padding: 0 20px 0 20px;
	clear: both;
}


/* Links */

a {
	text-decoration : none;
	color: #888;
	padding: 2px;
}

a:hover, a:hover span.markiert {
	text-decoration : none;
	background-color: #5b35ff;
	color: #fff;
}

a img {
	border: 0px;
}
.url {

}


/* Buchstaben- und Zahlen-Leisten */
.seiten, .seiten a, .seiten span, .seiten strong {
	padding: 2px 4px 2px 4px;
}

/* neu */
#box-oben {
	background-color: #ccc;
	text-align: center;
	height: 70px;	/* etwas höher als das Bild */
}
.box-zentriert {
	width: 750px;
	text-align: left;
	margin: 0 auto;
}
#titel-links {
	width: 375px;
	float: left;
	margin: 6px 0 0 0px;
	text-align: left;
}
#titel-rechts {
	width: 375px;
	float: right;
}
#box-menue {
	background-color: #aaa;
	text-align: center;
	margin: 1px 0 0 0;
	padding: 4px 4px 4px 30px;
	border-bottom: solid 1px #888;
}
#box-menue a {
	color: #fff;
	font-weight: normal;
	padding: 4px 5px 4px 5px;
}
#box-menue a:hover {
	background-color: #5b35ff;
	font-weight: normal;
	text-decoration: none;
}

/* Box Mitte */
div.box-mitte {
  width: 750px;
  margin: 0 auto;
}

#box-mitte { 
	width: 754px;
	margin: 0 auto;
	text-align: left;
	background-color: #fff;
}
#box-unten {
	width: 754px;
	height: 10px;
	margin: 0 auto 10px;
	font: 1px/1px sans-serif;
	background: url(img/box-unten.gif) no-repeat top;	
	text-align: left;
}

/* Titel */
div#titel {
	background-color: #333;
	text-align: center;
}

/* Suche */
div#suchen {
	text-align: center;
	padding: 10px 0 0;
	margin: 0px;
}
div#suchen form {
	padding: 0px;
	margin: 0px;
}
div#suchen input.text {
	width: 290px;
}
fieldset {
    border: 0;
}

/* Schlagwoerter */
div#schlagwoerter {
	background-color: #fff;
	padding: 10px 20px 10px 20px;
	margin: 0px;
}
div#schlagwoerter p {
	text-align: center;
	padding: 0px;
	margin: 0px;
}
div#schlagwoerter h2 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #888;
	padding: 0px 0px 10px 0px;
	margin: 0px;
	font-weight: normal;
}

/* Bilder-Links */
a.rand img {

}

a.rand:hover img {

}
a.randlos img {
	border: 0px;
	
}
a.randlos:hover {
	background-color: transparent;
}

/* Comic-Links */
dl.comiclink {
	margin: 0;
	padding: 0;
	background-color: #fff;
}
dl.comiclink dt {
	width: 130px;
	float: left;
	clear: both;
	margin: 0 0 10px 20px;
	padding: 0;
	
}
dl.comiclink dt.ohnebild {
    background: #fff url(bild/bg_ohnebild.gif) no-repeat;
	width: 130px;
	float: left;
	clear: both;
	margin: 0 0 0 20px;
	padding: 0;
}
dl.comiclink dt img {
	margin: 0 10px 10px 0;
	border: solid 1px #999;
	padding: 2px;
}
dl.comiclink dt a:hover {
	background-color: transparent;
}
dl.comiclink dt a:hover img {
	border: solid 2px #5b35ff;
	padding: 1px;
}
dl.comiclink dd img {
	margin-left: 6px;
}
span.markiert {
	background-color: #ffff99;
}


dl.comiclink dt.ohnebild img {
	margin: 0 10px 10px 0;
	border: solid 2px white;
}
dl.comiclink dd {
  background-color: #fff;
	float: right;
	width: 580px;
	margin: 0 20px 0 0;
	padding: 0 0 10px 0;
	text-align: left;
	clear: right;
}
dl.comiclink h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	padding-bottom: 0px;
	margin: 0px;

	letter-spacing: 1px;
}
dl.comiclink p {
	margin: 4px 0 4px 0;

}

.navigation {
	color: #ccc;
}