/* =========================================================================================
/
/  rahmen und allgemeines                                                                 */

body {
	background: #ffffff url("../../images/verlauf.jpg") repeat-x;
	margin-top: 159px;
	font-size: 14px;
}

#titel {
	position: absolute;
	top: 0;
	left: 678px;
	width: 279px;
	height: 165px;
	padding: 23px 17px 18px 19px;
	background: url("../../images/logo.jpg");
}

#visual {
	position: absolute;
	top: 23px;
	left: 19px;
}

#dreck {
	background: url("../../images/dreck.jpg") no-repeat;
	position: absolute;
	left: 0;
	top: 26px;
	width: 296px;
	height: 409px;
}

a,a:visited {
	color: #B42521;
}

a:hover {
	color: black;
}

em {
    letter-spacing: 0.2em;
	font-style: normal;
	color: black;
}

img {
	border: 0;
}

.umbruch {
	clear: both;
}

/* =========================================================================================
/
/  content                                                                                */

.startseiteneu {
    position: relative;
    padding-bottom: 1em;
    margin-bottom: 5em;
}

.startseiteneu .commentcount {
    position: absolute;
    left: -95px;
    top: 0px;
}

.startseiteneu .commentcount h4 {
    background: black;
    color: white;
    padding: 10px 0 10px 0;
    width: 48px;
    font-size: 2em;
    margin: 0 0 1px 0;
    text-align: center;
}

.startseiteneu .startseiteneufuss {
    margin-top: 2.2em;
    background: black;
    font-size: 0.8em;
    color: white;
    width: 460px;
    padding: 0.5em 20px 2em 20px;
}

.startseiteneu .startseiteneufuss a {
    color: white;
}

#content {
	position: absolute;
	left: 95px;
	top: 100px;
	width: 500px;
	font: normal normal normal 1em/1.8em  "Lucida Grande", Helvetica, Arial, sans-serif;
	color: #262626;
}


#content h1,h2,h3 {
	font: normal normal bold 1.8em/1.4em  "Lucida Grande", Helvetica, Arial, sans-serif;
	margin-bottom: 1.4em;
	color: black;
}

#content h1 {
    filter:Shadow(color=lime,direction=135);
    text-shadow: #c0c0c0 2px 2px 1px;
    margin: 0 0 1em 0;
}

#content h3 {
    font-size: 1em;
	margin-top: 3em;
	font-style: italic;
    position: relative;
    left: -1.8em;
}

#content h3:before {
    content: "-- ";
}

#ccontent h3:after {
    content: " ***";
}

#content blockquote {
	clear: both;
	font: normal normal normal 1.2em/1.4em Times, "Times New Roman", serif;
	background: #f7efca;
	margin: 20px 0 20px 0;
	padding: 4px 12px 12px 32px;
	width: 460px;
	border: solid 1px #707070;
	border-width: 0 1px 1px 0;
	color: #2b2b2b;
}

#content blockquote p {
	padding: 8px 0 0 0;
	margin: 0;
}

#content blockquote em {
	background: none;
	font-style: italic;
	letter-spacing: 0;
}

#content li {
    margin-bottom: 1em;
}

.einleitung {
	font-weight: bold;
}

.illustration {
	float: left;
	text-align: center;
	margin: 0 10px 20px 0;
}

.bildzeile {
	font: 0.8em  "Lucida Grande", Helvetica, Arial, sans-serif;
	padding-top: 0px;
	margin-top: 0;
	color: #777777;
}

.bildlinks {
    float: left;
    margin: 0 10px 10px 0;
}

#skimprev {
	float: left;
	width: 250px;
	margin-bottom: 1.2em;
	font-size: 0.8em;
	line-height: 1.4em;
}

#skimnext {
	float: left;
	width: 250px;
	text-align: right;
	margin-bottom: 1.2em;
	font-size: 0.8em;
	line-height: 1.4em;
}

#skimnext a, #skimprev a {
    text-decoration: none;
}

.trennlinie {
	height: 0px;
	border: solid 1px #dcdec0;
	border-width: 0 0 1px 0;
	margin: 0 0 1em 0;
	padding: 0 0 1em 0;
}

.verlinkung {
	display: block;
	clear: both;
	margin: 1em 0 0 0;
}

.spoiler {
	width: 480px;
	border: solid 1px #B42521;
	padding: 9px;
	font: normal normal normal 0.97em/1.5em Times, "Times New Roman", serif;
}

