﻿body {
	font-family: 宋体;
	font-size: 12px;
	color: #666666;
}

a {
	text-decoration: none;
	color: #7A7A7A;
}

.product-info-4c {
	float: left;
	margin: 10px;
	width: 200px;
}

.product-info-2c {
	float: left;
	margin: 10px;
	width: 400px;
}

#header1 {
	position: absolute;
	top: 38px;
	left: 56px;
}

#header2 {
	position: absolute;
	top: 38px;
	left: 69px;
}

#header3 {
	position: absolute;
	top: 38px;
	left: 198px;
}

#header4 {
	position: absolute;
	top: 38px;
	left: 1026px;
}

#header5 li {
	float: right;
}

#header5 li div.header-bar {
	position: relative;
}

#header5 li img {
	position: absolute;
	top: 0px;
	left: 0px;
}


#header5 li a {
	position: relative;
	font-size: 16px;
	padding-left: 30px;
	padding-right: 25px;
	top: 11px;
	color: #C8DBF4;
}

#header5 {
	position: absolute;
	background: url('images/Home_r2_c5.gif');
	top: 38px;
	left: 198px;
	width: 830px;
	height: 45px;
	background-repeat: repeat-x;
}

#breadcrumb {
	position: absolute;
	left: 70px;
	top: 88px;
	color: #7A7A7A;
}

#teaser {
	background: url('images/Home_r3_c2.gif') no-repeat;
	display:visible;
	position: absolute;
	top: 102px;
	left: 56px;
	width: 980px;
	height: 270px;
}

#teaser-text1 {
	color: #5987C6;
	font-size: 28px;
	left: 56px;
	position: absolute;
	top: 15px;
}

#teaser-text2 {
	left: 56px;
	position: absolute;
	top: 110px;
}

.teaser-text3 {
	color: #7BA0B2;
	font-size: 20px;
}

#teaser-text4 {
	left: 56px;
	position: absolute;
	top: 65px;
	width: 500px;
}

#teaser-image {
	left: 600px;
	position: absolute;
}

#content1 {
	background: transparent url(images/Background_Content.png) no-repeat
		scroll 0% 50%;
	height: 400px;
	left: 57px;
	position: absolute;
	top: 330px;
	width: 1000px;
}

#content2 {
	background: transparent url(images/MenuBar.png) no-repeat scroll 0%
		50%;
	height: 85px;
	left: 5px;
	position: absolute;
	top: 30px;
	width: 1000px;
}

#content-demo {
	background: transparent url(images/MenuBar.png) no-repeat scroll 0%
		50%;
	height: 85px;
	left: 5px;
	position: absolute;
	top: -15px;
	width: 1000px;
}

#header5 ul {
	list-style: none;
	margin: 0px;
}

#content-demo ul {
	list-style: none;
	position: absolute;
	top: 11px;
}

#content2 ul {
	list-style: none;
	position: absolute;
	top: 11px;
}

.active {
	background: transparent url(images/Tab2.png) no-repeat scroll 0% 50%;
	height: 40px;
	width: 160px;
	padding-left: 10px;
	float: left;
}

.extra-large-active {
	background: transparent url(images/Tab3.png) no-repeat scroll 0% 50%;
	height: 40px;
	width: 160px;
	padding-left: 10px;
	float: left;
}

.inactive {
	padding-left: 10px;
	float: left;
	width:160px;
}

.inactive-tab-link {
	float: left;
	color: #C8DBF4;
	font-size: 16px;
	padding-right: 40px;
	position:relative;
	top:7px;
	width:160px;
}

.active-tab-link {
	top:7px;
	color:#5987C6;
	float:left;
	font-size:16px;
	padding-right:40px;
	position:relative;
	width:160px;
	padding-left: 5px;
	
}
	
#content3 {
	left: 30px;
	position: absolute;
	top: 100px;
	width: 920px;
}

#box1 {
	left: 60px;
	position: absolute;
	top: 388px;
	background: transparent url(images/BoxMitVerlauf.jpg) no-repeat
		scroll 0% 50%;
	height: 190px;
	width: 320px;
}

#box2 {
	left: 388px;
	position: absolute;
	top: 388px;
	background: transparent url(images/BoxMitVerlauf.jpg) no-repeat
		scroll 0% 50%;
	height: 190px;
	width: 320px;
}

