html, body {
	margin:0;
	height: 100%;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	text-align:left;
	padding: 0;
	background-color: #CCCCCC;	
}
a{
	text-decoration:none;
}
a:link {
	color:#333333;
}
a:active {
	color:#333333;
}
a:visited {
	color:#333333;
}
a:hover {
	color:#666666;
}
p{
	margin:0;
	padding:0;
	padding-top:5px;
	padding-bottom:15px;
	
	font-size:34px;	
	line-height:36px;
	color:#333333;
	white-space:nowrap;
}
small {
	font-size:14px;	
	color:#333333;
}
td {
	margin:10px;
	font-size:10pt;
	color:#333333;
}

.box{
	padding:0;
	margin:0;
	min-height: 100%;
	border-left:8px solid #333333;
}


#designakt_strokes_container {
	margin:0;
	padding:0;
}
#designakt_content {
	margin:0;
	padding:0;
	margin-top: -50px;
	padding-left: 22px;
}

.work{
	width:450px;
	margin-left:-2px;
}
.item{
	margin:2px;
	width:100px;
	height:150px;
	float:left;
}
.item a{
	width:100px;
	height:150px;
	display: block;
}
#i01 a {background:url("./work/src/small_wandzeitung.jpg") 0 0 no-repeat;}
#i02 a {background:url("./work/src/small_libro.jpg") 0 0 no-repeat;}
#i03 a {background:url("./work/src/small_typo.jpg") 0 0 no-repeat;}
#i04 a {background:url("./work/src/small_dispenser.jpg") 0 0 no-repeat;}
#i05 a {background:url("./work/src/small_bodenaufsteller.jpg") 0 0 no-repeat;}
#i06 a {background:url("./work/src/small_ueberich.jpg") 0 0 no-repeat;}
#i07 a {background:url("./work/src/small_regaldisplay.jpg") 0 0 no-repeat;}
#i08 a {background:url("./work/src/small_bak06.jpg") 0 0 no-repeat;}
#i09 a {background:url("./work/src/small_recreate.jpg") 0 0 no-repeat;}
#i10 a {background:url("./work/src/small_incom.jpg") 0 0 no-repeat;}
#i11 a {background:url("./work/src/small_beileid.jpg") 0 0 no-repeat;}
#i12 a {background:url("./work/src/small_kunst.jpg") 0 0 no-repeat;}
#i13 a {background:url("./work/src/small_kalender.jpg") 0 0 no-repeat;}
#i14 a {background:url("./work/src/small_humaneagle.jpg") 0 0 no-repeat;}
#i15 a {background:url("./work/src/small_urban.jpg") 0 0 no-repeat;}
#i16 a {background:url("./work/src/small_yogurt.jpg") 0 0 no-repeat;}
#i51 a {background:url("./processing/img/balls.jpg") 0 0 no-repeat;}
#i52 a {background:url("./processing/img/bigballs.jpg") 0 0 no-repeat;}
#i53 a {background:url("./processing/img/vectorballs.jpg") 0 0 no-repeat;}
#i54 a {background:url("./processing/img/bounceandglow.jpg") 0 0 no-repeat;}
#i01 a:hover, #i02 a:hover, #i03 a:hover, #i04 a:hover, 
#i05 a:hover, #i06 a:hover, #i07 a:hover, #i08 a:hover, 
#i09 a:hover, #i10 a:hover, #i11 a:hover, #i12 a:hover,
#i13 a:hover, #i14 a:hover, #i15 a:hover, #i16 a:hover,
#i51 a:hover, #i52 a:hover, #i53 a:hover, #i54 a:hover {
	background-position: 0 -150px;
	}