#sprechblase {
	display: block;
	position: absolute;
	left: 0;
	top: 131px;
	background: url("../../images/sprechblase.gif") no-repeat;
	width: 41px;
	height: 68px;
	padding: 9px 29px 0 7px;
	font: normal normal bold 36px "Lucida Grande", Helvetica, Arial, sans-serif;
	color: #b9bc87;
	text-align: center;
	text-decoration: none;
}

#naechstertermin {
    position: absolute;
    left: 95px;
    top: 45px;
    font: normal normal normal 1.5em/1.8em "Lucida Grande",Arial, sans-serif;
    color: #c5c7ac;
}

#naechstertermin h2 {
    margin: 0;
    padding: 0;
    font-size: 0.6em;
    line-height: 0.7em;
    font: normal normal normal 0.6em/0.7em "Lucida Grande",Arial, sans-serif;
    color: #c5c7ac;
}

#naechstertermin a {
    text-decoration: none;
    color: #c5c7ac;
}

/* =========================================================================================
/
/  unter dem artikel                                                                         */

#anmerkungen {
	clear: both;
	border-top: solid 1px #AAA990;
	margin: 2em 0 0 0;
	padding: 2em 0 0 0;
	font-family:  "Lucida Grande", Helvetica, Arial, sans-serif;
	font-size: 0.9em;
}

#kommentare {
	clear: both;
	margin: 2em 0 0 0;
	padding: 0 0 1em 0;
	border-bottom: solid 1px #AAA990;
}

.kommentarkopf {
    color: #b0a989;
}

.kommentar {
	border-top: solid 1px #dad6c1;
	bvorder-left: solid 1px #AAA990;
	font-size: 0.95em;
	color: #554f32;
	margin: 0 0 1em 0;
	margin: 1em 0 1em 0;
	padding: 1em 0 0 19px;
	width: 460px;
	background: white url("../../images/bg-kommentar.jpg") no-repeat;
}

.kommentar em {
	letter-spacing: 0;
	background: transparent;
	color: #554f32;
	font-style: italic;
}

#kommentarschreiben {
	float: left;
	width: 500;
	margin-top: 3em;
}

#kommentartext {
    clear: both;
    padding: 2em 0 0 0;
}

#kommentartext textarea {
	font-size: 1.1em;
	width: 486px;
	height: 140px;
	border: solid 1px #AAA990;
	padding: 6px;
	margin: 0;
	background: none;
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	color: #352f79;
}

#kommentarinfos p {
	float: left;
	margin: 0 0 0 0;
	width: 155px;
	color: #7b78a3;
}

#kommentarinfos label {
    vertical-align: top;
	font-size: 0.9em;
}

#kommentarinfos .eingabe {
	clear: both;
	width: 146px;
	padding: 0 0 2px 0;
	border: 0;
	border-bottom: solid 1px #AAA990;
	color: #352f79;
}

#kommentarinfos .submit {
	width: 174px;
	border: solid 1px #352549;
	border-color: white #352549 #352549 white;
	padding: 3px;
	background: #f5f1dc;
}

.anmerkung {
	clear: both;
    padding: 4px 0 0 0;
	font: normal normal normal 0.7em "Lucida Grande", Helvetica, Arial, sans-serif;
}

.voepdf {
    float: left;
    margin: 0 0 10px 0;
    width: 162px;
    text-align: center;
}

.voepdf h2 {
    font: normal normal bold 1em/1.2em "Gloria", serif;    
}

/* =========================================================================================
/
/  termine                                                                                */

#content .termin {
	margin: 0 0 25px 0;
	border: solid 1px #dcdec0;
	border-width: 0 0 1px 0;
	margin: 0 0 1em 0;
	padding: 0 0 1em 0;
}

#content .termin infos {
	display: block;
	float: left;
	width: 400px;
	margin: 0 0 24px 0;
}

#content .termin .infos h2 {
	margin: 0 0 5px 0;
}

#content .termin .tag {
	float: left;
	width: 80px;
	padding: 17px 0 15px 0;
	margin: 0 19px 0 0;
	text-align: center;
	font: normal normal normal 0.8em/1.3em "Lucida Grande", Helvetica, Arial, sans-serif;
	background: white;
	border: solid 1px #707070;
	border-width: 0 1px 1px 0;
}

#content .termin .tag h2 {
	font: normal normal bold 3.5em/1em "Lucida Grande", Helvetica, Arial, sans-serif;
	margin: 0 0 0 0;
}

/* =========================================================================================
/
/  navigation                                                                            */

#navigation {
	position: absolute;
	left: 97px;
	top: 7px;
	font: normal normal normal 10px "Lucida Grande", Helvetica, Arial, sans-serif;
	color: #9F9A93;
}

