@charset 'utf-8';

/**
 * header
 */
#header
{
    background: #cde1b3 url(http://www.omgaanmetidealen.nl/themes/v1/static/graphic/header.png) repeat-x top left;
    height: 100px;
    margin: 0 auto;
    padding-top: 40px;
    width: 900px;
}
#header-logo
{
    float: left;
    height: 100px;
    width: 268px;
}
#header-logo a
{
    color: #000;
    display: block;
    position: absolute;
}

/**
 * header search
 */
#header-search
{
    float: left;
    height: 27px;
    margin: 15px 20px 18px 442px;
    width: 170px;
}
#header-search form
{
    background: #000;
    height: 27px;
    width: 170px;
}
#header-search label
{
    display: block;
    float: left;
    height: 27px;
    width: 47px;
}
#header-search input[type=text]
{
    background: #fff;
    border: 0;
    display: block;
    float: left;
    height: 12px;
    margin: 6px 0;
    padding: 1px;
    width: 101px;
}
#header-search input[type=image]
{
    background: #fff;
    margin: 6px 0;
}

/**
 * header navigation
 */
#header-navigation
{
    float: left;
    font-size: 80%;
    height: 20px;
    margin-bottom: 20px;
    width: 632px;
}
#header-navigation ul
{
    margin: 0 0 0 18px;
}
#header-navigation ul li
{
    float: left;
    list-style: none;
    margin: 0 0 0 40px;
}
#header-navigation ul li a:link,
#header-navigation ul li a:visited
{
    color: #000;
    display: block;
    font-weight: bold;
    line-height: normal;
    padding: 5px 6px;
    text-decoration: none;
    text-transform: uppercase;
}

#header-navigation ul li a:hover,
#header-navigation ul li a:active,
#header-navigation ul li a.active
{
    background: #000;
    color: #fff;
}

#header-navigation ul li ul
{
    visibility: hidden;
    margin: 0;
    position: absolute;
    z-index: 999;
}
#header-navigation ul li:hover ul
{
    visibility: visible;
}
#header-navigation ul li ul li
{
    float: none;
    margin: 0;
    padding: 10px 0 0 0;
}
#header-navigation ul li ul li a:link,
#header-navigation ul li ul li a:visited
{
    background-color: #000;
    color: #fff;
    display: block;
}
#header-navigation ul li ul li a:hover,
#header-navigation ul li ul li a:active,
#header-navigation ul li ul li a.active
{
    background-color: #99c668;
    color: #000;
}

/**
 * bread-crump
 */
#bread-crumb
{
    background-color: #fff;
    margin: 0 auto;
    padding: 10px 20px 12px 20px;
    width: 860px;
}
#bread-crumb p
{
    border-bottom: 1px solid #000;
    line-height: normal;
    margin: 0;
    padding: 5px 0;
    text-align: right;
    text-transform: uppercase;
}
#bread-crumb p a:link,
#bread-crumb p a:visited
{
    color: #000;
    font-weight: bold;
    text-decoration: none;
}
#bread-crumb p a:hover,
#bread-crumb p a:active,
#bread-crumb p a.active
{
    color: #f29100;
}