/*  welfaretechinvest.dk  */
/*
  Generelt
    black: #000000
    grøn: #8cbb24;
    blå: #0a647a;
    grå:#6e6e6e;
    lilla: #4c053d;
*/

.clear { clear:both; height:0px; overflow:hidden; } 
.space { width:100%; height:10px; float:left; }
.nowrap { white-space:nowrap; }
.left { float:left }
.right { float:right; } 


/*====================================
  STYLES FOR DIV CONTAINERS - ALL PAGES
=====================================*/
#topContainer, #contentContainer, #footer, #misc {
  position:relative;
  top:0px;
  width:955px;
  margin:0px auto;
  text-align:left;
  border-collapse:collapse;
}



/*====================================
  TOPCONTAINER
=====================================*/
div.centerTop { width:100%; min-height:155px; background:#f9f9f7 url(../images/background.png) left bottom repeat-x; }
div#topContainer { min-height:139px; }

div#websiteLogo { position:absolute; top:30px; left:5px; z-index:1;  }
div#websiteLogo a {  text-decoration:none; }
div#websiteLogo a:hover { text-decoration:none; }


/*====================================
  BANNERCONTAINER
=====================================*/
div#bannerContainer { height:346px; width:100%; margin:28px 0 5px 0; float:left; display:inline;}



/*====================================
  CONTENT - ALL PAGES
=====================================*/
div.centerContent { width:100%; float:left; }

div#leftContentContainer { width:320px; margin:28px 15px 0 0; float:left; display:inline; }
#leftCol-1 { width:280px; padding:30px 10px 15px 30px; margin:0 0 28px 0; float:left; display:inline; }
#leftCol-1 ul { list-style-image: url('../images/menuitem.png'); }
#leftCol-1 ul li { padding:3px 0; }
#leftCol-1 h1 { font-family: "AccordAlternateExtraBold", "trebuchet MS", trebuchet, arial; color:#24677e; font-size:28px; line-height:32px; text-transform:none; }

div#leftCol-2 { width:275px; margin:0 0 0 10px; float:left; display:inline; }
div#leftCol-2 p, div#leftCol-2 a, div#leftCol-2 strong, div#leftCol-2 li, div#leftCol-2 em { font-size:11px; }
div#leftCol-2 p { margin:0 0 8px 0; }
div#leftCol-2 ul { margin:0 0 8px 16px; }
div#leftCol-2 strong { font-weight:bold; }
div


div#centerContentContainer { width:395px; margin:28px 0 0 0; float:left; display:inline; }
div#centerCol-1 { position:relative; width:100%; min-height:346px; margin:0 0 33px 0; float:left; display:inline;  }
div#centerCol-1  dl { position:relative; }
div#centerCol-1 dd.csc-textpic-caption { position:absolute; right:-3px; bottom:3px;color:#ffffff; padding:5px; background-color: #4C053D; }

div#centerCol-1 .csc-header { z-index:1; position:absolute; right:0px; bottom:3px;color:#ffffff; padding:5px; background-color: #4C053D;  }
div#centerCol-1 .csc-header h1 { font-size: 13px; font-weight: bold; line-height: 16px; color:#ffffff; margin:0; text-transform:none; letter-spacing:0; }
div#centerCol-1 .csc-header h1 a { font-size: 13px; font-weight: bold; line-height: 16px; color:#ffffff; margin:0;  }

div#centerCol-1 img {
  border: 3px solid #EBEBEB;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
div#centerCol-2 { width:100%; float:left;  }

#rightContentContainer { width:210px; margin:8px 0 0 0; float:right; display:inline; }
#rightCol-1 {  min-height:346px; margin:20px 0 8px 0; float:left; display:inline; }
div#rightCol-1 div.firstItem, div#rightCol-1 .secondItem { margin:0 0 14px 0; }
div#rightCol-1 .firstItem { position:relative; }
div#rightCol-1 .firstItem dd.csc-textpic-caption { position:absolute; left:3px; bottom:3px; color:#ffffff; padding:5px; background-color: #4C053D; }
div#rightCol-1 .firstItem .csc-header { z-index:1; position:absolute; left:3px; bottom:3px;color:#ffffff; padding:5px; background-color: #4C053D;  }

div#rightCol-1 .secondItem  { position:relative; }
div#rightCol-1 .secondItem dd.csc-textpic-caption { position:absolute; left:3px; top:3px; color:#ffffff; padding:5px; background-color: #4C053D; }
div#rightCol-1 .secondItem .csc-header { z-index:1; position:absolute; left:3px; top:3px;color:#ffffff; padding:5px; background-color: #4C053D;  }

div#rightCol-1 .lastItem { margin:0; }
div#rightCol-1 .lastItem { position:relative; }
div#rightCol-1 .lastItem dd.csc-textpic-caption { position:absolute; left:3px; top:3px; color:#ffffff; padding:5px; background-color: #4C053D; }
div#rightCol-1 .lastItem .csc-header { z-index:1; position:absolute; left:3px; top:3px;color:#ffffff; padding:5px; background-color: #4C053D;  }

div#rightCol-1 .csc-header h1 { font-size: 13px; font-weight: bold; line-height: 16px; color:#ffffff; margin:0; text-transform:none; letter-spacing:0; }
div#rightCol-1 .csc-header h1 a { font-size: 13px; font-weight: bold; line-height: 16px; color:#ffffff; margin:0;  }

div#rightCol-1 img {
  border: 3px solid #EBEBEB;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}


#rightCol-2 { width:193px; padding:10px 5px 5px 10px; float:left; background-color:#e7f1f5; border:1px solid #cbe1e9; }
#rightCol-2 p, div#rightCol-3 a, div#rightCol-3 strong, div#rightCol-3 li, div#rightCol-3 em { font-size:11px; }
#rightCol-2 p { margin:0 0 8px 0; }
#rightCol-2 strong { font-weight:bold; }
#rightCol-2 ul { margin:0 0 8px 16px; }


/*====================================
  CONTENT - MAINPAGE
=====================================*/
#leftCol-1 { min-height:306px; float:left; background:transparent url(../images/images.png) 0px -53px repeat-x;  }


/*====================================
  MISC
=====================================*/
div.centerMisc { width:100%; float:left; }

/*====================================
  FOOTER
=====================================*/
div.centerFooter { width:100%; float:left; }
#footer { border-top:2px solid #0e5f74; margin:13px auto; padding:17px 0 0 0; }
#footer p { margin:0 0 0px 0; font-size:11px; line-height:20px; }
#footer a { font-size:11px; line-height:20px; }
#footerCol-1 { width:600px; margin:0 0 0 10px; float:left; }
#footerCol-2 { width:210px; float:right; }




/*====================================
  MENU: 1+2 LEVEL
=====================================*/
div#menu { position:relative; right:0px; top:20px;}

/* LEVEL 1 */
#level-1 { padding:0; margin:0; list-style:none outside none; float:right; background:transparent url(../images/pixel_c5c5c5.png) 0px 25px repeat-x; }
#level-1 li { /*width:115px;*/ margin:0; float:left; /* border-bottom:1px solid #c5c5c5; */ padding:0 0 3px 26px; display:block; }
#level-1 li.menuBegin { padding:0 0 3px 0; }
#level-1 li a { font-size:13px; font-weight:bold; color:#383838; letter-spacing:1.2px; display:block; float:left; height:25px; line-height:25px;  text-decoration: none;}
#level-1 li a:hover { color:#383838; } 
#level-1 li.cur a, #level-1 li.curIfSub a, #level-1 li.actIfSub a { color:#383838;  }
#level-1 li.cur, #level-1 li.curIfSub {  }
#level-1 li.act { background:0;  }
#level-1 li.act a { color:#383838;}

/* icon on first item */
#level-1 li.menuBegin { padding:0 0 3px 18px; background:transparent url(../images/homeikon.png) 0px 5px no-repeat; }

/* LEVEL 2 */
#level-1 li ul { /* position:absolute; */ margin:34px 0 0 0; list-style:none outside none; }
#level-1 li ul li { width:100%; display:block; height:20px; line-height:20px; margin:0; padding:0 0 0px 0; border:0px none; float:none }
#level-1 li ul li.menuBegin { padding:0 0 0px 0; }
#level-1 li ul li a { font-size:11px; line-height:15px; height:15px; height:auto; font-weight:normal; color:#6e6e6e; background:0 none; }
#level-1 li ul li. a:hover { color:#000000; }
#level-1 li ul li.no a { color:#6E6E6E; background:0 none; }
#level-1 li ul li.no a:hover { color:#000000; }
#level-1 li ul li.cur, #level-1 li ul li.curIfSub { margin:0; }
#level-1 li ul li.cur a { color:#000000; background:transparent none; }
#level-1 li ul li.curIfSub a { color:#000000; background:transparent none;  }
#level-1 li ul li.act a { background:transparent none; }

#level-1 li ul li.menuBegin { background:transparent none }

/*====================================
  EXT: Powermail
=====================================*/
.powermail_fieldset { width:100%; margin:0 0 9px 0; }
.tx-powermail h3, .hide h3, .hide > legend {display:none; }
.powermail_fieldwrap { width:100%; margin:0 0 9px 0; } 
.powermail_fieldwrap_submit { margin:18px 0 0 0; }

.loginField { width:90%; float:left;}
.shortField { width:50%; float:left;}

img.powermail_captchaimage { }

/*====================================
  EXT: Solr
=====================================*/
#searchBox {
	width:100%;
	margin-top:5px;
	margin-bottom:10px;
}

#searchBox input[type="text"] { 
  font-size:15px;
  width:calc(100% - 50px); /* 100% - border - submit - margin */
  min-width:0;
  background-color: #f4f4f4;
  border-color: #e4e4e4;
  height:25px;
}  
#searchBox input[type="submit"] { 
  font-family:"fontello";
  background-color:#f4f4f4;
  border-color:#e4e4e4;
  color:#3f3f3f;
  font-size:15px;
  height:29px;
  padding:0;
  width: 29px;
}