@CHARSET "ISO-8859-1";

html {
   background: #f1f1f1 url("../images/main_bg.jpg") no-repeat fixed bottom center;
}

.container {
   background: url("../images/logo_bg.png") no-repeat 0 0;
   font-family: "Trebuchet MS", sans-serif;
   margin: 0 auto;
   position: relative;
   width: 941px;
}

h1.logo {
   background: url("../images/logo_en_GB.png") no-repeat 649px 20px;
   margin: 0;
   text-indent: -9999px;
   width: auto;
}
   h1 a {
      display: block;
      height: 96px;
   }

   .nl_NL h1.logo {
      background: url("../images/logo_nl_NL.png") no-repeat 649px 20px;
   }
   
   .zh_CN h1.logo {
      background: url("../images/logo_zh_CN.png") no-repeat 692px 21px;
   }
   
.navigation {
   background: url("../images/navigation_empty.jpg") no-repeat top left;
   height: 216px;
   margin: 0 47px 0 53px;
   padding: 0 0 0 22px;
   text-transform: lowercase;
   width: 842px;
   list-style-type: none;
   font-size: 1em;
}
   .de_DE .navigation {
      text-transform: none; /** don't touch Capitals in German **/
   }
   .navigation li {
      list-style-type: none;
      float: left;
      /*height: 43px;*/
      margin: 0;
      position: relative;
      z-index: 10;
   }
   .navigation a {
      padding: 11px 20px 10px 20px;
      color: #fff;
      display: block;
      text-decoration: none;
   }
      .navigation :link,
      .navigation :visited {
         color: #fff;
         text-decoration: none;
      }
      .navigation li:hover {
         background-color: #83b772;
      }
      .navigation a:hover {
         text-decoration: underline;
      }
      .navigation li.active a {
         background-color: #385c82;
      }
   .navigation ul {
      display: none; /* Hide submenu on default */
      font-size: 1em;
      padding: 4px 0 0 0;
      position: absolute;
      text-transform: none;
      list-style-type: none;
      width: 12em;
   }
      .navigation li:hover ul {
         display: block; /* Show submenu on hover */
      }
      .navigation ul li {
         float: none;
         border-bottom: 1px solid #dadada;
      }
         .navigation ul li:last-child {
            border-bottom: 0;
         }
      .navigation ul a, 
      .navigation li.active li a {
         background-color: #e3e3e3;
         color: #000;
         font-size: .8em;
         font-weight: normal;
         padding: 5px 20px;
      }
         .navigation ul :link,
         .navigation ul :visited {
            color: #000;
         }
         .navigation ul li.active a {
            background-color: #dadada;
            text-decoration: underline;
            font-style: italic;
         }
         .navigation ul a:hover,
         .navigation li.active ul a:hover {
            background-color: #dadada;
         }

.content {
   background: url("../images/content_bg2.png") no-repeat top left;
   padding: 10px 25px 10px 25px;
   width: 792px;
   margin: 0 47px 0 53px;
   position: relative;
   min-height: 600px;
}

h1, h2 {
   font-weight: bold;
   font-style: italic;  
}
h1 {
   color: #21407f;
   font-size: 1.5em;
   margin: 1em 0 .5em 0;
   width: 550px;
}
h2 {
   color: #77c060;
   font-size: 1.25em;
   margin: .5em 0 0 0;
   width: 550px;
}
   .withMiddlebar h2 {
      width: 375px;
   }
h3 {
   color: #21407f;
   font-weight: bold;
   margin: .5em 0 0 0;
}
p {
   font-size: .8em;
   line-height: 1.6em;
   margin: 0 0 1em 0;
   width: 550px;
   text-align: justify;
}
   .withMiddlebar p {
      width: 375px;
   }
td {
   font-size: .8em;
}
ul {
   font-size: .8em;
   padding-left: 2em;
   list-style-type: disc;
}
   ul ul {
      font-size: 1em;
   }
li {
   margin: 4px 0;
}
hr {
   display: block;
   border: 0px;
   border-top: 1px solid #fff;
   border-bottom: 2px solid #e0e0e0;
   margin-left: -15px;
   margin-right: -15px;
}
:link { 
   color: #21407f;
   text-decoration: underline;  
}
:visited {
   color: #6A84BA;
   text-decoration: underline;  
}
:hover {
   text-decoration: none;
}
a[href$=pdf] {
   padding-left: 1.5em;
   background: transparent url("../images/page_white_acrobat.png") no-repeat 0 1px;
}


.cultures {
   font-size: .7em;
   position: absolute;
   padding: 0;
   top: -240px;
   left: 22px;
}
   .cultures li {
      display: inline;
      padding: 0 15px;
      border-right: 1px solid #686868; 
   }
      .cultures a {
         color: #686868;
      }
         .cultures .active a {
            color: #000;
            text-decoration: none;
            cursor: default;
         }
.cultures li.first {
      padding-left: 0;
   }
   .cultures li.last {
      border: 0;
   }

.breadcrumbs {
   font-size: .7em;
   padding: 0;
}
   .breadcrumbs :link, .breadcrumbs :visited {
      text-decoration: none;
   }
   .breadcrumbs ul {
      display: inline;
      font-size: 1em;
      padding: 0 5px;
   }
      .breadcrumbs ul:before {
         content: "> ";
         color: #686868;
      }
   .breadcrumbs li {
      display: inline;
   }
      .breadcrumbs a {
         color: #686868;
      }
         .breadcrumbs .active a {
            color: #000;
            cursor: default;
            text-decoration: none;
         }
