html,body{
	height:100%;
	margin:0;
	padding:0;
}
body {
	background-color: #d9d9d9;
	font-family: "Segoe UI", Arial, FreeSans, Helvetica, sans-serif;
	color: #666;
	font-weight: normal;
	text-decoration: none;
	font-size: 9pt;
	line-height: 13pt;
	letter-spacing: 0.2pt;
}
h1, h2, h3 {
	margin: 0;
	padding: 0;
	color: #777;
	font-weight: normal;
	text-decoration: none;
	font-size: 9pt;
	line-height: 13pt;
	letter-spacing: 0.2pt;
	display: inline;
	white-space: nowrap;
}
h2 {
	text-shadow: 1px 1px 2px #aaa;
}
#center-vert {
	height:50%;
	/*margin-top:-65px; */
	margin-top: -180px;
	width:100%;
	position: relative;
	float: left;
}
#content-back-top {
	background-image: url(../img/back_gradient_top.png);
	background-repeat: repeat-x;
	width: 100%;
	height: 330px;
	margin-top: -330px;
	position: relative;
	/*position: absolute;
	top: 50%;
	left: 0%;
	margin-top: -470px;*/
	clear: both;
	float: left;
}
#content-top {
	background-image: url(../img/back_center_top.png);
	background-repeat: no-repeat;
	width: 1004px;
	height: 330px;
	margin: 0 auto;
}
#content-back {
	background-image: url(../img/back_gradient.png);
	background-repeat: repeat-x;
	width: 100%;
	height: 438px;
	position: relative;
	clear: both;
	float: left;
	/*position: absolute;
	top: 50%;
	left: 0%;
	margin-top: -470px;*/
}
#content-back2 {
	background-image: url(../img/back_gradient2.png);
	background-repeat: repeat-x;
	width: 100%;
	height: 768px;
	position: absolute;
	top: 0px;
	left: 0px;
}
#content {
	background-image: url(../img/back_center.png);
	background-repeat: no-repeat;
	width: 1004px;
	height: 438px;
	/*position: absolute;
	top: 0;
	left: 50%;
	margin-left: -502px;*/
	white-space: nowrap;
	margin: 0 auto;
	position: relative;
}
#content2 {
	/*min-width: 700px;*/
	width: 65%;
	/*position: absolute;
	top: 100px;
	left: 50%;
	margin-left: -350px;*/
	margin-bottom: 20px;
	text-align: justify;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	margin-top: 100px;
	font-size: 10pt;
}
#logo {
	position: absolute;
	left: 199px;
	top: 17px;
}
#title {
	position: absolute;
	left: 520px;
	top: 40px;
	display: block;
	font-size: 19px;
	color: #858585;
	font-weight: normal;
	text-decoration: none;
	margin: 0;
	letter-spacing: 0.4pt;
	overflow: visible;
	/*background-color: #dcc;*/
	line-height: 30px;
}

#content h2 {
	color: #333;
}
#content2 h1, #content2 h2 {
	color: #333;
	text-shadow: 1px 1px 2px #aaa;
}
#content2 h1 {
	font-size: 17pt;
	padding: 1px 0 3px 0;
}
#content2 h2 {
	font-size: 13pt;
}

#content .box {
	background-repeat: no-repeat;
	position: absolute;
	width: 266px;
	/*padding: 10px 17px 32px 12px;*/
	overflow: visible;
}
#content .box .back-top {
	display: block;
	position: relative;
	width: 266px;
	height: 12px;
	background-image: url(../img/box_top.png);
	background-repeat: no-repeat;
}
#content .box .back-middle {
	display: block;
	position: relative;
	width: 266px;
	/*height: 10px;*/
	background-image: url(../img/box_middle.png);
	background-repeat: repeat-y;
}
#content .box .back-bottom {
	display: block;
	position: relative;
	width: 266px;
	height: 12px;
	background-image: url(../img/box_bottom.png);
	background-repeat: no-repeat;
}
#content .box .content {
	display: block;
	position: absolute;
	top: 10px;
	left: 12px;
	width: 245px;
	overflow: visible;
}
#box-contact {
	left: 515px;
	top: 90px;
	/*height: 38px;*/
}
	#content #box-contact .back-middle {
		height: 56px;
	}
