/* -------------   Common  ------------------*/
/* Sehr sparsam einsetzen wegen unerwünschten Seiteneffekten 
   Hintegrundgrafik
*/
body { 
	background: url('files/background-image.gif');
	background-attachment: scroll;
	background-repeat: repeat-y;
	background-position: center;
	/* show scrollbar on right - needed*/
	/* do not work with ie: overflow-y: scroll; */

	/* this is needed because of ie */	
    text-align: center;
}


/* -------------   Common  Class ------------------*/
img.left {float: left; margin: 2px 10px 5px 0; border: 0;}
img.right {float: right; margin: 2px 0 5px 10px; border: 0;}
img.across {margin: 0 0 10px 0; border: 0;}
ul.square {list-style: square outside; margin: 0 0 0 16px; padding: 0 0 1em 0;}
ul.circle {list-style: circle outside; margin: 0 0 0 16px; padding: 0 0 1em 0;}
ul ul.circle {margin-top: .3em;}
ul.square {margin-top: .3em;}
ol.last {padding: 0;}
ul.last {padding: 0;}
.sosumi {font-size: 10px; color: #76797c;}
ol.sosumi {margin-left: 0; padding-left: 1.5em; clear: both;}
div.clearer {clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px;}

/* -------------   Standard Table ------------------*/
table.hide { cellspacing: 0; border:0; border-collapse: collapse; width: 100%}
table.box  {
	border: 1; width: 100%; cellspacing: 0; bordercolor: #A1A5A2; bordercolorlight: #A1A5A9; bordercolordark: #A1A5A9;
	cellpadding: 5; border-collapse: collapse;
}

/* -------------   links  ------------------*/
/*  Do all Links without underline and moving to red on mouse over / color:red;*/
/* a { color:blue; text-decoration:none; }
a:hover { text-decoration:underline; } */
a.contextlink { color:black; text-decoration:none; }
a:hover.contextlink { color:blue; text-decoration:underline; }

/* -------------   Productname  ------------------*/
span.productname { color: #209CEF; font-family: 'Arial-BoldMT', 'Arial', 'sans-serif'; font-size: 17px; font-weight: bold; line-height: 18px; opacity: 1.00; }
span.productversion { color: #000000; font-family: 'Arial-BoldMT', 'Arial', 'sans-serif'; font-size: 17px; font-weight: bold; line-height: 18px; opacity: 1.00;  }

/* -------------  new design body -----------------*/
/*#border {margin:0px auto; overflow: hidden; position: relative;  background: url('files/bkgnd_highlight_blue.jpg') top left; text-align: left; width: 750px }*/

/* -------------   main  ------------------*/
#main { 
	/* center this div block with 750px*/
	width: 750px; 
    margin-left: auto;margin-right: auto;
	margin-bottom: 0px; margin-top: 0px; 	

	/*overflow: hidden; position: relative; */
	font-family: Tahoma; font-size: 13px;
	/*background-color:white;*/
	/*background: transparent url(files/bkgnd_highlight_blue.jpg)  scroll top left; */
}

/*#main div.column {text-align: left; margin-bottom: 1em; width: 680px;}*/
#main p {margin: 0 0 1em 0;}
#main p.last {margin: 0;}
#main .lite {color: #79767c;}
#main h1 {font-size: 17px;  font-weight: bold; margin: 0 0 .1em 0;}		/* Use this for first Line Headline */
#main h2 {font-size: 14px; margin: 0;}
#main h3 {font-size: 13px; margin: 0;}
#main h4 {font-size: 13px; margin: 0; font-weight: bold;}				/* Use this for "in text" headline */
#main .more {text-align: right;}

#main .subcolumn1-2 {float: left; width: 330px;}
#main .subcolumn2-2 {float: right; width: 330px;}
#main .subcolumn1-3, #main .subcolumn2-3, #main .subcolumn3-3 {width: 212px; float: left;}
#main .subcolumn1-3, #main .subcolumn2-3 {margin-right: 20px;}

#main .box {border: 1px solid #a1a5a9; padding: 0 5px 5px 5px; margin: 0 0 1.25em 0;}

/* -------------   header  ------------------*/
#header {
	width: 680px; 
	margin: 10px auto; 
	background: #FFFFFF; 					/* für Brwoser die Bild nicht anzeigen */
}

/* -------------   Logo  ------------------*/
#logo { height: 130px; text-align: left;}
#logo a {  text-decoration:none; color: #209CEF;  }
#logo .logo_text { 
	height: 65px; width: 400px;
	text-align: center; 
	color: #209CEF; font-family: 'Arial-BoldMT', 'Arial', 'sans-serif';
    padding-top: 20px; 
}
    
#logo .intelli {font-size: 38px; line-height: 43px; }
#logo .address {font-size: 38px; font-weight: bold; line-height: 43px;  }
#logo .slogan {line-height: 15px; margin-bottom: 0px; margin-top: 5px; padding-bottom: 0pt; font-size: 13px; font-weight: bold; line-height: 15px;   }


