@charset "UTF-8";
/* CSS Document */


* {
	margin: 0;
	padding: 0;
	border: none;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	line-height:16px;
	color: #999;
	text-decoration:none;
}
	

.abstnach {
	line-height: 8px;
	}

.headline {
	color: #FFF;
}


.textonwhite {
	color: #333;
}

.text a:hover {
	color:#000;
}

a:hover {
	color: #FFF;
	}


/* logo line */

#tg { visibility: visible; position: absolute; top: 15px; left: 100px; height: 32px; width: 32px; z-index: 1;}
#nf { visibility: visible; position: absolute; top: 20px; left: 140px; height: 40px; width: 400px; z-index: 1;}


/* menue */

#menue_bg { visibility: visible; position: fixed; top: 150px; left: 138px; height: 460px; width: 230px; z-index: 1; background-color: #333;}
#menue { visibility: visible; position: fixed; top: 160px; left: 150px; height: 600px; width: 210px; z-index: 2;}
#menue_txt { visibility: visible; position: fixed; top: 160px; left: 145px; height: 450px; width: 210px; z-index: 2;}

#letter_t { visibility: visible; position: absolute; top: 0px; left: -4px; height: 20px; width: 142px; z-index: 2;}
#letter_g { visibility: visible; position: absolute; top: 82px; left: -4px; height: 20px; width: 140px; z-index: 2;}
#letter_d { visibility: visible; position: absolute; top: 194px; left: -4px; height: 20px; width: 140px; z-index: 2;}

#only_t { visibility: visible; position: absolute; top: 4px; left: 0px; height: 300px; width: 200px; z-index: 2;}
#only_g { visibility: visible; position: absolute; top: 4px; left: 0px; height: 300px; width: 200px; z-index: 2;}
#only_d { visibility: visible; position: absolute; top: 4px; left: 0px; height: 300px; width: 200px; z-index: 2;}

#last { visibility: visible; position: absolute; top: 420px; left: 0px; height: 20px; width: 38px; z-index: 2;}
#slash { visibility: visible; position: absolute; top: 420px; left: 38px; height: 20px; width: 12px; z-index: 2;}
#next { visibility: visible; position: absolute; top: 420px; left: 50px; height: 20px; width: 38px; z-index: 2;}


/* nf words */

		/* typeface design */

#nf_typefaces { visibility: visible; position: absolute; top: 110px; left: 390px; height: 65px; width: 224px; z-index: 1;}
#nf_display { visibility: visible; position: absolute; top: 543px; left: 390px; height: 65px; width: 224px; z-index: 1;}
#nf_typeprojects { visibility: visible; position: absolute; top: 1663px; left: 390px; height: 65px; width: 224px; z-index: 1;}

		/* graphic design */

#nf_cd { visibility: visible; position: absolute; top: 110px; left: 390px; height: 65px; width: 224px; z-index: 1;}
#nf_webdesign { visibility: visible; position: absolute; top: 1247px; left: 390px; height: 65px; width: 224px; z-index: 1;}
#nf_bookdesign { visibility: visible; position: absolute; top: 1247px; left: 920px; height: 65px; width: 224px; z-index: 1;}
#nf_illustration { visibility: visible; position: absolute; top: 1680px; left: 390px; height: 65px; width: 224px; z-index: 1;}
#nf_exhibition { visibility: visible; position: absolute; top: 2097px; left: 390px; height: 65px; width: 224px; z-index: 1;}

		/* design projects */

#nf_workshops { visibility: visible; position: absolute; top: 110px; left: 390px; height: 65px; width: 224px; z-index: 1;}
#nf_radio { visibility: visible; position: absolute; top: 543px; left: 390px; height: 65px; width: 224px; z-index: 1;}
#nf_bookbinding { visibility: visible; position: absolute; top: 543px; left: 670px; height: 65px; width: 224px; z-index: 1;}
#nf_photography { visibility: visible; position: absolute; top: 543px; left: 920px; height: 65px; width: 224px; z-index: 1;}
#nf_movingpictures { visibility: visible; position: absolute; top: 976px; left: 390px; height: 65px; width: 224px; z-index: 1;}





/* 110px zwischen neuen zeilen */
/* 240px zwischen bild- und textfeld */
/* 110+80 bei neuer ˆºberschrift ! ! ! umsetzung unregelmˆ§ˆüig ! ! ! */



/* type overview */

#t_content { visibility: visible; position: absolute; top: 175px; left: 390px; height: 2230px; width: 700px; z-index: 1;}

		/* typefaces */

