/* styles.css für szeneshirt.de (C) 2009 Cicero und Reglette, Bonn */
/* headline,film,szenen,zentral,fuss */
body {
	background:		#000000;
	font-family:		"Trebuchet MS","Verdana", "Arial", sans-serif;
	color:			#ffffff;
	padding:		0px;
	margin:			0px;
}
div#headline {
	height:			140px;
	margin:			0px;
	position:		fixed;
	top:			0px;
	left:			0px;
	width:			100%;
	z-index:		7;
	color:			white;
	background-color:	black;
}
div#film {
	position:		fixed;
	right:			0px;
	top:			0px;
	width:			128px;
	border:			0px;
	max-height:		100%;
	height:			100%;
	overflow:		hidden;
	z-index:		8;
}
div#szenen {
	width:			182px;
	border:			0px;
	float:			left;
	z-index:		2;
	padding-top:		180px;
}
div#szenenfix {
	width:			182px;
	border:			0px;
	position:		fixed;
	top:			180px;
	left:			0px;
	z-index:		2;
	border:			0px;
}
div#zentral {
	margin-left:		186px;
	margin-top:		0px;
	border:			0px;
	margin-right:		135px;
	margin-bottom:		0px;
	padding-bottom:		20px;
	z-index:		3;
	padding-top:		140px;
	top:			0px;
}
div#fuss {
	position:		fixed;
	bottom:			0px;
	height:			16px;
	border:			1px dashed yellow;
	z-index:		4;
	display:		none;
}
div#headline img.links {
	border:			0px;
	width:			100px;
	height:			17px;
}
div#headline img.redline {
	/* display: none; */
}
div#headline a {
	text-decoration:	none;
	border:			0px;
}
div#film div.filmstreifen {
        position:               absolute;
        padding:                0px;
        right:                  0px;
        top:                    0px;
        width:                  127px;
        height:                 900px;
        background-color:	#010101;
	color:			black;
        overflow:               hidden;
        margin:                 0px;
}
div#film div.singledia {
        background-color:       black;
        padding:                0px;
        margin:                 0px;
        white-space:            nowrap;
        height:                 1078px;
        overflow:               hidden;
        color:                  white;
        position:               absolute;
        top:                    0px;
        right:                  0px;
}

