/* 
    Document   : main
    Created on : 24-08-2009, 11:33:19
    Author     : df
    Description:
        Purpose of the stylesheet follows.
*/

root { 
    display: block;
}

html, body {
  margin: 0px;
  padding: 0px;
  font-size: 11px;
  font-family: verdana, arial, sans-serif;
  color: black;
  width: 100%;
  background-image: url('../gfx/pageBackground.png');
  background-repeat: repeat-x;
}

br.clr {
  clear: both;
}

h1, h2, h3, h4 {
	margin: 0;
  	font-size: 14px;
  	font-weight: bold;
  	font-family: arial, verdana, sans-serif;

}

div#site {
  width: 955px;
  margin-left: -477px;
  position: relative;
  left: 50%;
}

div#site div#banner {
  width: 955px;
  height: 160px;
  height: 174px;
  background-image: url('../gfx/banner.png');
  background-repeat: no-repeat;
  background-position: bottom;
  position: relative;
}

div#site div#banner div#tools {
  position: absolute;
  right: 21px;
  top: 0px;
  background-image: url('../gfx/tools.png');
  width: 159px;
  height: 36px;
}

div#site div#banner div#tools a:link,
div#site div#banner div#tools a:visited {
  display: block;
  float: left;
  width: 25px;
  height: 17px;
  margin: 0px;
  padding: 0px;
  margin-left: 20px;
  margin-top: 5px;
}

div#site div#banner div#tools a img {
  border: 0px;
}

div#site div#banner div#information {
  position: absolute;
  right: 22px;
  top: 52px;
  color: white;
  font-family: verdana, arial, sans-serif;
  text-align: right;
}

div#site div#menu {
  /*width: 954px;*/
  height: 39px;
  background-image: url('../gfx/menu.png');
  text-align: left;
padding-left: 32px;
}

div#site div#menu span {
  height: 39px;
  display: inline-block;
  /*display: block;
  float: left;*/
  background-image: url('../gfx/menuSplitFull.png');
  background-repeat: no-repeat;
  background-position: right;
  position: relative;

}

div#site div#menu span.last {
  background: none;
}

div#site div#menu span a:link,
div#site div#menu span a:visited {
  /*float: left;*/
  display: inline-block;
  font-family: verdana, arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  color: #737373;
  text-decoration: none;
  margin-left: 12px;
  margin-right: 12px;
  margin-top: 10px;
}

div#site div.undermenudiv {
  width: 165px;
  width: 190px;
  background-color: #161616;
  position: absolute;
}

div#site div.undermenudiv a:link.submenu,
div#site div.undermenudiv a:visited.submenu {
  font-size: 11px;
  font-family: verdana, arial, sans-serif;
  color: white;
  text-decoration: none;
  display: block;
  float: left;
  margin: 5px 10px;
  display: block;
  width: 100%;
}

div#site div.undermenudiv a:hover.submenu {
  color: #c91206;
}

div#site div#frontpage {
  width: 904px;
  padding-left: 26px;
}

div#site div#frontpage div#leftContent {
  width: 365px;
  float: left;
}

div#site div#frontpage div#leftContent p {
  color: #2f0300;
  font-size: 11px;
  font-family: arial, verdana, sans-serif;
}

div#site div#frontpage div#leftContent h1 {
  color: #2f0300;
  font-size: 16px;
  font-family: arial, verdana, sans-serif;
}

h1 {
  color: #2f0300;
  font-size: 16px;
  font-family: arial, verdana, sans-serif;
}

div#site div#frontpage div#rightContent {
  width: 504px;
  float: left;
  margin-left: 35px;
}

div#site div#frontpage div#rightContent div#right_now {
  width: 504px;
  position: relative;
}

div#site div#frontpage div#rightContent div#right_now div#now_top {
  width: 504px;
  height: 14px;
  font-size: 0px;
  overflow: hidden;
  background-image: url('../gfx/ligenuTop.png');
}

div#site div#frontpage div#rightContent div#right_now div#now_middle {
  width: 504px;
  margin: 0px;
  padding: 0px;
  background-image: url('../gfx/ligenuMiddle.png');
}

div#site div#frontpage div#rightContent div#right_now div#now_middle div#right_now_title {
  width: 504px;
  position: absolute;
  top: 3px;
  left: 3px;
}

div#site div#frontpage div#rightContent div#right_now div#now_middle div.border {
  border: 1px solid #aaa;
  float: left;
  margin-left: 12px;
}

