/*
=general
=page structure
=navigation
=sub-navigation
=sub-sub-navigation
=content
=listing
=misc
=print
=footer
=hacks
*/

/*
=general
---------------------------------------------- */

html, body
{
    width: 100%;
}

body
{
    margin: 0;
    padding: 0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 70%;
    line-height: 1.3em;
    color: #666;
    text-align: center;
    background-color: #666;
}

table, tr, td, input, select, textarea, ol, ul
{
    font-size: 100%;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

a img, img
{
    border: 0;
}

a
{
    color: #FE6700;
    text-decoration: none;
}

a:hover
{
    text-decoration: underline;
}


code, pre
{
    font-size: 1.5em;
    color: #999;
    display: block;
    width: 500px;
}

h1, h2, h3
{
    padding: 0;
    margin: 0;
    font-family: Helvetica, Verdana, Arial, sans-serif;
}

h1
{
    font-size: 1.7em;
    line-height: 1.3em;
    color: #396161;
    margin: .5em 0;
}

h2
{
    font-size: 1.4em;
    color: #FE6700;
    line-height: 1.2em;
    margin: 1.5em 0 0 0;
}

h3
{
    color: #333;
    font-weight: bold;
    font-size: 1.2em;
    padding: 0;
    margin: 1.5em 0 1em 0;
}

h4
{
   font-size: .9em;
   font-weight: normal;
   padding-bottom: .8em;
   margin: 0;
}

form
{
    margin: 0;
    padding: 0;
}

p
{
    margin: 1em 0;
}

/*
=page structure
---------------------------------------------- */

#container
{
    width: 760px;
    background: #666 url(/images/bg.gif) repeat-y;
    margin: 0 auto;
    text-align: left;
    padding: 0 25px;
    position: relative;
}

#container-top
{
    background: url(/images/container-top_bg.gif) no-repeat;
    width: 760px;
    height: 13px;
    position: relative;
    left: -25px;
}

#wrapper
{
    width: 710px;
    background: url(/images/wrapper_bg.gif) repeat-y 2px 0;
}

#banner
{
    background: url(/images/banner_bg.jpg) repeat-x;
    height: 70px;
    position: relative;
}

#flashcontent
{

    float: left;
    border-bottom: 2px solid #979797;
    padding-bottom: 2px;
    height: 175px;
    background: #fff url(/images/navigation_h_dots.gif) repeat-x top left;
}

#content-wrapper
{
    width: 482px;
    float: right;
    margin-right: 2px;
    background: url(/images/content-wrapper_bg.gif) repeat-y;
}

#content
{
    margin: 0 0 0 24px;
    padding: 1em 0;
    width: 435px;
    height: 500px;
    min-height: 500px;
    letter-spacing: .03em;
    color: #666;
}

*>#content
{
    height: auto;
}

#container-bottom
{
    background: url(/images/container-bottom_bg.gif) no-repeat;
    width: 760px;
    height: 27px;
    position: relative;
    left: -25px;
}

/*
=navigation
---------------------------------------------- */

#navigation
{
    font-size: 1.1em;
    float: left;
    background: url(/images/navigation_bg.jpg) no-repeat left bottom;
    width: 710px;
    margin-top: 1px;
}

#navigation ul
{
    list-style: none;
    margin: 0 0 0 35px;
    padding: 0;
    font-family: Helvetica, Verdana, Arial, sans-serif;
}

#navigation li
{
    display: inline;
    padding: .75em 14px .5em;
    margin: 0;
    float: left;
    background: url(/images/navigation_li_bg.jpg) no-repeat left .5em;
}

#navigation a
{
    color: #F25500;
    font-weight: bold;
    text-decoration: none;
    letter-spacing: .01em;
}

#navigation a:hover, #navigation .active a
{
    color: #364C49;
}


/*
=sub-navigation
---------------------------------------------- */

#sub-navigation
{
    width: 204px;
    float: left;
    background-color: #F0F0F0;
    margin-left: 2px;
    font-family: Helvetica, Verdana, Arial, sans-serif;
}

#sub-navigation h1
{
    background: no-repeat bottom left;
    width: 165px;
    height: 45px;
    margin: 1em 0 0 24px;
}

#sub-navigation ul
{
    list-style: none;
    margin: 0;
    padding: 0;
    width: 160px;
    margin: 1em 0 1em 29px;
}

#sub-navigation li
{
    padding: .5em 0;
    margin: 0;
    width: 100%;
}

#sub-navigation li a
{
    color: #373737;
    text-decoration: none;
    font-size: 1.1em;
    font-weight: bold;
    padding: 0 0 0 18px;
    display: block;
    margin: 0;
    background: url(/images/sub-nav_li_bg.gif) no-repeat 0 -1px;
    _background: url(/images/sub-nav_li_bg.gif) no-repeat 0 1px;
}

#sub-navigation a:hover, #sub-navigation li.active a
{
    text-decoration: underline;
}

/*
=sub-sub-navigation
---------------------------------------------- */

ul#sub-sub-navigation
{
    margin: .5em 0 1em 21px;
    padding: 0;
    list-style: none;
    font-size: .9em;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    width: 150px;
}

#sub-navigation #sub-sub-navigation li
{
    padding: .3em 0;
    margin: 0;
}

#sub-navigation #sub-sub-navigation li a
{
    padding: 0 0 0 11px;
    margin: 0;
    text-decoration: none;
    font-weight: normal;
    background: none;
    display: block;
    color: #FF6500;
    background: url(/images/sub-sub-nav_li_bg.gif) no-repeat 0 5px;

}

#sub-navigation #sub-sub-navigation li a:hover, #sub-navigation #sub-sub-navigation li.active a
{
    text-decoration: underline;
    color: #373737;
    background: url(/images/sub-sub-nav_li_bg2.gif) no-repeat 0 5px;
}

/*
=page content
---------------------------------------------- */

#content ul
{
    margin: 0;
    padding: 0;
    list-style: none;
}

#content li
{
    background: url(/images/content_li_bg.gif) no-repeat 0 4px;
    padding: 0 0 0 17px;
    margin: .5em 0;
}

a.top
{
    margin: 1em 8px 1em 0;
    display: block;
    float: right;
}

#content img.display
{
    border: 1px solid #D5D5D5;
    padding: 1px;
    width: 120px;
    height: 120px;
    margin: 1em 10px 1em 0;
}

/*
=listing
---------------------------------------------- */

dl
{
    padding: 0;
    margin: 0;
}

dt
{
    margin: 0;
    padding: 0;
    font-weight: bold;
}

dd
{
    margin: 0;
    padding: 0;
}

dd p
{
    padding: 0;
    margin: 1em 0;
}



/*
=misc
---------------------------------------------- */
.hide
{
    position: absolute;
    left: -999em;
}


/*
=print
---------------------------------------------- */

.print_only
{
    display: none;
}


/*
=footer
---------------------------------------------- */

#footer
{
    border-top: 2px solid #939393;
    padding-top: 2px;
    background: url(/images/footer_bg.jpg) no-repeat bottom left;
    height: 70px;
    color: #ccc;
    text-align: right;
    position: relative;
}

#footer div {
	float: left;
	text-align: left;   
	width: 190px;
	margin: 5px 0 0 29px;
}