#box3 {
	left: 718px;
	position: absolute;
	top: 388px;
	background: transparent url(images/BoxMitVerlauf.jpg) no-repeat
		scroll 0% 50%;
	height: 190px;
	width: 320px;
}

.box-title {
	color: #5987C6;
	font-size: 24px;
	padding: 15px 30px;
}

.box-text {
	color: black;
	padding: 0px 30px;
}

.box-button {
	background: transparent url(images/Button.png) no-repeat scroll 0%
		50%;
	color: WHITE;
	height: 30px;
	left: 230px;
	position: absolute;
	top: 150px;
	width: 73px;
}

.download-box-button{
	background:transparent url(images/downloadButton.png) no-repeat scroll 0 50%;
	color:WHITE;
	height:30px;
	left:220px;
	position:absolute;
	top:155px;
	width:85px;
}

.button-text {
	margin-top: 9px;
	text-align: center;
}

.download-button-text {
	margin-top: 5px;
	margin-left: 9px;
	text-align: center;
}

#footer {
	position: absolute;
	top: 700px;
	left: 61px;
	width: 975px;
	background: transparent url(images/Home_r16_c20.gif);
	height: 50px;
}

#footer-demo {
	position: absolute;
	top: 620px;
	left: 61px;
	width: 975px;
	background: transparent url(images/Home_r16_c20.gif);
	height: 50px;
}

#footer-copyright {
	float: right;
	color: #7A7A7A;
	padding-top: 16px;
}

#footer-menu {
	float: left;
	color: #7A7A7A;
	padding-left: 10px;
	padding-top: 16px;
}

.item-selected {
	text-decoration: underline;
	color: #5987C6;
}

#architecture-image {
	float: left;
	width: 170px;
	margin-right: 10px;
}

.contact-image {
	width: 150px;
	float: left;
	margin-right: 10px;
}

.docasu-image {
	border: none;
	
}

.logo-image {
	border:none;
	float:left;
}

.related-sites-div{
	float:left;
	padding-bottom:10px;
	padding-right:25px;
	width:280px;
	position: relative;
	padding-top:15px;
}

.related-sites-text{
	float:left;
	padding-top:15px;
	position:absolute;
	top:50px;
	width:250px;
}

.blogs-text{
	float: left;
	width: 400px;
	padding-right:25px;
}

.press-text{
	float:left;
	padding-right:25px;
	width:400px;
}

.contact-country{
	float:left;
	padding-top:10px;
	width:200px;
}

.support-text{
}

#teaser-image-contact {
	left:600px;
	position:absolute;
	top:20px;
}

#sponsored-by-logo{
	width:68px;
	border:none;
}

#sponsored{
	color:#7A7A7A;
	float:left;
	padding-left:140px;
	padding-top:16px;	
}

#sponsored-text{
	float:left;
	padding-right:5px;	
}

#sponsored-logo{
	float:left;	
}

.image-screenshot-small{
	width:250px;
	border:none;
}

.screenshots{
	float:left;
	margin-left:20px;
	margin-top:10px;
	margin-right: 20px;
}

.screenshot-div{
	float: left;
}

#content-bottom{
	left:49px;
	position:relative;
	top:870px;
}

#content-middle{
	background: transparent url(images/background_content_middle.png) repeat-y
		scroll 0% 50%;
	height: 500px;
	left: 57px;
	position: absolute;
	top: 380px;
	width: 1000px;
}


#demo-content{
	background:transparent url(images/Home_r3_c2.gif) no-repeat scroll 0 0;
	height:400px;
	left:55px;
	position:absolute;
	top:350px;
	width:980px;
}


#demo-title{
	left:120px;
	position:absolute;
	top:140px	
}

#demo-video{
	left:640px;
	position:absolute;
	top:160px;
	z-index:2;
}

#screenshots{
	height:300px;
	left:125px;
	position:absolute;
	top:230px;
	width:470px;
	z-index:2;
}

#screenshots table{

}


.screenshot-title td{
	height:30px;
	width:117px;
	color:#7BA0B2;
	font-size: 16px;
}

.screenshot-image td{
	height:110px;
	width:138px;
	background:transparent url(images/Schatten.png) no-repeat scroll 0 0;
	z-index:5;
}

.screenshot-image img{
	height:96px;
	width:129px;
	border:none;
}

demo-video img{
	border:none;
}


