/* CSS Document LICHT 01 2.0*/
/* Michael Holfelder / studio holfelder 2008 */

/* Die css sind wie folgt gegliedert:                                 */
/* 1. Allgemeine Anweisungen, Definitionen                            */
/* 2. Hauptinhaltsbereich »content«                                   */
/* 3. die weiteren absolut positionierten Bereiche (inkl. der Menues) */
/* */

/* 1. allgemeinen Anweisungen, Definitionen */

body {
	background-color:#FFF;
	margin:0;
	font-family: Arial, Helvetica, sans-serif;
}
img {
	border:0;
	margin:0;
}
strong {
	font-weight: bolder;
}
/* in der Box »container« spielt sich alles ab */
#container {
	position:relative;
	width:1000px;
	height:690px;
	margin:10px auto auto 5px;
}
/*#container p {
	background-color: #7c7d7f;
	font-size: 0.75em
}
*/
/* 2. alles fuer den Hauptinhaltsbereich (»content«) - Texte und Bilder */
#content {
	position:absolute;
	left:21px;
	top:99px;
	width:958px;
	height:355px;
	font-family:Arial, Helvetica, sans-serif;
	z-index:1;
	background-color:#7c7d7f;
}
#content a:link {
	color:#fff;
	text-decoration:none
}
#content a:visited {
	color:#fff;
	text-decoration:none
}
#content a:hover {
	color:#0F3;
	text-decoration:none
}
#content .aktuell {
	font-weight:bold;
	color:#0F3;
	background-color:#7c7d7f
}
#content .aktuell a {
	color:#0F3
}
.link_weight_normal {
	font-weight:normal;
	color:#0F3;
}
/* ANFANG TEXT PROJEKTE und UNDEFINIERTE */

#content p.text {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #7c7d7f;
	color:#FFF;
	font-size: 0.75em;
	line-height:1.5em;
	margin:12px 3px 0 18px
}
#content p.text_first {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #7c7d7f;
	color:#FFF;
	font-size: 0.75em;
	line-height:1.5em;
	margin:22px 3px 0 18px
}
/* ENDE TEXT PROJEKTE und UNDEFINIERTE */
/* ANFANG TEXT MITARBEITER */

#content p.text_mitarbeiter {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #7c7d7f;
	color:#FFF;
	font-size: 0.75em;
	line-height:1.5em;
	margin:18px 3px 0 18px
}
#content p.text_first_mitarbeiter {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #7c7d7f;
	color:#FFF;
	font-size: 0.75em;
	line-height:1.5em;
	margin:22px 3px 0 18px
}
#content p.text_mitarbeiter_weitere {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #7c7d7f;
	color:#FFF;
	font-size: 0.75em;
	line-height:1.5em;
	margin:6px 3px 0 18px
}
#content p.text_mitarbeiter_weitere_first {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #7c7d7f;
	color:#FFF;
	font-size: 0.75em;
	line-height:1.5em;
	margin:22px 3px 0 18px
}
#content .klein_abstand_mitarbeiter_weitere {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #7c7d7f;
	color:#FFF;
	font-size: 0.66em;
	line-height:1.75em;
	margin:18px 3px 0 18px
}
/* ENDE TEXT MITARBEITER */
/* ANFANG TEXT KUNDEN */

#content p.text_kunden {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #7c7d7f;
	color:#FFF;
	font-size: 0.75em;
	line-height:1.66em;
	margin:22px 3px 0 18px
}
/* ENDE TEXT KUNDEN */
/* ANFANG TEXT LINKS */

#content p.text_links {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #7c7d7f;
	color:#FFF;
	font-size: 0.75em;
	line-height:1.5em;
	margin:36px 390px 0 18px
}
#content p.text_first_links {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #7c7d7f;
	color:#FFF;
	font-size: 0.75em;
	line-height:1.5em;
	margin:22px 3px 0 18px
}
#content .klein_abstand_links {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #7c7d7f;
	color:#FFF;
	font-size: 0.66em;
	line-height:1.75em;
	margin:17px 3px 0 18px
}
/* ENDE TEXT LINKS */
/* ANFANG TEXT REFERENZEN */

