/*****************************/
/*** Core html setup stuff ***/
/*****************************/

* {
    margin: 0;
    padding: 0;
}

html {
    height: 100%;
    margin-bottom: 1px;
}

form {
    margin: 0;
    padding: 0;
}

body {
    font-family: Helvetica,Arial,sans-serif;
    /*line-height: 1.3em;*/
    margin: 0em 0;
    font-size: 76%;
    color: #333;
    background-color:#F7F7F7;
}

td {
    vertical-align:top;
}
a:link, a:visited {
    text-decoration: none;
    font-weight: normal;
}

a:hover {
    text-decoration: underline;
    font-weight: normal;
}

input.button { cursor: pointer; }

input.long {
    width: 320px;    
}

p { margin-top: 0; margin-bottom: 5px; }

img { border: 0 none; }

h1 {
	padding: 0;
	font-family:Helvetica ,Arial,sans-serif;
	font-size: 1.4em;
	font-weight: bold;
	vertical-align: bottom;
	/*color: #666;*/
        color:black;
	text-align: left;
	/*width: 100%;*/
}
h2 {
	padding: 0;
	font-family:Helvetica ,Arial,sans-serif;
	font-size: 1.3em;
	font-weight: bold;
	vertical-align: bottom;
	/*color: #666;*/
        color:black;
	text-align: left;
	width: 100%;
}

.contentheading {
	padding: 0;
	font-family: Arial, Helvetica,sans-serif;
	font-size: 1.4em;
	font-weight: normal;
	vertical-align: bottom;
	color: #333;
	text-align: left;
	width: 100%;
}

table.contentpaneopen h3 {
	margin-top: 25px;
}

h4 {
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
}

h3, .componentheading, table.moduletable th, legend {
  margin: 0;
  font-weight: bold;
  font-family: Helvetica,Arial,sans-serif;
  font-size: 1.5em;
  padding-left: 0px;
	margin-bottom: 10px;
	text-align: left;
}

/*****************************************/
/*** Template specific layout elements ***/
/*****************************************/
#page_bg {
    /*padding: 10px 0;*/
    margin-bottom: 1px;
    background: #eaeaea;
}

#header {    
    
    background-color: white;
    border-top: 4px solid black;
    border-bottom: 2px solid #767676;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    margin-top: 5px;
}

.page-width {
    padding: 5px;
    margin-left: auto;
    margin-right: auto;
    width: 1050px;
    *width: 1046px;
}
.micro-width {    
    margin-left: auto;
    margin-right: auto;
    width: 1000px;
    *width: 1046px;
}

#main_body {

    background: white;
    border: 1px solid #ccc;
    border-bottom: 1px solid white;
    border-top: 1px solid white;
    /*min-height: 300px;*/
    /*height:auto;*/
}

.leftcolumn {
    /*text-align: center;*/
    padding-top: 5px;
    width: 246px;
    margin: 0;
    /*width: 255px;*/
    float:left;
}
.rightcolumn {
    /*padding-left: 10px;*/
    margin: -1px;
    /*width: 255px;*/
    float:left;
}

.todaysDate {
    color: #767676;
    float: right;
    font-weight: bold;
    margin-top: 40px;
}

.center {
    width:465px;
    margin-left: auto;
    margin-right: auto;
    /*border: 1px solid #CCCCCC;*/
    /*margin-left: 15px;
    margin-right: 15px;*/
    min-height: 120px;
    background-color: white;
}

#content {
    margin-top:8px;
    margin-left: 10px;
    margin-right: 10px;
}

.leftCenter {
    width: 740px;
}
.leftCenterRight {
    width: 1050px;
}

.vrule{
    border-left: 3px solid #d50922;
}

#header img {
    height: 70px;
}

.inline-block {
    display: inline-block;
    overflow: hidden;
     zoom: 1;
    *display: inline;
    color: black;
    font-size:9pt;
    vertical-align: top;
}

.errorWarning {
    color: #D50922;
}

/* ************************************************************************** */
/* Headings */
/* ************************************************************************** */


