/* font-size:0; is used to make some unwanted bottom-margins in IE6 to disappear */ html { background:#2e4d6c url('../img/main_bg.jpg') repeat-x; } body { color:#666; font:normal normal 12px Arial,Helvetica,Verdana,Geneva,sans-serif; } a { color:#82aed9; text-decoration:none; } a:hover { text-decoration:underline; } img { border:0; } /* Avoid borders on linked images in lemons editor */ ul { margin-left:20px; padding:0 0 10px; } li { list-style-type:disc; } /** * Block types h1-h6, pre, p and address can be used in Lemon's editor and * you can customize their names by altering the comment behind the rule. * See the example below! Note: The rule must be on ONE line to work in Lemon. */ h1 { color:#bebebe; font:normal normal 28px Arial,Helvetica,Verdana,Geneva,sans-serif; padding:0 0 6px; } /* Huvudrubrik (28px) */ h2 { color:#bebebe; font:normal normal 21px Arial,Helvetica,Verdana,Geneva,sans-serif; padding:0 0 6px; } /* Underrubrik (21px) */ h3 { color:#bebebe; font:normal normal 18px Arial,Helvetica,Verdana,Geneva,sans-serif; padding:0 0 6px; } /* Underrubrik mindre (18px) */ h4 { color:#bebebe; font:normal bold 14px Arial,Helvetica,Verdana,Geneva,sans-serif; padding:0 0 6px; } /* Liten rubrik? (14px) */ p { font:normal normal 12px Arial,Helvetica,Verdana,Geneva,sans-serif; line-height:18px; padding:0 0 10px; } /* Stycke */ strong, b { font-weight: bold } em, i { font-style: italic } /** * Styles can also be included in Lemon's editor with custom names. * See the example below! */ .small { font-size: 9px; } /* LemonStyle: Small text */ #wrapper { margin:29px auto 0; width:960px; } /* HEADER */ #header { background:transparent url('../img/header_bg.png') no-repeat scroll top left; height:110px; } #logo_img { float:left; height:110px; margin:0 25px 0 45px; } #header_upper { float:left; height:68px; width:782px; } #logo_text { float:left; margin:20px 100px 0 0; } #search { background:#607891; border:1px solid #9cabb9; float:left; margin:22px 0 0; } #searchfld { background:#607891; border:none; color:#fff; font:normal normal 12px verdana; padding:3px 5px 6px; } #search_btn { background:#607891 url('../img/search_btn.jpg') no-repeat scroll top left; border:none; cursor:pointer; height:28px; width:27px; } #calendar { float:right; margin:8px 5px 0 0; } #mainmenu { float:left; margin:0; padding:0; } #mainmenu li { background:transparent url('../img/menu_item_divider.gif') no-repeat scroll center right; display:inline; float:left; padding:13px 0 12px; } #mainmenu li.last { background:transparent none; } #mainmenu li a { color:#fff; font-weight:bold; padding:13px 15px 12px; } #mainmenu li a:hover, #mainmenu li a.active { background:transparent url('../img/menu_item_hover.gif') repeat-x scroll center 1px; color:#243c54; text-decoration:none; } /* CONTENT */ #wrapper2 { background:transparent url('../img/wrapper2_bg.png') repeat-y scroll top left; padding:0 12px; } /* UPPER PART */ #upper_container { background:transparent url('../img/upper_container_shadow.gif') repeat-x scroll bottom left; margin:0 0 10px; padding:0 0 10px; } #upper_content_left { float:left; width:642px; background:transparent url('../img/upper_content_left_shadow.gif') repeat-y scroll top right; margin:0 5px 0 0; font-size:0; } #upper_content_right { float:left; width:269px; } /* general */ .upper_right_headline { padding:10px 0 0 15px; } .main_right_headline { padding:10px 0 0 15px; } /* newsfeed */ .activityitem { background:#f3f3f3; font:normal normal 11px verdana; margin:0 0 8px; padding:8px 15px; } .activityitem a { color:#666; text-decoration:none; } .activity_time { color:#82aed9; font-weight:bold; padding:0 0 2px; } .activityitem_odd { background-color:#f7f7f7; } .activityitem_hover { cursor:pointer; background:#ececec; } /* quicklinks */ #upper_content_right #quick_links { margin:15px 0 0; padding:0; } #upper_content_right #quick_links li { list-style-type:none; } #upper_content_right #quick_links li a { background:transparent url('../img/actionbutton_big.jpg') no-repeat scroll top left; color:#243c54; display:block; font-weight:bold; height:32px; padding:17px 0 0; text-align:center; margin-bottom:5px; } #upper_content_right #quick_links .last { margin:0; } /* MAIN/MIDDLE PART */ #main_container { padding:0 20px; } .without_upper { padding:20px 20px 0 !important; } .small_board_one, .small_board_two { float:left; margin-right:33px; width:283px; } .small_board_two { margin-right:28px; } .small_board_top { background:transparent url('../img/small_board_top.png') no-repeat scroll top left; height:27px; } .small_board_middle { background:transparent url('../img/small_board_middle.png') repeat-y scroll top left; padding:0 19px; } .small_board_bottom { background:transparent url('../img/small_board_bottom.png') no-repeat scroll top left; font-size:0; height:10px; } .wide_board { /**/ } .wide_board .border { background:transparent url('../img/pixel.gif') repeat-y scroll 230px 0; margin-bottom:15px; } .wide_board_top { background:transparent url('../img/wide_board_top.png') no-repeat scroll top left; height:27px; } .wide_board_middle { background:transparent url('../img/wide_board_middle.png') repeat-y scroll top left; padding:0 19px; } .wide_board_left { float:left; padding:0 30px 0 0; width:200px; } .wide_board_left ul { margin:0; padding:0 0 15px; } .wide_board_left li { display:inline; } .wide_board_left li a { background:transparent url('../img/li_bullet.gif') no-repeat scroll 0 8px; border-bottom:1px solid #e5e5e5; color:#333; font-size:12px; font-weight:bold; display:block; padding:5px 0 5px 15px; } .wide_board_left li a:hover { background-position:3px 8px; text-decoration:none; } .wide_board_left li a.active { text-decoration:underline; } .wide_board_right { float:left; width:600px; margin-left:28px; } .wide_board_right .news_item, .wide_board_right .activity_item { padding:0 0 10px; } .news_item .ingress, .activity_item .ingress, .activity_item ul { padding:0; } .sponsor_logo { float:right; margin-left:20px; } .wide_board_bottom { background:transparent url('../img/wide_board_bottom.png') no-repeat scroll top left; font-size:0; height:10px; } #main_content_right { background:#eaeef2; float:left; width:269px; } .newsitem { background:#f6f8f9; font:normal normal 11px verdana; margin:0 0 8px; padding:8px 15px; } .newsitem a { color:#82aed9; display:block; font-weight:bold; padding:0 0 2px; text-decoration:none; } .newsitem_odd { background-color:#f7f7f7; } .newsitem_hover { cursor:pointer; background:#ececec; } .showall a { color:#82aed9; display:block; margin:0 10px; text-align:right; } /* BOTTOM PART */ #bottom_container { /**/ } #bottom_container #quick_links { background:#f1f1f1; margin:15px 0 0; padding:5px 0 5px 15px; } #bottom_container #quick_links li { float:left; list-style-type:none; } #bottom_container #quick_links li a { background:transparent url('../img/actionbutton_small.jpg') no-repeat scroll top left; color:#fff; float:left; font-weight:bold; height:32px; margin-right:10px; padding:15px 0 0; text-align:center; width:143px; } #bottom_container #quick_links .last { margin:0; } #wrapper_bottom { background:transparent url('../img/wrapper_bottom_bg.png') no-repeat; height:20px; } #footer { } #footer_top { background:transparent url('../img/footer_top_bg.png') no-repeat; font-size:0; height:14px; } #footer_middle { background:transparent url('../img/wrapper2_bg.png') repeat-y scroll top left; padding:0 12px; } #footer_left, #footer_center, #footer_right { float: left; width: 250px;} #footer_left { padding-left: 10px; margin-right: 20px;} #footer_center { width:360px; text-align:center; } #footer_right { float: right; text-align: center; margin-right: 10px;} #footer_bottom { background:transparent url('../img/wrapper_bottom_bg.png') no-repeat; height:20px; } /* Clears */ #content:after,#upper_container:after,#main_container:after,#quick_links:after,.wide_board_middle:after,.border:after{content:".";display:block;height:0;clear:both;visibility:hidden;} #content,#upper_container,#main_container,#quick_links,.wide_board_middle,.border{display:inline-block;} * html #content,* html #upper_container,* html #main_container,* html #quick_links,* html .wide_board_middle,* html .border{height:1%;} #content,#upper_container,#main_container,#quick_links,.wide_board_middle,.border{display:block;} /* * REARRANGE STYLING BELOW */ .gal_pic { border: 1px solid silver; margin: 0px 9px 10px 0px; float: left; text-align: center; padding: 4px;} a.gal_pic:hover { text-decoration: none; } .clearer { clear: both; } /* FORM */ .field_input { width:190px; margin:0 10px 0 0; } .field_text, .field_textarea, .field_select { font-size:13px; } .field_textarea { height:50px; overflow:auto; } .field_checkbox { width:auto; } .formLabel { width: 140px; float: left; } .field_text, .field_textarea, .field_select { border: 1px solid silver; width: 240px; } .captcha { border: 1px solid silver; width: 70px;} .lightGrey { color: #CCC } .white { color: white; } #errorMsg { font-weight: bold; color: red; display: none; } .gb_field { border: 1px solid silver; width: 180px; padding: 3px;} .action_btns_textpage_hover { background-color:yellow; } .events_day { margin-bottom: 10px; } .gb_btn { border: 1px solid silver; padding: 3px 15px; margin-right: 5px;} .sender_head { color: #5983AB; font-weight: bold; font-size: 13px; margin-top: 10px; } .gb_text { border-left: 5px solid silver;; padding: 0px 0px 0px 10px; margin-top: 10px;}