/* -------------------------------------------------------------- 
  
   Boilerplate Screen Styles
   * Version:   0.5 (2007-11-19)
   
-------------------------------------------------------------- */

@import "lib/reset.css";
@import "lib/typography.css";
@import "lib/forms.css";
@import "lib/plugins.css";


/* Greenports Nederland
-------------------------------------------------------------- */

html, body {
   height          : 100%;
   margin          : 0;
   padding         : 0;
   text-align      : center;
   font-family     : arial;
}

html {
   background      : rgb(223, 223, 223);
   overflow        : auto;
}

body {
   background      : url('/images/front/background.png') repeat-x;
   font-size       : 11px;
}

.clear { /* Clear. */
   clear           : both;
   width           : 0px;
   height          : 0px;
   line-height     : 0px;
}

#accessibility { /* Accessibility div. */
   display         : none;
}



/* Wrapper. */

#wrapper {
   width           : 949px;
   margin          : 0 auto;
   text-align      : left;
   background      : url('/images/front/background_wrapper.png') repeat-y;
}



/* Left column. */

#leftColumn {
   float           : left;
   width           : 43px;
   height          : 248px;
   background      : rgb(223, 223, 223) url('/images/front/background_left.png') no-repeat;
}

#centerColumn {
   float           : left;
   width           : 881px;
}



/* Header. */

#header {
   width           : 881px;
   height          : 119px;
   background      : rgb(200, 0, 0) url('/images/front/background_header.png');
}

#header #logo {
   display         : block;
   float           : left;
   width           : 385px;
   height          : 119px;
   background      : rgb(200, 0, 0) url('/images/front/logo.png');
}

#header .options {
   display         : block;
   color           : rgb(255, 255, 255);
   padding-top     : 5px;
   padding-bottom  : 5px;
   float           : right;
   padding-left    : 10px;
   padding-right   : 10px;
}

#header #register {
   display         : block;
   color           : rgb(255, 255, 255);
   font-size       : 13px;
   float           : left;
   margin-top      : 30px;
   padding-left    : 15px;
}

#contentWrapper {
   overflow        : hidden;
}



/* Menu. */

#menu {
   float           : left;
   width           : 167px;
   padding-bottom  : 5100px;
   margin-bottom   : -5000px;
   background      : rgb(255, 255, 255) url('/images/front/background_menu.png');
}

#menu ul {
   margin-left     : 7px;
   width           : 160px;
   margin-top      : 0px;
   margin-right    : 0px;
}

#menu > ul {
   border-top      : 1px solid rgb(200, 0, 0);
}

#menu li {
   list-style      : none;
}

#menu li a {
   display         : block;
   color           : rgb(0,0,0);
   font-weight     : 900;
   text-decoration : none;
   width           : 141px !important;
   width           : 160px;
   height          : 21px !important;
   height          : 26px;
   padding         : 5px 0px 0px 19px;
   background-position: 0 0;
   background-image: url('/images/front/menu.png');
}



/* Active menu link. */

#menu li a.active {
   display         : block;
   color           : rgb(255,255,255);
   font-weight     : 900;
   text-decoration : none;
   width           : 141px !important;
   width           : 160px;
   height          : 21px !important;
   height          : 26px;
   padding         : 5px 0px 0px 19px;
   background-position: 0 26px;
   background-image: url('/images/front/menu.png');
}


/* Menu link hover. */

#menu li a:hover {
   background-position: 0 26px;
   color           : rgb(255,255,255);
}


/* Submenu link. */

#menu .subMenuActive {
   display         : block;
}

#menu .subMenuInactive {
   display         : none;
}

#menu .submenu a {
   display         : block;
   font-size       : 10px;
   font-weight     : 100;
   text-decoration : none;
   width           : 141px !important;
   width           : 160px;
   height          : 17px !important;
   height          : 20px;
   padding         : 3px 0px 0px 19px;
   background-position: 0 0;
   background-image: url('/images/front/submenu.png');
}


/* Active submenu link. */

#menu .submenu a:hover, #divMenu .submenu a.subactive {
   background-position: 0 20px;
   color           : rgb(193, 4, 53);
}



/* Content. */

#divContent {
   float           : left;
   background      : rgb(255,255,255);
   border-left     : 1px solid rgb(226, 226, 226);
   border-right    : 1px solid rgb(197, 28, 35);
   line-height     : 18px;
   padding         : 15px;
   width           : 495px !important;
   width           : 525px;
   padding-bottom  : 5100px;
   margin-bottom   : -5000px;
}

#divContent h1 {
   font-family     : Arial, Verdana;
   font-size       : 18px;
   color           : rgb(200,0,0);
}

#divContent p {
   font-family     : Verdana, Arial, Helvetica, sans-serif;
   font-size       : 11px;
   color           : #000000;
}

#divContent a {
   color           : rgb(200,0,0);
   text-decoration : underline;
}

#divContent a:hover {
   color           : rgb(200,0,0);
   text-decoration : none;
}

#divContent ul {
   font-family     : Arial, Verdana;
   font-size       : 12px;
   line-height     : 18px;
}




/* Sidebar. */

#sidebar {
   float           : left;
   width           : 186px;
   background      : rgb(255, 255, 255) url('/images/front/photo1.png') no-repeat;
   border-right    : 1px solid rgb(200, 0, 0);
   padding-bottom  : 5100px;
   margin-bottom   : -5000px;
}



/* Footer. */

#footer {
   background      : rgb(255, 255, 255) url('/images/front/background_footer.png') no-repeat;
   border-right    : 1px solid rgb(200, 0, 0);
   height          : 100px;
   
}

#footer p {
   padding-top     : 70px;
   padding-left    : 50px;
   font-size       : 11px;
   color           : rgb(0, 0, 0);
}

#footer a {
   color           : rgb(200, 0, 0);
}