body, h1, h2, h3, h4, h5, h6, div, p, table, td, ul, ol, li, map {
margin:0px;
padding: 0px;
}

/* Definiert Bilder in Tabellenzellen als Blockelement um ungewollte Luecken zu vermeiden */
td img {
display: block;
}

map {
border:0px;
}

.nowrap {
white-space: nowrap;
}

body {
	background-color:#FFFFFF;
}

/* Die Positionen der einzelnen Bereiche */

#container {
	width: 790px;
	height: 578px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -289px 0 0 -395px;
	overflow: hidden;
	}
	
#navigation {
	position: absolute;
	top: 0px;
	left: 200px;
	width: 968px;
	height: 62px;
}

#inhalt {
	width: 790px;
	height: 578px;
	position: absolute;
	top: 62px;
	left: 0px;
}

#zahlen, #zahlen_archiv {
	width: 400px;
	height: 47px;
	position: absolute;
	top: 95px;
	left: 197px;
	z-index:1;
}

#strips {
	width: 400px;
	height: 22px;
	position: absolute;
	top: 161px;
	left: 79px;
}

#start #container #strips {
	width: 400px;
	height: 22px;
	position: absolute;
	top: 101px;
	left: 79px;
}

#start #container #textlinks {
	width: 800px;
	height: 22px;
	position: absolute;
	top: 370px;
	left: 132px;
}

#textlinks {
	width:230px;
	position: absolute;
	top: 80px;
	left: 132px;
}

#rechts {
	width:230px;
	position: absolute;
	top: 80px;
	left: 435px;
}

#links #container #textlinks {
	width:270px;
	position: absolute;
	top: 80px;
	left: 132px;
}

#links #container #rechts {
	width:280px;
	position: absolute;
	top: 80px;
	left: 435px;
}

#zeichner #container #textlinks {
	width:250px;
	position: absolute;
	top: 80px;
	left: 218px;
}

#zeichner #container #rechts {
	width:250px;
	position: absolute;
	top: 80px;
	left: 495px;
}

#gaeste #textlinks {
	width:540px;
	position: absolute;
	top: 80px;
	left: 132px;
}

#comics #container #textlinks {
	width:500px;
	position: absolute;
	top: 80px;
	left: 132px;
}

#comics_l {
	width:230px;
	position: absolute;
	top: 151px;
	left: 132px;
}

#comics_text_l {
	width:230px;
	position: absolute;
	top: 148px;
	left: 192px;
}

#comics_text_r {
	width:230px;
	position: absolute;
	top: 148px;
	left: 495px;
}

/* Die Schrift */
	
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #515151;
	line-height: 150%;
}

#links #container p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #515151;
	line-height: 140%;
}

a, a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #515151;
	text-decoration:underline;
}

a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #515151;
	text-decoration:none;
}

/* Links auf Links */

/*#links #container a, #links #container a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #515151;
	text-decoration:underline;
}

#links #container a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #515151;
	text-decoration:none;
}*/

.fett {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #515151;
	font-weight: bold;
}

/* Navigation mit Hover-Effekten */
#navigation {
	position:absolute;
	top: 36px;
	left: 129px;
	width: 636px;
	text-align: center;
	margin: 0;
	padding: 0;
	height: 19px;
	z-index:6;
	/* IE 5 Mac kann es nicht sehen \*/
	width: 636px;
	/* */
}

#navigation a {
	height: 19px;
	display: block;
	float: left;
	padding: 0;
	margin: 0;
}


/* Das Impressum */

#subnavigation {
	position: absolute;
	top: 541px;
	left: 512px;
	width: 80px;
	text-align: center;
	margin: 0;
	padding: 0;
	height: 19px;
	z-index:6;
	/* IE 5 Mac kann es nicht sehen \*/
	width: 660px;
	/* */
}

#subnavigation a {
	height: 19px;
	display: block;
	float: left;
	padding: 0;
	margin: 0;
}

#navigation a.navi_start{
	width: 68px;
	background: url(../images/navigation/start_nav.gif) no-repeat;
}

#navigation a.navi_archiv {
	width: 96px;
	background: url(../images/navigation/archiv_nav.gif) no-repeat;
}

#navigation a.navi_zeichner {
	width: 123px;
	background: url(../images/navigation/zeichner_nav.gif) no-repeat;
}

#navigation a.navi_comics {
	width: 165px;
	background: url(../images/navigation/comics_nav.gif) no-repeat;
}

#navigation a.navi_gaeste {
	width: 120px;
	background: url(../images/navigation/gaeste_nav.gif) no-repeat;
}

#navigation a.navi_links {
	width: 64px;
	background: url(../images/navigation/links_nav.gif) no-repeat;
}

#subnavigation a.navi_impressum {
	width: 80px;
	background: url(../images/navigation/impressum_nav.gif) no-repeat;
}


/* folgendes ist fuer die Hover-Effekte und fuer den aktiven Link in der Navi*/
#navigation a:hover, #subnavigation a:hover, #impressum #container #subnavigation a.navi_impressum, #start #container #navigation a.navi_start, #archiv #container #navigation a.navi_archiv, #zeichner #container #navigation a.navi_zeichner, #comics #container #navigation a.navi_comics, #gaeste #container #navigation a.navi_gaeste, #links #container #navigation a.navi_links, #impressum #container #navigation a.navi_impressumen{
	background-position: left bottom;
}

#navigation a span, #subnavigation a span {
	display: none;
}

.abstand1 {
	padding-top:5px;
	}
	
.abstand2 {
	padding-top:22px;
	}

.abstand3 {
	padding-top:23px;
	}
/*nachträglich von Björn*/

.zahlkasten_archiv {
	position:absolute;
	top:92px;
	left:192px;
	z-index:3;
}
	
.fuenfzig1 {
	width: 665px;
	padding-left: 15px;
	padding-right: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #515151;
}