/**
 * HTML elements.
 */
body {
    zoom: 1;
    margin: 0;
    padding: 0;
    color: #4e5663;
    font-size: .7em;
    line-height: 1.2em;
    font-family: Arial, Helvetica, Times;
    background: #fff url(../img/body-background.png) repeat-x left top;
}
img {
    border: 0;
}
a, a:visited {
    color: #df0078;
    font-weight: normal;
    text-decoration: none;
}
a:hover {
    color: #949494;
}
h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
    color: #002c76;
    text-transform: uppercase;
    font-family: Georgia, Times, Arial;
}
h1 {
    font-size: 1.25em;
    line-height: 1.25em;
    margin-bottom: 1em;
}
h2 {
    font-size: 1.05em;
    line-height: 1.05em;
    margin-bottom: .9em;
}
h3 {
    font-size: 1em;
    line-height: 1em;
    margin-bottom: .8em;
}
strong {
    color: #002c76;
}

/**
 * Main page layout items.
 */
#outline {
    width: 100%;
    border-right: solid 1px #fff; /* don't remove this or the whole page will be off center :P */
    border-collapse: collapse;
}
#outline-left, #outline-right {
    width: auto;
    border-right: solid 1px #c6c6c6;
    background: transparent url(../img/body-shade-left.png) no-repeat right top;
}
#outline-right {
    border-right: 0;
    border-left: solid 1px #c6c6c6;
    background: transparent url(../img/body-shade-right.png) no-repeat left top;
}
#outline-center {
    width: 932px;
}
#page {
    width: 932px;
    background: #fff;
}

.stripe {
    height: 9px;
    clear: both;
    overflow: hidden; /* IE's a bit handicaped.. so let's help */
}
.stripe-top-1 {
    background: #e0057b url(../img/stripe-pattern.png) no-repeat right top;
}
.stripe-top-2 {
    background: #053079 url(../img/stripe-pattern.png) no-repeat right -9px;
}
.stripe-bottom-1 {
    margin-top: 60px;
    background: #053079 url(../img/stripe-pattern.png) no-repeat left -18px;
}
.stripe-bottom-2 {
    background: #e0057b url(../img/stripe-pattern.png) no-repeat left -27px;
}

#main {
    overflow: hidden;
    /*min-height: 535px;*/
    min-height: 586px;
}

#sidebar-left, #content, #sidebar-right, #page-banner {
    float: left;
    margin: 0;
}
#sidebar-left {
    padding: 0;
    width: 160px;
    margin-left: 23px;
    _margin-left: 12px;
}
#page-banner {
    margin: 0 0 20px 20px;
}
#content {
    padding: 0;
    width: 450px;
    margin-left: 20px;
}
#sidebar-right {
    width: 230px;
    margin-left: 19px;
}

/**
 * Header.
 */
#header {
    padding: 10px 0 5px;
}
#logo {
    margin: 10px 0 10px 30px;
}
#breadcrumb, #icons {
    float: right;
    clear: right;
    margin-right: 30px;
    margin-top: -60px;
}
#breadcrumb {
    color: #bbb;
    margin-top: -20px;
    background: transparent url(../img/pattern-dot-grey.png) repeat-x bottom left;
}
#breadcrumb a, #breadcrumb a:visited {
    color: #bbb;
    font-size: 10px;
    text-transform: uppercase;
    text-decoration: none;
}

/**
 * Main navigation styles.
 */

/**
	in-active-path		-	hoofdmenu item geselecteerd en een submenu item geselecteerd
	active				-	hoofdmenu item geselecteerd of submenu als binnen 'in-active-path' valt
	el blanco			-	niet geselecteerd
**/

ul#menu-18, #menu-18 ul, #menu-18 li {
    margin:0;
    padding:0;
    list-style:none none outside;
}

/* MENU */
ul#menu-18 {
    margin-top:-5px;
}

/* HOOFD MENUPUNTEN */
ul#menu-18 li {
    padding-top:5px;
    padding-bottom:6px;
    background:transparent url(../img/pattern-dot-blue.png) repeat-x bottom left;
}
ul#menu-18 li a {
    display:block;
    width:140px;
    border:1px solid #d4dbe8;
    background-color:#ededed;
    padding:2px 0 2px 18px;
    margin:0;
    font-weight:bold;
    color:#002c76;
    font-size: 1.1em;
}
ul#menu-18 li.active a {
    color:#ffffff;
    border:1px solid #d4dbe8;
    background:#000080 url(../img/bullet-arrow-purple.png) no-repeat .35em center;
}
ul#menu-18 li.active ul li {
    border:0;
    margin:0;
    padding:0;
    background:none;
}
ul#menu-18 li.active ul a {
    color:#df0078;
    background:#ffffff url(../img/bullet-box-pink.png) no-repeat .35em center;
    font-weight:normal;
    font-size:0.98em;
    border:0;
    margin-left:18px;
    padding-bottom:0;
}
ul#menu-18 li.in-active-path a {
    color:#ffffff;
    background:#000080 url(../img/bullet-arrow-purple.png) no-repeat .35em center;
}

