body {
	background: #222222 url(images/bg_lights.jpg);
	background-position:top center;
	background-repeat: no-repeat;
	height:100%;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	overflow: hidden;
}

a img {
	border: none;	
}

#bgimg {
	width:100%;
	height:100%;
	text-align:center; 
	/*background-image: url(images/bg_stripes.png);
	background-repeat:repeat-x;*/
}

#wrapper {
	width:615px;
	margin:0 auto;
	padding:90px 0 40px 0;
	text-align:left;
}

#header {
	POSITION: relative; WIDTH: 615px; HEIGHT: 47px
}
#header .logo {
	FLOAT: left;
	background: url(images/sprite.png) no-repeat -1px -55px;
	width: 297px;
	height: 59px;
}
#header .vcard_header {
	POSITION: relative; 
	MARGIN: 20px 29px 0px 0px; 
	FLOAT: right;
	background: url(images/sprite.png) no-repeat 0 -179px;
	width: 46px;
	height: 31px;
}


.tooltip {
	Z-INDEX: 99; 
	POSITION: absolute; 
	LINE-HEIGHT: 1px;
	TEXT-TRANSFORM: uppercase;
	DISPLAY: none;
	HEIGHT: 41px; 
	COLOR: #bababa; 
	FONT-SIZE: 13px; 
	TOP: -10px;
	RIGHT: 0px;
}
.tooltip_left {
	background: url(images/sprite.png) no-repeat 0 -220px;
	width: 10px;
	height: 31px;
	FLOAT: left;
}
.tooltip_center {
	BACKGROUND: url(images/tooltip_center.png) center top;
	FLOAT: left;
	HEIGHT: 41px
}
.tooltip_center P {
	PADDING-BOTTOM: 0px;
	PADDING-LEFT: 3px;
	PADDING-RIGHT: 3px;
	PADDING-TOP: 0px
}
.tooltip_right {
	FLOAT: left;
	background: url(images/sprite.png) no-repeat -56px -179px;
	width: 10px;
	height: 31px;
}

/* INTROBOXES */
#content .introbox_holder {
	height:375px;
	width: 615px;
	position:relative;
}

#content .introbox_about_shadow {
	width:205px;
	height:324px;
	position:absolute;
	top:25px;
	left:0px;
	z-index:1;
}

#content .introbox_about {
	width:205px;
	height:324px;
	position:absolute;
	top:25px;
	left:0px;
	z-index:2;
	cursor:pointer;
}
#content .introbox_about_active {
	width:205px;
	height:324px;
	background-position: 0px 324px;
	cursor:pointer;
} 
#content .introbox_works_shadow {width:205px; height:324px; position:absolute; top:25px; left:205px; z-index:1;}
#content .introbox_works {
	width:205px;
	height:324px;
	position:absolute;
	top:25px;
	left:205px;
	z-index:2;
	background-position: -205px 0px;
	cursor:pointer;
}
#content .introbox_works_active {
	width:205px;
	height:324px;
	background-position: -205px 324px;
	cursor:pointer;
} 
#content .introbox_contact_shadow {width:205px; height:324px; position:absolute; top:25px; left:410px; z-index:1;}
#content .introbox_contact {width:205px; height:324px; position:absolute; top:25px; left:410px; z-index:2; background-position: 205px 0px; cursor:pointer; }
#content .introbox_contact_active {width:205px; height:324px; background-position: 205px 324px; cursor:pointer;}


/* FOOTER */
#footer {
	background: url(images/sprite.png) no-repeat 0 0;
	width:600px;
	height:41px;
	color:#6a6a6a;
	font-size:12px;
	line-height:12px;
	position:relative;
}

#footer A:hover {
	COLOR: #eee
}
#footer .left {
	POSITION: absolute; TOP: 2px; LEFT: 20px
}
#footer .right {
	POSITION: absolute; TOP: 2px; RIGHT: 15px
}

#goldguy {
	POSITION: absolute;
	bottom: -5px;
	right: 15px;
	z-index: 99;
	background: url(images/sprite.png) no-repeat -319px -58px; 
	width: 209px; 
	height: 179px;
}

#impressum {
	POSITION: absolute;
	top: 10px;
	right: 30px;
	z-index: 99;
	font-size: 11px;
}

#impressum A {
	COLOR: #737373; TEXT-DECORATION: none;
}
#impressum A:hover {
	COLOR: #eee
}
