/*
Theme Name: szenografie.net
Theme URI: http://www.szenografie.net
Description: Customized Template for szenografie.net
Author: Lukas Kretschmer
Tags: private
*/

* {padding: 0px; margin: 0px;}

html {
 width: 100%;
 min-width: 100%;
 height: 100%;
 min-height: 100%;
 background: url( 'zimmer4.jpg' ) top left repeat #000;
}

body {
 text-align: center;
 font-size: 1em;
 font-family: helvetica, arial, sans-serif;
}

#page {
}

a {
 color: #4bce86;
 text-decoration: none;
}

a:hover {
 color: #fff;
 background: #4bce86;
}

#container {
 width: 1000px;
 min-width: 1000px;
 margin: auto;
 text-align: left;
}

#spalte1 {
 width: 250px;
 max-width: 250px;
 float: left;
 display: block;
 overflow: hidden;
}

#spalte2 {
 width: 200px;
 max-width: 200px;
 float: left;
 display: block;
 overflow: hidden;
}

#spalte3 {
 width: 550px;
 max-width: 550px;
 float: left;
 display: block;
 overflow: hidden;
}

.clearer { clear: both; }

.wrap {
 padding: 10px;
}

.textwrap {
 padding: 10px;
 padding-top: 20px;
}

#spalte1 #kategorien {
 margin-top: 64px;
 margin-bottom: 15px;
 margin-left: 17px; /*change for IE!!!*/
}

#spalte1 .tilt {
 -webkit-transform: rotate(25deg);
 -moz-transform: rotate(25deg);
 -o-transform: rotate(25deg);
}

#spalte1 #kategorien ul {
 list-style-type: none;
 font-size: 1.2em;
}

#spalte1 #kategorien ul li.used-cat a {
 color: #555;
}

#spalte1 #archivlist {
 height: 350px;
 width: 250px;
 overflow: scroll;
 overflow-x: hidden;
}

#spalte1 #archivlist a {
 font-size: 0.9em;
 display: block;
 width: 230px;
 max-width: 230px;
 white-space: normal;
 padding-top: 10px;
 padding-bottom: 10px;
 padding-left: 5px;
 padding-right: 5px;
 color: #555;
 background: url( 'white.png' ) top left repeat;
}

#spalte1 #archivlist a:hover {
 color: #fff;
 /* background: url( 'black.png' ) top left repeat; */
 background: #4bce86;
}

#spalte1 #archivlist a img {
 float: left;
 border: 0px;
 margin-left: 3px;
 margin-right: 3px;
 height: 20px;
 width: 25px;
}

#spalte1 #archivlist a:hover img {
 margin-right: 10px;
 width: 50px;
 height: 40px;
 -webkit-transform: rotate(-30deg);
 -moz-transform: rotate(-30deg);
 -o-transform: rotate(-30deg);
}

#spalte1 #archivlist big {
 font-size: 1em;
}

#spalte1 #archivlist small {
 display: block;
 width: 230px;
 white-space: normal;
}

#spalte2 #block {
 background: #000;
}

#spalte2 #block .eintragtitel {
 font-size: 1.2em;
 font-weight: bold;
 color: #eee;
 display: block;
 border-bottom: 1px dotted #eee;
 margin-bottom: 5px;
}

#spalte2 #block .seitentitel,
#spalte2 #block .suchergebnistitel {
 font-size: 1.5em;
 font-weight: bold;
 color: #eee;
 display: block;
 padding-top: 80px;
 border-bottom: 1px dotted #eee;
 margin-bottom: 5px;
}

#spalte2 #block .auszug {
 font-size: 0.8em;
 color: #fff;
}

#spalte2 #block .datum {
 font-size: 0.6em;
 display: block;
 text-align: right;
 color: #fff;
}

#spalte3 #titel {
 width: 550px;
 min-width: 550px;
 max-width: 550px;
 overflow: hidden;
 text-align: right;
 margin-bottom: 25px;
}

#spalte3 #titel a.szeno {
 color: #4bce86;
 text-decoration: none;
 background: none;
 font-size: 2.1em;
 display: block;
 padding-top: 10px;
}

#spalte3 #titel a.szeno:hover {
 color: #fff;
 background: #4bce86;
 padding-top: 50px;
 text-align: left;
}

#spalte3 #titel .unterzeile { font-size: 0.9em; }

