@charset "UTF-8";
/* CSS Document */
html {
	position:relative;
	height:100%;
	width:100%;
	margin: 0px;
	padding: 0px;	
}
body{
	position:relative;
	min-width:960px;
	max-width:1024px;
	width:100%;
	min-height:500px;
	max-height:768px;
	height:100%;
	margin:0px auto;
	padding:0px;
	display:block;
	text-align:center;
	font-family: verdana, arial, helvetica, sans-serif;
	color:rgb(85,85,85);
	font-size: 13px;
	overflow:hidden;
	background-color:rgb(240,240,240);
}
img{
	border:0px;
}
form{
	margin:0px;
	padding:0px;
}
p{
	text-align: left;
	margin: 0px 0px 10px 0px;
}
h1{
	font-size:22px;
	line-height: 30px;
	font-weight:normal;
}
h2{
	font-size:15px;
	font-weight:bold;
	line-height:20px;
}
h3{
	font-size:14px;
	font-weight:bold;
	line-height:20px;
}
a{
	text-decoration:none;
	color:rgb(85,85,85);
}
b{
	font-weight:bold;
}
sub{
	vertical-align: sub;
	font-size: smaller;
}

.invisible{
	display:none;
}
:focus{
	outline:none;
}
/* regular definitions */
#base{
	position:relative;
	min-width:960px;
	max-width:1024px;
	width:100%;
	overflow:hidden;
	min-height:500px;
	max-height:768px;
	height:100%;
	display:block;
	box-shadow:0px 5px 15px rgba(0,0,0,0.25);
}