.blackHeading {
    /*background-color:#333333;*/
    background-color:black;
    color: white;
    /*color: #D50922;*/
    border: silver;
}
.oliveHeading {
    background-color:#6a8a73;
    /*color:black;*/
    color: #CCC;
    /*color: #D50922;*/
    border: 1px solid black;
}
.greyHeading {
    background-color:#EAEAEA;
    color: #CCC;
    /*color: #D50922;*/
    border: 1px solid silver;
    margin-bottom: 5px;
}
.greyHeading, .oliveHeading, .blackHeading {
    padding:5px;
    font-size: 18px;
    font-weight: bold;
}


div.blackHeading a {
    color: white;
}


/* ************************************************************************** */
/* Menu and Menu items*/
/* ************************************************************************** */
.byggekat-content {
    padding: 5px;
    border:1px solid silver;
    *border-top:0px solid white;
    margin-top:-1px;
    margin-top:-1px;
    min-height: 395px;
    margin-right: 5px;
    background-color: white;
}

.byggekat-content a {
    color: #3385D6;
}


ul#byg-menu {
    
    list-style-type: none;
    border-bottom: 1px solid silver;
    
    padding-bottom: 5px;
    /*padding-top: 1px;*/

    margin-right: 5px;
    margin-bottom: -1px;
    
    margin-top: 10px;
   
   *border-bottom: 2px solid silver;
   *margin-bottom: -1px;
    /*margin-bottom: -6px;*/
}
.micro-width ul#byg-menu {
    *border-bottom: 1px solid silver;
}
ul#byg-menu li {
    display:inline;
}
ul#byg-menu li.current a {
    position:relative;
    padding: 5px;
    background-color: white;
    color: #D50922;
    border-bottom: 1px solid white;
    *border-bottom: 2px solid white;
}
ul#byg-menu li a {
    border: 1px solid silver;
    background-color: #EAEAEA;
    padding: 5px;
    margin-top: 5px;
    /*font-family: Arial,Helvetica,sans-serif;*/
    font-size: 12px;
    font-weight: bold;
    color: black;
}


#micro-top {
    /*background-color: #c2c2c2;
    height: 30px;*/
}

#micro-tabs li.micro-selected {
    border-top: 2px solid silver;
    border-left: 2px solid silver;
    border-right: 2px solid silver;
    border-bottom: 0px solid #F7F7F7;
    text-decoration: underline;

    height: 32px;
    background: #F7F7F7;
    margin-bottom: -6px;
    *margin-bottom: -2px;
}
/* ************************************************************************** */
/* Main menu */
/* ************************************************************************** */
#tab_container ul {
    list-style:none;
    margin: 5px 5px 5px 0px;
    height: 26px;
}

#tab_container li {
    background: url("../../../images/boa/tabBG.jpg");
    float: left;
    margin: 0;
    padding: 0;
    border: 1px solid #ccc;
    background-color: #F7F7F7;
}

#tab_container li a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    float:left;
    display:block;
    height: 24px;
    line-height: 24px;
    padding: 0 20px;
    color: #000;
}

#tab_container li a:hover {
    text-decoration: underline;
    font-weight: normal;
    background-color: #ccc;
}

#tab_container li#current {
    margin: 0px 5px 5px 5px;
    border: 1px solid black;
}

#tab_container li#current a {
    color: #D50922;
}

div#tabarea {

    background-color: white;
    border: 1px solid #ccc;
    padding-left: 5px;
    /*margin: 10px 0px 10px 0px;*/

    /*border: 1px solid black;*/
}

table.tabtable {
    /*margin-left: -5px;*/
    /*background-color: white;
    border: 1px solid #ccc;*/
    /*margin-left: auto;
    margin-right: auto;*/

    /*margin-top: 5px;*/

}

td.tab_container {
    /*padding: 10px 10px 10px 10px;*/
    /*padding: 0;
    margin: 0;*/
    width: auto;
}


/* ************************************************************************** */
/* Categories */
/* ************************************************************************** */
.main-category {
    width: 400px;
    margin-left: 10px;
}

#companies-showall {
    width: 410px;
    margin-left: 20px;
}