#footer div a {
	color: #fff;
}


a#vacancies {
    position: absolute;
    top: 12px;
    right: 22px;
    font-family: helvetica, arial, verdana, sans-serif;
    font-size: 1.10em;
    font-weight: bold;
    color: #fff;
    text-decoration: underline;
    padding: 1px 2px;
}

a#vacancies:hover {
    color: #364C49;
}


#footer #nzia {
    padding-top: 5px;
}

/*
=hacks
---------------------------------------------- */


@media all  /* this hides the style from IE5 mac */
{
    div.test
    {
        width: 300px;

    }
}


.status
{
    right: 10px;
}

.status[id] { right: 0px; } /* matches class="status" as long as it also has an id="anything". hides from all IE browsers. see http://w3development.de/css/hide_css_from_browsers/attribute/*/

box_model_hack
{
    width: 128px; /*  Box model hack */
    voice-family: "\"}\"";
    voice-family: inherit;
    width: 118px;
}


/*
=Message classes
--------------------------------------------*/

.msg-info
{
    background: #fff url(/images/icons/check.gif) 5px 5px no-repeat;
    color: #693;
    font-weight: bold;
    padding: 5px 5px 5px 25px;
}

.msg-info span
{
    color: #693;
    font-weight: bold;
}


.msg-error
{
    background: #fff url(/images/icons/error-sml.gif) 5px 5px no-repeat;
    padding: 5px 5px 5px 25px;
}

.msg-error span
{
    color: #DD4604;
    font-weight: bold;
}