@import url(editor.css);

/* ---------- Miscelaneaous ---------- */

body {
  margin: 0px;
}

table, tr, td {
  border-collapse: collapse; 
  border: hidden;
  border: none; 
}

.header {
  font-size: 11px;
  color: #505050;  
  margin-bottom: 25px;
}

.header:link    {}
.header:visited {}
.header:hover   {}
.header:active  {}

.footer {
  font-size: 11px;
  color: #505050;  
  margin-top: 43px;
}

.footer:link    {color: #505050;}
.footer:visited {color: #505050;}
.footer:hover   {color: #505050;}
.footer:active  {color: #505050;}

.smaak_menu {
  margin-left: 80px; 
  padding-left: 20px;

}

.smaak_menu_selected {
  background-image: url(images/menu_selected.gif);
  margin-left: 80px; 
  padding-left: 20px;
}


/* ---------- Menu type 1 & 3, Horizontal menu ---------- */

.menu_hor {
  color: #505050;  
  margin-bottom: 25px;
}

.menu_hor_link:link    {}
.menu_hor_link:visited {}
.menu_hor_link:hover   {}
.menu_hor_link:active  {}

.menu_hor_selected {
}

.menu_hor_selected_link:link    {color: #000000;}
.menu_hor_selected_link:visited {color: #000000;}
.menu_hor_selected_link:hover   {color: #000000;}
.menu_hor_selected_link:active  {color: #000000;}

/* ---------- Menu type 2 & 4, Vertical menu ---------- */

/* --- Start of custom SMAAK meny styles -> */

/* --- Custom SMAAK meny styles GREEN */

.menu_vert_green {
  font-family: "Arial Black", Arial, Verdana, sans-serif; 
  color: #505050;  
  margin-bottom: 10px; 
  margin-left: 100px; 
  text-transform: uppercase;
}

.menu_vert_green_link:link    {color: #5b8436;}
.menu_vert_green_link:visited {color: #5b8436;}
.menu_vert_green_link:hover   {color: #5b8436;}
.menu_vert_green_link:active  {color: #5b8436;}

.menu_vert_selected_green {
  font-family: "Arial Black", Arial, Verdana, sans-serif; 
  margin-bottom: 10px;
  margin-left: 100px; 
  text-transform: uppercase; 
}

.menu_vert_selected_green_link:link    {color: #5b8436;}
.menu_vert_selected_green_link:visited {color: #5b8436;}
.menu_vert_selected_green_link:hover   {color: #5b8436;}
.menu_vert_selected_green_link:active  {color: #5b8436;}

/* --- Custom SMAAK meny styles RED */

.menu_vert_red {
  font-family: "Arial Black", Arial, Verdana, sans-serif; 
  color: #505050;  
  margin-bottom: 10px; 
  margin-left: 100px; 
  text-transform: uppercase;
}

.menu_vert_red_link:link    {color: #c1001f;}
.menu_vert_red_link:visited {color: #c1001f;}
.menu_vert_red_link:hover   {color: #c1001f;}
.menu_vert_red_link:active  {color: #c1001f;}

.menu_vert_selected_red {
  font-family: "Arial Black", Arial, Verdana, sans-serif; 
  margin-bottom: 10px;
  margin-left: 100px; 
  text-transform: uppercase; 
}

.menu_vert_selected_red_link:link    {color: #c1001f;}
.menu_vert_selected_red_link:visited {color: #c1001f;}
.menu_vert_selected_red_link:hover   {color: #c1001f;}
.menu_vert_selected_red_link:active  {color: #c1001f;}

/* --- Custom SMAAK meny styles PURPLE */

.menu_vert_purple {
  font-family: "Arial Black", Arial, Verdana, sans-serif; 
  color: #505050;  
  margin-bottom: 10px; 
  margin-left: 100px; 
  text-transform: uppercase;
}

.menu_vert_purple_link:link    {color: #96448c;}
.menu_vert_purple_link:visited {color: #96448c;}
.menu_vert_purple_link:hover   {color: #96448c;}
.menu_vert_purple_link:active  {color: #96448c;}

.menu_vert_selected_purple {
  font-family: "Arial Black", Arial, Verdana, sans-serif; 
  margin-bottom: 10px; 
  margin-left: 100px; 
  text-transform: uppercase;
}

.menu_vert_selected_purple_link:link    {color: #96448c;}
.menu_vert_selected_purple_link:visited {color: #96448c;}
.menu_vert_selected_purple_link:hover   {color: #96448c;}
.menu_vert_selected_purple_link:active  {color: #96448c;}

/* --- Custom SMAAK meny styles ORANGE */

.menu_vert_orange {
  font-family: "Arial Black", Arial, Verdana, sans-serif; 
  color: #505050;  
  margin-bottom: 10px; 
  margin-left: 100px; 
  text-transform: uppercase;
}

.menu_vert_orange_link:link    {color: #e3a617;}
.menu_vert_orange_link:visited {color: #e3a617;}
.menu_vert_orange_link:hover   {color: #e3a617;}
.menu_vert_orange_link:active  {color: #e3a617;}

.menu_vert_selected_orange {
  font-family: "Arial Black", Arial, Verdana, sans-serif; 
  margin-bottom: 10px;
  margin-left: 100px; 
  text-transform: uppercase; 
}

.menu_vert_selected_orange_link:link    {color: #e3a617;}
.menu_vert_selected_orange_link:visited {color: #e3a617;}
.menu_vert_selected_orange_link:hover   {color: #e3a617;}
.menu_vert_selected_orange_link:active  {color: #e3a617;}

/* --- End of custom SMAAK meny styles <- */

.menu_vert_sub {
  color: #505050;  
  margin-bottom: 10px; 
}

.menu_vert_sub_link:link    {margin-left: 15px;}
.menu_vert_sub_link:visited {margin-left: 15px;}
.menu_vert_sub_link:hover   {margin-left: 15px;}
.menu_vert_sub_link:active  {margin-left: 15px;}

.menu_vert_sub_selected {
  margin-bottom: 10px; 
  font-weight: bold;
}

.menu_vert_sub_selected_link:link    {margin-left: 15px; font-weight: bold;}
.menu_vert_sub_selected_link:visited {margin-left: 15px; font-weight: bold;}
.menu_vert_sub_selected_link:hover   {margin-left: 15px; font-weight: bold;}
.menu_vert_sub_selected_link:active  {margin-left: 15px; font-weight: bold;}

/* ---------- Menu type 5, UL menu ---------- */

.menu_ul {
  color: #505050;  
  margin: 0px; 
}

.menu_ul_link:link    {}
.menu_ul_link:visited {}
.menu_ul_link:hover   {}
.menu_ul_link:active  {}

.menu_ul_selected {
  margin: 0px; 
  font-weight: bold;
}

.menu_ul_selected_link:link    {font-weight: bold;}
.menu_ul_selected_link:visited {font-weight: bold;}
.menu_ul_selected_link:hover   {font-weight: bold;}
.menu_ul_selected_link:active  {font-weight: bold;}

/* ---------- Menu type 6, Horizontal pulldown menu ---------- */

#menu_hor_pulldown {
  width: 100%;
  background: #78787d;
  float: left;
}

#menu_hor_pulldown ul {
  list-style: none;
  margin: 0;
  padding: 0;
  /*
  width: 150px;
  */
  float: left;
}

#menu_hor_pulldown a, #menu_hor_pulldown h2 {
  display: block;
  /*
  border-width: 1px;
  border-style: solid;
  border-color: #828282 #828282 #828282 #828282;
  */
  margin: 0;
  padding: 3px 10px;
}

#menu_hor_pulldown h2 {
  color: #ffffff;
  background: #000000;
  text-transform: uppercase;
}

#menu_hor_pulldown a {
  color: #000000;
  background: #78787d;
  text-decoration: none;
}

#menu_hor_pulldown a:hover {
  color: #ffffff;
  background: #c8c8c8;
  text-decoration: none;
}

#menu_hor_pulldown li {
  position: relative;
}

#menu_hor_pulldown ul ul {
  position: absolute;
  white-space:nowrap;
  z-index: 500;
}

#menu_hor_pulldown ul ul ul {
  position: absolute;
  top: 0;
  left: 100%;
}

div#menu_hor_pulldown ul ul, div#menu_hor_pulldown ul li:hover ul ul, div#menu_hor_pulldown ul ul li:hover ul ul {
  display: none;
}

div#menu_hor_pulldown ul li:hover ul, div#menu_hor_pulldown ul ul li:hover ul, div#menu_hor_pulldown ul ul ul li:hover ul {
  display: block;
}

/* ---------- Menu type 7, Horizontal tabbed menu ---------- */

#menu_hor_buttons_tabbed {
  padding: 0px;
  margin: 0px;
}

#menu_hor_tabbed {
  padding: 3px 0;
  margin-top: 2px;
  margin-left: 0;
  border-bottom: 1px solid #828282;
}

#menu_hor_tabbed li {
  list-style: none;
  margin: 0;
  display: inline;
}

#menu_hor_tabbed li a {
  padding: 3px 5px;
  margin-left: 3px;
  border: 1px solid #828282;
  border-bottom: none;
  background: #ededed;
  text-decoration: none;
}

#menu_hor_tabbed li a:link { }

#menu_hor_tabbed li a:visited { }

#menu_hor_tabbed li a:hover {
  color: #000;
  background: #ededed;
  border-color: #828282;
}

#menu_hor_tabbed li a#current {
  background: white;
  border-bottom: 1px solid white;
}

/* ---------- Menu type 8, Horizontal button menu ---------- */

#menu_hor_buttons_navlist {
  padding: 0px;
  margin: 0px;
}

#menu_hor_buttons ul li {
  list-style-type: none;
  padding: 0px;
  margin: 0px;
  display: block;
  float: left;
  background: url(images/menu_hor_buttons_bg.gif);
  repeat-x 20px; 
  text-align: center;
}

#menu_hor_buttons a {
  color: #000000;
  text-decoration: none;
  display: block;
  padding: 5px;
  width: 70px;
  border-top: 1px solid #828282;
  border-bottom: 1px solid #828282;
  border-left: 1px solid #828282;
  color: #af0000;
}

#menu_hor_buttons li#active { 
  background: url(images/menu_hor_buttons_bg_hover.gif);
  repeat-x 20px; 
}

#menu_hor_buttons li#active a {  
  color: #000000;
}

#menu_hor_buttons a:hover { 
  background: url(images/menu_hor_buttons_bg_hover.gif);
  repeat-x 20px; 
  color: #000000;
}

#menu_hor_buttons li#last {  
  text-decoration: none;
  display: block;
  padding-top: 6px;
  padding-bottom: 6px;
  width: 0px;
  border-left: 1px solid #828282;
}

/* ---------- Menu type 9, Horizontal pulldown menu ---------- */

#menu_hor_pulldown_2 {
  width: 100%;
  background-color: #78787d;
  float: left;
}

ul#primary-nav, ul#primary-nav ul {
  width: 100%;
  margin: 0;
  padding: 0;
  /* background: #ffffff; /* IE6 Bug */
  font-size: 100%;
}

ul#primary-nav {
  top: 0px;
  left: 0px;
  float: left;
  z-index: 999999;
  position: relative;
}

ul#primary-nav:after {
  content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

ul#primary-nav li {
  position: relative;
  list-style: none;
  float: left;
  width: 140px; /* Width of Menu Items */
}

ul#primary-nav li a,
ul#primary-nav li li a {
  display: block;
  text-decoration: none;
  color: #ffffff;
  padding: 5px;
}

/* Fix IE. Hide from IE Mac \*/
* html ul#primary-nav li { float: left; height: 1%; }
* html ul#primary-nav li a { height: 1%; }
/* End */

ul#primary-nav ul {
  position: absolute;
  display: none;
}

ul#primary-nav ul ul {
  left: 141px;
  top: 0;
}

ul#primary-nav li ul li a { padding: 2px 5px; } /* Sub Menu Styles */

ul#primary-nav li:hover ul ul,
ul#primary-nav li:hover ul ul ul,
ul#primary-nav li.over ul ul,
ul#primary-nav li.over ul ul ul { display: none; } /* Hide sub-menus initially */

ul#primary-nav li:hover ul, 
ul#primary-nav li li:hover ul,
ul#primary-nav li li li:hover ul,
ul#primary-nav li.over ul,
ul#primary-nav li li.over ul,
ul#primary-nav li li li.over ul { display: block; } /* The magic */

ul#primary-nav li ul li a {
  height: 18px;
  padding: 5px 0px 5px 15px;
  background-color :#78787d;
  border-bottom: 1px solid #ffffff;
  font-weight: bold;
}


ul#primary-nav li a:hover { 
  color: #000000; 
  background-color: #ffffff;
  text-decoration: underline;
}

ul#primary-nav a {
  background-color: #78787d;
}

ul#primary-nav li.menuparent {
  margin:0;
  font-weight:bold;
}