div#film img.frameless {
        margin:                 0px;
        padding:                0px;
        border:                 0px;
        vertical-align:         middle;
}
div#film div.pix {
        background-color:       black;
        padding:                0px;
        margin:                 0px;
        border:                 0px solid yellow;
        white-space:            nowrap;
        height:                 120px;
        width:                  78px;
        overflow:               hidden;
        color:                  white;
        position:               absolute;
        z-index:                6;
        left:                   26px;
}
div#szenen a {
	text-decoration:	none;
}
div#szenenfix a {
	text-decoration:	none;
}
div#szenen img {
	border:			0px;
	padding:		0px;
	margin:			0px;
}
div#szenenfix img {
	border:			0px;
	padding:		0px;
	margin:			0px;
}
div#zentral h1.szh1 {
	font-size:		125%;
	color:			white;
	background:		transparent;
	padding-left:		20px;
}
div#zentral p.szdesc {
	color:			#d0d0d0;
	background:		transparent;
	padding-left:		20px;
}
div#zentral div.zobsi {
	width:			120px;
	padding:		10px;
	margin:			4px;
	float:			left;
	height:			220px;
	max-height:		220px;
	overflow:		hidden;
	padding-left:		20px;
	text-align:		center;
}
div#zentral div.zobsi a.adis {
	text-decoration:	none;
	color:			white;
	background:		transparent;
}
div#zentral div.zobsi a.adis span.zobsa {
	font-weight:		bold;
	color:			red;
	font-size:		90%;
	background:		transparent;
}
div#zentral div.zobsi a.adis span.zobsb {
	font-size:		80%;
}
div#zentral div.zobsi a.adis:hover span.zobsa {
	color:			white;
	text-decoration:	underline;
	background:		transparent;
}
div#zentral div.zobsi a.adis:hover span.zobsb {
	color:			white;
	text-decoration:	none;
	background:		transparent;
}
div#zentral div.zobsi a.adis img {
	border:			1px solid black;
	margin-bottom:		15px;
	padding:		10px;
}
div#zentral div.zobsi a.adis:hover img {
	border:			1px dotted white;
	text-decoration:	none;
}
div#zentmotiv {
	width:			660px;
	border:			0px;
	margin-left:		auto;
	margin-right:		25%;
	height:			330px;
}
div#zentmotiv h1 {
	font-size:		125%;
}
div#zentmotivd {
	border:			0px;
	position:		relative;
	height:			290px;
	min-height:		290px;
	max-height:		290px;
}
div#zentbild0 {
	position: 		absolute;
	top:			0px;
	left:			0px;
	width:			264px;
	height:			264px;
	border:			0px;
}
div#zenttext {
	width:			660px;
	border:			0px;
	margin-left:		auto;
	margin-right:		25%;
}
img#zentbild0i {
	width:			260px;
	height:			260px;
	border:			0px;
	padding:		0px;
	margin:			0px;
}
div#zentstreifen {
	position:		absolute;
	left:			264px;
	top:			0px;
	width:			147px;
	height:			264px;
	border:			0px;
	max-height:		264px;
	overflow-x:		hidden;
	overflow-y:		scroll;
	max-width:		147px;
	max-height:		264px;
	background:		url(http://www.szeneshirt.de/shirts/imgs/filmstreifen-lang.gif);
	background-repeat:	no-repeat;
}
div#zentstreifen img {
	border:			0px;
	margin-left:		27px;
	margin-top:		4px;
	margin-bottom:		2px;
	width:			75px;
	height:			75px;
}
div#zentsels {
	position:		absolute;
	left:			420px;
	top:			0px;
	height:			260px;
	border:			0px;
	width:			230px;
}
table#wktab {
	border:			0px;
	padding:		2px;
}
table#wktab th {
	font-weight:		bold;
	text-align:		left;
}
table#wktab tr.arthead td {
	font-weight:		bold;
	border-top:		1px dashed gray;
	padding-top:		9px;
}
table#wktab tr.wkbottom td {
	border-top:		1px dashed gray;
	padding-top:		9px;
}
table#wktab tr.wksum td {
	border-top:		1px dashed gray;
	font-weight:		bold;
}
table#wktab td.ri {
	text-align:		right;
	font-size:		65%;
}
table#wktab td.artln a {
	font-weight:		bold;
	text-decoration:	none;
	color:			red;
}
table#wktab td.artln a:hover {
	color:			white;
}
div#divwklist a {
	font-weight:		bold;
	text-decoration:	underline;
	color:			white;
}
div#divwklist a:hover {
	color:			red;
}
table#wktab tr.arthead a {
	font-weight:		bold;
	text-decoration:	none;
	color:			white;
}
table#wktab tr.arthead a:hover {
	font-weight:		bold;
	text-decoration:	none;
	color:			red;
}
table#wktab td.artdet {
	font-size:		75%;
	color:			#a0a0a0;
}
table#wktab table#wkbotv td {
	border:			0px;
	padding:		0px;
	font-size:		75%;
}
table#adrtable td {
	padding-left:		10px;
	padding-top:		10px;
	font-size:		85%;
}
table#adrtable td input[type=text] {
	width:			25em;
}
table#adrtable td select {
	width:			25em;
}
table#adrtable td.ri {
	text-align:		right;
}
div#wkxmsg {
	font-weight:		bold;
	color:			red;
	background:		white;
	border:			2px solid gray;
	padding:		20px;
	max-width:		600px;
	width:			600px;
	margin-left:		auto;
	margin-right:		auto;
	margin-top:		20px;
}
div.motivlistem {
	padding-left:		30px;
}
div.motivlistem div {
	width:			655px;
	max-width:		655px;
	border-top:		1px dashed gray;
	padding-top:		0px;
}
div.motivlistem h1 {
	color:			white;
	font-size:		150%;
	margin-top:		0px;
	margin-bottom:		10px;
	text-align:		center;
}
div.motivlistei h2 {
	font-size:		100%;
	margin-top:		60px;
}
div.motivlistei img {
	text-decoration:	none;
	border:			1px solid black;
	width:			260px;
	height:			260px;
	margin:			95px 40px 40px 40px;
	padding:		3px 3px 3px 3px;
}
div.motivlistei a:hover img {
	border:			1px dotted white;
}
div.motivlistei p {
	margin-bottom:		1.5em;
	font-size:		0.8em;
	color:			white;
}
div.motivlistei.paddingleft p {
	padding-left:		350px;
}
div.motivlistei.paddingright p {
	padding-right:		350px;
}
div.motivlistei.paddingright {
	text-align:		right;
}
div.motivlistei h2 a {
	text-decoration:	none;
	color:			#fb0f0c;
	font-weight:		bold;
	font-size:		100%;
}
div.motivlistei h2 a:hover {
	text-decoration:	underline;
}
div.motivlistei h3 {
	color:			gray;
	font-weight:		normal;
	font-style:		italic;
	font-size:		80%;
}
div.motivlistei h3 a {
	color:			white;
	text-decoration:	none;
}
div.motivlistei h3 a:hover {
	color:			red;
	text-decoration:	underline;
}
div.versand {
	padding-left:		20px;
}
div.versand h1 {
	font-size:		130%;
	margin-top:		40px;
	font-weight:		bold;
}
div.versand h2 {
	font-size:		100%;
	margin-top:		35px;
	margin-bottom:		5px;
	font-weight:		bold;
}
div.versand p {
	color:			#a0a0a0;
}
div.impressum {
	padding-left:		20px;
}
div.impressum h1 {
	font-size:		130%;
	margin-top:		40px;
	font-weight:		bold;
}
div.impressum h2 {
	font-size:		100%;
	margin-top:		35px;
	margin-bottom:		5px;
	font-weight:		bold;
}
div.impressum h3 {
	font-size:		100%;
	margin-top:		35px;
	margin-bottom:		5px;
	font-weight:		normal;
}
div.impressum p {
	color:			#a0a0a0;
}
p#indexbuttons a img {
	border:			0px;
}
p#indexbuttons a {
	text-decoration:	none;
	color:			white;
}
@media print {
body {
	background:		white;
	color:			black;
	font-family:		serif;
}
div#headline img.links {
	display:		none;
}
div#headline img.redline {
	display:		none;
}
div#headline img#imgheadszenedrache {
	width:			122mm;
	height:			18mm;
	margin-left:		10mm;
}
div#zentral {
	padding-top:		0px;
	margin-top:		0px;
	top:			2cm;
	margin-left:		190px;
	padding-right:		0px;
	margin-right:		0px;
}
div#film {
	display:		none;
}
}