/* CSS Document */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	background: #fff url(/images/bg-footer.gif) no-repeat bottom center; }
	
.plain_text {
	font-size: 12px;
	color: #666666;
	line-height: 16px;
	}
	
p {
	font-size: 12px;
	color: #666666;
	line-height: 16px;
	margin-top: 4px;
	margin-bottom: 10px; }

ul {
	list-style-type: none;
	padding: 0;
	margin: 0 20px 0 0; }

ul li {
	font-size: 12px;
	color: #666;
	padding: 0 0 10px 24px;
	background: transparent url(/images/bullet-foursquare-sm.gif) no-repeat 1em .6em; }

ul li ul {
	margin-top: 10px; }

ol {
	font-size: 12px;
	color: #666666;
	line-height: 16px; }

ol li {
	margin-bottom: 6px; }
	
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #01A1C5; }
	
.grey_title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #777777;
	background-image: url(/images/bg-side-nav-top.gif);
	display: block;
	margin: 0px;
	padding: 8px 14px 5px 14px;
	border-bottom: 1px solid #CCCCCC; }
	
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #666666;
	margin: 0px;
	padding: 0px; }
	
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #01A1C5;
	margin: 0px 0px 20px 0px;
	padding: 0px; }
	
h4 {
	font-size: 12px;
	display: inline; }
	
hr {
	border: 0px;
	height: 1px;
	color: #CCCCCC; }
	
fieldset {
	border: 1px solid #DDDDDD;
	padding: 0px 0px 15px 0px; }

legend {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #666666;
	margin: 0px 0px 15px 10px; }
	
a:link {
	color: #F2580E;
	text-decoration: none; }
	
a:visited {
	color: #F2580E;
	text-decoration: none; }
	
a:hover {
	color: #F2580E;
	text-decoration: underline; }



	

/* ------------------------------------------------ Containers ------------------------------------------------ */




	
#main-nav {
	background-image: url(/images/menu/bg.gif); 
}
	
#frame {
	width: 954px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	padding: 0px 0px 40px 0px;
	text-align: left; }

#left-col {
	width: 177px;
	padding: 0px;
	float: left; }
	
#left-col h1 {
	color: #777777;
	background-image: url(/images/bg-side-nav-top.gif);
	display: block;
	margin: 0px;
	padding: 8px 14px 5px 14px;
	border-bottom: 1px solid #CCCCCC; }
	
#left-col p {
	margin: 0px;
	padding: 8px 14px 8px 14px;
	border-bottom: 1px solid #CCCCCC; }
	
#left-col strong {
	color: #01A1C5; }
	
#left-col a:link {
	color: #666666;
	text-decoration: none; }
	
#left-col a:visited {
	color: #666666;
	text-decoration: none; }
	
#left-col a:hover {
	color: #666666;
	text-decoration: underline; }
	
#left-col-sub {
	border-bottom: 1px solid #CCCCCC; }
	
#left-col-sub p {
	font-size: 12px;
	margin: 0px;
	padding: 8px 14px 8px 14px;
	border: 0px; }
	
#left-col-sub ul {
	list-style-type: none;
	margin: 0px 14px 0px 30px;
	padding: 0px; }
	
#left-col-sub ul li {
	list-style: none;
	font-size: 11px;
	margin: 0px 0px 8px 0px;
	padding: 0px;
	background: #FFF; }
	
#center-col {
	width: 526px;
	margin: 0px 30px 0px 30px;
	float: left; }
	
#center-col em {
	font-style: normal;
	color: #092F73; }
	
#center-col a:link {
	color: #F2580E;
	text-decoration: none; }
	
#center-col a:visited {
	color: #F2580E;
	text-decoration: none; }
	
#center-col a:hover {
	color: #F2580E;
	text-decoration: underline; }
	
#double-col {
	width: 730px;
	margin: 0px 0px 0px 26px;
	float: left;}
	
#double-col a:link {
	color: #F2580E;
	text-decoration: none; }
	
#double-col a:visited {
	color: #F2580E;
	text-decoration: none; }
	
