body{
background:#CCC url(back.gif);
color:#000;
font-family:Helvetica,Arial,sans-serif;
font-size:100.01%;
margin:0;
padding:5px;
min-width:611px;
}

code{
color:#066;
background:#FFC;
}

/* alles */

.alles{
width:601px;
margin-left:auto;
margin-right:auto;
margin-top:20px;
margin-bottom:20px;
border-top:2px solid #FFF;
}

.unsichtbar{
display:none !important;
}

/* kopf */

.kopf{
width:600px;
height:340px;
position:relative;
background:#FFF;
line-height:115%;
}

body.vitae .kopf,
body.jobs .kopf,
body.projekte .kopf,
body.veroeffentlicht .kopf,
body.unveroeffentlicht .kopf,
body.sound .kopf,
body.bending .kopf,
body.studio .kopf,
body.repairs .kopf{
height:240px;
}

/* content */

.content,
.fussnote{
padding:1em;
padding-top:0.1em;
background:#FFF;
color:#000;
border-left:0.15em solid #000;
margin-top:5px;
}

.fussnote{
border-color:#FFF;
text-align:right;
}

.fussnote p{
margin-bottom:0;
padding-bottom:0;
}


body.projekte .content,
body.veroeffentlicht .content,
body.studio .content{
border-color:#3C0;
}

body.vitae .content,
body.unveroeffentlicht .content,
body.repairs .content{
border-color:#00D;
}

body.jobs .content,
body.sound .content,
body.bending .content{
border-color:#E11;
}

.content img{
padding-top:0;
vertical-align:top;
margin-left:-1em;
margin-right:1em;
}

.content a img{
margin-left:0;
margin-right:5px;
margin-bottom:2px;
margin-top:3px;
border:1px solid #00F;
}

.content ul{
list-style-type:square;
}

/* überschriften */
	
	h1{
	font-size:1em;
	margin:0;
	padding:0;
	line-height:115%;
	letter-spacing:0.14em;
	position:absolute;
	right:5px;
	}
	
	body.legoluft h1,
	body.info h1{
	top:5px;
	}
	
	body.info h1{
	left:5px;
	}
	
	body.job h1,
	body.musik h1,
	body.tech h1{
	text-align:right;
	top:30px;
	}
	
	body.vitae h1,
	body.jobs h1,
	body.projekte h1,
	body.veroeffentlicht h1,
	body.unveroeffentlicht h1,
	body.sound h1,
	body.bending h1,
	body.studio h1,
	body.repairs h1{
	text-align:right;
	top:55px;
	}
	
	h2{font-size:1.2em;}
	h3{font-size:1em;}

	body.projekte .content h2,
	body.projekte .content h3,
	body.veroeffentlicht .content h2,
	body.veroeffentlicht .content h3,
	body.studio .content h2,
	body.studio .content h3{
	color:#380;
 }
	
	body.vitae .content h2,
	body.vitae .content h3,
	body.unveroeffentlicht .content h2,
	body.unveroeffentlicht .content h3,
	body.repairs .content h2,
	body.repairs .content h3{
	color:#008;
	}
		
	body.jobs .content h2,
	body.jobs .content h3,
	body.sound .content h2,
	body.sound .content h3,
	body.bending .content h2,
	body.bending .content h3{
	color:#811;
	}
	
/* liste */

.kopf ul,
.kopf li{
list-style-type:none;
margin:0;
padding:0;
}

.kopf li{
position:absolute;
}

/* zeichen */

.zeichen{
font-weight:bold;
}

/* beschreibung */

.kopf .beschreibung{
background:#FFF;
color:#777;
padding-bottom:2px;
}

/* logo */

.logo,
.layer{
position:absolute;
left:228px;
top:72px;
}

.logo{
z-index:1;
}

/* layer */

.layer{
width:145px;
height:125px;
display:block;
}

/* bild */

.bild{
position:absolute;
width:145px;
height:125px;
}

/* z-index */

.kopf .logo{z-index:1;}
.kopf h1{z-index:1;}

.kopf .bild{z-index:10;}
.kopf li{z-index:10;}

.kopf .beschreibung{z-index:11;}
.kopf strong{z-index:11;}

body.legoluft .kopf .info{z-index:12;}
body.legoluft .kopf .musik{z-index:12;}

