* {
	margin:0;
	padding:0;
	outline:none;
}

body {
	font-family:Arial, Helvetica, sans-serif;
}

#wrapper {
	width:400px;
	margin:0 auto;
}

#header {
	background-color:#FFF;
	width:400px;
	height:100px;
	}

#header h1 {
	position:absolute;
	background-image:url(images/sturmlogo.svg);
	background-repeat:no-repeat;
	width:32px;
	height:24px;
	margin-top:45px;
	text-indent:-10000px;
	}

.clear {
	float:none;
	clear:both;
}

#navigation {
	padding-left:245px;
	padding-top:48px;
}	

#navigation li a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	text-transform:uppercase;
	color:#000;
	text-decoration:none;
}

#navigation li a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	text-transform:uppercase;
	color:#FFF;
	text-decoration:none;
}

#navigation li {
	list-style-type:none;
	float:left;
	margin-left:18px;
}

.textline {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	text-transform:uppercase;
	color:#999;
	text-decoration:none;
	margin-top:10px;
}

.impressum {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	text-transform:uppercase;
	color:#999;
	text-decoration:none;
}

.gestaltung {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	text-transform:uppercase;
	color:#999;
	text-decoration:none;
	margin-bottom:35px;
}

.email {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	text-transform:uppercase;
	color:#999;
	text-decoration:none;
	float:left;
}

.mail {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	text-transform:uppercase;
	color:#000;
	text-decoration:none;
}

.mail a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	text-transform:uppercase;
	color:#000;
	text-decoration:none;
}

.mail a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	text-transform:uppercase;
	color:#FFF;
	text-decoration:none;
}

.sturm {
	background-image:url(images/sturm1.gif);
	width:400px;
	height:260px;
	margin-top:20px;
	margin-bottom:40px;
}

.teddyshow {
	background-image:url(images/teddyshow.png);
	width:400px;
	height:564px;
	margin-top:20px;
	margin-bottom:40px;
}

.kaya {
	background-image:url(images/kaya.png);
	width:400px;
	height:564px;
	margin-top:20px;
	margin-bottom:40px;
}
	
.toykio {
	background-image:url(images/toykio.gif);
	width:400px;
	height:260px;
	margin-top:20px;
	margin-bottom:40px;
}

.vandals {
	background-image:url(images/vandals.gif);
	width:400px;
	height:260px;
	margin-top:20px;
	margin-bottom:40px;
}

.kunstagentin {
	background-image:url(images/kunstagentin.gif);
	width:400px;
	height:260px;
	margin-top:20px;
	margin-bottom:40px;
}

.illmaticlogo {
	background-image:url(images/illmaticlogo.gif);
	width:400px;
	height:260px;
	margin-top:20px;
	margin-bottom:40px;
}

.artvantgarde {
	background-image:url(images/artvantgarde.gif);
	width:400px;
	height:260px;
	margin-top:20px;
	margin-bottom:40px;
}

.lamydialog3 {
	background-image:url(images/lamydialog3.gif);
	width:400px;
	height:260px;
	margin-top:20px;
	margin-bottom:40px;
}

.graete {
	background-image:url(images/graete.gif);
	width:400px;
	height:260px;
	margin-top:20px;
	margin-bottom:40px;
}

.ruttkowski68 {
	background-image:url(images/ruttkowski68.gif);
	width:400px;
	height:260px;
	margin-top:20px;
	margin-bottom:40px;
}

.joemolese {
	background-image:url(images/joemolese.gif);
	width:400px;
	height:260px;
	margin-top:20px;
	margin-bottom:40px;
}

.warsteinershirt {
	background-image:url(images/warsteinershirt.gif);
	width:400px;
	height:260px;
	margin-top:20px;
	margin-bottom:40px;
}

.illmatictextil {
	background-image:url(images/illmatictextil.gif);
	width:400px;
	height:260px;
	margin-top:20px;
	margin-bottom:40px;
}

.bluetezeit {
	background-image:url(images/bluetezeit.gif);
	width:400px;
	height:260px;
	margin-top:20px;
	margin-bottom:40px;
}

.squareeight {
	background-image:url(images/squareeight.gif);
	width:400px;
	height:260px;
	margin-top:20px;
	margin-bottom:40px;
}

.tradingminds {
	background-image:url(images/tradingminds.gif);
	width:400px;
	height:260px;
	margin-top:20px;
	margin-bottom:40px;
}

