/*	
// christiantuermer.com
// Copyright (c) 2004-2009, 2014-2016 Gustaf Mossakowski <gustaf@koenige.org>
// Copyright (c) 2004-2005 Bjoern Schoetten for most of the layout
// CSS for christiantuermer.de/com
*/

html, body	{ height: 100%; }
body		{ font-family: Arial, sans-serif; margin: 0; padding: 0; 
			text-transform: lowercase; font-size: 90%;
			margin: auto;  background-color: white; color: #888;
			/* background: url(/layout/L9971621-2.jpg) 50% 50%;
			background-size: 100% 100%; */ }

small		{ font-size: 85%; }

img			{ vertical-align: bottom; }

#press, #error, #profile, #projects, #post, #post #nav ul, #pressdetail,
#products, #index, #performance, #partner
			{ background-color: white; color: #BBB; }
#middle		{ height: 100%; width: 100%; text-align: center; /* text-align for IE 5 */ }
#index #logo
			{ display: none; }

#pressdetail #nav, #pressdetail #language, #pressdetail #logo, #pressdetail h1
			{ display: none; }

#fields, h1	{ font-size: 95% }

#product_overview
			{ background-repeat: no-repeat; }

#canvas		{ width: 800px; height: 600px; margin: auto; position: relative; 
			text-align: left; /* text-align see above */ }
 /* later on switch to em */

#logo		{ position: absolute; top: 495px; left: 418px; border: 0; }

h1			{ position: absolute; top: 475px; left: 420px; margin: 0; color: #BBB; 
			font-weight: normal; text-transform: lowercase; font-size: 100%; }
#index h1	{ top: 495px; left: 418px; }
#fields .abstand
			{ padding-top: 40px; }

h2			{ font-size: 100%; font-weight: normal; }
.subtitle	{ font-weight: normal; text-transform: lowercase; }
em.gross	{ text-transform: none; font-style: normal; font-size: 130%; }

h3			{ font-weight: normal; font-size: 100%; }
h4			{ font-weight: bold; font-size: 100%; margin-bottom: 0; }

th			{ font-weight: normal; text-align: left; width: 12em; }
td			{ text-transform: none; }
table.details
			{ border-collapse: collapse; }
table.details td, table.details th
			{ padding: .1em 0 0; text-transform: lowercase; 
			vertical-align: top; }
table.details tr.spacer th, table.details tr.spacer td
			{ padding-top: 1em; }

big			{ font-size: 160%; }
strong		{ font-weight: normal; }
address		{ font-style: normal; }

a			{ text-decoration: none; }
a:link		{ color: #888; } /* 555 */
a:visited, em
			{ color: #888; }
em			{ font-style: normal; }

#language	{ position: absolute; right: 40px; text-transform: lowercase;
			bottom: 16px; margin: 0; padding: 0; height: 30px;
			line-height: 2.3em; }

#nav		{ position: absolute; bottom: 16px; left: 36px; width: 88%; 
			padding: 0; margin: 0; list-style: none; 
			height: 30px; /* height f. Opera 6, = bottom + line-height ?! */ }
#nav li		{ float: left; list-style: none; width: auto;
			text-transform: lowercase; position: relative; margin: 0; 
			padding: 0 1.5em 0 0; line-height: 2.3em; }
#nav li ul	{ padding: 0 0 0 0; position: absolute; left: 0; margin: 0; top: 100%; }
#nav li ul	{ display: none; }
#nav li#menu-Post ul
			{ display: block; }
	/* Commented Backslash Hack
	   hides rule from IE5-Mac \*/
#nav li#menu-Post ul
			{ display: none; }
	/* End IE5-Mac hack */
#nav li li	{ line-height: 1.4em; width: 100%; } /* for IE Mac */
	/* Commented Backslash Hack
	   hides rule from IE5-Mac \*/
#nav li li	{ line-height: 1.2em; float: none; }
	/* End IE5-Mac hack */
#nav li li a /* padding-left fuer bessere klickbarkeit */
			{ padding: 0; margin: 0; padding-left: .5em; }
#nav li a	{ display: block; padding-left: .5em; white-space: nowrap; }
#nav li strong
			{ display: block; padding-left: .5em; white-space: nowrap; }
/* #nav li > ul { top: auto; left: auto; }*/
#nav li#menu-Post:hover ul, #nav li#menu-Post.over ul, #nav li:hover ul, 
#nav li.over ul
			{ display: block; }

#fields		{ margin: 0; padding: 0; text-transform: lowercase; }

#fields .obj, #fields div, #fields p, #fields .allproducts
			{ position: absolute; width: 150px; height: 150px; }

#fields .allproducts
			{ list-style: none; }
#fields .allproducts a
			{ background-position: 0 0; background-repeat: no-repeat; 
			display: block; height: 100%; width: 100%; line-height: 150px;}
#fields .allproducts a:hover
			{ background-position: 0 100%; }
#fields .obj
			{ display: table; border-collapse: collapse; }
#fields .obj a
			{ display: table-row; }
#fields .obj .product
			{ position: absolute; left: 0; top: 0; z-index: -1; }
