body { margin:0; padding:0; border:0; font-family:Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; line-height:16px; letter-spacing:0.5pt}

h1 {font-size:15px; font-weight: 300; letter-spacing:0.6mm; color: #FFFFFF; margin-top: 40px; margin-bottom: 9px; line-height:20px; }
h2 {font-size:12px; font-weight: 300; letter-spacing:0.6mm; color: #FFFFFF; margin-top: 9px; margin-bottom: 0px }
h3 {font-size:11px; font-weight: 300; letter-spacing:0.6mm;color: #FFFFFF; margin-top: 5px; margin-bottom: 0px }
h4 {font-size:11px; font-weight: 300; color: #CCFF00; margin-top:  8px; margin-bottom: 0px }
h5 {font-size:12px; font-weight: 300; color: #CCFF00; margin-top: 9px; margin-bottom: 0px; letter-spacing:0.5mm}
h6 {
	font-size:11px;
	font-weight: 700;
	color: #FFFFFF;
	margin-top: 15px;
	margin-bottom: 0px;
}

p {margin-top: 9px; margin-bottom: 0px; font-size: 11px}
p.ohne {margin-top: 1px; margin-bottom: 0px; font-size: 11px}
p.black {margin-top: 9px; margin-bottom: 0px; font-size: 11px; color:#000000}
p.blackohne {margin-top: 1px; margin-bottom: 0px; font-size: 11px; color:#000000}
p.grey {margin-top: 9px; margin-bottom: 0px; font-size: 11px; color: #666666}


a:link {
	color: #999999;
	text-decoration: none
}
a:hover { color:#CCFF00; text-decoration: none }
a:visited { color: #666666; text-decoration: none }
a:active { color: #666666; text-decoration: none }

a:link.news { color: #000000; text-decoration: none }
a:hover.news { color: #000000; text-decoration: none; background-color: #CCFF00;}
a:visited.news { color: #000000; text-decoration: none }
a:active.news { color: #000000; text-decoration: none }

a:link.alert { color: #000000; text-decoration: none; background-color: #CCFF00; }
a:hover.alert { color: #000000; text-decoration: none; background-color: #CCFF00; }
a:visited.alert { color: #000000; text-decoration: none; background-color: #CCFF00; }
a:active.alert { color: #000000; text-decoration: none; background-color: #CCFF00; }


a:link.textlink { color: #CCFF00; font-weight:300; text-decoration: none;}
a:hover.textlink { color:#000000; text-decoration: none; background-color: #CCFF00 }
a:visited.textlink { color: #999999; text-decoration: none }
a:active.textlink { color: #999999; text-decoration: none }

a:link.textlink2 { color: #CCFF00; font-weight:300; text-decoration: none;}
a:hover.textlink2 { color:#000000; text-decoration: none; background-color: #CCFF00 }
a:visited.textlink2 { color: #999999; text-decoration: none }
a:active.textlink2 { color: #999999; text-decoration: none }


a:link.blau{ font-weight: 800; color:#000000; text-decoration: none; }
a:hover.blau{  font-weight:800; color:#000000; text-decoration: none;}
a:visited.blau{  font-weight:800; color:#000000; text-decoration: none;}
a:active.blau{  font-weight:800; color:#000000; text-decoration: none;}


a:link.blank {  color: #000000; text-decoration: none }
a:hover.blank { color: #000000; text-decoration: none; }
a:visited.blank {color: #000000; text-decoration: none }
a:active.blank {color: #000000; text-decoration: none }



#page { width:1100px; background-color: #FFFFFF;}
#header { height:60px; background-color: #FFFFFF; padding-top:10px; padding-left:50px; }
#em {padding-left:375px; padding-bottom:10px}
#atelier {float:left; letter-spacing:1pt;}
#news {
	position:absolute;
	margin-top:0px;
	left:500px;
	letter-spacing:0.2pt;
	padding-bottom:15px;
	top: 37px;
	width: 500px;
}

#endlink {margin-top: 20px; margin-bottom:30px}

#remember { position:absolute; top:105px; left:50px; }


#container {background-color: #000000; width:900px; margin:0 0 0 50px; padding-top:80px; height:900px; }
#container-spez {background-color: #000000; width:900px; margin:0 0 0 50px; padding-top:-5px; height:600px; }

#inhalt {
	float:left;
	width:490px;
	
	letter-spacing:1pt
}
#footer { font-size:90%; }
.clear { clear:both; }

#navigation { float:left; width:300px; background-color: #000000 }
#navigation ul { margin:0; padding:0; list-style-type:none; line-height:18px; background-color:#000000; letter-spacing:0.5pt}
#navigation li a:link { color: #CCCCCC; }
#navigation li a:hover { color:#CCFF00; }

#jahr { float:left; color:#FFFFFF; background-color: #000000; width:600px; padding-top:16px }
#jahr ul { color:#FFFFFF; margin:0; padding:0; list-style-type:none; line-height:16px; background-color:#000000; letter-spacing:0.5pt}

#off {
	position: absolute;
	visibility: visible;
	left: 5px;
	top: 139px;
}

#datum1 {
	position: absolute;
	visibility: visible;
	left: 306px;
	top: 147px;
}

#datum2 {
	position: absolute;
	visibility: visible;
	left: 564px;
	top: 124px;
}

#datum3 {
	position: absolute;
	visibility: visible;
	left: 302px;
	top: 105px;
}

#schwarz {background-color: #000000; width="500" }

#webspace { padding-left:150px;}
#kontaktarg { float:left; width:150px; background-color:#00FF00}

#tabs { margin:0 0 0 50px;}
#tabs ul { margin:0; padding:0; list-style-type:none; letter-spacing:0.7mm}
#tabs li { margin:0; padding:0; float:left; }
#tabs li a { margin:0 0 0 0px; display:block; }
#tabs li a:hover { color: #000000; }
#tabs li a:hover span {}
#tabs span {  display:block; width:150px; height:19px; background-color: #000000}
#tabs li:hover a { color: #000000; }
#tabs li:hover span { background-color: #CCFF00 }


#tabs2 { margin:0 0 0 50px; background-color:#FFFFFF; padding-top:15px}
#tabs2 ul { margin:0; padding:0; list-style-type:none; }
#tabs2 li { margin:0; padding:0; float:left;  color:#FFFFFF; }
#tabs2 li a { margin:0 0 0 0px; display:block;  }
#tabs2 li a:hover { color:#000000; }
#tabs2 li a:hover span { background-color:#FFFFFF; }
#tabs2 span {  display:block; width:150px; height:25px; background-color:#FFFFFF; }
#tabs2 li:hover a { background-color:#FFFFFF; }
#tabs2 li:hover span { background-color:#0033FF; }



#pid100 span { background-image:url(img/icons/20p_edition.jpg); background-repeat:no-repeat; }
#pid100 span:hover { background-image:url(img/icons/); background-repeat:no-repeat; }
#pid100 a:hover span { background-image:url(img/icons/); background-repeat:no-repeat; }
#pid100h span { background-image:url(img/icons/); background-repeat:no-repeat; }

#pid200 span { background-image:url(img/icons/leuchtpixel.gif); background-repeat:no-repeat; }
#pid200 span:hover { background-image:url(img/icons/); background-repeat:no-repeat; } 
#pid200 a:hover span { background-image:url(img/icons/); background-repeat:no-repeat; } 
#pid200h span { background-image:url(img/icons/); background-repeat:no-repeat; }

#pid300 span { background-image:url(img/icons/30p_publicspace.jpg); background-repeat:no-repeat; }
#pid300 span:hover { background-image:url(img/icons/);  background-repeat:no-repeat; }
#pid300 a:hover span { background-image:url(img/icons/); background-repeat:no-repeat; } 
#pid300h span { background-image:url(img/icons/); background-repeat:no-repeat; }

#pid400 span { background-image:url(img/icons/40p_webdesign.jpg); background-repeat:no-repeat; }
#pid400 span:hover { background-image:url(img/icons/);  background-repeat:no-repeat; }
#pid400 a:hover span { background-image:url(img/icons/); background-repeat:no-repeat; } 
#pid400h span { background-image:url(img/icons/); background-repeat:no-repeat; }

#pid500 span { background-image:url(img/icons/50p_wording.jpg); background-repeat:no-repeat; }
#pid500 span:hover { background-image:url(img/icons/);  background-repeat:no-repeat; }
#pid500 a:hover span { background-image:url(img/icons/); background-repeat:no-repeat; } 
#pid500h span { background-image:url(img/icons/); background-repeat:no-repeat; }

#pid600 span { background-image:url(img/icons/60p_visualessays.jpg); background-repeat:no-repeat; }
#pid600 span:hover { background-image:url(img/icons/);  background-repeat:no-repeat; }
#pid600 a:hover span { background-image:url(img/icons/); background-repeat:no-repeat; } 
#pid600h span { background-image:url(img/icons/); background-repeat:no-repeat; } 


#pid110 span { background-image:url(img/icons/11p_corporatedesign.jpg); background-repeat:no-repeat; }
#pid110 span:hover { background-image:url(img/icons/11_corporatedesign.jpg);  background-repeat:no-repeat; }
#pid110 a:hover span{ background-image:url(img/icons/11_corporatedesign.jpg); background-repeat:no-repeat; } 
#pid110h span { background-image:url(img/icons/11_corporatedesign.jpg);  background-repeat:no-repeat; }

#pid120 span { background-image:url(img/icons/12p_book.jpg); background-repeat:no-repeat; }
#pid120 span:hover { background-image:url(img/icons/12_book.jpg);  background-repeat:no-repeat; }
#pid120 a:hover span{ background-image:url(img/icons/12_book.jpg); background-repeat:no-repeat; } 
#pid120h span { background-image:url(img/icons/12_book.jpg);  background-repeat:no-repeat; }


#pid130 span { background-image:url(img/icons/20p_edition.jpg); background-repeat:no-repeat; }
#pid130 span:hover { background-image:url(img/icons/20_edition.jpg); background-repeat:no-repeat; }
#pid130 a:hover span { background-image:url(img/icons/20_edition.jpg); background-repeat:no-repeat; }
#pid130h span { background-image:url(img/icons/20_edition.jpg); background-repeat:no-repeat; }

#pid140 span { background-image:url(img/icons/14p_poster.jpg); background-repeat:no-repeat; }
#pid140 span:hover { background-image:url(img/icons/14_poster.jpg);  background-repeat:no-repeat; }
#pid140 a:hover span { background-image:url(img/icons/14_poster.jpg);  background-repeat:no-repeat; }
#pid140h span { background-image:url(img/icons/14_poster.jpg);  background-repeat:no-repeat; }


#pid210 span { background-image:url(img/icons/21p_publicspace.jpg); background-repeat:no-repeat; }
#pid210 span:hover { background-image:url(img/icons/21_publicspace.jpg); background-repeat:no-repeat; }
#pid210 a:hover span { background-image:url(img/icons/21_publicspace.jpg); background-repeat:no-repeat; }
#pid210h span { background-image:url(img/icons/21_publicspace.jpg); background-repeat:no-repeat; }

#pid220 span { background-image:url(img/icons/22p_signage.jpg); background-repeat:no-repeat; }
#pid220 span:hover { background-image:url(img/icons/22_signage.jpg); background-repeat:no-repeat; }
#pid220 a:hover span { background-image:url(img/icons/22_signage.jpg); background-repeat:no-repeat; }
#pid220h span { background-image:url(img/icons/22_signage.jpg); background-repeat:no-repeat; }


#pid510 span { background-image:url(img/icons/51p_textarbeiten.jpg); background-repeat:no-repeat; }
#pid510 span:hover { background-image:url(img/icons/51_textarbeiten.jpg); background-repeat:no-repeat; }
#pid510 a:hover span { background-image:url(img/icons/51_textarbeiten.jpg); background-repeat:no-repeat; }
#pid510h span { background-image:url(img/icons/51_textarbeiten.jpg); background-repeat:no-repeat; }

#pid520 span { background-image:url(img/icons/52p_jahreswechsel.jpg); background-repeat:no-repeat; }
#pid520 span:hover { background-image:url(img/icons/52_jahreswechsel.jpg); background-repeat:no-repeat; }
#pid520 a:hover span { background-image:url(img/icons/52_jahreswechsel.jpg); background-repeat:no-repeat; }
#pid520h span { background-image:url(img/icons/52_jahreswechsel.jpg); background-repeat:no-repeat; }
