@font-face {
  font-family: 'PlanetKraftwerkWeb';
  src: url('../_fonts/PlanetKraftwerk.eot');
  src: local('☺'),
         url('../_fonts/PlanetKraftwerk.ttf') format('truetype'),
         url('../_fonts/PlanetKraftwerk.woff') format('woff'),
         url('../_fonts/PlanetKraftwerk.svg') format('svg');
}

/* ++++++++++ STYLESHEET E-L-Z.DE / PYRAMEDIA 2009 / TIM R. GLOYSTEIN ++++++++++ */
@import url('../_css/reset.css');
@import url('../_css/navigation.css');

/* ++++++++++ ALLGEMEINES ++++++++++ */
html
 {
		overflow-x: hidden;
	}

body, html
 {
	width:100%;
	color: #FFFFFF;
	background:url(../_images/background.png);
	overflow-x: hidden;
	overflow-y: auto;
 }
/* ++++++++++ ENDE ALLGEMEINES ++++++++++ */



/* ++++++++++ LAYOUT ++++++++++ */
#container
 {
		position:relative;
		width: 999px;
		min-height: 2000px;
	 margin:0px auto;
  background:#FFFFFF;		
	}
	
#content
 {
		position: absolute;
		top: 700px;
		left: 20px;
		width:670px;
		z-index:50;
	}
	
#logo
 {
	 position:absolute;
		top:20px;
		left:495px;
	}
		
#image
 {
  position:absolute;
		top:140px;
		left:426px;
		width:999px;
		height:340px;
		z-index:0;
	}
	
#icon
 {
		position:absolute;
		left:424px;
		top:503px;
	}
/* ++++++++++ ENDE LAYOUT ++++++++++ */


/* ++++++++++ NAVIGATION ++++++++++ */
#navigation
 {
	 position:absolute;
		top:80px;
		left:20px;
	}
/* ++++++++++ ENDE NAVIGATION ++++++++++ */


/* ++++++++++ TEXTFORMATIERUNGEN ++++++++++ */	
h1
 {
		font-family: "PlanetKraftwerkWeb", Impact, Verdana, sans-serif;
		font-size: 35px;
		line-height: 30px;
  		border:2px solid #303414;
  		padding: 3px;
		margin: 0 0 -1px 1px;
		text-transform: uppercase;
		display: inline-block;
		background-image: url(../_images/background-tabelle-schwarz.png);
		border-bottom: 2px solid #000000;
		z-index: 10;
	}
	
h2
 {
		font-family: "PlanetKraftwerkWeb", Impact, Verdana, sans-serif;
		font-size: 35px;
		line-height: 30px;
		font-weight:normal;
		text-transform: uppercase;
		margin: 0;
	}
	
h3
 {
		font-family: "PlanetKraftwerkWeb", Impact, Verdana, sans-serif;
	 font-size:12px;
		line-height: 18px;
		font-weight: normal;
		text-transform: uppercase;
		margin-bottom: 15px;
		margin-top: 25px;
	}
	
p
 {
  font-family:'Lucida Console', Monaco, monospace;
		font-size:14px;
		line-height:20px;
		margin-bottom:12px;
	}
	
.klein
 {
 font-size:9px;
	line-height:10px;
	}
	
a
 {
		text-decoration:underline;
  color:#FFF;
	}
	
a:visited
 {
		text-decoration:underline;
	}	
	
a:hover
 {
  text-decoration:none;
		color: #e3531f;
	}
	
a.no_underline
 {
		text-decoration: none;
	}
	
table
 {
		width: 100%;
		font-size: 20px;
		line-height: 24px;
		border-collapse:collapse;
		margin-top:-1px;
		margin-left: 1px;
	}
	
td
 {
		border: 2px solid #303414;
		padding:0;
		margin:0;
	}
	
.center
 {
		text-align:center;
	}
/* ++++++++++ ENDE TEXTFORMATIERUNGEN ++++++++++ */

table td {
	font-family: "PlanetKraftwerkWeb", Impact, Verdana, sans-serif;
}

