/*  
Theme Name: Stoppt Wildernacht
Theme URI: http://stoppt.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: auto;}
body {font-family: font-family: monospace; font-size: 0.89em; line-height: 1.5em; font-weight: normal; background-color:#000000; color:#000000;}
ul {list-style: none;}
a {color:; font-weight: bolder; text-decoration: none; color: #142d61;}
a:hover, a:active {text-decoration: none;}
a:visited{text-decoration:none;}
a:focus, a:hover, a:active{outline:0;}
p {margin-bottom: 15px;}
fieldset {border: none;}
object {display: block; margin-top: 20px;}
label {font-weight: bold;}
input, textarea {border: none; font-weight: bold; display: block; background: none; padding: 5px;}


a img {border:0;}
h2 {font-family: monospace; font-size: 150%; font-weight: bolder; margin-bottom: 10px;}
h3 {font-family: monospace; font-size: 130%; font-weight: bolder; margin-bottom: 10px;}
h4 {font-family: monospace; font-size: 120%; font-weight: bolder; margin-bottom: 10px;}


/*Layoutelemente*/
#wrapper {width: 1000px; height: auto; margin: 0 auto 0 auto; position: relative; background: url(../slices/e2back.jpg) no-repeat top left;}
#wrapper_variabel {width: 1000px; height: auto; margin: 0 auto 0 auto; position: relative; background: url(../slices/passiert2.jpg) no-repeat top left;}

/*Image Map*/
#wrapper_fix {width: 817px; margin: 0 auto 0 auto; height: 1000px; position: relative; background: url(../slices/routenkarte_web.jpg) top center no-repeat #000000; overflow: hidden; text-align: center;}
#reiter {position: relative;}


/*Suche*/
#header {width: 100%; height: 210px; position: relative;}
#header input {width: 252px; height: 53px; display: block; position: relative; top: 140px; left: 350px; background:url(../slices/suchenfeld.png) no-repeat top left; z-index: 30; padding-left: 100px; padding-top: 20px; color: #d00202;}

