body
{
  margin: 0px;
  padding: 0px;
  background: #d7e4ed url(/images/layout/Background.png) repeat-x;
  color: black;
  font-family: arial, helvetica, sans-serif;
  font-size: 1em;
}

img
{
  margin: 0px;
  padding: 0px;
  border: 0px;
}

.hide { display: none;}

.boundary
{
  width: 980px;
  font-size: 0.55em;
  margin: 0px auto;
  text-align: center;
}

.content
{
  float: left;
  width: 980px;
  background: white;
  margin-bottom: 20px;
  padding-left: 10px;
  padding-right: 10px;
  text-align: left;
}

.content .top
{
  position: relative;
  float: left;
  width: 980px;
  height: 150px;
}

.content .top .logo
{
  float: left;
  width: 110px;
  padding-left: 30px;
  margin-top: 20px;
  margin-bottom: 14px;
}

.content .top .logo_text
{
  position: absolute;
  right: 0px;
  width: 110px;
  bottom: 0px;
  height: 135px;
  padding-left: 30px;
}
.content .header
{
  float: left;
  width: 980px;
  margin-bottom: 4ex;
}

.content .main
{
  position: relative;
  float: left;
  width: 980px;
}

.content .main .flash,
.content .main .folder
{
  float: left;
  clear: left;
  width: 650px;
  height: 360px;
  overflow: hidden;
}

.content .main .folder
{
  height: auto;
  min-height: 360px;
  overflow: visible;
}

.content .main .flash.frontpage
{
  width: 980px;
  overflow: hidden;
}
.content .main .flash .image_thumbnail {
  float: left; 
  width: 85px; 
  height: 85px; 
  margin: 0 0 7px 0px; 
  overflow: hidden;
}
.content .main .flash.frontpage .fallback
{
  float: left;
  width: 980px;
  height: 360px;
  background: url(/images/layout/iv_flash_forsiden_DEF_ny.gif) no-repeat;
}


.content .main .text
{
  float: left;
  width: 310px;
  height: 332px;
  padding-top: 28px;
  padding-left: 10px;
  padding-right: 10px;
  overflow: hidden;
  color: #000;
}
.content .main .text.green{
 background: #bfab48;
}
.content .main .text.black{
 color: white;
 background: #1a171b;
}
.content .main .text.light_grey{
 background: #f3f1e7;
}
.content .main .text.grey{
 background: #d9dadb;
}

.content .main .text.blue{
 background: #b6c6ce;
}
.content .main .text.red{
 color: white;
 background: #891218;
}

.content .main .text a, .content .main .text a:visited
{
  color: #6580ab;
  text-decoration: none;
}

.content .main .text a:hover, .content .main .text a:active
{
  text-decoration: underline;
}

.content .bottom
{
  position: relative;
  float: left;
  width: 980px;
  min-height: 90px;
}

.content .bottom .footer
{
  position: absolute;
  float: left;
  clear: left;
  left: 0px;
  bottom: 5px;
  width: 100%;
}

.content .bottom .footer form
{
  float: left;
}

.content .bottom .footer .search
{
  float: left;
  width: 320px;
  margin-right: 10px;
}

.content .bottom .footer .search input.string
{
  float: left;
  width: 281px;
  height: 15px;
  margin: 0px;
  margin-right: 5px;
  border: #dcdcdc 1px solid;
  color: #999999;
  font-size: 1.1em;
}

.content .bottom .footer .search input.button
{
  float: left;
  margin: 0px;
}

.content .bottom .banner
{
  margin-top: 14px;
  margin-bottom: 20px;
  padding-bottom: 20px;
}
.miksmaster_logo{ 
 position: absolute;
 bottom: 10px;
 right: 0px;
 width: 74px;
 height: 90px;
 background: #ffffff url(/images/52/miksmaster_logo.gif) left bottom;
}

.slider { position: absolute; left: 0px; top: 0px; }
.slider .set { float: left; width: 90px; margin-right: 20px; }
.arrows { position: absolute; right: 458px; top: 365px; z-index: 1000; }
.arrow { float: left; width: 39px; height: 39px; overflow: hidden; cursor: pointer; }
.arrow_text { float: left; margin-left: 1ex; margin-top: 16px; font-size: .9em; font-weight: bold; text-transform: uppercase; }
/* top menu */

.content .top .menu
{  
  position: absolute;
  bottom: 5px;
  left: 650px;
}

.content .top .menu .item
{
  padding-left: 10px;
  font-weight: bold;
  font-size: 1.3em;
  line-height: 1.5em;
  color: #999;
}

.content .top .menu .item:hover
{
  color: #000;
}


.content .top .menu .item a, .content .top .menu .item a:visited
{
  color: #999;
  text-decoration: none;
}

.content .top .menu .item a:hover, .content .top .menu .item a:active
{
  color: #000;
  text-decoration: none;
}

.content .top .menu .item.active
{
  background: url(/images/layout/pil_hvit.gif) no-repeat 0px 5px;
}

.content .top .menu .item.active a, .content .top .menu .item.active a:visited
{
  color: white;
}


/* top footered menu */

