@Import "/theme/css/Blueprint/screen.css";

body { font-family: Verdana, Arial, Sans-Serif; }

h1, h2 { font-weight: bold; font-size: 15px; color: #000000; }
p { font-size: 11px; line-height: 14px; }
a, a:visited  { font-weight: bold; color: #0099CC; outline: none; }
a:hover { text-decoration: underline; }
a:active { color: #CCCC33; text-decoration: underline; }

/*------------------------------------
- Wrappers
-------------------------------------*/
body.pageTypeStd #wrp-page,  body #wrp-page{ background: url('/theme/img/header-std-accent.png') left 58px no-repeat; }
body.pageTypeClean #wrp-page { background: url('/theme/img/header-std-na.png') left 58px no-repeat; }
body.pageTypeFirst #wrp-page { background: url('/theme/img/header-ns.png') left 58px no-repeat; }


#wrp-header { }
#wrp-logo { padding-bottom: 20px; }
#wrp-search { text-align: right; }
#wrp-menu { margin-top: 60px; }
#wrp-menu .menuItem { text-align: center; }
#wrp-menu .menuItem a { display: block; padding: 2px 0 6px 0; }
#wrp-menu .menuItem a, 
#wrp-menu .menuItem a:visited { color: #666666; text-decoration: none; font-size: 13px; }
#wrp-menu .menuItem a:hover { text-decoration: underline; }
#wrp-menu .menuItem a:active { text-decoration: none;  color: #CCCC33; }
#wrp-menu .selected a { color: #666666; font-weight: bold; }
#wrp-menu .selected  a{ background: url('/theme/img/top-menu-selected.png') left bottom no-repeat; }

#wrp-content { background: url('/theme/img/content-bg.png') left top repeat-y; }
#wrp-main { margin-right: 30px; margin-top: 20px; }

body.pageTypeStd #wrp-main { min-height:524px; height: auto !important; height: 524px; }
body.pageTypeFirst #wrp-main{ min-height:522px; height: auto !important; height: 522px; }
body.pageTypeClean #wrp-main { min-height:538px; height: auto !important; height: 538px; }

#wrp-sidemenu { margin-top: 20px; margin-left: 20px; }
       
#wrp-footer { background: url('/theme/img/footer.png') left top no-repeat; padding-top: 20px; color: #666; }
#wrp-footer .sitemapLink { text-align: right; }

/*------------------------------------
- Styling of specific page types
-------------------------------------*/
/* First page */
body.pageTypeFirst #wrp-content { background: url('/theme/img/content-bg-ns.png') left top repeat-y; }
body.pageTypeFirst #wrp-main { background: url('/theme/img/accent-first-page.png') top center no-repeat; padding-bottom: 1px; }
body.pageTypeFirst #wrp-footer { background: url('/theme/img/footer-ns.png') left top no-repeat; padding-top: 20px; }

body.pageTypeFirst #wrp-main { text-align: center; }/* vertical alignment in jQuery */
body.pageTypeFirst #wrp-main p { font-size: 13px; font-weight: bold; line-height: 24px; color: #ffffff; padding: 0 160px; }
body.pageTypeFirst #wrp-main a,
body.pageTypeFirst #wrp-main a:visited  { color: #666666; }
body.pageTypeFirst #wrp-main a:hover { text-decoration: underline; }
body.pageTypeFirst #wrp-main a:active { color: #000000; }

/* Inspirationstorg, */
.inspirationList ul { list-style: none; margin: 0; padding: 0; }
.inspirationList li { float: left; margin-right: 20px; text-align: center; }
.inspirationList img { border: 1px solid #cfd0d2; }
.inspirationList p { font-size: 11px; line-height: 14px; color: #000000; margin: 0; padding: 3px 0 8px 0; }

/* Personallist */
.personnelList ul { list-style: none; margin: 0; padding: 0; }
.personnelList li { float: left; margin-right: 20px; text-align: center; width: 126px; }
.personnelList p { font-size: 9px; color: #000; margin: 0; padding: 3px 0 8px 0; }
.personnelList h3 { font-weight: bold; font-size: 9px; color: #000; margin: 0; padding: 5px 0 0 0; }
.personnelList img { border: 1px solid #cfd0d2; }

.personnelItem img { float: left; margin-right: 18px; margin-top: 80px; }
.personnelItem p.description { font-style: italic; }
.personnelItem h2 { margin-top: 130px; }
.personnelItem .personInfo { width: 180px; float: right; }

.paging { text-align: right; margin-top: 20px; }
.paging a,
.paging a:visited  { font-weight: bold; font-size: 9px; color: #0099CC; }
.paging a:hover { text-decoration: underline; }
.paging a:active { color: #CCCC33; }

a.paging-link,
a.paging-link-active { padding-right: 5px; font-size: 11px; }
a.paging-link-active { color: #000; }

/* Employees (thumbnails) */
.pageEmployees h4 { font-weight: bold; color: #999999; font-size: 9px; }
.pageEmployees p { font-size: 9px; }

/* Normal pages */
.layout3 img { float: left; margin-right: 20px; margin-top: 80px;}
.layout3 h1 { margin-top: 130px; }
.layout3 .textContent { width: 180px; float: right; }

.pageTypeStd #wrp-main img { margin-bottom: 20px; }
/*body.pageTypeStd #wrp-main { margin-top: 40px; }*/

#wrp-main img { border: 1px solid #cfd0d2; }
body.pageTypeFirst #wrp-main img, #wrp-main .no-border img, #wrp-main img.no-border { border: 0; }
#wrp-main .no-margin img, #wrp-main img.no-margin { margin: 0; }




/*------------------------------------
- Boxes
-------------------------------------*/
body.pageTypeFirst #wrp-boxes { margin-top: -14px; } /* hack. not really a good solution */
body.pageTypeStd #wrp-boxes { margin-top: -14px; } /* hack. not really a good solution */

#wrp-boxes .boxGreen { background: url('/theme/img/box-green.png') no-repeat; }
#wrp-boxes .boxOrange { background: url('/theme/img/box-orange.png') no-repeat; }
#wrp-boxes .boxBlue { background: url('/theme/img/box-blue.png') no-repeat; }

.box { min-height:180px; height: auto !important; height: 180px; }
.box { margin: 0 0 16px 0; padding: 0; text-align: center; }
.box h3 { font-weight: bold; font-size: 13px; color: #666666; margin: 0; padding: 7px 0 4px 0; }
.box p { font-size: 11px; line-height: 14px; color: #000000; margin: 0; padding: 3px 5px 8px 5px; }
.box img { margin: auto; display: block; }

/*------------------------------------
- Side menu
-------------------------------------*/
#sidemenu,
#sidemenu ul { list-style: none; margin: 0;	padding: 0;	vertical-align: top; width: 145px; }
#sidemenu ul { display: none; margin-left: 30px; }
#sidemenu li { display: block; }
#sidemenu a { padding-left: 5px; line-height: 16px; color: #000000; font-weight: normal; }
#sidemenu a:hover { text-decoration: underline; }
#sidemenu a.selected,
#sidemenu a.expand { color: #000000; font-weight: bold; }

#sidemenu a.expand { background: url(/theme/img/collapse.gif) no-repeat 3px 50%; }
#sidemenu a.collapse {	background: url(/theme/img/expand.gif) no-repeat 3px 50%; }
#sidemenu a.expander { }
#sidemenu a.expander span { display: inline-block; width: 11px; height: 14px; }

/*------------------------------------
- Search
-------------------------------------*/
.searchBox { width: 195px; float:right; }
#wrp-search input { float: left; margin-right: 5px; }
#wrp-search a { background: url(/theme/img/search-btn.png) left 2px no-repeat; width: 32px; height: 20px; display: inline-block; float: right; }
#wrp-search a:focus,
#wrp-search a:active { background-position: -32px 0; }
.searchResultItem { margin-bottom: 10px; }

/*------------------------------------
- Footer
-------------------------------------*/
#wrp-footer p { font-size: 10px; }

/*------------------------------------
- Upload
-------------------------------------*/
#UploadProgress { display:none; position:absolute; top: 0px; left: 0px; padding-top: 250px; background-color: White; width: 100%; height: 100%; filter:alpha(opacity=85); -moz-opacity:.85; opacity:.85; }
.uploadAnimation { background-color: White; text-align:center; margin: 5px; }
.uploadAnimation img { border: solid 1px black; padding: 5px; }
.FileUploadForm label.label	{ display: block; }