body {
font-size: 12px;
font-family: verdana;
text-align: center;
border: none;

}

.boxproducts{
width: 800px;
height: 250px;
background: #FFFFF;
background-image: url(../images/productsback2.png);
background-repeat: none;
padding: 10px 0px;
margin: 0px 0px 0px 0px;
}

.boxdownload{
width: 800px;
height: 250px;
background: #FFFFF;
background-image: url(../images/download.jpg);
background-repeat: none;
padding: 20px 0px;
margin: 0px 0px 0px 0px;
}

.boxreference{
width: 800px;
height: 220px;
background: #FFFFF;
background-image: url(../images/autobahn_3_800.jpg);
background-repeat: none;
padding: 5px 0px;
margin: 0px 0px 0px 0px;
}  
 
.boxreferences{
width: 800px;
height: 250px;
background: #FFFFF;
background-image: url(../images/references3.jpg);
background-repeat: none;
padding: 20px 0px;
margin: 0px 0px 0px 0px;
} 

.boxfaq{
width: 800px;
height: 250px;
background: #FFFFF;
background-image: url(../images/helpdesk.jpg);
background-repeat: none;
padding: 20px 0px;
margin: 0px 0px 0px 0px;
} 

.boxpartners{
width: 800px;
height: 250px;
background: #FFFFF;
background-image: url(../images/partners2.jpg);
background-repeat: none;
padding: 20px 0px;
margin: 0px 0px 0px 0px;
} 
.boxcontact{
width: 800px;
height: 250px;
background: #FFFFF;
background-image: url(../images/contact.jpg);
background-repeat: none;
padding: 20px 0px;
margin: 0px 0px 0px 0px;
}

.boxheader{
font-size: 11px;
font-family: verdana;
font-weight: bold;
color: #ffffff;
border: none;
width: 195px;
height: 20px;
background: #FFFFF;
background-image: url(../images/boxheader4.png);

margin: 20px 0px 0px 0px;
padding: 2px 0px 0px 10px;
}

.boxmiddle{
width: 200px;
background: #FFFFF;
background-image: url(../images/boxmiddle2.png);
background-repeat: repeat-y;
}

.boxmiddle2padding{
width: 200px;
height: 20px;
background: #FFFFF;
background-image: url(../images/boxmiddle3.png);
background-repeat: repeat-y;
}

.boxmiddle2{
width: 200px;
margin: 0px 0px 0px 0px;
background: #FFFFF;
background-image: url(../images/boxmiddle3.png);
background-repeat: repeat-y;
}

.boxfooter{
border: none;
width: 200px;
height: 15px;
background: #FFFFF;
background-image: url(../images/boxbottom2.png);
background-repeat: repeat-none;
}

.boxfooter2{
border: none;
width: 200px;
height: 15px;
background: #FFFFF;
background-image: url(../images/boxbottom3.png);
background-repeat: repeat-none;
}

iframe {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
 
.partnertable{
width: 770px;
height: 135px;
background: #ED6E20;
padding: 2px 0px;
margin: 0px 0px 0px 20px;
}  


html {
border: none;
background: #C9C9FD;
background: #cccccc; 
background-image: url(../images/background.gif);
background-repeat: repeat-y;
background-position:center;
}

#wrap {
width: 1000px;
margin: 0 auto;
text-align: left;
margin-top: -8px;
}

#header {
font-size: 12px;
font-family: verdana;
float: top;
width: 1000px;
height: 110px;
background: #cccccc;
}

#navigation {
background: #616161;
background-image: url(../images/submenu5.gif);
background-repeat: none;
float: top;
width: 1000px;
height: 20px;
}

#navigationsub {
background: #a0a0a0;
background: #aaaa99;
background: #DDDDFF;
background-image: url(../images/submenu.png);
float: top;
width: 1000px;
height: 20px;
border-bottom: 1px solid #a0a0a0;
}

