/* Die Pfeile der Navig-Leiste */ 



.back {

position: relative;

font-family: arial, helvetica, sans-serif;

background-image: url(images/arrow_back_down.gif);

background-repeat: no-repeat;

white-space: nowrap;

display: block;

width: 60px;

height: 42px;

margin: 0;

padding: 0;

}

.back a {

display: block;

color: #000000;

font-size: 11px;

width: 60px;

height: 42px;

display: block;

float: left;

color: black;

text-decoration: none;

}

.back img {width: 60px; height: 42px; border: 0; }

* html a:hover {visibility:visible}

.back a:hover img{visibility:hidden}

.back span {

position: absolute;

left: 35px;

top: 15px;

margin: 0px;

padding: 0px;

cursor: pointer;

}



.next {

position: relative;

font-family: arial, helvetica, sans-serif;

background-image: url(images/arrow_next_down.gif);

background-repeat: no-repeat;

white-space: nowrap;

display: block;

width: 60px;

height: 42px;

margin: 0;

padding: 0;

}

.next a {

display: block;

color: #000000;

font-size: 11px;

width: 60px;

height: 42px;

display: block;

float: left;

color: black;

text-decoration: none;

}

.next img {width: 60px; height: 42px; border: 0; }

* html a:hover {visibility:visible}

.next a:hover img{visibility:hidden}

.next span {

position: absolute;

left: 35px;

top: 15px;

margin: 0px;

padding: 0px;

cursor: pointer;

}



#arrowspan {

   width:60px; 

   height:42px; 

   }



/* CSS für button rollover im menü */



.news {

position: relative;

font-family: arial, helvetica, sans-serif;

background-image: url(images/news_down.gif);

background-repeat: no-repeat;

white-space: nowrap;

display: block;

width: 200px;

height: 89px;

margin: 0;

padding: 0;

}

.news a {

display: block;

color: #000000;

font-size: 11px;

width: 200px;

height: 89px;

display: block;

float: left;

color: black;

text-decoration: none;

}

.news img {width: 200px; height: 89px; border: 0; }

* html a:hover {visibility:visible}

.news a:hover img{visibility:hidden}

.news span {

position: absolute;

left: 35px;

top: 15px;

margin: 0px;

padding: 0px;

cursor: pointer;

}





.comic {

position: relative;

font-family: arial, helvetica, sans-serif;

background-image: url(images/comic_down.gif);

background-repeat: no-repeat;

white-space: nowrap;

display: block;

width: 200px;

height: 89px;

margin: 0;

padding: 0;

}

.comic a {

display: block;

color: #000000;

font-size: 11px;

width: 200px;

height: 89px;

display: block;

float: left;

color: black;

text-decoration: none;

}

.comic img {width: 200px; height: 89px; border: 0; }

* html a:hover {visibility:visible}

.comic a:hover img{visibility:hidden}

.comic span {

position: absolute;

left: 35px;

top: 15px;

margin: 0px;

padding: 0px;

cursor: pointer;

}





#comicpanel

{ 

Cursor:default;

}

#comicpanel a:hover 

{ 

background-position: 0 -300px;

Cursor:default;

}



#comicpanel2

{ 

Cursor:default;

}

#comicpanel2 a

{ 

width:500px;

height:300px;

display:block; 

background-image:url(comics/comic_1_1.gif);

background-repeat:no-repeat; 

}

#comicpanel2 a:hover 

{ 

Cursor:default;

background-position: 0 -300px;

}



.stuff {

position: relative;

font-family: arial, helvetica, sans-serif;

background-image: url(images/stuff_down.gif);

background-repeat: no-repeat;

white-space: nowrap;

display: block;

width: 200px;

height: 89px;

margin: 0;

padding: 0;

}

.stuff a {

display: block;

color: #000000;

font-size: 11px;

width: 200px;

height: 89px;

display: block;

float: left;

color: black;

text-decoration: none;

}

.stuff img {width: 200px; height: 89px; border: 0; }

* html a:hover {visibility:visible}

.stuff a:hover img{visibility:hidden}

.stuff span {

position: absolute;

left: 35px;

top: 15px;

margin: 0px;

padding: 0px;

cursor: pointer;

}



.guest {

position: relative;

font-family: arial, helvetica, sans-serif;

background-image: url(images/guest_down.gif);

background-repeat: no-repeat;

white-space: nowrap;

display: block;

width: 200px;

height: 89px;

margin: 0;

padding: 0;

}

.guest a {

display: block;

color: #000000;

font-size: 11px;

width: 200px;

height: 89px;

display: block;

float: left;

color: black;

text-decoration: none;

}

.guest img {width: 200px; height: 89px; border: 0; }

* html a:hover {visibility:visible}

.guest a:hover img{visibility:hidden}

.guest span {

position: absolute;

left: 35px;

top: 15px;

margin: 0px;

padding: 0px;

cursor: pointer;

}



.BIGfont {  font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #99FF00}

.TINYfont {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #99FF00}