/* SUB MENUPUNTEN */
ul#menu-18 li.in-active-path ul li {
    border:0;
    margin:0;
    padding:0;
    background:none;
}
ul#menu-18 li.in-active-path ul li a {
    width:122px;
    color:#df0078;
    background-color:#ffffff;
    font-weight:normal;
    font-size:0.98em;
    border:0;
    margin-left:18px;
    padding-bottom:0;
    background:transparent url(../img/bullet-box-pink.png) no-repeat .35em center;
}
ul#menu-18 li.in-active-path ul li.active a {
    color:#949494;
    background:transparent url(../img/bullet-box-grey.png) no-repeat .35em center;
}
ul#menu-18 li.in-active-path ul li.active ul {
    display:none;
}
ul#menu-18 li.in-active-path ul li.in-active-path ul {
    display:none;
}

.box a.active {
    border: 0;
    color: #949494;
    display: inline;
    font-size: .98em;
    font-weight: normal;
    background: transparent url(../img/bullet-box-grey.png) no-repeat left center;
}

/**
 * Main page elements.
 */
.box {
    padding: 18px;
    margin-bottom: 18px;
    background-color: #dee4ed;
    border: solid 1px #d4dbe8;
}
#sidebar-right .box {
    padding: 10px;
}
.stroke {
    border: solid 1px #d4dbe8;
}
.time {
    color: #999;
}


/**
 * Customize form items.
 */
label {
    width: 120px;
    float: left;
    display: block;
	clear: left;
	height: 25px;
}
.input-text, .input-password, textarea {
    width: 165px;
    clear: right;
    margin-bottom: 5px;
    border: solid 1px #7f9db9;
}
textarea {
    width: 280px;
}
.input-submit {
    border: 0;
    width: 100px;
    height: 20px;
    float: none;
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding: 0 0 0 15px;
    margin-left: 120px;
    font-family: Arial, Helvetica, Times;
    background: transparent url(../img/button-submit.png) no-repeat left top;
}

/**
 * Homepage exceptions.
 */
.homepage h1 {
    color: #df0078;
}
.homepage #content, .homepage #sidebar-right {
    width: 340px;
}
.homepage #sidebar-right {
    text-align: center;
    width: 378px;
    margin-left: 0;
}
.homepage #channels {
    width: 100%;
    margin-top: 18px;
    border-collapse: collapse;
}
#channels .shadow-left, #channels .shadow-right {
    width: 19px;
    background: transparent url(../img/channel-shadow.png) no-repeat left 30px;
}
#channels .shadow-right {
    width: 19px;
    background: transparent url(../img/channel-shadow.png) no-repeat right 30px;
}
.channel {
    height: 78px;
    text-align: left;
    padding-left: 90px;
    vertical-align: top;
}
.channel h3 {
    margin-top: 10px;
}
.channel-top {
    background: #dee4ed url(../img/channel-icons.gif) no-repeat 20px 5px;
}
.channel-middle2 {
    border-top: solid 1px #cecece;
    border-bottom: solid 1px #cecece;
    background: #dee4ed url(../img/channel-icons.gif) no-repeat 20px -235px;
}
.channel-middle {
    border-top: solid 1px #cecece;
    border-bottom: solid 1px #cecece;
    background: #dee4ed url(../img/channel-icons.gif) no-repeat 20px -68px;
}
.channel-bottom {
    background: #dee4ed url(../img/channel-icons.gif) no-repeat 20px -157px;
}


/**
 * Facebook layout.
 */
.facebook img {
    padding: 5px;
    margin: 0 10px 10px 0;
    background-color: #fff;
}
.facebook strong {
    color: inherit;
}
.facebook-list {
    padding: 0;
    margin: 0;
    list-style: none none outside;
}
.facebook-list li {
    background: transparent url(../img/pattern-dot-blue.png) repeat-x bottom left;
}
.facebook-list a, .facebook-list a:visited {
    height: 25px;
    line-height: 24px;
    display: block;
    overflow: hidden;
    padding-left: 20px;
    background: transparent url(../img/bullet-box-pink.png) no-repeat left center;
}
.facebook-list a:hover, .facebook-list a.active,  .facebook-list a.active:visited {
    color: #949494;
    background-image: url(../img/bullet-box-grey.png);
}
.facebook-list img {
    float: right;
    margin-top: -24px;
}

.newsitem h2 {
    padding-top: 1em;
    text-transform: none;
    background: transparent url(../img/pattern-dot-grey.png) repeat-x top left;
}
/**
 * Right sidebar.
 */