#box-links {
	left: 515px;
	top: 181px;
	/*height: 111px;*/
}
	#content #box-links .back-middle {
		height: 127px;
	}
#box-work {
	left: 195px;
	top: 90px;
	/*height: 202px;*/
}
	#content #box-work .back-middle {
		height: 348px;
	}
#box-impressum {
	left: 195px;
	top: 90px;
	/*height: 202px;*/
}
	#content #box-impressum .back-middle {
		height: 210px;
	}

#content .box a {
	color: #355070;
	text-decoration : none;
	border-bottom: 1px solid #a9aeb5;
	display: block;
	float: left;
	height: 11pt;
	margin: 0 0 2pt 0;
	overflow: visible;
	clear: both;
}
#content .box a.em {
	border-bottom: 1px solid #6f8093;
	/*font-size: 1.05em;*/
}
div.space {
	clear: both;
	margin: 0;
	padding: 0;
	height: 7px;
}
#content .box a:hover{
	color: #153451;
	border-bottom-color: #153451;
	/*text-decoration : underline;*/
}

#content2 a {
	color: #355070;
	text-decoration : underline;
}
#content2 a:hover{
	color: #153451;
	text-decoration : none;
}

a.belowlink {
	background-image: url(../img/downicon.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 10px;
}
a.belowlink:hover {
	background-image: url(../img/downicon_over.png);
}

.small {
	font-size: 0.8em;
}

#valid-xhtml {
	background-image: url(../img/valid-xhtml10-blue.png);
	background-repeat: no-repeat;
	position: absolute;
	left: 520px;
	top: 95px;
	width: 88px;
	height: 31px;
	display: block;
	border: none;
}
#valid-css {
	background-image: url(../img/valid-css2-blue.png);
	background-repeat: no-repeat;
	position: absolute;
	left: 520px;
	top: 140px;
	width: 88px;
	height: 31px;
	display: block;
	border: none;
}

#backuptoollink {
	display: block;
	position: absolute;
	left: 350px;
	top: 360px;
	width: 274px;
	height: 57px;
	text-decoration: none !important;
	font-size: 10pt;
	letter-spacing: 0.4pt;
	cursor: pointer;
}
#backuptoollink:hover {
	background-image: url(../img/ck3d_bt_button_over.png);
	background-repeat: no-repeat;
}
#backuptoollink .icon {
	background-image: url(../img/ck3d_bt_icon.png);
	background-repeat: no-repeat;
	display: block;
	position: absolute;
	left: 10px;
	top: 5px;
	width: 45px;
	height: 46px;
}
#backuptoollink span.upper {
	position: absolute;
	left: 60px;
	top: 9px;
	border-bottom: 1px solid #bcbcbc;
	color: #505050;
	padding-bottom: 2px;
}
#backuptoollink span.lower {
	position: absolute;
	left: 60px;
	top: 29px;
	color: #969696;
	background-image: url(../img/arrows.png);
	background-repeat: no-repeat;
	background-position: 75px 5px;
	width: 150px;
}
#backuptoollink:hover span {
	color: #000;
}

#download_bt_icon {
	background-image: url(../img/ck3d_bt_icon_big.png);
	background-repeat: no-repeat;
	width: 51px;
	height: 54px;
	display: block;
	float: left;
}

#download_bt_link {
	display:block;
	float:left;
	margin: 8px 0 8px 10px;
	font-size: 11pt;
}

.clear {
	clear:both;
}

#bt_screenshot {
	background-image: url(../img/ck3dbackuptool_screenshot.png);
	background-repeat: no-repeat;
	width: 698px;
	height: 461px;
	display: block;
	/*float: left;*/
	margin: 0 auto 16px auto;
}

em {
	font-style: normal;
	color: #333;
}


/*a.in {
	background-image: url(../img/arrows.png);
	background-repeat: no-repeat;
	background-position: right 4px;
	padding-right: 25px;
}
a.out {
	background-image: url(../img/arrows-left.png);
	background-repeat: no-repeat;
	background-position: left 4px;
	padding-left: 25px;
}*/