div.col-showall div.inline-block {
    width: 210px;
    margin-top: 30px;
    margin-left: 30px;
}
div.col-showall div {
    margin-bottom: 10px;
}
div.col-showall a, #companies-showall a {
    color: #3375D7;
}

.mod-categoryTable {
    margin-top: 5px;
    min-height: 70px;
}
.mod-categoryCol {
    width: 190px;
    display: inline-block;
    overflow: hidden;
     zoom: 1;
    *display: inline;
}
.mod-categoryCell a {
    color: #3384D7;
    /*color: #3385D6;*/
}
div.mod-title {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: middle;
    width: 245px;
}

.search {
    background-color: #EAEAEA;
    margin-right: 3px;
    padding: 3px;
    /*border: 1px solid #CCCCCC;*/
    display: inline-block;
    zoom: 1;
    *display: inline;
    /*width: 720px;*/
}
.searchField {
    color: #D50922;
}
.searchTerms {
    width: 717px;
    margin: 5px;
}
div.searchTerms a {
    color: gray;
}
div .searchHeading {
    text-align: center;
    margin-bottom: 15px;
    margin-top: 15px;
    font-size: 22px;
}

div.pageSelected a {
    font-size: 14px;
    font-weight: bold;
    color: #D50922;
}
.searchIndex {
    width: 20px;
}
.searchIndex a {
    color: #3375D7;
}

div.searchIndexStart {
    /*color: red;*/
    color: gray;
}
.searchIndexEnds {
    width: 60px;
}
.searchIndexEnds a {
    color: #3375D7;
}

#categorySearch {
    margin-top: 5px;
}


/* ************************************************************************** */
/* Mest laeste */
/* ************************************************************************** */
.mostread {
    list-style-type: none;
    margin-top: 5px;
    margin-bottom: 10px;
}

/* ************************************************************************** */
/* Reklamer */
/* ************************************************************************** */
#adsRight {
    margin-bottom:25px;
}

#reklamerTop {    
    height: 180px;
    background-color: white;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    
    /*
    background: white;
    border: 1px solid silver;
    border-bottom: 1px solid white;*/
}
#reklamerTop .reklameSize {
    border:1px solid silver;
    background-color: white;
    width:930px;
    height:180px;
}

/* 
#reklamerTop .reklameSize {
    *margin-right: 2px;
    display:inline-block;
     zoom: 1;
    *display: inline;
}
*/
#rightinside .reklameSize {
    border:1px solid silver;
    background-color: white;
    width:300px;
    height:250px;
    margin-bottom: 2px;
    margin-left: 1px;
    margin-right: 1px;
    margin-top: 1px;
}


/* ************************************************************************** */
/* Login */
/* ************************************************************************** */
#user-box {
    background-color: #F7F7F7;
    border: 1px solid silver;
    margin: 5px;
    margin-right: 10px;
    padding: 5px;
}
.login-block {
    vertical-align: top; 
    margin-top: 20px; 
    margin-left: 40px;
}
.login-cell {
    margin-bottom: 10px;
    
}
.login-cell a {
    color: #3384D7;
}
/* ************************************************************************** */
/* Byggevare katalog and Search results */
/* ************************************************************************** */
#byggevarekatalog {
    /*margin-top: 10px;*/
    min-height: 120px;
    background: white;
    border: 1px solid #ccc;
}

.results-header-vip {
    color:#333333;
    font-size:13pt;
    font-weight:bold;
    text-align:left;
    /*text-decoration:underline;*/
    /*vertical-align:top;*/
}

#listResults {
    margin-top: 5px;
    margin-bottom: 5px;
}

.index-width {
    width: 660px;
}
#companyCard {
    margin: 10px;
    background-color: #EAEAEA;
    border: 1px solid silver;
    padding: 5px;
}
#companyCard  .title {
    font-size: 16px;
    font-weight: bold;
}
#companyCard  .content {
    margin-top: 10px;
    font-size: 12px;
    font-weight: bold;
}
a.backLink {
    color: #D50922;
}
div.horizontalLine {
    height: 1px;
    border-bottom: 1px solid silver;
    /*margin: 5px;*/
}


