html, body { height: 100%; } 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, sub, sup, tt, var, 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-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } /* remember to define focus styles! */ :focus { outline: 0; } body { line-height: 1; color: #58585a; background: white; font-family: Verdana, Trebuchet MS; } ol, ul { list-style: none; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } div.clearAll, div.clearBoth { clear: both; } a { text-decoration: none; color: #e71f00; font-size: 12px; } a:hover { color: #000000; } p { font-size: 12px; padding: 5px 0; line-height: 1.4; } strong, p strong { font-weight: bold; } h2 { font-size: 22px; margin: 5px 0 10px; color: #ee3224; } h3 { font-size: 18px; margin: 5px 0 8px; } h4 { font-size: 16px; margin: 5px 0 8px; } img { border: 1px solid black; } address { font-size: 13px; } 
 
 .brodtekst ul { list-style: disc; padding-left: 20px; text-indent: 10px; margin: 10px 0; } .brodtekst ul li { margin: 10px 0; } .wrapper { width: 960px; height: 100%; min-height: 670px; _min-height: 670px; } .wrapper .topContainer { height: 133px; position: relative; width: 960px; background: #ffffff url(/sitefiles/6/design/topRedBackground.png) no-repeat; margin-bottom: 8px; float: left; clear: both; } .wrapper .topContainer ul.bildeliste { padding-left: 80px; } .wrapper .topContainer ul.bildeliste li { float: left; height: 133px; margin-right: 2px; } .wrapper .topContainer ul.bildeliste li img { border: 0px; } .wrapper .topContainer h1#logo { position: absolute; /*right: -8px;*/ right: 0; top: 45px; z-index: 5; } .wrapper .topContainer h1#logo a { display: block; float: right; clear: right; width: 322px; height: 62px; background: url(/sitefiles/6/design/topLogo.png) no-repeat; text-indent: -9999px; _background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sitefiles/6/design/topLogo.png",sizingMethod="scale"); } .wrapper .topContainer .redOverlay { height: 133px; width: 958px; position: absolute; top: 0; left: 0; background: url(/sitefiles/6/design/topRedOverlay.png) no-repeat; _background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sitefiles/6/design/topRedOverlay.png",sizingMethod="scale"); } .wrapper #main { /*width: 958px;*/ /*width: 970px;*/ width: 1010px; height: 100% float: left; clear: both; } .wrapper #main .leftColum { background: #bbbfc3; width: 130px; padding: 20px 0 10px 42px; float: left; clear: left; } .wrapper #main .leftColum ul { } .wrapper #main .leftColum ul li { clear: both; padding: 10px 0; } .wrapper #main .leftColum ul li a { text-decoration: none; color: #000000; } .wrapper #main .leftColum ul li a.active, .wrapper #main .leftColum ul li a:hover { color: #ee3224; } .wrapper #main .leftColum a#loginBtn { width: 78px; height: 25px; line-height: 25px; display: block; clear: both; color: #97979b; text-align: center; background: #d1d5d7; text-transform: lowercase; margin: 20px 0; } .wrapper #main .topColumn { float: right; clear: right; margin-left: 8px; _margin-left: 4px; /*width: 780px;*/ width: 820px; } .wrapper #main .topColumn ul.submenu { float: left; padding: 5px 0; } .wrapper #main .topColumn ul.submenu li { float: left; display: block; float: left; margin-right: 7px; } .wrapper #main .topColumn ul.submenu li a { float: left; display: block; background:#ee3224; color:#ffffff; padding:5px; font-size:13px; height: 15px; margin: 0 0 5px 0; } .wrapper #main .topColumn ul.submenu li a:hover, .wrapper #main .topColumn ul.submenu.submenu li a.aktiv { color:#ee3224; background:#ffffff; } .wrapper #main .rightColumn { float: right; clear: right; background: url(/sitefiles/6/design/mainContentTopBackground.png) no-repeat scroll 0 0; /*width: 780px;*/ width: 820px; position: relative; margin-top: 10px; _margin-top: 5px; } .wrapper #main .rightColumn .designElementBottom { background: url(/sitefiles/6/design/mainContentBottomBackground.png) no-repeat scroll 0 0; /*width: 650px;*/ width: 510px; height: 109px; position: absolute; right: 0; bottom: 0; } .wrapper #main .rightColumn .left { margin-left: 60px; /*width: 490px;*/ width: auto; padding: 80px 0; position: relative; z-index: 6; min-height: 50px; _min-height: 50px; } .wrapper #main .rightColumn .left .samling h4 { font-size: 16px; text-align: center; } .wrapper #main .rightColumn .left .samling a#arkiv { clear: both; padding: 20px 0; display: block; } .wrapper #main .rightColumn .left .samling div.artikkel { font-size: 12px; clear: both; padding: 8px 0; } .wrapper #main .rightColumn .left .samling div.artikkel .bilde { width: 80px; height: 80px; float: left; padding: 5px 0; margin-right: 20px; } .wrapper #main .rightColumn .left .samling div.artikkel .bilde a img { /*outline: 2px solid black;*/ } .wrapper #main .rightColumn .left .samling div.artikkel .info { float: left; width: 400px; line-height: 1; padding: 5px 0; } .wrapper .footer { } /* Gratis prøvetimeboks */ div.freeTraining { width: 458px; heihgt: 302px; float: left; margin-right: 8px; } ul.banners { float: left; } ul.banners img { border: 0; } ul.banners li { clear: both; margin: 0 0 5px; } div.freeTraining .top { background: #231f20; height: 77px; /*width: 408px;*/ width: 450px; clear: both; padding: 5px 5px 0; } div.freeTraining .top h2 { background: #ffffff; clear: both; color: #231f20; display: block; font-size: 36px; font-weight: bold; height: 77px; line-height: 77px; text-align: center; text-transform: uppercase; margin: 0; } div.freeTraining h2, div.freeTraining h3, div.freeTraining h4 { margin: 0; } div.freeTraining .bottom { width: 450px; /*height: 210px;*/ background: #e71f00; clear: both; color: #ffffff; padding: 5px; } div.freeTraining .bottom ul { height: 162px; background: #ffffff; } div.freeTraining .bottom ul li, div.freeTraining .bottom ul li a { float: left; text-align: center; line-height: 162px; width: 150px; display: block; height: 162px; text-decoration: none; color: #000000; text-transform: uppercase; font-weight: bold; } div.freeTraining .bottom p { font-size: 10px; margin: 12px 0 5px; padding: 0 8px; } div.instituttvalg { float: left; clear: right; width: 314px; margin: 15px 0; } div.instituttvalg h3 { color: #e71f00; padding-left: 5px; } div.instituttvalg form { padding-left: 25px; padding-top: 10px; } div.instituttvalg form select { width: 220px; } .rightColumn .left .samling .artikkel .info h3 { margin: 0; } .treningstid { margin:0px 0px 20px 0px; padding:0; width:431px; font-size:12px; } .treningstid th { padding:0px 0px 5px 0px; font-size:16px; text-align:left; } .treningstid td { line-height:24px; padding-top: 5px; border-bottom: 1px solid #999; } #tilbake { margin:0px 0px 10px 0px; } .treningstid2 { margin:0px 0px 20px 0px; padding:0; width:625px; border:solid 1px #fff; border-spacing: 1px; } .treningstid2 th { padding:5px 0px 5px 0px; background: #e71f00; font-weight: bold; text-indent: 10px; color: #ffffff; } .treningstid2 td { padding:5px 0px 5px 0px; text-align:center; font-size: 10px; background: #b2b7bb; color: #000000; } .msg{ float: left; clear: both; font-size: 12px; margin: 0 0 10px 0; color: #ff0000; } .signupForm{ float: left; font-size: 12px; } .signupForm .required{ color: #ff0000; } .signupForm fieldset{ float: left; } .signupForm fieldset ul{ float: left; } .signupForm fieldset ul li{ float: left; clear: both; padding: 0 0 7px 0; } .signupForm fieldset ul li label{ float: left; width: 160px; } .signupForm fieldset ul li input{ float: left; width: 300px; border: 1px solid #ccc; padding: 4px; } .signupForm fieldset ul li.form-controls input{ width: auto; border: none; }