@CHARSET "UTF-8";

/*****************************************************
reset :: some basic style
*****************************************************/
A IMG {
   	border : none;
}
P {
   	margin : 0;
   	padding : 0;
   	line-height : 100%;
}
A:Hover { text-decoration : none; }
A:Focus { outline : none; }
IMG A:Hover { text-decoration : none; }
IMG A:Focus { outline : none; }
INPUT:Hover { text-decoration : none; }
INPUT:Focus { outline : none; }
TEXTAREA:Hover { text-decoration : none; }
TEXTAREA:Focus { outline : none; }
SELECT:Hover { text-decoration : none; }
SELECT:Focus { outline : none; }
DROPDOWN:Hover { text-decoration : none; }
DROPDOWN:Focus { outline : none; }
LEGEND {display:none;}

/*****************************************************
basics
*****************************************************/
body {
   	margin : 0;
	font-family : Helvetica, Arial, Verdana, non-serif;
	font-weight : normal;
	color : #000;
	font-size : 11px;
   	background : #FFF;
}
#centerWrap {
	position : absolute;
	top:50%;
	left:50%;
	margin-left:-385px;
	margin-top:-250px;
	width : 770px;
	height : 500px;
	text-align : left;
	background : #FFF;
	/*border : 1px solid #EBEBEB;*/
	visibility : visible;
	z-index : auto;
}
.logo,
.mainMenu UL LI A,
.mainMenu UL LI EM,
.metaMenu UL LI A,
UL#arrowMenu LI A,
H1 {
	background-image : url('img/default.gif');
	background-repeat : no-repeat;
}
p {
	line-height : 20px;
}
/* floats
*****************************************************/
.floatLeft {
   	float : left;
}
.floatRight {
   	float : right;
}
/* anker
*****************************************************/
A {
   color : #76B9C6;
   font-weight : normal;
   text-decoration : none;
}
A:Hover {
   color : #76B9C6;	
   font-weight : normal;
   text-decoration : underline;
}
A:Focus { outline : none; }

/*****************************************************
Headline
*****************************************************/
H1, H4 {
	margin : -4px 0 0 0;
   	padding : 0 0 10px 0;
	color : #000;
   	font-size : 24px;
   	font-weight : normal;
   	line-height : 28px;
}
H1 {
	float : left;
	width : 360px;
	height : 22px;
	background-position : -300px 0px;
	text-indent : -4000px;
}
H1.imprint {
	float : left;
	margin : -12px 0 0 0;
	width : 360px;
	height : 22px;
   	font-size : 10px;
   	font-weight : bold;
   	text-transform : uppercase;
   	text-indent : 0px;
   	background : none;
}
H1.imprint span {
	color : #75B8C5;	
}
H2 {
	margin : 0;
   	padding : 0 0 0 0;
	color : #75B8C5;
   	font-size : 10px;
   	font-weight : normal;
   	text-transform : uppercase;
}
/* Header
*****************************************************/
.logo {
	position : absolute;
	top : 0;
	left : 10px;
	width : 289px;
	height : 29px;
	background-position : top left;
	text-indent : -4000px;
	z-index : 2;
}
.logo A {
	display : block;
	width : 289px;
	height : 29px;
	text-indent : -4000px;
}
/* Menu :: mainMenu
*****************************************************/
.mainMenu {
	position : absolute;
	top : 417px;
	left : 132px;
	height : 22px;
	width : 600px;
	z-index : 2;
}
.pages {
	top : 442px;
}
.mainMenu UL {
	margin : 0;
	padding : 0;
	list-style : none;
	text-decoration : none;
}
.mainMenu UL LI {
	float : left;
}
.mainMenu UL LI A {
	display : block;
	margin-right : 231px;
	width : 32px;
	height : 25px;
	text-indent : -4000px;
	background-position : 0 -250px;
}
.mainMenu UL LI A:Hover {
	text-decoration : none;
	background-position : -300px -250px;
}
.mainMenu UL LI.mainThird A {
	margin-right : 0;
}
.mainMenu UL LI EM,
.pages UL LI A {
	display : block;
	margin : 13px 0 0 -57px;
	width : 100px;
	height : 22px;
	text-indent : -4000px;
}
.pages UL LI A {
	margin-right : 220px;
	margin-top : 0px;
}
.mainMenu UL LI.mainFirst EM,
.pages UL LI.mainFirst A {
	background-position : 0 -50px;
}
.mainMenu UL LI.mainFirst EM.act,
.pages UL LI.mainFirst A:Hover,
.pages UL LI.mainFirst A.act {
	background-position : 0 -100px;
}
.mainMenu UL LI.mainSecond EM,
.pages UL LI.mainSecond A {
	background-position : -300px -50px;
}
.mainMenu UL LI.mainSecond EM.act,
.pages UL LI.mainSecond A:Hover,
.pages UL LI.mainSecond A.act {
	background-position : -300px -100px;
}
.mainMenu UL LI.mainThird EM,
.pages UL LI.mainThird A {
	background-position : -600px -50px;
}
.mainMenu UL LI.mainThird EM.act,
.pages UL LI.mainThird A:Hover,
.pages UL LI.mainThird A.act {
	background-position : -600px -100px;
}
/* Menu :: metaMenu
*****************************************************/
.metaMenu {
	position : absolute;
	top : 0px;
	left : 350px;
	height : 17px;
	width : 350px;
	z-index : 2;
}
.metaMenu UL {
	margin : 0;
	padding : 0;
	list-style : none;
	text-decoration : none;
}
.metaMenu UL LI {
	float : left;
}
.metaMenu UL LI A {
	display : block;
	margin-right : 64px;
	width : 74px;
	height : 17px;
	text-indent : -4000px;
}
.metaMenu UL LI.metaFirst A {
	background-position : 0 -150px;
}
.metaMenu UL LI.metaFirst A:Hover,
.metaMenu UL LI.metaFirst A.act {
	background-position : 0 -200px;
}
.metaMenu UL LI.metaSecond A {
	background-position : -300px -150px;
}
.metaMenu UL LI.metaSecond A:Hover,
.metaMenu UL LI.metaSecond A.act {
	background-position : -300px -200px;
}
.metaMenu UL LI.metaThird A {
	margin-right : 0;
	background-position : -600px -150px;
}
.metaMenu UL LI.metaThird A:Hover,
.metaMenu UL LI.metaThird A.act {
	margin-right : 0;
	background-position : -600px -200px;
}
/* Menu :: arrowMenu
************************************************/
.arrowMenu {
	position : absolute;   
   	margin : 0;
   	padding : 0;
   	top : 417px;
   	left : 85px;
	width : 34px;
	visibility : visible;
	z-index : 3;
}
.arrowSecond {
	left : 348px;
}
.arrowThird {
	left : 611px;
}
UL#arrowMenu {
   	margin : 0;
   	padding : 0;
   	width : 95px;
   	LIst-style-type : none;
}
UL#arrowMenu LI {
   	float : left;
   	margin : 0 15px 0 0;
   	padding : 0;
   	LIst-style-type : none;
}
UL#arrowMenu LI A {
   	display : block;
   	height : 25px;
   	text-decoration : none;
   	text-indent : -4040px;
}
UL#arrowMenu A.aktiv {
   	cursor : default;
}

