/* LANGE SEITEN MIT HTML-CLASS "LONG" */
	/* Ebenen: page=9, nav&path=99, header=999 */
	/* body#wide: Seiten mit seitenbreitem Header */
	/* body#eng: Seiten mit engem Header */

html { overflow-y: scroll; overflow-x: hidden; } /* LANGE SEITEN MIT HTML-CLASS "LONG" */
			   
	#wrap {
		width: 100%;
		height: auto;
		overflow-x: hidden;
		}
			   
			   
			   
			   
/* --------------- body#eng: Seiten mit engem Header ------------------ */
	
	
	body.eng #page {
		margin: 0 auto;
		width: 960px;
		height: auto;
		}
				
		body.eng #header {
			float: none;
			margin: 50px 0 50px 0;
			text-indent: -9999px;
			width: 960px;
			}
					
			/* Verschiedene Höhen des Bildes */
			body#blog #header { height: 570px; background: url(../imgnew/header/header-krimiblog.png) no-repeat top center; }
			body#lexikon #header { height: 588px; background: #000 url(../imgnew/header/header-stockholm.jpg) no-repeat top center; }
			body#figurenliste #header { height: 355px; background: #000 url(../imgnew/header/header-figurenliste.jpg) no-repeat top center; }
			body#wallpapers #header { height: 588px; background: #000 url(../imgnew/header/header-stockholm.jpg) no-repeat top center; }
			body#sthlm #header { height: 588px; background: #000 url(../imgnew/header/header-stockholm.jpg) no-repeat top center; }
			body#photoblog #header { height: 570px; background: #000 url(../imgnew/header/header-photoblog.png) no-repeat top center; }
			body#night #header { height: 510px; background: #000 url(../imgnew/header/header-night-photography.png) no-repeat top center; }
			body#noir #header { height: 531px; background: #000 url(../imgnew/header/header-noir.jpg) no-repeat top center; }
			body#hdr #header { height: 531px; background: #000 url(../imgnew/header/header-hdr.jpg) no-repeat top center; }
			
			body.eng body#faq #header { height: 300px; }
					

					

/* --------------- body#wide: Seiten mit engem Header ------------------ */
		/* Artikelseiten mit fensterbreitem Bild als Header */
				/* Header hier außerhalb des Page-Divs */
		
	body.wide #header {
		position: absolute;
		top: 0;
		bottom: 0;
		width: 100%;
		height: 300px;
		background: #000 url(imgnew/header/xxx.png) no-repeat top left;
		text-indent: -9999px;
		}
						
	body.wide #page {
		margin: 350px auto 0 auto;
		width: 960px;
		height: auto;
		z-index: 9;
		}
								

								
								

/* --------------- Content für beide Body-Typen ------------------ */				
	
	#page .article {
		float: left; /* links von ASIDE */
		width: 550px;
		height: auto;
		margin: 0 0 100px 50px; /* Margin-Bottom bestimmt den Abstand zwischen Content und Footer */
		}
					

					
