﻿/*---------------------------------------------------------------------------
C O M M O N   E L E M E N T S
-----------------------------------------------------------------------------
This style sheet is used by all pages included in this project (every site has its own pageCommon.css)
--------------------------------
RESETS
------------------------------*/
* { border: 0 none; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0 none; padding: 0; vertical-align: baseline; }
html { background: url(/design/horesta/img/bodybackground.jpg) repeat-x scroll center top #F2ECDE; }
ul, ol, li { list-style: none outside none; }
a { text-decoration: none; }
.clear { clear: both; }

/*@font-face { font-family: 'ConduitITCStdRegular'; src: url('/design/horesta/font/conduititcstd-regular-webfont.eot'); src: local('☺'), url('/design/horesta/font/conduititcstd-regular-webfont.woff') format('woff'), url('/design/horesta/font/conduititcstd-regular-webfont.ttf') format('truetype'), url('/design/horesta/font/conduititcstd-regular-webfont.svg#webfontSUtCxliB') format('svg'); }*/

body { background: #ffffff; color: #527488; font: 11px Verdana,Geneva,Arial,Helvetica,sans-serif; width: 952px; margin: 0 auto; padding: 0 9px 25px; }
.readMore { color: #9E0A34; }
h1 { float: left; width: 151px; height: 59px; }
h1 a { display: block; background: url(/design/horesta/img/horestalogo.gif) no-repeat scroll 0 0 transparent; width: 151px; height: 59px; text-indent: -9999px; }
h3 { font: bold 100% Verdana,Geneva,Arial,Helvetica,sans-serif; border-bottom: 1px solid #739EAD; }

/*Global Branding*/
#globalBranding { background: url(/design/horesta/img/brandingbg.gif) no-repeat scroll 0 0 transparent; }
#GBnavPrim {display:none;}
/*#GBnavPrim { float: right; margin-top: 13px; font-size: 90%; }
#GBnavPrim li { display: inline; background: url(/design/horesta/img/servicedivider.gif) no-repeat scroll right center transparent; padding: 0 11px; }
#GBnavPrim li.lastItem { background: none repeat scroll 0 0 transparent; }
#GBnavPrim li a { color: #527488; }*/

/*Navigation primery*/
#navPrim {display:none;}
/*#navPrim { clear: both; background: url(/design/horesta/img/img5x31_BG_NavPrim.jpg) repeat-x scroll 0 0 transparent; height: 31px; }
#navPrim li { display: block; float: left; height: 31px; position: relative; z-index: 100; }
#navPrim a { display: block; color: #FFFFFF; text-decoration: none; font-size: 19px; line-height: 31px; font-family: 'ConduitITCStdRegular'; padding: 0 20px; }
#navPrim li.medlemsfordele:hover, #navPrim li.medlemsfordele.active { background: none; }
#navPrim li.medlemsfordele.key { background: url(/design/horesta/img/img5x31_BG_ActiveItem.jpg) repeat-x scroll bottom right transparent; }
#navPrim li.medlemsfordele:hover > a, #navPrim li.medlemsfordele.active > a { height: 30px; border-bottom: solid 1px #6E8198; }
#navPrim > li.active, #navPrim > li:hover { position: relative; border-left: solid 1px #FFFFFF; border-right: solid 1px #FFFFFF; background: url(/design/horesta/img/img5x31_BG_ActiveItem.jpg) repeat-x scroll 0 0 transparent; }
#navPrim > li.active > a, #navPrim > li:hover > a { padding: 0 19px; }*/

/* Dropdown menu */
/*#navPrim .dropdownMenu { background: url(/design/horesta/img/dropdownMenuBG.png) repeat-y scroll left top transparent; position: absolute; left: -10px; visibility: hidden; width: 220px; padding: 0 10px 4px; }
#navPrim li.over .dropdownMenu { display: block; }
#navPrim li .dropdownMenu ul { background: url(/design/horesta/img/img5x10_BG_DropDownMenu.jpg) repeat-x scroll 0 0 #6F8299; width: 220px; padding: 0; margin: 0; }
#navPrim li .dropdownMenu li { height: 21px; display: block; padding: 0; margin: 0px; float: none; position: relative; z-index: 200; }
#navPrim .dropdownMenu .dropdownMenu { top: 0px; left: 210px; }
#navPrim li .dropdownMenu li a { font: 11px Verdana; display: block; color: #FFFFFF; height: 21px; line-height: 21px; padding: 0 0 0 3px; }
#navPrim li .dropdownMenu li.activeItem a, #navPrim li .dropdownMenu li a:hover { background-color: #fffffe; color: #527488; padding: 0 0 0 3px; }*/

#subMenu {display:none;}
/*#subMenu { background: url(/design/horesta/img/breadcrumbbg.gif) repeat-x scroll right 0 transparent; height: 35px; }*/

/* BREAD CRUMB*/
#breadcrumb {display:none;}
/*#breadcrumb { float: left; font-size: 90%; margin: 10px 0 0 0; }
#breadcrumb li { display: inline; }
#breadcrumb a { text-decoration: none; color: #527488; margin: 0 4px; }*/

/*RIGHT MENU*/
#rightMenu {display:none;}
/*#rightMenu { float: right; margin-top: 10px; }
#rightMenu li { display: inline; }
#rightMenu a { display: block; float: left; text-indent: -9999px; margin-right: 16px; }
#rightMenu li.sendLink a { background: url(/design/horesta/img/sendlink-ikon.gif) no-repeat scroll 0 0 transparent; width: 17px; height: 14px; }
#rightMenu li.print a { background: url(/design/horesta/img/printikon.gif) no-repeat scroll 0 0 transparent; width: 12px; height: 13px; }
#rightMenu li.sitemap a { background: url(/design/horesta/img/sitemap.gif) no-repeat scroll 0 0 transparent; width: 16px; height: 13px; }*/

/* SITE */
#site { background-color: #FFFFFF; position: relative; }

/*-------- Venstre Menu --------*/
#venstreMenu {display:none;}
/*#venstreMenu { float: left; background: url(/design/horesta/img/leftmenubg.jpg) no-repeat scroll 0 0 #FFFFFF; width: 184px; min-height: 550px; margin-right: 8px; padding-top: 8px; }
#venstreMenu ul ul { margin-left: 16px; }
#venstreMenu li { margin-bottom: 5px; }
#venstreMenu li a { padding: 0 10px 0 8px; display: inline-block; color: #527488; line-height: 1.333; }
#venstreMenu a:hover { text-decoration: underline; }
#venstreMenu ul ul a { padding: 0 0 0 4px; }
#venstreMenu > ul > li.expand { border-bottom: solid 1px #D2D9E1; margin-bottom: 2px; }
#venstreMenu li.expand > a { display: block; background: url(/design/horesta/img/venstreExpandItem.jpg) no-repeat scroll right top transparent; height: 22px; line-height: 22px; }
#venstreMenu li.select > a { color: #9E0A34; }
#venstreMenu .key span { background: url(/design/horesta/img/key.gif) no-repeat scroll 0 0 transparent; width: 21px; height: 8px; display: inline-block; text-indent: -9999px; vertical-align: middle; margin-left: 5px; }
#venstreMenu li.active a { color: #9E0A34; }
#venstreMenu li.active li a { color: #527488; }*/

/*-------- TOP BAR ---------*/
.topbar { height: 73px; color: #FFFFFF; margin-bottom: 8px; }
.topbar h2 { font: 19px Myriad Pro; padding: 9px 0 2px 8px; }
.topbar p { padding: 0 0 0 8px; width: 180px; }

#economicStatistics .topbar { background: url(/design/horesta/img/greenTopBarBg.jpg) no-repeat scroll 0 0 transparent; }
#openCourses .topbar { background: url(/design/horesta/img/orangeTopBarBg.jpg) no-repeat scroll 0 0 transparent; }
#course .topbar { background: url(/design/horesta/img/redTopBarBg.jpg) no-repeat scroll 0 0 transparent; }

/*-------- SPOT LIST ---------*/
.spotList li { float: left; width: 184px; height: 276px; margin: 0 0 5px 8px; }
.spotList li.first { margin-left: 0px; }
.spotList li .imageHolder { height: 90px; overflow: hidden; }
.spotList li h4 { padding-bottom: 9px; /*border-bottom: 1px solid #739EAD;*/ font: bold 11px Verdana,Geneva,Arial,Helvetica,sans-serif; height: 30px; display: table-cell; vertical-align: bottom; /*margin-bottom: 20px;*/ }
.spotList .newsBox {float: left;width: 184px;height: 276px;	margin: 0 0 5px 8px;}
.spotList .newsBox .imageHolder {height: 90px; overflow: hidden;}
.spotList .first {margin-left: 0px;}
.spotList .newsBox h4 {	padding-bottom: 9px; font: bold 11px Verdana,Geneva,Arial,Helvetica,sans-serif;	height: 30px;display: table-cell;vertical-align: bottom;/*margin-bottom: 20px;*/}
.spotList .newsBox .withoutImage h4 { border-top: 1px solid #739EAD;	padding-top: 9px; width: 200px; }
.spotList .newsBox img { margin-bottom: 10px; }
.spotList .newsBox a { color: #9E0A34; }
.spotList .hide {display:none}
.recommendedspots li h4 { height: auto; }
.spotList li .text { padding-top: 10px; border-top: 1px solid #739EAD; }
.spotList li img { margin-bottom: 10px; }
.spotList li a { color: #9E0A34; }
.spotList li.withoutImage h4 { border-top: 1px solid #739EAD; padding-top: 9px; width: 200px; }
.spotList li.video { width: 376px; }
.spotList2 li { border-bottom: 1px solid #739EAD; height: auto; padding-bottom: 10px; margin-bottom: 27px; }
.spotList2 li h4 { border-bottom: none; margin-bottom: 0; }

/*-------- LOGIN FORM ---------*/
#rightColumn {display:none;}
/*#rightColumn #login { background-color: #767C02; background: url(/design/horesta/img/loginBG.jpg) repeat scroll 0 0 transparent; padding: 10px 4px 0 8px; width: 172px; min-height: 284px; }
#rightColumn #login img { display: block; margin-top: 14px; margin-bottom: 3px; }
#rightColumn #login input { margin: 3px 4px 1px 0; }
#rightColumn #login input.text { border: 2px #ECE9D8; border-style: solid; }
#rightColumn #login .text { width: 139px; color: #6A6A66; font-size: 11px; line-height: 13px; padding: 1px; color: #6A6A66; }
#rightColumn #login .button { height: 17px; width: 17px; background: url(/design/horesta/img/loginButton.gif) no-repeat; cursor: pointer; }
#rightColumn #login input, #rightColumn #login a, #rightColumn #login label { color: White; line-height: 1.333; }
#rightColumn #login #loginImg { margin-top: 28px; margin-bottom: 16px; }
#rightColumn #login a { display: block; }*/

/*-------- PRESS CLIPPINGS ---------*/
/*#rightColumn #clipping { background: url(/design/horesta/img/clippingBG.gif) repeat scroll 0 0 transparent; width: 184px; height: 323px; }
#rightColumn #clipping h3 { background: url(/design/horesta/img/clippingHeader.jpg) repeat scroll 0 0 transparent; font: 19px Myriad Pro; padding-left: 9px; line-height: 28px; }
#rightColumn #clipping span, #rightColumn #clipping a { display: block; padding: 0 9px; }
#rightColumn #clipping a { margin-top: 12px; font: 11px Verdana; color: #5e7187; }
#rightColumn #clipping span { font: 11px Verdana; color: #7d96b3; }
#rightColumn #clipping .total { padding-top: 20px; }
#rightColumn #clipping .total a { margin-top: 2px; color: #852e47; }*/
.clipping { margin-bottom: 15px; position: relative; top: -37px; }
.clipping h4 { height: 29px; text-indent: -9999px; }
.clipping div { background: url(/design/horesta/img/whitebluegradient.jpg) repeat-x scroll 0 0 #FFFFFF; padding: 9px 5px 5px 5px; }
.clipping input[type=button] { background: url(/design/horesta/img/submitButton.gif) no-repeat scroll 0 0 transparent; width: 17px; height: 17px; cursor: pointer; }
#links.clipping h4 { background: url(/design/horesta/img/genveje.gif) no-repeat scroll 0 0 transparent; }
.clipping select { width: 150px; border: solid 1px #959595; }
#links.clipping h5 { font-weight: bold; margin-top: 3px; }
.clipping a { color: #9E0A34; }
.clipping a:hover { text-decoration: underline; }
#question.clipping h4 { background: url(/design/horesta/img/sporghoresta.gif) no-repeat scroll 0 0 transparent; }
#newsletter.clipping h4 { background: url(/design/horesta/img/nyhedsbrev.gif) no-repeat scroll 0 0 transparent; }

/*-------- kursusoversigt ---------*/
#kursusoversigt { float: left; width: 760px; }
#kursusoversigt h3 { background: url(/design/horesta/img/tableHeaderBg.jpg); width: 742px; font: 19px Myriad Pro; line-height: 22px; color: White; padding: 9px; border: none 0px; }
#kursusoversigt table td { border: solid 2px #e6e7e8; border-width: 2px 4px; vertical-align: middle; padding: 4px 6px; color: #606264; font: 11px Verdana; }
#kursusoversigt table { border: solid 4px #e6e7e8; width: 760px; }
#kursusoversigt input, #kursusoversigt a.signup { height: 18px; width: 80px; background: url(/design/horesta/img/buttonBg.jpg); margin-left: 12px; display: inline-block; }
#kursusoversigt table .rowImage { padding: 0; }
#kursusoversigt table td a { font: 11px Verdana; color: #985166; }

/*---------CALENDER--------------*/
#calender { background: transparent url(/Design/Horesta/IMG/contentbg.jpg) repeat-x 0 0; }
#calender table { }
#calender tr { }
#calender th { background: none repeat scroll 0 0 #81082B; color: #ffffff; padding: 3px 5px 4px 5px; text-align: left; border-right: 1px solid white; font-weight: bold; }
#calender th.title { color: #527488; padding: 10px 5px 10px 5px; background: transparent none; }
#calender td { background: none repeat scroll 0 0 #D3E0E9; padding: 4px 5px; border-right: 1px solid #ffffff; border-bottom: 1px solid #ffffff; }
#calender a { color: #9E0A34; }
#calender a:hover { text-decoration: underline; color: #9E0A34; }

/*----------Employee-------------*/
.employee { margin:0 0 10px 0;}
.employee .image { float:left; width:80px;margin:0 10px 0 0;}
.employee .info { float:left; width:239px;}
.employee .title { background-color:#D3E0E9; color:#527488; font-weight:bold; padding: 2px 0 3px 5px;}
.employee .wideTitle { background-color:#D3E0E9; color:#527488; font-weight:bold; padding: 2px 0 3px 5px;float:left;width:473px;;}
.employee .content { padding: 2px 0 0 5px;}
.employee .email {float:left;width:473px;padding:0 0 0 95px;}

/*-------- Global Footer --------*/
#globalFooter { margin: 60px -8px; }
#globalFooter li { float: left; padding-left: 8px; }
#globalFooter li.first { padding: 0; }

/*-------------------------------
PAGES
------------------------------*/

/*-------- HOME --------*/
.sitehome { background: url(/design/horesta/img/homeHeader.gif) no-repeat scroll left top transparent; min-height: 147px; }
.sitehome #leftColumn { width: 760px; display: block; padding-top: 158px; float: left; }
.sitehome #leftColumn h3 { text-transform: uppercase; overflow: hidden; width: 752px; font: 19px Myriad Pro; color: #ffffff; line-height: 27px; padding-left: 8px; margin-bottom: 10px; }
.sitehome #leftColumn h3.nyheder { background: url(/design/horesta/img/nyheder.jpg) repeat-x; }
.sitehome #leftColumn h3.anbefalet { background: url(/design/horesta/img/anbefalet.jpg) repeat-x; }
.sitehome #rightColumn { float: right; position: relative; }
.sitehome #rightColumn #login { position: absolute; top: 86px; left: -184px; }
.sitehome #rightColumn #clipping { position: absolute; top: 390px; left: -184px; }

/*-------- MELLEMSIDE COPY --------*/
#economicStatistics { float: left; width: 568px; margin-right: 8px; line-height: 1.33; }
#page.mellemsideCopy #rightColumn { float: left; width: 184px; }
#page.mellemsideCopy #rightColumn #clipping { margin-top: 10px; }

/*-------- MELLEMSIDE VARIANT COPY --------*/
#site div#openCourses, #site div#course { float: left; width: 376px; }
#site div#course { margin-left: 8px; }
/*#site.variantCopy #leftColumn { float: left; }
#site.variantCopy #rightColumn { float: right; position: relative; }
#site.variantCopy #rightColumn #login { position: absolute; left: -184px; clear: both; float: none; }
#site.variantCopy #rightColumn #clipping { background: url(/design/horesta/img/clippingBG.jpg) repeat scroll 0 0 transparent; width: 174px; height: 254px; position: absolute; top: 314px; left: -184px; padding: 0 4px 0 6px; }
#site.variantCopy #rightColumn span, #site.variantCopy #rightColumn p.text, #site.variantCopy #rightColumn p.author { font-family: Myriad Pro; color: White; }
#site.variantCopy #rightColumn span { font-size: 81px; float: left; padding: 0; }
#site.variantCopy #rightColumn p.text { margin-top: 20px; font-size: 20px; width: 140px; float: right; }
#site.variantCopy #rightColumn p.author { float: right; font-size: 14px; margin-top: 5px; width: 140px; }*/

/*-------- UNDERSIDE --------*/
#page.underside h2 { background: url(/design/horesta/img/undersiteHeaderBG.jpg) repeat-x scroll 0 0 transparent; width: 759px; height: 37px; font: 19px/31px Myriad Pro; color: #FFFFFF; text-indent: 6px; margin-bottom: 10px; }
#page.underside #contentMain { float: left; width: 568px; margin-right: 8px; line-height: 1.33; }
#page.wide #contentMain {  width: 568px; }
#page.underside #contentMain input[type=text], #page.underside #contentMain input.text { border: 1px solid #999999; margin: 4px 0 8px 0; padding: 2px; }
#page.underside #contentMain input[type=submit], #page.underside #contentMain input.submit { border: 1px solid #999999; margin: 4px 0 8px 0; padding: 1px; }
#page.underside h3 { width: 376px; font-size: 120%; padding: 2px 0 3px; margin-bottom: 12px; }
#page.underside #contentholder { overflow: hidden; }
#page.underside #contentholder a { color: #9E0A34; }
#page.underside #contentholder a:hover { text-decoration: underline; }
#page.underside #articleImage { float: right; }
#page.underside p { margin-bottom: 11px; width: 351px; }
#page.underside p.justify { text-align: justify; }
#page.underside #video { width: 376px; margin: 25px 0; }
#page.underside #rightColumn { float: left; width: 184px; }
#page.underside #rightColumn #login { position: relative; top: -47px; }

/*--- Search -----*/
#page.underside .searchblock p {width:auto;}
#page.underside .searchblock .date {color:#9E0A34}
#page.underside .searchblock a {font-size:120%;margin-bottom:12px;padding:2px 0 3px}
