/* general settings */


html, body {
   background: #F8F2E8;
   color: black;
   margin: 0px;
   padding: 0px;
   font-family: Verdana;
   font-size: 10px;   
}

a:link {
   color: #037;
}

a:visited {
   color: #636;
}

img {
   border: 0;
}

p {
   color: black;
   margin-bottom: 6px;
}

/* layout container */

#page_wrapper {
   border: solid 0px #dc0000;
   border-left: solid 1px #FFC066;
   border-right: solid 1px #FFC066;
   width:932px;
   position: absolute;
   left: 50%;
   margin-left: -466px;  /*  (width/2)*(-1) */
   background-color: white;
}

#head {
   background-color: #FEF0CB;
   background-image: url(../gfx/fond_mainmenu_default.jpg);
   width: 932px;
   height: 110px;
}


#head #nuklogo img {
   position: absolute;
   width: 220px;
   height: 110px;
   border: 0px solid #dc0000;
   top: 0px;
   left: 0px;
}
   
#head #vignettes {
   position: absolute;
   top: 29px;
   left: 466px;
   width: 400px;
   margin-left: -200px;
   height: 40px;
   text-align: center;
}

#head #vignettes img.vignette {
   margin-left: 5px;
   margin-right: 5px;
}

   

/* Main Menu */
#mainmenu {
   width: 932px;
   height: 32px;
   margin: 0px;
   padding: 0px;
   color: #dc0000;
   font-weight: bold;
   border-top: solid 1px #dc0000;
   border-bottom: solid 1px #dc0000;
   text-align: center;
   
   padding-top: 9px;
   height: 23px;
}


#mainmenu a.menuitem {
   margin: 0px;
   padding: 0px;
   margin-left: 10px;
   margin-right: 10px;
   padding-left: 12px;
   height: 15px;
   font-size: 15px;
}

#mainmenu a.mainmenu_active {
   background-image: url(../gfx/mainmenu_arrow.gif);
   background-position: 0 0;
   background-repeat: no-repeat;
}

#mainmenu a.menuitem img {
  margin: 0px;
  padding: 0px;
}



/* content, (divided in 3 divs below the main menu) */
#content {
   background-color: white;
   width: 900px;   /* 932 - margins */
   margin-top: 16px;
   margin-left: 16px;
   margin-right: 16px;
   clear: both;
}


#left {
   float: left;
}

#left_menu_wrapper {
   width: 180px;
   background-image: url(../gfx/left_menu_bg.jpg);
}

#left_menu_wrapper .left_menu {
   background-image: url(../gfx/left_menu_bottom.gif);
   background-position: bottom;
   background-repeat: no-repeat;
   height: 100%;
   padding-top: 8px;
   padding-bottom: 8px;
   padding-left: 12px;
   padding-right: 7px;
}

#left_menu_wrapper .left_menu ul li a {
   color: #DC0000;
}

#left_menu_wrapper .left_menu ul li ul li a {
   color: #000000;
}

#left_menu_wrapper .left_menu ul {
   list-style-type: none;
   margin: 0px;
   padding: 0px;
}

#left_menu_wrapper .left_menu ul li {
   color: #DC0000;
   font-size: 12px;
   font-weight: bold;
   padding-bottom: 14px;
}

#left_menu_wrapper .left_menu ul ul {
   padding-top: 4px;
   padding-left: 19px;
}

#left_menu_wrapper .left_menu ul li li {
   list-style-image: url(../gfx/left_menu_listdot.gif);
   padding: 0;
   line-height: 14px;
   color: #000000;
   font-size: 10px;
   font-weight: normal;
}

#left_menu_wrapper .left_menu ul li li.active {
   list-style-image: url(../gfx/left_menu_arrow.gif);
}

#left_menu_wrapper .left_menu a {
   color: #000000;
   text-decoration: none;
}

#left_menu_wrapper .left_menu a:hover {
   color: #DC0000;
   text-decoration: underline;
}

/* right side */
#right {
   float: right;
}

#right .outer_box_wrapper {
   margin-bottom: 13px;
}

#right .outer_box_wrapper .fondholder2 {
   width: 180px; 
   overflow: auto; 
   background-image:url(../gfx/box_fond2.png);
}

#right .outer_box_wrapper .fondholder1 {
   width: 180px; 
   overflow: auto; 
   background-repeat: no-repeat; 
   background-position: top; 
   background-image:url(../gfx/box_fond1.png);
}

#right .outer_box_wrapper .fondholder3 {
   width: 180px; 
   overflow: auto; 
   background-repeat: no-repeat; 
   background-position: bottom; 
   background-image:url(../gfx/box_fond3.png);
}

#right .outer_box_wrapper .box_content_wrapper {
   margin-left: 1px; 
   margin-right: 3px;
   width: 176px;
}

/* infobox content in separate file */



/*
#right .box_wrapper {
   width: 180px;
   background-image: url(../gfx/right_infobox_bg.gif);
   margin-bottom: 13px;
}

#right .box_wrapper .infobox {
   background-image: url(../gfx/right_infobox_bottom.gif);
   background-position: bottom;
   background-repeat: no-repeat;
   height: 100%;
   padding-top: 6px;
   padding-bottom: 12px;
   padding-left: 12px;
   padding-right: 7px;
}

#right .infobox {
   /*   background-color: #fff0dd; 
   color: #994E00;
   width: 160px;
   padding-top: 10px;
   padding-left: 10px;
   padding-right: 5px;
   padding-bottom: 5px;
   font-size: 10px;
   line-height: 11px;
   letter-spacing: 0px;
   text-transform: none;
}

#right .box_wrapper .infobox h1 {
   font-weight: bold;
   font-size: 12px;
   line-height: 14px;
   width: inherit;
   /*line-height: 14px;
   letter-spacing: 0px;
   text-transform: none;
   margin: 0px;
   padding: 0px;   
   padding-bottom: 7px;
}

#right .infobox h2 {
   margin: 0px;
   font-weight: bold;
   font-size: 10px;
   line-height: 12px;
   letter-spacing: 0px;
   text-transform: none;
   padding-bottom: 5px;
}

#right .infobox p {
   margin: 0px;
   padding: 0px;
   padding-bottom: 5px;
   color: #994E00;
   line-height: 14px;
}

.infobox a {
  color: #dc0000;
  text-decoration: underline;
}

*/


/* (body in separate file) */


/* Footer */


#foot {
   width: 932px;
   height: 118px;
   background-image: url(../gfx/page_bottom.jpg);
   border-bottom: 1px solid #FFC066;
}

#footer {
   position: relative;
   width: 932px;
   height: 118px;
}

#debug {
   font-size: 10px;
   line-height: 10px;
   color: #333;
}