.middlebar {
   position: absolute;
   top: 105px;
   right: 246px;
   width: 184px;
}
   .middlebar h2 {
      width: auto;
   }
   .middlebar p {
      margin: 0 0 .5em 0;
      padding: 0 8px;
      text-align: left;
      text-indent: 0;
      width: auto;
   }
   .middlebar img {
      background: transparent url("../images/middlebarImageBorder.png") no-repeat 0 0;
      padding: 8px 8px 10px 8px;
      width: 158px;
      height: 100px;
   }
   .middlebar a {
      display: block;
      text-decoration: none;
   }
      .middlebar a[href$=pdf] {
         padding-left: 1.9em;
         background: transparent url("../images/page_white_acrobat.png") no-repeat 0 1px;
      }
      .middlebar a img {
         margin: 0 -8px;
      }
      .middlebar a:hover {
         text-decoration: underline;
      }
.sidebar {
   position: absolute;
   top: 50px;
   right: 25px;
   width: 216px;
}

p.vision {
   background: transparent url("../images/leaf.jpg") no-repeat 0 0;
   height: 158px;
   width: 216px;
}
.vision a {
   display: block;
   font-size: 1.7em;
   height: 43px;
   padding: 115px 15px 0 0;
   text-align: right;
}
   .vision strong {
      font-weight: normal;
      font-size: 1.9em;
   }
   .vision :link, .vision :visited {
      color: #fff;
      opacity: .8;
      text-decoration: none;
   }

.applications {
   background: #ececec url("../images/sidebar_bottom.png") no-repeat bottom left;
}
   .applications h2 {
      background: url("../images/sidebar_header.png") no-repeat top left;
      font-size: .8em;
      color: #000;
      padding: 7px 0 0 15px;
      height: 30px;
      font-style: normal;
      width: auto;
   }
   .applications ul {
      padding: 10px 0;
      list-style-type: none;
   }
   .applications li {
      margin: 0;
      padding: 0;
   }
   .applications a {
      display: block;
      line-height: 1.6em;
      padding: 5px 15px;
      text-decoration: none;
   }
      .applications a:hover {
         background-color: #e3e3e3;
         text-decoration: underline;
      }
      .applications .active a {
         background-color: #dadada;
      }
      .applications .active a:hover {
         cursor: default;
         text-decoration: none;
      }

.footer {
   background: transparent url("../images/footer_bg.png") no-repeat bottom left;
   color: #686868;
   margin: 0 47px 0 53px;
   padding: 10px 25px;
   font-family: "Trebuchet MS", sans-serif;
   font-size: .7em;
   text-align: center;
   width: auto;
}
   .footer a[href*=b19a] {
      color: #6A84BA;
      text-decoration: none;  
   }
   .footer a[href*=b19a]:hover {
      text-decoration: underline;
   }

.slogan {
   color: #fff;
   font-size: 1.4em;
   line-height: 2em;
   opacity: .8;
   position: absolute;
   right: 80px;
   text-indent: -120px;
   top: 175px;
   width: auto;
}
   .slogan strong {
      font-weight: normal;
      font-size: 1.9em;
   }


/**
 * Form
 */
input {
   background: transparent url("../images/form/input/field.png") no-repeat 0 0;
   border: none;
   width: 146px;
   height: 30px;
   padding: 1px 5px 0 87px;
   margin-bottom: 5px;
}
   .en_GB input {
      padding-left: 103px;
      width: 130px;
   }
   input:focus {
      background: transparent url("../images/form/input/fieldFocus.png") no-repeat 0 0;
   }
   input[type=submit] {
      background: transparent url("../images/form_button.png") no-repeat 0 0;
      color: #fff;
      margin: 0 0 0 113px;
      height: 28px;
      padding: 0 0 2px 0;
      text-align: center;
      font-size: .9em;
      text-transform: lowercase;
      width: 125px;
   }
   .has-errors input {
      background: transparent url("../images/form/input/error.png") no-repeat 0 0;
      margin-bottom: 0;
   }
      .has-errors input:focus {
         background: transparent url("../images/form/input/errorFocus.png") no-repeat 0 0;
      }
textarea {
   background: transparent url("../images/form/textarea/field.png") no-repeat 0 0;
   border: none;
   font-family: "Arial", sans-serif;
   height: 131px;
   margin-bottom: 5px;
   padding: 25px 7px 5px 7px;
   width: 224px;
}
   textarea:focus {
      background: transparent url("../images/form/textarea/fieldFocus.png") no-repeat 0 0;
   }
form dt {
   position: absolute;
   left: 33px;
   padding-top: 7px;
   font-size: .75em;
   font-weight: bold;
}
   .zh_CN form dt {
      font-weight: normal;
   }
form dd {
   margin: 0;
}
form ul {
   padding-bottom: 5px;
   margin: 0;
}

#map {
   font-family: Arial,sans-serif;
   font-size: .75em;
   margin-right: 230px;
   float: right;
   height: 342px;
   width: 310px;
}