div#site div#frontpage div#rightContent div#right_now div#now_middle div.border img {
  width: 308px;
  height: 213px;
}

div#site div#frontpage div#rightContent div#right_now div#now_middle div#right_now_info {
  width: 175px;
  float: left;
}

div#site div#frontpage div#rightContent div#right_now div#now_middle div#right_now_info h2 {
  color: #570500;
  font-size: 14px;
  font-family: arial, verdana, sans-serif;
  margin-top: 0px;
  margin-left: 10px;
}

div#site div#frontpage div#rightContent div#right_now div#now_middle div#right_now_info p {
  color: black;
  font-size: 10px;
  font-family: arial, verdana, sans-serif;
  margin-left: 10px;
}

div#site div#frontpage div#rightContent div#right_now div#now_middle div#right_now_info p a:link,
div#site div#frontpage div#rightContent div#right_now div#now_middle div#right_now_info p a:visited {
  text-decoration: none;
  display: inline-block;
  float: right;
  margin-top: 10px;
}

div#site div#frontpage div#rightContent div#right_now div#now_middle div#right_now_info p a img {
  border: 0px;
}

div#site div#frontpage div#rightContent div#right_now div#now_bottom {
  width: 504px;
  height: 14px;
  font-size: 0px;
  overflow: hidden;
  background-image: url('../gfx/ligenuBottom.png');
}

div#site div#threes {
  margin-top: 5px;
  height: 145px;
  width: 100%;
}

div#site div#threes div#leftBox {
  float: left;
  width: 318px;
  height: 133px;
  background-image: url('../gfx/bottomBoxLeft.png');
  position: relative;
}

div#site div#threes div#leftBox div.title {
  font-size: 14px;
  font-weight: bold;
  font-family: arial, verdana, sans-serif;
  color: white;
  text-align: right;
  padding-top: 10px;
  padding-right: 10px;
}

div#site div#threes div#leftBox div#leftBoxImage {
  width: 144px;
  height: 181px;
  background-image: url('../gfx/worker.png');
  position: relative;
  top: -78px;
  left: 10px;
  float: left;
}

div#site div#threes div#leftBox p {
  float: left;
  margin-left: 20px;
  width: 150px;
  font-family: arial, verdana, sans-serif;
  color: black;
}

div#site div#threes div#leftBox a:link,
div#site div#threes div#leftBox a:visited {
  position: absolute;
  bottom: 4px;
  right: 1px;
  display: inline-block;
}

div#site div#threes div#leftBox a img {
  border: 0px;
}

div#site div#threes div#middleBox {
  float: left;
  width: 315px;
  height: 133px;
  background-image: url('../gfx/bottomBoxMiddle.png');
  position: relative;
}

div#site div#threes div#middleBox div.title {
  float: left;
  padding-top: 4px;
  padding-left: 10px;
}

div#site div#threes div#middleBox div#middleBoxImage {
  width: 81px;
  height: 101px;
  background-image: url('../gfx/photography.png');
  position: relative;
  bottom: 6px;
  left: 2px;
  float: left;
}

div#site div#threes div#middleBox p {
  float: left;
font-family: arial, verdana, sans-serif;
font-size: 11px;
  margin-left: 5px;
  width: 222px;
}

div#site div#threes div#middleBox div.title img {
}

div#site div#threes div#middleBox a:link,
div#site div#threes div#middleBox a:visited {
  position: absolute;
  bottom: 4px;
  right: 1px;
  display: inline-block;
}

div#site div#threes div#middleBox a img {
  border: 0px;
}

div#site div#threes div#rightBox {
  float: left;
  width: 317px;
  height: 133px;
  background-image: url('../gfx/bottomBoxRight.png');
  position: relative;
}

div#site div#threes div#rightBox div.title {
  font-size: 14px;
  font-weight: bold;
  font-family: arial, verdana, sans-serif;
  color: white;
  text-align: left;
  padding-top: 10px;
  padding-left: 10px;
  margin-bottom: 10px;
}

div#site div#threes div#rightBox div.title span {
  color: #b4b4b4;
}

div#site div#threes div#rightBox div#rightBoxImage {
  width: 164px;
  height: 87px;
  float: left;
  border: 1px solid #3c120f;
  margin-left: 5px;
  overflow: hidden;
}

div#site div#threes div#rightBox div#rightBoxImage img {
  margin-left: -50%;
  margin-top: -50%
}