/*freie Klassen*/
.hidden {display: none;}
.red {font-size: 140%; font-weight: bold; color: #d00202;}
/*Formularfelder*/

.feld, .comment_name_input, #RealName, #name, #email, .logg {width: 215px; height: 53px; display: block; background:url(../slices/input.png) no-repeat top left; padding-left: 10px; padding-top: 20px;}
.newslettersubmit, .zemSubmit, .memSubmit, .button, .submit {width: 215px; height: 53px; display: block; background:url(../slices/submit.png) no-repeat top left;padding-top: 10px; boder: none;}
.txpCommentInputMessage, .textarea {width: 392px; height: 255px; display: block; background:url(../slices/textarea.png) no-repeat top left; padding-left: 10px; padding-top: 20px; boder: none;}

/*Inhalt blog*/
.content {width: 400px; min-height: 900px; background:url(../slices/papier.png) repeat-y; position: static; margin-left: 250px; padding: 0 50px 60px 50px;}
.blog {width: 100%; height: auto; position: relative; margin-bottom: 30px;}
.blog small {font-size: 80%; font-weight: bold; color:#142d61; display: block; float: left;  padding-right: 20px; width: 100%;} 
.blogrot {width: 90%; height: auto; position: relative; margin-bottom: 30px; color:#d00202;}
.blogrot small {font-size: 80%; font-weight: bold; color:#000000; display: block; float: left;  padding-right: 20px; width: 100%;} 
.blogrot a {color:#000000;}
 {width: 200px;} 
.blog p {clear: left;}
.blogrot p {clear: right;}
.blogrot img, .blog img {max-width: 200px; height: auto;}
.rechts {float: right; padding: 10px 0 10px 10px;}
.links {float: left; padding: 10px 10px 10px 0;}
.clearer {clear: left; clear: right;}


/*Kalender*/
.cal {color: #000000; background: url(../slices/notitz.png) no-repeat; position: relative; font-weight:bold; font-family: "Courier New", Courier, monospace; font-size: 12px;width: 270px; min-height: 340px; margin-left: -70px; font-stretch:condensed; padding: 30px 0;}
table {margin: 0 auto; width: 75%;}
th {font-size:110%; padding-bottom: 10px; text-transform: uppercase; font-weight: bolder;}
td {text-align: center; vertical-align: center; font-weight:bold;}
table a {color; }
.smd_cal_event {color: #000000; background: url(../slices/kringel_rot.png) top center no-repeat;}
.smd_cal_event strong {position: absolute; height: auto; width: 227px; background: url(../slices/tesa.png) repeat-y; display: none; z-index:5; margin-top:-40px; margin-left:-60px; font-size:20px; padding-top: 10px;}
.smd_cal_event:hover strong {display: block;}
.smd_cal_today {background: url(../slices/kringel_blau.png) top center no-repeat;}


/*Bildergalerien*/
.galerie {width: 100%; height: auto; position: relative; margin-bottom: 30px;}
.thumbnail {display: block; width: 100%; height: auto; overflow: hidden; margin-top: 20px;}
.thumbnail li {float: left; padding-right: 10px; padding-bottom: 10px; width: 70px; display: block; text-align: left;height: 110px;}
.thumbnail img {display: block; width: 64px; height: 48px; padding-bottom: 5px;}
.thumbnail a {display: block; font-size: 72%; line-height: 1.2em;}
.thumbnail small {font-weight: bold;}
.single {width: 400px; height: auto; margin-top: 20px;}

/*Bildergalerien*/
.thumbnail_var{display: block; width: 100%; height: auto; overflow: hidden; margin-top: 20px;}
.thumbnail_var li {float: left; padding-right: 10px; padding-bottom: 10px; width: 70px; display: block; text-align: left;height: 80px; line-height: 1.2em; font-size: 72%;}
.thumbnail_var img {display: block; width: 64px; height: 48px; padding-bottom: 5px;}
.thumbnail_var a {display: block; font-size: 72%; line-height: 1.2em;}
.thumbnail_var small {font-weight: bold;}


/*Navigation mit Hovereffekt*/
#navi {position: absolute; top: 220px; width: 250px; left: 20px; z-index: 100;}
#navi li ul {position: absolute; z-index:100; width: 100%; height: 100%; left: 130px; top:40px; display: none;}
#navi li:hover ul {display:block;}
a.eins {display: block; width: 126; height: 37px; background: url(../slices/bilder.png) no-repeat left top; margin-bottom: 5px; position: relative;}
a.eins:hover, a.eins.aktiviert {background-position: left bottom;}


a.amulett {display: block; width: 112px; height: 260px; background: url(../slices/amulettbutton.png) no-repeat left top; position: absolute; margin-bottom: 5px; top:-220px; left: 140px;}
a.amulett:hover, a.amulett.aktiviert {background-position: left bottom;}

a.audio {display: block; width: 69px; height: 37px; background: url(../slices/audio.png) no-repeat left top; position: relative; margin-bottom: 5px;}
a.audio:hover, a.audio.aktiviert {background-position: left bottom;}

a.zwei {display: block; width: 104px; height: 42px; background: url(../slices/bilder1.png) no-repeat left top; position: relative; margin-bottom: 5px;}
a.zwei:hover, a.zwei.aktiviert {background-position: left bottom;}
a.drei {display: block; width: 183px; height: 41px; background: url(../slices/bilder2.png) no-repeat left top; position: relative; left: 120px; top:-40px;}
a.drei:hover, a.drei.aktiviert {background-position: left bottom;}
a.vier {display: block; width: 104px; height: 42px; background: url(../slices/newsletter.png) no-repeat left top; position: relative;}
a.vier:hover, a.vier.aktiviert {background-position: left bottom;}
a.fuenf {display: block; width: 184; height: 43px; background: url(../slices/kontakt.png) no-repeat left top; position: relative; margin-bottom: 5px;}
a.fuenf:hover, a.vier.aktiviert {background-position: left bottom;}
a.sechs {display: block; width: 183px; height: 41px; background: url(../slices/wasist.png) no-repeat left top; position: relative; margin-bottom: 5px;}
a.sechs:hover, a.sechs.aktiviert {background-position: left bottom;}
a.sieben {display: block; width: 170px; height: 72px; background: url(../slices/geheimnis.png) no-repeat left top; position: relative;}
a.sieben:hover, a.sieben.aktiviert {background-position: left bottom;}
a.acht {display: block; width: 225px; height: 42px; background: url(../slices/zurueck.png) no-repeat left top; position: relative; left:-30px;}
a.acht:hover, a.acht.aktiviert {background-position: left bottom;}
a.neun {display: block; width: 104px; height: 42px; background: url(../slices/user.png) no-repeat left top; position: relative;}
a.neun:hover, a.neun.aktiviert {background-position: left bottom;}
a.zehn {display: block; width: 186px; height: 42px; background: url(../slices/reiter.png) no-repeat left top; position: relative;}
a.zehn:hover, a.zehn.aktiviert {background-position: left bottom;}

a.socialeins {display: block; width: 32px; height: 32px; background: url(../slices/twitter.png) no-repeat left top; position: absolute; top: 550px;}
a.socialzwei {display: block; width: 32px; height: 32px; background: url(../slices/myspace.png) no-repeat left top; position: absolute; top: 550px; left: 40px;}
a.socialdrei {display: block; width: 32px; height: 32px; background: url(../slices/facebook.png) no-repeat left top; position: absolute; top: 550px; left: 80px;}
a.socialvier {display: block; width: 32px; height: 32px; background: url(../slices/linkedid.png) no-repeat left top; position: absolute; top: 550px; left: 120px;}
a.socialfuenf {display: block; width: 32px; height: 32px; background: url(../slices/rss.png) no-repeat left top; position: absolute; top: 550px; left: 160px;}

/*Sidebar*/
.sidebar {position: absolute; left: 750px; top: 220px; width: 250px; height: auto; font-family:Arial, Helvetica, sans-serif; font-weight: bold; font-size: 90%;}
.aa {font-weight: bold; color:#ffffff;}
.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 {font-family:Arial, Helvetica, sans-serif;}
.sidebar a {color:#800707; font-weight bold;}
.video {width: 80%; height: auto; text-align: left; margin-bottom: 10px; padding-left: 10%; font-family:Arial, Helvetica, sans-serif;}
.video a {color: #FFFFFF;}
.video small {color:#FFFFFF; display: block;}
.kalender {position: absolute; width: 100%; height: auto; top: 440px; padding-left: 10%;}

/*Footer*/
#footer {width: 1000px; height: 110px; background:url(../slices/footer.png) no-repeat bottom left; position: relative; margin:-38px auto 0 auto; bottom: 0; clear: both;}
#footer li {float: left; position: relative; margin-top: 80px; margin-left: 10px; font-size:85%; font-family: Arial, Helvetica, sans-serif;}
#footer li a {color: #000000;}
#footer li a:active, #footer li a:hover {color: #d00202;}

.hidden {display: none;}

/*tooltips*/
.tip				{width: 230px; background:url(../slices/blupmitte.png) left top repeat-y; padding: 5px  80px 0 40px;}
.tip-top			{ background:url(../slices/bluboben.png) top left no-repeat; height:125px; width:360px;}
.tip-title		{ color:#a02f1f; font-weight:bold; font-size: 110%; width: 230px;  padding: 5px  80px 0 40px;}
.tip-text		{ display: none;}
.tip-bottom		{ background:url(../slices/blupunten.png) left bottom no-repeat; width:360px; height:430px;}