.content .top .menu.tiny
{
  position: absolute;
  left: 210px;
  width: 475px;
  bottom: 5px;
  height: auto;
  margin: 0px;
  padding: 0px;
}

.content .top .menu.tiny .item
{
  float: left;
  margin-left: 0px;
  margin-right: 1.5ex;
  padding-left: 0px;
  font-size: 1.2em;
  background: transparent;
}

.content .top .menu.tiny .item a, 
.content .top .menu.tiny .item a:visited
{
  color: #999999;
}

.content .top .menu.tiny .item a:hover, 
.content .top .menu.tiny .item a:active,
.content .top .menu.tiny .item.active a,
.content .top .menu.tiny .item.active a:visited,
.content .top .menu.tiny .item.active a:hover,
.content .top .menu.tiny .item.active a:active
{
  color: black;
}




/* bottom menu */

.content .bottom .menu
{
  float: left;
  width: 100%;
  height: auto;
  margin: 12px 0px;
}

.content .bottom .menu .item
{
  float: left;
  margin-right: 15px;
  font-weight: bold;
  font-size: 1.3em;
  line-height: 1.1em;
}

.content .bottom .menu .item a, .content .bottom .menu .item a:visited
{
  color: #999999;
  text-decoration: none;
}

.content .bottom .menu .item a:hover, .content .bottom .menu .item a:active
{
  color: black;
  text-decoration: none;
}

.content .bottom .menu .item.active a, .content .bottom .menu .item.active a:visited
{
  color: black;
}

.content .bottom .menu .item.green a, .content .bottom .menu .item.green a:visited
{
  color: #3da158;
  text-decoration: none;
}

.content .bottom .menu .item.green a:hover, .content .bottom .menu .item.green a:active
{
  color: black;
  text-decoration: none;
}


.content .bottom .menu .menu
{
  float: left;
  clear: left;
  margin-top: 4px;
}

.content .bottom .menu .menu .item
{
  font-size: 1.1em;
}


/* footer menu */

.content .bottom .footer .menu
{
  width: 100%;
  height: auto;
  margin: 0px;
  text-align: center;
  padding-top: 4px;
}

.content .bottom .footer .menu .item
{
  float: left;
  margin-left: 210px;
  margin-right: 0px;
  font-size: 1.3em;
  color: #999999;
}
.content .conceptBox { float: left; width: 190px; height: 175px; margin-left: 20px; margin-bottom: 10px; cursor: pointer; background-color: #c0c6ce; color: black; font-weight: bold; text-align: center; }
.content .conceptBox h3 { margin-top: 75px; }
.content .conceptBox.box_1 { background-color: rgb(177,179,215); }
.content .conceptBox.box_2 { background-color: rgb(255,215,154); }
.content .conceptBox.box_3 { background-color: rgb(255,235,225); }
.content .conceptBox.box_4 { background-color: rgb(217,174,187); }
.content .conceptBox.box_5 { background-color: rgb(207,222,207); }
.content .conceptBox.box_6 { background-color: rgb(202,139,73); }

.content .main .text
{
  cursor: default;
}

.content .main .text p
{
  margin-top: 0px;
  margin-bottom: 1.5ex;
}

.content .main .text .article h1
{
  margin: 0px;
  margin-bottom: 1.5ex;
  font-size: 1.5em;
  font-weight: bold;
}

.content .main .text .article .abstract
{
  font-size: 1.2em;
  font-weight: bold;
  line-height: 1.1em;
}

.content .main .text .article .body
{
  font-size: 1.2em;
  line-height: 1.4;
}

.content .main .article h2
{
  padding: 0px;
  margin: 0px;
  padding-top: 1ex;
  font-size: 1.8em;
}

.content .main .article h2.red
{
  color: #cc0000;
}

.content .main .article h2.blue
{
  color: #6380a9;
}

.content .main .article h2.green
{
  color: #3da158;
}

.content .main .folder .article
{
  font-size: 1.4em;
  margin-bottom: 1ex;
}

.content .main .folder .article .abstract
{
  font-size: 1.1em;
  font-weight: bold;
  margin-bottom: 2ex;
}
#ImageGallery
{
  float: left;
  width: 650px;
  height: 360px;
  background: white;
  overflow: hidden;
}

#ImageGallery div.image
{
/*  position: absolute; width: 650px; */
  float: left;
  width: 320px;
  height: 360px;
  z-index: 10;
  background: white;
}

.navigation
{
  position: absolute;
  left: 45%;
  bottom: -50px;
  width: 320px;
  height: auto;
  z-index: 9999;
}
.navigation.old {
  left: 655px;
  bottom: 0px;
}
.navigation.old img { margin-left: 3px; }

.navigation .thumbnail
{
  float: left;
  margin-right: 1px;
  margin-bottom: 1px;
  padding: 2px;
  border: white 1px solid;
  font-size: 1px;
  line-height: 1px;
  cursor: pointer;
}

.navigation .thumbnail:hover
{
  border: #cfcfcf 1px solid;
}

.navigation .thumbnail.active
{
  border: black 1px solid;
  cursor: default;
}

.navigation .thumbnail.arrow, .navigation .thumbnail.back{
  border: white 1px solid;
}

.navigation .thumbnail.back{
 position: absolute;
 left: -430px;
}