@charset "utf-8";

body {
	font-family: Verdana;
	font-size: 11px;
	background: #6c6a62;
	text-align: center;
}

h1,h2,h3 {
	display: inline;
	margin: 0;
	padding: 0;
}

a img {
	padding: 0px;
	margin: 0px;
	border: 0px;
}

img {
	margin: 0px;
	padding: 0px;
}

form {
	margin: 0;
	padding: 0;
}

textarea {
	font-family: Verdana;
	font-size: 10px;
}

input {
	font-family: Verdana;
	font-size: 10px;
}

.darkgray {
	color: #343434;
}

.inlineform {
	display: inline;
}

.invisibleform {
	display: none;
}

#cmainframe {
	margin: auto;;
	width: 992px;
	text-align: left;
}

#mainframe {
	position: relative;
	width: 992px;
}

#mainframeheader {
	background: url(../images/mainframe_top.gif) no-repeat;
	width: 992px;
	height: 69px;
}

#mainframefooter {
	background: url(../images/mainframe_footer.gif) no-repeat;
	width: 992px;
	height: 11px;
}

#mainframecontent {
	position: relative;
	width: 992px;
	background: white;
}

#mainframeleft {
	position: absolute;
	top: 0px;
	left: 0px;
	background: url(../images/mainframe_left.gif) repeat-y;
	width: 6px;
	height: 100%;
}

#mainframeright {
	position: absolute;
	top: 0px;
	left: 986px;
	background: url(../images/mainframe_right.gif) repeat-y;
	width: 6px;
	height: 100%;
}

#language {
	position: absolute;
	left: 908px;
	top: 15px;
}

#headermenuhome {
	position: absolute;
	left: 20px;
	height: 14px;
	top: 14px;
	color: #cca69b;
	font-size: 9px;
}

#headermenuhome a {
	padding: 0px 5px;
	color: #781400;
	text-decoration: none;
}

#headermenu {
	position: absolute;
	right: 100px;
	height: 14px;
	top: 14px;
	color: #cca69b;
	font-size: 9px;
}

#headermenu a {
	padding: 0px 5px;
	color: #781400;
	text-decoration: none;
}

#keyandcontent {
	position: relative;
	top: -36px;
	left: 16px;
	width: 960px;
	background: white;
}

#key {
	height: 252px;
	width: 960px;
	overflow: hidden;
}

#menubuttons {
	position: absolute;
	left: 35px;
	top: 202px;
	width: 890px;
	height: 48px;
	vertical-align: top;
	overflow: hidden;
}

#menubuttons a {
	background: transparent;
	text-decoration: none;
}

#menubuttons a:hover {
	background: transparent;
	text-decoration: none;
}

#menubuttons a:focus {
	background: transparent;
	text-decoration: none;
}

#imginteractive {
	position: absolute;
	right: 0px;
	top: 0px;
}

#home {
	width: 960px;
}

#homeheadline {
	margin: 1px 0px;
}

#homechoose {
	position: relative;
	width: 960px;
	height: 219px;
	margin: 1px 0px;
	background: url(../images/homebg.jpg) repeat-x;
}

#homechoose .left {
	position: absolute;
	left: 15px;
}

#homechoose .right {
	position: absolute;
	left: 492px;
}

.homelefttext {
	position: absolute;
	color: white;
	top: 106px;
	left: 116px;
}

.homeleftright {
	position: absolute;
	color: white;
	top: 106px;
	left: 527px;
}

#homechoose a {
	text-decoration: none;
	cursor: pointer
}

#homechoose a span {
	text-decoration: none;
	cursor: pointer
}

#home div.separator {
	width: 960px;
	height: 1px;
	overflow: hidden;
	background-color: #e6bbb5;
}

#keyshadow {
	width: 960px;
	height: 20px;
	background: url(../images/keyshadow.jpg) no-repeat;
	vertical-align: bottom;
	margin: 1px 0px;
}

#contentholder {
	position: relative;
	left: 10px;
}

#content {
	width: 939px;
	position: relative;
}

#interactive {
	width: 960px;
	position: relative;
}

#interactiveheader {
	width: 960px;
	height: 100px;
	border-bottom: 1px solid #e6bbb5;
}

#interactiveheader div.headline {
	position: relative;
	left: 13px;
	top: 15px;
}

#interactiveheader span.headline {
	position: relative;
	color: #666666;
	left: 28px;
}

#interactiveheader div.headlineimage {
	position: absolute;
	left: 630px;
	top: 13px;
}

#wizard {
	position: relative;
	height: 570px;
	width: 960px;
	margin-top: 4px;
}

