/* general
------------------------------------------------------------------------------*/
* {
        margin: 0;
        padding: 0;
}
a:active,
a:focus {
        outline: 0;
}
body {
        text-align: center;
        background: #5e106f none repeat scroll 0 0;
        font: 12px/16px Arial;
        color: #333638;
}

/* structure
------------------------------------------------------------------------------*/
#top {
        height: 15px;
        background: #7FA800;
}
#map_container {
        background: #fff;
}
#extra_container {
        background: #eeeff1;
        min-height: 155px;
        height: auto;                          \
        _height: 125px;
}
.center, .centered {
        width: 900px;
        margin: 0px auto;
        text-align: left;
}
#map {
        width: 900px;
        height: 400px;
}
#extra_content {
        width: 450px;
        float: left;
        padding: 20px 0 30px 0;
}
#extra_content_wide {
        width: 620px;
        float: left;
        padding: 20px 0 30px 0;
        padding-right: 40px;
}
#right {
        float: right;
        width: 240px;
}
#clearing {
        clear: both;
}
#countrymap {
        width: 210px;
        height: 180px;
        padding: 10px 15px 15px 15px;
        background: #004090;
}
#country_empty {
        width: 240px;
        height: 15px;
        background: #004090;
}
#score {
        width: 450px;
        height: 225px;
        margin: 0 0 15px 0;
}
#scoresmall {
        width: 450px;
        height: 165px;
        margin: 0 0 15px 0;
}
#manage {
        padding: 3px 7px 2px 7px;
        color: #E09FF0;
        background: #5E106F;
        font: 11px/16px Arial;
        border-top: #eeeff1 15px solid;
}

/* typo general
------------------------------------------------------------------------------*/
h1  {
        font-size: 20px;
        line-height: 20px;
        margin-left: -1px;
        width: 450px;
}
h2  {
        font-size: 20px;
        line-height: 20px;
        margin: 0 0 8px -1px;
        width: 450px;
        }

.blue h3  {
        font-size: 12px;
        color: #0070cf;
}
.green h3  {
        font-size: 12px;
        color: #7FA800;
}
.purple h3  {
        font-size: 12px;
        color: #5e106f;
}
p  {
        margin: 0 0 16px 0;
}
.blue #extra_content a {
        color: #0070cf;
        text-decoration: none;
        border-bottom: #83b9f1 1px dotted;
}
.blue #extra_content span.glossary {
   border-bottom: 1px dotted #333638;
   cursor: default;
   color: #333638;
}
.green #extra_content a {
        color: #7FA800;
        text-decoration: none;
        border-bottom: #7FA800 1px dotted;
}
.green #extra_content span.glossary {
   border-bottom: 1px dotted #333638;
   cursor: default;
   color: #333638;
}
.purple #extra_content a {
        color: #5e106f;
        text-decoration: none;
        border-bottom: #7f4a8b 1px dotted;
}
.purple #extra_content span.glossary {
   border-bottom: 1px dotted #333638;
   cursor: default;
   color: #333638;
}
.blue #extra_content a:hover {
        background: #d2e4f7;
        border-bottom: #83b9f1 1px solid;
}
.blue #extra_content span.glossary:hover {
        background: none;
        border-bottom: #83b9f1 1px solid;
}
.green #extra_content a:hover {
        background: #e5f2bc;
        border-bottom: #7FA800 1px solid;
}
.green #extra_content span.glossary:hover {
        background: none;
        border-bottom: #83b9f1 1px solid;
}
.purple #extra_content a:hover {
        background: #dcbee4;
        border-bottom: #7f4a8b 1px solid;
}
.purple #extra_content span.glossary:hover {
        background: none;
        border-bottom: #83b9f1 1px solid;
}
#extra_content ul {
        padding: 0 7px 7px 7px;
        margin-bottom: 0;
}
#extra_content li {
        padding: 0px 0px 0px 30px;
        margin: 5px 0 5px 0;
        list-style-type: none;
}
.blue #extra_content li {
        background: url("../images/bullet_content_blue.gif") no-repeat 15px 6px;
}
.green #extra_content li {
        background: url("../images/bullet_content_green.gif") no-repeat 15px 6px;
}
.purple #extra_content li {
        background: url("../images/bullet_content_purple.gif") no-repeat 15px 6px;
}