#contentflexheight {
background: #ffffff;
background-image: url(../images/grgradhorleftquick.gif);
background-repeat: repeat-y;
font-size: 12px;
font-family: verdana;
color: #555555;
margin: 0px 0px 0px 0px;
float: left;
width: 800px;
min-height: 1200px;

}
#contentreference{
background: #ffffff;
background-image: url(../images/grgradhorleftquick.gif);
background-repeat: repeat-y;
font-size: 12px;
font-family: verdana;
color: #555555;
margin: 0px 0px 0px 0px;
float: left;
width: 800px;
height: 3100px;

}


#content {
background: #ffffff;
background-image: url(../images/grgradhorleftquick.gif);
background-repeat: repeat-y;
font-size: 12px;
font-family: verdana;
color: #555555;
margin: 0px 0px 0px 0px;
float: left;
width: 800px;
height: 1200px;

}

#contentwide {
font-size: 12px;
font-family: verdana;
margin: 0px 0px 0px 0px;
background: #ffffff;
background-image: url(../images/grgradhorleftquick.gif);
background-repeat: repeat-y;
float: left;
width: 1000px;
border-right: 1px solid #eee;
}

#sidebar {
margin: 150px 800px;
font-size: 11px;
color: #aaaabb;
font-family: verdana;
text-align: left;
background: #ffffff;
float: right;
height: 1200px;
width: 197px;
margin: 0px 0px 0px 0px;
padding: 0px 0px;
border-right: 3px solid #a0a0a0;
}

#sidebarinner{
margin: 150px 800px;
font-size: 11px;
color: #aaaabb;
font-family: verdana;
text-align: left;
background: #ffffff;
background-image: url(../images/grgradhorright.gif);
background-repeat: repeat-y;
float: right;
height: 1200px;
width: 197px;
margin: 0px 0px 0px 0px;
padding: 0px 0px;
}

#sidebarreferences {
margin: 150px 800px;
font-size: 11px;
color: #aaaabb;
font-family: verdana;
text-align: left;
background: #ffffff;
float: right;
height: 3100px;
width: 197px;
margin: 0px 0px 0px 0px;
padding: 0px 0px;
border-right: 3px solid #a0a0a0;
}

#sidebarinnerreferences{
margin: 150px 800px;
font-size: 11px;
color: #aaaabb;
font-family: verdana;
text-align: left;
background: #ffffff;
background-image: url(../images/grgradhorright.gif);
background-repeat: repeat-y;
float: right;
height: 3100px;
width: 197px;
margin: 0px 0px 0px 0px;
padding: 0px 0px;
}


#footer {
background: #aa4444;
background-image: url(../images/footer.png);
float: left;
width: 1000px;
height: 50px;
border-top: 1px solid #a0a0a0;
}
 
#footerwide {
background: #aa4444;
background-image: url(../images/footer.png);
float: left;
width: 1000px;
height: 50px;
border-top: 1px solid #a0a0a0;
}

#map{
width: 750px; 
height: 400px; 
margin: 20px 20px;

}

.contenttextbox{
width:400px;
}

.contentleftcol{
float: left;
width: 380px;
border-right: 1px solid #eeeeee;
}

.contentleftcol2{
float: left;
width: 380px;
margin: -10px 0px;
}

.contentrightcol{
float: left;
width: 390px;
border-right: 1px solid #eeeeee;
}

.contentrightcol2{
float: right;
width: 350px;
border-right: 0px solid #eeeeee;
}

.whitetext{
  color: #FFFFFF;
}

h1{
  margin: 20px 20px;
  font-family: verdana;
  font-size: 20px;
  color: #333388;
  color: #aaaaaa;
}

h2{
  margin: 25px;
  font-family: verdana;
  font-size: 15px; 
  color: #ED6E20;
}



#content h2#eai{
  margin: 25px;
  display:block;
  font-family: verdana;
  font-size: 15px; 
  color: #ED6E20;
}  

#content h2#jopt{
  margin: 25px;
  font-family: verdana;
  font-size: 15px; 
  color: #ED6E20;
}  

h3 {
  margin: 12px;
  font-family: verdana;
  font-size: 18px; 
  color: #ED6E20;
} 

h4 {
  margin: 20px;
  font-family: verdana;
  font-size: 12px; 
  color: #3D9CE5;
} 