#step1 {
	position: absolute;
	color: #333333;
	width: 384px;
	height: 566px;
	font-size: 9px;
}

#step1 div.header {
	position: relative;
	top: 0px;
	width: 384px;
	height: 39px;
	background: url(../images/step1header.gif) no-repeat;
	vertical-align: middle;
}

#step1 div.header img {
	position: absolute;
	top: 4px;
	left: 4px;
}

#step1 div.header div.title {
	position: absolute;
	font-weight: bold;
	left: 42px;
	top: 15px;
	font-size: 11px;
}

#step1 div.step1content {
	background: #e2e2e2;
	width: 376px;
	height: 527px;
}

#step1 div.separator {
	position: relative;
	height: 1px;
	left: 5px;
	width: 365px;
	background: #c2c2c2;
	overflow: hidden;
}

#step1 div.problem {
	position: relative;
	left: 5px;
	width: 365px;
	height: 40px;
	border-bottom: 1px solid #c2c2c2;
	background: 5px url(../images/bulletg.gif) no-repeat;
}

#step1 div.problem a {
	position: relative;
	left: 37px;
	top: 15px;
	font-weight: bold;
	text-decoration: none;
	color: #333333;
}

#step1 div.activeproblem {
	position: relative;
	left: 5px;
	width: 365px;
	height: 40px;
	background: white 5px url(../images/bulletr.gif) no-repeat;
}

#step1 div.activeproblem div {
	position: relative;
	left: 37px;
	top: 15px;
	font-weight: bold;
	color: #990001;
}

#step1 div.answer {
	position: relative;
	left: 5px;
	/*height: 30px;*/
	background: white;
	vertical-align: middle;
}
/*
#step1 div.answer:hover {
	background: white url(../images/arrowred.gif) no-repeat 15px 8px;
}
*/
#step1 div.activeanswer,div.answer {
	position: relative;
	left: 5px;
	width: 365px;
	/*height: 30px;*/
	background: white url(../images/arrowred.gif) no-repeat 15px 8px;
	vertical-align: top;
}

#step1 div.answer a {
	display: block;
	position: relative;
	padding: 5px;
	left: 31px;
	width: 315px;
	color: #333333;
	text-decoration: none;
}

#step1 div.answer a:hover {
	color: #990001;
}

#step1 div.activeanswer a {
	display: block;
	position: relative;
	padding: 5px;
	left: 31px;
	width: 315px;
	text-decoration: none;
	color: #990001;	
}

#step2 {
	position: absolute;
	color: #333333;
	top: 0px;
	left: 386px;
	width: 350px;
	height: 566px;
}

#step2 div.header {
	position: relative;
	top: 0px;
	width: 350px;
	height: 39px;
	background: url(../images/step2header.gif) no-repeat;
	vertical-align: middle;
}

#step2 div.header img {
	position: absolute;
	top: 4px;
	left: 4px;
}

#step2 div.header div.title {
	position: absolute;
	font-weight: bold;
	left: 42px;
	top: 15px;
	font-size: 11px;
}

#step2 div.content {
	position: relative;
	font-size: 9px;
	width: 342px;
	height: 527px;
	background: #cdcdcd;
}

#step2 div.tabs {
	position: relative;
	top: 13px;
	left: 6px;
	height: 31px;
	width: 330px;;
	left: 6px;
}

#step2 div.tabs ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#step2 div.tabs li {
	display: inline;
	margin: 0;
	padding: 0;
}

#step2 div.tabs a.active {
	float: left;
	margin-right: 1px;
	text-decoration: none;
	color: black;
	font-weight: bold;
	display: block;
	height: 18px;
	width: 77px;
	padding-top: 3px;
	text-align: center;
	background: url(../images/tabactive.gif) no-repeat;
}

#step2 div.tabs a.inactive {
	float: left;
	margin-right: 1px;
	text-decoration: none;
	color: #666;
	display: block;
	height: 18px;
	width: 77px;
	padding-top: 3px;
	text-align: center;
	background: url(../images/tabinactive.gif) no-repeat;
}

#step2 div.image {
	position: relative;
	left: 6px;
	height: 435px;
	width: 330px;
	text-align: center;
	background-color: white;
}

#step2 div.image div {
	margin-left: 5px;
	margin-right: 5px;
}

#step2 div.image div.answertext {
	height: 75px;
	width: 300px;
}

#step2 div.image div {
	padding: 10px;
	text-align: left;
}

#step2 div.content .continuebutton {
	position: absolute;
	top: 484px;
	left: 249px;
}

#step3 {
	position: absolute;
	color: #333333;
	top: 0px;
	left: 739px;
	width: 221px;
	height: 171px;
	background: #f0ece3;
}