/* elements
------------------------------------------------------------------------------*/
.attention {
        border-left: 5px solid #d0d6d9;
        background: #f7f8f8;
        padding: 6px 9px;
        margin: 0 0 16px 0;
        _width: 427px;
}
.attentiondark {
        border-left: 5px solid #404040;
}
.attention h3  {
        font-size: 12px;
        color: #7f8589;
}
.attentiondark h3  {
        font-size: 12px;
        color: #404040;
}

.attention p  {
        margin: 0;
}
#foto {
        width: 170px;
        float: left;
        margin: 20px 20px 30px 0;
}
.blue #foto {
        border-left: 5px solid #0070cf;
}
.green #foto {
        border-left: 5px solid #7FA800;
}
.purple #foto {
        border-left: 5px solid #5e106f;
}
#scrollto {
        height: 35px;
        margin-top: -35px;
}

/* menu
------------------------------------------------------------------------------*/
#menu {
        width: 170px;
        float: left;
        margin: 20px 20px 30px 0;
}
#menu ul {
        list-style-type: none;
}
#menu li a {
        width: 170px;
        display: block;
        border-bottom: 1px #fff solid;
}
#menu li a.dutch {
        background: url("../images/but_dutch.gif") no-repeat left;
        height: 22px;
}
#menu li a.dutch_active {
        background: url("../images/but_dutch.gif") no-repeat right;
        height: 22px;
        cursor: text;
}
#menu li a.results {
        background: url("../images/but_results.gif") no-repeat left;
        height: 36px;
}
#menu li a.results_active {
        background: url("../images/but_results.gif") no-repeat right;
        height: 36px;
        cursor: text;
}
#menu li a.m2s2 {
        background: url("../images/but_m2s1.gif") no-repeat left;
        height: 22px;
}
#menu li a.m2s2_active {
        background: url("../images/but_m2s1.gif") no-repeat right;
        height: 22px;
        cursor: text;
}
#menu li a.projects {
        background: url("../images/but_projects.gif") no-repeat left;
        height: 22px;
}
#menu li a.projects_active {
        background: url("../images/but_projects.gif") no-repeat right;
        height: 22px;
        cursor: text;
}
#menu li a.countrydata {
        background: url("../images/but_countrydata.gif") no-repeat left;
        height: 22px;
}
#menu li a.countrydata_active {
        background: url("../images/but_countrydata.gif") no-repeat right;
        height: 22px;
        cursor: text;
}
#menu li a.links {
        background: url("../images/but_links.gif") no-repeat left;
        height: 22px;
}
#menu li a.links_active {
        background: url("../images/but_links.gif") no-repeat right;
        height: 22px;
        cursor: text;
}
#menu li a:hover {
        background-position: right;
}
#menu ul ul li {
        _margin-bottom: -1px;
        *margin-bottom: -1px;
}
#menu ul ul li a {
        font: 11px/14px Arial;
        _font: 11px/14px Tahoma, Arial;
        *font: 11px/14px Tahoma, Arial;
        color: #0070cf;
        padding: 2px 9px 2px 14px;
        _padding: 2px 9px 3px 14px;
        *padding: 2px 9px 3px 14px;
        text-decoration: none;
        display: block;
        background: #d2e4f7 url("../images/menu_left_blue.gif") no-repeat left;
        width: 147px;
}
#menu ul ul li a:hover, #menu ul ul li.selected a {
        background: #bbd7f6 url("../images/menu_left_blue_hover.gif") no-repeat left;
}

/* expanding blocks
------------------------------------------------------------------------------*/
#expandingblocks {
        border-top: 1px solid #d0d6d9;
}
#expandingblocks .closedBlock {
        border-bottom: 1px solid #d0d6d9;
}
#expandingblocks .openBlock .defaulttab,
#expandingblocks .closedBlock .defaulttab {
        padding: 3px 7px;
}
#expandingblocks .openBlock .defaulttab {
        text-decoration: none;
        color: #0070cf;
        font-weight: bold;
}
#expandingblocks .closedBlock .defaulttab {
        background: #f7f8f8 url("../images/bullet_blue.gif") no-repeat right 7px;
        text-decoration: none;
        color: #0070cf;
        display: block;
        width: 436px;
}
#expandingblocks .closedBlock .hovertab {
        padding: 3px 7px;
        cursor: pointer;
        color: #0070cf;
        background: #e6e8eb url("../images/bullet_blue.gif") no-repeat right 7px;
        display: block;
        width: 436px;
}
#expandingblocks .openBlock {
        background: #e6e8eb;
        border-bottom: 1px solid #d0d6d9;
}
#expandingblocks .openBlock .org {
        color: #7f8589;
        padding: 0 7px 0 7px;
}
#expandingblocks .openBlock .org .name {
        color: #0070cf;
}
#expandingblocks .openBlock p {
        padding: 0 7px 7px 7px;
        margin-bottom: 0;
}
#expandingblocks .openBlock ul {
        padding: 0 7px 7px 7px;
        margin-bottom: 0;
}
#expandingblocks .openBlock li {
        padding: 0px 0px 0px 30px;
        margin: 5px 0 5px 0;
        list-style-type: none;
        background: url("../images/bullet_content_blue.gif") no-repeat 15px 6px;
}

