/*	
	schneevoigt van dyck lichtdesign
	2005-07-29 gustaf mossakowski, gustaf@koenige.org
	design by synthese, info@synthese-web.de
*/

html, body {height: 100%;}
body {font-family: Helvetica, Arial, sans-serif; margin: 0; padding: 0; 
	font-size: 12px; background-color: black; 
	margin: auto; color: #333; }
*, #fields {font-family: Helvetica, Arial, sans-serif;}
table {font-size: 12px;} /* fuer IE 5 */
p, li {line-height: 120%;}
li {margin-top: 0; margin-bottom: 0;} /* f. Opera 6 */
a:link {color: white; text-decoration: none;}
a:visited {color: #999; font-weight: normal; text-decoration: none;}
h1 {font-size: 120%;}

#canvas {width: 800px; height: 616px; margin: auto; position: relative; 
	text-align: left; /* text-align see above */ }
#logo {position: absolute; top: 0; right: 0; border: 0;}
#middle {height: 100%; width: 100%; text-align: center; /* text-align for IE 5 */}

#presse #canvas {height: 1300px;}
#presse #nav-top {bottom: 1270px;}
#presse #nav {top: 1285px;}

#nav strong {color: white; text-decoration: none; padding-left: .5em;}
#nav a {color: #999; text-decoration: none; display: block; font-weight: bold;}
#nav {position: absolute; top: 573px; left: 0%; width: 100%; padding: 0; 
	margin: 0; list-style: none; 
	height: 20px; /* height f. Opera 6, = bottom + line-height ?! */ 
	text-transform: lowercase; }
#nav li {float: left; list-style: none; /* 19%*/ text-transform: lowercase;
	position: relative; margin: 1px 0 0; padding: 16px 0 0; line-height: 20px; }
#nav li#menu-Lichtdesign {width: 15.3%;}
#nav li#menu-Gebaeudetechnik {width: 19%;}
#nav li#menu-Moderation {width: 15.7%;}
#nav li#menu-Projekte {width: 13.5%;}
#nav li#menu-Team {width: 11.3%;}
#nav li#menu-Kontakt {width: 13.2%;}
#nav li#menu-Home {width: 11.6%; text-align: right;}

#nav li a:hover {background: #000; font-weight: bold; color: #FFF;} /* 504E53 */
#nav li ul { padding: 13px 0 0 0; position: absolute; left: 0; margin: 0;} /*   */
#nav li ul {display: none;}
#nav li ul.obj1 {top: -19px;}
#nav li ul.obj2 {top: -42px;}
#nav li ul.obj3 {top: -60px;}
#nav li ul.obj4 {top: -86px;}
#nav li ul.obj5 {top: -108px;}
#nav li ul.obj6 {top: -130px;}
#nav li ul.obj7 {top: -152px;}
#nav li ul.obj8 {top: -174px;}
#nav li ul.obj9 {top: -196px;}
#nav li ul.obj10 {top: -218px;}
#nav #menu-Gebaeudetechnik li {width: 11em;}
#nav #menu-Team li {width: 14.5em;}
#nav li li {line-height: 1.4em; width: 100%; border: 0; background: #000; /* 504E53 */
	padding: 0; margin-top: 1px; z-index: 2; } /* for IE Mac */
	/* Commented Backslash Hack
	   hides rule from IE5-Mac \*/
#nav li li {line-height: 20px; height: 21px; }
	/* End IE5-Mac hack */
#nav li li a {padding: 0; margin: 0; padding-left: .5em;} /* padding-left fuer bessere klickbarkeit */
#nav li a { display: block; padding-left: .5em; white-space: nowrap; height: 20px;}
#nav li strong { display: block; padding-left: .5em; white-space: nowrap; }
#nav li:hover ul, #nav li.over ul { display: block; }
/* #nav li > ul { top: auto; left: auto; }*/

#fields {height: 560px; width: 800px; position: absolute; top: 30px; left: 0; }
#fields div {position: absolute;}
#presse #fields p {margin: 0 0 1em;}