#spalte3 #titel .linksbuendig {
 display: block;
 font-size: 0.9em;
 width: 100%;
 min-width: 100%;
 text-align: left;
 margin-left: 7px;
}

#spalte3 #media { 
 text-align: center;
 background: #000;
 color: #fff;
}

#spalte3 #text {
 background: url( 'white.png' ) top left repeat;
 color: #333;
 font-size: 0.9em;
 font-family: helvetica, arial, sans-serif;
}

#text #text-123 a.external {
 color: #000;
}

pre {
 font-family: helvetica, arial;
 width: 500px;
 max-width: 500px;
 font-size: 1em;
 color: #333;
 white-space: normal;
}

pre a {
 color: #44a670
}

pre a.hover {
 color: #fff;
 background: #44a670;
}

#spalte3 #suchergebnis { margin-top: 10px; }

#spalte3 #sucherbenis .nummer {
 display: inline;
 float: left;
}

#spalte3 #suchergebnis a {
 font-size: 1em;
 display: block;
 width: 230px;
 max-width: 230px;
 white-space: normal;
 padding-top: 10px;
 padding-bottom: 10px;
 padding-left: 5px;
 padding-right: 5px;
 color: #555;
}

#spalte3 #suchergebnis a:hover {
 color: #fff;
 background: #4bce86;
}

#spalte3 #suchergebnis a img {
 float: left;
 border: 0px;
 margin-left: 3px;
 margin-right: 3px;
 height: 20px;
 width: 25px;
}

#spalte3 #suchergebnis a:hover img {
 margin-right: 10px;
 width: 50px;
 height: 40px;
 -webkit-transform: rotate(-30deg);
 -moz-transform: rotate(-30deg);
 -o-transform: rotate(-30deg);
}

#spalte3 #suchergebnis big {
 font-size: 1em;
}

#spalte3 #suchergebnis small {
 display: block;
 width: 230px;
 white-space: normal;
}

#spalte3 #katalog { margin-top: 7px; margin-bottom: 10px; }

#spalte3 #katalog a { color: #63df9b; }

#spalte3 #katalog small a:hover { color: #fff; background: #63df9b; }

#spalte3 #katalog small { float: right; }

#indexzahl { display: none; }

#spalte1 #fusszeile { display: block; margin-top: 26px; }

#spalte1 #fusszeile #pagemenue ul { list-style-type: none; }

#spalte1 #fusszeile #pagemenue ul li.current_page_item a { color: #555; }

#spalte1 #fusszeile #suche { color: #333; font-size: 0.8em; margin-top: 5px; }

#spalte1 #fusszeile #suche .screen-reader-text { display: block; }

#spacer { display: block; width: 1000px; height: 20px; }

#gimmick {
 position: absolute;
 z-index: 1000;
 top: 5.2em;
 right: auto;
 width: 600px;
 text-align: right;
}

#gimmick a {
 float: right;
 display: block;
 width: 124px;
 font-size: 16px;
 padding: 5px;
 background: #4bce86;
 color: #fff;
}

#gimmick a:hover {
 background: #fff;
 color: #4bce86;
}

#gimmick .tilt2 {
 margin-top: 25px;
 -webkit-transform: rotate(-10deg);
 -moz-transform: rotate(-10deg);
 -o-transform: rotate(-10deg);
}

/* archivlist control*/
#scrollcontroll_contentmask {
 overflow: hidden;
 position: relative;
 height: 350px;
 width: 230px;
 border: none;
 float: left;
}
 
#scrollcontroll_scrollcontainer {
 float: left;
 height: 350px;
 width: 20px;
 position: relative;
 right: 0px;
 top: 0px;
 display: none;
/*  background: #f00; */
}
 
#scrollcontroll_scrollUpBtn {
 height: 20px;
 width: 20px;
 display: block;
 background: url( 'up_voll.png' ) top left no-repeat;
}
 
#scrollcontroll_scrollDownBtn {
 height: 20px;
 width: 20px;
 display: block;
 background: url( 'down_voll.png' ) top left no-repeat;
}
 
#scrollcontroll_scrolltrack {
 height: 310px;
 width: 20px;
 background: none;
}
 
#scrollcontroll_scrollknob {
 width: 20px;
 height: 20px;
 cursor: move;
 border: none;
 background-color: #4bce86;
}