.pinocchio {
	background-image:url(images/pinocchio.gif);
	width:400px;
	height:564px;
	margin-top:20px;
	margin-bottom:40px;
}

.foot {
	background-image:url(images/foot.gif);
	width:400px;
	height:564px;
	margin-top:20px;
	margin-bottom:40px;
}

.illartwork {
	background-image:url(images/illartwork.gif);
	width:400px;
	height:260px;
	margin-top:20px;
	margin-bottom:40px;
}

.ape {
	background-image:url(images/ape.gif);
	width:400px;
	height:260px;
	margin-top:20px;
	margin-bottom:40px;
}

.aspartam {
	background-image:url(images/aspartam.gif);
	width:400px;
	height:564px;
	margin-top:20px;
	margin-bottom:40px;
}

.berlinon2013 {
	background-image:url(images/berlinon2013.gif);
	width:400px;
	height:564px;
	margin-top:20px;
	margin-bottom:40px;
}

.em2012 {
	background-image:url(images/em2012.gif);
	width:400px;
	height:564px;
	margin-top:20px;
	margin-bottom:40px;
}

.lamyclassics {
	background-image:url(images/lamyclassics.gif);
	width:400px;
	height:564px;
	margin-top:20px;
	margin-bottom:40px;
}

.nohalfsteppin {
	background-image:url(images/nohalfsteppin.gif);
	width:400px;
	height:564px;
	margin-top:20px;
	margin-bottom:40px;
}

.aphroe {
	background-image:url(images/aphroe.gif);
	width:400px;
	height:564px;
	margin-top:20px;
	margin-bottom:40px;
}

.mammutshirts {
	background-image:url(images/mammutshirts.gif);
	width:400px;
	height:564px;
	margin-top:20px;
	margin-bottom:40px;
}

.gooqx {
	background-image:url(images/gooqx.gif);
	width:400px;
	height:260px;
	margin-top:20px;
	margin-bottom:40px;
}

.linsenhoff {
	background-image:url(images/linsenhoff.gif);
	width:400px;
	height:260px;
	margin-top:20px;
	margin-bottom:40px;
}

.nowandfuture {
	background-image:url(images/nowandfuture.gif);
	width:400px;
	height:260px;
	margin-top:20px;
	margin-bottom:40px;
}

.theflame {
	background-image:url(images/theflame.gif);
	width:400px;
	height:260px;
	margin-top:20px;
	margin-bottom:40px;
}

.isc {
	background-image:url(images/isc.gif);
	width:400px;
	height:260px;
	margin-top:20px;
	margin-bottom:40px;
}

.toykioshirt {
	background-image:url(images/toykioshirt.gif);
	width:400px;
	height:564px;
	margin-top:20px;
	margin-bottom:40px;
}

.undine {
	background-image:url(images/undine.gif);
	width:400px;
	height:260px;
	margin-top:20px;
	margin-bottom:40px;
}

.westhandball {
	background-image:url(images/westhandball.gif);
	width:400px;
	height:260px;
	margin-top:20px;
	margin-bottom:40px;
}

.obama {
	background-image:url(images/obama.gif);
	width:400px;
	height:564px; 
	margin-top:20px;
	margin-bottom:40px;
}

.whtspz {
	background-image:url(images/whtspz.gif);
	width:400px;
	height:564px;
	margin-top:20px;
	margin-bottom:40px;
}

.me {
	background-image:url(images/me.gif);
	width:400px;
	height:564px;
	margin-top:20px;
	margin-bottom:40px;
}

a#work {
    display:block;
	width:400px;
	height:260px;
	background: transparent url(images/work.gif) 0px 0px no-repeat;
	margin-top:20px;
	margin-bottom:40px;
	}

.footer {
	background-color:#FFF;
	width:950px;
	height:165px;
	margin-top:40px;
	}
	
.line {
	position:absolute;
	background-image:url(images/line.png);
	width:400px;
	height:3px;
	}
	
.footertext {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	text-transform:uppercase;
	color:#999;
	text-decoration:none;
	padding-top:20px;
	padding-bottom:40px;
	}
	
	#links {
	margin-left:175px;
}	

	#links a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	text-transform:uppercase;
	color:#000;
	text-decoration:none;
}

#links a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	text-transform:uppercase;
	color:#FFF;
	text-decoration:none;
}