@charset "UTF-8";
/* Author: ZEITZEICHNER -> www.zeitzeichner.de */

/* Delicious: A font by Jos Buivenga (exljbris) -> www.exljbris.com */
@font-face {
	font-family: "DeliciousItalic";
	src: url("type/delicious-italic-webfont.eot");
	src: local("☺"), url("type/delicious-italic-webfont.woff") format("woff"), url("type/delicious-italic-webfont.ttf") format("truetype"), url("type/delicious-italic-webfont.svg#webfontnVHF5Ecr") format("svg");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "DeliciousBoldItalic";
	src: url("type/delicious-bolditalic-webfont.eot");
	src: local("☺"), url("type/delicious-bolditalic-webfont.woff") format("woff"), url("type/delicious-bolditalic-webfont.ttf") format("truetype"), url("type/delicious-bolditalic-webfont.svg#webfontJhFkbnMQ") format("svg");
	font-weight: normal;
	font-style: normal;
}
body {
	font-family: "DeliciousItalic", Georgia, "Times New Roman", Times, serif;
	background-color: #000000;
	background-image: url(../img/bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	margin: 0px;
	padding: 0px;
	font-size: 100%;
	font-style: normal;
	font-weight: normal;
}
img, img a {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
a {
	color: #ffffff;
	text-decoration: none;
}
h1 {
	font-family: "DeliciousBoldItalic", Georgia, "Times New Roman", Times, serif;
	letter-spacing: 0.05em;
	padding: 0px;
	font-size: 2.55em;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	font-style: normal;
	font-weight: normal;
}
h2 {
	font-family: "DeliciousBoldItalic", Georgia, "Times New Roman", Times, serif;
	letter-spacing: 0.075em;
	padding: 0px;
	font-size: 1.2em;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	font-style: normal;
	font-weight: normal;
}
.scroll {
	margin: 0px;
	padding: 0px;
	text-align: center;
}
#wrapper {
	padding: 0px;
	width: 962px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	position: relative;
	height: 2311px;
	z-index: 1;
	background-color: transparent;
}
#group {
	background-color: transparent;
	background-image: url(../img/sinndikat-group.png);
	background-repeat: no-repeat;
	background-position: center top;
	margin: 0px;
	padding: 0px;
	height: 441px;
	width: 627px;
	position: absolute;
	left: 162px;
	top: 152px;
	z-index: 2;
}
#animationcb {
	background-image: url(../img/animation-cb.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 160px;
	width: 68px;
	position: absolute;
	z-index: 3;
	left: 161px;
	top: 355px;
}
#animationum {
	background-image: url(../img/animation-um.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 158px;
	width: 55px;
	position: absolute;
	z-index: 4;
	left: 252px;
	top: 247px;
}
#animationss {
	background-image: url(../img/animation-ss.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 45px;
	width: 62px;
	position: absolute;
	z-index: 5;
	left: 455px;
	top: 219px;
}
#animationgw {
	background-image: url(../img/animation-gw.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 37px;
	width: 40px;
	position: absolute;
	z-index: 6;
	left: 559px;
	top: 301px;
}
#animationsr {
	background-image: url(../img/animation-sr.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 273px;
	width: 156px;
	position: absolute;
	z-index: 7;
	left: 614px;
	top: 323px;
}
#hovercb {
	height: 387px;
	width: 147px;
	background-color: transparent;
	position: absolute;
	left: 162px;
	top: 195px;
	z-index: 8;
}
#hoverum {
	height: 372px;
	width: 116px;
	background-color: transparent;
	position: absolute;
	left: 309px;
	top: 221px;
	z-index: 9;
}
#hoverss {
	height: 430px;
	width: 116px;
	background-color: transparent;
	position: absolute;
	left: 425px;
	top: 152px;
	z-index: 10;
}
#hovergw {
	height: 367px;
	width: 109px;
	background-color: transparent;
	position: absolute;
	left: 541px;
	top: 226px;
	z-index: 11;
}
#hoversr {
	height: 404px;
	width: 139px;
	background-color: transparent;
	position: absolute;
	left: 650px;
	top: 181px;
	z-index: 12;
}
#aboutcb {
	width: 278px;
	position: absolute;
	left: 54px;
	top: 40px;
	z-index: 13;
}
#aboutum {
	width: 278px;
	position: absolute;
	left: 198px;
	top: 65px;
	z-index: 17;
}
#aboutss {
	width: 278px;
	position: absolute;
	left: 342px;
	top: 30px;
	z-index: 15;
}
#aboutgw {
	width: 278px;
	position: absolute;
	left: 486px;
	top: 65px;
	z-index: 16;
}
#aboutsr {
	width: 278px;
	position: absolute;
	left: 630px;
	top: 30px;
	z-index: 14;
}
.abouttext {
	background-color: #ffffff;
	overflow: hidden;
	margin: 0px;
	padding: 15px;
	height: 121px;
	color: #000000;
}
.abouttext  h1 {
	font-family: "DeliciousBoldItalic", Georgia, "Times New Roman", Times, serif;
	font-size: 0.85em;
	line-height: 1.05em;
	padding: 0px;
	letter-spacing: 0.05em;
	font-style: normal;
	font-weight: normal;
	margin: 0px;
}
.abouttext  p {
	font-family: "DeliciousItalic", Georgia, "Times New Roman", Times, serif;
	font-size: 0.85em;
	line-height: 1.05em;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	letter-spacing: 0.05em;
	font-style: normal;
	font-weight: normal;
}
.abouttext  a {
	color: #000000;
	text-decoration: none;
	font-family: "DeliciousBoldItalic", Georgia, "Times New Roman", Times, serif;
}
.aboutleft {
	background-color: transparent;
	background-image: url(../img/bubble-left.gif);
	background-repeat: no-repeat;
	background-position: right top;
	margin: 0px;
	padding: 0px;
	height: 27px;
	width: 100%;
}
.aboutleftcenter {
	background-color: transparent;
	background-image: url(../img/bubble-left.gif);
	background-repeat: no-repeat;
	background-position: center top;
	margin: 0px;
	padding: 0px;
	height: 27px;
	width: 100%;
}
.aboutright {
	background-color: transparent;
	background-image: url(../img/bubble-right.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	height: 27px;
	width: 100%;
}
.aboutrightcenter {
	background-color: transparent;
	background-image: url(../img/bubble-right.gif);
	background-repeat: no-repeat;
	background-position: center top;
	margin: 0px;
	padding: 0px;
	height: 27px;
	width: 100%;
}
.aboutcenter {
	background-color: transparent;
	background-image: url(../img/bubble-center.gif);
	background-repeat: no-repeat;
	background-position: center top;
	margin: 0px;
	padding: 0px;
	height: 27px;
	width: 100%;
}
#logo {
	height: 52px;
	width: 962px;
	position: absolute;
	left: 0px;
	z-index: 18;
	text-align: center;
	top: 608px;
}
#slogan {
	width: 962px;
	position: absolute;
	left: 0px;
	z-index: 19;
	text-align: center;
	top: 669px;
	color: #FFFFFF;
}
.slogantext {
	font-family: "DeliciousBoldItalic", Georgia, "Times New Roman", Times, serif;
	letter-spacing: 0.075em;
	font-size: 1em;
	margin: 0px;
	padding: 0px;
	font-style: normal;
	font-weight: normal;
}
#morelink {
	height: 57px;
	width: 962px;
	position: absolute;
	left: 0px;
	z-index: 20;
	text-align: center;
	top: 701px;
}
#startcontent {
	width: 962px;
	position: absolute;
	left: 0px;
	z-index: 34;
	top: 816px;
}
#textbox01 {
	position:absolute;
	left:0px;
	top:832px;
	width:268px;
	height:252px;
	z-index:21;
	color: #ffffff;
}
#textbox01 p {
	font-family: "DeliciousItalic", Georgia, "Times New Roman", Times, serif;
	font-size: 0.9em;
	line-height: 1.5em;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	letter-spacing: 0.075em;
	font-style: normal;
	font-weight: normal;
}
#textbox02 {
	position:absolute;
	left:305px;
	top:832px;
	width:259px;
	height:252px;
	z-index:22;
	color: #ffffff;
}
#textbox02 p {
	font-family: "DeliciousItalic", Georgia, "Times New Roman", Times, serif;
	font-size: 0.9em;
	line-height: 1.5em;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	letter-spacing: 0.075em;
	font-style: normal;
	font-weight: normal;
}
.media {
	font-family: "DeliciousItalic", Georgia, "Times New Roman", Times, serif;
	font-size: 1.1em;
	font-style: normal;
	font-weight: normal;
}
#featuretitle {
	position:absolute;
	left:0px;
	top:1118px;
	width:564px;
	z-index:23;
	color: #ffffff;
}
#featureimg {
	position:absolute;
	left:0px;
	top:1189px;
	width:564px;
	height:220px;
	z-index:24;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	background-color: #ffffff;
}
.featureitem {
	margin: 0px;
	padding: 0px;
	list-style-image: none;
	list-style-type: none;
}
.featurepreview {
	margin: 0px;
	padding: 0px;
}
#featurebutton {
	height: 90px;
	width: 90px;
	position: absolute;
	left: 237px;
	z-index: 25;
	top: 1301px;
	background-color: transparent;
	background-image: url(../img/button-feature.png);
	background-repeat: no-repeat;
	background-position: center top;
}
#featuretext {
	position:absolute;
	left:0px;
	top:1418px;
	width:564px;
	height:10px;
	z-index:26;
	color: #ffffff;
}
#featuretext p {
	font-family: "DeliciousItalic", Georgia, "Times New Roman", Times, serif;
	font-size: 0.9em;
	line-height: 1.5em;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	letter-spacing: 0.05em;
	font-style: normal;
	font-weight: normal;
}
#mailimg {
	background-color: transparent;
	background-image: url(../img/bird.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 80px;
	width: 342px;
	position: absolute;
	left: 620px;
	top: 1194px;
	z-index: 27;
}
#mailtext {
	width: 342px;
	position: absolute;
	left: 620px;
	top: 1286px;
	z-index: 28;
	text-align: center;
	color: #ffffff;
}
#facebook {
	width: 342px;
	position: absolute;
	left: 620px;
	top: 1329px;
	z-index: 99;
	text-align: center;
}
.mail {
	font-family: "DeliciousBoldItalic", Georgia, "Times New Roman", Times, serif;
	letter-spacing: 0.075em;
	font-size: 1.2em;
	font-style: normal;
	font-weight: normal;
}
#worktitle {
	position:absolute;
	left:0px;
	top:1468px;
	width:564px;
	z-index:29;
	color: #ffffff;
}
#workimg {
	position:absolute;
	left:0px;
	top:1539px;
	width:564px;
	height:536px;
	z-index:30;
	margin: 0px;
	padding: 0px;
}
.workpreview {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 32px;
	margin-left: 0px;
}
#facebooklike {
	width: 356px;
	position: absolute;
	left: 208px;
	top: 2055px;
	z-index: 100;
}
#imprint {
	width: 342px;
	position: absolute;
	left: 620px;
	top: 1794px;
	z-index: 31;
	text-align: center;
	color: #ffffff;
}
#imprint p {
	font-family: "DeliciousItalic", Georgia, "Times New Roman", Times, serif;
	font-size: 0.9em;
	line-height: 1.5em;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	letter-spacing: 0.05em;
	font-style: normal;
	font-weight: normal;
}
.imprintmail {
	font-family: "DeliciousBoldItalic", Georgia, "Times New Roman", Times, serif;
	font-style: normal;
	font-weight: normal;
}
#homelink {
	height: 57px;
	width: 962px;
	position: absolute;
	left: 0px;
	z-index: 32;
	text-align: center;
	top: 2063px;
}
#footer {
	width: 962px;
	position: absolute;
	left: 0px;
	z-index: 33;
	text-align: center;
	top: 2158px;
	color: #FFFFFF;
	overflow: hidden;
}
#footer p {
	font-family: "DeliciousItalic", Georgia, "Times New Roman", Times, serif;
	font-size: 0.9em;
	line-height: 1.5em;
	padding: 0px;
	letter-spacing: 0.05em;
	font-style: normal;
	font-weight: normal;
	margin: 0px;
}
.credits {
	font-family: "DeliciousItalic", Georgia, "Times New Roman", Times, serif;
	font-size: 0.8em;
	line-height: 1.5em;
	padding: 0px;
	font-style: normal;
	font-weight: normal;
	margin: 0px;
}