#navigation a, #navigation a:visited {
	color: #9F9A93;
	text-decoration: none;
}

#navigation a:hover {
	color: white;
}

/* =========================================================================================
/
/  infoboxen                                                                            */

#infos {
	position:absolute;
	left:706px;
	top:212px;
	width:250px;
	height:auto;
	z-index:1;
	ffont-family: "Courier New", Courier, monospace;
	font-family:  "Lucida Grande", Helvetica, Arial, sans-serif;
	font-size: 0.9em;
	line-height: 1.3em;
}

#infos h2 {
	ffont: normal normal bold 0.9em/1.2em "Courier New",Courier,sans-serif;
	font: normal normal bold 0.9em/1.2em  "Lucida Grande", Helvetica, Arial, sans-serif;
	color: black;
}

#infos h3 {
	ffont: normal normal normal 0.9em/1.2em "Courier New",Courier,sans-serif;
	font: normal normal normal 0.9em/1.2em  "Lucida Grande", Helvetica, Arial, sans-serif;
	margin: 0 0 0.7em 0;
}

#infos #disclaimer {
	padding-top: 20px;
	margin-top: 20px;
	border-top: solid 1px #AAA990;
	color: grey;
}

#infos #disclaimer a {
	color: grey;	
}

#infos #disclaimer p {
	margin: 0;
}

.infobox {
	clear: both;
	margin-bottom: 1em;
}

#features {
    margin-top: 20px;
    border: solid 1px black;
    border-color: #dddddd #888888 #888888 #dddddd;
    padding: 10px 10px 5px 10px;
    width: 257px;
}

#stoeberntop {
    margin: 0 0 10px 0;
}

.stoebern {
    margin: 0 10px 0 0;
}

.stoebern img {
    border: solid 1px black;
}

#stoebern {
    margin-top: 1.5em;
    display: block;
    height: 128px;
    width: 280px;
}

#stoebern img {
    width: 67px;
    height: 67px;
    border: solid 1px black;
}

#stoebern a {
    clear: none;
    ddisplay: inline;
    fdloat: left;
    margin: 0 1px 1px 0;
}

#stoeberngross {
    margin-top: 1.5em;
    width: 504px;
    float: left;
    text-align: center;
}

#stoeberngross img {
    width: 120px;
    height: 120px;
    border: solid 1px black;
}

#stoeberngross a {
    clear: none;
    ddisplay: inline;
    ffloat: left;
    margin: 0 4px 4px 0;
}

#twitter {
    position: absolute;
    display: block;
    left: 95px;
    top: 45px;
    width: 500px;
    font: normal normal normal 0.8em/1.4em "Lucida Grande",Arial, sans-serif;
    color: #c5c7ac;
    text-decoration: none;
}

#twitter p {
    margin: 0;
}

#twitter a {
    text-decoration: underline;
    color: #c5c7ac;
}

#lastfm {
    margin-top: 1em;
    background: url("/images/mini_grey_rev.gif") no-repeat;
    width: 250px;
    height: 32px;
}

#lastfm h2 {
    margin: 0;
    padding: 2px 0 0 90px;
    width: 160px;
    font: normal normal normal 0.8em/1.4em "Lucida Grande",Arial, sans-serif;
}

#lastfm a {
    text-decoration: none;
    color: black;
}

/* =========================================================================================
/
/  veroeffentlichungen                                                                    */

.veroeffentlichung {
	float: left;
	width: 230px;
	margin-right:20px;
	border-bottom: solid 1px #dcdec0;
	margin-bottom: 1em;
	padding-bottom: 1em;
}

/* =========================================================================================
/
/  galerie                                                                                */

#fullscreen {
	float: left;
	width: 470px;
	height: 350px;
	padding: 10px;
	padding-bottom: 30px;
	margin-bottom: 20px;
	border: solid 1px #707070;
	border-color: #CCCCCC #707070 #707070 #CCCCCC;
	background: white;
	font: 0.9em  "Lucida Grande", Helvetica, Arial, sans-serif;
	font-weight: bold;
}

#blind {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1905;
}

#blindimage {
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 2005;
	width: 1px;
	heigth: 1px;
}

#blindimageimg {
	position: relative;
	border: solid 10px white;
}

#fullscreenprev {
	float: left;
	width: 235px;
	margin-bottom: 10px;
	color: #CCCCCC;
	font-size: 0.8em;
}

#fullscreennext {
	float: left;
	width: 235px;
	margin-bottom: 10px;
	text-align: right;
	color: #CCCCCC;
	font-size: 0.8em;
}

.slideshow img {
	width: 90px;
	height: 50px;
}
}