body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	text-align: center;
}
#box {
	margin: 15px auto 0;
	width: 850px;
}
#navigation {
	background: #414141;
}
#navigation ul {
	width: 850px;
	height: 38px;
	list-style: none;
	margin:0;
	padding:0;
}	
#navigation li {
	float: left;
}
#navigation li a {
	height: 38px;
	display: block;
}
#navigation li a span {
	display: none;
}
#navigation li#logo a {width: 360px;background: url(../images/navi.gif) no-repeat 0px 0px}
#navigation li#about a {width: 53px;background: url(../images/navi.gif) no-repeat -360px -35px}
#navigation li#illustration a {width: 94px;background: url(../images/navi.gif) no-repeat -413px -35px}
#navigation li#artworks a {width: 78px;background: url(../images/navi.gif) no-repeat -507px -35px}
#navigation li#technik a {width: 65px;background: url(../images/navi.gif) no-repeat -585px -35px}
#navigation li#kontakt a {width: 70px;background: url(../images/navi.gif) no-repeat -650px -35px}
#navigation li#home a {width: 42px;background: url(../images/navi.gif) no-repeat -720px -35px}
#navigation li#shop a {width: 88px;background: url(../images/navi.gif) no-repeat -762px -35px}

#navigation li#logo a:hover {background: url(../images/navi.gif) no-repeat 0px 0px;}	
#navigation li#about a:hover, #navigation li#about a.selected {background: url(../images/navi.gif) no-repeat -360px 0px;}
#navigation li#illustration a:hover, #navigation li#illustration a.selected {background: url(../images/navi.gif) no-repeat -413px 0px;}
#navigation li#artworks a:hover, #navigation li#artworks a.selected {background: url(../images/navi.gif) no-repeat -507px 0px;}
#navigation li#technik a:hover, #navigation li#technik a.selected {background: url(../images/navi.gif) no-repeat -585px 0px;}
#navigation li#kontakt a:hover, #navigation li#kontakt a.selected {background: url(../images/navi.gif) no-repeat -650px 0px;}
#navigation li#home a:hover, #navigation li#home a.selected {background: url(../images/navi.gif) no-repeat -720px 0px;}
#navigation li#shop a:hover, #navigation li#shop a.selected {background: url(../images/navi.gif) no-repeat -762px 0px;}

#start{
	clear:both;
	margin:42px 0 0 0;
}
#content{
	clear:both;
	margin:42px 0 0 50px;
}
.gallery{
	width:315px;
	float: left;
}
.item {
	height: 72px;
	width: 72px;
	margin: 0 17px 8px 0;
	border: 1px solid #ccc;
	float: left;
}
.big {
	width:433px;
	height:401px;
	float: left;
}
.clear {
	clear:both;
	height:20px;
}
#footer{
	margin:0 0 0 50px;
}
#listing {
	float: left;
	height: 21px;
	width: 253px;
	background-color: #414141;
}
#listing ul {
	width: 253px;
	height: 21px;
	list-style: none;
	margin:0;
	padding:0;
}	
#listing li {
	float: right;
}
#listing li a {
	height: 21px;
	display: block;
}
#listing li a span {
	display: none;
}
#listing li#digit1 a {width: 18px;background: url(../images/digit1.gif) no-repeat 0px 0px;}
#listing li#digit2 a {width: 18px;background: url(../images/digit2.gif) no-repeat 0px 0px;}
#listing li#digit3 a {width: 18px;background: url(../images/digit3.gif) no-repeat 0px 0px;}
#listing li#digit4 a {width: 18px;background: url(../images/digit4.gif) no-repeat 0px 0px;}
#listing li#digit5 a {width: 18px;background: url(../images/digit5.gif) no-repeat 0px 0px;}
#listing li#digit6 a {width: 18px;background: url(../images/digit6.gif) no-repeat 0px 0px;}
#listing li#digit7 a {width: 18px;background: url(../images/digit7.gif) no-repeat 0px 0px;}
#listing li#digit8 a {width: 18px;background: url(../images/digit8.gif) no-repeat 0px 0px;}
#listing li#next a {width: 52px;background: url(../images/listingnext.gif) no-repeat 0px 0px;}

#listing li#digit1 a:hover, #listing li#digit1 a.selected {background: url(../images/digit1.gif) no-repeat 0px -21px;}
#listing li#digit2 a:hover, #listing li#digit2 a.selected {background: url(../images/digit2.gif) no-repeat 0px -21px;}	
#listing li#digit3 a:hover, #listing li#digit3 a.selected  {background: url(../images/digit3.gif) no-repeat 0px -21px;}	
#listing li#digit4 a:hover, #listing li#digit4 a.selected {background: url(../images/digit4.gif) no-repeat 0px -21px;}	
#listing li#digit5 a:hover, #listing li#digit5 a.selected {background: url(../images/digit5.gif) no-repeat 0px -21px;}	
#listing li#digit6 a:hover, #listing li#digit6 a.selected {background: url(../images/digit6.gif) no-repeat 0px -21px;}	
#listing li#digit7 a:hover, #listing li#digit7 a.selected {background: url(../images/digit7.gif) no-repeat 0px -21px;}	
#listing li#digit8 a:hover, #listing li#digit8 a.selected {background: url(../images/digit8.gif) no-repeat 0px -21px;}		
#listing li#next a:hover {background: url(../images/listingnext.gif) no-repeat 0px -21px;}
.description {
	float: left;
	width: 320px;
	margin-left: 62px;
}
.zoom {
	float: left;
	width: 21px;
	margin-right: 5px;
}
#footerbacknext {
	float: left;
	width: 90px;
	height: 21px;
}
#footerbacknext ul {
	width: 90px;
	height: 21px;
	list-style: none;
	margin:0;
	padding:0;
}	
#footerbacknext li {
	float: left;
}
#footerbacknext li a {
	height: 21px;
	display: block;
}
#footerbacknext li a span {
	display: none;
}
#footerbacknext li#back a {width: 40px;margin-right:5px;background: url(../images/footerback.gif) no-repeat 0px 0px;}
#footerbacknext li#next a {width: 40px;background: url(../images/footernext.gif) no-repeat 0px 0px;}
#footerbacknext li#back a:hover {background: url(../images/footerback.gif) no-repeat 0px  -21px;}
#footerbacknext li#next a:hover {background: url(../images/footernext.gif) no-repeat 0px -21px;}
/*popup*/
#close {
	width: 760px;
	text-align:right;
	height: 25px;
}
#popup {
	padding-left: 10px;
}
#fragment {
	padding-left: 10px;
	padding-top: 10px;
}
#fragment a {
	padding-right: 10px;
}