/* tableinfo
------------------------------------------------------------------------------*/
#specs {
        margin: 6px 0 16px 0;
        line-height: 15px;
}
#specs table {
        border-collapse: collapse;
        border-bottom: 1px solid #d0d6d9;
        width: 450px;
}
#specs td, #specs th {
        border-top: 1px solid #d0d6d9;
        vertical-align: top;
        padding: 3px 7px 3px 7px;
}
#specs td.first {
        width: 250px;
        color: #7f8589;
        border-right: 1px solid #d0d6d9;
}
#specs td.value {
        color: #333638;
}
#specs td.rapport {
        width: 300px;
        color: #7f8589;
        border-right: 1px solid #d0d6d9;
}
#specs .button {
        font-weight: bold;
}
#specs #odd {
        background: #f7f8f8;
}
#specs #even {
        background: #e6e8eb;
}
#specs .extensie {
        color: #7f8589;
}

/* footer
------------------------------------------------------------------------------*/
#footer_container {
        height: 40px;
}
#footer_container .center {
        background: url("../images/footer.gif") no-repeat left top;
}
#footer_container .right {
        margin: 0 0 0 660px;
        width: 240px;
        text-align: center;
        color: #fff;
        font: 11px/20px Arial;
        color: #fff;
}
#footer_container  a {
        color: #fff;
        text-decoration: none;
        padding: 0 0 1px 0;
}
#footer_container a:hover {
        color: #ce8cd6;
        text-decoration: underline;
}
#extra_container .center {
        background: url("../images/logos.gif") no-repeat right bottom;
}

.word div {
        margin-bottom: 0.7em;
}

.details, .detailheader {
   background-color: #e7e3e7;
   border: 1px dotted #adaaad;
   padding: 10px;
   margin-bottom: 30px;
}

.detailheader .expand, .details .collapse {
   float: right;
   position: relative;
   top: -8px;
   width: 15px;
   height: 30px;
   padding-left: 10px;
   background-image: url(../images/grightlite.gif);
   background-position: right center;
   background-repeat: no-repeat;
   cursor: pointer;
}

.details .collapse {
   width: 10px;
   background-image: url(../images/gcloselite.gif);
}

.detailheader span {
   font-weight: bold;
   color: #7FA800;
}

#schoolmenu {
   margin: 20px 20px 5px 0;
}

#leftcolumn {
   width: 170px;
   float: left;
   clear: both;
   margin: 0px 20px 0px 0;
   _overflow-x: hidden;
}

#schoolmenu a {
   display: block;
   padding-left: 5px;
   color: white;
   font-weight: bold;
   cursor: pointer;
   text-decoration: none;
   width: 165px;
}

#schoolmenu a div {
   padding: 5px;
   background-repeat: no-repeat;
   background-position: 155px center;
}

#schoolmenu .green {
   background-color: #b0c46f;
}

#schoolmenu .greenselected, #schoolmenu .green:hover {
   background-color: #476402;
}

#schoolmenu .green div {
   background-image: url(../images/gright.gif);
}

#schoolmenu .greenselected div {
   background-color: #5c8801;
   background-image: url(../images/grightlitest.gif);
}

#schoolmenu .blue {
   background-color: #84b8f1;
}

#schoolmenu .blueselected, #schoolmenu .blue:hover {
   background-color: #0e508c;
}

#schoolmenu .blue div {
   background-image: url(../images/cright.gif);
}

#schoolmenu .blueselected div {
   background-color: #0173d3;
   background-image: url(../images/cright.gif);
}

#schoolmenu .border {
   border-top: 1px solid white;
}

table#specs {
   width: 100%;
   border: none;
}

table#specs th {
   background-color: #0070cf;
   color: white;
   font-weight: bold;
}

table#specs td {
   background-color: white;
   border: none;
   color: black;
}

table#specs td.first {
   border: none;
}

table#specs td.value {
   font-weight: bold;
   border: none;
}