#content p.text_referenzen {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #7c7d7f;
	color:#FFF;
	font-size: 0.75em;
	line-height:1.66em;
	margin:20px 3px 0 18px
}
#content p.text_first_referenzen {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #7c7d7f;
	color:#FFF;
	font-size: 0.75em;
	line-height:1.66em;
	margin:22px 3px 0 18px
}
#content p.text_referenzen_zweite_spalte {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #7c7d7f;
	color:#FFF;
	font-size: 0.75em;
	line-height:1.66em;
	margin:20px 3px 0 30px
}
#content p.text_first_referenzen_zweite_spalte {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #7c7d7f;
	color:#FFF;
	font-size: 0.75em;
	line-height:1.66em;
	margin:22px 3px 0 30px
}
#content .klein_abstand_referenzen {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #7c7d7f;
	color:#FFF;
	font-size: 0.66em;
	line-height:1.75em;
	margin-left:18px;
	margin-top:26px;
}
/* ENDE TEXT REFERENZEN */

#content .klein_abstand {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #7c7d7f;
	color:#FFF;
	font-size: 0.66em;
	line-height:1.75em;
	margin-left:18px
}
#content .fotograf {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #7c7d7f;
	color:#FFF;
	font-size: 0.66em;
	line-height:2em;
	margin-left:18px
}
#content .quelle {
	font-size:0.99em;
	font-weight:normal;
	font-style:italic;
	letter-spacing:0.67px
}
#tabrider {
	position:absolute;
	left:0px;
	top:326px;
	width:406px;
	height:29px;
	background-color:#7c7d7f;
	margin: 0px;
}
.tabnumbers {
	font-size:0.75em;
	font-family: Arial, Helvetica, sans-serif;
	color:#fff;
	margin:0 0 0 15px;
	font-weight:bold;
	background-color:#7c7d7f;
	word-spacing: 0.5em;
}
#weiter {
	position:absolute;
	left:480px;
	top:318px;
	width:60px;
	height:29px;
	background-color:#7c7d7f;
	margin: 0px;
	text-align:left;
}
.tabweiter {
	font-size:0.7em;
	font-family: Arial, Helvetica, sans-serif;
	color:#fff;
	margin:0px;
	background-color:#7c7d7f;
	word-spacing: 0.5em;
}
/* Teilmengen von #content             */
/* cont_00a = linkes Drittel v. #content   	  */
/* cont_00b = mittleres Drittel v. #content   */
/* cont_00c = rechtes Drittel v. #content     */
/* cont_000 = linke Seite (Texte)      */      

/* verkleinert: von 417 Pixeln auf 400 Pixel */
/* Originalgroesse: cont_000_nominal   */

/* rechte Teilmengen von #content      */
/* cont_001 = der gesamte Bereich      */
/* cont_011 = linke Haelfte            */
/* cont_012 = Mitte                    */
/* cont_013 = rechte Haelfte           */
/* cont_021 = 1. Viertel, hochkant     */
/* cont_022 = 2. Viertel, hochkant     */
/* cont_023 = 3. Viertel, hochkant     */
/* cont_024 = 4. Viertel, hochkant     */
/* cont_031 = obere zwei Drittel       */
/* cont_032 = untere zwei Drittel      */
/* cont_041 = oberes Drittel           */
/* cont_042 = mittleres Drittel        */
/* cont_043 = unteres Drittel          */
/* cont_051 = linke Haelfte v. 031     */
/* cont_052 = mittlere Haelfte v. 031  */
/* cont_053 = rechte Haelfte v. 031    */
/* cont_054 = linke Haelfte v. 032     */
/* cont_055 = mittlere Haelfte v. 032  */
/* cont_056 = rechte Haelfte v. 032    */
/* cont_061 = linke 2 Drittel v. 031   */
/* cont_062 = rechte 2 Drittel v. 031  */
/* cont_063 = linke 2 Drittel v. 032   */
/* cont_064 = rechte 2 Drittel v. 032  */
/* cont_071 = linke 3 Viertel          */
/* cont_072 = rechte 3 Viertel         */
/* cont_101 = A1                       */
/* cont_102 = A2                       */
/* cont_103 = A3                       */
/* cont_104 = A4                       */
/* cont_105 = B1                       */
/* cont_106 = B2                       */
/* cont_107 = B3                       */
/* cont_108 = B4                       */
/* cont_109 = C1                       */
/* cont_110 = C2                       */
/* cont_111 = C3                       */
/* cont_112 = C4                       */