#sidebar-right ul, #sidebar-right li {
    padding: 0;
    margin: 0;
    list-style: none none outside;
}
#sidebar-right li a, #sidebar-right li a:visited {
    padding-left: 20px;
    background: transparent url(../img/bullet-box-pink.png) no-repeat left center;
}
#sidebar-right .box {
    margin-bottom: 20px;
}
#sidebar-right .box li a {
    display: block;
    margin-bottom: 10px;
    _margin-bottom: 0;
}

#sidebar-right ul.facts li {
    padding: 5px;
    background: transparent url(../img/pattern-dot-blue.png) repeat-x bottom left;
}
#map-canvas {
    width: inherit;
    height: 220px;
    margin-bottom: 10px;
    border: 1px solid #d4dbe8;
    overflow: hidden;
}

/**
 * Left sidebar extra menu items.
 */
#extra-menu {
    margin: 0;
    padding: 0;
    top: 403px;
    width: 160px;
    position: absolute;
    list-style: none none outside;
}
#extra-menu li {
    overflow: hidden;
    padding-bottom: 5px;
    margin-bottom: 3px;
    background: transparent url(../img/pattern-dot-blue.png) repeat-x bottom left;
}
#extra-menu form {
    padding-bottom: 0px;
    margin-bottom: 0px;
}
#extra-menu li a, #extra-menu li a:visited {
    display: block;
    padding-left: 3em;
    font-size: 1em;
    line-height: 1.45em;
    border: solid 1px #d4dae8;
    background: #ededed url(../img/bullet-box-pink.png) no-repeat 1.55em center;
}
#extra-menu #search, #extra-menu #signup {
    padding: .5em 0 .5em 1.55em;
    border: solid 1px #d4dae8;
    background-color: #ededed;
}
#extra-menu #search label, #extra-menu #signup label {
    color: #002c76;
    display: block;
    font-size: 1.1em;
    width: auto;
    font-weight: bold;
    margin-bottom: 5px;
    font-family: Arial, Helvetica, Times;
}
#extra-menu #search .input-text, #extra-menu #signup .input-text {
    width: 100px;
    border: solid 1px #c3b9b8;
}
#extra-menu #search .input-submit, #extra-menu #signup .input-submit {
    display: none;
}
#extra-menu #search-go {
    top: 45px;
    left: 125px;
    width: 18px;
    height: 18px;
    cursor: pointer;
    position: absolute;
    background: transparent url(../img/search-go.png) no-repeat center center;
}

#extra-menu #signup-go {
    top: 110px;
    left: 125px;
    width: 18px;
    height: 18px;
    cursor: pointer;
    position: absolute;
    background: transparent url(../img/search-go.png) no-repeat center center;
}

#extra-menu  label {
    height: 15px;
}

#disclaimer-menu {
    top: 565px;
    margin: 0;
    font-size: .9em;
    position: absolute;
    padding: 0 0 0 1em;
    list-style: none;
}


/**
 * Messages
 */
#messages {
    margin-bottom: 1em;
}
#messages ul {
    color: #069;
    margin: 5px 0;
    padding: 10px 10px 10px 25px;
    border: solid 1px #39f;
    -moz-border-radius: 3px;
    font-size: .9em;
    font-weight: bold;
    list-style: none none outside;
    background: #c7ddf2 url(../../core/img/admin/icon-information.png) no-repeat 5px center;
}
#messages ul.success {
    color: #060;
    border: solid 1px #0f0;
    background-color: #cfc;
    background-image: url(../../core/img/admin/icon-accept.png);
}
#messages ul.form {
    color: #990;
    border: solid 1px #ff0;
    background-color: #ffc;
    background-image: url(../../core/img/admin/icon-error.png);
}
#messages ul.error {
    color: #900;
    border: solid 1px #f00;
    background-color: #faa;
    background-image: url(../../core/img/admin/icon-exclamation.png);
}

/**
 * Sitemap.
 */
#sitemap, #sitemap ul, #sitemap li ul {
    padding: 0;
    margin: -10px 0 10px 10px;
    /*padding-bottom: 10px;*/
    list-style: none outside none;
    background: transparent url(../img/pattern-dot-blue.png) repeat-y left top;
}
#sitemap li {
    margin: 0 0 0 3px;
    padding: 0 0 0 25px;
    line-height: 1.8em;
    position: relative;
    top: 12px;
    background: transparent url(../img/pattern-dot-blue.png) repeat-x left 8px;
}
#sitemap a {
    padding-left: 5px;
    padding: 0;
    display: block;
    height: 25px;
    height: auto;
    overflow: hidden;
    font-weight: bold;
    background-color: #dee4ed;
}

#factlink {
	font-weight: bold;
	color: #002C76;
	background-image: none;
	padding-left: 0px;
}