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, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: none;
	vertical-align: baseline;
}
ol, ul {
	list-style: none; 
}
table, td {
	border-collapse: collapse;
	border-spacing: 0;
}
img { display: block; border: none; }


/* ************************************************************************ */
/* Fonts */
/* ************************************************************************ */

@font-face {  
	  font-family: 'yk-thin';  
	  src: url('yan-ka-thin.eot');   
	  src: local('Yanone Kaffeesatz Thin'), url('yan-ka-thin.otf') format('opentype');
	  font-weight: lighter;
}  
@font-face {  
	  font-family: 'yk-light';  
	  src: url('yan-ka-light.eot');   
	  src: local('Yanone Kaffeesatz Light'), url('yan-ka-light.otf') format('opentype');
	  font-weight: light;
}  
@font-face {  
	  font-family: 'yk-regular';  
	  src: url('yan-ka-regular.eot');   
	  src: local('Yanone Kaffeesatz Regular'), url('yan-ka-regular.otf') format('opentype');
	  font-weight: normal;
}  
@font-face {  
	  font-family: 'yk-bold';  
	  src: url('yan-ka-bold.eot');   
	  src: local('Yanone Kaffeesatz Bold'), url('yan-ka-bold.otf') format('opentype');
	  font-weight: bold;
}  
strong { font-family: "yk-bold", Arial, Helvetica, sans-serif; }


/* ************************************************************************ */
/* STRUKTUR */
/* ************************************************************************ */


body {
	background: #000 url(body.jpg) top left no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 23px;
	color: #fff;
}



/* ************************************************************************ */
/* Layout */
/* ************************************************************************ */

#lang {
	position: fixed;
	top: 20px;
	left: 50px;
	font-family: "yk-light", Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	word-spacing: 4px;
	font-weight: lighter;
	font-size: 15px;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=iefix.png,sizingMethod=crop);zoom:1;
}
#lang a { text-decoration: none; color: #555555; }
#lang a span { color: #a2ca00; }
#lang a:hover { color: #a2ca00; }

/* */

#mainmasknav {
	background: transparent url(mask.png) top left no-repeat;
	position: fixed;
	top: 230px;
	left: 0;
	width: 2500px;
	height: 455px; /* eig. 475 */
	z-index: 99;
}

/* Mainnavs */

#mainmasknav h1 {
	position: absolute;
	top: 115px;
	left: 50px;
	font-family: "yk-thin", Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	font-weight: lighter;
	font-size: 80px;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=iefix.png,sizingMethod=crop);zoom:1;
}
#mainmasknav h1 a { text-decoration: none; color: #fff; }
#mainmasknav h1 a span { color: #a2ca00; }
#mainmasknav h1 a:hover { color: #a2ca00; }

#metanav {
	position: absolute;
	top: -2px;
	left: 250px;
}

#subnav {
	position: absolute;
	top: 240px;
	left: 137px;
	text-align: right;
}

#metanav li a, #subnav li a {
	display: block;
	margin-bottom: 13px;
	color: #fff;
	text-decoration: none;
	font-family: "yk-light", Arial, Helvetica, sans-serif;
	font-weight: lighter;
	letter-spacing: 1px;
	word-spacing: 8px;
	font-size: 25px;
	line-height: 25px;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=iefix.png,sizingMethod=crop);zoom:1;
}
#metanav li a:hover, #subnav li a:hover {
	color: #a2ca00;
}

#metanav li a.aktiv, #subnav li a.aktiv {
	color: #a2ca00;
}

/* Picnavs */

#picnav {
	background: transparent url(picnav.gif) top left no-repeat;
	position: fixed;
	top: 0;
	left: 0;
	width: 2000px;
	height: 188px;
}

#picnav li {
	position: absolute;	
}

#picnav li.a { 	top: 83px; left:  50px; }
#picnav li.b { 	top: 76px; left: 130px; }
#picnav li.c { 	top: 69px; left: 210px; }
#picnav li.d { 	top: 62px; left: 290px; }
#picnav li.e { 	top: 55px; left: 370px; }
#picnav li.f { 	top: 48px; left: 450px; }
#picnav li.g { 	top: 41px; left: 530px; }
#picnav li.h { 	top: 34px; left: 610px; }
#picnav li.i { 	top: 27px; left: 690px; }
#picnav li.j { 	top: 20px; left: 770px; }
#picnav li.k { 	top: 13px; left: 850px; }
#picnav li.l { 	top: 6px; left: 930px; }

#scrollpointer {
	background: transparent url(navmask.png) top left no-repeat;
	width: 81px; height: 81px;
	position: absolute;
	top: 81px; left: 48px;
	z-index: 999;
}

/* ************************************************************************ */
/* Content */
/* ************************************************************************ */


#content {
	position: absolute;	
	top: 230px;
	left: 0;
	height: 500px;
	white-space:nowrap;
	word-spacing: -5px;
	letter-spacing: 0px;
	/*padding-right: 70%;*/
}
#content div {
	display: inline-block;
	margin-right: 50px;
	width: 452px;
	height: 452px;
}
#content img {
	display: inline-block;
	border: 1px solid #fff;
}
#content div.a img {
	border: 1px solid #000;
}

#content div.text {
	border: 7px dotted #2e2e2e;	
	padding: 20px;
	width: 398px;
	height: 398px;
}

#content div.text div {
	position: absolute;
	white-space: normal;
	width: 398px;
	height: 398px;
}

/* Inhalte */

#content div.text h1 {
	font-family: "yk-light", Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	word-spacing: 4px;
	font-weight: lighter;
	font-size: 25px;
	line-height: 25px;
	margin-bottom: 20px;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=iefix.png,sizingMethod=crop);zoom:1;
}
#content div.text h2 {
	font-family: "yk-regular", Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	word-spacing: 3px;
	font-weight: normal;
	font-size: 18px;
	line-height: 25px;
	margin-bottom: 0px;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=iefix.png,sizingMethod=crop);zoom:1;
}
#content div.text p {
	font-family: "yk-light", Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	word-spacing: normal;
	font-weight: lighter;
	font-size: 18px;
	line-height: 25px;
	margin-bottom: 20px;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=iefix.png,sizingMethod=crop);zoom:1;
}
#content div.text ul {
	font-family: "yk-light", Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	word-spacing: normal;
	font-weight: lighter;
	font-size: 18px;
	line-height: 30px;
	margin-bottom: 20px;
	padding-left: 15px;
	list-style-type: square;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=iefix.png,sizingMethod=crop);zoom:1;
}

#content div.text em {
	color: #a2ca00;
	font-style: normal;
}


/* ************************************************************************ */
/* Links */
/* ************************************************************************ */

a:link {
	color: #a2ca00;
	text-decoration: none;
}
a:visited {
	color: #a2ca00;
	text-decoration: none;
}
a:hover {
	color: #a2ca00;
	text-decoration: underline;
}
a:active {
	color: #a2ca00;
	text-decoration: underline;
}