#step3 div.header {
	position: relative;
	top: 0px;
	width: 221px;
	height: 45px;
	background: url(../images/step3header.gif) no-repeat;
	vertical-align: middle;
}

#step3 div.header img {
	position: absolute;
	top: 4px;
	left: 4px;
}

#step3 div.content {
	position: relative;
	/*height: 123px; */
	height: 103px;
	width: 221px;
	color: #443a17;
	font-size: 9px;
}

#step3 div.content div {
	padding: 16px 16px;
}

#step3 div.header div.title {
	position: absolute;
	font-weight: bold;
	left: 42px;
	top: 15px;
	font-size: 11px;
}

#step3_4_spacer {
	width: 221px;
	height: 22px;
}

#step4 {
	position: absolute;
	/*top: 192px; */
	top: 172px;
	left: 739px;
	/*height: 374px;*/
	height: 394px;
	width: 221px;
	background-color: #ebe5d9;
}

#step4 div.header {
	position: relative;
	top: 0px;
	width: 221px;
	height: 26px;
	background: url(../images/step4header.gif) no-repeat;
	vertical-align: middle;
}

#step4 div.header div.title {
	position: absolute;
	font-weight: bold;
	left: 10px;
	top: 7px;
	font-size: 11px;
	color: #614b19;
}

#step4 div.content {
	position: relative;
	padding: 12px 8px;
	font-size: 9px;
	color: #433916;
}

#step4 div.content span {
	position: relative;
	left: 6px;
}

#step4 div.content input,textarea {
	width: 200px;
}

#step4 div.content textarea { /* height: 154px; */
	height: 134px;
}

#step4 div.content div.mailsubmit {
	font-weight: bold;
	text-decoration: underline;
	width: 200px;
	right: 10px;
	cursor: pointer;
	text-align: right;
}

#contentpageoptions {
	position: relative;
	left: 19px;
	height: 42px;;
	width: 891px;
	border-top: solid 1px #c6c6c6;
	color: #343434;
}

/* downloads */
.downloadheader {
	background-image: url("../images/backy_download_header.jpg");
	width: 297px;
	height: 44px;
	color: #6E6343;
}

.downloadheader-text {
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
}

.downloadcontent {
	background-image: url("../images/backy_download_content.jpg");
	background-repeat: repeat-y;
	width: 297px;
	padding: 10px 24px;
	color: #6E6343;
	font-size: 10px;
}

.downloadcontent a {
	color: #6E6343;
	font-weight: bold;
}

.downloadfooter {
	background-image: url("../images/backy_download_footer.jpg");
	width: 297px;
	height: 10px;
}

#news {
	background: url(../images/backy_news.jpg) no-repeat;
	width: 297px;
	height: 354px;
	position: relative;
	color: #6e6343;
}

#news img.inline {
	display: none;
}

#news a {
	color: #717171;
	text-decoration: none;
}

#newsheader {
	position: absolute;
	left: 21px;
	top: 20px;
	font-size: 14px;
	color: #717171;
	font-family: Arial;
	font-weight: bold;
}

#newsdate {
	position: absolute;
	left: 21px;
	top: 55px;
	color: #463815;
	font-size: 10px;
}

#newsmsg {
	position: absolute;
	left: 21px;
	top: 77px;
	width: 254px;
	height: 223px;
	color: #463815;
	font-size: 10px;
	overflow: hidden;
}

.newstext div.newsshortreport,div.newslongreport {
	text-align: left;
}

#newsmsg a {
	text-decoration: underline;
}

#newsheadline {
	font-weight: bold;
	text-decoration: underline;
	color: #666666;
}

#newsfooter {
	position: absolute;
	right: 30px;
	top: 314px;
	font-size: 10px;
	font-weight: bold;
	color: #717171;
	cursor: pointer;
}

#newsfooter a {
	color: #717171;
}

#newsfooter a span {
	text-decoration: underline;
}

#newslink {
	position: absolute;
	left: 203px;
	top: 23px;
	font-size: 10px;
	font-weight: bold;
	text-decoration: underline;
	color: #717171;
}

#newslink a {
	color: #717171;
	text-decoration: underline;
}

#news_big {
	background: url(../images/backy_news.jpg) no-repeat;
	width: 690px;
	height: 680px;
	position: relative;
	color: #6e6343;
}

#news_big_content {
	background: url(../images/backy_news.jpg) no-repeat;
}

#contact {
	background: url(../images/backy_contact.jpg) no-repeat;
	width: 297px;
	height: 463px;
	position: relative;
	color: #6e6343;
}