div#site div#threes div#rightBox p {
  float: left;
  margin-top: 0px;
  margin-left: 10px;
  width: 130px;
  font-family: arial, verdana, sans-serif;
  color: black;
}

div#site div#threes div#rightBox a:link,
div#site div#threes div#rightBox a:visited {
  position: absolute;
  bottom: 4px;
  right: 4px;
  display: inline-block;
}

div#site div#threes div#rightBox a img {
  border: 0px;
}




div#site div#subpage {
  position: relative;
  width: 100%;
}

div#site div#subpage div#subContent {
  margin-left: 27px;
  width: 901px;
}



div#site div#references {
  position: relative;
}

div#site div#references div#referencesTop {
  width: 956px;
  height: 27px;
  background-image: url('../gfx/referencerTop.png');
}

div#site div#references div#referencesMiddle {
  width: 956px;
  background-image: url('../gfx/referencerMiddle.png');
}

div#site div#references div#referencesMiddle div#leftContent {
  width: 310px;
  float: left;
  position: relative;
}

div#site div#references div#referencesMiddle div#leftContent div#referencesTitle {
  position: absolute;
  top: -20px;
  left: 7px;
}

div#site div#references div#referencesMiddle div#leftContent div.full {
  width: 280px;
  margin-top: 20px;
  margin-left: 25px;
}

div#site div#references div#referencesMiddle div#leftContent div.full span {
  font-size: 11px;
  font-family: arial, verdana, sans-serif;
  color: #300300;
}

div#site div#references div#referencesMiddle div#leftContent div.full form {
  display: inline-block;
}

div#site div#references div#referencesMiddle div#leftContent div.full select {
  font-size: 11px;
  font-family: arial, verdana, sans-serif;
  color: #300300;
  border: 1px solid #573331;
  width: 155px;
  height: 20px;
}

div#site div#references div#referencesMiddle div#leftContent div#leftCategories {
  width: 280px;
}

div#site div#references div#referencesMiddle div#leftContent div.row {
  width: 260px;
  height: 70px;
  margin-top: 10px;
}

div#site div#references div#referencesMiddle div#leftContent div.row div.border {
  border: 1px solid #570500;
  /*width: 88px;
  height: 58px;*/
  float: left;
}

div#site div#references div#referencesMiddle div#leftContent div.row div.border a img{
  border: 0px;
}

div#site div#references div#referencesMiddle div#leftContent div.row div.info {
  width: 160px;
  margin-left: 10px;
  float: left;
}

div#site div#references div#referencesMiddle div#leftContent div.row div.info span.title {
  display: inline-block;
  font-family: arial, verdana, sans-serif;
  font-weight: bold;
  font-size: 11px;
  color: #300300;
  width: 160px;
  text-transform: uppercase;
}

div#site div#references div#referencesMiddle div#leftContent div.row div.info span.title a:link,
div#site div#references div#referencesMiddle div#leftContent div.row div.info span.title a:visited {
  text-decoration: none;
  color: #300300;
}

div#site div#references div#referencesMiddle div#leftContent div.row div.info span.info {
  display: inline-block;
  font-family: arial, verdana, sans-serif;
  font-size: 10px;
  color: #300300;
  width: 160px;
  text-transform: uppercase;
}

div#site div#references div#referencesMiddle div#rightContent {
  float: left;
}

div#site div#references div#referencesMiddle div#rightContent div#controls {
  position: absolute;
  right: 5px;
  top: 6px;
}

div#site div#references div#referencesMiddle div#rightContent div#controls div#goLeft {
  width: 54px;
  height: 41px;
  background-image: url('../gfx/forrige.gif');
  float: left;
  cursor: pointer;
}

div#site div#references div#referencesMiddle div#rightContent div#controls div#goRight {
  width: 47px;
  height: 41px;
  background-image: url('../gfx/naeste.gif');
  float: left;
  cursor: pointer;
}

div#site div#references div#referencesMiddle div#rightContent div#controls a:link#goLeft,
div#site div#references div#referencesMiddle div#rightContent div#controls a:visited#goLeft {
  width: 54px;
  height: 41px;
  background-image: url('../gfx/forrige.gif');
  float: left;
  cursor: pointer;
  display: block;
}