#t_dis1 { visibility: visible; position: absolute; top: 40px; left: 45px; height: 230px; width: 230px; z-index: 1;}
#t_dis2 { visibility: visible; position: absolute; top: 40px; left: 305px; height: 230px; width: 230px; z-index: 1;}
#t_dis3 { visibility: visible; position: absolute; top: 40px; left: 565px; height: 230px; width: 230px; z-index: 1;}

#t_dis1_txt { visibility: visible; position: absolute; top: 280px; left: 45px; height: 230px; width: 210px; z-index: 1;}
#t_dis2_txt { visibility: visible; position: absolute; top: 280px; left: 305px; height: 230px; width: 210px; z-index: 1;}
#t_dis3_txt { visibility: visible; position: absolute; top: 280px; left: 565px; height: 230px; width: 210px; z-index: 1;}

		/* display fonts */
		
#t_dis4 { visibility: visible; position: absolute; top: 475px; left: 45px; height: 230px; width: 230px; z-index: 1;}
#t_dis5 { visibility: visible; position: absolute; top: 475px; left: 305px; height: 230px; width: 230px; z-index: 1;}
#t_dis6 { visibility: visible; position: absolute; top: 475px; left: 565px; height: 230px; width: 230px; z-index: 1;}

#t_dis4_txt { visibility: visible; position: absolute; top: 715px; left: 45px; height: 230px; width: 210px; z-index: 1;}
#t_dis5_txt { visibility: visible; position: absolute; top: 715px; left: 305px; height: 230px; width: 210px; z-index: 1;}
#t_dis6_txt { visibility: visible; position: absolute; top: 715px; left: 565px; height: 230px; width: 210px; z-index: 1;}


#t_dis7 { visibility: visible; position: absolute; top: 825px; left: 45px; height: 230px; width: 230px; z-index: 1;}
#t_dis8 { visibility: visible; position: absolute; top: 825px; left: 305px; height: 230px; width: 230px; z-index: 1;}
#t_dis9 { visibility: visible; position: absolute; top: 825px; left: 565px; height: 230px; width: 230px; z-index: 1;}

#t_dis7_txt { visibility: visible; position: absolute; top: 1065px; left: 45px; height: 230px; width: 210px; z-index: 1;}
#t_dis8_txt { visibility: visible; position: absolute; top: 1065px; left: 305px; height: 230px; width: 210px; z-index: 1;}
#t_dis9_txt { visibility: visible; position: absolute; top: 1065px; left: 565px; height: 230px; width: 210px; z-index: 1;}


#t_dis10 { visibility: visible; position: absolute; top: 1175px; left: 45px; height: 230px; width: 230px; z-index: 1;}
#t_dis11 { visibility: visible; position: absolute; top: 1175px; left: 305px; height: 230px; width: 230px; z-index: 1;}
#t_dis12 { visibility: visible; position: absolute; top: 1175px; left: 565px; height: 230px; width: 230px; z-index: 1;}

#t_dis10_txt { visibility: visible; position: absolute; top: 1415px; left: 45px; height: 230px; width: 210px; z-index: 1;}
#t_dis11_txt { visibility: visible; position: absolute; top: 1415px; left: 305px; height: 230px; width: 210px; z-index: 1;}
#t_dis12_txt { visibility: visible; position: absolute; top: 1415px; left: 565px; height: 230px; width: 210px; z-index: 1;}

		/* type projects */

#t_dis13 { visibility: visible; position: absolute; top: 1610px; left: 45px; height: 230px; width: 230px; z-index: 1;}
#t_dis14 { visibility: visible; position: absolute; top: 1610px; left: 305px; height: 230px; width: 230px; z-index: 1;}
#t_dis15 { visibility: visible; position: absolute; top: 1610px; left: 565px; height: 230px; width: 230px; z-index: 1;}

#t_dis13_txt { visibility: visible; position: absolute; top: 1850px; left: 45px; height: 230px; width: 210px; z-index: 1;}
#t_dis14_txt { visibility: visible; position: absolute; top: 1850px; left: 305px; height: 230px; width: 210px; z-index: 1;}
#t_dis15_txt { visibility: visible; position: absolute; top: 1850px; left: 565px; height: 230px; width: 210px; z-index: 1;}

#t_dis16 { visibility: visible; position: absolute; top: 1960px; left: 45px; height: 230px; width: 230px; z-index: 1;}
#t_dis17 { visibility: visible; position: absolute; top: 1960px; left: 305px; height: 230px; width: 230px; z-index: 1;}
#t_dis18 { visibility: visible; position: absolute; top: 1960px; left: 565px; height: 230px; width: 230px; z-index: 1;}