/* case width < 1024 */
@media all and (max-width: 960px) { /* phone */
	#base{
		position:relative;
		width:100%;
		overflow:hidden;
		min-height:500px;
		height:100%;
		display:block;
	}
}
.sectioncanvas{
	position:absolute;
	top:0px;
	right:0px;
	width:100%;
	height:100%;
	z-index:1;
	display:none;
}
.bgcanvas {
	position:absolute;
	top:0px;
	right:0px;
	z-index:1;
	width:1024px;
	height:100%;
	display:block;
}
.bgimage{
	position:absolute;
	top:50%;
	margin-top:-384px;
	right:0px;
	z-index:2;
	width:1024px;
	height:768px;
	display:block;
}
.bgstd {
	position:absolute;
	top:50%;
	margin-top:-384px;
	right:0px;
	z-index:2;
	width:1024px;
	height:768px;
	display:block;
	z-index:1;
}
.bganimbg{
	position:absolute;
	top:50%;
	margin-top:-384px;
	right:0px;
	z-index:2;
	width:1024px;
	height:768px;
	display:block;
	z-index:3;
}
.bganim{
	position:absolute;
	top:50%;
	right:0px;
	z-index:4;
	overflow: hidden;
}
.canvas {
	position:absolute;
	top:0px;
	right:0px;
	z-index:10;
	width:100%;
	height:100%;
	display:block;
}
.transition{
	position:absolute;
	top:50%;
	right:0px;
	z-index:9;
	width:1024px;
	height:768px;
	margin-top:-384px;
	display:none;
	overflow:hidden;
	background-size:5120px 3840px;	
}
#ui {
	position:absolute;
	top:0px;
	left:0px;
	z-index:100;
	width:100%;
	display:block;
	opacity:0;
}
#menu{
	position:absolute;
	top:0px;
	left:50%;
	margin-left:-459px;
	height:49px;
	width:918px;
	border-radius:0px;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	border:#fff 1px solid;
	border-top:0px;
	display:block;
	background-color:#fff;
	background-image:url(../img/Interface-Buttons.png);
	background-size:150px 475px;
	background-position:0px -170px;
	background-repeat:repeat-x;
	box-shadow: 1px 2px 5px rgba(0,0,0,0.25);
	z-index:5;
	display:none;
}
#mainnav ul{
	list-style-type: none;
	margin:0px;
	padding:0px;
}
#mainnav ul li{
	float:left;
}
#mainnav ul li a:link,
#mainnav ul li a:visited,
#mainnav ul li a:active{
	display:block;
	height:49px;
	padding:0px 10px;
	background-image:url(../img/Interface-Buttons.png);
	background-size:150px 475px;
	background-position:0px -170px;
	background-repeat:repeat-x;
	border-color:rgb(200,200,200);
	border-width:0px;
	border-right-width:1px;
	border-right-style:solid;
	color:rgb(85,85,85);
	text-shadow: 0px 1px 1px rgba(255,255,255,0.5);
	line-height:49px;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
}
#mainnav ul li a:hover,
#mainnav ul li a.active{
	color: rgb(255,255,255);
	text-shadow: 0px 1px 1px rgba(0,0,0,0.2);
	background-position:0px -220px;
}
#mainnav ul li #mainnavmodul1:hover,
#mainnav ul li #mainnavmodul1.active{
	background-position:0px -270px;
}
#mainnav ul li #mainnavmodul2:hover,
#mainnav ul li #mainnavmodul2.active{
	background-position:0px -320px;
}
#mainnav ul li #mainnavmodul3:hover,
#mainnav ul li #mainnavmodul3.active{
	background-position:0px -370px;
}
#mainnav ul li #mainnavmodul4:hover,
#mainnav ul li #mainnavmodul4.active{
	background-position:0px -420px;
}
#mainnav ul li a.first{
	border-bottom-left-radius: 14px;
	padding-left: 15px;
}
#menulogo{
	width:75px;
	height:40px;
	right:4px;
	top:3px;
	position:absolute;
	background-image:url(../img/Interface-Buttons.png);
	background-size:150px 475px;
	background-position:0px -128px;
}
#egl{
	position:absolute;
	top:50px;
	left:50%;
	margin-left:341px;
	height:29px;
	width:98px;
	border-radius:0px;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	border:#fff 1px solid;
	border-top:0px;
	display:block;
	background-color:#fff;
	background-image:url(../img/Interface-Buttons.png);
	background-size:150px 475px;
	background-position:0px -180px;
	background-repeat:repeat-x;
	box-shadow: 1px 2px 5px rgba(0,0,0,0.25);
	z-index:3;
}
#eglogo{
	width:94px;
	height:28px;
	margin-top: 1px;
	margin-left: 3px;
	position:absolute;
	background-image:url(../img/Interface-Buttons.png);
	background-size:150px 475px;
	background-position:0px -98px;
	background-repeat:no-repeat;
}
#bwsel{
	position:absolute;
	top:0px;
	left:50%;
	margin-left:-10px;
	height:29px;
	border-radius:0px;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	border:#fff 1px solid;
	border-top:0px;
	display:block;
	background-color:#fff;
	box-shadow: 1px 2px 5px rgba(0,0,0,0.25);
	z-index:3;
	opacity:1;
	background-image:url(../img/Interface-Buttons.png);
	background-size:150px 475px;
	background-position:0px -180px;
	background-repeat:repeat-x;
	display:none;
}
#bwsel p{
	float:left;
	height:29px;
	line-height:29px;
	padding:0px 5px 0px 10px;
}
#bwsel a:link,
#bwsel a:visited,
#bwsel a:active{
	display: block;
	float:left;
	height:29px;
	padding:0px 5px;
	line-height:29px;
	background-color:#fff;
	background-image:url(../img/Interface-Buttons.png);
	background-size:150px 475px;
	background-position:0px -180px;
	background-repeat:repeat-x;
}
#bwsel a.last{
	border-radius:0px;
	border-bottom-right-radius: 14px;
	padding-right: 10px;
}
#bwsel a:hover,
#bwsel a.acts{
	background-position:0px -280px;
	color: rgb(255,255,255);
	text-shadow: 0px 1px 1px rgba(0,0,0,0.2);
}
.footer{
	position:absolute;
	bottom:0px;
	left:50%;
	margin-left:-459px;
	height:24px;
	width:918px;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	border:#fff 1px solid;
	border-bottom:0px;
	display:block;
	background:#fff;
}
.catchbutcan{
	position:absolute;
	top:0px;
	right:0px;
	z-index:10;
	width:100%;
	height:100%;
	display:none;
	background:transparent;
	background: rgba(255,255,255,0);
}
.contentcanvas,
.ccstd{
	position:absolute;
	top:50%;
	left:0px;
	margin-top:-162px;
	height:404px;
	width:388px;
	border-radius:0px;
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
	border:#fff 1px solid;
	border-left:0px;
	background:rgba(240,240,240,0.9);
	opacity: 0;
	box-shadow: 0px 2px 4px rgba(0,0,0,0.4);
	text-align: left;
	z-index:15;
	display:none;
}
.ccstd {
	z-index:12;
	display:block;
}
.contentcanvas h1,
.ccstd h1{
	margin:30px;
}
.contentcanvas.ext,
.ccstd.ext{
	width:auto;
	right:0px;
	border-radius:0px;
	border-right:0px;
}

.contentcanvas.biggest{
	width:auto;
	right:0px;
	border-radius:0px;
	height:600px;
	margin-top:-260px;
}


.txtviewport{
	position:absolute;
	overflow:auto;
	/*
	top:80px;
	left:30px;
	right:30px;
	height:310px;
	*/
	padding:0px 30px;
	top:80px;
	left:0px;
	right:0px;
	bottom:30px;
}
.txtviewport div.left{
	margin-right:590px;
	position:absolute;
}
.txtviewport div.right{
	float:right;
	width:535px;
}
.txtviewport div.video{
	float:right;
	width:532px;
	height:290px;
	overflow:hidden;
	box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
}
.txtviewport div.left img{
	width:328px;
}

