/* GENERAL STYLES */
/*
  Title:    MH Øst A/S
  Author:    Søren Tidmand
  Website:  http://www.tidmand.com
*/

/*
===========================
Rich text editor styling
===========================
*/

.mceContentBody {background-color:#FFFFFF;background-image:url(/media/77399/white.jpg);background-repeat:repeat;color:#664;font-size:0.9em;margin-bottom:6px;text-align:left;}
.mceContentBody a {color:#048;}
.mceContentBody li {list-style:url(../media/design/li.gif);margin-left:18px;}

#holderBody {background:#ffffff;text-align:left;font-family:'Georgia','Tahoma','Arial',sans-serif;font-size:0.8em;}
#holderBody strong {font-weight:bold;}
#holderBody a {text-decoration:underline;}
#holderBody p {margin:10px 0 10px 0;}
#holder {background:#ffffff;border: 1px solid #ccc;padding: 10px;margin: 5px;text-align: left;font-size:1em;}
#holder ul {list-style-type:circle;padding:0 0 0 8px;}
#holder li {margin:0 0 0 8px;}




/*
================================================
  Yahoo GUI Reset CSS
  http://developer.yahoo.com/yui/reset/
================================================
*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-family:'Georgia','Tahoma','Arial',sans-serif;font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}

/*
====================================
Start Theme One Styling
====================================
*/

html {}

body {height: 100%;margin: 0;padding: 0;background-color: #efefef;font-family: verdana;font-size: 11px;text-align: left;color:#333333;}

/* HEADERS */
h1 {font-family:verdana;font-size:1.4em;color: #062233;margin: 0 0;padding: 0;font-weight: bold;text-decoration: none;margin:0 0 6px 0;}
h2 {font-family:verdana;font-size:1.3em;color: #062233;margin: 0 0 10px 0;padding: 0;font-weight: bold;text-decoration: none;}
h3 {font-family:verdana;font-size:1.2em;color: #062233;margin: 0 0 5px 0;padding: 0;font-weight: bold;text-decoration: none;}
h4 {font-family:verdana;font-size:1em;color: #062233;font-weight: bold;text-decoration: none;}
h7 {font-family:verdana;font-size:0.9em;color: #fff;margin: 0px 0;padding: 0;font-weight: normal;text-decoration: none;}

a {color:#073959;}

#container {width: 990px;height: 100%;margin: 15px auto 0;background-color: transparent;}

#header {width:990px;height:111px;float:left;margin:0;background-color:#ffffff;}
#top_left {width:220px;height:111px;float:left;background-color:#062233;margin:0 2px 0 0;}
#top_left h1#logo {background-image:url(/images/mh_logo.png);text-indent:-10000px; /*Used to hide the text off screen */
height:57px;width:125px;float:left;margin:15px 0 14px 30px;}
#top_left h1#logo a {display:block;height:100%;}
#top_right {width:768px;height:111px;float:left;background-color:#062233;margin:0;}
#top_right h1#navn {background-image:url(/images/mh_navn_aps.png);text-indent:-10000px; /*Used to hide the text off screen */
height:39px;width:282px;float:left;margin:15px 0 32px 348px;}
#top_right h1#navn a {display:block;height:100%;}
#top_right h1#ikon {background-image:url(/images/mh_ikon.png);text-indent:-10000px; /*Used to hide the text off screen */
height:60px;width:60px;float:right;margin:10px 45px 16px 0;}
#top_right h1#ikon a {display:block;height:100%;}

/* Navigation */
/* holder:#073959;hover:#265a7b;selected:#062233 */

#topNavHolder {width:768px;float: left;height: 25px;background:#073959;padding: 0;border-top:0px solid #ffffff;}
#topNavHolder2 {width:220px;float: left;height: 25px;background:#073959;padding: 0;border-top:0px solid #ffffff;}
#topNav {list-style:none;margin: 0;padding: 0;text-transform:uppercase;}
#topNav a {padding: 0;text-align: center;text-decoration: none;font-family: tahoma, verdana, arial, helvetica;font-size: 11px;color: #ffffff;display: block;}
#topNav li {width:154px;height:20px;padding: 5px 0 0 0;float: left;display: block;margin:0 0 0 0;}
#topNav .last {width:152px;margin:0;}
#topNav a:hover {border:0px solid #397502;width:154px;height:20px;padding: 5px 0 0 0;float: left;display: block;margin:-5px 0 0 0;color:#ffffff;text-decoration:underline;}
#topNav .last a:hover, #topNav .lastSelected a:hover {width:152px;}
#topNav li .selected a {text-align: center;text-decoration: none;font-family: tahoma, verdana, arial, helvetica;font-size: 11px;padding: 0;color: #ffffff;}
#topNav .selected {background:url(/images/selected.gif) repeat-x;background-color:#3E8002;width:154px;height:20px;padding: 5px 0 0 0;float: left;display: block;}
#topNav .lastSelected {background:url(/images/selected.gif) repeat-x;background-color:#3E8002;width:152px;height:20px;margin:0;padding: 5px 0 0 0;float: left;display: block;}

#colNav {width: 200px;float: left;margin: 0;background-color:#C1CACF;padding: 12px 10px;font-size: 0.9em;}
#colNav a {width:100%;float: left;display: block;padding: 0;text-decoration: none;color:#000000;}
#colNav a:hover {color:#000000;display:block;}
#colNav ul {list-style-type: square;list-style-position:inside;padding: 0;margin-top: 0;float:left;}
#colNav li {float: left;width: 180px;position: relative;display: block;cursor: default;background:transparent;padding: 2px 0 4px 20px;border-bottom: 0px inset #a5ab89;}
#colNav li:hover {width:178px;padding: 1px 0 3px 19px;border:1px solid #397502;color:#000000;display:block;}
#colNav .first {margin:10px 0 0 0;border-top: 0px solid #a5ab89;}
#colNav .selected {font-weight: bold;}
#colNav li li {float: left;width: 170px;position: relative;display: block;cursor: default;background: transparent;text-transform:none;padding: 2px 0 0 10px;border-bottom: 0px;}
#colNav li li li {float: left;width: 160px;position: relative;display: block;cursor: default;text-transform:none;padding: 2px 0 2px 10px;border-bottom: 0px;}

/* Content */

#main {width:990px;float:left;padding:2px 0 2px 0;background-color:#ffffff;}

#left {width:220px;float:left;margin:0;background-color:#C1CACF;margin:0 2px 0 0;text-align:left;}
#right {width:220px;float:left;margin:0;background-color:#C1CACF;text-align:left;}
#right p {font-size:0.9em;}
#rightColumn {float:left;width:200px;padding:12px 10px;}
#contactInfo h3 {margin-top:10px;}
#info {float:left;width:190px;border-top:2px solid #ffffff;border-bottom:2px solid #ffffff;padding:10px 0 10px 30px;margin:0;background-color:#C1CACF;font-size:0.9em;}
#danskbyggeri {float:left;width:220px;height:60px;padding:0;margin:0;background-color:#C1CACF;font-size:0.9em;}
#content {width:546px;float:left;margin:0 2px 0 0;}
#contentW {width:768px;float:left;margin:0;}

#topImage {height:260px;float:left;}
#topImage img {margin: 0;padding: 0;}
#topImage h1 {margin-top: -35px;margin-left: 10px;color: #ffffff;text-transform:uppercase;}

p {margin:0 0 8px 0;}

#footer {width:950px;height:22px;float:left;margin:0;background-color:#062233;padding:6px 10px 0 30px;color:#ffffff;font-size:0.9em;text-align:right;}
#footer a {color:#cccccc;}

#mainContent {float:left;padding:10px;text-align:left;}

#search {float:left;background-color:#C1CACF;padding:12px 10px;border-top:2px solid #ffffff;border-bottom:2px solid #ffffff;}
#searchForm
#searchForm label {}
#searchForm input .submit {width:50px;height:20px;}

/* PRODUCTS */

#products {width:100%;float:left;margin:0;padding:0;}
#products table {margin-top: 10px;}
#products th {padding:2px;font-weight:bold;background-color:#062233;color:#ffffff;}
#products td {padding:2px;border-bottom:1px solid #062233;}
#products .first {width:288px;padding:2px 10px 2px 2px;vertical-align:top;}
#products .first p {margin:0;}
#products .second {width:280px;padding:2px;vertical-align:top;}
#products .third {width:200px;padding:2px;vertical-align:top;text-align:right;}
#products .producent {width:90px;}
#products .model {width:180px;}
#products .model2 {width:280px;}
#products .P3 {width:284px;}
#products .k1 {width:100px;text-align:right;}
#products .k2 {width:100px;text-align:right;}
#products .k3 {width:100px;text-align:right;}
#products .k4 {width:120px;text-align:right;}
#products .info {width:50px;text-align:center;}
#products td.click, #products th.click {background-color: #bbb;}
#products td.hover, #products tr.hover {background-color:#C1CACF;color:#000000;}
#products th.hover {background-color: ivory;}
#products td.hovercell, #products th.hovercell {background-color: #abc;}
#products td.hoverrow, #products th.hoverrow {background-color: #6df;}
#products td.toogle {background-color:#C1CACF;padding:0;}

table#productsTable {font-size:0.9em;}
table#productsTable img {border:0px solid #000000;}

#products .productsToogle table {margin-top:0;}
#products .productsToogle td {border-bottom:0;}
#products .productsToogle ul {width:100%;float:left;}
#products .productsToogle li {width:100%;float:left;}
#products .productsToogle label {width:160px;float:left;}

#products .column {float:right;margin:0 0 0 20px;}
#products .column img {width:210px;height:auto;}

#showStaff table {width:100%;}
#showStaff td {padding:2px;vertical-align:top;}
#showStaff .info {width:133px;text-align:left;float:left;}
#showStaff .pic {width:108px;text-align:left;float:left;}
#showStaff ul {float:left;margin:0 0 20px 0;}


/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 90;
  width: 100%;
  height: 500px;
}
#jquery-lightbox {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
  text-align: center;
  line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
  position: relative;
  background-color: #fff;
  width: 250px;
  height: 250px;
  margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
  position: absolute;
  top: 40%;
  left: 0%;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}
#lightbox-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
  width: 49%;
  height: 100%;
  zoom: 1;
  display: block;
}
#lightbox-nav-btnPrev { 
  left: 0; 
  float: left;
}
#lightbox-nav-btnNext { 
  right: 0; 
  float: right;
}
#lightbox-container-image-data-box {
  font: 10px Verdana, Helvetica, sans-serif;
  background-color: #fff;
  margin: 0 auto;
  line-height: 1.4em;
  overflow: auto;
  width: 100%;
  padding: 0 10px 0;
}
#lightbox-container-image-data {
  padding: 0 10px; 
  color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
  width: 70%; 
  float: left; 
  text-align: left; 
}  
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
  display: block; 
  clear: left; 
  padding-bottom: 1.0em;  
}      
#lightbox-secNav-btnClose {
  width: 66px; 
  float: right;
  padding-bottom: 0.7em;  
}