.companyView {
    padding: 5px;
    margin: 5px;
}

/* Company Stars */

.score-background {
    background-color:#e8eff2;
    padding: 2px;
}
.align-mid {
    vertical-align: middle;
}

/* Company Content */

.cellImage {
    width: 150px;
    vertical-align: top;
}
.cellDescription {
    width: 400px;
    vertical-align:top;
}
.cellAddress {
    width: 120px;
    margin-right: 3px;
    margin-left: 10px;
    vertical-align: top;
}

/* ************************************************************************** */
/* Lister */
/* ************************************************************************** */
.listView {
    padding: 5px;
    margin-top: 2px;
    margin-bottom: 2px;
    border: 1px solid white;
}

.listNumber {
    width: 20px;
}
.indent {
    margin-left: 50px;
}
.icon-help {
    margin-top: 10px;
    margin-bottom: 10px;
}

/* ************************************************************************** */
/* Editing and form styles */
/* ************************************************************************** */
.icons {
    float:right;
    vertical-align: middle;
}
#form-content {
    margin: 5px;
}
.form {
    margin: 5px;
    padding: 5px;
    border: 1px solid gray;
}

.fieldShort,.fieldLong {    
    font-weight: bold;
    font-size: 14px;    
    margin-bottom: 5px;
}
.fieldShort {
    width: 120px;
}
.fieldLong {
    width: 170px;
}
.value {

}
.txtField {
    width: 80px;
}
.txtValue {
    width: 270px;
}
.profileField {
    width: 710px;
    margin-bottom: 5px;
}
div.colWidth {
    width: 360px;
}
div.colWidth textarea {
    width: 350px;
    height: 80px;
}
.companyDetails {
    margin-top: 10px;
    margin-bottom: 10px;
}
.crm {
    background-color: #dedede;
    margin-bottom: 10px;
    margin-top: 5px;
    padding: 2px;
    width: 720px
}

.editTitle {
    font-size: 18px;
    font-weight: bold;
    color: white;
    /*color: #D50922;*/
    background-color: black;
    border: silver;
}
.commentBox {
    width: 714px;
    height: 80px;
}
.captionBox {
    width: 470px;
    height: 45px;
}
.titleLong {
    width: 470px;
}
.space-after {
    margin-right: 40px;
}

.top-divider {
    margin-top: 8px;
    padding-top: 5px;
    border-top: 1px solid silver;
}
/* ************************************************************************** */
/* Footer */
/* ************************************************************************** */
div#footer {
    /*border: 1px solid black;*/
    text-align: center;
    font-size: .90em;
    color: #aaa;    
}

div#footer a:link, div#footer a:visited  {
    color: #999;
}

div#footerspacer {
    height: 10px;    
}

#footer-menu {
    margin-left: auto;
    margin-top: 10px;
    border-top: 1px solid gray;
    border-bottom: 1px solid gray;
    background-color: silver;
    height: 30px;
}

#footer-menu li {
    list-style: none;
    float: left;
    margin-right: 10px;    
    padding-top: 3px;
    
}
div#footer-menu a:link, div#footer-menu a:visited {
    color: #3375D7;
}

#alphabet a:link, #alphabet a:visited {
    color: #3375D7;
}

#alphabet {
    margin-top: 10px;
    margin-bottom: 10px;
}

#alphabet span {
    margin-right: 5px;

}



/******************************************************************************/
/**/
/* microsite styles */
/**/
/******************************************************************************/
#microsite {
    border: 1px solid #CCCCCC;
    background-color: white;
}

.micro-clear {
    clear:both;
    height:0px;
}

#micro-heading {
    clear: both;
    margin-bottom: 10px;
    height: 100px;    

}

#micro-tabs ul {
    /*margin-bottom: 10px;*/
    list-style-type: none;
    /*margin-bottom: -2px;*/

}

#micro-tabs li {
    display: inline-block;
    overflow: hidden;
     zoom: 1;
    *display: inline;
    padding: 10px 15px 0px 5px;
    height: 30px;
    border-top: 1px solid silver;
    border-bottom: 2px solid silver;
    border-left: 1px solid silver;
    border-right: 1px solid silver;
    background: url("../../../images/boa/tabBG.jpg");
    margin-right: 2px;
    margin-bottom: -5px;
    *margin-bottom: -3px;
}

