/* Navintegration.eu */

* { border: none; margin: 0; padding: 0; background-repeat: no-repeat }
body { font-size: 13px; font-family: Verdana, Helvetica, sans-serif; text-align: center; text-decoration: none }
div { text-align: left }
p { margin-bottom: 1em }
textarea { overflow: auto }
input, textarea { border: 1px solid black }
h1, h2, h3 { font-weight: bold } h4, h5, h6 { font-weight: normal }
h1 { font-size: 1.4em } h2 { font-size: 1.1em } h3 { font-size: 1em }
h4 { font-size: .8em } h5 { font-size: .7em } h6 { font-size: .6em }
a, a:link, a:visited { text-decoration: none }
a:hover, a:active { text-decoration: none }
table { border-collapse: collapse }
td { border: 1px solid black }
ul, li { list-style: none }
* { color: #000 }
html { overflow-y: scroll }
body { background-image: url(/img/background.png); background-repeat: repeat-x; background-color: #e8f0fb }
div#bannerPushDown { height: 110px; display: none }
div#bannerPushDown div { position: absolute; z-index: 1; background-color: #000; height: 110px; width: 100% }
div.container { width: 870px; margin: 0 auto; border-left: 1px solid #444; border-right: 1px solid #666 }
div.head.mask { background: url(/img/mask.png) repeat-x; height: 100px; width: 870px; position: absolute; z-index: 2 }
div.topnav { position: absolute; width: 100%; left: 0; margin: 100px 0 0 0; padding: 3px 0 0 0; height: 29px; background: url(/img/topbar.png) repeat-x; z-index: 2 }
div.topnav ul { position: absolute; left: 50%; margin: 0 0 0 -100px }
div.topnav ul li { float: left; padding: 0 0 0 10px }
div.topnav ul li a { font-weight: normal; padding: 0 25px }
div.topnav ul li.tab.active a { font-weight: bold }
div.topnav ul li.tab.active { font-size: 1.2em; padding: 0; background: url(/img/active.png) repeat-x; height: 30px; margin: -7px 0 0 0; line-height: 30px }
div.leftnav { position: absolute; width: 200px; background: url(/img/leftnav.png) bottom left no-repeat; top: 124px; z-index: 2; margin: 0 0 0 10px; padding: 0 0 20px 0 }
div.leftnav h2 { background: url(/img/active.png) repeat-x; margin: 0px 7px 0 5px; padding: 0 0 0 0px; height: 30px; line-height: 30px; text-align: center; cursor: pointer }
div.leftnav h3 { margin: 10px 0 0 18px }
div.leftnav ul li { margin: 7px 0 5px 18px; font-size: 10px }
div.leftnav a:hover { text-decoration: underline }
div.foot { clear: both; background: url(/img/foot.png) no-repeat; height: 92px; width: 870px; padding: 0 0 20px 0; margin: 10px 0 0 0 }
div.foot div { float: right; margin: 18px 40px 0 0; color: #666 }
div.foot a { color: #666 }
div.news { padding-bottom: 2em }
div.news h2 { margin: 1.5em 0 0 0; background-color: #eee; padding: .2em .4em }
div.news h3 { margin: 0 0 1em 0; padding: .2em .4em }
div.news p { margin: 0 0 1em 0; padding: 0 .4em }
div.news a { text-decoration: underline }
div.faq { padding-bottom: 2em }
div.references { padding-bottom: 2em }
div.reference { padding-bottom: 2em }
div.reference a { text-decoration: underline }
div.contact { padding-bottom: 3em }
div.contact div.googlemap { float: right; width: 255px; margin-top: 25px }
div.contact div.googlemap iframe { border: 1px solid black; float: left }
div.contact a { text-decoration: underline }
div.disclaimer { padding-bottom: 2em }
div.disclaimer h2 { margin: 1em 0 0 0 }
div.placeholder { min-height: 600px; margin: -600px 0 0 0 }
div.content { color: #333; float: left; width: 575px; min-height: 150px; background: url(/img/bg.main.png) bottom left; margin: 0 0 10px 205px; padding: 570px 40px 0 40px }
div.content h1 { margin: 0 -28px .8em -31px; background-color: #ccc; color: #fff; padding-left: 31px }
body#solutions div.content { width: 770px; min-height: 440px; background-image: url(/img/bg.solution.png); margin-left: 15px }
body#solutions div.content ul { margin: 0 0 .8em 0 }
body#solutions div.content ul li { list-style-type: disc; list-style-position: outside; margin-left: 1em }
body#solutions div.content ol { margin: 0 0 .8em 0 }
body#solutions div.content p { margin: 0 0 .8em 0 }
body#solutions div.content h3 { margin: 0 0 .8em 0 }
body#solutions div.content a { text-decoration: underline }
body#solutions div.content a:hover { text-decoration: none }
a.logo.navco { position: absolute; background-image: url(/img/logo.navco.png); width: 150px; height: 68px; margin: 14px 0 0 503px }
a.logo.navintegration { position: absolute; background: url(/img/logo.navintegration.png); width: 435px; height: 125px; margin: 10px 0 0 20px; z-index: 2 }
div.flags { width: 100px; position: absolute; z-index: 2; left: 50%; margin: 5px 0 0 325px; line-height: 20px }
div.flags a.flag { color: #fff; font-weight: bold; font-size: 12px; padding: 0 0 0 24px; margin: 0 1em 0 0; color: #fff; background-position: center left }
div.flags a.flag.us { background-image: url(/img/flag.us.gif) }
div.flags a.flag.nl { background-image: url(/img/flag.nl.gif) }
.thumb { padding: 0 0 0 30px; background-position: center left }
.thumb.bmw { background-image: url(/thumb/16x16/img/logo.bmw.png) }
.thumb.chevrolet { background-image: url(/thumb/22x22/img/logo.chevrolet.png) }
.thumb.citroen { background-image: url(/thumb/20x20/img/logo.citroen.png) }
.thumb.honda { background-image: url(/thumb/24x24/img/logo.honda.png) }
.thumb.kia { background-image: url(/thumb/24x24/img/logo.kia.png) }
.thumb.mini { background-image: url(/thumb/23x23/img/logo.mini.png) }
.thumb.mitsubishi { background-image: url(/thumb/18x18/img/logo.mitsubishi.png) }
.thumb.opel { background-image: url(/thumb/18x18/img/logo.opel.png) }
.thumb.peugeot { background-image: url(/thumb/18x18/img/logo.peugeot.png) }
.thumb.suzuki { background-image: url(/thumb/20x20/img/logo.suzuki.png) }
.thumb.toyota { background-image: url(/thumb/22x22/img/logo.toyota.png) }
.thumb.volvo { background-image: url(/thumb/17x17/img/logo.volvo.png) }
a.icon { padding: 8px 0 8px 45px }
a.icon.pdf { background-image: url(/thumb/35x35/img/icon.pdf.png) }
span.new { background-image: url(/img/new.png); font-size: 9px; padding: 0 4px 0 3px; margin: 0 0 0 3px }