#fields .obj .producttext
			{ display: table-cell; vertical-align: middle; background: green; 
			width: 150px; height: 150px; }
#fields .obj.a1b2 .producttext, #fields .obj.c1d2 .producttext
			{ width: 340px; height: 340px; }
#fields .obj a:hover .producttext
			{ /* Fallback for web browsers that doesn't support RGBa */
			background: rgb(255, 255, 255) transparent;
			/* RGBa with 0.6 opacity */
			background: rgba(255, 255, 255, 0.7);
		    /* For IE 5.5 - 7*/
			filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#BB000000, endColorstr=#BB000000);
			/* For IE 8*/
			-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#BB000000, endColorstr=#BB000000)";
			}

#fields .pos
			{ position: absolute; width: 150px; } /* width f. Opera 6 */
#fields p	{ margin: .25em 0; }
#fields div p
			{ position: static; width: auto; height: auto; }
#fields ul li, ul#fields .allproducts li
			{ list-style: none; position: relative; line-height: 1.2em; }
#fields ul	{ padding: 0; margin: 0; }
#fields li span
			{ margin: auto; vertical-align: middle; text-align: center; }
#fields img	{ border: none; }
#fields a span
			{ visibility: hidden; display: block; color: #666; 
			line-height: 1.2em; }
#fields a:link:hover span,
#fields a:visited:hover span
			{ visibility: visible; margin: auto; text-align: center; }
#fields .allproducts a span
			{ visibility: visible; padding-top: 124px; }
/* #fields a span strong { background: white; padding: 2px; border: 0px solid #888; } */

.farbkasten { border: 1px solid #999; width: .8em; height: .8em; display: block;
			float: left; margin-right: .5em; }
.farbkasten strong
			{ display: none; }

/* presse */

#fields .p1		{ top: 135px; left: 39px; width: 133px; }
#fields .p2 	{ top: 135px; left: 172px; width: 120px; }
#fields .p3 	{ top: 135px; left: 292px; width: 116px; }
#fields .p4		{ top: 135px; left: 408px; width: 121px; }
#fields .p5		{ top: 135px; left: 529px; width: 128px; }
#fields .p6		{ top: 135px; left: 657px; width: 104px; }

#fields .a1		{ top: 40px; left: 40px; }
#fields .a2		{ top: 230px; left: 40px; }
#fields .a3		{ top: 380px; left: 40px; text-align: left; width: 340px; height: 50px; }
#fields .a1a2	{ top: 40px; left: 40px; height: 340px; }
#fields .a1b1	{ top: 40px; left: 40px; width: 340px; }
#fields .a2b2	{ top: 230px; left: 40px; text-align: right; width: 340px; }
#fields .a3b3	{ top: 380px; left: 40px; text-align: center; width: 340px; height: 50px; }
#fields .a3d3	{ top: 380px; left: 40px; text-align: center; width: 720px; height: 50px; }
#fields .a1a2b1b2, #fields .a1b2
				{ top: 40px; left: 40px; height: 340px; width: 340px; 
				vertical-align: bottom; text-align: center; display: block; }
ul#fields .a1b2 a, ul#fields .b1c2 a, ul#fields .c1d2 a
				{ height: 340px; width: 340px; }

#fields .a1a2b1b2-text
				{ top: 40px; left: 40px; height: 340px; width: 340px; 
				vertical-align: bottom; text-align: left; }
#fields .a1d2	{ top: 40px; left: 40px; width: 720px; height: 340px; overflow: auto; }
#fields .a1d3	{ top: 40px; left: 40px; width: 720px; height: 430px; }
#fields .a1c3	{ top: 40px; left: 40px; width: 720px; height: 530px; }
#fields .a3c3	{ top: 405px; left: 40px; width: 720px; height: 50px; }
#fields .a3c3 p	{ margin-top: 0; }

#fields .b1		{ top: 40px; left: 230px; }
#fields .b2		{ top: 230px; left: 230px; }
#fields .b3		{ top: 380px; left: 230px; text-align: right; height: 50px; }
#fields .b1b2c1c2
				{ top: 40px; left: 230px; height: 340px; width: 340px; 
				vertical-align: bottom; text-align: center; line-height: 340px; }
#fields .b1c1	{ top: 40px; left: 230px; width: 340px; }
#fields .b1c2	{ top: 40px; left: 230px; width: 340px; height: 340px; }
#fields .b2c2	{ top: 230px; left: 230px; width: 340px; }
#fields>.pos.b3	{ text-align: left; } /* wg expliziter width-Angabe f. pos noetig */
#fields .b1b2	{ top: 40px; left: 230px; height: 340px; }
#fields .b1d3 	{ top: 40px; left: 230px; height: 430px; width: 530px; }
#fields .a1d3 .b1d3 { top: 0; left: 190px; }
#fields .a1d3 .a1a3 { top: 0; left: 0; font-size:95%; }
#fields .b1b2c1c2d1d2
				{ top: 40px; left: 230px; height: 340px; width: 530px; 
				vertical-align: top; text-align: left; padding-right: 1em;
				overflow: auto; }