#t_dis16_txt { visibility: visible; position: absolute; top: 2200px; left: 45px; height: 200px; width: 210px; z-index: 1;}
#t_dis17_txt { visibility: visible; position: absolute; top: 2200px; left: 305px; height: 200px; width: 210px; z-index: 1;}
#t_dis18_txt { visibility: visible; position: absolute; top: 2200px; left: 565px; height: 200px; width: 210px; z-index: 1;}





/* graphic overview */

#g_content { visibility: visible; position: absolute; top: 175px; left: 390px; height: 2230px; width: 700px; z-index: 1;}

		/* corporate + logo design : line 1 */

#g_dis1 { visibility: visible; position: absolute; top: 40px; left: 45px; height: 230px; width: 230px; z-index: 1;}
#g_dis2 { visibility: visible; position: absolute; top: 40px; left: 305px; height: 230px; width: 230px; z-index: 1;}
#g_dis3 { visibility: visible; position: absolute; top: 40px; left: 565px; height: 230px; width: 230px; z-index: 1;}

#g_dis1_txt { visibility: visible; position: absolute; top: 280px; left: 45px; height: 230px; width: 210px; z-index: 1;}
#g_dis2_txt { visibility: visible; position: absolute; top: 280px; left: 305px; height: 230px; width: 210px; z-index: 1;}
#g_dis3_txt { visibility: visible; position: absolute; top: 280px; left: 565px; height: 230px; width: 210px; z-index: 1;}

		/* line 2 */

#g_dis4 { visibility: visible; position: absolute; top: 390px; left: 45px; height: 230px; width: 230px; z-index: 1;}
#g_dis5 { visibility: visible; position: absolute; top: 390px; left: 305px; height: 230px; width: 230px; z-index: 1;}
#g_dis6 { visibility: visible; position: absolute; top: 390px; left: 565px; height: 230px; width: 230px; z-index: 1;}

#g_dis4_txt { visibility: visible; position: absolute; top: 630px; left: 45px; height: 230px; width: 210px; z-index: 1;}
#g_dis5_txt { visibility: visible; position: absolute; top: 630px; left: 305px; height: 230px; width: 210px; z-index: 1;}
#g_dis6_txt { visibility: visible; position: absolute; top: 630px; left: 565px; height: 230px; width: 210px; z-index: 1;}

		/* line 3 */

#g_dis7 { visibility: visible; position: absolute; top: 740px; left: 45px; height: 230px; width: 230px; z-index: 1;}
#g_dis8 { visibility: visible; position: absolute; top: 740px; left: 305px; height: 230px; width: 230px; z-index: 1;}
#g_dis9 { visibility: visible; position: absolute; top: 740px; left: 565px; height: 230px; width: 230px; z-index: 1;}

#g_dis7_txt { visibility: visible; position: absolute; top: 980px; left: 45px; height: 230px; width: 210px; z-index: 1;}
#g_dis8_txt { visibility: visible; position: absolute; top: 980px; left: 305px; height: 230px; width: 210px; z-index: 1;}
#g_dis9_txt { visibility: visible; position: absolute; top: 980px; left: 565px; height: 230px; width: 210px; z-index: 1;}

		/* illustration : line 4 */

#g_dis10 { visibility: visible; position: absolute; top: 1180px; left: 45px; height: 230px; width: 230px; z-index: 1;}
#g_dis11 { visibility: visible; position: absolute; top: 1180px; left: 305px; height: 230px; width: 230px; z-index: 1;}
#g_dis12 { visibility: visible; position: absolute; top: 1180px; left: 565px; height: 230px; width: 230px; z-index: 1;}

#g_dis10_txt { visibility: visible; position: absolute; top: 1420px; left: 45px; height: 230px; width: 210px; z-index: 1;}
#g_dis11_txt { visibility: visible; position: absolute; top: 1420px; left: 305px; height: 230px; width: 210px; z-index: 1;}
#g_dis12_txt { visibility: visible; position: absolute; top: 1420px; left: 565px; height: 230px; width: 210px; z-index: 1;}

		/* book design : line 5 */

#g_dis13 { visibility: visible; position: absolute; top: 1610px; left: 45px; height: 230px; width: 230px; z-index: 1;}
#g_dis14 { visibility: visible; position: absolute; top: 1610px; left: 305px; height: 230px; width: 230px; z-index: 1;}
#g_dis15 { visibility: visible; position: absolute; top: 1610px; left: 565px; height: 230px; width: 230px; z-index: 1;}

#g_dis13_txt { visibility: visible; position: absolute; top: 1850px; left: 45px; height: 230px; width: 210px; z-index: 1;}
#g_dis14_txt { visibility: visible; position: absolute; top: 1850px; left: 305px; height: 230px; width: 210px; z-index: 1;}
#g_dis15_txt { visibility: visible; position: absolute; top: 1850px; left: 565px; height: 230px; width: 210px; z-index: 1;}

		/* exhibition design : line 6 */

