body {
font-family: Arial, Helvetica, sans-serif;
background-color: #FFFFFF;
color: #333333;
margin: 0px;
padding: 0px;
font-size: x-small;
voice-family: "\"}\"",inherit;
font-size: small;
}
html>body { font-size: small; }

/***********************************************/
/* text properties                           */
/***********************************************/

p {margin: 10px 0 10px 0;}

h1, h2, h3, h4 {
	color: #990000;
	letter-spacing: -1px;
	clear: both;
}

h1 {margin-top: 0px; font-size: x-large;}

h2 {
	font-size: large;
	margin-top: 50px;
}

h3 {
	font-size: medium;
	margin-top: 30px;
}

h4 {font-size: small; letter-spacing: 0px;}

ul {list-style-type: none; padding-left:0; margin-left: 10px;}

li {background: url(/dualmonitor/bullet.gif) no-repeat; 
    padding-left: 14px;
	margin-bottom: 10px;
	margin-left: 0px;}

.infotext {padding: 1px 0px 1px 25px;
    background: url(/dualmonitor/info.gif) no-repeat;}
	
ul.question li, p.question {
	padding: 1px 0 3px 25px; margin-left:0;
	background: url(/dualmonitor/q.gif) no-repeat;
	color: #000066; font-weight: bold;}

ul.answer li, p.answer {
	margin-left:0;
	background: url(/dualmonitor/a.gif) no-repeat top left;
	margin-bottom: 30px;
	padding-top: 1px;
	padding-right: 0;
	padding-bottom: 3px;
	padding-left: 25px;
}

ul.answer, ul.question {margin-left:0px;}

.top {padding: 0px 0px 0px 15px; margin: 0 0 50px 25px;
	background: url(/dualmonitor/top.gif) no-repeat center left;}

.top a:link {color:#666666;}

ol {list-style-type:none; padding-left: 0px; margin-top: 20px; margin-left: 5px;}
.bullet_one, .bullet_two, .bullet_three, .bullet_four, .bullet_five, .bullet_six, .bullet_seven, .bullet_eight, .bullet_nine {background: no-repeat; padding: 2px 0px 10px 30px; margin-bottom:20px;}
.bullet_one {background-image: url(/dualmonitor/bullet_one.png)}
.bullet_two {background-image: url(/dualmonitor/bullet_two.png)}
.bullet_three {background-image: url(/dualmonitor/bullet_three.png)}
.bullet_four {background-image: url(/dualmonitor/bullet_four.png)}
.bullet_five {background-image: url(/dualmonitor/bullet_five.png)}
.bullet_six {background-image: url(/dualmonitor/bullet_six.png)}
.bullet_seven {background-image: url(/dualmonitor/bullet_seven.png)}
.bullet_eight {background-image: url(/dualmonitor/bullet_eight.png)}
.bullet_nine {background-image: url(/dualmonitor/bullet_nine.png)}

.eps, .pdf, .pps, .qt, .rm, .zip, .jpg, .gif, .wmedia, .word, .arrow {padding-left: 22px; background: left no-repeat;}
.eps {background-image: url(/dualmonitor/eps.gif)}
.pdf {background-image: url(/dualmonitor/pdf.gif) }
.pps {background-image: url(/dualmonitor/pps.gif)}
.qt {background-image: url(/dualmonitor/qt.gif)}
.rm {background-image: url(/dualmonitor/real.gif)}
.zip {background-image: url(/dualmonitor/zip.gif)}
.jpg {background-image: url(/dualmonitor/jpg.gif)}
.gif {background-image: url(/dualmonitor/gif.gif)}
.wmedia {background-image: url(/dualmonitor/winmedia.gif)}
.word {background-image: url(/dualmonitor/wordicon.gif)}
.arrow {background-image: url(/dualmonitor/blackarrow.gif)}

a:link, a:visited, a:hover {
	color: #000066;
	font-weight: bold;
	text-decoration: none;
}

a:hover {color: #0066CC;}

abbr, acronym, .help {cursor: help;}

.minitext {font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;}

.block {
	padding-left: 30px;
	padding-right: 20px;
}

.warning {color: #990000; font-weight: bold}

p.testimonials  {margin-bottom: 50px;}

.highlight {
	background-color:#FFFFCC;
	border: solid 1px;
	border-color:#CCCCCC;
	margin: 0px;
	padding:10px 20px;
	clear: both;
	margin-top: 20px;
}

.highlight h3 {padding: 1px 0px 1px 25px; margin-top: 10px;
    background: url(/dualmonitor/info.gif) no-repeat;
}

/*for reserved words like "secondary PC"*/
.def {font-weight:bold;}

/*for reserved commands like "activate screen"*/
.cmd, .menuitem {font-weight:bold; font-style:italic;}

/*for filenames*/
.file {font-style:italic;}

/***********************************************/
/* OLD Main navigation (kept for old pages)    */
/***********************************************/

#mainnav ul {
	white-space: nowrap;
	display: inline;
	padding: 0px;
	margin: 0px;
}

#mainnav ul li {
	background-image: none;
	list-style: none;
	display: inline;
	padding: 3px 8px;
	border-left: 2px solid #999999;
}

#mainnav ul li.first {
	border-left: none;
	list-style: none;
	display: inline;
}

/***********************************************/
/* Main drop-down navigation                   */
/***********************************************/

 ul#nav, ul#nav ul, ul#nav li{
margin: 0px;
padding: 0px;
background-image: none;
list-style-type: none;
}