.txtviewport div.thirdleft {
	float:left;
	width: 31%;
	margin-right:3%;
}

.txtviewport div.thirdmiddle {
	float:left;
	width: 31%;
	margin-right:3%;
}

.txtviewport div.thirdright {
	float:left;
	width: 31%;
}

.txtviewport a{
	color:rgb(145,145,145);
}

.txtviewport figure{
	float:left;
}
.txtviewport figcaption{
	text-align: center;
}
.txtviewport .shadow{
	box-shadow: 0px 1px 3px rgba(0,0,0,0.2);
}


.contentcanvas a:hover{
	color:rgb(0,0,0);
}



.disclaimer{
	font-size:12px;
}


/* HOVER BUTTONS */	
a.rbut:link,
a.rbut:visited,
a.rbut:active {
	position:absolute;
	display:block;
	width:37px;
	height:37px;
	z-index:9;
	top:50%;
	background-image:url(../img/Interface-Buttons.png);
	background-size:150px 475px;
	background-position:0px -22px;
	background-repeat:no-repeat;
}

a.rbut.yellow:link,
a.rbut.yellow:visited,
a.rbut.yellow:active {
	background-position:0px -22px;
}
a.rbut.yellow:hover {
	background-position:0px -60px;
}
a.rbut.red:link,
a.rbut.red:visited,
a.rbut.red:active {
	background-position:-38px -22px;
}
a.rbut.red:hover {
	background-position:-38px -60px;
}
a.rbut.green:link,
a.rbut.green:visited,
a.rbut.green:active {
	background-position:-75px -22px;
}
a.rbut.green:hover {
	background-position:-75px -60px;
}
a.rbut.blue:link,
a.rbut.blue:visited,
a.rbut.blue:active {
	background-position:-113px -22px;
}
a.rbut.blue:hover {
	background-position:-113px -60px;
}

.rbut .rbuthover {
	visibility: hidden;
	position: absolute;
	width: auto;
	height: 12px;
	padding: 6px 15px;
	border-radius: 10px;
	border: #fff 1px solid;
	background-color: #fff;
	background-image: url(../img/Interface-Buttons.png);
	background-size: 150px 475px;
	background-position: 0px -185px;
	background-repeat: repeat-x;
	box-shadow: 0px 2px 5px rgba(0,0,0,0.25);
	text-decoration: none;
	color: rgb(85,85,85);
	text-shadow: 0px 1px 1px rgba(255,255,255,0.5);
	font-size: 12px;
	line-height: 12px;
	font-weight: bold;
	white-space: nowrap;
	margin-top: 5px;
}

.rbut .left {
	right: 0px;
	margin-right: 38px;
	
}

.rbut .right {
	left: 0px;
	margin-left: 38px;
	
}

.rbut:hover .rbuthover {
	visibility: visible;
}

a.tbut:link,
a.tbut:visited,
a.tbut:active{
	position:absolute;
	display:block;
	top:50%;
	height: 18px;
	padding:8px 15px;
	border-radius:10px;
	border:#fff 1px solid;
	background-color:#fff;
	background-image:url(../img/Interface-Buttons.png);
	background-size:150px 475px;
	background-position:0px -180px;
	background-repeat:repeat-x;
	box-shadow: 0px 2px 5px rgba(0,0,0,0.25);
	text-decoration: none;
	color:rgb(85,85,85);
	text-shadow: 0px 1px 1px rgba(255,255,255,0.5);
	font-size:13px;
	line-height: 18px;
	font-weight:bold;
}
a.tbut:hover,
a.tbut.grey:hover,
a.tbut.yellow:hover,
a.tbut.red:hover,
a.tbut.green:hover,
a.tbut.blue:hover {
	color: rgb(255,255,255);
	text-shadow: 0px 1px 1px rgba(0,0,0,0.2);
	background-position:0px -230px;
}
a.tbut.yellow:hover{
	background-position:0px -280px;
}
a.tbut.red:hover{
	background-position:0px -330px;
}
a.tbut.green:hover{
	background-position:0px -380px;
}
a.tbut.blue:hover{
	background-position:0px -430px;
}
.dimmed{
	opacity:0.1;
}


#percent{
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-20px;
	margin-left:-50px;
	width:100px;
	height:40px;
	font-family: verdana, arial, helvetica, sans-serif;
	color:rgb(120,120,120);
	font-size:27px;
	line-height: 40px;
	font-weight: bold;
	text-shadow: 0px 1px 8px rgba(0,0,0,0.2);
	text-align:center;
}