.kopf .layer{z-index:30;}

/* beschreibung */

.kopf .beschreibung{
font-weight:normal;
display:none;
}

/* hover */

.kopf a:link,
.kopf a:visited{
text-decoration:none;
color:#000;
}

.kopf a.blau:link,
.kopf a.blau:visited{
color:#008;
color:#000;
}

.kopf a.rot:link,
.kopf a.rot:visited{
color:#811;
color:#000;
}

.kopf a.gruen:link,
.kopf a.gruen:visited{
color:#380;
color:#000;
}

.kopf a:link .bild,
.kopf a:visited .bild{
background-position:145px 125px;
background-repeat:no-repeat;
}

.kopf a:hover .bild,
.kopf a:focus .bild,
.kopf a:active .bild{
background-position:left top;
}

.kopf a:link .beschreibung,
.kopf a:visited .beschreibung{
top:-10000px;
left:-10000px;
}

.kopf a:link .link,
.kopf a:visited .link{
font-weight:normal;
border-color:#FFF;
}

.kopf a:hover .link,
.kopf a:focus .link,
.kopf a:active .link{
font-weight:bold;
border-color:#000;
}

.kopf a.blau:hover .link,
.kopf a.blau:focus .link,
.kopf a.blau:active .link{
font-weight:bold;
border-color:#00D;
color:#008;
}

.kopf a.rot:hover .link,
.kopf a.rot:focus .link,
.kopf a.rot:active .link{
font-weight:bold;
border-color:#E11;
color:#811;
}

.kopf a.gruen:hover .link,
.kopf a.gruen:focus .link,
.kopf a.gruen:active .link{
font-weight:bold;
border-color:#3C0;
color:#380;
}


[class="kopf"] strong{
border-bottom:0.08em solid #000;
border-color:inherit;
font-weight:inherit;
}