#cont_00a {
	position:absolute;
	left: 0px;
	top: 0px;
	width: 318px;
	height: 355px;
	background-color:#7c7d7f;
}
#cont_00b {
	position:absolute;
	left: 318px;
	top: 0px;
	width: 318px;
	height: 355px;
	background-color:#7c7d7f;
}
#cont_00c {
	position:absolute;
	left: 638px;
	top: 0px;
	width: 318px;
	height: 355px;
	background-color:#7c7d7f;
}
#cont_000 {
	position:absolute;
	left: 0px;
	top: 0px;
	width: 400px;
	height: 355px;
	background-color: #7c7d7f;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff
}
#cont_000_nominal {
	position:absolute;
	left: 0px;
	top: 0px;
	width: 417px;
	height: 355px;
	background-color: #7c7d7f;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff
}
#cont_random {
	position:absolute;
	left: 418px;
	top: 0px;
	width: 540px;
	height: 355px;
	background-image: url(../graphik/random/random.php);
	background-repeat: no-repeat;
}
#cont_001 {
	position:absolute;
	left: 418px;
	top: 0px;
	width: 540px;
	height: 355px;
	background-color:#7c7d7f;
}
#cont_011 {
	position:absolute;
	left: 418px;
	top: 0px;
	width: 266px;
	height: 355px;
	background-color:#7c7d7f;
}
#cont_012 {
	position:absolute;
	left: 555px;
	top: 0px;
	width: 266px;
	height: 355px;
	background-color:#7c7d7f;
}
#cont_013 {
	position:absolute;
	left: 692px;
	top: 0px;
	width: 266px;
	height: 355px;
	background-color:#7c7d7f;
}
#cont_021 {
	position:absolute;
	left: 418px;
	top: 0px;
	width: 129px;
	height: 355px;
	background-color:#7c7d7f;
}
#cont_022 {
	position:absolute;
	left: 555px;
	top: 0px;
	width: 129px;
	height: 355px;
	background-color:#7c7d7f;
}
#cont_023 {
	position:absolute;
	left: 692px;
	top: 0px;
	width: 129px;
	height: 355px;
	background-color:#7c7d7f;
}
#cont_024 {
	position:absolute;
	left: 829px;
	top: 0px;
	width: 129px;
	height: 355px;
	background-color:#7c7d7f;
}
#cont_031 {
	position:absolute;
	left: 418px;
	top: 0px;
	width: 540px;
	height: 234px;
	background-color:#7c7d7f;
}
#cont_032 {
	position:absolute;
	left: 418px;
	top: 121px;
	width: 540px;
	height: 234px;
	background-color:#7c7d7f;
}
#cont_041 {
	position:absolute;
	left: 418px;
	top: 0px;
	width: 540px;
	height: 113px;
	background-color:#7c7d7f;
}
#cont_042 {
	position:absolute;
	left: 418px;
	top: 121px;
	width: 540px;
	height: 113px;
	background-color:#7c7d7f;
}
#cont_043 {
	position:absolute;
	left: 418px;
	top: 242px;
	width: 540px;
	height: 113px;
	background-color:#7c7d7f;
}
#cont_051 {
	position:absolute;
	left: 418px;
	top: 0px;
	width: 266px;
	height: 234px;
	background-color:#7c7d7f;
}
#cont_052 {
	position:absolute;
	left: 555px;
	top: 0px;
	width: 266px;
	height: 234px;
	background-color:#7c7d7f;
}
#cont_053 {
	position:absolute;
	left: 692px;
	top: 0px;
	width: 266px;
	height: 234px;
	background-color:#7c7d7f;
}
#cont_054 {
	position:absolute;
	left: 418px;
	top: 121px;
	width: 266px;
	height: 234px;
	background-color:#7c7d7f;
}
#cont_055 {
	position:absolute;
	left: 555px;
	top: 121px;
	width: 266px;
	height: 234px;
	background-color:#7c7d7f;
}
#cont_056 {
	position:absolute;
	left: 692px;
	top: 121px;
	width: 266px;
	height: 234px;
	background-color:#7c7d7f;
}
#cont_061 {
	position:absolute;
	left: 418px;
	top: 0px;
	width: 403px;
	height: 234px;
	background-color:#7c7d7f;
}
#cont_062 {
	position:absolute;
	left: 418px;
	top: 0px;
	width: 403px;
	height: 234px;
	background-color:#7c7d7f;
}
#cont_063 {
	position:absolute;
	left: 418px;
	top: 121px;
	width: 403px;
	height: 234px;
	background-color:#7c7d7f;
}
#cont_064 {
	position:absolute;
	left: 418px;
	top: 121px;
	width: 403px;
	height: 234px;
	background-color:#7c7d7f;
}
#cont_071 {
	position:absolute;
	left: 418px;
	top: 121px;
	width: 403px;
	height: 355px;
	background-color:#7c7d7f;
}
#cont_072 {
	position:absolute;
	left: 418px;
	top: 121px;
	width: 403px;
	height: 355px;
	background-color:#7c7d7f;
}
#cont_101 {
	position:absolute;
	left: 418px;
	top: 0px;
	width: 129px;
	height: 113px;
	background-color:#7c7d7f;
}
#cont_102 {
	position:absolute;
	left: 555px;
	top: 0px;
	width: 129px;
	height: 113px;
	background-color:#7c7d7f;
}
#cont_103 {
	position:absolute;
	left: 692px;
	top: 0px;
	width: 129px;
	height: 113px;
	background-color:#7c7d7f;
}
#cont_104 {
	position:absolute;
	left: 829px;
	top: 0px;
	width: 129px;
	height: 113px;
	background-color:#7c7d7f;
}
#cont_105 {
	position:absolute;
	left: 418px;
	top: 121px;
	width: 129px;
	height: 113px;
	background-color:#7c7d7f;
}
#cont_106 {
	position:absolute;
	left: 555px;
	top: 121px;
	width: 129px;
	height: 113px;
	background-color:#7c7d7f;
}
#cont_107 {
	position:absolute;
	left: 692px;
	top: 121px;
	width: 129px;
	height: 113px;
	background-color:#7c7d7f;
}
#cont_108 {
	position:absolute;
	left: 829px;
	top: 121px;
	width: 129px;
	height: 113px;
	background-color:#7c7d7f;
}
#cont_109 {
	position:absolute;
	left: 418px;
	top: 242px;
	width: 129px;
	height: 113px;
	background-color:#7c7d7f;
}
#cont_110 {
	position:absolute;
	left: 555px;
	top: 242px;
	width: 129px;
	height: 113px;
	background-color:#7c7d7f;
}
#cont_111 {
	position:absolute;
	left: 692px;
	top: 242px;
	width: 129px;
	height: 113px;
	background-color:#7c7d7f;
}
#cont_112 {
	position:absolute;
	left: 829px;
	top: 242px;
	width: 129px;
	height: 113px;
	background-color:#7c7d7f;
}
/* 3. die weiteren absolut positionierten Elemente */