#contactheader {
	position: absolute;
	left: 21px;
	top: 22px;
	font-family: Arial;
	font-weight: bold;
	font-size: 14px;
}

#contactcontent {
	position: absolute;
	width: 277px;
	height: 401px;
	left: 10px;
	top: 49px;
	font-size: 10px;
}

#contacttexttitle {
	font-weight: bold;
	position: absolute;
	left: 14px;
	top: 17px;
}

#contacttextaddress {
	position: absolute;
	left: 14px;
	top: 43px;
}

#contacttextphone {
	position: absolute;
	left: 14px;
	top: 95px;
}

#contacttextmail {
	position: absolute;
	left: 14px;
	top: 134px;
}

#contactmailform {
	position: absolute;
	left: 11px;
	top: 187px;
}

#contactmailform textarea {
	width: 181px;;
	height: 100px;
}

#contactmailform input {
	width: 250px;
}

#contactformlinks {
	position: absolute;;
	left: 200px;;
	top: 150px;
	text-decoration: underline;
}

#contactformlinks div {
	cursor: pointer;
}

#contactmailform div.reset {
	position: absolute;;
	left: 191px;;
	top: 155px;
}

#contactmailform div.send {
	position: absolute;;
	left: 191px;;
	top: 179px;
}

#contactformlinks div.bold {
	font-weight: bold;
}

#contact a {
	color: #6e6343;
}

#screenshots {
	background: url(../images/backy_screenshots.jpg) no-repeat;
	width: 297px;
	height: 166px;
}

#environment {
	position: relative;
	background: url(../images/backy_environment.jpg) no-repeat;
	width: 297px;
	height: 245px;
	color: #81614c;
}

#environmentheader {
	position: absolute;
	left: 21px;
	top: 20px;
	font-family: Arial;
	font-weight: bold;
	font-size: 14px;
}

#environmentcontent {
	position: absolute;
	width: 277px;
	height: 188px;
	left: 10px;
	top: 49px;
	font-size: 10px;
}

#environmentcontent div {
	padding: 14px;
}

#info {
	position: absolute;
	left: 620px;
	top: 0px;
	width: 297px;
}

#info a.button {
	display: block;
}

#dyncontent {
	position: relative;
	left: 23px;
	width: 578px;
	color: #666666;
}

#dyncontent div.floatingtext {
	position: relative;
	left: 5px;
	padding: 15px 0px;
	width: 533px;
}

#dyncontent div.smallfloatingtext {
	position: relative;
	left: 5px;
	padding: 15px 0px;
	font-size: 9px;
	width: 533px;
}

#dyncontent div.smallfloatingtext a {
	color: #666666;
	text-decoration: underline;
}


#dyncontent div.header {
	position: relative;
	left: -3px;
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	color: #343434;
}

#dyncontent div.separator {
	position: relative;
	width: 554px;
	height: 1px;
	border-top: solid 1px #d4d4d4;
	overflow: hidden;
}

#dyncontent-bottom {
	height: 14px;
}

#triple-border-separator {
	position: absolute;
	left: 573px;
	top: 0px;
	height: 100%;
}

#triple-border-left {
	position: absolute;
	left: 0px;
	top: 0px;
	height: 100%;
}

#triple-border-right {
	position: absolute;
	left: 934px;
	top: 0px;
	height: 100%;
}

.triple-border-vertical {
	background: url(../images/tripleborder_v.jpg) repeat-y;
	width: 5px;
}

#content div.triple-border-horizontal {
	position: relative;
	bottom: 0px;
	background: url(../images/tripleborder_footer.jpg) no-repeat;
	width: 939px;
	height: 5px;
	overflow: hidden;;
	height: 5px;
}

#dyncontent div.triple-border-horizontal {
	position: relative;
	bottom: 0px;
	background: url(../images/tripleborder_h.jpg) repeat-x;
	width: 551px;
	height: 5px;
	overflow: hidden;
	margin: 20px 0px;
	height: 5px;
}

#interactive div.triple-border-horizontal {
	position: relative;
	bottom: 0px;
	background: url(../images/tripleborder_h.jpg) repeat-x;
	width: 960px;
	height: 5px;
	overflow: hidden;
}

#content div.conceptissue {
	position: relative;
	left: 5px;
	padding: 15px 0px;
	width: 533px;
}

#content div.conceptissue h2 {
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
}

#content div.conceptissue h3 {
	font-family: Verdana;
	font-size: 10px;
	font-weight: normal;
}

#content div.floatingtextheader {
	position: relative;
	left: 0px;
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	color: #000000;
	vertical-align: top;;
}