UL#arrowMenu LI#back             	{ width: 32px; top: 0; }
UL#arrowMenu LI#back A           	{ background-position: 0  -300px; }
UL#arrowMenu LI#back A:hover     	{ background-position: -300px -300px; }
UL#arrowMenu LI#back A.aktiv	   	{ background-position: -300px -300px; }

UL#arrowMenu LI#forward          	{ width: 32px; top: 0; }
UL#arrowMenu LI#forward A        	{ background-position: 0  -350px; }
UL#arrowMenu LI#forward A:hover  	{ background-position: -300px -350px; }
UL#arrowMenu LI#forward A.aktiv		{ background-position: -300px -350px; }

/* Content Wrap
*****************************************************/
.contentWrap {
	position : absolute;
	left : 0;
	top : 21px;
	width : 758px;
	height : 421px;
	z-index : 1;
}
.content {
	position : absolute;
	left : 214px;
	top : 156px;
	width : 360px;
	height : 300px;
	z-index : 1;
}
P {
	padding : 0 0 12px 0;
	line-height : 14px;
}
#contImage {
	position : absolute;
	left : 0;
	top : 50px;
	width : 769px;
	height : 313px;
	cursor : pointer;
	z-index : 1;
}
.start {
	background : url('img/bg_home.gif') no-repeat;
}
.imprint {
	background : url('img/bg_imprint.gif') no-repeat;
}
.references {
	background : url('img/bg_references.gif') no-repeat;
}
.contact {
	background : url('img/bg_contact.gif') no-repeat;
}
.images {
	background : url('img/bg_images.gif') no-repeat;
}
.animation {
	position : absolute;
	top : 104px;
	width : 183px;
	height : 185px;
	z-index : 1;
}
.first {
	left : 0;
}
.second {
	left : 263px;
}
.third {
	left : 526px;
}
.animation_small {
	position : absolute;
	top : 21px;
	width : 62px;
	height : 47px;
	z-index : 1;
}
.first_small {
	left : 3px;
}
.second_small {
	left : 141px;
}
.third_small {
	left : 278px;
}