#fields .c1		{ top: 40px; left: 420px; }
#fields .c2		{ top: 230px; left: 420px; }
#fields .c3		{ top: 380px; left: 420px; text-align: right; }
#fields .c1d1	{ top: 40px; left: 420px; width: 340px; }
#fields .c1c2	{ top: 40px; left: 420px; height: 340px; }
#fields .c1d3	{ top: 40px; left: 420px; width: 340px; height: 430px; }
#fields .c2d2	{ top: 230px; left: 420px; width: 340px; }
#fields .c3d3	{ top: 380px; left: 420px; text-align: left; width: 340px; height: 50px; }
#fields .c4d4	{ top: 490px; left: 420px; text-align: right; width: 269px; height: 120px; }
#fields .c1c2d1d2, #fields .c1d2
				{ top: 40px; left: 420px; height: 340px; width: 340px; overflow: auto; }
#fields .c1d2 p { margin-top: 0; }
 
#fields .d1 	{ top: 40px; left: 610px; }
#fields .d2 	{ top: 230px; left: 610px; }
#fields .d3		{ top: 380px; left: 610px; text-align: right; height: 50px; }
#fields .d1d2	{ top: 40px; left: 610px; height: 340px; }

#fields .left	{ text-align: left; }
#fields .center { text-align: center; }
#fields .right	{ text-align: right; }

#fields p * { background-repeat: no-repeat; background-position: 50% 50%; }

.inaktiv	{ visibility: hidden; }
.uebergross	{ margin-top: -40px; }

/* products */

#fields ul.accessories ul
			{ padding-bottom: .5em; }

/* projects */

#projectlist
			{ position: absolute; }
#projectlist li
			{ margin-bottom: .75em; width: 170px; }
#fields .detail
			{ position: absolute; top: 0; left: -230px; 
	/* display: none;*/ }
#fields .detail li
			{ text-align: right; width: 200px; }

p.folge		{ padding: .25em 0; }
.folge a, .folge strong
			{ padding: 0 .25em; }
.a3 a, .b3 a, .a3 span, .b3 span { padding: .25em; }

/* partner */

.scroll		{ overflow: auto; }
.scroll h2
			{ font-size: 120%; clear: both; padding: 1.5em 0 0; 
			font-weight: bold; margin-bottom: 0; color: #888; }
.scroll h3	{ clear: both; padding: 2em 0 1em; margin: 0; color: #888; }
.scroll h2+h3
			{ padding-top: 0; }
.contacts h3
			{ font-weight: bold; clear: none; padding: 1em 0; }
.contacts li
			{ width: 340px; float: left; padding-bottom: 1em; }
.contacts li.even
			{ margin-left: 40px; width: 320px;  }
.contacts li.uneven
			{ clear: left; }
#fields .contacts p
			{ margin: 0; padding: 0;  }
#fields .contacts p.media
			{ float: right; text-align: right; }
#fields .contacts p.media img
			{ width: 80px; height: 80px; }

#fields ul.countries
			{ padding-left: 40px; padding-top: 12px; }
.countries li
			{ float: left; padding-right: 1em; }

/* post */

form		{ border: 0; }
#zzform form #record table
			{ margin-bottom: .25em; }
form table	{ border-collapse: collapse; }
form td, input, select, textarea
   			{ color: #BBBBBB; font-weight:normal; text-transform: lowercase; }
form td		{ padding-right: 5px; }
input, textarea
			{ border: 0; color:#666; background-color: #BBB; }
.auswahl input
			{ background-color: white; }
			/* funktioniert nicht im IE 5.2/Mac; Hintergrundfarbe immer wie Submit-Button */
input.radio	{ background-color: #666; } 
.auswahl li	{ margin: 0; padding: 0; list-style: none; display: inline; }
.formkurz	{ width: 162px; height: 16px; }
.formlang	{ width: 332px; height: 16px; }
.contact textarea
			{ width: 332px; height: 84px; }
td.submit	{ text-align: right; }

/* performance */

#fields #prev, #fields #next
			{ font-size: 200%; position: absolute; left: 40px; top: 355px; 
			font-weight: normal; }
#fields #prev a, #fields #next a
			{ color: #BBB; }
#fields #next
			{ width: 720px; text-align: right; }

/* press */

.cover		{ padding-bottom: 4px; }
.press		{ padding-bottom: 40px; }

.dark		{ color: #888; }

/* login */

.login label
			{ display: block; float: left; width: 9em; margin-left: 1em; }
.login .submit
			{ margin-left: 10em; }
.login fieldset
			{ max-width: 30em; }
.login legend
			{ padding: .25em .2em .75em; }
.login p	{ padding: 0 .25em; margin: .5em 0; }
#canvas form.login input
			{ text-transform: none; }

/* single pages */

#index		{ background: black; }

#form textarea
			{ max-width: 262px; }
#form #zzform #record .subtable table
			{ margin-bottom: -.15em; }
#form #zzform #record tfoot th, #form #zzform #record tfoot td
			{ padding-bottom: .3em; }
#form #zzform #record th, #form #zzform #record td
			{ line-height: 1.3; }

.centered	{ position: relative; left: 95px; }

.copyright	{ display: block; }