#content div.floatingtextheader2 {
	position: relative;
	left: 0px;
	height: 20px;
	font-weight: bold;
	color: #000000;
	vertical-align: middle;
	padding-top: 4px;
	font-size: 11px;
}

#dyncontent div.floatingtextheader img {
	position: relative;
	top: 1px;
}

#dyncontent div.floatingtextheader2 img {
	position: relative;
	top: 2px;
}

#content div.conceptissue div.floatingtextkeywords {
	position: relative;
	left: 20px;
	width: 513px;
	color: #b70000;
}

#content div.conceptissue div.floatingtext {
	position: relative;
	left: 20px;
	width: 513px;
}

#concept1 {
	position: relative;
}

#concept1 img.concept1separator {
	position: absolute;
	right: 382px;
}

#concept1 img.concept1text {
	position: absolute;
	top: 26px;
	right: 392px;
}

#concept1 div.concept1content {
	line-height:25px;
	color: #816a4a;
	font-family: Arial;
	font-size: 10px;
	position: absolute;
	top: 20px;
	right: 0px;
	width: 372px;
}

.mainfunction {
	margin: 10px 0px;
	background-color: #f4f1ea;
	color: #82684d;
	width: 554px;
	border-top: 1px solid #e4e4e4;
	border-bottom: 1px solid #dadada;
}

.mainfunction h1 {
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
}

.mainfunction div.mainfunctionheader {
	height: 28px;
	width: 554px;
	background: url(../images/functionbg.gif) repeat-x;
}

.mainfunction div.mainfunctioncontent {
	width: 534px;
	padding: 10px 10px;
}

div.mainfunctioncontent ul {
	margin: 0px;
	padding: 0px;
	list-style-position: inside;
	list-style-type: none;
	list-style-image: none;
}

div.mainfunctioncontent li {
	margin: 10px 0px;
	padding: 0px;
}

div.mainfunctioncontent li span {
	margin: 0px 10px;
}

.mainfunction div.mainfunctionheader div {
	color: #ffffff;
	padding: 7px 10px;
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
}

.function {
	color: black;
	width: 554px;
	border-top: solid 1px black;
	border-bottom: solid 1px #dbd9da;;
}

.function h2 {
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
}

.apptabs {
	background-color: #ece8dd;
	width: 518px;
	padding: 20px 18px;
}

div.applinks {
	position: relative;
	width: 553px;
	height: 36px;
	background: url(../images/editionsbg.gif) no-repeat;
	vertical-align: middle;	
}

div.applinks a {
	position: relative;
	top: 12px;
	margin-right: 10px;
	margin-left: 10px;
	color: white;
	text-decoration: none;
}

div.apptabs div.content {
	width: 518px;
}

div.apptabs div.applogo {
	background: white;
	text-align: right;
}

div.apptabs div.applogo img {
	margin: 10px;
}

div.apptabs div.spacer {
	height: 1px;
	overflow: hidden;
}

div.apptabs div.apptabtext {
	background-color: #fbfaf6;
	color: #666666;
	padding: 30px 15px;
}

#trademark {
	position: relative;
	height: 36px;
	text-align: right;
	font-size: 9px;
	width: 920px;
	color: #888888;
	background: url(../images/trademark_pumacylogo.gif) no-repeat 30px 0px;
}

#trademark span {
	position: relative;
	top: 2px;
}

.contactdata {
	vertical-align: top;
}

#information {
	position: relative;
}

#information div.separator {
	margin: 10px 0px;
	width: 550px;
	position: static;
}

#information div.triple-border-horizontal {
	margin: 10px 0px;
	position: static;
}

#information .newsentry {
	margin-left: 10px;
	width: 540px;
	background: url(../images/bulletg.gif) no-repeat 0px 15px;
}

#information .newsentryfull {
	width: 540px;
}

#information .newsentry div {
	margin: 0px 0px;
}

#information .newsentry .newstext {
	color: #333333;
	margin-left: 25px;
	width: 515px;
}

#information .newsentryfull .newstext {
	color: #333333;
	margin-left: 5px;
	width: 535px;
}

#information .newsdate {
	color: #666666;
}

#information .newsheader {
	font-size: 14px;
	font-weight: bold;
}

#information .newsentry a {
	color: #333333;
}

#information .newsentryfull a {
	color: #333333;
}

#information .linkback {
	width: 500px;
	font-weight: bold;
	color: #666666;
	text-align: left;
}

#information div.linkback a {
	padding-left: 10px;
	color: #666666;
	font-size: 9px;
}

#information img.inline {
	border-color: #ffffff;
	border-style: solid;
	border-width: 0px 20px 20px 20px;
}