/* -------------------------------------------------------------------------------- Main css for AMK Herning Revision: 2009-11-19 -------------------------------------------------------------------------------- */ /* http://meyerweb.com/eric/tools/css/reset/ */ /* v1.0 | 20080212 */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, center, dl, dt, dd, ol, ul, li, form, label, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; /*vertical-align: baseline; */background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } /* -------------------- reset end -------------------- */ /* ----- Main Tags ----- */ * { text-decoration: none; font: 11px verdana, arial, sans; line-height: 16px; } body { text-align: center; margin: 0; padding: 0; background-color: #aea18e; font: 11px verdana, arial, sans; color: #333333;} input { border: 1px solid #adadad; padding:1px; margin:0; height: 16px;} a { color: #7c2126; text-decoration: underline; font: 11px verdana, arial, sans;} a:active { color: #7c2126; text-decoration: underline; font: 11px verdana, arial, sans;} a:visited { color: #7c2126; text-decoration: underline; font: 11px verdana, arial, sans;} a:hover { color: #7c2126; text-decoration: none; } h1 { color: #9b0135; font-size: 24px; font-weight: normal; margin:0; margin-bottom: 10px; } h2 { line-height: 22px; color: #9b0135; font-size: 20px; font-weight: normal; margin:0; margin-bottom: 10px; } h3,h4,h5,h6 { color: #9b0135; font-size: 16px; font-weight: normal; margin:0; margin-bottom: 10px; } p { margin:0; margin-bottom: 10px; color: #333333;} p.headline { font-weight: bold; color: #9b0135; } strong, b { font-weight: bold; } strong em { font-style: italic; font-weight: bold;} u { text-decoration: underline; } i,em { font-style: italic; } /* Page Construction - wappers */ #page { margin: 0 auto; text-align: center; border: none; position:relative; z-index: 1; top:0;} #wrapper { margin: 0px auto; position: relative; text-align: center; width: 966px; } #wrapper #top { float:left; width: 966px; height: 137px; display: block; background: url(../gfx/top.png) no-repeat; padding: 6px 0; } #logo { float:left; } #logo img { /* width: 289px; height: 57px; */ margin-left: 25px; margin-top: 10px; cursor: pointer; } #logo h1 { display: none; } #logo a { padding:10px; padding-right: 130px; text-decoration:none;} /* Search field */ #search { float:right; width: 182px; height: 19px; margin-left: -1px; background: url(../gfx/search_bg.gif) no-repeat; } #search .btn { float:left; width: 38px; border:none; margin-left: 6px; } #search input { float:left; margin:1px; font-size: 9px; color: #666; } #search input.searchfield, #search input.searchfield_normal { float:left; width: 126px; height: 15px;} /* Top Linkbar */ #linkbar { margin-top: 3px; margin-left: 366px; position:absolute; } #linkbar ul { list-style-type: none; list-style-image: none; padding:0px; float:right;} #linkbar ul li { float:left; line-height: 1px; text-align:center; list-style-image: none; display: inline; padding: 0px; margin:0px; margin-left: -5px; border-right: 1px solid #ccc; display: block; height: 14px; } #linkbar a, #linkbar a:link { float: left; padding: 0 8px; margin-left: 5px; color:#666; text-decoration:none; line-height: 10px; } #linkbar a:hover { color: #666; text-decoration:underline;} #linkbar a:active, #linkbar a.selected { color: #666; } /* Sitetools */ #sitetools { margin-top: 65px; /* margin-right: 15px; */ } #sitetools ul { list-style-type: none; list-style-image: none; padding:0px; float:right; margin-right: 15px;margin-top:5px;} #sitetools ul li { float:left; line-height: 1px; text-align:center; list-style-image: none; display: inline; display: block; height: 14px; } #sitetools a, #sitetools a:link { margin-left: 20px; color:#333; text-decoration:none; line-height: 10px; font-size: 10px; } #sitetools a:hover { color: #333; text-decoration:underline;} #sitetools a:active, #sitetools a.selected { color: #333; } a.print { background: url(../gfx/icon_print.png) no-repeat; padding-left: 15px; } a.tip { background: url(../gfx/icon_tip.png) no-repeat; padding-left: 15px; } #tilmeldnyhedsbrev { position: absolute; height: 130px; width: 250px; background-color: #fefefe; padding: 20px; z-index: 1200; left: 60%; top: 100px; border: 5px solid #ccc; text-align: left; } #tilmeldnyhedsbrev label { width: 80px;} #tilmeldnyhedsbrev input { margin: 2px;} #tipenven { position: absolute; height: 200px; width: 300px; background-color: #fefefe; padding: 20px; z-index: 1200; left: 60%; top: 100px; border: 5px solid #ccc; text-align: left; } #tipenven label { width: 120px;} #tipenven input { margin: 2px;} /* topmenu */ /* #menu { top: 90px; position: absolute; width: 954px; text-align: left; padding: 6px;} #menu ul { margin: 0; padding: 0 ; } #menu ul li { float: left; list-style: none;} #menu ul > li a, #menu ul > li a:link, #menu ul > li a:active, #menu ul > li a:visited { display: block; padding: 12px 15px; background: url(../gfx/topmenu_spacer.gif) no-repeat; right center; text-decoration: none; color: #fafafa; white-space: nowrap; } #menu ul > li a:hover, #menu ul > li a.selected { color:#fff; background:none; background: url(../gfx/topmenu_active_bg.jpg) repeat-x; } #menu ul li ul { margin: 0; padding: 0; position: absolute; visibility: hidden; width: 185px; background: white url(../gfx/box_gradient_bg.png) repeat-x; z-index: 9999; border: 3px solid white; } #menu ul li ul li { float: none; display: inline; width: 185px; } #menu ul li ul li a, #menu ul li ul li a:link, #menu ul li ul li a:visited, #menu ul li ul li a:active { background:none; width: auto; color: #333; padding: 5px 15px; border-bottom: 1px solid #e6e1dd; } #menu ul li ul li a:hover { text-decoration: underline; color:#333; } #menu ul li ul li ul { margin: 0; padding: 0; visibility:inherit; position:relative; border: none; display: block; font-size: 10px; width: auto;} #menu ul li ul li ul li a { padding-left: 25px; font-size: 10px; display: block; } */ #menu { margin-top: 84px; width: 954px; text-align: left; padding: 6px;} #menu ul { margin: 0; padding: 0 ; } #menu ul li { float: left; list-style: none;} #menu ul > li a, #menu ul > li a:link, #menu ul > li a:active, #menu ul > li a:visited { display: block; padding: 12px 15px; background: url(../gfx/topmenu_spacer.gif) no-repeat; right center; text-decoration: none; color: #fafafa; white-space: nowrap; } #menu ul > li a:hover, #menu ul > li a.selected { color:#fff; background:none; background: url(../gfx/topmenu_active_bg.jpg) repeat-x; } #menu ul li ul { margin: 0; padding: 0; position: absolute; width: 215px; display:none; background: white url(../gfx/box_gradient_bg.png) repeat-x; z-index: 9999; border: 3px solid white; opacity: 0.9; filter: alpha(opacity=90); } #menu ul li ul li { float: none; display: inline; width: 215px; } #menu ul li ul li a, #menu ul li ul li a:link, #menu ul li ul li a:visited, #menu ul li ul li a:active { background:none; width: auto; color: #333; padding: 5px 15px; border-bottom: 1px solid #e6e1dd; background: none; } #menu ul li ul li a:hover { text-decoration: underline; color:#333; background: none;} #menu ul li ul li ul { margin: 0; padding: 0; visibility:inherit; position:relative; border: none; display: block; font-size: 10px; width: auto;} #menu ul li ul li ul li a { padding-left: 25px; font-size: 10px; display: block; } #menu ul li ul { display: none;} /* #tmenu ul { margin: 0; padding: 0 ; } #tmenu ul ul { left: 181px; } #tmenu { height: 28px; } #tmenu *:hover { background-color: none; } #tmenu li > a { color: #333; font-size: 10px; line-height: 1; text-decoration:none; padding-left: 15px; padding-right: 15px; padding-top: 8px; padding-bottom: 8px; } #tmenu li.hover a, #tmenu li.selected a { background-color:#fff; opacity: 0.9; filter: alpha(opacity=90); } #tmenu ul { top: 27px; } #tmenu ul li a { background-color: #fff; } #tmenu ul a.hover { background-color: #c1e770; border:1px solid #bbb;} #tmenu ul a { border: 1px solid #eee; border-top:1px solid #fff; opacity: 0; filter: alpha(opacity=0); text-transform:none;} #tmenu li { height: 28px;} */ /* leftmenu */ #verticalmenu { float:left; position: relative; width: 162px; height: 400px;} #verticalmenu ul { list-style-type: none; list-style-image: none; padding:0; margin:0; border-top: 1px solid #ece8e5; } #verticalmenu a, #verticalmenu a:active, #verticalmenu a:visited, #verticalmenu a:link { color: #333; padding:5px; text-decoration:none; display:block; border-bottom: 1px solid #ece8e5; } #verticalmenu a:hover, #verticalmenu a:active, #verticalmenu a.selected { color: #fff; background-color: #9a0032;} #verticalmenu ul ul { list-style-type: none; list-style-image: none; padding:0; margin:0; border:none; border-bottom: 1px solid #eee; border-top: 1px solid #fafafa; display:block; } #verticalmenu ul ul li { margin-bottom: 4px; margin-top: 4px; } #verticalmenu ul ul a, #verticalmenu ul ul a:visited, #verticalmenu ul ul a:active, #verticalmenu ul ul a:link { color: #333; padding:0; padding-left: 10px; border:none; font-size: 10px;display:block; } #verticalmenu ul ul a:hover, #verticalmenu ul ul a:active, #verticalmenu ul ul a.selected { color: #000; padding-left: 10px;background: none; text-decoration: underline; } #verticalmenu p.menuhead { padding:5px;color: #fff; background-color: #82684D; margin:0;} #verticalmenu p.menuhead a, #verticalmenu p.menuhead a:hover { border: none; background:none; padding: 0; color:white;} div.contactinfo p.menuhead { padding:5px;color: #fff; background-color: #82684D; margin:0;} div.contactinfo p.menuhead a, div.contactinfo p.menuhead a:hover { border: none; background:none; padding: 0; color:white;} /* ----- content ----- */ #contentwrapper { float:left; width: 966px; display: block; text-align: left; } #contentwrapper.standardpage { float:left; width: 966px; display: block; text-align: left; background: url(../gfx/contentwrapper_bg.gif) repeat-y; position: relative; } #leftmenu { float:left; width: 162px; margin: 0 6px; background: white url(../gfx/content_gradient.gif) repeat-x; } #centerpane { float:left; width: 602px; margin:0 6px; margin-left: 8px;} #leftpane { float:left; width: 792px; } #rightpane { float:left; width: 174px; } #rightpane #bottom { width: 174px; height:6px; background: url(../gfx/box_right_bottom_bg.png) no-repeat; } .frontpage #rightpane { background: url(../gfx/box_right_full_bg.png) no-repeat; height: 536px; width: 162px; padding: 6px;} .standardpage #rightpane { width: 162px; margin: 0 6px; margin-left: 8px; } div.contentwrapper_top { float:left; background: url(../gfx/contentwrapper_top_bg.gif) no-repeat; width: 966px; height: 6px;overflow:hidden; } div.contentwrapper_bottom { float:left; background: url(../gfx/contentwrapper_bottom_bg.gif) no-repeat; width: 966px; height: 6px;overflow:hidden; } /* ----- slideshow ----- */ #fokus { float:left; background: url(../gfx/box_center_bg.png) repeat-y; width: 792px; } #fokus div.center_top { float:left; background: url(../gfx/box_content_top_bg.png) no-repeat; width: 792px; height: 6px;overflow:hidden; } #fokus div.center_bottom { float:left; background: url(../gfx/box_center_bottom_bg.png) no-repeat; width: 792px; height: 6px;overflow:hidden; } #fokus div.center_dummy { float:left; background: url(../gfx/box_center_bg.png) no-repeat; width: 792px; height: 199px; } #fokus div.slideshow { display:block; margin: 6px;width: 778px; height: 199px; position: absolute; z-index: 0;} #nav { position: relative; top: -23px; margin-left: 260px; z-index: 10; } #nav a { color:#cdcdcd; background: url(../gfx/pager.gif) no-repeat; width: 18px; height: 18px; text-align:center; display: block; float: left; text-decoration: none; font-size: 9px; margin: 5px; } #nav a.activeSlide { color:#cdcdcd; background: url(../gfx/pager_act.gif) no-repeat;} #nav a:focus { outline: none; } /* ----- links rightpane ----- */ .frontpage div.spot.with-border { background: url(../gfx/spot_border_top_bg.gif) repeat-x; padding: 15px 0; float:left; width: 162px; margin: 0px;} .frontpage #rightpane .hotspot { margin-bottom: 15px;} div.spot.with-border a:hover { text-decoration: underline; } a.for-doc { background: url(../gfx/icon_for_doctor.gif) no-repeat left center; text-decoration: none; font-size: 12px; padding: 9px 0px 9px 32px; } a.for-companies { background: url(../gfx/icon_for_companies.gif) no-repeat left center; text-decoration: none; font-size: 12px; padding: 9px 0px 9px 32px;} a.for-unions { background: url(../gfx/icon_for_unions.gif) no-repeat left center; text-decoration: none; font-size: 12px; padding: 9px 0px 9px 32px; } /* ----- adresse ----- */ .frontpage div.spot.address { position:absolute; font-size: 9px; color: #8a7b6f; line-height: 12px; padding: 10px; top: 560px; width: 162px; height: 100px; background: none; } div.address strong { margin-bottom: 10px; color: #8a7b6f; font-weight: bold; } div.address a { color: #8a7b6f; font-size: 9px;} div.standardpage div.address { font-size: 9px; color: #8a7b6f; line-height: 12px; padding: 0px; background: none;width: 150px; height: 100px; position: absolute; bottom: 0; margin-bottom: 15px; margin-left: 9px;} /* forside */ #newsspots { float:left; background: url(../gfx/box_center_bg.png) repeat-y; width: 792px; } #newsspots div.center_top { float:left; background: url(../gfx/box_content_top_bg.png) no-repeat; width: 792px; height: 6px;overflow:hidden; } #newsspots div.center_bottom { float:left; background: url(../gfx/box_center_bottom_bg.png) no-repeat; width: 792px; height: 6px;overflow:hidden; } #newsspots div.gradient { float:left; background: white url(../gfx/box_gradient_bg.png) repeat-x; margin: 0 6px; width: 778px;} /* #newsspots div div { float:left; width: 234px; height: 126px; overflow: hidden; cursor: pointer; padding: 4px; margin: 8px; margin-bottom:0; border-bottom: 1px solid #ece8e5;} #newsspots div div p { margin-bottom: 5px; } */ #newsspots ul li { float:left; width: 234px; height: 124px; overflow: hidden; cursor: pointer; padding: 4px; margin: 0px 8px 0; margin-bottom:0; border-bottom: 1px solid #ece8e5;} #newsspots ul li p { margin-bottom: 5px; } p.dato { font-size: 10px; color: #676664; margin:0; } p.headline { font-size: 12px; color: #9b0135; font-weight: normal;} div p.text { font-size: 10px; } #newsspots div div.actions { float:left; width: 766px; height:auto; padding:2px 0; margin: 0;text-align: right; border: none; } #newsspots div div.actions a { margin-left: 15px; font-size: 10px;} /* ----- forside hotspots med billede i bunden ----- */ #forsidespots { float:left; width: 792px; } #forsidespots div p.description { display: none; } /* ----- hotspots ----- */ div.hotspot { float:left; width: 251px; height: 136px; padding: 6px; overflow: hidden; cursor: pointer; background: url(../gfx/box_hotspot_bg.png) no-repeat; } div.hotspot a, div.hotspot a:link, div.hotspot a:visited, div.hotspot a:active, div.hotspot span { font-size: 14px; color: #7c2126; background: url(../gfx/a_stor.gif) no-repeat left center; padding-left: 15px; margin: 8px; display: block; text-decoration: none; } div.hotspot a:hover { text-decoration: underline; } div.hotspot.imageonly img { width: 251px; height: 137px; } div.hotspot.imageonly a, div.hotspot.imageonly a:link, div.hotspot.imageonly a:active, div.hotspot.imageonly a:visited { background: none; padding:0; margin:0;} div.hotspot.subpage { float:left; width: auto; height: auto; padding: 0px; overflow: visible; cursor: pointer; background: none; width: 162px; } div.hotspot.subpage img { width: 162px; } div.hotspot.subpage > div { padding: 10px;background: white url(../gfx/box_gradient_bg.png) repeat-x; } div.hotspot.subpage a, div.hotspot.subpage a:link, div.hotspot.subpage a:visited, div.hotspot.subpage a:active { font-size: 11px; background: none; padding-left: 0px; margin: 0px; margin-bottom: 5px; display: block; text-decoration: none; } div.hotspot.subpage a:hover { text-decoration: underline; } div.hotspot-spacer { float:left; margin-left: -6px; background: url(../gfx/hotspot_splitter.gif) no-repeat; height: 14px; width: 174px; position: relative; display: block; } div.hotspot.subpage.last > div { background: white url(../gfx/box_gradient_bg.png) repeat-x; width: 142px; } div.hotspot.subpage.last a, div.hotspot.subpage.last a:link, div.hotspot.subpage.last a:visited, div.hotspot.subpage.last a:active { font-size: 12px; background: none; padding-left: 0px; margin: 0px; margin-bottom: 5px; display: block; text-decoration: none; } div.hotspot.subpage.last a:hover { text-decoration: underline; } div.hotspot.subpage.last img { width: auto; } div.hotspot.subpage.last p { margin: 0; } div.subpage.contactinfo > div { background: white url(../gfx/box_gradient_bg.png) repeat-x; width: 142px; padding: 0 10px; } div.subpage.contactinfo a, div.subpage.contactinfo a:link, div.subpage.contactinfo a:visited, div.subpage.contactinfo a:active { background: none; padding-left: 0px; margin: 0px; margin-bottom: 5px; /* display: block; */ text-decoration: none; font: 11px verdana, arial, sans;} div.subpage.contactinfo a:hover { text-decoration: underline; } div.subpage.contactinfo img { width: auto; } div.subpage.contactinfo p { margin: 0; } div.subpage.contactinfo ul { list-style: disc; margin-left: 13px; } /* ----- content/global stuff ----- */ a.more-news, a.more-news:link, a.more-news:visited, a.more-news:active { background: url(../gfx/icon_nyheder.png) no-repeat left center; padding-left: 15px; text-decoration: none;} a.subscribe-news, a.subscribe-news:link, a.subscribe-news:visited, a.subscribe-news:active { background: url(../gfx/icon_kuvert.png) no-repeat left center; padding-left: 15px; text-decoration: none; } /* -- spots -- */ div.spot { background: white url(../gfx/box_gradient_bg.png) repeat-x ; margin: 0 6px; } .frontpage div.spot { background: white url(../gfx/box_gradient_bg.png) repeat-x ; margin: 6px; } div.spot div { padding: 10px; background: white url(../gfx/box_gradient_bg.png) repeat-x ; } div.center_top { float:left; background: url(../gfx/box_content_top_bg.png) no-repeat; width: 792px; height: 6px;overflow:hidden; } div.center_middle { float:left; background: url(../gfx/box_center_bg.png) repeat-y; width: 752px; padding: 20px; } div.center_bottom { float:left; background: url(../gfx/box_center_bottom_bg.png) no-repeat; width: 792px; height: 6px;overflow:hidden; } div.gradient { float:left; background: white url(../gfx/box_gradient_bg.png) repeat-x; margin: 0 6px; width: 778px;} /* --- center styles --- */ #centerpane .main_image p { padding: 0; margin: 0; } #centerpane div.text { float:left; background: white url(../gfx/content_gradient.gif) repeat-x; width: 562px; padding: 24px 20px;} #main_image { float: left; } #centerpane p.dato { font-size: 10px; color: #676664; margin:0; } #centerpane p.headline { font-size: 14px; background: url(../gfx/a_stor.gif) no-repeat left center; padding-left: 15px; margin: 8px 0; display: block; text-decoration: none;} #centerpane div p.text { font-size: 11px; border-bottom: 1px solid #ece8e5; padding-bottom: 8px; margin-bottom: 8px; } .btn { padding: 0 15px; height:auto; margin: 10px; } /* footer */ #footer { float:left; width: 966px; color: #fff; text-align: left; display: block;} #page_load_time { float:left; width: 100%; display:none; } #centerpane ul { list-style: disc; padding: 20px; } /* ----- Publikationer ----- */ #form_publicationssearch select { width: 400px; margin: 4px 0;} #form_publicationssearch input { width: 150px; height:auto; margin: 4px 0;} /* vedligeholdelse af publikationer */ table.publications td { font-size: 10px;} /* søgeresultat */ ul.searchresult { margin-left: 20px;} ul.searchresult li { list-style-image: url(../gfx/a.gif); padding: 2px;} /* TinX/cms overwrites */ div.tinx_actionbuttons { background-color: white;} #tinx-wrapper.edit #forsidehotspots .hotspot.text { height: auto; width:auto; overflow: auto; } #tinx-wrapper.edit .hotspot { float:none; height: auto; width:auto; overflow: auto; } #tinx-wrapper.edit #forsidespots .tinx_object_editomode { float:left; height: auto; width:auto; overflow: auto; padding:0; } #tinx-wrapper.edit #search form { width: auto; } #tinx-wrapper.edit.isobject div.tinx_actionbuttons, #tinx-wrapper.edit.isobject div.tinx_object_editomode span { display: none;} #tinx-wrapper #tinx_moduler input { height: auto; } #tinx-wrapper div.tinx_object_editomode textarea, #tinx-wrapper div.tinx_object_editomode input { height: auto; margin: 2px;} #tinx-wrapper.edit #wrapper #top form label, form label { float:left; width: 150px; clear:left; margin: 2px;} legend { font-size: 14px; padding: 0px 10px; } fieldset.edit_popup { width: 95%;} #tinx-wrapper.edit fieldset.edit_popup form { width: 100%;} fieldset.edit_popup textarea, fieldset.edit_popup input { width: 400px; height: auto; margin-bottom: 5px;} fieldset.edit_popup.publication textarea, fieldset.edit_popup.publication select, fieldset.edit_popup.publication input { width: 300px; height: auto; margin-bottom: 5px;} fieldset.edit_popup input.textfield, fieldset.edit_popup input.btn { width: auto;} fieldset.edit_popup input.chkbox { width: 20px;} #tinx-wrapper.edit fieldset.edit_popup form label.chkbox { float:left; clear:none; width: 150px; font-size: 9px;} fieldset.selectandadd {} fieldset.selectandadd p { margin: 10px; } fieldset.selectandadd a.btn { display: block; border: 1px solid #aaa; text-decoration: none; background-color: #fafafa; color: #123456; margin: 2px; clear:both; } fieldset.selectandadd div { float:left; text-align: center; margin: 10px; } fieldset.selectandadd select { width: 300px; height: 80px; } fieldset.edit_popup.publication fieldset.selectandadd select { width: 200px; height: 80px; } .hotspot_header { font-size:14px; color: #7C2126; } /* TinX/dk information */ #tinxdk { float:right; width: 200px; margin:0 auto; text-align: right; color:#8A7B6F; font-size: 9px;} #tinxdk a { color:#8A7B6F; padding-right:35px; font-size: 9px; }