#double-col a:hover {
	color: #F2580E;
	text-decoration: underline; }
	
#right-col {
	width: 181px;
	padding: 0px;
	float: left; }
	
#right-col p {
	color: #0A2F73; }
	
#right-col h1 {
	color: #333333;
	font-size: 16px; }

#centercol-triple {
	width: 526px;
	padding-top: 30px;
	clear: both; }

#triple-left {
	width: 162px;
	margin: 0 20px 0 0;
	padding: 0;
	float: left; }

#triple-center {
	width: 162px;
	margin: 0;
	padding: 0;
	float: left; }

#triple-right {
	width: 162px;
	margin: 0 0 0 20px;
	padding: 0;
	float: left; }
	
#footer {
	width: 840px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 50px;
	margin-bottom: 20px; }
	
#footer p {
	color: #666666;
	font-size: 9px;
	text-align: center; }
	
#footer a:link {
	color: #F2580E;
	text-decoration: none; }
	
#footer a:visited {
	color: #F2580E;
	text-decoration: none; }
	
#footer a:hover {
	color: #F2580E;
	text-decoration: underline; }
	
#managed-p p {
	font-size: 9px; }
	
#managed-p a:link {
	color: #666666;
	text-decoration: underline; }
	
#managed-p a:visited {
	color: #666666;
	text-decoration: underline; }
	
#managed-p a:hover {
	color: #666666;
	text-decoration: none; }
.managed {
	width: 838px; }
#managed_1 { 
	display:none; }
#managed_2 { 
	display:none; }
#managed_3 { 
	display:none; }
#managed_4 { 
	display:none; }
#managed_5 { 
	display:none; }
#managed_6 { 
	display:none; }
#managed_7 { 
	display:none; }
#managed_8 { 
	display:none; }
#managed_9 {
	display:none; }
#managed_10 {
	display:none; }
#managed_11 {
	display:none; }
#managed_12 {
	display:none; }
#managed_13 {
	display:none; }
#job {
	padding: 0px;
	margin-top: 40px; }
#job h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #062F73;
	margin: 0px;
	padding: 0px 0px 4px 0px;
	background-image: url(/images/bg-rule-dash.gif); }
	
#job h2 {
	margin: 0px; }
	
#job p {
	margin: 10px 0px 0px 0px; }
	
#job ul li {
	margin: 10px; }
	
.to-top {
	position: relative;
	width: 150px;
	text-align: right;
	float: right; 
}
	
.to-top p {
	color: #666666;
	display: inline;
	margin: 0px;
	padding: 0px; }
	
.picfloat {
	float: right;
	clear: right;
	padding: 0px 0px 5px 13px; }
	
#minor-download {
	float: right;
	clear: right; }
	
#team {
	padding: 0px 10px 0px 0px; 
	float: left;
	clear: left; }
	
#demo-frame {
	width: 718px;
	border: 0px;
	padding: 6px;
	margin: 0px; }
	
#demo-name {
	width: 210px;
	padding: 0px;
	margin-right: 20px;
	float: left; }
	
#demo-name p {
	margin: 0px 0px 10px 0px; }
	
#demo-name h1 {
	color: #666666;
	font-size: 16px;
	font-weight: normal;
	margin: 0px 0px 6px 0px; }
	
#demo-description {
	width: 488px;
	padding: 0px;
	float: left; }
	
#demo-description p {
	margin: 0px 0px 10px 0px; }
	
#demo-description em {
	font-style: normal;
	font-weight: 600;
	font-size: 11px; }
	
#webinar-frame {
	width: 506px;
	border: 1px solid #CCCCCC;
	padding: 6px;
	margin: 15px 0px 15px 0px; }
	
#webinar-name {
	width: 200px;
	padding: 0px;
	margin-right: 18px;
	float: left; }
	
#webinar-name p {
	margin: 0px 0px 10px 0px; }
	
#webinar-name h1 {
	color: #666666;
	font-size: 16px;
	font-weight: normal;
	margin: 0px 0px 6px 0px; }
	