ul#nav li{border-left: 2px solid #999999;}

#nav li.first {
border-left: none;
list-style: none;
display: inline;
}

#nav li.last {
margin-right:15px;
}

ul#nav li ul li{
border-left: 0px solid #999999;
}

ul#nav li {float: left;}

ul#nav li a{
color: #000090;
padding: 3px 8px;
}

ul#nav li a:hover{
color: #fefefe;
background-color:#000060;
}

ul#subul { display: none; }
ul#subul li { float: none; }

ul#subul li a{
padding: 0px;
margin: 0px;
}

ul#nav li:hover ul#subul{
display: block;
position: absolute;
margin-top:2px;
padding: 0px 4px;
background-image:url(/dualmonitor/hdbg.gif);
border: 1px solid #999999;
}

ul#nav li:hover ul#subul li a{
display: block;
text-align:left;
border: none;
padding: 4px;
}

/***********************************************/
/* Sidenavigation                              */
/***********************************************/

#leftcontent ul {
	width:130px;
	padding: 0px;
	margin: 0px;
	border-bottom: 1px solid;
	border-bottom-color: #cccccc;
}

#leftcontent ul li {
	padding: 10px 4px;
	border-top: 1px solid;
	border-top-color: #cccccc;
	background-image: none;
	list-style-type: none;
	margin: 0;
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

div#head {height: 100px; left: 0px; top: 0px; width: 100%;
	position: absolute;
	border-bottom-color: #CCCCCC;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	background-image: url(/dualmonitor/hdbg.gif);
}

div#logo {position: absolute; left: 7%; top: 20px;}

div#topright {
position: absolute;
right: 30px;
top: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: xx-small;
}

div#mainnav {
position: absolute;
right: 5px; bottom: 5px;
margin: 0px; padding: 0px;}


div#footer {
padding: 5px 20px;
margin: 30px 20px 0px 20px;
color: #666666;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: xx-small;
border-top-color: #CCCCCC;
border-top-style: solid;
border-top-width: 1px;
height: 20px;
}

div#footer * {}

div#footer span.left {
float: left; color: #666666;
text-align: left;
}

div#footer span.right {
float: right;
text-align: right;
}

div#headline {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 36px;
font-style: italic;
letter-spacing: -3px;
position: absolute;
left: 474px;
top: 66px;
color: #990000;
font-weight: bold;
}

.notopmargin {
	margin-top: 1px;
	padding-top: 0px;
}


/***********************************************/
/* Info Box                                    */
/***********************************************/

.box {font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin: 0 0 30px 0;	padding: 0px;
border-bottom-color: #CCCCCC;
border-bottom-style: solid;
border-bottom-width: 1px;}