/* -------------   Navigationsmenues  ------------------*/
#localnav { 
	table-layout: fixed;  padding: 0; border: 0; margin: 0; cellspacing: 0; border:0; border-collapse: collapse; 
	width: 100%;
	font-family: 'Lucia Grande', Geneva, Verdana; font-size: 13px; 
}
#localnav td { 
	text-align: center; vertical-align: middle; white-space: nowrap; 
	padding: 0; border: 1px solid #a1a5a9; border-width: 1px 1px 1px 0;
	}
#localnav td.first {border-left: 1px solid #a1a5a9;}
#localnav td.bottom {border: 0;}
#localnav a {text-decoration: none; color: #393939; display: block; padding: 3px; background: #ecedef url("files/nav_whitebar.jpg") repeat-x bottom left;}
#localnav a:hover {color: #0094E0; background: #e3e3e4 url("files/nav_silverbarhover.jpg") repeat-x bottom left;}
#localnav a.hi {color: #000000; background: #e3e3e4 url("files/nav_silverbarhover.jpg") repeat-x bottom left;}
#localnav a.hi {color: #000000; background: #e3e3e4 url("files/nav_silverbarhover.jpg") repeat-x bottom left;}
#localnav span.lang { 
	font-family: 'Lucia Grande', Geneva, Verdana; font-size: 10px;  
	font-weight:bold; text-align: left; }



/* -------------   content  ------------------*/
#content {
	width: 680px; 
	margin-left: auto;margin-right: auto;	
	 text-align: left;   
	font-family: Tahoma; font-size: 13px;
	background: #FFFFFF; 					/* für Brwoser die Bild nicht anzeigen */
}

#content .subcolumn1-2 {float: left; width: 215px;}
#content .subcolumn2-2 {float: right; width: 215px;}
#content .subcolumn1-3, #content .subcolumn2-3, #content .subcolumn3-3 {width: 135px; float: left;}
#content .subcolumn1-3, #content .subcolumn2-3 {margin-right: 22px;}
#content .box h2 {border-bottom: 1px solid #a1a5a9; padding: 5px; background: #f2f2f2; margin: 0 -5px 5px -5px; font-size: 12px;}

/* -------------   footer  ------------------*/
#footer {text-align:center; margin-top: 35px; margin-bottom: 15px; padding-buttom: 25px; font-family: Tahoma; font-size: 10px; color: #76797c;}

/* -------------   tracker  ------------------*/
#tracker {height: 30px; }

/* -------------   index.html  ------------------   */
#index_box { border:1px solid #A1A5A2; }
#index_box_header { background-color:#E3E3E4; text-align: center; vertical-align: middle; border-bottom: 1px solid #A1A5A2; padding: 4px;}
#index_box_price { text-align: right; font-family: Tahoma; font-size: 14pt; font-weight:bold; color: #A1A5A9; padding: 5px; padding-bottom: 20px; }
#index_box_price a { color:#A1A5A9; text-decoration:none; }
#index_clippings { text-align: center; clear: both;  margin-top: 5px;}
#index_clippings img { text-align: center; vertical-align: middle; border: 0; }

/* -------------   andere.html  ------------------   */
#all_price { text-align: center; font-family: Tahoma; font-size: 14pt; font-weight:bold; color: #A1A5A9; }
#all_price a { color:#A1A5A9; text-decoration:none; }
#screenshoots {  cellspacing: 0; border:0; border-collapse: collapse; width: 100%; font-family: Arial; font-size: 10px; font-weight:bold;}
#screenshoots td {  text-align: center; }
#screenshoots img {  margin-bottom: 4px; }

#feature_matrix_std { clear: both; border: 1 solid #A1A5A2; width: 100%; border-collapse: collapse;  margin-top: 30px; }
#feature_matrix_std h1 { font-family: Tahoma; font-size: 13px; font-weight:bold; margin-top: 9px; }
#feature_matrix_std td { border: 0; padding: 1px; }
#feature_matrix_std td.boxfree { width: 70px; text-align: center; }
#feature_matrix_std td.boxstd { width: 90px; text-align: center; background-color:#E3E3E4; }
#feature_matrix_std td.boxprof { width: 90px; text-align: center; }

#feature_matrix_prof { clear: both; border: 1 solid #A1A5A2; width: 100%; border-collapse: collapse; margin-top: 30px; }
#feature_matrix_prof h1 { font-family: Tahoma; font-size: 13px; font-weight:bold; margin-top: 9px; }
#feature_matrix_prof td { border: 0; padding: 1px; }
#feature_matrix_prof td.boxfree { width: 70px; text-align: center;  }
#feature_matrix_prof td.boxstd { width: 90px; text-align: center; }
#feature_matrix_prof td.boxprof { width: 90px; text-align: center;  background-color:#E3E3E4; }