/* --------------- Bilder ------------------ */
	
	/*Spaltenfüllende Bilder */
	#page .article dl.bild { width: 100%; margin: 20px 0; }
						
		#page .article dl.bild dt { /* Enthält das Bild */
			display: block;
			border: 1px solid #fff;
			width: 550px;
			height: auto;
			height: 367px; /* =393px - copyright-overflow */
			overflow: hidden;
			}
			
				/* Scrollbare Breite für Widescreenbilder */
				#page .article dl.bild dt.widescreen { overflow-y: hidden; overflow-x: scroll; }
			
				/* Spezialhöhen */
				#page .article dl.bild dt.h-auto { height: auto; } /* ohne copyright-overflow */
				#page .article dl.bild dt.h-467 { height: 467px; } /* =500px - copyright-overflow */
				#page .article dl.bild dt.h-467 { height: 200px; } 
				
							
				
			
			#page .article dl.bild dd { /* Enthält die Bildlegende */
				display: block;
				border: 0;
				height: auto;
				padding: 0px 18px 0 18px;
				font-size: 0.75em;
				line-height: inherit;
				font-family: inherit;
				}
							
				.article dl.bild dd a { /* Inlinelink in Bildlegende */
					color: #fff;
					border-bottom: 1px dotted #fff;
					}
								
					.article dl.bild dd a:hover { color: #c00; }
	

							
					
	/* Floatende Bilder ohne Rahmen */
	.article p img.bildleft, .article img.bildright { display: block;  }
		.article p img.bildleft { float: left; margin: 0 15px 15px 0; vertical-align: text-top; }
		.article p img.bildright { float: right; margin: 0 0 15px 15px; }

		.addborder { border: 1px solid #fff; } /* zusätzlicher Rahmen */





		

/* -------------------- ASIDE ------------------------- */					
					
		
	#aside {
		float: left;
		width: 270px;
		margin: 0 0 0 49px;
		font-family: inherit;
		position: relative;
		}
			

		
		#aside dl#crime { } /* Krimiteaser */
		
			#aside dl#crime dt {
				width: 250px;
				height: 250px;
				text-indent: -9999px;
				list-style: none;
				background-color: #000;
				background-image: url(../imgnew/style/krimiicons-trans.png);
				background-repeat: no-repeat;
				}
				
					#aside dl#crime dt#dndd	{ background-position: 	-675px 	0px; }
					#aside dl#crime dt#dke		{ background-position: 	-450px 	0px; }
					#aside dl#crime dt#dft		{ background-position: 	-225px 	0px; }
					#aside dl#crime dt#dzt		{ background-position: 	   0px 	0px; }
				
			#aside dl#crime dd {
				font-family: inherit;
				font-size: 0.8em;
				line-height: 1.5;
				height: auto;
				padding: 0 15px;
				}
				
				#aside dl#crime dd + dt { margin-top: 50px; }
				#aside dl#crime dd + dd { margin-top: 15px; }
				#aside dl#crime dd + dd.right { margin-top: 5px; }
				
				/* Inlinelinks */
				#aside dl#crime dd a.inline { font-style: inherit; border-bottom: 1px dotted #fff; color: #fff; }
				#aside dl#crime dd a.inline:after { content: "\25BA"; padding-left: 3px; }
					#aside dl#crime dd a.inline:hover { color: #c00; }
		

		ul#keyword { list-style: none; margin: 150px 0 0 0; }
			ul#keyword li { display: list-item; font-size: 0.815em; text-align: center; }
				ul#keyword li:first-child { border-bottom: 1px solid #fff; padding-bottom: 10px; margin: 10px 70px; }
				ul#keyword li a { color: #fff; }
					ul#keyword li a:hover { color: #900; }
		

/* -------------------- FOOTER ------------------------- */		

	#clearfix { clear: both; float: none; height: 100px; width: 100% }
					
	#footer {
		clear: both;
		float: none;
		width: 100%;
		height: 400px;
		position: relative;
		background: #fff url(../imgnew/footer/longpage_footer.png) no-repeat 0px -50px;
		padding: 430px 0 0 100px;
		}
				
			#footer dl { 
				list-style: none;
				float: left;
				margin: 0 50px 0 0;
				padding: 0;
				font-family: inherit;
				font-size: 0.875em;
				line-height: 1.3;
				color: #000;
				}
				
				#footer dl dt {
					font-weight: normal;
					padding: 0 0 10px 13px;
					margin: 0;
					color: #098c8d;
					font-family: Cambria, Georgia, 'Palatino Linotype', Palatino, Book Antiqua, Times New Roman, serif;
					font-size: 1.6em;
					}
					
					#footer dl dd {
						font-weight: normal;
						display: list-item;
						padding: 0;
						margin: 0;
						}
					
						#footer dl dd a {
							text-decoration: none;
							color: #4b5c5d;
							}
						
							#footer dl dd a:before {
								content: "\2605";
								padding-right: 6px;
								font-size: 1em;
								color: #9e1800;
								}
						
								#footer dl dd a:hover {
									color: #561111;
									}
				
		#footer p#rss { 
			display: none;
			position: absolute;
			top: 0px;
			left: 0px;
			height: 130px;
			width: 100px;
			text-indent: -9999px;
			background: #000 url(icons/rss-feed.png) no-repeat top right;
			}
			
			
			