#webinar-description {
	width: 284px;
	padding: 0px;
	float: left; }
	
#webinar-description p {
	margin: 0px 0px 10px 0px; }
	
#webinar-description em {
	font-style: normal;
	font-weight: 600;
	font-size: 11px;
	color: #666666;
	background-color: #FFFFFF; }
	
#basictable table td {
	vertical-align: top;
	background-color: #EEEEEE;
	padding: 8px;
	margin: 0px 4px 4px 0px; }
	
#basictable p {
	font-size: 11px;
	margin: 0px; }
	
#customer-frame {
	width: 514px;
	border-top: 1px solid #CCCCCC;
	padding: 6px;
	margin: 0px; }
	
#customer-name {
	width: 120px;
	padding: 0px;
	margin-right: 20px;
	float: left; }
	
#customer-description {
	width: 372px;
	padding: 0px;
	float: left; }
	
#customer-bonus {
	width: 181px;
	text-align: center;
	background-image:  url("/images/bg-simple-bonus.gif");
	background-repeat: repeat-y; }
	
#customer-bonus p {
	margin: 0px; }
	
#basic-bonus {
	width: 181px;
	background-image:  url("/images/bg-simple-bonus.gif");
	background-repeat: repeat-y;
	padding: 0px;
	margin: 0px 0px 100px 0px; }
	
#basic-bonus p {
	margin: 0px 10px 0px 10px; }
	
#basic-bonus h1 {
	color: #0A2F73;
	font-size: 16px;
	margin: 0px 10px 0px 10px; }
	
#basic-bonus h4 {
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px 10px 0px 10px; }
	
#form {
	background-color: #DDDDDD;
	padding: 6px; }
	
#form p {
	border-bottom: #DDDDDD 1px solid; }
	
#form em {
	font-style: normal;
	font-weight: bold;
	color: #01A1C5;
	background-color: #DDDDDD; }
	
#form-plus {
	float: right; }
	
#tight-list ul li {
	margin: 10px; }
	
#tight-list ul li ul {
	margin: 0px 0px 16px 10px; }
	
#tight-list ul li ul li {
	margin: 4px; }
	
#screenshot {
	float: right;
	clear: right; }
	
#dsbonus {
	width: 181px;
	background-image:  url("/images/bonus-DS-bg.gif");
	background-repeat: repeat-y;
	padding: 0px;
	margin: 0px 0px 10px 0px; }
	
#dsbonus p {
	margin: 6px 10px 6px 10px; }
	
/*  --- Styled Table for Main Content, Similar to Download Table --- */