#archiv #fields, #index #fields {background: url(hg-index.jpg) no-repeat 50% 50% #999;}
#infineon #fields {background: url(hg-infineon.jpg) no-repeat 50% 50%;}
#siegen #fields {background: url(hg-siegen.jpg) no-repeat 50% 50%;}
#luebeck #fields {background: url(hg-luebeck.jpg) no-repeat 50% 50%;}
#chemnitz #fields {background: url(/projekte/geschaeftshaus-chemnitz/lichtdesign-aussen-hintergrund.jpg) no-repeat 50% 50%;}
#szenisch #fields {background: url(/projekte/madlein-ischgl/sl-hintergrund.jpg) no-repeat 50% 50%;}
#bayerpost #fields {background: url(hg-siegen.jpg) no-repeat 0% 50%;}
#symphoniker #fields {background: url(/projekte/bochumer-symphoniker/events-hintergrund.jpg) no-repeat 0% 50%;}
#lichttechnik #fields {background: url(/projekte/sparkasse-siegen/lichttechnik-hintergrund.jpg) no-repeat 100% 50%;}
#gebaeudetechnik #fields {background: url(/projekte/hansaallee-duesseldorf/gebaeudetechnik-hintergrund.jpg) no-repeat 100% 50%;}
#energiemanagement #fields {background: url(/projekte/bob-aachen/hg-energiemanagement.jpg) no-repeat 100% 50%;}
#energiemanagement #c3 {background: url(/projekte/bob-aachen/hg-energiemanagement-weiss.jpg) no-repeat -400px -320px;
	color: #111; padding: 0 10px; width: 380px;}
#energiemanagement #c3 a:link {color: #FFF;}
#techmanagement #fields {background: url(/projekte/hansaallee-duesseldorf/moderation-hintergrund.jpg) no-repeat 50% 50%;}
.kontakt #fields {background-color: #AEAFB2;}
#projekte #fields {background:Ê#000;}
#infineon #c3 {color: white;}
#gebaeudetechnik #c3 {color: #AAA;}
.technologiemanagement #c3 {color: #AAA;}
#presse #fields {background: #000;}

#a {top: 0; left: 0; width: 200px; background-color: #AEAFB2; color: black; 
	height: 100%;}
#a1 {top: 0; left: 0; padding: 10px 10px 0 0; width: 190px; color: #FFF;
	 height: 50px; overflow: auto;}
#a1 h1 {margin: 0;}
.team #a1, .projektarchiv #a1 {background-color: #AEAFB2;}
.team #a1 h1, .projektarchiv #a1 h1 {padding-left: 10px; color: #000; }
#c3 {top: 320px; left: 400px; padding-right: 10px; width: 390px;}
#a2 {top: 100px; left: 00px; padding-right: 10px; width: 390px; color: #AAA; 
	overflow: auto; height: 420px;}
#a2-kontakt {top: 50px; left: 0; padding: 0; width: 200px; color: #000;
	background: #AEAFB2; height: 510px;}
#a2-kontakt p {padding: 0 10px;}
#a2-kontakt ul.adresse {padding: 50px 10px 20px;}
.portrait {padding-top: 50px;}
#ab {top: 0; left: 0; background: white; height: 1200px; width: 800px; overflow: auto;}
#a2-ref {top: 50px; left: 0; padding-right: 10px; width: 190px; color: #FFF;
	 height: 510px; overflow: hidden; }
.textbreit #a2-ref {width: 390px;}
#a2-ref a:visited {color: #666; overflow: auto;}
.team #a2-ref, .projektarchiv #a2-ref {background-color: #AEAFB2;}
.team #a2-ref a, .projektarchiv #a2-ref a {color: #333;}
.team #a2-ref .projektarchiv #a2-ref {color: #000;}
#c1 {top: 100px; left: 410px; padding-right: 10px; width: 380px; color: #AAA;
	height: 420px; overflow: auto;}
#bcd {top: 0; left: 200px; width: 600px; background-color: #504E53; color: white; 
	height: 560px; overflow: auto;}
#bcd .text {padding: 100px 10px 0 10px; width: 560px; }
#archiv #bcd {background-color: transparent; color: #000; }
#archiv #bcd a {color: #333;}
#archiv #bcd a:visited {color: #666;}
.referenzen #bcd {background-color: #000;}
#abc {top: 0; left: 00px; width: 600px; color: white; 
	height: 400px; padding: 0;}
#b2 {padding: 10px; width: 180px; margin-top: 160px; }
.textbreit #bcd {top: 0; left: 400px; width: 400px; color: white; 
	height: 400px; padding: 0;}
#c2 {right: 0; bottom: 0; background-color: #504E53; 
	width: 600px; height: 560px; position: relative;}
#c2 form {padding: 10px 15px 0; margin: 0; height: 28em; width: 28em;
	position: absolute; right: 20px; bottom: 20px;}
