/* styles*.css - Stand: 2014-11-01 MH */


/* Allgemein: */

a {
	text-decoration:none;
}

a:link, a:visited {
	color:#444;
}

a:hover {
	text-decoration:underline;
}

a img {
	border:none;
}

html, body {
	background-color:#000;
	color:#444;
/*	hyphens:auto; -moz-hyphens:auto; -ms-hyphens:auto; -webkit-hyphens:auto;	*/
	margin:0;
	padding:0;
	font-family:Segoe UI,Segoe,Arial,Helvetica,sans-serif;
}

table {
	font-size:inherit;
}

.table td {
	padding:1px 25px 10px 1px;
	vertical-align:top;
}

#page_contents {
	padding:0;
}

h1 {
	border-bottom:1px dotted #999;
	font-weight:500;
	margin:0 0 20px 0;
	page-break-after:avoid;
}

h2 {
	font-weight:500;
}

li {
	margin-top:0.6ex;
	margin-bottom:0.6ex;
}

.email {
	white-space:nowrap;
}

hr {
	background-color:#FFF;
	border:none;
	height:2px;
}

.img_left {
	float:left;
	margin:0 25px 25px 0;
}

.img_right {
	float:right;
	margin:0 0 25px 25px;
}

div#pic_frame {
	text-align:center;
}

#pic_frame td {
	text-align:center;
}

.h_info {
	font-weight:500;
}

tt {
	font-family:Courier New, Courier, monospace;
	font-size:110%;
}

sup {
	font-size:60%;
}

.smalltext {
	font-size:80%;
}


/* Bildschirm: */
/* ------------------------------------------------------------------ */

@media screen, handheld, projection {

	body {
		font-size:15px;
		text-align:left;
	}

	body > div {
		background-color:#EEE;
		color:#444;
		margin:0 auto;
		min-width:800px;
		padding:30px;
		width:80%;
	}

	div#top {
		background-color:#444;
		padding:0 30px;
	}

	#top table {
		border-spacing:2px 0;
		font-size:14px;
		text-transform:lowercase;
		z-index:99;
	}

	#home a {
		color:#EEE;
		display:block;
		font-size:34px;
		height:55px;
		letter-spacing:5px;
		padding-top:40px;
		text-decoration:none;
		text-shadow:#FFF 0 0 3px, #000 3px 3px 2px;
		text-transform:lowercase;
	}

	#top td {
		margin:0;
		padding:0;
		vertical-align:bottom;
		white-space:nowrap;
	}

	#menue td a,
	#menue td span {
		color:#EEE;
		display:block;
		padding:5px;
		text-decoration:none;
		position:relative;
		top:0;
	}

	#menue td a:hover {
		background-color:#DDD;
		border-radius:6px 6px 0 0;
		color:#444;
		text-decoration:none;
	}

	#menue .active {
		background-color:#EEE;
		border-radius:6px 6px 0 0;
		color:#444;
	}

	#menue td div {
		background-color:#555;
		display:none;
		font-size:12px;
		position:absolute;
		top:95px;
	}

	#menue td ul {
		display:block;
		height:auto;
		margin:0;
		padding:0;
		position:static;
	}

	#menue td ul li {
		display:block;
		margin:0;
	}

	#menue td ul li a {
		display:block;
		top:0;
	}

	#menue td ul li a:hover,
	#menue td ul li a.active {
		border-radius:0;
	}

	#menue table div {
		display:none;
	}

	#menue td:hover div {
		display:block;
		box-shadow:3px 4px 8px 0 #666;
	}

/*
	#menue td div.submenue {
		display:none;
		float:right;
		position:relative;
		right:-1px;
		top:-1px;
		width:1px;
	}

	.submenue ul {
		background-color:#EEE;
		border-left:1px solid #FFF;
		box-shadow:4px 4px 3px 0 #666;
		float:left;
		position:relative;
		left:1px;
		top:0;
	}

	#menue td li:hover div.submenue {
		display:block;
	}
*/

	#claim {
		color:#555;
		font-size:34px;
		letter-spacing:5px;
		padding:0 30px 30px 30px;
		text-shadow:#555 0 0 1px, #777 2px 2px 3px;
		text-transform:lowercase;
	}

	#claim span {
		padding-left:140px;
	}

	#page_contents {
		padding-top:30px;
	}


	h1 {
		font-size:24px;
	}

	h2 {
		font-size:19px;
	}

	h3 {
		font-size:17px;
	}

	.preview td {
		padding:4px;
	}

	.preview a {
		display:block;
	}

	.techn {
		font-size:75%;
	}

	.navi {
		float:right;
		font-size:165%;
		padding:0 0.7ex;
		margin-left:0.1ex;
	}

	span.navi {
		color:#BBB;
	}

	div#pic_frame {
		min-height:1000px;
		transition:opacity 0.8s;
	}

/*
	#pic_frame table {
		border-spacing:40px;
	}
*/

	#pic_frame td {
/*
		background-color:#111;
		box-shadow:0 0 25px 25px #111;
*/
		padding:30px 0;
/*
		vertical-align:middle;
*/
	}

	#pic_frame td div {
		display:inline;
		font-size:1px;
/*
		line-height:500px;
*/
		width:1px;
	}

	#pic {
		margin:auto 0;
		vertical-align:middle;
	}

	.row0 {
		background-color:#B8D0E8;
	}

	.row1 {
		background-color:#E0EAF4;
	}

	.row2 {
		background-color:#CDE;
	}

	#bottom,
	#bottom a {
		color:#DDD;
	}

	#bottom a {
		display:block;
	}

	#bottom {
		background-color:#444;
		font-size:13px;
		padding:10px 30px;
		text-align:center;
	}

	/* bei Bildschirmdarstellung ausgeblendet: */
	#print_title, #foot_printer, .noscreen {
		display:none;
	}

}


/* Drucken: */
/* ------------------------------------------------------------------ */

@media print {

	.note_general,
	.note_obsolete {
		border:2px solid #9BD;
	}

	body {
		font-size:10pt;
	}

	#print_title {
		font-size:16pt;
		margin-bottom:10pt;
	}

	h1, h2, h3, h4 {
		page-break-after:avoid;
	}

	h1 {
		font-size:18pt;
	}

	h2 {
		font-size:15pt;
	}

	h3 {
		font-size:12pt;
	}

	#foot_printer {
		font-size:6pt;
		border-top:2px solid #9BD;
		margin:5ex 0 0 0;
		padding:1ex 0 0 0;
		page-break-inside:avoid;
		text-align:center;
	}

	table {
		border-collapse:collapse;
	}

	.row0 th,
	.row0 td,
	.row1 td,
	.row2 td {
		border:2px solid #9BD;
	}

	/* alles andere ausschalten */
	#top, #claim, #bottom, #pic, .navi, .noprint {
		display:none;
	}

}