/* positionen */

	/* alle */
	
	.kopf li.legoluft{
	left:5px;
	top:5px;
	width:591px;
	text-align:right;
	}
	
	.kopf li.legoluft a:link .bild,
	.kopf li.legoluft a:visited .bild{
	left:223px;
	top:67px;
	}
	
	body.vitae .kopf li.job,
	body.jobs .kopf li.job,
	body.projekte .kopf li.job,
	body.veroeffentlicht .kopf li.musik,
	body.unveroeffentlicht .kopf li.musik,
	body.sound .kopf li.musik,
	body.bending .kopf li.tech,
	body.studio .kopf li.tech,
	body.repairs .kopf li.tech{
	left:5px;
	top:30px;
	width:591px;
	text-align:right;
	}
	
	body.vitae .kopf li.job a:link .bild,
	body.vitae .kopf li.job a:visited .bild,
	body.jobs .kopf li.job a:link .bild,
	body.jobs .kopf li.job a:visited .bild,
	body.projekte .kopf li.job a:link .bild,
	body.projekte .kopf li.job a:visited .bild,
	body.veroeffentlicht .kopf li.musik a:link .bild,
	body.veroeffentlicht .kopf li.musik a:visited .bild,
	body.unveroeffentlicht .kopf li.musik a:link .bild,
	body.unveroeffentlicht .kopf li.musik a:visited .bild,
	body.sound .kopf li.musik a:link .bild,
	body.sound .kopf li.musik a:visited .bild,
	body.bending .kopf li.tech a:link .bild,
	body.bending .kopf li.tech a:visited .bild,
	body.studio .kopf li.tech a:link .bild,
	body.studio .kopf li.tech a:visited .bild,
	body.repairs .kopf li.tech a:link .bild,
	body.repairs .kopf li.tech a:visited .bild{
	left:223px;
	top:42px;
	}
	
	body.vitae .kopf li.vitae,
	body.jobs .kopf li.jobs,
	body.projekte .kopf li.projekte,
	body.veroeffentlicht .kopf li.veroeffentlicht,
	body.unveroeffentlicht .kopf li.unveroeffentlicht,
	body.sound .kopf li.sound,
	body.bending .kopf li.bending,
	body.studio .kopf li.studio,
	body.repairs .kopf li.repairs{
	left:5px;
	top:80px;
	width:591px;
	text-align:right;
	}
	
	body.vitae .kopf li.vitae a:link .bild,
	body.vitae .kopf li.vitae a:visited .bild,
	body.jobs .kopf li.jobs a:link .bild,
	body.jobs .kopf li.jobs a:visited .bild,
	body.projekte .kopf li.projekte a:link .bild,
	body.projekte .kopf li.projekte a:visited .bild,
	body.veroeffentlicht .kopf li.veroeffentlicht a:link .bild,
	body.veroeffentlicht .kopf li.veroeffentlicht a:visited .bild,
	body.unveroeffentlicht .kopf li.unveroeffentlicht a:link .bild,
	body.unveroeffentlicht .kopf li.unveroeffentlicht a:visited .bild,
	body.sound .kopf li.sound a:link .bild,
	body.sound .kopf li.sound a:visited .bild,
	body.bending .kopf li.bending a:link .bild,
	body.bending .kopf li.bending a:visited .bild,
	body.studio .kopf li.studio a:link .bild,
	body.studio .kopf li.studio a:visited .bild,
	body.repairs .kopf li.repairs a:link .bild,
	body.repairs .kopf li.repairs a:visited .bild{
	left:223px;
	top:-8px;
	}
	
	body.job li.vitae .beschreibung,
	body.musik li.unveroeffentlicht .beschreibung,
	body.tech li.repairs .beschreibung{
	color:#008;
	}
	
	body.job li.jobs .beschreibung,
	body.musik li.sound .beschreibung,
	body.tech li.bending .beschreibung{
	color:#811;
	}
	
	body.job li.projekte .beschreibung,
	body.musik li.veroeffentlicht .beschreibung,
	body.tech li.studio .beschreibung{
	color:#380;
	}

	.kopf a:hover .beschreibung,
	.kopf a:focus .beschreibung,
	.kopf a:active .beschreibung{
	display:block;
	position:absolute;
	}

	/* legoluft */

			/* info */

			body.legoluft .kopf li.info{
			left:5px;
			top:5px;
			}
			
			body.legoluft li.info .beschreibung{
			width:200px;
			}
			
			body.legoluft li.info a:hover .beschreibung,
			body.legoluft li.info a:focus .beschreibung,
			body.legoluft li.info a:active .beschreibung{
			left:0px;
			top:30px;
			}
			
			body.legoluft li.info a:link .bild,
			body.legoluft li.info a:visited .bild{
			background-image:url(info/logo.gif);
			left:223px;
			top:67px;
			}
			
			/* job */
			
			body.legoluft .kopf li.job{
			top:140px;
			left:5px;
			text-align:right;
			width:213px;
			}
			
			body.legoluft li.job .beschreibung{
			width:213px;
			}
			
			body.legoluft li.job a:hover .beschreibung,
			body.legoluft li.job a:focus .beschreibung,
			body.legoluft li.job a:active .beschreibung{
			left:0px;
			top:30px;
			}
			
			body.legoluft li.job a:link .bild,
			body.legoluft li.job a:visited .bild{
			left:223px;
			top:-68px;
			background-image:url(job.gif);
			}

			/* musik */
			
			body.legoluft .kopf li.musik{
			top:65px;
			left:377px;
			}
			
			body.legoluft li.musik .beschreibung{
			width:209px;
			}
			
			body.legoluft li.musik a:hover .beschreibung,
			body.legoluft li.musik a:focus .beschreibung,
			body.legoluft li.musik a:active .beschreibung{
			left:0px;
			top:30px;
			}
			
			body.legoluft li.musik a:link .bild,
			body.legoluft li.musik a:visited .bild{
			left:-149px;
			top:7px;
			background-image:url(musik.gif);
			}


			/* tech */
			
			body.legoluft .kopf li.tech{
			top:220px;
			left:323px;
			}
			
			body.legoluft li.tech .beschreibung{
			width:353px;
			}
			
			body.legoluft li.tech a:hover .beschreibung,
			body.legoluft li.tech a:focus .beschreibung,
			body.legoluft li.tech a:active .beschreibung{
			left:-80px;
			top:30px;
			}
			
			body.legoluft li.tech a:link .bild,
			body.legoluft li.tech a:visited .bild{
			left:-95px;
			top:-148px;
			background-image:url(tech.gif);
			}
		
	/* info */
	
			/* alle */
			
			body.info li a strong{
			font-size:0.9em;
			}
			
			body.info .kopf .ueberschrift{
			font-weight:bold;
			border-bottom-width:0;
			letter-spacing:0.16em;
			}

			/* legoluft */
			
			body.info li.legoluft a strong{
			font-size:1em;
			}
			
			body.info li.legoluft a:link .bild,
			body.info li.legoluft a:visited .bild{
			background-image:url(info/legoluft.gif);
			}
			
			body.info .kopf li.vitae,
			body.info .kopf li.veroeffentlicht,
			body.info .kopf li.bending{
			left:0px;
			top:25px;
			width:591px;
			text-align:right;
			}
			
			body.info .kopf li.jobs,
			body.info .kopf li.unveroeffentlicht,
			body.info .kopf li.studio{
			left:0px;
			top:50px;
			width:591px;
			text-align:right;
			}
			
			body.info .kopf li.projekte,
			body.info .kopf li.sound,
			body.info .kopf li.repairs{
			left:0px;
			top:75px;
			width:591px;
			text-align:right;
			}

			/* job */
			
			body.info .kopf li.job{
			left:5px;
			top:30px;
			width:591px;
			text-align:right;
			}

						/* vitae */
						
						body.info li.vitae a:link .bild,
						body.info li.vitae a:visited .bild{
						left:223px;
						top:17px;
						background-image:url(job/vitae/vitae.gif);
						}
			
						/* jobs */
						
						body.info li.jobs a:link .bild,
						body.info li.jobs a:visited .bild{
						left:223px;
						top:-8px;
						background-image:url(job/jobs/jobs.gif);
						}
			
						/* projekte */
						
						body.info li.projekte a:link .bild,
						body.info li.projekte a:visited .bild{
						left:223px;
						top:-33px;
						background-image:url(job/projekte/projekte.gif);
						}

			/* musik */
			
			body.info .kopf li.musik{
			left:5px;
			top:130px;
			width:591px;
			text-align:right;
			}

						/* veroeffentlicht */
						
						body.info li.veroeffentlicht a:link .bild,
						body.info li.veroeffentlicht a:visited .bild{
						left:223px;
						top:-83px;
						background-image:url(musik/veroeffentlicht/veroeffentlicht.gif);
						}
			
						/* unveroeffentlicht */
						
						body.info li.unveroeffentlicht a:link .bild,
						body.info li.unveroeffentlicht a:visited .bild{
						left:223px;
						top:-108px;
						background-image:url(musik/unveroeffentlicht/unveroeffentlicht.gif);
						}
			
						/* sound */
						
						body.info li.sound a:link .bild,
						body.info li.sound a:visited .bild{
						left:223px;
						top:-133px;
						background-image:url(musik/sound/sound.gif);
						}

			/* tech */
			
			body.info .kopf li.tech{
			left:5px;
			top:230px;
			width:591px;
			text-align:right;
			}

						/* bending */
						
						body.info li.bending a:link .bild,
						body.info li.bending a:visited .bild{
						left:223px;
						top:-183px;
						background-image:url(tech/bending/bending.gif);
						}
			
						/* studio */
						
						body.info li.studio a:link .bild,
						body.info li.studio a:visited .bild{
						left:223px;
						top:-208px;
						background-image:url(tech/studio/studio.gif);
						}
			
						/* repairs */
						
						body.info li.repairs a:link .bild,
						body.info li.repairs a:visited .bild{
						left:223px;
						top:-233px;
						background-image:url(tech/repairs/repairs.gif);
						}
						
	/* job */
	
			/* legoluft */
			
			body.job li.legoluft .bild{
			background-image:url(job/legoluft.gif);
			}

			/* vitae */
			
			body.job .kopf li.vitae{
			top:110px;
			left:5px;
			text-align:right;
			width:203px;
			}
			
			body.job li.vitae .beschreibung{
			width:213px;
			}
			
			body.job li.vitae a:hover .beschreibung,
			body.job li.vitae a:focus .beschreibung,
			body.job li.vitae a:active .beschreibung{
			left:0px;
			top:30px;
			}
			
			body.job li.vitae a:link .bild,
			body.job li.vitae a:visited .bild{
			left:223px;
			top:-38px;
			background-image:url(job/vitae.gif);
			}

			/* jobs */
			
			body.job .kopf li.jobs{
			top:40px;
			left:230px;
			}
			
			body.job li.jobs .beschreibung{
			width:281px;
			}
			
			body.job li.jobs a:hover .beschreibung,
			body.job li.jobs a:focus .beschreibung,
			body.job li.jobs a:active .beschreibung{
			left:80px;
			top:30px;
			}
			
			body.job li.jobs a:link .bild,
			body.job li.jobs a:visited .bild{
			left:-2px;
			top:32px;
			background-image:url(job/jobs.gif);
			}		

			/* projekte */
			
			body.job .kopf li.projekte{
			top:200px;
			left:230px;
			}
			
			body.job li.projekte .beschreibung{
			width:371px;
			}
			
			body.job li.projekte a:hover .beschreibung,
			body.job li.projekte a:focus .beschreibung,
			body.job li.projekte a:active .beschreibung{
			left:-10px;
			top:30px;
			}
			
			body.job li.projekte a:link .bild,
			body.job li.projekte a:visited .bild{
			left:-2px;
			top:-128px;
			background-image:url(job/projekte.gif);
			}

	/* musik */

			/* legoluft */
			
			body.musik li.legoluft .bild{
			background-image:url(musik/legoluft.gif);
			}
			
			/* unveroeffentlicht */
			
			body.musik .kopf li.unveroeffentlicht{
			top:100px;
			left:0px;
			text-align:right;
			width:223px;
			}
			
			body.musik li.unveroeffentlicht .beschreibung{
			width:218px;
			}
			
			body.musik li.unveroeffentlicht a:hover .beschreibung,
			body.musik li.unveroeffentlicht a:focus .beschreibung,
			body.musik li.unveroeffentlicht a:active .beschreibung{
			left:5px;
			top:2.4em;
			}
			
			body.musik li.unveroeffentlicht a:link .bild,
			body.musik li.unveroeffentlicht a:visited .bild{
			left:228px;

			top:-28px;
			background-image:url(musik/unveroeffentlicht.gif);
			}

			/* veroeffentlicht */
			
			body.musik .kopf li.veroeffentlicht{
			top:30px;
			left:220px;
			}
			
			body.musik li.veroeffentlicht .beschreibung{
			width:241px;
			}
			
			body.musik li.veroeffentlicht a:hover .beschreibung,
			body.musik li.veroeffentlicht a:focus .beschreibung,
			body.musik li.veroeffentlicht a:active .beschreibung{
			left:130px;
			top:30px;
			}
			
			body.musik li.veroeffentlicht a:link .bild,
			body.musik li.veroeffentlicht a:visited .bild{
			left:8px;
			top:42px;
			background-image:url(musik/veroeffentlicht.gif);
			}		

			/* sound */
			
			body.musik .kopf li.sound{
			top:150px;
			left:375px;
			}
			
			body.musik li.sound .beschreibung{
			width:220px;
			}
			
			body.musik li.sound a:hover .beschreibung,
			body.musik li.sound a:focus .beschreibung,
			body.musik li.sound a:active .beschreibung{
			left:0px;
			top:30px;
			}
			
			body.musik li.sound a:link .bild,
			body.musik li.sound a:visited .bild{
			left:-147px;
			top:-78px;
			background-image:url(musik/sound.gif);
			}

	/* tech */
	
			/* legoluft */
			
			body.tech li.legoluft .bild{
			background-image:url(tech/legoluft.gif);
			}

			/* bending */
			
			body.tech .kopf li.bending{
			top:160px;
			left:5px;
			text-align:right;
			width:223px;
			}
			
			body.tech li.bending .beschreibung{
			width:273px;
			}
			
			body.tech li.bending a:hover .beschreibung,
			body.tech li.bending a:focus .beschreibung,
			body.tech li.bending a:active .beschreibung{
			left:0px;
			top:30px;
			}
			
			body.tech li.bending a:link .bild,
			body.tech li.bending a:visited .bild{
			left:223px;
			top:-88px;
			background-image:url(tech/bending.gif);
			}

			/* repairs */
			
			body.tech .kopf li.repairs{
			top:40px;
			left:220px;
			}
			
			body.tech li.repairs .beschreibung{
			width:241px;
			}
			
			body.tech li.repairs a:hover .beschreibung,
			body.tech li.repairs a:focus .beschreibung,
			body.tech li.repairs a:active .beschreibung{
			left:130px;
			top:30px;
			}
			
			body.tech li.repairs a:link .bild,
			body.tech li.repairs a:visited .bild{
			left:8px;
			top:32px;
			background-image:url(tech/repairs.gif);
			}		

			/* studio */
			
			body.tech .kopf li.studio{
			top:210px;
			left:410px;
			}
			
			body.tech li.studio .beschreibung{
			width:311px;
			text-align:right;
			}
			
			body.tech li.studio a:hover .beschreibung,
			body.tech li.studio a:focus .beschreibung,
			body.tech li.studio a:active .beschreibung{
			left:-130px;
			top:30px;
			}
			
			body.tech li.studio a:link .bild,
			body.tech li.studio a:visited .bild{
			left:-182px;
			top:-138px;
			background-image:url(tech/studio.gif);
			}
			
 /* projekte */

	body.projekte li.projekte .bild{
	background-image:url(job/projekte/projekte.gif);
	}
	
	body.projekte li.job .bild{
	background-image:url(job/projekte/job.gif);
	}
	
	body.projekte li.legoluft .bild{
	background-image:url(job/projekte/legoluft.gif);
	}
	
	 /* vitae */

	body.vitae li.vitae .bild{
	background-image:url(job/vitae/vitae.gif);
	}
	
	body.vitae li.job .bild{
	background-image:url(job/vitae/job.gif);
	}
	
	body.vitae li.legoluft .bild{
	background-image:url(job/vitae/legoluft.gif);
	}

	 /* jobs */

	body.jobs li.jobs .bild{
	background-image:url(job/jobs/jobs.gif);
	}
	
	body.jobs li.job .bild{
	background-image:url(job/jobs/job.gif);
	}
	
	body.jobs li.legoluft .bild{
	background-image:url(job/jobs/legoluft.gif);
	}
	
	/* veroeffentlicht */
	
	body.veroeffentlicht li.veroeffentlicht .bild{
	background-image:url(musik/veroeffentlicht/veroeffentlicht.gif);
	}
	
 body.veroeffentlicht li.musik .bild{
	background-image:url(musik/veroeffentlicht/musik.gif);
	}
	
 body.veroeffentlicht li.legoluft .bild{
	background-image:url(musik/veroeffentlicht/legoluft.gif);
	}
	
	/* unveroeffentlicht */
	
	body.unveroeffentlicht li.unveroeffentlicht .bild{
	background-image:url(musik/unveroeffentlicht/unveroeffentlicht.gif);
	}
	
 body.unveroeffentlicht li.musik .bild{
	background-image:url(musik/unveroeffentlicht/musik.gif);
	}
	
 body.unveroeffentlicht li.legoluft .bild{
	background-image:url(musik/unveroeffentlicht/legoluft.gif);
	}
	
	/* sound */
	
	body.sound li.sound .bild{
	background-image:url(musik/sound/sound.gif);
	}

 body.sound li.musik .bild{
	background-image:url(musik/sound/musik.gif);
	}
	
 body.sound li.legoluft .bild{
	background-image:url(musik/sound/legoluft.gif);
	}
	
	/* bending */
	
	body.bending li.bending .bild{
	background-image:url(tech/bending/bending.gif);
	}
	
	body.bending li.tech .bild{
	background-image:url(tech/bending/tech.gif);
	}
	
	body.bending li.legoluft .bild{
	background-image:url(tech/bending/legoluft.gif);
	}
	
	/* studio */
	
	body.studio li.studio .bild{
	background-image:url(tech/studio/studio.gif);
	}
	
	body.studio li.tech .bild{
	background-image:url(tech/studio/tech.gif);
	}
	
	body.studio li.legoluft .bild{
	background-image:url(tech/studio/legoluft.gif);
	}
	
	/* repairs */
	
	body.repairs li.repairs .bild{
	background-image:url(tech/repairs/repairs.gif);
	}
	
	body.repairs li.tech .bild{
	background-image:url(tech/repairs/tech.gif);
	}
	
	body.repairs li.legoluft .bild{
	background-image:url(tech/repairs/legoluft.gif);
	}