/* Resets */
* { padding: 0px; margin: 0px; }
* :focus { outline: 0; }

fieldset { border: none; }
fieldset legend { display: none; }

html { overflow: -moz-scrollbars-vertical; }

/* Body */
body { font-family: Arial, Verdana; font-size: 16px; color: #000; background: #fff url(../image/bg-body.jpg) repeat-x 0px 0px; }

/* Blue Mango Interactive Logo */
.logo { position: absolute; top: 26px; left: 25px; border: none; display: block; }
.statement { padding-bottom: 10px; display: block; }

/* Structure */
#wrapper { position: relative; padding-top: 329px; margin: 0px auto; width: 999px; }
#header { position: absolute; top: 0px; left: 0px; width: 999px; height: 104px; }
#container { width: 999px; display: block; }
#novisual { position: relative; margin-top: -225px; }

#block { padding: 0px 25px 0px 52px; width: 748px; float: right; overflow: hidden; display: block; }
#block #content { padding-right: 52px; width: 469px; float: left; }
#block #extra { width: 227px; float: left; }

#sidebar { padding-left: 25px; width: 149px; float: right; }

#footer { padding: 50px 25px 15px 25px; font-size: 70%; color: #666; line-height: 120%; text-align: right; overflow: hidden; clear: both; }

/* Headers */
h1 { padding-bottom: 10px; width: 469px; height: 30px; font-family: Verdana, Arial; font-size: 16px; color: #cc0000; font-weight: normal; letter-spacing: -1px; text-transform: lowercase; }
h2 { padding: 20px 0px 0px 0px; width: 469px; height: 30px; font-family: Verdana, Arial; font-size: 14px; color: #333333; font-weight: normal; letter-spacing: -1px; text-transform: lowercase; }
h2 span { color: #cc0000; }

/* Standards */
p { padding-bottom: 15px; font-size: 70%; color: #666; line-height: 15px; }

ul { padding-bottom: 15px; color: #666; list-style: none; }
ul li { padding-left: 15px; font-size: 70%; line-height: 140%; background: url(../image/list-bullet-red.gif) no-repeat 0px 5px; }
ul li ul { padding: 0px; }
ul li ul li { font-size: 100%; background: url(../image/list-bullet-gray.gif) no-repeat 0px 4px; }

object { margin-left: -3px; }
object#header { margin-left: 0px; }
#flash object { margin-left: 0px; }

/* Anchors */
a { color: #cc0000; text-decoration: none; }
a.jumper { padding-right: 16px; font-size: 70%; font-weight: bold; background: url(../image/bg-anchor-jumper.gif) no-repeat right center; }
a:hover { color: #cc0000; text-decoration: underline; }

/* Flash */
.flash { position: absolute; top: 69px; width: 999px; height: 260px; }

/* Quotes */
.quote { padding: 5px 0px 10px 0px; display: block; }
.quote p { padding-left: 20px; padding-bottom: 10px; font-size: 80%; background: url(../image/quote-open.gif) no-repeat left top; }
.quote p.left { margin-left: 50px; margin-right: 100px; }
.quote p.right { margin-left: 100px; margin-right: 50px; }
.quote p span { padding-right: 20px; background: url(../image/quote-close.gif) no-repeat right bottom; }

/* Section */
.section { padding-bottom: 40px; }
.section h2 { padding-top: 0px; width: 227px; }
.section p { padding-bottom: 5px; }
.section p img.vacature { padding: 0px 5px 0px 0px; margin-left: -3px; width: 62px; height: 62px; float: left; }


/* Category */
.category { position: relative; padding: 15px 0px 20px 105px; min-height: 100px; overflow: hidden; display: block; }
.category h2 { padding-top: 0px; }
.category p { padding-bottom: 5px; }
.category img { position: absolute; top: 15px; left: 0px; }

/* Contact */
.contact div { padding-bottom: 5px; overflow: hidden; }
.contact label { padding-top: 3px; width: 70px; font-size: 70%; color: #666; line-height: 120%; display: block; float: left; }
.contact span { padding: 4px; width: 10px; font-size: 100%; color: #cc0000; line-height: 120%; font-weight: normal; }
.contact input { padding: 2px 3px; width: 240px; font-family: Arial, Verdana; font-size: 70%; color: #666; line-height: 120%; border: 1px solid #999; display: block; float: left; }
.contact input:focus { border: 1px solid #000; outline: none; }
.contact textarea { padding: 2px 1px; width: 244px; height: 94px; font-family: Arial, Verdana; font-size: 70%; color: #666; line-height: 120%; border: 1px solid #999; display: block; float: left; }
.contact textarea:focus { border: 1px solid #000; outline: none; }
.contact input.submit { padding: 0px; margin-left: 70px; width: 120px; height: 25px; color: #cc0000; font-weight: bold; background: url(../image/input-submit.gif); border: 0px; cursor: pointer; }
.contact input.submit:focus { border: none; }
.contact p.required { margin-left: 70px; font-size: 60%; }
.contact p.required span { padding: 0px; width: auto; font-size: 150%; color: #cc0000; }

/* Navigation */
ul.navigation-primary { position: absolute; top: 0px; left: 215px; list-style: none; }
ul.navigation-primary li { padding: 0px; background: none; float: left; }
ul.navigation-primary li a { padding: 21px 12px 0px 12px; font-size: 10px; line-height: 48px; color: #666; text-decoration: none; text-transform: uppercase; display: block; }
ul.navigation-primary li a:hover,
ul.navigation-primary li.active a { color: #cc0000; background-color: #fff; }
ul.navigation-primary li ul { position: absolute; top: 69px; left: -215px; padding-left: 215px; width: 784px; height: 28px; border-bottom: 1px solid #cfcfcf; list-style: none; background-color: #fff; z-index: 1; display: none; }
ul.navigation-primary li:hover ul { display: block; }
ul.navigation-primary li.active ul { display: block; z-index: 0; }
ul.navigation-primary li ul li a,
ul.navigation-primary li.active ul li a { padding: 0px 10px 0px 14px; color: #666; font-size: 11px; text-transform: lowercase; line-height: 28px; background: url(../image/bg-navigation-sub-button.gif) no-repeat left center; }
ul.navigation-primary li ul li a:hover,
ul.navigation-primary li.active ul li a:hover,
ul.navigation-primary li.active ul li.active a { color: #cc0000; }
ul.navigation-primary li ul li:first-child a { padding-left: 12px; background: none; }

ul.navigation-secondary { position: absolute; top: 0px; right: 25px; list-style: none; }
ul.navigation-secondary li { padding: 0px; background: none; float: left; }
ul.navigation-secondary li a { padding: 21px 5px 0px 5px; font-size: 11px; line-height: 48px; color: #666; text-decoration: none; text-transform: lowercase; display: block; }
ul.navigation-secondary li a:hover { color: #cc0000; background-color: #fff; }
ul.navigation-secondary li ul { position: absolute; top: 69px; right: -25px; padding-right: 25px; width: 974px; height: 28px; border-bottom: 1px solid #cfcfcf; list-style: none; background-color: #fff; z-index: 1; display: none; }
ul.navigation-secondary li:hover ul { display: block; }
ul.navigation-secondary li.active ul { display: block; z-index: 0; }
ul.navigation-secondary li ul li { float: right; }
ul.navigation-secondary li ul li a,
ul.navigation-secondary li.active ul li a { padding: 0px 14px 0px 10px; color: #666; font-size: 11px; text-transform: lowercase; line-height: 28px; background: url(../image/bg-navigation-sub-button.gif) no-repeat right center; }
ul.navigation-secondary li ul li a:hover,
ul.navigation-secondary li.active ul li a:hover,
ul.navigation-secondary li.active ul li.active a { color: #cc0000; }
ul.navigation-secondary li ul li:first-child a { padding-right: 5px; background: none; }

/* Sidebar Navigation */
#sidebar ul { padding: 0px; margin: 0px; list-style: none; }
#sidebar ul li { padding: 4px 0px; margin: 0px; background: none; display: block; }
#sidebar ul li span { font-size: 12px; width: 149px; height: 20px; line-height: 16px; }
#sidebar ul li ul { padding-top: 4px; border-top: 1px solid #ccc; }
#sidebar ul li ul li { padding-left: 10px; }
#sidebar ul li ul li a { color: #666; text-decoration: none; }
#sidebar ul li ul li a:hover { color: #666; text-decoration: underline; }
#sidebar ul li ul li.active a { color: #cc0000; text-decoration: none; }

/* Footer */
#footer p { padding: 0px; font-size: 100%; float: right; }
#footer a { color: #666; text-decoration: none; }
#footer a:hover { text-decoration: underline; }
#footer ul { padding: 0px; float: right; clear: both; }
#footer ul li { padding: 0px 0px 0px 10px; font-size: 100%; background: none; float: left; }

/* Homepage */
body.home { background: #fff url(../image/bg-body-home.jpg) repeat-x 0px 0px; }
body.home .h1container { display: none; }
body.home #wrapper { padding-top: 389px; }
body.home .column { position: relative; padding: 0px 25px; width: 283px; height: 140px; float: left; }
body.home .column h2 { padding: 0px; width: 283px; height: 24px; font-size: 16px; color: #cc0000; }
body.home .column h2 span { color: #666; }
body.home .column p { padding: 5px 0px 10px 80px; text-align: left; }
body.home .column a.jumper { position: absolute; bottom: 0px; left: 105px; width: 203px; display: block; font-size: 100%; background: none; }
body.home .column a.jumper:hover { text-decoration: none; }
body.home .column a.jumper:hover span { text-decoration: underline; }
body.home .column a.jumper img { position: relative; top: 0px; left: 0px; border: 0px; }
body.home .column img { position: absolute; top: 35px; left: 25px; }
body.home .flash { position: absolute; top: 69px; left: 0px; width: 999px; height: 300px; }