@charset "utf-8";
/* CSS Document */
/* CSS by Lars Zimmermann */
/* www.artworx3d.de */
/* Last change: December 01, 2008 */


/* CSS resetting work is done by famous Eric Meyer ------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, hr {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	background-repeat: no-repeat;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

body {
	font-family: Verdana, Arial, Helvetica;
	font-size: 12px;
	color: white;
	line-height:1.4;
	background:black url(../images/bg.png) left top repeat-x;
	}
	
#main	{
	margin:0 auto;
	width:950px;
}

#contentbox	{
	float:left;	
	width:950px;
	margin:50px 0 10px 0;
	border:1px solid white;
	background:black;
}


/******************** NAVIGATION *************************/

#nav	{
	float:left;	
	width:100%;
	border-bottom:1px solid white;
	background:url(../images/bg_nav.gif) left top repeat-x;
}

#logo	{
	float:left;	
}

#nav ul {
	float:left;	
	list-style-type:none;	
	margin:13px 0 0 17px;
	display:inline;
}

#nav ul li {
	float:left;
	margin:0 11px;	

}

#nav ul li a {
	float:left;
	height:22px;
	text-indent:-9999px;
	background:url(../images/nav.gif) center top no-repeat;	
}
	
#nav ul li a.story {
	width:85px;	
	background-position:0 0;
}

#nav ul li a.story:hover, #story .story_nav a.story {
	background-position:0 -22px;
}


#nav ul li a.videos {
	width:95px;	
	background-position:-111px 0;
}

#nav ul li a.videos:hover, #videos .videos_nav a.videos  {
	background-position:-111px -22px;
}


#nav ul li a.shop {
	width:70px;	
	background-position:-231px 0;
}

#nav ul li a.shop:hover, #shop .shop_nav a.shop {
	background-position:-231px -22px;
}



#nav ul li a.downloads {
	width:155px;	
	background-position:-329px 0;
}

#nav ul li a.downloads:hover, #downloads .downloads_nav a.downloads {
	background-position:-329px -22px;
}



#nav ul li a.contact {
	width:116px;	
	background-position:-511px 0;
}

#nav ul li a.contact:hover, #contact .contact_nav a.contact {
	background-position:-511px -22px;
}


#nav ul li a.links {
	width:78px;	
	background-position:-655px 0;
}

#nav ul li a.links:hover, #links .links_nav a.links {
	background-position:-655px -22px;
}



/******************** CONTENT *************************/

#contentarea {
	clear:both;
	float:left;
	width:890px;
}

.center {
	text-align:center;		
}

.abstand {
	padding:30px;	
}

div.bildabstand img {
	margin:12px 20px;
	}

div.box {
	clear:both;
	float:left;
	text-align:left;
	padding:30px;
	width:890px;
	border-bottom:1px solid white;
	}
	
div.box img {
	float:left;
	}	

/******************** FOOTER *************************/

#counter {
	float:left;
	}


#footer	{
	clear:both;
	float:left;
	width:100%;
	text-align:right;
	padding-bottom:50px;
}



/******************** HTML *************************/


h1	{
	font-size:18px;
	font-weight:bold;
	line-height:1.2;
	margin:12px 0;
	}

p	{
	margin-bottom:10px;
	line-height:1.6;
	}
	
a	{
	color:white;
	text-decoration:none;
	}	
	
a:hover {
	color:#33FF33;
	}