#i80{width:412px; height:412px;}
#i80 a {background:url("work/kalender3d.jpg") 0 0 no-repeat; width:412px; height:412px; cursor:default;}
#i80 a:hover {background-position: 0 -412px;}
#i81{width:412px; height:884px;}
#i81 a {background:url("work/meinbeileid.jpg") 0 0 no-repeat; width:412px; height:884px; cursor:default;}
#i81 a:hover {background-position: -412px 0;}
#i82{width:800px; height:600px;}
#i82 a {background:url("work/bodenaufsteller.jpg") 0 0 no-repeat; width:800px; height:600px; cursor:default;}
#i82 a:hover {background-position: 0 -600px;}
#i83{width:800px; height:498px;}
#i83 a {background:url("work/dispenser.jpg") 0 0 no-repeat; width:800px; height:498px; cursor:default;}
#i83 a:hover {background-position: 0 -498px;}
#i84{width:800px; height:500px;}
#i84 a {background:url("work/incom.jpg") 0 0 no-repeat; width:800px; height:500px;}
#i84 a:hover {background-position: 0 -500px;}
#i85{width:420px; height:553px;}
#i85 a {background:url("work/kunst.jpg") 0 0 no-repeat; width:420px; height:553px;}
#i85 a:hover {background-position: 0 -553px;}
#i86{width:208px; height:303px;}
#i86 a {background:url("work/bild.jpg") 0 0 no-repeat; width:208px; height:303px;}
#i86 a:hover {background-position: 0 -303px;}
#i87{width:208px; height:260px;}
#i87 a {background:url("work/kinderbuch.jpg") 0 0 no-repeat; width:208px; height:260px;}
#i87 a:hover {background-position: 0 -260px;}
#i88{width:608px; height:456px;}
#i88 a {background:url("work/regaldisplay1.jpg") 0 0 no-repeat; width:608px; height:456px; cursor:default;}
#i88 a:hover {background-position: 0 -456px;}
#i89{width:200px; height:150px;}
#i89 a {background:url("work/regaldisplay2.jpg") 0 0 no-repeat; width:200px; height:150px; cursor:default;}
#i89 a:hover {background-position: 0 -150px;}
#i90{width:200px; height:150px;}
#i90 a {background:url("work/regaldisplay3.jpg") 0 0 no-repeat; width:200px; height:150px; cursor:default;}
#i90 a:hover {background-position: 0 -150px;}
#i91{width:200px; height:150px;}
#i91 a {background:url("work/regaldisplay4.jpg") 0 0 no-repeat; width:200px; height:150px; cursor:default;}
#i91 a:hover {background-position: 0 -150px;}
#i92{width:640px; height:460px;}
#i92 a {background:url("work/humaneagle_flyer.jpg") 0 0 no-repeat; width:640px; height:460px; cursor:default;}
#i92 a:hover {background-position: 0 -460px;}
#i93{width:318px; height:210px;}
#i93 a {background:url("work/humaneagle_car.jpg") 0 0 no-repeat; width:318px; height:210px; cursor:default;}
#i93 a:hover {background-position: 0 -210px;}
#i94{width:318px; height:210px;}
#i94 a {background:url("work/humaneagle_rollup.jpg") 0 0 no-repeat; width:318px; height:210px; cursor:default;}
#i94 a:hover {background-position: 0 -210px;}

#i101{width:200px; height:160px;}
#i101 a {background:url("work/libro01.jpg") 0 0 no-repeat; width:200px; height:160px; cursor:default;}
#i101 a:hover {background-position: 0 -160px;}
#i102{width:200px; height:160px;}
#i102 a {background:url("work/libro02.jpg") 0 0 no-repeat; width:200px; height:160px; cursor:default;}
#i102 a:hover {background-position: 0 -160px;}
#i103{width:200px; height:160px;}
#i103 a {background:url("work/libro03.jpg") 0 0 no-repeat; width:200px; height:160px; cursor:default;}
#i103 a:hover {background-position: 0 -160px;}
#i104{width:200px; height:160px;}
#i104 a {background:url("work/libro04.jpg") 0 0 no-repeat; width:200px; height:160px; cursor:default;}
#i104 a:hover {background-position: 0 -160px;}
#i105{width:200px; height:160px;}
#i105 a {background:url("work/libro05.jpg") 0 0 no-repeat; width:200px; height:160px; cursor:default;}
#i105 a:hover {background-position: 0 -160px;}
#i106{width:200px; height:160px;}
#i106 a {background:url("work/libro06.jpg") 0 0 no-repeat; width:200px; height:160px; cursor:default;}
#i106 a:hover {background-position: 0 -160px;}
#i107{width:200px; height:160px;}
#i107 a {background:url("work/libro07.jpg") 0 0 no-repeat; width:200px; height:160px; cursor:default;}
#i107 a:hover {background-position: 0 -160px;}
#i108{width:200px; height:160px;}
#i108 a {background:url("work/libro08.jpg") 0 0 no-repeat; width:200px; height:160px; cursor:default;}
#i108 a:hover {background-position: 0 -160px;}
#i109{width:200px; height:160px;}
#i109 a {background:url("work/libro09.jpg") 0 0 no-repeat; width:200px; height:160px; cursor:default;}
#i109 a:hover {background-position: 0 -160px;}
#i110{width:200px; height:160px;}
#i110 a {background:url("work/libro10.jpg") 0 0 no-repeat; width:200px; height:160px; cursor:default;}
#i110 a:hover {background-position: 0 -160px;}
#i111{width:200px; height:160px;}
#i111 a {background:url("work/libro11.jpg") 0 0 no-repeat; width:200px; height:160px; cursor:default;}
#i111 a:hover {background-position: 0 -160px;}
#i112{width:200px; height:160px;}
#i112 a {background:url("work/libro12.jpg") 0 0 no-repeat; width:200px; height:160px; cursor:default;}
#i112 a:hover {background-position: 0 -160px;}
#i113{width:200px; height:160px;}
#i113 a {background:url("work/libro13.jpg") 0 0 no-repeat; width:200px; height:160px; cursor:default;}
#i113 a:hover {background-position: 0 -160px;}
#i114{width:200px; height:160px;}
#i114 a {background:url("work/libro14.jpg") 0 0 no-repeat; width:200px; height:160px; cursor:default;}
#i114 a:hover {background-position: 0 -160px;}
.work:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html .work {height: 1%;}
/* End hide from IE-mac */