/* rotate loading indicator */
@-webkit-keyframes rotate {
	from {-webkit-transform: rotate(0deg);}
	to {-webkit-transform: rotate(360deg);}
}
@-moz-keyframes rotate {
	from {-moz-transform: rotate(0deg);}
	to {-moz-transform: rotate(360deg);}
}
@-o-keyframes rotate {
	from {-o-transform: rotate(0deg);}
	to {-o-transform: rotate(360deg);}
}
@-ms-keyframes rotate {
	from {-ms-transform: rotate(0deg);}
	to {-ms-transform: rotate(360deg);}
}
@keyframes rotate {
	from {transform: rotate(0deg);}
	to {transform: rotate(360deg);}
}
#loadingindicator{
	position:absolute;
	width:160px;
	height:160px;
	top:50%;
	left:50%;
	margin-top:-80px;
	margin-left:-80px;
	background-image:url(../img/Loading-Indicator.png);
		
	-webkit-animation: rotate 2s linear 0s infinite normal;
	-moz-animation: rotate 2s linear 0s infinite normal;
	-o-animation: rotate 2s linear 0s infinite normal;
	-ms-animation: rotate 2s linear 0s infinite normal;
	animation: rotate 2s linear 0s infinite normal;
}


#loadercan{
	background:#fff;
}
#startanim{
	display:block;
	z-index:5;
}
#report{
	display:none;
}
#home{
	z-index:3;
}
.tabbar{
	position:absolute;
	top:50%;
	margin-top: -233px;
	z-index:-1;
	margin-left:30px;
	height:29px;
	border:#fff 1px solid;
	border-bottom:0px;
	border-radius:0px;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	background-image:url(../img/Interface-Buttons.png);
	background-size:150px 475px;
	background-position:0px -180px;
	background-repeat:repeat-x;
}
a.tab,
a.tab:link,
a.tab:visited,
a.tab:active{
	height:29px;
	border:0px;
	border-color:rgb(200,200,200);
	border-width:0px;
	border-right-width:1px;
	border-right-style:solid;
	border-radius:0px;
	display:inline-block;
	padding:0px 10px;
	line-height:29px;
	/*box-shadow: 1px 2px 5px rgba(0,0,0,0.25);*/
	background-image:url(../img/Interface-Buttons.png);
	background-size:150px 475px;
	background-position:0px -180px;
	background-repeat:repeat-x;
}
a.tab:hover,
a.tab.active{
	background-position:0px -230px;
	color: rgb(255,255,255);
	text-shadow: 0px 1px 1px rgba(0,0,0,0.2);
}
a.tab.yellow:hover,
a.tab.yellow.active{
	background-position:0px -280px;
}
a.tab.red:hover,
a.tab.red.active{
	background-position:0px -330px;
}
a.tab.green:hover,
a.tab.green.active{
	background-position:0px -380px;
}
a.tab.blue:hover,
a.tab.blue.active{
	background-position:0px -430px;
}
a.tab.first{
	border-top-left-radius:14px;
}
a.tab.last{
	border:0px;
	border-top-right-radius:14px;
}

#imprintbg{
	background-color:rgb(200,200,200);
}

a.xbut,
a.xbut:link,
a.xbut:visited,
a.xbut:active{
	position:absolute;
	right:10px;
	top:10px;
	display:block;
	width:22px;
	height:22px;
	background-image:url(../img/Interface-Buttons.png);
	background-size:150px 475px;
	background-position:0px 0px;
	background-repeat:no-repeat;
}

a.xbut:hover{
	background-position:-92px 0px !important;
}

a.xbut.yellow:link,
a.xbut.yellow:visited,
a.xbut.yellow:active{
	background-position:0px 0px;
}

a.xbut.red:link,
a.xbut.red:visited,
a.xbut.red:active{
	background-position:-23px 0px;
}
a.xbut.green:link,
a.xbut.green:visited,
a.xbut.green:active{
	background-position:-46px 0px;
}
a.xbut.blue:link,
a.xbut.blue:visited,
a.xbut.blue:active{
	background-position:-69px 0px;
}


a.xbut span{
	display:none;
}

#homecontent h2 {
	position: absolute;
	width: 900px;
	height: 40px;
	margin-top: 180px;
	left: 50%;
	margin-left: -450px;
	text-align: center;
	color: white;
	text-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	font-size: 19px;
}

#browserdetect{
	position:fixed;
	top:0px;
	left:0px;
	width: 100%;
	height: 100%;
	z-index:100;
	background-color:#fff;
	text-align:left;
}
#browserdetect .alertbox{
	width:300px;
	height:200px;
	margin: 30px auto;
	padding:30px;
	background-color:#eee;
}