table.dl  {
	border-collapse: collapse;
	border: 2px solid #0A2F73;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px 0px 15px 0px; }
	
.dl p {
	font-size: 11px; }
	
.dl caption {
	font: 18px Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: left;
	text-indent: 6px;
	height: 24px;
	color: #0A2F73; }
	
.dl thead tr {
	background: #009CC1 url(/images/th.gif) repeat-x top;
	height: 47px;
	 }
	
.dl thead th {
	color: #FFFFFF;
	font-size: 10px;
	padding: 0px 7px;
	margin: 20px 0px 0px;
	text-align: left;
	border-right: 2px solid #0A2F73; }
	
.dl thead td {
	color: #FFFFFF;
	font-size: 10px;
	padding: 0px 7px;
	margin: 20px 0px 0px;
	text-align: center;
	border-right: 1px solid #0A2F73; }
	
thead td.group {
	border-right: 2px solid #0A2F73; }
	
thead tr.subth {
	background: #0A2F73 url(/images/bg-subth.gif) repeat-x top;
	height: 20px; }
	
.dl tbody tr {
	background: #F5F5F5 url(/images/tdl.gif) repeat-x top; }
	
tbody tr.odd {
	background: #DDF4F8; }
	
.dl tbody th {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	padding: 10px 7px;
	border-top: 1px solid #0A2F73;
	border-right: 2px solid #0A2F73;
	text-align: left; }
	
.dl tbody td {
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	padding: 10px 7px;
	border-top: 1px solid #0A2F73;
	border-right: 1px solid #0A2F73;
	text-align: center; }
	
tbody td.group {
	border-right: 2px solid #0A2F73; }
	
	
/*  --- Same as above but tighter --- */

table.dl2  {
	border-collapse: collapse;
	border: 1px solid #0A2F73;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px 0px 15px 0px; }
	
.dl2 p {
	font-size: 11px; }
	
.dl2 caption {
	font: 18px Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: left;
	text-indent: 6px;
	height: 24px;
	color: #0A2F73; }
	
.dl2 thead tr {
	background: #009CC1 url(/images/th.gif) repeat-x top;
	 }
	
.dl2 thead th {
	color: #FFFFFF;
	font-size: 10px;
	padding: 4px;
	margin: 20px 0px 0px;
	text-align: left;
	border-right: 1px solid #0A2F73; }
	
.dl2 thead td {
	color: #FFFFFF;
	font-size: 10px;
	padding: 4px;
	margin: 20px 0px 0px;
	text-align: center;
	border-right: 1px solid #0A2F73; }
	
.dl2 tbody tr {
	background: #F5F5F5 url(/images/tdl.gif) repeat-x top; }
	
tbody tr.odd2 {
	background: #DDF4F8; }
	
.dl2 tbody th {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	padding: 4px 4px 0px 4px;
	border-top: 1px solid #0A2F73;
	border-right: 1px solid #0A2F73;
	text-align: left; }
	
.dl2 tbody td {
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	padding: 4px 4px 0px 4px;
	border-top: 1px solid #0A2F73;
	border-right: 1px solid #0A2F73;
	text-align: center; }
	
	
/* --- Same as above for Partners pages --- */

table.dl3  {
	border-collapse: collapse;
	border: 2px solid #0A2F73;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px 0px 15px 0px; }
	
.dl3 p {
	font-size: 11px; }
	
.dl3 caption {
	font: 18px Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: left;
	text-indent: 6px;
	height: 24px;
	color: #0A2F73; }
	
.dl3 thead tr {
	background: #009CC1 url(/images/th.gif) repeat-x top;
	height: 47px;
	 }
	
.dl3 thead th {
	color: #FFFFFF;
	font-size: 10px;
	padding: 0px 7px;
	margin: 20px 0px 0px;
	text-align: left;
	border-right: 1px solid #0A2F73; }
	
.dl3 thead td {
	color: #FFFFFF;
	font-size: 10px;
	padding: 0px 7px;
	margin: 20px 0px 0px;
	text-align: center;
	border-right: 1px solid #0A2F73; }
	
thead td.group {
	border-left: 2px solid #0A2F73; }
	
thead tr.subth {
	background: #0A2F73 url(/images/bg-subth.gif) repeat-x top;
	height: 20px; }
	
.dl3 tbody tr {
	background: #F5F5F5 url(/images/tdl.gif) repeat-x top; }
	
tbody tr.odd {
	background: #DDF4F8; }
	
.dl3 tbody th {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	padding: 10px 7px;
	border-top: 1px solid #0A2F73;
	border-right: 1px solid #0A2F73;
	text-align: left; }
	
.dl3 tbody td {
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	padding: 10px 7px;
	border-top: 1px solid #0A2F73;
	border-right: 1px solid #0A2F73;
	text-align: center; }
	
tbody td.group {
	border-left: 2px solid #0A2F73; }
	
	
/*  --- Light Color Table for Main Content --- */

table.lt  {
	border-collapse: collapse;
	border: 1px solid #B9D3D9;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px 0px 15px 0px; }
	
.lt p {
	font-size: 11px; }
	
.lt caption {
	font: 15px Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: left;
	text-indent: 6px;
	height: 24px;
	color: #666666; }
	
.lt thead th {
	background: #DDF4F8 url(/images/thlt.gif) repeat-x top;
	height: 47px;
	color: #0A2F73;
	font-size: 11px;
	padding: 0px 7px;
	margin: 20px 0px 0px;
	text-align: left;
	border: 1px solid #B9D3D9; }
	
.lt thead td {
	background: #DDF4F8 url(/images/thlt.gif) repeat-x top;
	height: 47px;
	color: #0A2F73;
	font-size: 11px;
	padding: 0px 7px;
	margin: 20px 0px 0px;
	text-align: left;
	border-right: 1px solid #B9D3D9; }
	
.lt tbody tr {
	background: #FFFFFF; }

tbody tr.oddlt {
	background: #DDF4F8; }
	
.lt tbody th {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #666666;
	padding: 10px 7px;
	border: 1px solid #B9D3D9;
	text-align: left;
	vertical-align: top; }
	
.lt tbody td {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	padding: 10px 7px;
	border: 1px solid #B9D3D9;
	text-align: left;
	vertical-align: top; }



	
	
/* ------------------------------------------------ Masthead ------------------------------------------------ */




#properties-nav {
	color: #000000;
	background: #F2560A url(/images/bg-properties-menu.gif) repeat-x bottom left; }
	
#properties-nav ul {
	color: #000000;
	display: inline;
	margin: 0px;
	padding: 0px;
	list-style-type: none; }
	
#properties-nav li {
	font-size: 9px;
	display: inline;
	list-style-type: none;
	padding: 0px 10px 0px 0px;
	margin: 0px;
	background: transparent; }
	
#properties-nav a {
	color: #000000;
	text-decoration: none; }
	
#properties-nav a:hover {
	color: #000000;
	text-decoration: underline; }
	
#signin {
	color: #000;
	background: #F2560A url(/images/bg-properties-menu.gif) repeat-x bottom left;
	text-align: right; }
	
#signin p {
	margin: 0px 8px 0px 0px;
	font-size: 9px; }
	
#signin a {
	color: #000;
	text-decoration: none; }
	
#signin a:hover {
	color: #000;
	text-decoration: underline; }
		
#download-tile {
	background: #FFF url(/images/download-bot.jpg) no-repeat top;
	text-align: center;
	vertical-align: top;
	padding-top: 2px; }
	
#download-tile p {
	color: #FFF;
	font-size: 11px;
	margin: 0px; }
	
#download-tile a {
	color: #FFF;
	text-decoration: none; }
	
#download-tile-plus p {
	color: #000;
	font-size: 12px;
	margin: 0px;
	padding-top: 11px; }
	
#download-tile-plus a {
	color: #000;
	text-decoration: underline; }
	
#download-tile-plus a:hover {
	color: #000;
	text-decoration: none; }



	

/* ------------------------------------------------ Text ------------------------------------------------ */



	
#padded-block {
	margin: 0px 20px 20px 20px; }
	
#padded-block p {
	margin: 0px; }

ul.tightlist {
	margin-top: 0px;
	margin-bottom: 0px; }

ul.tightlist li {
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: 11px; }

.graybar h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	text-align: left;
	color: #333333;
	background-color: #DDDDDD;
	border-bottom: 2px solid #666666;
	padding: 5px 0px 6px 17px;
	margin: 0px;
	width: 100%;
	float: left; }

h5.graybar {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: left;
	color: #666666;
	background-color: #DDDDDD;
	border-bottom: 2px solid #666666;
	padding: 5px 0 6px 10px;
	margin: 0 0 10px 0; }
	
.dotrule {
	background-image: url(/images/index/bg-hr-dot.gif);
	background-repeat: repeat-x;
	height: 5px; }
	
.dotrule hr {
	display: none; }
	


	

/* ------------------------------------------------ Partners ------------------------------------------------ */




#basicbonus-partners {
	background: #FFF url(/images/bonus-top-partners.jpg) no-repeat top;
	color: #FFF;
	padding-top: 40px;
	padding-bottom: 8px;
	padding-left: 58px;
	margin-bottom: 10px;
	text-align: right; }
	
#basicbonus-partners p {
	color: #FFF; 
	font-size: 11px; }
	
#basicbonus-partners h4 {
	color: #FFF;  }
	
#basicbonus-partners a {
	color: #FFF;
	text-decoration: none; }
	
#basicbonus-partners a:hover {
	color: #FFF;
	text-decoration: underline; }
	
#basicbonus-logo {
	text-align: right;
	padding-top: 6px; }


/* --------------------------- buttons -------------------------- */

input.button-user {
background:#E3E3E3 url(/images/button_bg.gif) repeat-x scroll center top;
border:1px solid #CCCCCC;
color:#454545;
cursor:pointer;
font-size:11px;
font-weight:bold;
margin:6px 0pt;
padding:3px 5px;
text-transform:uppercase;
}


/* ------------------------------------------------ Odds Ends ------------------------------------------------ */
.print-this {
	width: 100%;
	background: #FFF url(/images/icon-print-small.gif) no-repeat right; }

.print-this p {
	text-align: right;
	font-size: 10px;
	margin: 2px 16px 0px 0px;
	padding: 0px; }

table.simple-table {
	border-collapse: collapse;
	border: 1px solid #000; }

.simple-table td {
	border: 1px solid #000;
	padding: 4px;
	font-size: 11px;
	color: #666; }

.body-float {
	width: 200px;
	padding: 10px;
	margin-left: 10px;
	float: right; }

.body-float p {
	text-align: center; }
	
/* ----------------------------------------- New Navigation (CRAZES)---------------------------------------- */

#mainnav {
	background: #fff url(http://hyperic.crazes.de/images/menu/bg.gif) repeat-x left 0;
	width: 100%;
	margin: 0 auto;
}

#mainnav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
}

#mainnav ul li {   
	display: inline;
	padding-left: 0;
	padding-right: 0;
}

#mainnav ul.main {
	width: 944px;
	height: 42px;
}

#mainnav ul.main li {
	float: left;
}

ul.main li.searchbox {
	padding-top: 12px;
	width: 330px;
	text-align: right;
	margin-top: 13px;
}

ul.main li {
	background: none;
}

span.searchinput input {
	height: 13px;
	font-size: 12px;
	border: 1px solid #000;
	border-right: 0;
	width: 157px;
	padding-left: 5px;
	padding-top: 2px;
}

*html span.searchinput input {
	margin-top: -1px;
}		

*+html span.searchinput input {
	margin-top: -1px;
}	

span.searchsubmit {
}

span.searchsubmit input {
	position: absolute;	
	border: 0;
}

#mainnav ul li {
	padding: 0 0px;
}

#mainnav ul li a.gt-menu {
	background-repeat: no-repeat;
	background-position: top left;
	display: block;
}

#mainnav ul li a.gt-menu span {
	display:block;
	height:1px;
	width:1px;
	overflow:hidden;  
}

#mainnav ul.main li ul li a.community {
	background-image: url(http://hyperic.crazes.de/images/menu/community-off.gif);
	width:91px;
	height:42px;
}

#mainnav ul.main li ul li a.community:hover {
	background-image: url(http://hyperic.crazes.de/images/menu/community-on.gif);
}

#mainnav ul.main li ul li a.community_active {
	background-image: url(http://hyperic.crazes.de/images/menu/community.gif);
}

#mainnav ul.main li ul li a.products {
	background-image: url(http://hyperic.crazes.de/images/menu/products-off.gif);
	width:82px;
	height:42px;
	
}

#mainnav ul.main li ul li a.products:hover {
	background-image: url(http://hyperic.crazes.de/images/menu/products-on.gif);
}

#mainnav ul.main li ul li a.products_active {
	background-image: url(http://hyperic.crazes.de/images/menu/products.gif);
	width:82px;
	height:42px;			
}

#mainnav ul.main li ul li a.support {
	background-image: url(http://hyperic.crazes.de/images/menu/support-off.gif);
	width:72px;
	height:42px;
}

#mainnav ul.main li ul li a.support:hover {
	background-image: url(http://hyperic.crazes.de/images/menu/support-on.gif);
}

#mainnav ul.main li ul li a.support_active {
	background-image: url(http://hyperic.crazes.de/images/menu/support.gif);
	width:72px;
	height:42px;			
}

#mainnav ul.main li ul li a.demo {
	background-image: url(http://hyperic.crazes.de/images/menu/demo-off.gif);
	width:52px;
	height:42px;
}

#mainnav ul.main li ul li a.demo:hover {
	background-image: url(http://hyperic.crazes.de/images/menu/demo-on.gif);
}

#mainnav ul.main li ul li a.demo_active {
	background-image: url(http://hyperic.crazes.de/images/menu/demo.gif);
	width:52px;
	height:42px;			
}

#mainnav ul.main li ul li a.download {
	background-image: url(http://hyperic.crazes.de/images/menu/downloads-off.gif);
	width:89px;
	height:42px;
}

#mainnav ul.main li ul li a.download:hover {
	background-image: url(http://hyperic.crazes.de/images/menu/downloads-on.gif);
}

#mainnav ul.main li ul li a.download_active {
	background-image: url(http://hyperic.crazes.de/images/menu/downloads.gif);
	width:89px;
	height:42px;			
}

#mainnav ul.main li ul li a.buy {
	background-image: url(http://hyperic.crazes.de/images/menu/buy-off.gif);
	width:64px;
	height:42px;
}

#mainnav ul.main li ul li a.buy:hover {
	background-image: url(http://hyperic.crazes.de/images/menu/buy-on.gif);
}

#mainnav ul.main li ul li a.buy_active {
	background-image: url(http://hyperic.crazes.de/images/menu/buy.gif);
	width:64px;
	height:42px;			
}

#mainnav ul.main li ul li a.partners {
	background-image: url(http://hyperic.crazes.de/images/menu/partners-off.gif);
	width:69px;
	height:42px;
}

#mainnav ul.main li ul li a.partners:hover {
	background-image: url(http://hyperic.crazes.de/images/menu/partners-on.gif);
}

#mainnav ul.main li ul li a.partners_active {
	background-image: url(http://hyperic.crazes.de/images/menu/partners.gif);
	width:69px;
	height:42px;			
}

#mainnav ul.main li ul li a.company {
	background-image: url(http://hyperic.crazes.de/images/menu/company-off.gif);
	width:121px;
	height:42px;
}

#mainnav ul.main li ul li a.company:hover {
	background-image: url(http://hyperic.crazes.de/images/menu/company-on.gif);
	width:121px;
	height:42px;	
}

#mainnav ul.main li ul li a.company_active {
	background-image: url(http://hyperic.crazes.de/images/menu/company.gif);
	width:121px;
	height:42px;	
}

/* Header */

#masterheader {
	width: 946px;
	height: 72px;
	background: url(/includes/img/masthead_backdrop.gif) no-repeat -5px 0;
	margin: 0 auto;
}

#masterheader .tools {
	padding-left: 275px;
	height: 20px;	
	text-align: left;
}

#masterheader .tools ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#masterheader .tools ul li {
	display: inline;
	background: none;
	padding: 0;
}

#masterheader .tools ul li a {
	background: none;
	padding: 0 10px 0 0;
	color: #000;
	font-size: 10px;
}

#masterheader .logoservice {

}

#masterheader .logoservice .logo {
	float: left;
	width: 250px;
	height: 45px;
}

#masterheader .logoservice .service {
	float: right;
	width: 190px;
	height: 40px;
	color: #fff;
	text-align: center;
	padding-top: 5px;
	font-size: 11px;
}

#masterheader .logoservice .service a.download {
	color: #fff;
	padding: 2px 0 0 0;	
	display: block;
}

#masterheader .logoservice .service a.fragen {
	color: #000;
	text-decoration: underline;
	font-size: 12px;
}

#masterheader .logoservice .service a.fragen:hover {
	text-decoration: none;
}

#headercontainer {
	width: 100%;
	text-align: center;
	background: #fff url(/includes/img/masthead_backdrop_right.gif);
}