#micro-top {
    /*background-color: #c2c2c2;
    height: 30px;*/
}

#micro-tabs li.micro-selected {
    border-top: 2px solid silver;
    border-left: 2px solid silver;
    border-right: 2px solid silver;
    border-bottom: 0px solid #F7F7F7;
    text-decoration: underline;

    height: 32px;
    background: #F7F7F7;
    margin-bottom: -6px;
    *margin-bottom: -2px;
}
#micro-body {
    clear: both;
    margin-bottom: 10px;    
}

.micro-width {
    margin-left: auto;
    margin-right: auto;
    /*padding: 5px;*/
    /*width: 700px;*/
}

div#micro-content-header {

}
div#micro-content-header h1 {
    font-size: 20px;
}
#micro-content {
    /*margin: 5px;*/
    padding: 5px;

    border: 1px solid silver;
    background-color: white;
}
#micro {
    /*width: 800px;*/
    margin: 10px;
}

#footer-content {
    min-height: 40px;
    background-color: white;
    border: 1px solid silver;
    margin-top: 5px;
    *margin-top: 30px;
}
#micro a {
    color: #333333;
    font-weight: bold;
}
.label {
    width: 50px;

    display: inline-block;
}

.layout-img {
    border:1px solid gray;
}

/* ************************************************************************** */
/* CSS for magasiner module */
/* ************************************************************************** */
#magasinNavLeft {
    float:left;
}
#magasinNavRight {
    float:right;
}
div.magasiner {
    width: 235px;
    height: 320px;
    border: 1px solid black;
}
#magasinNav a {
    color: #D50922;
}
.clear {
    clear:both;
}
div.magasinerTitle h2 {
    text-align: center;
}
div.underText {
    padding: 5px;
    padding-top: 20px;
    text-align: left
}

/* ************************************************************************** */
/* CSS for byggekatalog module */
/* ************************************************************************** */
.mod-categoryTable {
    margin-top: 5px;
    min-height: 70px;
}
.mod-categoryCol {
    width: 190px;
    display: inline-block;
    overflow: hidden;
     zoom: 1;
    *display: inline;
}
.mod-categoryCell a {
    color: gray;
}
span.mod-visText a {
    color: #333333;
    font-size: 12px;
    font-weight: bold;
}
#mod-visText {
    margin-left: 5px;
}
.mod-visText {
    font-size: 12px;
    font-weight: bold;
}
div.mod-title {
    display: inline-block;
    overflow: hidden;
    zoom: 1;
}
div.mod-title h4 {
    font-size: 14px;
    font-weight: bold;

}
div.mod-search {
    float:left;
    margin-left: 40px;
}

#mod-many, #mod-fewCat, #mod-fewIndex, #mod-allIndex {
    cursor: pointer;
}

/* ************************************************************************** */
/* SimpleModal */
/* ************************************************************************** */
#simplemodal-container a.modalCloseImg {
    background:url("/byggeri-anlaeg/images/x.png") no-repeat scroll 0 0 transparent;
    cursor:pointer;
    display:inline;
    height:29px;
    position:absolute;
    right:-16px;
    top:-15px;
    width:25px;
    z-index:3200;
}
#simplemodal-container {
    background-color:#333333;
    border:4px solid #444444;
    color:#BBBBBB;
    /*height:320px;*/
    padding:12px;
    /*width:600px;*/
}
#files {
    list-style: none;
}
#upload {
    /*margin:30px 200px; padding:15px;*/
    /*font-weight:bold; font-size:1.3em;
    font-family:Arial, Helvetica, sans-serif;
    text-align:center;
    background:#f2f2f2;
    color:#3366cc;
    border:1px solid #ccc;
    width:150px;
    cursor:pointer;*/
    /*-moz-border-radius:5px; -webkit-border-radius:5px;*/
}
.showMicrosite {
    float:right;

}
.showMicrosite a {
    color: black;
}