.box h1 {
display: inline;
font-size: 1.2em;
color: #000066;
margin: 0px 0px 10px 0px;
padding: 2px 10px 2px 10px;
background-color: #CCFF00;
border-right-color: #999999;
border-right-style: solid;
border-right-width: 1px;
height: 23px;
white-space: nowrap;
letter-spacing: 0px;}

.box p {color: #333333;
margin: 0px;
padding: 10px 12px 5px 10px;
background-color: #E8EDF5;
border-right-color: #999999;
border-right-style: solid;
border-right-width: 1px;}

/* content box properties */

.awards {text-align:center}
.awards p {margin-bottom:30px; font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: xx-small;}

.quotebox {margin:0; padding:10px; text-align:left; height:1%;
background: url("/dualmonitor/box_bl.gif") bottom left no-repeat;}

.photo {
float:left;
width:auto;
margin: 0 5px 10px 0;
border: 1px solid #999999;
padding: 2px;
background-color: #FFFFFF;}


.quotebox p {
clear: both;
padding: 0px;
margin: 0px 0px 10px 0px;
}

p.qlink {
text-align:right;
margin: 10px 0 0 0;
color: #FFFFFF;
}

.quotebox h3 {
color: #333366;
font-size:medium;
margin:0;
padding:0;
clear: none;
}

.quotebox h4 {
clear: none;
margin: 0;
padding: 0;
}

#promobox {text-align: center;}
#promobox h1 {margin-bottom:20px; font-size: x-large;}
#promobox h2, #promobox p, #promobox h3 {text-align:left;}
#promobox .block {text-align:justify;}

.box_bl p {margin:0; padding:0;}

.imgmargin {margin: 0 10px 10px 0; float:left;}

.dlbox {
margin:0;
padding: 10px 5px;
text-align:center;
height:1%; /* bugfix damit Boxhintergrund nicht über Box hinausläuft */
}


.dlbox a, .dlbox a:link, .dlbox a:visited {
margin:0;
padding:0;
color: #006633;
font-size: medium;
height:1%;
}

.dlbox p, .dlbox h1 {margin: 0px 0 5px 0; text-align:center;}


.dlbox {margin:0;
padding: 10px 5px;
text-align:center;
height:1%;
background: url("/dualmonitor/box_bl.gif") bottom left no-repeat;}

.buybox {
margin: 0 80px 0 0;
padding: 20px 0 10px 10px;
text-align:left;
height: 1%;
background: url("/dualmonitor/box_bl.gif") bottom left no-repeat;}

.buybox p, .buybox h1 {margin: 0px 0 5px 0;}



.quotebox {
margin:0;
padding: 10px;
text-align:left;
height:1%;
background: url("/dualmonitor/box_bl.gif") bottom left no-repeat;
}


.pic {
margin-right: 10px;
}

.quotebox p {
clear: both;
padding: 0px;
margin: 0px 0px 10px 0px;
}

.quotebox h3 {
color: #333366;
font-size:medium;
margin:0;
padding:0;
clear: none;
}

.quotebox h4 {
clear: none;
margin: 0;
padding: 0;
}

/* box divs */


.box_tr {background: url("/dualmonitor/box_tr.gif") top right no-repeat; margin:0; padding:0;}
.box_tl {background: url("/dualmonitor/box_tl.gif") top left no-repeat; margin:0; padding:0;}
.box_br {background: url("/dualmonitor/box_br.gif") bottom right no-repeat; margin:0; padding:0;}
.box_bl {background: url("/dualmonitor/box_bl.gif") bottom left no-repeat; margin:0; padding: 0;}

.bluebox_tr {background: url("/dualmonitor/bluebox_tr.gif") top right no-repeat; margin: 0 0 40px 0; padding:0;}
.bluebox_tl {background: url("/dualmonitor/bluebox_tl.gif") top left no-repeat; margin:0; padding:0;}

.greenbox_tr {background: url("/dualmonitor/greenbox_tr.gif") top right no-repeat; margin:10px 0 30px 0; padding:0;}
.greenbox_tl {background: url("/dualmonitor/greenbox_tl.gif") top left no-repeat; margin:0; padding:0;}

/***********************************************/
/* Video Boxes                                 */
/***********************************************/

.wmbox {
background-image: url(http://www.maxivista.com/dualmonitor/wmediabg.gif);
background-repeat: no-repeat;
text-align: center;
margin: 5px 30px 20px 0px; padding: 0px;
width: 172px; height: 139px;
float: left;
display: table-cell;}

.wmbox p {padding: 30px 20px 0px 15px; margin: 0px;}

.rmbox {
background-image: url(http://www.maxivista.com/dualmonitor/realbg.gif);
background-repeat: no-repeat;
text-align: center;
margin: 5px 30px 20px 0px; padding: 0px;
width: 172px; height: 124px;
float: left;
display: table-cell;}

.rmbox p {padding: 35px 20px 0px 15px; margin: 0px;}

  
/*******************/
/* Normal Button   */
/*******************/

ul.button {margin: 20px 0px 0px 0px; list-style-type: none;}

.button li, p.button  {
background:  url("/dualmonitor/bl.gif") no-repeat center left;
white-space: nowrap; float: left;
background-color: #990000;
padding-left: 10px;
margin:0;}

p.button  {
clear:both;
margin: 20px 20px 20px 0px;
}

.button li  {margin: 5px 10px 10px 0; display: inline;}

.button a {display: block;}

/* Commented backslash hack hides rule from IE5-Mac \*/
.button a
{float: none;}
/* End IE5-Mac hack */

.button a, .button a:link, .button a:hover, .button a:visited {
	background:  url("/dualmonitor/br.gif") no-repeat center right;
	color: #FFFFFF;	margin: 0;
	padding-bottom: 3px;
	padding-top: 3px;
	padding-right: 10px;}

.button a:hover  {text-decoration:underline}

/********************************/
/* Small Button (for "more...") */
/********************************/

.sbut {
	background:  url("/dualmonitor/sbl.gif") no-repeat center left;
	background-color: #000066;
	white-space: nowrap;
	font-size: 11px;
	padding-left: 6px;
	margin-top: 10px;
	margin-left:10px;
}

.sbut a, .sbut a:link, .sbut a:hover, .sbut a:visited {
	background:  url("/dualmonitor/sbr.gif") no-repeat center right;
	padding-bottom: 1px;
	padding-right: 6px;
	color: #FFFFFF;
}

.sbut a:hover  {
	text-decoration:underline;
}

.how {margin-top: 25px;}
.how h2, .how p {margin-left: 130px; margin-top:0; padding-top:0; clear:none;}
.how img {float:left;}
.how div {clear:both; padding-bottom: 1px;}

.quoteclear {clear:both; 
margin-top:20px;
padding-top:20px; 
margin-bottom: 40px;
border-bottom-color: #CCCCCC;
border-bottom-style: solid;
border-bottom-width: 1px;
}
	
.quote h2, .quote p {
margin-left: 150px;
margin-top:0;
padding-top:0;
clear:none;
}

.userquote h2, .userquote p {
margin-left: 90px;
margin-top:0;
padding-top:0;
clear:none;
}

.quotephoto, .quote img, .userquote img {
	float: left;
}

.quotephoto img {
	clear:both;
	float:none;
	display: block;
	margin-bottom: 10px;
}

/*********************/
/* Table formatting  */
/*********************/
.table th, .centeredtable th {padding:5px 10px; background:#000066; color:#FFFFFF; font-weight:bold; white-space:nowrap; text-align:left;}
.table td, .centeredtable td {padding:10px; background:#E5E9F0; vertical-align:top;}
.table tr.dark td{background:#fefefe;}
.table tr.white td, .centeredtable tr.white td {background-color:#FFFFFF; text-align:center;}
.table td.white, .centeredtable td.white {background-color:#FFFFFF; text-align:center;}
.table td.cellcenter, .table tr.cellcenter td, .table tr.cellcenter th {text-align:center; vertical-align:middle;}

.centeredtable th {text-align:center;}
.centeredtable {text-align:center; width:100%;}
.centeredtable td {vertical-align:middle;}


/*Required for the Flash DIV not to collapse*/
html, body, #promobox, #noflashcontents {height:100%;}