#standardlinks {
	position:absolute;
	left:600px;
	top:74px;
	width:376px;
	height:23px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.66em;
	letter-spacing:0.04em;
	text-align:right;
	color:#000
}
#standardlinks a:link {
	color:#7c7d7f;
	text-decoration:none
}
#standardlinks a:visited {
	color:#7c7d7f;
	text-decoration:none
}
#standardlinks a:hover {
	color:#333;
	text-decoration:none
}
#standardlinks a:active {
	color:#333;
	text-decoration:none;
}
#wortmarke {
	position:absolute;
	left:20px;
	top:57px;
	width:277px;
	height:31px;
	z-index:2;
}
#signet {
	position:absolute;
	left:932px;
	top:22px;
	width:48px;
	height:24px;
	z-index:2;
}
#adresszeile {
	position:absolute;
	left:600px;
	top:635px;
	width:376px;
	height:23px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.66em;
	letter-spacing:0.04em;
	text-align:right;
	color:#7c7d7f
}
#hmpBuero {
	position:absolute;
	left:22px;
	top:466px;
	width:39px;
	height:16px;
	background-color:#FFF;
	text-align:left;
	z-index:99;
}
#hmpBueroen {
	position:absolute;
	left:22px;
	top:465px;
	width:47px;
	height:17px;
	background-color:#FFF;
	text-align:left;
	z-index:99;
}
#hmpProjekte {
	position:absolute;
	left:70px;
	top:466px;
	width:63px;
	height:16px;
	background-color:#FFF;
	text-align:left;
	z-index:99;
}
#hmpProjekteen {
	position:absolute;
	left:80px;
	top:466px;
	width:62px;
	height:16px;
	background-color:#FFF;
	text-align:left;
	z-index:99;
}
#hmpReferenzen {
	position:absolute;
	left:145px;
	top:465px;
	width:84px;
	height:16px;
	background-color:#FFF;
	text-align:left;
	z-index:99;
}
#hmpReferenzenen {
	position:absolute;
	left:155px;
	top:465px;
	width:85px;
	height:17px;
	background-color:#FFF;
	text-align:left;
	z-index:99;
}
/*
#untermenuebuero {
	position:absolute;
	left:22px;
	top:533px;
	width:89px;
	height:100px;
	visibility: hidden;
}

#untermenueprojekte {
	position:absolute;
	left:22px;
	top:533px;
	width:113px;
	height:153px;
	visibility: hidden;
}

#untermenuereferenzen {
	position:absolute;
	left:22px;
	top:533px;
	width:173px;
	height:100px;
	visibility: hidden;
}
*/