#c2 form table {width: 27.2em; border-collapse: collapse; font-size: 11px; color: white;}
#c2 form th {font-weight: normal; padding-right: .5em; padding-top: .75em; width: 4em;}
#c2 form td {font-weight: normal; padding-top: .5em; white-space: nowrap;}
#c2 .submit {text-align: right;}
#c2 form textarea, #c2 form input {font-size: 11px; border: .1em solid white;}
#c2 table textarea {width: 27em; /* 27em */ } 
#c2 th {width: 3em;}
#c2 th.ort {width: 1.5em;}
#c2 table .formlang {width: 22.9em;}
#c2 table .formkurz {width: 9.1em;}
#c2 table .formplz input {width: 3.4em;}
#c2 table .formplz {padding-right: .3em;}
#c2 table .formort {width: 19em;}
#ab-hg {background-image: url(transparent.gif); left: 20px; top: 20px; width: 360px; 
	padding: 20px 10px; height: 400px; overflow: auto; color: black;}
#d2 {left: 600px; top: 50px;}
.adresse {list-style: none; margin: 0; padding: 0;}
.adresse li {margin: 0; padding: 0;}
.adresse .mail, .adresse .telefon {padding-top: .75em;}

.presseliste {list-style: none; padding: 0; margin: 0; position: absolute; bottom: 50px; left: 10px; width: 180px;}
.presseliste li {padding: .25em 0; margin: 0;}
.presseliste a img {display: none; position: absolute; left: 450px; bottom: 0; border: 0;}
.presseliste a:hover img {display: block;}
#archiv .presseliste {width: 380px;}

.pressetext {top: 50px; left: 10px; padding-right: 10px; width: 390px;}
p.cover {margin: 0; text-align: right; position: absolute; right: 0; bottom: 40px;}
p.cover img {border: 0; padding: 10px;}

.link {padding-top: .75em; text-transform: uppercase;}

.naechste {float: right; margin: 0;}
.vorige {float: left; margin: 0;}

.hochformat {padding: 0;}
.querformat {padding-top: 50px;}
.vollbild {padding: 0;}
#a2-ref .vorschaubilder {margin: 0; padding: 0; text-indent: 0; width: 190px; }
.textbreit #a2-ref .vorschaubilder {width: 390px;}
.ohnetext .text {display: none;}
.vorschaubilder img {margin: 0 10px 10px 0; border: 0;/*border: 2px solid #000;*/}
/*.vorschaubilder strong img {border-color: #FFF;}*/

h2 {font-size: 110%; margin-top: 0;}
h3 {font-size: 100%; margin-bottom: 0;}

#top {position: absolute; top: 0; left: 0; background: #000;
	width: 560px; color: white; z-index: 2; padding-bottom: 10px; padding-right: 10px;}
#top div {overflow: hidden; width: 560px; position: relative;}
#top div.weniger {height: 2.8em; }
#top div.weniger p#weniger {display: none;}
#top div.weniger p#mehr {display: block;}
#a2-ref p, #top p {margin-top: 0; line-height: 1.4em; margin-bottom: 0; text-indent: 0; /*1em*/ }
#a2-ref p {padding-right: 10px;}
#a2-ref p.first, #a2-ref .text p:first-child, #top p:first-child, #top p.first {text-indent: 0; display: inline;}
#top h1 {margin: 0; display: inline; font-size: 100%; font-weight: bold; padding-right: .5em;}
#top p#mehr {position: absolute; right: 0; bottom: 0em; z-index: 3; background: #000; 
	color: #999; cursor: pointer; display: none;}
#top p#weniger {text-indent: 0; margin-top: 0;color: #999;
	text-align: right; cursor: pointer;}
#fallbeispiel {position: absolute; right: 0; bottom: 0; color: white; background: #000; 
	padding: 8px 0 2px 10px; margin: 0; z-index: 2;}
#fallbeispiel a {display: block; z-index: 2;}
#fallbeispiel2 {position: absolute; right: 0; bottom: 25px; color: white; background: #000; 
	padding: 8px 0 2px 10px; margin: 0;}
	
#bottomright {position: absolute; right: 0; bottom: 0; width: 400px; background: #000;
	color: #FFF; padding: 8px 0 2px 10px;}
#bottomright p {margin: 0; text-indent: 0 /*1em*/;}
#bottomright p.first {text-indent: 0;}

.projekte2 {list-style: none; margin: 0 90px; padding: 65px 0; width: 650px; }
.projekte2 li {float: left; height: 95px; width: 95px; padding: 15px;}
.projekte2 li img {padding: 5px; border: 0; /*background-image: url(rahmen.gif);*/ height: 85px; width: 85px; }
#projekte h1 {display: none;}