/*  
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*/
html, body {width: 100%; height: 100%;}
body {font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, "Bitstream Vera Sans", sans-serif; font-size: 0.89em; line-height: 1.5em; font-weight: normal; background-color:#000000; color: #c9c9ca;}
ol {padding-bottom: 25px;}
ul {list-style: none;}
a {color:#403f1a; font-weight: bolder; text-decoration: none;}
a:hover, a:active {text-decoration: none;}
a:visited{text-decoration:none;}
a:focus, a:hover, a:active{outline:0;}
p {margin-bottom: 20px;}
label {display: block; font-weight: bold;}
input, textarea {border: none; font-weight: bold; display: block; margin-bottom: 5px; background: none; color: #333333;}

a img {border:0;}
h1 {font-family: Arial, Helvetica, sans-serif; font-size: 145%; font-weight: bolder; font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, "Bitstream Vera Sans", sans-serif;}
h2 {font-family: Arial, Helvetica, sans-serif; font-size: 150%; font-weight: bolder; margin-bottom: 20px; font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, "Bitstream Vera Sans", sans-serif;}
h3 {font-family: Arial, Helvetica, sans-serif; font-size: 120%; font-weight: bolder; margin-bottom: 15px; clear: both; font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, "Bitstream Vera Sans", sans-serif;}
h4 {font-family: Arial, Helvetica, sans-serif; font-size: 100%; font-weight: bolder; margin-bottom: 10px; clear: both; font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, "Bitstream Vera Sans", sans-serif;}
h5 {font-family: Arial, Helvetica, sans-serif; font-size: 100%; font-weight: bolder; width: 520px; display: block;font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, "Bitstream Vera Sans", sans-serif; text-align: center; margin-bottom: 5px;}


/*Layoutelemente*/
#header {width: 100%; height: 205px; background: url(../images/header.png) no-repeat top center; position: fixed; z-index:10; left: 0; top: 0;}
#content {width: 100%; margin: 0 auto; position: absolute; height: auto; padding: 210px 0 180px 0;}
#wrapper {width: 1000px; margin: 0 auto 0 auto; position: relative;}
#footer {width: 100%; height: 170px; background: url(../images/footer.png) no-repeat top center; position: fixed; bottom: 0; left: 0;}

/*Hintergründe für die verschiedenen Sektionen*/
.bgcharaktere {background:url(../images/bgcharaktere.jpg) fixed no-repeat top center #000000;}
.bgcharaktere a {color: #c9c9ca;} 
.bgbuch {background:url(../images/bgbuch.jpg) no-repeat fixed top center #000000;}
.bgbuch a {color:#6d1010;}
.bggeschichte {background:url(../images/bggeschichte.jpg) fixed no-repeat top center #000000;}
.bggeschichte a {color:#9b0f10;}
.bgfragen {background:url(../images/bgfragen.jpg) fixed no-repeat top center #000000;}
.bgfragen a {color: #6d1010;}
.bgnews {background:url(../images/bgnews.jpg) fixed no-repeat top center #000000;}
.bgnews a {color: #2ca0ae; font-weight: bold;}

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

/*Überschriften*/
.blau {color: #b8e6ee;}
.braun {color:#c6c3be;}
.gruen {color: #6d1010;}
.grau {color:#c9c9ca;}

/*Medienbereich*/
.media {width: 150px; height: 10px; float: left; padding: 0 12px 0 0; position: relative; clear: right;}
.galerie {width: auto; height: auto; position: relative; display: block; margin-bottom: 30px;}
.galerie li {float: left; width: auto;}
.galerie img {width: 40px; height: 40px; margin: 0 10px 10px 0; display: block;}
.player {display: block; position: relative; margin: 0 auto 10px auto;}

/*Sektion Geschichte*/
.textgeschichte {width: 600px; height: auto; float: left; margin-left: 15px;}
.textgeschichte p {width: 520px;}


/*Sektion Bücher*/
.textbuch {width: 600px; height: auto; float: left; margin-left: 15px; color:#000000; padding-bottom: 40px;}
.textbuch p {width: 340px;}
.buchtext {width: 420px; color:#000000; float:right;}
.buchbild {float: left; width: 120px; height: auto; margin-right: 30px; display: block;}

/*Sektion Charaktere*/
.text {width: 600px; height: auto; float: left; margin-left: 15px; padding-bottom: 0px; color: #c9c9ca;}
.text p {width: 340px;}
.charakterbild {display: block; float: right; width: 210px; height: auto;}
.thumbnail {display: block; margin-top: 30px; width: 100%; height: auto;}
.thumbnail li {float: left; padding-right: 30px; padding-bottom: 20px; width: 120px; display: block; text-align: center;}
.thumbnail img {display: block; width: 120px; height: auto; padding-bottom: 5px;}
.thumbnail a {display: block; }

/*Sektion Fragen*/
.hauptfrage {width: 600px; height: auto; float: left; margin-left: 15px; color:#000000; position: relative;}
.textfragen {width: 600px; height: auto; float: left; margin-left: 15px; color:#000000; position: relative; left: 162px;}
.textfragen p {width: 520px;}
.textfragen small {color: #6d1010; font-weight: bold;}
.kommentar {display: block; width: 100%; height: auto; padding-bottom: 5px;}
.textantworten {width: 600px; height: auto; float: left; padding-left: 165px; color:#000000;}
.textantworten p {width: 520px;}
.fragentitel {font-family: Arial, Helvetica, sans-serif; font-size: 120%; font-weight: bolder; margin-bottom: 15px; clear: both; font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, "Bitstream Vera Sans", sans-serif;}

/*Sektion News*/
.textnews {width: 600px; height: auto; float: left; margin-left: 15px; position: relative;}
.textnews p {width: 520px; clear: left;}
.textnews small {color: #2ca0ae; font-weight: bold; padding-right: 20px; float: left;}
.textnews h3 {color:#c9c9ca;}

/*Formulare*/
#txpCommentPreview, #txpCommentSubmit {background:url(../images/button.png) no-repeat top left; width: 100px; height: 35px; color:#333333; display: inline; margin: 20px 0;}
.txpCommentInputMessage {background: url(../images/kommentarfeld.png) left top no-repeat; width: 240px; height: 120px; color: #333333; padding: 10px 0 0 10px;}
textarea.zemTextarea {background: url(../images/kommentarfeldpet.png) left top no-repeat; width: 240px; height: 120px; color: #333333; padding: 10px 0 0 10px;}

.comment_name_input {background: url(../images/input.png) left top no-repeat; width: 170px; height: 40px; color: #333333; padding: 5px 0 0 5px;}
.logg {background: url(../images/input.png) left top no-repeat; width: 170px; height: 40px; color: #333333; padding: 5px 0 0 5px;}
fieldset {border: none;}
.memSubmit {background:url(../images/buttonrot.png) no-repeat top left; width: 100px; height: 35px; color:#b7b9b9; margin-top: 20px; display: block; border: none;}
input.memRequired {background: url(../images/registrierenrot.png) left top no-repeat; width: 218px; height: 40px; color: #ffffff; padding: 5px 0 0 5px;}
input.zemRequired {background: url(../images/inputpet.png) left top no-repeat; width: 218px; height: 40px; color: #333333; padding: 5px 0 0 5px;}
.submit {background:url(../images/button.png) no-repeat top left; width: 100px; height: 35px; color:#333333; margin-top: 20px; display: block; border: none; color:#d3d6d6;}
.zemSubmit {background:url(../images/buttonpet.png) no-repeat top left; width: 100px; height: 35px; color:#333333; margin-top: 20px; display: block; border: none; color:#333333;}
.newsletter {background: url(../images/inputpetrol.png) left top no-repeat; width: 218px; height: 40px; color: #ffffff; padding: 5px 0 0 5px;}
.newslettersubmit {background:url(../images/petrolbutton.png) no-repeat top left; width: 190px; height: 40px; color:#333333; margin-top: 20px; display: block; border: none; color:#d3d6d6;}




/*Archiv*/
.archiv {display: block; position: relative; float: right; width: 200px; height: auto; color: #6d1010; font-weight: bold;}
.archiv input {border: none; background:url(../images/archivsuche.png) no-repeat top left; color: #c5beb5; font-weight: bold; width: 140px; height: 40px; padding: 10px 0 0 10px;}
.kategorie a {color:#403f1a;}
.archiv ul li ul {position: relative; left: 25px; display: none;}
.archiv ul li:hover ul, .archiv ul li:active ul {display: block;} 

/*freie Klassen*/
.hidden {display:none;}
.clearer {clear: left; height: 40px; display: block; width: 100%; position: relative;}
.clear {clear: left; display: block; width: 100%; position: relative;}
.links {float: left; width: auto; display: block;}
.rechts {float: right; width: auto; display: block;}

/*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;}