/*  
Theme Name: Wildernacht
Theme URI: http://wildernacht.de
Version: 1.0
Author: Veronika Sattler
Author URI: http://websache.de
*/

* { margin: 0; padding: 0;}

/*Tag-Zuweisungen und gebundene Klassen*/
body {width: 3500px; height: 100%;}
body {color: red; font-family: Arial, Helvetica, sans-serif; font-size: 0.89em; line-height: 1.5em; font-weight: normal; background: url(../images/kachel.jpg) repeat-x top left #000000;}
ul {list-style: none;}
a {color:red; font-weight: bolder; text-decoration: none;}
a:hover, a:active {color:#ba0000; text-decoration: none;}
a:visited{text-decoration:none;}
a:focus, a:hover, a:active{outline:0;}

a img {border:0;}
h1 {font-familiy: Arial, Helvetica, sans-serif; font-size: 140%; font-weight: bolder;}

#content_scroll {width: 3500px; position: relative; height: 600px;}
#header {width: 100%; height: 205px; background: url(../images/header.png) no-repeat top center; position: fixed; z-index: 30;}
#footer {width: 100%; height: 170px; background: url(../images/footer2.png) no-repeat top center; position: fixed; bottom: 0;}

/*freie Klassen*/
.hidden {display:none;}
/*Styling Logo*/
.logogruen {display: block; width: 650px; height: 249px; position: relative; margin: 0 auto; background: url(../images/logogruen.png) no-repeat top left;}

/*Illustrationen*/

a.drachen {position: absolute; top: 276px; left: 334px; display: block; width: 338px; height: 281px; background:url(../images/drachen.jpg) top left no-repeat;}
a.drachen:hover {background-image: url(../images/drachen.gif);}
a.galahad {position: absolute; top: 240px; left: 712px; display: block; width: 236px; height: 376px; background:url(../images/galaani.jpg) top left no-repeat;}
a.galahad:hover {background-image: url(../images/galaani.gif);}
a.sally {position: absolute; top: 271px; left: 1062px; display: block; width: 260px; height: 351px; background:url(../images/sally.jpg) top left no-repeat;}
a.sally:hover {background-image: url(../images/sallyani.gif);}
a.michael {position: absolute; top: 255px; left: 1379px; display: block; width: 279px; height: 281px; background:url(../images/michael.jpg) top left no-repeat;}
a.michael:hover {background-image: url(../images/michael.gif);}
a.ki {position: absolute; top: 222px; left: 1719px; display: block; width: 200px; height: 381px; background:url(../images/ko-kahla.jpg) top left no-repeat;}
a.ki:hover {background-image: url(../images/kokahlaani.gif);}
a.merlin {position: absolute; top: 231px; left: 2112px; display: block; width: 178px; height: 407px; background:url(../images/merlin2.jpg) top left no-repeat;}
a.merlin:hover {background-image: url(../images/merlin2ani.gif);}
a.jean {position: absolute; top: 277px; left: 2365px; display: block; width: 233px; height: 303px; background:url(../images/jeadark.jpg) top left no-repeat;}
a.jean:hover {background-image: url(../images/jeandarkani.gif);}
a.kurze {position: absolute; top: 353px; left: 2744px; display: block; width: 177px; height: 282px; background:url(../images/kurze.jpg) top left no-repeat;}
a.kurze:hover {background-image: url(../images/kurzeani.gif);}
a.goldfinger {position: absolute; top: 239px; left: 2996px; display: block; width: 268px; height: 283px; background:url(../images/goldani.jpg) top left no-repeat;}
a.goldfinger:hover {background-image: url(../images/goldani.gif);}






/*Scroller*/
ul.pfeile {width: 1000px; height: auto; display: block; margin: 0 auto; position: relative;}
#left {display: block; width: 25px; height: 15px; background: url(../images/slideleft.png) no-repeat left top; position: absolute; top: 65px;left: 460px;}
#left:hover  {background-position: left center;}
#left:active, #left.aktiviert {background-position: left bottom;}
#right {display: block; width: 25px; height: 15px; background: url(../images/slideright.png) no-repeat left top; position: absolute; top: 67px;left: 517px;}
#right:hover  {background-position: left center;}
#right:active, #right.aktiviert {background-position: left bottom;}
.slide {display: block; width: 40px; height: 21px; background: url(../images/slide.png) no-repeat left top; position: absolute; top: 64px;left: 480px;}



/*Navigation*/
ul.navi {width: 1000px; height: auto; display: block; margin: 0 auto; position: relative; left: 30px; top: 130px;}
ul.navi li {float: left;}
a.startseite {display: block; width: 58px; height: 17px; background: url(../images/startseite.png) no-repeat left top; position: absolute; top: -65px;}
a.startseite:hover  {background-position: left center;}
a.startseite:active {background-position: left bottom;}
a.startseite.aktiviert {display:none;}
a#right {display: block; width: 25px; height: 15px; background: url(../images/slideright.png) no-repeat left top; position: absolute; left: 485px; top: -64px;}
a.sliderechts:hover  {background-position: left center;}
a.sliderechts:active, a.sliderechts.aktiviert {background-position: left bottom;}
a.geschichte {display: block; width: 90px; height: 17px; background: url(../images/geschichte.png) no-repeat left top;}
a.geschichte:hover  {background-position: left center;}
a.geschichte:active, a.geschichte.aktiviert {background-position: left bottom;}
a.buecher {display: block; width: 75px; height: 17px; background: url(../images/buecher.png) no-repeat left top;}
a.buecher:hover  {background-position: left center;}
a.buecher:active, a.buecher.aktiviert {background-position: left bottom;}
a.charaktere {display: block; width: 95px; height: 17px; background: url(../images/charaktere.png) no-repeat left top;}
a.charaktere:hover  {background-position: left center;}
a.charaktere:active, a.charaktere.aktiviert {background-position: left bottom;}
a.news {display: block; width: 45px; height: 17px; background: url(../images/news.png) no-repeat left top;}
a.news:hover  {background-position: left center;}
a.news:active, a.news.aktiviert {background-position: left bottom;}
a.fragen {display: block; width: 50px; height: 17px; background: url(../images/fragen.png) no-repeat left top;}
a.fragen:hover  {background-position: left center;}
a.fragen:active, a.fragen.aktiviert {background-position: left bottom;}
a.schoepfer {display: block; width: 80px; height: 17px; background: url(../images/schoepfer.png) no-repeat left top;}
a.schoepfer:hover  {background-position: left center;}
a.schoepfer:active, a.schoepfer.aktiviert {background-position: left bottom;}
a.download {display: block; width: 68px; height: 17px; background: url(../images/download.png) no-repeat left top;}
a.download:hover  {background-position: left center;}
a.download:active, a.download.aktiviert {background-position: left bottom;}
a.impressum {display: block; width: 70px; height: 17px; background: url(../images/impressum.png) no-repeat left top;}
a.impressum:hover  {background-position: left center;}
a.impressum:active, a.impressum.aktiviert {background-position: left bottom;}
a.kontakt {display: block; width: 70px; height: 17px; background: url(../images/kontakt.png) no-repeat left top;}
a.kontakt:hover  {background-position: left center;}
a.kontakt:active, a.kontakt.aktiviert {background-position: left bottom;}
span.passiert {display: block; width: 406px; height: 98px; background: url(../images/passiertjetzt.png) no-repeat left top; position:absolute; top:-85px; left: 575px;}
span.passiert:hover, span.passiert:active {background-position: left bottom;}