/* ===== E I N Z E L S E I T E N ===================================================================== */			
			
	
	/* --- krimiblog.php -------------------------------------------------------------- */					
		
	body#blog #page .article { margin-top: -100px; } /* Hebt Div nach oben zum Header */
	
	body#blog #page .article { font-family: "Courier New", Courier, mono; }
	body#blog #page #aside { padding-left: 0.5em; padding-bottom: -1em; border-left: 1px dashed #fff; }
		h4#patronenkugel { margin: -2px 0 0 -13px; }
		p#pistole { margin: 0px 0 -10px -13px; }

	
		/* Buchpraesentation */
		body#blog #page .article dl.box { 
			width: 300px;
			overflow: hidden;
			margin: 0 -3em 2em -1em;
			height: auto;
			}
			
			body#blog #page .article dl.box dt { height: 332px; }
			body#blog #page .article dl.box dd { 
				font-family: Arial, Helvetica, sans-serif;
				font-size: 0.75em;
				line-height: 1.175;
				text-align: center;
				color: #8c8074;
				}
				
				body#blog #page .article dl.box dd span { padding: 0 0.5em; }
				
				body#blog #page .article dl.box dd a {
					margin-top: 2em;
					background: #8c8074;
					color: #fff;
					padding: 3px 5px 2px 5px;
					-moz-border-radius: 3px;
					-khtml-border-radius: 3px;
					-webkit-border-radius: 3px;
					font-size: 0.75em;
					line-height: 3;
					text-transform: uppercase;
					letter-spacing: 0.1em;
					}
					
					body#blog #page .article dl.box dd a:hover { background: #900; }
					
		/* Leseprobenformate */
		body#blog #page .article dl#lpformate { 
			width: 550px;
			height: 200px;
			overflow: hidden;
			margin: 1em 0 2em 0em;
			}
			
			body#blog #page .article dl#lpformate dt { 
				font-family: inherit;
				font-size: inherit;
				line-height: inherit;
				margin-bottom: 1em;
				}
				
				body#blog #page .article dl#lpformate dd a { 
					height: 100px;
					width: 121px;
					float: left;
					position: relative;
					}
					
					body#blog #page .article dl#lpformate dd a#lpprint, body#blog #page .article dl#lpformate dd a#lphtml { margin-right: 20px; }
				
				body#blog #page .article dl#lpformate dd a { 
					background-repeat: no-repeat;
					background-image: url(../imgnew/blog/leseprobenformate.png);
					}
				
				body#blog #page .article dl#lpformate dd a#lpprint { background-position: 0px 0px; }
				body#blog #page .article dl#lpformate dd a#lpprint:hover { background-position: 0px -100px; }
				body#blog #page .article dl#lpformate dd a#lphtml { background-position: -121px 0px; }
				body#blog #page .article dl#lpformate dd a#lphtml:hover { background-position: -121px -100px; }
				body#blog #page .article dl#lpformate dd a#lpscreen { background-position: -242px 0px; }
				body#blog #page .article dl#lpformate dd a#lpscreen:hover { background-position: -242px -100px; }
				body#blog #page .article dl#lpformate dd a#lpreader { background-position: -363px 0px;  }
				body#blog #page .article dl#lpformate dd a#lpreader:hover { background-position: -363px -100px;  }
			
				body#blog #page .article dl#lpformate dd a span { 
					display: none;
					}
					
				body#blog #page .article dl#lpformate dd a:hover span { 
					position: absolute;
					width: 121px;
					display: block;
					top: 100px;
					color: #fff;
					font-size: 0.675em;
					line-height: 1.5;
					text-align: center;
					font-family: Arial, Helvetica, sans-serif;
					}
					
					
			/* Youtube-Videos */
			body#blog #page .article div.youtubeleft, body#blog #page .article div.youtuberight {
				height: auto;
				width: auto;
				border: 0;
				vertical-align: text-top;
				}
				
				body#blog #page .article div.youtubeleft { float: left; margin: 0 1em 1em 0; }
				body#blog #page .article div.youtuberight { float: right; margin: 0 0 1em 1em; }
			
			
			/* Dialog */	
			body#blog #page .article dl.dialog { float: none; display: block; }
				body#blog #page .article dl.dialog dt { display: inline; float: left; width: 150px; color: #555; text-align: right; padding-right: 1em; }
				body#blog #page .article dl.dialog dd { display: inline; float: left; width: 320px; }
					body#blog #page .article dl.dialog dd.follow { padding: 0 0 0 92px; }
					
			body#blog #page .article dl.dialog + p + p { text-indent: 0; margin-top: 2em; }
			
				body#blog #page .article p span.label { font-size: 0.75em; padding-bottom: 1px; background: #fff; color: #000; margin-right: 0.5em; }

	
	/* --- stockholm/stockholm.php -------------------------------------------------------------- */					
				
	body#sthlm #page .article dl.tour {
		font-family: inherit;
		position: relative;
		}
				
			body#sthlm #page .article dl.tour dt {
				margin: 0;
				width: 550px;
				height: 366px;
				overflow: hidden;
				border: 1px solid #fff;
				outline: 0;
				}
			
			body#sthlm #page .article dl.tour dd.desc {
				margin-top: 1em;
				font-size: inherit;
				}
				
			body#sthlm #page .article dl.tour dd.start {
				position: absolute;
				top: 330px;
				left: 485px;
				font-size: 1.5em;
				font-weight: bold;
				z-index: 999;
				}
				
				body#sthlm #page .article dl.tour dd.start a { 
					padding: 3px 6px; 
					background: rgba(255, 255, 255, 0.3); 
					color: rgba(0, 0, 0, 0.8); 
					-moz-border-radius-topleft: 10px;
					-khtml-border-radius-topleft: 10px;
					-webkit-border-radius-topleft: 10px;
					}
					
				body#sthlm #page .article dl.tour dd.start a:hover { background: rgba(255, 255, 255, 1.0); color: #000; }
	
	
	#page .article dl#quarters {
		width: 800px;
		height: 606px;
		background: #000 url(../img/maps/quarters-of-stockholm.png) no-repeat top left;
		position: relative;
		border: 1px solid #fff;
		margin: 100px 0;
		}
		
		#page .article dl#quarters dt { 
			position: absolute;
			top: 0;
			left: 0;
			width: auto;
			color: #000;
			background: #fff;
			padding: 2px 15px 2px 10px;
			-moz-border-radius-bottomright: 5px;
			-khtml-border-radius-bottomright: 5px;
			-webkit-border-radius-bottomright: 5px;
			}
		
		#page .article dl#quarters dd { 
			position: absolute;
			border: 0;
			}
			
				#page .article dl#quarters dd.stadsdel { font: 1.125em Arial, Helvetica, Geneva, sans-serif; }
				#page .article dl#quarters dd.stadsdelsmall { font: 0.75em Arial, Helvetica, Geneva, sans-serif; }
				#page .article dl#quarters dd.omrade { font: 0.75em Arial, Helvetica, Geneva, sans-serif; color: #fc0; }
				#page .article dl#quarters dd.point { font: 1.0em Arial, Helvetica, Geneva, sans-serif; }
			
						/* Positionierung der Stadtteile */
						#page .article dl#quarters dd#kh 			{ top: 160px; left: 160px; }
						#page .article dl#quarters dd#vs 			{ top: 50px; left: 320px; }
						#page .article dl#quarters dd#nm 			{ top: 130px; left: 360px; }
						#page .article dl#quarters dd#om 			{ top: 70px; left: 600px; }
						#page .article dl#quarters dd#dg 			{ top: 200px; left: 650px; }
						#page .article dl#quarters dd#sm 			{ top: 400px; left: 400px; }
						#page .article dl#quarters dd#gs 			{ top: 225px; left: 418px; }
						#page .article dl#quarters dd#rdh 			{ top: 230px; left: 380px; }
						#page .article dl#quarters dd#lh 			{ top: 295px; left: 70px; }
						#page .article dl#quarters dd#rmh 			{ top: 340px; left: 55px; }
						#page .article dl#quarters dd#hb 			{ top: 550px; left: 600px; }
						#page .article dl#quarters dd#sj 			{ top: 520px; left: 730px; }
						#page .article dl#quarters dd#skh 			{ top: 215px; left: 535px; }
						#page .article dl#quarters dd#ksh 			{ top: 257px; left: 581px; }
						#page .article dl#quarters dd#bh 			{ top: 283px; left: 663px; }
						#page .article dl#quarters dd#maria 		{ top: 320px; left: 400px; }
						#page .article dl#quarters dd#sofia 		{ top: 460px; left: 570px; }
						#page .article dl#quarters dd#sofo 			{ top: 410px; left: 560px; }
						#page .article dl#quarters dd#hornstull 	{ top: 350px; left: 130px; }
						#page .article dl#quarters dd#katarina 		{ top: 340px; left: 520px; }
						#page .article dl#quarters dd#slussen 		{ top: 288px; left: 452px; }
						#page .article dl#quarters dd#blh 			{ top: 155px; left: 485px; }
						#page .article dl#quarters dd#gronalund 	{ top: 242px; left: 637px; }
						#page .article dl#quarters dd#polis		 	{ top: 130px; left: 150px; }
						#page .article dl#quarters dd#stureplan 	{ top: 70px; left: 450px; }
						#page .article dl#quarters dd#slottet	 	{ top: 185px; left: 452px; }
						

				
			
			#page .article dl#quarters dd a { 
				color: #fff;
				border: 1px solid transparent;
				padding: 2px;
				}
				
				#page .article dl#quarters dd a:hover { 
					border: 1px solid #fff;
					}
					
					#page .article dl#quarters dd a .maptip { display: none; }
						#page .article dl#quarters dd a:hover .maptip { 
							display: block;
							position: absolute;
							top: 20px;
							left: 0px;
							width: auto;
							background: #000;
							padding: 3px;
							color: #fff;
							text-align: left;
							font-family: inherit;
							font-size: 11px;
							}
							
							
							
							
							
							
							
							
							
	/* --- lexikon.php -------------------------------------------------------------- */					
				
	
	body#lexikon #page h2, body#lexikon #page h3, body#lexikon #page h4 { font-family: inherit; font-weight: bold; font-style: normal; color: #fff; clear: both; float: none; }
					
		body#lexikon #page h2 { font-size: 1.2em; line-height: 1.875; margin: 25px 0 0 0; padding: 25px 0 0 0; }
		body#lexikon #page h2:before { content: "\2605"; padding-right: 5px; margin-left: -22px; font-size: inherit; }
		body#lexikon #page h3 { font-size: inherit; line-height: inherit; margin: 0 0 0 0; padding: 0; }
		body#lexikon #page h4 { font-size: inherit; line-height: inherit; margin: 0 0 0 0; padding: 0; }
						
			/* Angesteuerte Ankertags mit gelbem Pfeil markieren */
			body#lexikon #page h2:target:after, body#lexikon #page h3:target:after, body#lexikon #page h4:target:after
			{ content: "\25BA"; padding-left: 5px; color: #fc0; }
			
			body#lexikon #page .article ul.lex { margin: 1em 0 1em 0; padding: 0; list-style: none; }
			body#lexikon #page .article ul.lex li { display: inline; margin: 0; padding: 0; }
				body#lexikon #page .article ul.lex li:first-child { margin-left: 1em; }
				body#lexikon #page .article ul.lex li + li { margin-left: 1em; }
				body#lexikon #page .article ul.lex li a { 
					font-size: 0.875em;
					font-family: inherit;
					text-transform: uppercase;
					letter-spacing: 1px;
					padding: 1px 6px;
					border: 0;
					color: #000;
					background: #fff;
					-moz-border-radius: 3px;
					-khtml-border-radius: 3px;
					-webkit-border-radius: 3px;
					}

					body#lexikon #page .article ul.lex li a:hover { background: #900; color: #fff; }
						body#lexikon #page .article ul.lex li:hover:before { content: none; }
						
						
	
	
	/* Floatende Hochkantbilder */
	#page .article dl.bild-hk-float { float: left; width: 200px; margin: 0 15px 15px 0; position: relative; }
						
		#page .article dl.bild-hk-float dt { /* Enthält das Bild */
			float: left;
			display: block;
			border: 1px solid #fff;
			width: 200px;
			height: auto;
			height: 300px;
			overflow: hidden;
			}
			
			

			#page .article dl.bild-hk-float dd { /* Enthält die Bildlegende */
				position: absolute;
				top: 280px;
				left: 215px;
				width: 300px;
				border: 0;
				height: auto;
				padding: 0;
				font-size: 0.75em;
				line-height: inherit;
				font-family: inherit;
				}
							
				.article dl.bild-hk-float dd a { /* Inlinelink in Bildlegende */
					color: #fff;
					border-bottom: 1px dotted #fff;
					}
								
					.article dl.bild-hk-float dd a:hover { color: #c00; }


					
	/* --- figurenliste.php -------------------------------------------------------------- */					
				
	body#figurenliste #page .article {  }
	
	body#figurenliste #page .article dl { 
		list-style: none; 
		}
		
		body#figurenliste #page .article dl dt {
			font-weight: bold;
			}
			
			body#figurenliste #page .article dl dd {
				margin-bottom: 1em;
				}
	
	
	
	/* --- desktop-wallpapers.php -------------------------------------------------------------- */					
				
	body#wallpapers #page .article {  }
	
	body#wallpapers #page .article dl { list-style: none; display: block; position: relative; padding: 15px 0 0 0; }
		
		body#wallpapers #page .article dl dt {
			float: left;
			width: 200px;
			height: 133px;
			overflow: hidden;
			background: blue;
			border: 1px solid #fff;
			margin: -15px -1px 0 0;
			}
			
			body#wallpapers #page .article dl dd {
				display: list-item;
				width: 550px;
				font-family: inherit;
				font-size: 0.5em;
				line-height: 1.6;
				text-transform: uppercase;
				letter-spacing: 0.2em;
				}
						
				body#wallpapers #page .article dl dd a { background: #000; color: #fff; border: 1px solid #fff; padding: 1px 3px; width: auto; }
					body#wallpapers #page .article dl dd a:hover { background: #fff; color: #000; }