/* CSS Document */

body{
	background-image:url(../img/body-background.jpg);
	background-repeat:repeat-y;
	background-position:top center;	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:0px;
	margin:0px;
}

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

address {
	margin-top:30px;
	margin-left:0px;
	font-style:normal;
}

address span {
	font-size:12px;
	font-weight:bold !important;
}

h4 {
	font-size:13px;
	font-weight:bold;
	}
/* mainWrapper ============================================================ */
div#mainWrapper{ /* zentrieren der Seite */
	margin-left:auto;
	margin-right:auto;
	width:821px;
}

/* Haupt - Navigation ============================================================ */
ul#topNav{
	background-image:url(../img/top-nav-bg.jpg);
	background-repeat:no-repeat;
	background-position:0px -5px;
	height:45px;
	padding:0px;
	margin:0 0 0 10px;
}

ul#topNav li#nobullet{	
	margin:0px;
	padding:10px 5px 5px 10px;
}

ul#topNav li{		
	list-style: none;
	font-size:11px;
	text-transform:uppercase;
	padding:0;
	margin:0;	
	font-weight:bold;
	vertical-align:top;	
	float: left;
}

ul#topNav li img {
	border-width: 0;
	margin-right: 3px;
}

ul#topNav li span{
	background-image: url(../img/list-spacer.gif);
	background-position: top left;
	background-repeat: no-repeat;
	height:30px;
	float:left;
	display:block;
	margin:0px;
	padding:10px 5px 5px 5px;
	color: #727272;
}

ul#topNav li a{
	text-decoration: none;
	color: #727272;
}

ul#topNav li a:hover{
	color:#FF6600;
}

/* Content - Wrapper ============================================================ */
div#contentWrapper{
	clear: both;
}

/* Header - Wrapper ============================================================ */
div#headerWrapper{
	margin-top:0px;
	background-image: url(../img/header-bg.jpg);
	background-position: top left;
	background-repeat: repeat-y;	
	height: 152px;
	margin-left:11px;
	
}

div#headerWrapper h1 {
	display: none;
}

/* Product Naviagtion - Wrapper ============================================================ */

div#productNavWrapper{	
	width: 229px;
	margin-left:3px;
	float: left;
	
}

html > body div#productNavWrapper {
	width: 225px;
	margin-left:6px;
}

div#productNavCenter{		
	background-image: url(../img/product-border-right.gif);
	background-position: top right;
	background-repeat: repeat-y;
	width: 229px;
	margin:0px;
	padding: 0px;	
}

html > body div#productNavCenter {
	width: 225px;
}

#productNavTop{
	background-image: url(../img/product-top-wrapper.gif);
	background-position: top right;
	background-repeat: no-repeat;	
	width: 229px;
	height: 20px;
}

html > body #productNavTop {
	width: 225px;
}

#productNavBottom{
	background-image: url(../img/product-bottom-wrapper.gif);
	background-position: top right;
	background-repeat: no-repeat;	
	width: 229px;
	height: 20px;	
	clear: both;	
}

html > body #productNavBottom {
	width: 225px;
}


#productNavCenter span{
	display: none;
}


#productNavCenter p {

  margin:0 5px 0px 15px;  
  padding:0;
  padding-bottom:5px;
}

#productNavCenter p a{
	background-position: top left;
	background-repeat: no-repeat;
	height: 101px;
	width: 178px;
	display: block;
	margin: 0px;
	padding:0px;
	border: 3px solid #F2F2F2;
}


#productNavCenter p a:hover{
	border: 3px solid #FF6600;
}




a#linkTC{
	 background-image:url(../img/terra-catalog-small.png);
}

a#linkMC{
	 background-image:url(../img/map-client-small.png);
}

a#linkSM{
	 background-image:url(../img/security-manager-small.png);
}

a#linkSMo{
	 background-image:url(../img/service-monitor-small.png);
}

a#linkLM{
	 background-image:url(../img/license-manager-small.png);
}



/*a#linkTC, a#linkMC, a#linkSM, a#linkSMo{
	 position: relative;
	 left:-25px;
}*/

a#linkTC, a#linkMC, a#linkSM, a#linkSMo, a#linkLM {
	 position: relative;
	 left:-25px;
}

html > body a#linkTC, html > body  a#linkMC, html > body  a#linkSM, html > body  a#linkSMo, html > body a#linkLM{
	 position: static;
}


/* Product Naviagtion LINKER TAB - Wrapper ============================================================ */

div#leftTab{
	position: relative;
	left: -37px;
	top: -22px;	
	height: 560px;
	width:37px;
	background-image: url(../img/left-tab-background.gif);
	background-position: top left;
	background-repeat: no-repeat;
	margin:0px;
	padding:0px;	
	float: left;
}

div#leftTab h2{
	clear:both;	
	list-style: none;
	text-transform:uppercase;
	padding:0;
   margin: 120px 0 0 20px;
	background-image: url(../img/choose-product.gif);
	background-position: top left;
	background-repeat: no-repeat;
	width: 17px;
	height: 182px;
	background-color: transparent;	
}

div#leftTab h2 span {
	/*display: none;*/
}


/* CONTENT BOX ================================================================ */
div#content{
	margin-right:20px;
	float: right;
	width: 540px;	
}

img#poductLogo{
	float: right;
}

div#content h1{
	clear: both;
	font-size: 26px;
	color: Black;
	font-weight: bold;
	margin: 0px;
}

div#content h2{
	font-size: 17px;
	color: Black;
	font-weight: bold;
	margin: 10px 10px 0 0;
	font-family: Arial, Helvetica, sans-serif;
}

div#content h3{
	font-size: 20px;
	color: Black;
	font-weight: bold;
	margin: 20px 10px 5px 0;
	font-family: Arial, Helvetica, sans-serif;
}

div#content p {
	color: Black;
	font-size: 13px;
	line-height: 17px;
}

div#content ul {
	padding: 0;margin: 0 0 0 20px;
}

div#content li {
	color: Black;
	font-size: 13px;
	
	list-style: none;
	padding: 0;margin: 0;
}

div#content ul.listestyle li{
	list-style: disc;
	line-height:22px;
}

div#content em {
	font-weight: normal;
}

#flashPlayer {
	padding: 0;margin:10px 0 0 20px;
}

div#content a{
	color: #FF6600;
	text-decoration: none;
	font-weight: bold;
}

div#content a:hover{
	text-decoration: underline;
}

div#hint p{
	font-size: 11px;
}

div#hint dt, div#hint dd{
	font-size: 11px;
}


/* FOOTER ================================================================ */
div#footer{
	margin-left:10%;
	margin-right:10%;	
	clear: both;
	text-align: center;
	padding: 3px;

}

div#footer ul {
	margin:20px 0 10px 0;
	padding:5px 0 0 0;
	background-image:url(../img/line-horiz.gif);
	background-position:top center;
	background-repeat:no-repeat;
}

div#footer li {
	display: inline;
	font-size: 9px;
	color: #727272;
}

div#footer a{
	color: #727272;
	text-decoration: none;
}

div#footer a:hover{
	color: #FF6600;
	text-decoration: underline;
}