/*	... Style-Sheet-Angaben ... */ 
/* für foto.dirkhennig.de */
/* (c) by Dirk Hennig, 2004-2006 */

* {
	margin:0;
	padding:0;
}

html, body {
	height:100%;
}

body,p,td,th,b,ul,ol,li {
	font-family:Arial,Helvetica,Verdana,sans-serif;	
	font-size:12px;
}

body { 
	margin-left:0px; 	
	margin-right:0px; 	
	margin-top:0px; 
	background-color:#000000;
	color:#ffffff;
}

/* Normale Links */
a { 
	color:#ffffff;
	text-decoration:underline;
}
a:visited { 
	color:#cccccc;
}
a:hover { 
	color:#ff6600;
}

/* Links im Hauptmenu (auf der linken Seite) */
a.side {
	padding:2px 3px 2px 5px;
	margin-bottom:20px;
	text-decoration:none;
	font-family:Verdana,Helvetica,Arial,sans-serif;
	font-size:10px;
	border-left:6px solid #333333;
}
a.side:hover {
	border-left:6px solid #ff6600;
}

a.sidebig {
	padding:2px 3px 2px 5px;
	margin-bottom:20px;
	text-decoration:none;
	font-family:Verdana,Helvetica,Arial,sans-serif;
	font-size:12px;
	font-weight:bold;
	border-left:6px solid #333333;
}
a.sidebig:hover {
	border-left:6px solid #ff6600;
}

/* Name einer Fotoserie als Link */
a.serie {
	text-decoration:none;
	font-family:Verdana,Helvetica,Arial,sans-serif;
	font-size:12px;
}
a.serie:hover {
}

/* Link auf einen Technik-Artikel und Werbung auf der Startseite */
div.serie a {
	text-decoration:none;
}
div.anzeige a	{
	text-decoration:none;
}

b.wichtig { 
	color:#ff6600;
}

h1 {	
	margin-top:6px;
	margin-bottom:12px;
	font-size:14px;
	font-family:Verdana,Helvetica,Arial,sans-serif;
}

h1.page { 
	margin:0px;
	padding:0px;
	font-size:24px;
}

h2 {
	padding:20px 0px 5px 0px; 
	font-family:Verdana,Helvetica,Arial,sans-serif;
	font-size:12px;
}

h2.title { 
	padding:20px 0px 0px 20px; 
	font-family:Verdana,Helvetica,Arial,sans-serif;
	font-size:12px;
}

h2.subtitle { 
	margin:0px;
	margin-bottom:10px;
	padding:0px;
	font-family:Verdana,Helvetica,Arial,sans-serif;
	font-size:14px;
	color:#444444;
}

h3 {
	padding:10px 0px 10px 0px; 
	font-family:Verdana,Helvetica,Arial,sans-serif;
	font-size:11px;
}

h3.title { 
	margin: 10px 0px 10px 0px;
	font-family:Verdana,Helvetica,Arial,sans-serif;
	font-size:10px;
}

h3.menu { 
	padding: 0px 10px 6px 10px;
	text-transform:uppercase;
	font-family:Verdana,Helvetica,Arial,sans-serif;
	font-size:12px;
}

h4.date {
  margin: 10px 0px 20px 0px;
}

dl.ausruestung dt {
	font-family:Verdana,Helvetica,Arial,sans-serif;
	font-size:12px;
	font-weight:bold;
	margin-top:1.3em;
	margin-bottom:0.3em;
}

dl.ausruestung {
	margin-left:2em;
	margin-right:3em;
	margin-bottom:1em;
}

/* Logo der Seite */
img.pagelogo { 
	border:0px;
}

/* Großes Foto (quadratisch) */
img.main {	
	height:600px;
	width:600px;
	padding:1px;
}

/* Thumbanil (quadratisch) */
img.thumb {	
	height:60px;
	width:60px;
	border: 1px solid #444444;
	float:left;
}

/* Thumbnail (300x200) für Technik */
img.bigthumb {
	border-color:#ffffff;
}

img.bigthumb:hover {
	border-color:#ff6600;
}