h5,h6 {
  margin: 20px;
  font-family: verdana;
  font-size: 12px; 
  color: #ED6E20;
  color: #AAAAAA;
} 

p {
  margin: 15px 20px;
}

#content p {
  margin: 15px 20px;
  line-height: 1.2;
}

#sidebarinner p {
  margin: 0px 20px;
  line-height: 1.1;
}

#sidebarinnerreferences p {
  margin: 0px 20px;
  line-height: 1.1;
}


#sidebarinner p.alert {
  color: #F2851C; 
  margin: 0px 20px;
  padding: 10px 0px;
  line-height: 1.0;
}

#sidebarinnerreferences p.alert {
  color: #F2851C; 
  margin: 0px 20px;
  padding: 10px 0px;
  line-height: 1.0;
}

#sidebarinner p.tableleft {
  color: #F2851C; 
  margin: 0px 10px;
  padding: 0px 0px 0px 0px;
  line-height: 1.0;
  font-size: 10px;
}

#sidebarinnerreferences p.tableleft {
  color: #F2851C; 
  margin: 0px 10px;
  padding: 0px 0px 0px 0px;
  line-height: 1.0;
  font-size: 10px;
}

#sidebarinner p.tableright {
  color: #F2851C; 
  margin: 0px 0px;
  padding: 0px 0px 0px 0px;
  line-height: 1.0;
  font-size: 10px;
}

#sidebarinnerreferences p.tableright {
  color: #F2851C; 
  margin: 0px 0px;
  padding: 0px 0px 0px 0px;
  line-height: 1.0;
  font-size: 10px;
}

#sidebar p.vspace {
  margin: 0px 20px;
  padding: 20px 0px;
  line-height: 1.0;
}

#sidebarreferences p.vspace {
  margin: 0px 20px;
  padding: 20px 0px;
  line-height: 1.0;
}

#content a {
color: #616e88;
}

#navigation a {
color:#ffffff;
float: left;
display: inline;
font:bold 10px verdana, sans-serif;
margin: 0px 0px 0px 0px;
padding:3px 2px 3px 2px;
text-align: center;
text-decoration:none;
background:transparent;
border-top:1px solid #99917d;
border-right:1px solid #404040;
border-bottom:1px solid #404040;
border-left:1px solid #99917d;
width:94px;
}

#navigation a:hover{
color:#f6e4c1;
color: #ffffff;
background:#FF9045;
background: #8F9045;
border-top:1px solid #e4d9c0;
border-right:1px solid #837c6b;
border-bottom:1px solid #837c6b;
border-left:1px solid #e4d9c0;
}


#navigation a#current {
background:#a0a0a0;
background:#FF9045;
background-image: url(../images/activemenu.gif);
border-top:1px solid #e4d9c0;
border-right:1px solid #837c6b;
border-left:1px solid #a0a0a0;
border-bottom:1px solid #8F9045;
}

#content a#joptref {
  color: #333388;
  background:transparent;
}

#content a#joptref:hover {
  color: #ffffff;
  background:transparent;
}

#navigationsub a {
color: #333388;
float: left;
display: inline;
font:10px verdana, sans-serif;
margin: 0px 0px 0px 0px;
padding:3px 5px 3px 2px;
text-align: left;
text-decoration:underline;
background:transparent;
}
#navigationsub a:hover{
color:#ee00aa;
background:transparent;
}

#navigationsub a:active{
color:#ee00aa;
background:transparent;
}

#sidebarinner a {
color: #333388;
display: inline;
font:10px verdana, sans-serif;
margin: 0px 0px 0px 0px;
padding:3px 5px 3px 2px;
text-align: left;
text-decoration:underline;
background:transparent;
}

#sidebarinnerreferences a {
color: #333388;
display: inline;
font:10px verdana, sans-serif;
margin: 0px 0px 0px 0px;
padding:3px 5px 3px 2px;
text-align: left;
text-decoration:underline;
background:transparent;
}

#sidebarinnerreferences a:hover{
color:#ffffff;
background:transparent;
}

#content img#helix {
margin: 0px 20px 10px 0px;
float: left;
}

#content img#helix2 {
margin: 20px 20px 10px 0px;
float: left;
}