#untermenuebuero {
	position:absolute;
	left:22px;
	top:493px;
	width:89px;
	height:100px;
	visibility: visible;
}
#untermenueprojekte {
	position:absolute;
	left:22px;
	top:493px;
	width:113px;
	height:153px;
	visibility: visible;
}
#untermenuereferenzen {
	position:absolute;
	left:22px;
	top:493px;
	width:173px;
	height:100px;
	visibility: visible;
}
#projekteaktuell {
	position:absolute;
	left:200px;
	top:493px;
	width:380px;
	height:153px;
	visibility: hidden;
}
#projekteaktuell2 {
	position:absolute;
	left:500px;
	top:493px;
	width:380px;
	height:153px;
	visibility: hidden;
}
#projektehotel {
	position:absolute;
	left:200px;
	top:493px;
	width:380px;
	height:153px;
	visibility: hidden;
}
#projektegastro {
	position:absolute;
	left:200px;
	top:493px;
	width:380px;
	height:153px;
	visibility: hidden;
}
#projektewellness {
	position:absolute;
	left:200px;
	top:493px;
	width:380px;
	height:153px;
	visibility: hidden;
}
#projekteverwaltung {
	position:absolute;
	left:200px;
	top:493px;
	width:380px;
	height:153px;
	visibility: hidden;
}
#projektehandel {
	position:absolute;
	left:200px;
	top:493px;
	width:380px;
	height:153px;
	visibility: hidden;
}
#projektekultur {
	position:absolute;
	left:200px;
	top:493px;
	width:380px;
	height:153px;
	visibility: hidden;
}
#projekteprivat {
	position:absolute;
	left:200px;
	top:493px;
	width:380px;
	height:153px;
	visibility: hidden;
	display:none
}
#projekteaussen {
	position:absolute;
	left:200px;
	top:493px;
	width:380px;
	height:153px;
	visibility: hidden;
}
/* normalizer soll den Abstand zwischen Buttons browseruebergreifend gleich halten (0px)*/
.normalizer {
	height:16px;
	width:173px;
	margin:0px;
	padding:0px;
	border:0px
}
.normalizersmall {
	height:14px;
	width:173px;
	margin:0px;
	padding:0px;
	border:0px
}
.eng {
	letter-spacing:-0.06em
}
a {
	outline-width:0px;
	outline-color:#FFF
}
#content ul.text {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #7c7d7f;
	color:#FFF;
	font-size: 0.75em;
	line-height:1.5em;
	margin:2px 3px 0 18px;
	list-style-type:square;
	padding: 0 0 0 10px;
}

