/** * CSS for CSR * Screen Media * Republic Factory, www.republic.se **/ /* basic typography */ body { font-size: 62.5%; font-family: "Lucida Grande", "Trebuchet MS", Verdana, sans-serif; line-height: 1.8em; color: #5a5a5a;} h1, h2, h3, h4, h5, h6, p { font-weight: normal; line-height: 1;} h1 { font-size: 3.0em; margin-bottom: 0.5em; letter-spacing: 0.03em; line-height: 1.2;} /* displayed at 30px */ h2 { font-size: 1.9em; margin-bottom: 0.25em; } /* displayed at 19px */ .members #content h2 { margin-top: 1em; } h3 { font-size: 1.4em; margin-bottom: 6px;} /* displayed at 14px */ h4 { font-size: 1em } /* displayed at 10px */ p, ol, ul, ol li { font: normal 1.1em/1.6em Arial, sans-serif; padding: 10px 0;} /* links */ a:link { color: #000; text-decoration: underline;} a:visited { color: #555; text-decoration: underline;} a:hover { color: #518e18; text-decoration: underline;} a:active { color: #518e18; text-decoration: underline;} h2 a:link { text-decoration: none; } h2 a:visited { color: #5a5a5a; text-decoration: none; } h2 a:hover { color: #518e18; } h2 a:active { color: #518e18; } dd a:link { color: #5a5a5a; text-decoration: none; } dd a:visited { color: #5a5a5a; text-decoration: none; } dd a:hover { color: #518e18; text-decoration: none; } dd a:active { color: #518e18; text-decoration: none; } /* layout */ html { background: #ffffea url(../images/bg-body.jpg) repeat-x top center;} body { background-color: transparent; width: 980px; margin: 0 auto; } a img { border: 0;} #wrapper { background-color: #fff; float:left; width: 100%;} /* top */ #top { position: relative; width: 932px; height: 123; margin-left: 24px; background: url(../images/bg-top.jpg) no-repeat top left; } #logged_in { position: absolute; top: 7px; right: 50px; width: 300px; padding: 0px 15px; margin-left: 24px; text-align: right; } #in_english { position: absolute; top: 18px; left: 885px; } #search { position: absolute; top: 38px; right: 20px; } #search #keyword { width: 200px; margin-right: 10px; } #navigation { position: absolute; height: 30px; top: 93px; left: 125px; } #navigation ul { float: left; padding: 0; } #navigation li { float: left; text-align: center; text-transform: uppercase; padding: 0px 13px; font-weight: bold; color: white; letter-spacing: 0.03em;} #navigation img { float: none; display: inline; margin: 0; padding: 0; } #navigation #home img { margin: 0 15px; display: inline; } #navigation #login img { vertical-align: middle; margin: 0 0 2px 2px;} #navigation #login a { margin-left: 20px; color: #518e18; display: inline; } #navigation .selected a { color: #518e18; } #navigation a { display: block; color: #555555; text-decoration: none; font-size: 10px; } #navigation a:hover { color: #518e18; } #home { border-right: 1px solid #888; } #home img { margin: 0 15px 0 15px; } #about { border-right: 1px solid #888; } #csrwest { border-right: 1px solid #888; } #whatwedo { border-right: 1px solid #888; } #tools { border-right: 1px solid #888; } #members { border-right: 1px solid #888; } #contact { border-right: none; width: 90px;} #login { border-right: none; width: 115px;} #subnav { width: 240px; margin: 60px 0 0 44px; float: left; } #subnav ul { margin: 0; padding: 0;} #subnav li a { font: bold 10px arial; color: #777; text-transform: uppercase; text-decoration: none; line-height: 25px; } #subnav li a:hover { color: #518e18; } #subnav li.selected a { color: #518e18; } #subnav li li { margin-left: 20px; list-style-type: square; color: #eee; } #subnav li li a { font: bold 10px arial; color: #777; text-transform: uppercase; text-decoration: none; line-height: 25px; } #subnav li.selected ul li a { color: #777; } #subnav .selected ul ul { display: none; } /* content */ #content { float: left; margin: 20px 0 0 24px; } #start #content { } .intro .introduction { font-size: 18px; color: #222; margin-top: -10px;} .intro #content { margin: 70px 0 0 0; width: 520px; } div.hr { border: 0; clear: both; background: url(../images/hr-introduction.gif) no-repeat 0 0; height: 20px; width: 500px; margin: 20px 0 20px 0; } div.hr.bottommargin { margin: 20px 0 100px 0; } div.hr hr { display: none; } .sub #content { margin: 65px 0 0 0; width: 515px; min-height: 400px; } .sub #content h1 { font-size: 18px; font-weight: bold; color: #000; } .sub #content p { color: #000; font-size: 1.2em; } #start dl { margin-top: 10px; width: 600px; float: left; } #start dl dt.col1 { float: left; clear: left; width: 99px; } #start dl dd.col1 { float: left; clear: left; width: 270px; } #start dl dt.col2 { float: right; clear: none; width: 90px; margin-top: -26px; } #start dl dd.col2 { float: right; clear: none; width: 270px; } #start dt { background: url(../images/bg-dt.gif) repeat-x 0 0; width: 100px; height: 22px; padding: 4px 0 0 180px; text-align: center; color: #7195ae; text-transform: uppercase; font-size: 9px; font-weight: bold; } #start dd { height: 170px; position: relative; } /* #start dd img { float: left; margin-right: 20px; margin-bottom: 100px; } */ #start dd img { position: absolute; bottom: 15px; left: 0; } #start dd .text { position: absolute; bottom: 0; right: 0px; width: 150px; } #start dd h2 { font-size: 12px; font-weight: bold; margin-top: 30px; } #start dd.fraga p { font-weight: bold; color: #518e18; } #start dd.fraga p.reply { font-weight: bold; color: #000; margin: 0; padding: 0;} #start dd.fraga img { float: none; margin: 0; padding: 0; } #start-text { float: left; color: #518E18; width: 530px; height: 140px; border-top: 1px solid #eee; margin: 40px 0 0px 25px; padding: 15px 0 0 70px; background: url(/images/icon-start-text.gif) no-repeat 0px 10px; } .members dl { margin-top: 20px; width: 625px; border-bottom: 1px solid #a7c78a; } .members dt { width: 600px; background: none; border-top: 1px solid #a7c78a; height: 33px; padding: 0 0 0 25px; margin: 0; font: bold 11px verdana, arial; color: #000; text-transform: none; text-align: left; line-height: 33px; clear: both;} .members dt.hover { background: url(../images/bg-member-dt.gif) repeat-x 0 center; } .members dd { width: 595px; padding: 0px 0px 10px 30px; } .members dd p { width: 300px; } .members dd div.info { background: #e2f2d3; padding: 15px; color: #000; margin: 15px 0; font: normal 10px verdana;} .members dd div.info a { color: #000; } .members dd img { float: none; margin-top: 15px; } div.info { background: #e2f2d3; padding: 15px; color: #000; margin: 15px 0; font: normal 10px verdana;} div.info a { color: #000; } #news { width: 240px; margin: 30px 48px 30px 0px; padding-left: 25px; float: right; border-left: 1px solid #c3c2c1; display: inline; } #news h2 { color: #518e18; font-size: 11px; font-weight: bold; text-transform: uppercase; margin: 0 0 10px 0;} #news p { margin: 10px 0 20px 0; padding: 0;} #news p.date { font-size: 11px; font-weight: bold; margin: 0; padding: 0; } #news h3 { font-size: 11px; font-weight: bold; margin: 0; padding: 0; text-transform: uppercase; } #news hr { clear: both; border:none; height: 1px; border-top: 1px solid #518e18; margin: 10px 0 30px 0; padding: 0; } #news a { color: #5A5A5A; text-decoration: none; } #news a:hover { color: #518E18; } dd a.hoverClass { color: #518E18; } #news a.hoverClass { color: #518E18; } /* Quotes on the startpage */ #quotes { background-color: #f1f7e9; padding: 10px 20px; margin-bottom: 25px; margin-right: -48px; position: relative; height: 130px; } #quotes .quote { position: absolute; width: 250px; } #quotes .quote p { font-size: 13px; color: #6b923f; font-style: italic; } #quotes .quote p a { font-size: 12px; color: #545952; font-style: normal; font-weight: bold; } /* download docs */ #download { margin-top: 100px; width: 150px; font-family: Arial; margin-bottom: 20px;} #download dl { border: 1px solid #e1e7c5; border-left:0; border-right:0; margin: 0 0 0 0; padding: 0px 0 10px 0;} #download dt { background: url(/images/icon-arrow.gif) no-repeat 0 5px; padding: 0 0 0 7px; margin-top: 10px;} #download dt a { color: #666; text-transform: uppercase; font-weight: bold; font-size: 10px; text-decoration: none; } #download dt a:hover { text-decoration: underline; } #download dd { color: #000; } /* footer */ #footer { clear: both; width: 980px; margin: 100px auto 0 auto; background: transparent; } #start #footer { background: transparent;} #footer p { line-height: 20px; margin-left: 24px; } /* classes */ .introduction p { font-weight: normal; padding-top: 0;} .introduction p a { color: #518E18; } .introduction p a:hover { color: #555555;} .left { float: left; margin: 15px 15px 10px 0;} .right { float: right; margin: 5px 0 15px 20px;} /* lists */ ol { margin: 0 0 0 20px; padding: 0; font-size: 1em; } ol li { list-style-type: decimal; margin: 0; padding: 0; color: #5d5d5f; } table.search_result { width: 600px; } table.search_result th { font-size: 12px; padding-bottom: 15px;} table.search_result th, table.search_result td { padding: 5px;} .sortingbox { background: #edf6e3; padding: 10px; float: left; width: 500px;} ul#search_list { width: 500px; float:left; padding: 0;} ul#search_list li { float: left; } ul#search_list li a { padding: 5px 20px; display: block; text-decoration: none; background-color: #cae2a6; color: #fff; font-weight: bold;} ul#search_list li.current a { padding: 5px 20px; display: block; text-decoration: none; background-color: #edf6e3; color: #649c6b;} .sortingbox label { width: 100px; display: block; float: left; clear: left;} .sortingbox input { float: left; clear: right;} input.search_button { width: 150px; margin-top: 15px;} /* ANMÄLNINGSFUNKTION */ table.anmalan { border-collapse: collapse; } table.anmalan th, table.anmalan td { padding: 5px 10px; text-shadow: 0 1px 0 #fff; text-align: left; } table.anmalan td.text-right { text-align: right; } #content table.anmalan th { background: #eee; color: #222; border: 1px solid #eee; } #content table.anmalan td { border: 1px solid #eee; font: normal 11px arial; white-space: nowrap; color: #222; } #content table.anmalan td.address { white-space: normal; } #content table.anmalan td p, table.anmalan td a { font: normal 11px arial; margin: 0; padding: 0; color: #222; } .all_full, .csr_full_text, .others_full_text, .students_full_text { background: #FFFBD5; border: 1px solid #D8D5B7; padding: 2px 20px; margin: 15px 0; } /* input fields */ #field_id_51, #field_id_52, #field_id_60, #field_id_61 { width: 300px; font-size: 14px; border: 1px solid #ccc; margin-bottom: 10px; } /* textareas */ #field_id_53, #field_id_54 { width: 300px; font-size: 14px; border: 1px solid #ccc; margin-bottom: 10px; } .event-price { margin: 20px 0; background: #eee; padding: 10px; } .event-hide-field { display:none;}