div#site div#references div#referencesMiddle div#rightContent div#controls a:link#goRight,
div#site div#references div#referencesMiddle div#rightContent div#controls a:visited#goRight {
  width: 47px;
  height: 41px;
  background-image: url('../gfx/naeste.gif');
  float: left;
  cursor: pointer;
  display: block;
}

div#site div#references div#referencesMiddle div#rightContent div#largeInfo {
  float: left;
  width: 635px;
  margin-left: 10px;
}

div#site div#references div#referencesMiddle div#rightContent div#largeInfo div#largeTitle {
  font-size: 14px;
  font-family: arial, verdana, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  color: #300300;
  margin-bottom: 5px;
}

div#site div#references div#referencesMiddle div#rightContent div#largeInfo div#largeGallery {
  float: left;
}

div#site div#references div#referencesMiddle div#rightContent div#largeInfo div#largeGallery div#largeImage {
  border: 1px solid #3c120f;
  float: left;
  margin-bottom: 1px;
  margin-left: 2px;
  margin-left: 0px;
  font-size: 0px;
}

div#site div#references div#referencesMiddle div#rightContent div#largeInfo div#largeGallery div#largeImage img {
}

div#site div#references div#referencesMiddle div#rightContent div#largeInfo div#largeGallery div#largeThumbs {
  width: 340px;
}

div#site div#references div#referencesMiddle div#rightContent div#largeInfo div#largeGallery div#largeThumbs div.thumb  {
  border: 1px solid #3c120f;
  float: left;
  margin-right: 1px;
  font-size: 0px;
}

div#site div#references div#referencesMiddle div#rightContent div#largeInfo div#largeGallery div#largeThumbs div.thumb img  {
}

div#site div#references div#referencesMiddle div#rightContent div#largeInfo div#largeDescription {
  float: left;
  width: 275px;
  font-size: 11px;
  font-family: arial, verdana, sans-serif;
  color: #300300;
}




div#site div#references div#referencesBottom {
  width: 956px;
  height: 27px;
  background-image: url('../gfx/referencerBottom.png');
}

div#site div#siteBottom {
  position: relative;
}

div#site div#siteBottom a:link#diavision,
div#site div#siteBottom a:visited#diavision {
  position: absolute;
  right: 5px;
  top: -5px;
}

div#site div#siteBottom a#diavision img {
  border: 0px;
}







/* WEBSHOP */



div#site div#references div#rightContent span.webshop-category-products-container {
  
}

div#site div#references div#rightContent span.webshop-category-products-container form.webshop-product-loop {
  display: inline-block;
  float: left;
  clear: both;
  margin-left: 10px;
}

div#site div#references div#rightContent span.webshop-category-products-container form div.fullRow {
  width: 100%;
  width: 600px;
  margin-top: 10px;
}

div#site div#references div#rightContent span.webshop-category-products-container form div.fullRow div.border {
  float: left;
  border: 1px solid #aaa;
  width: 79px;
  height: 53px;
}

div#site div#references div#rightContent span.webshop-category-products-container form div.fullRow div.informations {
  float: left;
  width: 450px;
  margin-left: 10px;
  font-size: 11px;
  font-family: verdana, arial, sans-serif;
}

div#site div#references div#rightContent span.webshop-category-products-container form div.fullRow div.informations a:link,
div#site div#references div#rightContent span.webshop-category-products-container form div.fullRow div.informations a:visited {
  font-size: 12px;
  font-weight: bold;
  color: #300300;
  text-decoration: none;
}

div#site div#references div#rightContent span.webshop-category-products-container form div.fullRow div.informations div.description {
  font-size: 11px;
  color: #300300;
}






div#site div#subs {
  position: relative;
}

div#site div#subs div#subsTop {
  width: 956px;
  height: 27px;
  background-image: url('../gfx/subsTop.png');
}

div#site div#subs div#subsMiddle {
  width: 956px;
  background-image: url('../gfx/subsMiddle.png');
}

div#site div#subs div#subsMiddle div#rightContent {
  margin: 0px 15px;
}

div#site div#subs div#subsMiddle div#rightContent h1,
div#site div#subs div#subsMiddle div#rightContent h2,
div#site div#subs div#subsMiddle div#rightContent h3 {
  /*margin-top: 0px;*/
}

div#site div#subs div#subsMiddle p {
  margin-top: 0px;
  /*float: left;
  width: 925px;*/
}

div#site div#subs div#subsBottom {
  width: 956px;
  height: 27px;
  background-image: url('../gfx/subsBottom.png');
}



