/*############################################################# Name: doright org Date: 2008-08-24 Description: dorignt 0.5 CSS stuff Author: jg URL: http://www.doright.se brax #############################################################*/ * { margin: 0; padding: 0; } a { color: #999; } a:justimage{ color: gray; } adresslnk{ color: gray; } a:hover { color: #d30020; } html,body{ height:100%; margin:0; padding:0; } #vertical{ position:absolute; top:50%; margin-top:-274px;/* half main elements height*/ left:0; width:100%; } #corearea { width:888px; height:549px; margin-left:auto; margin-right:auto; text-align:left; } input { color: #528c35; font: 1.1em "Gill Sans",Arial; } p,cite,code,ul { font-size: 1.1em "Gill Sans",Arial; padding-bottom: 1.1em; } h1 { margin-bottom: 4px; font: 1.2em "Gill Sans","Arial"; } h5 { margin-bottom: 4px; font: 1.6em "Gill Sans","Arial"; color: #d30020; padding-top: 6px;} code { background: #FFE; border: 1px solid #EED; border-left: 6px solid #938262; color: #554; display: block; font: normal 1.1em "Gill Sans",serif; margin-bottom: 12px; padding: 8px 10px; white-space: pre; } blockquote { color: #b88d5f; display: block; font: 1.1em "Gill Sans",serif; padding-left: 28px; background: url(img/quote.gif) no-repeat; } h1,h2,h3 { color: gray; padding-top: 6px; } /* misc */ .clearer { clear: both; } /* structure */ .container { height: inherit; width: inherit; background: white; } /* header */ .header { position: absolute; float: right; display: inline; } /* title */ .title { padding: 7px; left: 1px; height: 55px; display: block; } .title h1 { } /* navigation */ .navigation { background: white url(img/head55.jpg) repeat-x; font: 1.4em "Gill Sans","Arial"; height: 55px; width: 690px; display: block; float: left; margin-left: 144px; padding-left: 14px; display:inline; } .navigation a { color: #7f7f7f; text-decoration: none; margin-right: 12px; margin-bottom:1px; line-height: 55px; padding-bottom: 11px; } .navigation a:hover { color: #d30020; padding-bottom: 12px; } .navigation a.active { color: #d30020; line-height: 55px; padding-bottom: 11px; } .trans { background: white url(img/headerw40h55.jpg); text-align: left; float: right; height: 34px; width: 25px; padding-top: 21px; padding-right:15px; display: inline; } /* main */ .main { background-color: #fff; width: inherit; height:494px; } .main h1 { margin-left: 18px; margin-bottom: 10px; background: url(img/Pointout.gif) no-repeat scroll 1px 7px; padding-left: 21px; margin-top: 10px; padding-top: 4px; } .main h5 { margin-left: 18px; margin-bottom: 10px; background: url(img/Pointout.gif) no-repeat scroll 1px 7px; padding-left: 21px; margin-top: 10px; padding-top: 4px; } .main .descr { color: silver; margin-bottom: 6px; font-style: italic; } .main li { list-style: url(img/li.gif); margin-left: 18px; font-size: 1.1em "Gill Sans",Arial; padding-bottom: 0.5em;  } .main_splash { width: 860px; height: 200px; margin-top: 10px; margin-left: 14px; border: 1px solid #1e164d; } /* content */ .content { float: left; width: 718px; height: 460px; text-align: left; font-size: 1.1em; color: gray; padding-left: 13px; padding-top: 13px; padding-right: 13px; padding-bottom: 8px; position: relative; } .content h1 { padding-left: 21px; margin-left: 0px; background: url(img/Pointout.gif) no-repeat scroll 1px 10px; padding-top:5px; font-size: 1.6em; } .content h5 { padding-left: 21px; margin-left: 0px; background: url(img/Pointout.gif) no-repeat scroll 1px 10px; padding-top:5px; font-size: 1.6em; } .content .descr { color: silver; margin-bottom: 6px; font-style: italic; } .content li { list-style: url(img/li.gif); margin-left: 18px; padding-top: 0px; } /* Left column */ .content_col310 { float: left; width: 310px; height: 400px; text-align: left; color: gray; font-size: 1.1em; padding-left: 1px; padding-top: 5px; padding-right: 13px; padding-bottom: 8px; background-color: white; display: inline; } .content_col420 { float: left; width: 410px; height: 200px; text-align: left; color: gray; font-size: 1.2em; margin-left: 21px; padding-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; background-color: white; display: inline; xborder-style: solid; xborder-width: 1px; } .content_col420 li { list-style: url(img/li.gif); margin-left: 18px; } .content_col309 { float: left; width: 310px; height: 400px; text-align: left; color: gray; font-size: 0.9em; padding-left: 0px; padding-top: 5px; padding-right: 13px; padding-bottom: 8px; background-color: white; display: inline; } .content_col310 h1 { padding-left: 21px; background: url(img/Pointout.gif) no-repeat scroll 1px 7px; padding-top: 1px; } .content_col310 .descr { color: silver; margin-bottom: 6px; font-style: italic; } .content_col310 li { list-style: url(img/li.gif); margin-left: 18px; } /* right column */ .content_col230 { float: left; width: 280px; height: 400px; text-align: left; color: gray; font-size: 1.1em; padding-left: 1px; padding-top: 5px; padding-bottom: 8px; background-color: white; display: inline; } .content_col220 { float: left; width: 230px; height: 400px; text-align: left; color: gray; font-size: 1.1em; padding-left: 1px; padding-top: 5px; padding-bottom: 8px; background-color: white; display: inline; } .content_col230 h1 { padding-left: 21px; background: url(img/Pointout.gif) no-repeat scroll 1px 7px; padding-top: 1px; } .content_col230 .descr { color: silver; margin-bottom: 6px; font-style: italic; } .content_col230 li { list-style: url(img/li.gif); margin-left: 18px; } /* full area */ .content_col200 { float: left; width: 200px; height: 400px; text-align: left; color: gray; font-size: 1.1em; padding-left: 1px; padding-top: 5px; padding-bottom: 8px; background-color: white; display: inline; } .content_col200 h1 { padding-left: 21px; background: url(img/Pointout.gif) no-repeat scroll 1px 7px; padding-top: 1px; } .content_col200 .descr { color: silver; margin-bottom: 6px; font-style: italic; } .content_col200 li { list-style: url(img/li.gif); margin-left: 18px; } /* nya menyn */ #content-box-in-left { float: left; width: 144px; position: relative; height: 481px; font-size: 1.1em; color: black; background: url(img/leftsidenav.jpg) repeat-y; } #content-box-in-left-in h3 { background: none; } #content-box-in-left-in { padding-top: 14px; } #content-box-in-left-in ul { list-style-type: none; } #content-box-in-left-in ul li { display: inline; color: #301a0f; } #content-box-in-left-in ul li a { display: inline; color: #7f7f7f; } #content-box-in-left-in ul li a, #content-box-in-left-in ul li a:visited { text-decoration: none; padding: 4px 0 4px 16px; line-height: 130%; display: block; margin-right: 2px; font-size: 1.1em; } #content-box-in-left-in ul li a:hover { color: #d30020; } #content-box-in-left-in ul li a.active { color: #d30020;  } /* footer */ .footer{ clear:both; bottom: 0; text-align: center; color: gray; left: -21px; position:absolute; width: 100%; padding-bottom: 5px; display: inline; } .footer_index{ bottom: 0; text-align: center; color: gray; left: 0; position:absolute; width: 100%; padding-bottom: 5px; } .footer .footer a { color: gray; text-decoration: none; } .footer a:hover { color: #e13922; text-decoration: underline; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;} .clearfix { display: inline-table;} /* backslash hides from IE mac \*/ * html .clearfix { height: 1%;} .clearfix { display: block;}