a.backLink {
	font-family: "PlanetKraftwerkWeb", Impact, Verdana, sans-serif;
	display: inline-block;
	text-decoration:none;
	font-size: 16px;
	border:2px solid #303414;
	padding: 3px;
	margin:-2px 0 0 1px;
	background-image: url(../_images/background-tabelle-schwarz.png);
}

ul, ol {
	margin: 0;
	padding: 0;
}

img {
	border: none;
}

/* +++ NAVI +++ */
ul.nav {
	font-family: "PlanetKraftwerkWeb", Impact, Verdana, sans-serif;
	font-size: 35px;
	line-height: 30px;
	text-transform: uppercase;
	font-weight: 400;
	width: 440px;
	letter-spacing: 0px;
	opacity: 0.99;
	list-style-type: none;
	margin: 0;
	-webkit-font-smoothing: antialiased;
}

ul.nav li {
	margin: 0;
	padding: 0;
	text-indent: 0;
	margin-bottom: 8px;
	-webkit-font-smoothing: antialiased;
}

ul.nav li a {
	color: inherit;
	text-decoration: none;
	-webkit-font-smoothing: antialiased;
}

ul.nav ul.subnav {
	-webkit-transition-property: opacity;
	-webkit-transition-duration: 0.5s;
	-moz-transition-property: opacity;
	-moz-transition-duration: 0.5s;
	opacity: 0.5;
}

ul.nav li:hover ul.subnav {
	opacity: 0.99;
	-webkit-font-smoothing: antialiased;
}

ul.subnav {
	font-family: "PlanetKraftwerkWeb", Impact, Verdana, sans-serif;
	line-height: 22px;
	font-size: 25px;
	text-transform: uppercase;
	list-style-type: none;
	padding: 0;
}

ul.subnav li {
	display: inline;
	margin-left: 0;
	-webkit-font-smoothing: antialiased;
}

ul.subnav li a {
	color: inherit;
	text-decoration: none;
	-webkit-font-smoothing: antialiased;
}	

ul.subnav li:before {
	content: "»";
}

ul.subnav li.first:before {
	content: "";
}

li a:hover {
	-webkit-transition-property: color;
	-webkit-transition-duration: 0.5s;
	-moz-transition-property: color;
	-moz-transition-duration: 0.5s;
}

.navPoint1 {
	color: #d2d9ca;
}

li.navPoint1 a:hover {
	color: #ffffff;
}

li.navPoint1 li:before {
	content: "»";
	color: #ffffff;
}

.navPoint2 {
	color: #a3a583;
}

li.navPoint2 a:hover{
	color: #eff2bf;
}

.navPoint3 {
	color: #838a48;
}

li.navPoint3 a:hover{
	color: #ccd66f;
}

li.navPoint3 li:before {
	content: "»";
	color: #ccd66f;
}

.navPoint4 {
	color: #d1742c;
}

li.navPoint4 a:hover {
	color: #fd9f56;
}

li.navPoint4 li:before {
	content: "»";
	color: #fd9f56;
}

.navPoint5 {
	color: #4a879b;
}

li.navPoint5 a:hover {
	color: #6fcae8;
}

.navPoint6 {
	color: #308995;
}

li.navPoint6 a:hover {
	color: #48cfe0;
}

.navPoint7 {
	color: #0180aa;
}

li.navPoint7 a:hover {
	color: #02baf7;
}

.navPoint8 {
	color: #0084c3;
}

li.navPoint8 a:hover {
	color: #37c0ff;
}

.navPoint9 {
	color: #506fe4;
}

li.navPoint9 a:hover {
	color: #7391ff;
}

.navPoint10 {
	color: #ad5de8;
}

li.navPoint10 a:hover {
	color: #d296fd;
}

/* +++ GALLERY +++ */
div.galleryContainer {
	position: absolute;
	top: 5px;
	left: 0;
	bottom: 5px;
	right: 0;
	overflow: hidden;
}

ul.galleryContent {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

ul.galleryContent li {
	width: 85px;
	height: 65px;
	margin: 10px 10px 10px 27px;
	overflow: hidden;
	opacity: 0.5;
}

ul.galleryContent li:hover {
	opacity: 1.0;
}