/* Großes Bild für Technik */
img.bigillu {
	color:#ffffff;
	margin-bottom:10px;
}

/* Kleines Bild zur Illustration von Technik */
img.illu {
	color:#ffffff;
	margin-left:30px;
	margin-bottom:20px;
}

ol {
	margin: 0px 10px 15px 25px;
}

p { 
	margin-bottom:15px;
}

p.update { 
	margin-top:-10px;
	color:#ffcc99;
}

a.update, span.update { 
	color:#ffcc99;
}

h3.update { 
	color:#ffcc99;
}

ul {
	list-style-type:none;
	margin:0px 0px 40px 0px;
	padding:0px;
}

/* Aufzählung von Teilen in der Technik */
ul.liste {
	list-style-type:disc;
	margin:0px 0px 20px 24px;
	padding:0px;
}

ul.mainlist {
	margin:0px 0px 24px 0px;
}

/*ul.mainlist2 {
	margin:0px 0px 24px 0px;
}*/

li {
	margin:0px 0px 6px 0px;
}

li.mainlist {
	margin:0px 0px 3px 0px;
}

/* Aufzählung von Teilen in der Technik */
li.eng {
	padding-bottom:0px;
}

div.serie { 
	border: 1px solid #000000;
	padding:10px;
	margin-top:10px;
	margin-left:10px;
	background-color:#333333;
	width:240px;
	float:left;
}

span.year, div.year { 
	padding:0px 0px 0px 10px;
	font-size:8px;
}

span.serienname { 
	padding:10px 10px 0px 10px;
}

div.text {
	text-align:left; 
	margin:0px;
	padding:20px 10px 10px 20px;
	width:350px; height:590px; 
	float:left;
}

div.shop { 
	text-align:left; 
	margin:0px;
	padding:20px 10px 10px 20px;
	width:730px; 
	float:left;
}

div.anzeige {
	padding:6px;
	margin-top:10px;
	margin-left:10px;
	width:240px;
	float:left;
}

div.thumb60 {
	width:62px; 
	height:62px; 
	background-color:#000000; 
	text-align:left; 
	margin:0px 0px -1px -1px;
	float:left;
}

img.thumb:hover	{
	border-top: 1px solid #ff6600;
	border-left: 1px solid #ff6600;
}

#distance { 
	width:600px;
	height:50%;
	margin-top:-388px; /* half of middiv's + title's height */
	float:left;
}

#middiv { 
	position:relative;
	width:100%;
	height:620px;
	clear:left;
}

#title {
	width:100%;
	height:87px;
	clear:left;
	background-image:url(img/line.png); 
	background-repeat:repeat-x;
}

#logo {
	margin-left:18px;
	width:359px;
	height:87px;
	float:left;
}

#main { 
	background-color:#222222;
	border:1px solid #444444;
	height:620px;
	min-width:1120px;
}

#inhalt { 
	height:620px; 
	width:1120px;
}

#datamenu { 
	text-align:left; 
	vertical-align:top;
	padding:0px;
	width:180px; height:620px;
	float:left;
	border-right: 1px solid #444444;
	background-color:#333333;
}

#menu { 
	text-align:left; 
	vertical-align:top;
	padding:20px 0px 100px 8px;
	width:160px; height:310px;
}

#description { 
	text-align:right;
	background-color:#222222;
	margin:0px 0px 0px 40px;
	padding:0px 0px 0px 10px;
	width:130px; height:160px;
	border-top: 1px solid #444444;
	border-bottom: 1px solid #444444;
	border-left: 1px solid #444444;
}

#foto { 
	text-align:left; 
	padding:9px;
	width:600px; height:600px; 
	float:left;
}

#technik { 
	text-align:left; 
	padding:20px 20px 20px 20px;
	width:730px; 
	background-color:#222222;
	float:left;
}

#galerie { 
	text-align:left; 
	padding:10px 10px 10px 10px;
	margin:0px;
	width:730px; height:600px; 
	float:left;
}

#thumbs { 
	text-align:left; 
	vertical-align:top; 
	padding:10px 10px 10px 3px; 
	width:132px; height:600px;
	float:left;
}

.orange { 
	color:#ff6600;
}