#content img.joptfeaturelist {
margin: -20px 40px 0px 20px;
float: left;

}

#content img#joptline {
margin: 0px 10px 5px 0px;
float: left;
}

#content img#standard {
margin: 20px 20px 0px 0px;
float: left;
}

#content img#standalone {
margin: 20px 20px 0px 0px;
}

#content ul li#partner {
margin: 10px 10px 10px 10px;
padding: 10px 10px;
list-style-type: none;
}

#content ul {
margin: 10px 10px 10px 10px;
list-style-type: square;
}

#content ul.joptfeaturelist {
margin: 0px 0px;
list-style-type: square;
font-size: 12px;
font-family: verdana;
color:#3D9CE5;	
background:solid;

}

#content ul.joptfeaturelist li{
margin: 7px 0px;
}

#content a.joptfeaturelistimage {
margin: 0px 20px 7px 0px;	 
float: right;

}

#content a.joptfeaturelist {
color: #359AE3;
}

#content ul li {
margin: 0px 0px 0px 30px;
padding: 0px 0px;
list-style-type: square;
}


.box { width: 600px; background: #EEEEEE; margin: 5px 20px; }
.box .top, .box .bottom { display:block;background: #FFFFFF;float: right; }
.box .top b, .box .bottom b { display:block; height: 1px; overflow: hidden; background:#EEEEEE; }
.box .r1{ margin: 0 5px; }
.box .r2{ margin: 0 3px; }
.box .r3{ margin: 0 2px; }
.box .top .r4, .box .bottom .r4{ margin: 0 1px; height: 2px; }


.box2 { width: 700px; background: #DDDDFF; margin: 5px 20px; }
.box2 .top, .box2 .bottom { display:block;background: #FFFFFF; }
.box2 .top b, .box2 .bottom b { display:block; height: 1px; overflow: hidden; background:#DDDDFF; }
.box2 .r1{ margin: 0 5px; }
.box2 .r2{ margin: 0 3px; }
.box2 .r3{ margin: 0 2px; }
.box2 .top .r4, .box2 .bottom .r4{ margin: 0 1px; height: 2px; }

.boxjopt { width: 750px; height: 130px; background: #FFFFFF; background-image: url(../images/boxjopt750x180_map.png); background-repeat: none; margin: 5px 20px;padding: 50px 0px 0px 0px;}
 }
.boxjopt .r1{ margin: 0 5px; }
.boxjopt .r2{ margin: 0 3px; }
.boboxjoptx3 .r3{ margin: 0 2px; }
.boxjopt .top .r4, .boxjopt .bottom .r4{ margin: 0 1px; height: 2px; }

.box3 { width: 750px; background: #E1E9E8; margin: 5px 20px;}
.box3 .top, .box3 .bottom { display:block;background: #FFFFFF; }
.box3 .top b, .box3 .bottom b { display:block; height: 1px; overflow: hidden; background:#E1E9E8; }
.box3 .r1{ margin: 0 5px; }
.box3 .r2{ margin: 0 3px; }
.box3 .r3{ margin: 0 2px; }
.box3 .top .r4, .box3 .bottom .r4{ margin: 0 1px; height: 2px; }

.box4 { width: 750px; background: #E1E9E8; margin: 20px 20px;}
.box4 .top, .box4 .bottom { display:block;background: #FFFFFF; }
.box4 .top b, .box4 .bottom b { display:block; height: 1px; overflow: hidden; background:#E1E9E8; }
.box4 .r1{ margin: 0 5px; }
.box4 .r2{ margin: 0 3px; }
.box4 .r3{ margin: 0 2px; }
.box4 .top .r4, .box4 .bottom .r4{ margin: 0 1px; height: 2px; }

.box5 { width: 760px; background: #EFEFEF;}
.box5 .top, .box5 .bottom { display:block;background: #FFFFFF; }
.box5 .top b, .box5 .bottom b { display:block; height: 1px; overflow: hidden; background:#EFEFEF; }
.box5 .r1{ margin: 0 5px; }
.box5 .r2{ margin: 0 3px; }
.box5 .r3{ margin: 0 2px; }
.box5 .top .r4, .box5 .bottom .r4{ margin: 0 1px; height: 2px; }

.box6 { width: 400px; height: 214px; background: #B8B8FE; margin: 5px 20px; }
.box6 .top, .box6 .bottom { display:block;background: #FFFFFF; }
.box6 .top b, .box6 .bottom b { display:block; height: 1px; overflow: hidden; background:#B8B8FE; }
.box6 .r1{ margin: 0 5px; }
.box6 .r2{ margin: 0 3px; }
.box6 .r3{ margin: 0 2px; }
.box6 .top .r4, .box6 .bottom .r4{ margin: 0 1px; height: 2px; }

.boxhighlights { width: 700px; background: #EFEFFF;}
.boxhighlights .top, .boxhighlights .bottom { display:block;background: #FFFFFF; }
.boxhighlights .top b, .boxhighlights .bottom b { display:block; height: 1px; overflow: hidden; background:#EFEFFF; }
.boxhighlights .r1{ margin: 0 5px; }
.boxhighlights .r2{ margin: 0 3px; }
.boxhighlights .r3{ margin: 0 2px; }
.boxhighlights .top .r4, .box6 .bottom .r4{ margin: 0 1px; height: 2px; }

.boxsource { width: 950px; background: #ccccdd; margin: 5px 20px; font-family: times;}
.boxsource .top, .boxsource .bottom { display:block;background: #FFFFFF; }
.boxsource .top b, .boxsource .bottom b { display:block; height: 1px; overflow: hidden; background:#ccccdd; }
.boxsource .r1{ margin: 0 5px; }
.boxsource .r2{ margin: 0 3px; }
.boboxsource .r3{ margin: 0 2px; }
.boxsource .top .r4, .boxsource .bottom .r4{ margin: 0 1px; height: 2px; }

form {
  margin: 20px 20px;
  width: 550px;
}

form.login {
  /*background-image: url(../images/login.gif);*/
  margin: 0px 0px;
  width: 200px;
  background: #FFFFF;

}

fieldset {
  width: 750px;
  border: 1px solid #a0a0a0;
  background: #ffeeee;
  background: #fff7f7;
  padding 10px 10px 10px 10px;
  margin 20px 10px 10px 10px;
}

fieldset.login {
  border: 0px solid #a0a0a0;
  margin: 0px 0px;
  width: 200px;
  background-image: url(../images/boxmiddle2.png);
  background-repeat: repeat-y;
  /*background-image: url(../images/login.gif);*/
  /*padding 5px 5px 5px 5px;*/
  /*margin 10px 5px 5px 5px;*/
}

input#login {
  font-size: 9px;
  height: 10px
  background: #ffffff;
}

input {
  background: #ffeeee;
  background: #ffffff;
}

textarea {
  background: #ffffff;
}

p#login { 
  color: #222222;
  margin: 5px 20px;
  line-height: 1.0;
}

legend {
  font-weight: bold;
  font-size: 120%;
  color: #999;
}

label {
  display: block;
  font-style: italic;
  font-size: 80%;
}

label#login {
  display: block;
  font-style: italic;
  font-size: 80%;
}

textarea {
  width: 375px
  height: 125px
}



td {
  font-size: 12px;
  font-family: verdana;
  margin: 0px 0px 0px 0px;
}

table.red{
  border: 0;
  margin: 20px;
  font-size: 80%;
  background: #FFFFFF;
  cellspacing: 2; 
  cellpadding: 5;
}

table.red td{
  border: 0;
  margin: 20px;
  background: #FFDDDD;
}

table.yellow{
  border: 0;
  margin: 20px;
  font-size: 80%;
  background: #FFFFFF;
  cellspacing: 2; 
  cellpadding: 5;
}

table.yellow td{
  border: 0;
  margin: 20px;
  background: #E4E990;
}

.faq a{
color:#555577;
display: inline;
font:bold 12px verdana, sans-serif;
margin: 0px 0px 0px 0px;
padding:3px 2px 3px 2px;
text-decoration:none;
background:transparent;
}

.faq img {
border:0px;
margin: 5px 10px 0px 0px;

}