/**************************************
NitroGallery
**************************************/
.nitroGallery {
  list-style: none;
  float: left;
  display: inline;
  margin: 0;
  padding: 0;
  width: 100%;
  }
.nitroGallery li {
  float: left;
  display: inline;
  text-align: center;
  margin: 10px;
  padding: 10px;
  width: 102px;
  color: #999;
  border: 1px solid #ced7de;
  background-color: #fff;
  }

.nitroGallery a {
  text-decoration: none;
  }
.nitroGallery a b {
  text-decoration: auto;
  }
.nitroGallery a img {
  border: 1px solid #999;
  text-decoration: none;
  }


**************************************
SlideMenu
**************************************
* {margin:0; padding:0}
.sm {list-style:none; width:546px; height:260px; display:block; overflow:hidden}
.sm li {float:left; display:inline; overflow:hidden}



**************************************
XSLTsearch
**************************************
#xsltsearch {margin: 0; padding: 0 0 0 0;}
  .xsltsearch_result p {margin: 0; padding: 0;}
  .xsltsearch_result:hover {background: #f6f6f6;}
  .xsltsearch_ordinal {font-weight: bold; font-size: 75%;}
  .xsltsearch_title {font-weight: bold;}
  .xsltsearch_score {font-size: 75%;}
  p.xsltsearch_result_description {padding-bottom: 10px;}
  .xsltsearch_description strong {background: #FFC;} /* highlighting */
  #xsltsearch_navigation {text-align: center;}
  #xsltsearch_navigation .disabled {color: #999;}
  #xsltsearch_stats {font-size: 75%; color: #666;margin:10px 0;}










/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */
h4 {
font-family:verdana;font-size:1em;color: #062233;font-weight: bold;text-decoration: none;
}