#g_dis16 { visibility: visible; position: absolute; top: 2030px; left: 45px; height: 230px; width: 230px; z-index: 1;}
#g_dis17 { visibility: visible; position: absolute; top: 2030px; left: 305px; height: 230px; width: 230px; z-index: 1;}
#g_dis18 { visibility: visible; position: absolute; top: 2030px; left: 565px; height: 230px; width: 230px; z-index: 1;}

#g_dis16_txt { visibility: visible; position: absolute; top: 2270px; left: 45px; height: 230px; width: 210px; z-index: 1;}
#g_dis17_txt { visibility: visible; position: absolute; top: 2270px; left: 305px; height: 230px; width: 210px; z-index: 1;}
#g_dis18_txt { visibility: visible; position: absolute; top: 2270px; left: 565px; height: 230px; width: 210px; z-index: 1;}

		/* web design : line 7 */

#g_dis19 { visibility: visible; position: absolute; top: 2450px; left: 45px; height: 230px; width: 230px; z-index: 1;}
#g_dis20 { visibility: visible; position: absolute; top: 2450px; left: 305px; height: 230px; width: 230px; z-index: 1;}
#g_dis21 { visibility: visible; position: absolute; top: 2450px; left: 565px; height: 230px; width: 230px; z-index: 1;}

#g_dis19_txt { visibility: visible; position: absolute; top: 2690px; left: 45px; height: 200px; width: 210px; z-index: 1;}
#g_dis20_txt { visibility: visible; position: absolute; top: 2690px; left: 305px; height: 200px; width: 210px; z-index: 1;}
#g_dis21_txt { visibility: visible; position: absolute; top: 2690px; left: 565px; height: 200px; width: 210px; z-index: 1;}




/* design overview */

#d_content { visibility: visible; position: absolute; top: 175px; left: 390px; height: 1330px; width: 700px; z-index: 1;}

		/* workshops : line 1 */

#d_dis1 { visibility: visible; position: absolute; top: 40px; left: 45px; height: 230px; width: 230px; z-index: 1;}
#d_dis2 { visibility: visible; position: absolute; top: 40px; left: 305px; height: 230px; width: 230px; z-index: 1;}
#d_dis3 { visibility: visible; position: absolute; top: 40px; left: 565px; height: 230px; width: 230px; z-index: 1;}

#d_dis1_txt { visibility: visible; position: absolute; top: 280px; left: 45px; height: 230px; width: 210px; z-index: 1;}
#d_dis2_txt { visibility: visible; position: absolute; top: 280px; left: 305px; height: 230px; width: 210px; z-index: 1;}
#d_dis3_txt { visibility: visible; position: absolute; top: 280px; left: 565px; height: 230px; width: 210px; z-index: 1;}

			/* radio, book binding, photography : line 2 */

#d_dis4 { visibility: visible; position: absolute; top: 480px; left: 45px; height: 230px; width: 230px; z-index: 1;}
#d_dis5 { visibility: visible; position: absolute; top: 480px; left: 305px; height: 230px; width: 230px; z-index: 1;}
#d_dis6 { visibility: visible; position: absolute; top: 480px; left: 565px; height: 230px; width: 230px; z-index: 1;}

#d_dis4_txt { visibility: visible; position: absolute; top: 720px; left: 45px; height: 230px; width: 210px; z-index: 1;}
#d_dis5_txt { visibility: visible; position: absolute; top: 720px; left: 305px; height: 230px; width: 210px; z-index: 1;}
#d_dis6_txt { visibility: visible; position: absolute; top: 720px; left: 565px; height: 230px; width: 210px; z-index: 1;}

			/* moving pictures : line 2 */

#d_dis7 { visibility: visible; position: absolute; top: 915px; left: 45px; height: 230px; width: 230px; z-index: 1;}
#d_dis8 { visibility: visible; position: absolute; top: 915px; left: 305px; height: 230px; width: 230px; z-index: 1;}
#d_dis9 { visibility: visible; position: absolute; top: 915px; left: 565px; height: 230px; width: 230px; z-index: 1;}

#d_dis7_txt { visibility: visible; position: absolute; top: 1155px; left: 45px; height: 230px; width: 210px; z-index: 1;}
#d_dis8_txt { visibility: visible; position: absolute; top: 1155px; left: 305px; height: 230px; width: 210px; z-index: 1;}
#d_dis9_txt { visibility: visible; position: absolute; top: 1155px; left: 565px; height: 230px; width: 210px; z-index: 1;}