﻿/***************************STRUCTURE*******************************/

body {
	height: 100%;
	margin: 0 0 1px;
}

html {
	height: 100%;
	margin: 0 0 1px;
}

div.ftr-column h1 {
	letter-spacing: 0;
}

.wrapper { /*container for everything on the page*/
	width:900px;
	margin:0;
	text-align:left;
}

.sidebar {
	width:150px;
	float:left;
	border-right:1px #676767 solid;
}

.sidebar ul li {
	margin-left:0;
	padding-left:0;
}

.sidebar ul {
	margin-left:0;
	padding-left:0;
}

.center { /*everything that isn't in the sidebar*/
	float:left;
	padding:0 0 0 10px;
	width:725px;
}

.center img {
	float:left;
	clear:left;
	margin-bottom:25px;
}

.center ul {
	padding-left:25px;
}

.center a {
	color:#1b6aa2;
	text-decoration:underline;
}

.center a:hover {
	text-decoration:none;
}

.center h1 {
	margin-bottom:0;
}

.center h3 {
	margin-top:2em;
}

.center img {
	margin-bottom:25px;
}

img.screenshot {
	border:1px #bbb solid;
}

.descrip {
	float:right;
	width:425px;
	margin-bottom:25px;
}

.descrip img {
	margin-bottom:0;
	float:left;
	clear:none;
}

div.downloads {
	width:425px;
	float:left;
	margin-bottom:2em;
}

div.downloads img {
	margin-right:10px;
	float:left;
}

.comps {
	width:750px;
	float:left;
	clear:both;
	margin-left:0;
	border:1px solid #ccc;
	padding:10px;
	display:none;
}

.pc {
	width:265px;
	float:left;
	margin-right:10px;
	padding-top:60px;
	padding-left:65px;
	margin-bottom:25px;
}

.mac {
	width:265px;
	float:left;
	margin-right:10px;
	padding-top:60px;
	padding-left:55px;
	margin-bottom:25px;
}

.pc {
	background: #fff url(/de/images/pc.jpg) no-repeat top left;
	border-right:1px solid #676767;
}

.mac {
	background: #fff url(/de/images/mac.jpg) no-repeat top left;
}

img {
	border:none;
}

h1 {
	font-size:3em;
	letter-spacing:-3px;
	color:#676767;
	margin-top:0;
}

h2#first {
	margin-top:0;
	padding-top:0;
}

h3 {
}

div.header {
	width:540px;
	padding:55px 0 0 120px;
	
}

div#mapaids {
	background: #fff url('../../images/hdr-ma.jpg') no-repeat scroll left top;
}

div#evals {
	background:#fff url('../../images/hdr-ev.jpg') no-repeat scroll left top;
}

div#lit {
	background:#fff url('../../images/hdr-lit.jpg') no-repeat scroll left top;
}

div#gov {
	background:#fff url('../../images/hdr-gov.jpg') no-repeat scroll left top;
}

.btn-download {
	display:inline-block;
}

#faq-title {
	cursor: pointer;
}

a.nav {
	list-style-type: none;
	font-size:small;
	font-weight:bold;
/*	text-transform:uppercase;
	letter-spacing:1px;	*/
	margin-right:1px;
	padding-left:0px;
}

a.nav {
	text-decoration:none;
	color:#1b6aa2;
	float:left;
	clear:left;
	width:100px;
	margin-bottom:1px;
}
/*
a#here {
	background-color:#1b6aa2;
	color:#fff;
}

a.nav:hover {
	background-color:#ccc;
	color:#1b6aa2;
}
*/
.col3 {
	width:200px;
	margin-right:15px;
	font-size:11px;
	line-height:12px;
	float:left;
}

.col3 p {
	padding:5px;
	margin:0 0 10px 0;
	border:#fff 1px solid;
}

.col3 p:hover {
	border:#bbb 1px solid;
	background-color:#ccc;
	cursor:pointer;
}

.col3 p.here {
	border: #49761b 1px solid;
	background-color: #1b6aa2;
	color:#fff;
}




/***************************ACCORDION*******************************/

.category { /*header of 2nd demo*/
	cursor: hand;
	cursor: pointer;
}

.category-off { /*header of 2nd demo*/
	padding:5px;
}

.content {
	width:310px;
	margin:10px;
	padding:10px;
	border-top:1px solid #ccc;
	border-left:1px #aaa solid;
	border-right:1px #aaa solid;
	border-bottom:2px gray groove;
	font-size:small;
	float:left;
	background:#fff url(images/dl-bg.gif) repeat-x scroll bottom;
}

.content h4 {
	margin:0;
}

table.download {
	float:left;
	display:block;
	width:290px;
}

table.download tr {
	height:30px;
}

tr#label {
}

td.product {
	padding-left:35px;
	font-weight:bold;
	width:135px;
}

td.sofar {
	font-size:10px;
}

td#label {
	border-bottom:1px solid #333;
	font-size:10px;
	font-style:italic;
	font-weight:normal;
	height:12px;
	padding:0;
}

td#tog {
	background:url(images/tog.gif) no-repeat left center;
}

td#ma {
	background:url(images/ma.gif) no-repeat left center;
}

td#ev {
	background:url(images/ev.gif) no-repeat left center;
}


td#pq {
	background:url(images/pq1.gif) no-repeat left center;
}

td#gov {
	background:url(images/gov.gif) no-repeat left center;
}

td#lb {
	background:url(images/lb.gif) no-repeat left center;
}

td#wa {
	background:url(images/wri.gif) no-repeat left center;
}

.content ul {
	margin:0 0 0 35px;
	padding:0;
}

.content ul li {
	margin:.5em 0;
	font-size:smaller;
}

.content ul li em {
	position:relative;
	top:-10px;
}

.content ul li a strong {
	position:relative;
	top:-10px;
}

.content ul li#tog {
	list-style-image:url(images/tog.gif);
}
.content ul li#ma {
	list-style-image:url(images/ma.gif);
}
.content ul li#ev {
	list-style-image:url(images/ev.gif);
}
.content ul li#pq {
	list-style-image:url(images/pq1.gif);
}
.content ul li#gov {
	list-style-image:url(images/gov.gif);
}
.content ul li#lb {
	list-style-image:url(images/lb.gif);
}
.content ul li#wa {
	list-style-image:url(images/wri.gif);
}

.content-off {
	display:none;
	padding-bottom:1.5em;
	font-size:small;
}

.closedcontent{ /*class added to contents of 2nd demo when they are open*/
}

.opencontent{ /*class added to contents of 2nd demo when they are closed*/
}

.opencontent strong {
}

.opencontent:hover {
}

a#btn-next {
	float:right;
}
