/***************************************************************************** Reset CSS: v1.0 | 20080212 - http://meyerweb.com/eric/tools/css/reset/ ******************************************************************************/ 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, em, font, img, ins, kbd, q, s, samp,small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 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; } /************************************** Main css for unikloghomes ***************************************/ /* Main Tags */ body { font: 11px geneva,verdana,sans,arial,helvetica, sans-serif; text-align: center; color:#666; background-color: #006699; } a:link, a:active, a:visited { color:#006699; } a:hover { text-decoration: none; } h1 { color: #006699; font: 16px Tahoma, geneva,verdana,sans,arial,helvetica, sans-serif;} h2 { color: #006699; font: 20px Tahoma, geneva,verdana,sans,arial,helvetica, sans-serif; margin-bottom: 10px;} p { text-align: justify; line-height: 150%; margin-bottom: 12px;} /* Page Construction - wappers */ #page { margin: 0 auto; text-align: center; border: none; position:relative; } #wrapper { margin: 0px auto; overflow: hidden; position: relative; text-align: left; width: 986px; background: url(../gfx/page_bg.gif) repeat-y; } #wrapper { } #wrapper #innerwrapper { float: left; width: 926px; padding: 0 15px; margin: 0 15px 15px; background: url(../gfx/content_bg.jpg) no-repeat; } #wrapper #innerwrapper > div { float:left; width: 906px; margin:1px 10px;} #wrapper #header { padding-top: 0px;} #header > div { height: 50px; } #header #logo { height: 64px; width: 328px; background: url(../gfx/logo.gif) no-repeat left; cursor: pointer; margin-top: 0px;} #header h1 { display: none; } #header #gelh-logo { float: right; background: url(../gfx/gelh_logo.gif) no-repeat left; height: 50px; width: 77px; margin-left:20px; cursor: pointer;} #header a { text-decoration: none;} #wrapper #languages { display:none; height: 13px; text-align: right; margin: 5px 0 0; } #languages a { margin: 0 5px ; } #wrapper #innerwrapper #topmenu { background: url(../gfx/topmenu_bg.gif) no-repeat; height: 28px; width: 926px; margin: 0px 0 10px; padding:1px;} #topmenu ul { float:left; list-style: none; display: block; height: 28px;padding-left: 5px;} #topmenu ul li { float: left;list-style: none; margin: 0; padding: 0; text-transform:uppercase; padding: 6px 0px; display: block; } #topmenu ul li a { color: #006699; font-size: 10px;text-decoration: none; padding: 7px 15px;} #topmenu ul li a:hover { color: #fff; background: url(../gfx/topmenu_selected_bg.gif) repeat-x; } #topmenu ul li a.selected { color: #fff; background: url(../gfx/topmenu_selected_bg.gif) repeat-x;} #topmenu ul li.selected { } #topmenu ul ul { display: none;} #topmenu ul ul { float:none; display:none; margin:0; padding: 0; position: absolute; width: 200px; z-index: 999; margin-top: 6px; border-top: 1px solid #D7D6D7; } #topmenu ul ul li { float:none; margin:0; padding: 0; display:block; text-align:left; background-color: #eee;opacity: 0.95; filter: alpha(opacity=95);} #topmenu ul ul li a, #topmenu ul ul li a:link, #topmenu ul ul li a:visited, #topmenu ul ul li a:active { display:block; padding: 5px 10px; border-bottom: 1px solid #999; text-transform: none; } #topmenu ul ul li a:hover { color: #fff; background-color: #d2a34b; } /* Breadcrumb */ #wrapper #innerwrapper #breadcrumb { float:left; margin:10px; width: 906px; font-weight: bold; font-size: 10px; } #breadcrumb a, #breadcrumb a:link, #breadcrumb a:visited, #breadcrumb a:active { color: #000; font-weight: normal; padding: 5px; } #breadcrumb span { color: #000; padding: 5px; font-weight:bold; } /* leftmenu */ #leftmenu { float:left; width: 180px; margin-right: 15px; } #leftmenu ul { list-style-type: none; list-style-image: none; padding:0; margin:0; border-top: 1px solid #eee; } #leftmenu a, #leftmenu a:link { color: #555; padding:5px; text-decoration:none; font-size: 12px;display:block; border-bottom: 1px solid #eee; } #leftmenu a:hover { color: #000; background-color: #fafafa;} #leftmenu a.selected { color: #000; font-weight: bold;} #leftmenu a:active { color:#000; } #leftmenu 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; } #leftmenu ul ul li { margin-bottom: 4px; margin-top: 4px; background-color: #fafafa; } #leftmenu ul ul a, #leftmenu ul ul a:link { color: #555; padding:0; padding-left: 10px; border:none; border-left: 5px solid #fafafa; text-decoration:none; font-size: 10px;display:block; } #leftmenu ul ul a:hover { color: #006699; background: none; border-left: 5px solid #006699; } #leftmenu ul ul a:active, #leftmenu ul ul a.selected { color: #006699; background:none; border-left: 5px solid #006699;} #contentwrapper {} #contentarea { float:left; margin: 10px 0; } #contentarea.housearea { } #rightcontent { float:left; width: 710px;} #footer { float: left; width: 986px; text-align:center; background: #006699 url(../gfx/bottom_bg.gif) no-repeat; padding: 20px 0; color: white;} /* forside */ #hotspots { margin-top: 15px;} .hotspot { float:left; width: 450px;} .hotspot.last { margin-left: 15px; } div.column { float:left; width: 438px;} div.column.left { margin-right: 30px;} /* containers */ div.box { float:left; border: 0px solid red; } div.box a { text-decoration:none; } div.box { float:left; background-color: #f7f7f7; width: 100%; } div.boxtop { background: #f7f7f7 url(../gfx/div_tm.gif) repeat-x; height: 24px;} div.boxtop div.r { float:left; background: #f7f7f7 url(../gfx/div_tl.gif) 0 0 no-repeat; height: 24px; width: 10px; } div.boxtop div.l { float:right; background: #f7f7f7 url(../gfx/div_tr.gif) 0 0 no-repeat; height: 24px; width: 10px;} #content div.box h1 { margin:0px; padding:0px; margin-left: 10px; font-size: 12px; color: #444444; font-weight: bold; height: 24px; } div.boxcontent { padding: 10px; background-color: #f7f7f7; border: 1px solid #E4E4E4; border-top:none; height: 150px; overflow:hidden; font-size: 10px; line-height: auto;} div.spacer { float:left; margin:5px; } /* content */ .number { text-align: right; padding-right: 20px;} .container .text p strong { font-weight: normal; } .column p strong { font-weight: normal; } .column ul { margin: 15px 30px; } .column ul li { list-style: circle; } /* TinX/dk information */ #tinxdk { float:right; margin:0 auto; text-align: right; color:#999; width: 986px; position: absolute;} #tinxdk a { color:#999; padding-right:15px; } #page_load_time { float:left; width: 100%; display:none; } /* TinX/cms overrides */ #tinx-wrapper.edit div.column { width: auto; }