html { background:#203a5f url('../img/bg.jpg') no-repeat top center; color:#444; }
body { font:normal normal 12px Arial,Helvetica,Verdana,Geneva,sans-serif; }
#superwrapper { background:#203a5f url('../img/bg.jpg') no-repeat top center; font:normal normal 12px Arial,Helvetica,Verdana,Geneva,sans-serif; }
a { color:#254875; text-decoration:none; }
a:hover { text-decoration:underline; }
img { border:0; } /* Avoid borders on linked images in lemons editor */
/**
* 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:#163253; font:normal normal 24px Arial,Helvetica,Verdana,Geneva,sans-serif; padding:10px 0 10px; } /* Huvudrubrik (24px, mörkblå) */
h2 { color:#254875; font:normal bold 18px Arial,Helvetica,Verdana,Geneva,sans-serif; padding:0 0 10px; } /* Alternativ huvudrubrik (18px, blå) */
h3 { color:#163253; font:normal bold 12px Arial,Helvetica,Verdana,Geneva,sans-serif; padding:0 0 10px; } /* Mellanrubrik (12px, mörkblå) */
h4 { font-size: 11px; margin: 0; padding:3px 0 3px 0; font-weight:bold; font-family: Arial,Helvetica,Verdana,Geneva,sans-serif;} /* Rubrik 4 */
p { margin: 0; padding: 0 0 10px 0; line-height: 18px; } /* Stycke */
/**
* Styles can also be included in Lemon's editor with custom names.
* See the example below!
*/
.small { font-size: 9px; } /* LemonStyle: Small text */
.table1 { font:normal normal 12px Arial,Helvetica,Verdana,Geneva,sans-serif; padding: 5px 5px} /* LemonStyle: Table1 */
#wrapper { width:960px; margin:5px auto 0; }
#header { background:transparent url('../img/header_bg.png') no-repeat top center; height:115px; font-size:0; }
#logo_img { margin:0 0 0 30px; float:left; }
#logo_txt { margin:43px 0 0; float:left; }
#latest_mission { background:transparent url('../img/latest_mission_bg.png') no-repeat; float:right; font-size:12px; height:99px; margin:5px 22px 0 0; padding:0 15px; width:349px; }
#latest_mission img { float:right; margin:12px 0 0; }
#mission_heading { font-weight:bold; padding:12px 0 0; }
#mission_text { font-size:11px; }
#menu_container { background:transparent url('../img/menu_container_bg.png') no-repeat top center; height:49px; }
#menu { background:#fff url('../img/menu_bg.jpg') no-repeat top center; height:37px; margin:0 0 0 27px; width:908px; }
#menu ul { display:inline; float:left; padding:0 0 0 10px; }
#menu li { float:left; padding:11px 0 10px; }
#menu li a { color:#cddce4; font-weight:bold; padding:11px 12px 10px; text-decoration:none; }
#menu li a:hover { color:#ffe400; }
#menu li a.active { background:url('../img/menu_item_active.jpg') repeat-x; color:#ffe400; }
#searchfrm { float:right; padding:5px 5px 0 0; }
#searchfld { border:1px solid #2c578e; color:#666; padding:5px; width:132px; }
#searchbtn { background:#fff url(../img/search_btn.jpg) no-repeat scroll left top; border:none; cursor:pointer; height:24px; width:41px; }
#container { background:transparent url('../img/container_bg.png') repeat-y top center; padding:0 0 20px 27px; }
/* GENERAL LISTSTYLING */
#content_left ul, #content_right ul { margin-left:20px; padding:0 0 10px; }
#content_left ol, #content_right ol { /**/ }
#content_left li, #content_right li { list-style-type:disc; }
/* STARTPAGE */
#content_left { float:left; margin:0 22px 0 0; width:526px; }
#introduction { background:#f2f2f2; margin:0 0 10px; padding:10px; }
#latest_news_container { background:#b0b0b0; margin:0 0 10px; padding:5px; width:516px; }
#latest_news { position:relative; width:516px; }
#overlay { background:#000; color:#fff; font-weight:bold; height:50px; overflow:hidden; padding:5px 10px 10px; position:absolute; width:496px; /*for IE*/ filter:alpha(opacity=60); /*CSS3 standard*/ opacity:0.6; }
#overlay a { color:#fff; }
.block_left { background:#f2f2f2; float:left; margin:0 6px 0 0; padding:10px; width:240px; }
.block_right { background:#f2f2f2; float:left; padding:10px; width:240px; }
#content_right { float:left; width:360px; }
#latest_events { background:#e9eef3; margin:0 0 10px; padding:10px; }
#latest_events img { float: right; }
#latest_events p { float: left; }
#latest_events ul { padding:0 0 5px; margin: 0px; }
#latest_events li { padding:0 0 5px; list-style: none; }
#weather { background:#f2f2f2; margin:0 0 10px; padding:10px; }
#sponsors { background:#f2f2f2; padding:10px; font-size:0; } /* <---- !!! font-size:0; !!! <---- */
.sponsors_content { margin: 5px; padding: 10px; background: #FFFFFF; text-align: center; }
.sponsor_box { padding: 0px 0px 15px 0px; margin: 0px 0px 10px 0px; border-bottom:1px solid #ccc; display:block; }
.sponsor_box .sponsor_text { float: right; width: 480px; margin: 0px 0px 0px 0px; }
.sponsor_box .sponsor_logo { float: left; width: 150px; margin: 10px 0px 0px 0px; text-align: center; }
.sponsor_box .sponsor_logo img { max-width: 150px; }
/* TEXTPAGE */
/* SUBNAVI 2 LEVELS */
* html #submenu { height:400px; } /* Minimum height for stupid browsers like IE6 */
#submenu { min-height:400px; } /* Minimum height for understanding browsers like FF */
#submenu { background:#fff url('../img/submenu_bg.gif') no-repeat; float:left; margin:0 35px 0 0; padding:10px 0 0; width:167px; }
#submenu ul { padding:0; margin:0; }
#submenu ul li { margin:0; list-style-type:none; }
#submenu ul li.active { font-weight:bold; } /* Set active font-weight */
#submenu ul .active a { background:#ddd; } /* Set active background */
#submenu ul li a { color:#595959; font-weight:bold; text-decoration:none; border-bottom:1px solid #ccc; display:block; padding:4px 10px 4px 10px; width:147px; } /* Level 1 items */
#submenu ul li a:hover { background:#ddd; } /* Hover on level 1 items */
#submenu ul li ul { border:0; }
#submenu ul li ul li { border-bottom:1px solid #ccc; }
#submenu ul li ul li a { padding-left:24px; border:0; width:133px; } /* Level 2 items */
/*#submenu ul li ul li a span { font-size:14px; font-weight:normal; }*/
#submenu ul li.active ul li a { background:none; }
#submenu ul li.active ul li a:hover { background:#ddd; } /* Hover on level 2 items */
#submenu ul li ul li ul li { border-bottom: none; }
#submenu ul li ul li ul li a { padding-left:36px; border:0; width:121px; } /* Level 3 items */
#content_main { background:#fff; float:left; margin:0 43px 0 0; width:435px; }
#content_main ul li { list-style-type: disc; margin-left: 15px; ; }
#content_right_text { background:#f2f2f2; float:left; padding:15px; width:198px; }
#footer { background:transparent url('../img/footer_bg.png') no-repeat top center; color:#666; font:normal 10px verdana; height:50px; padding:20px 0 0; text-align:center; }
#credit { color:#fff; font-size:11px; padding:0 0 30px; text-align:center; }
#credit a { color:#fff; }
.mission_search { width: 100%; margin: 0px 0px 20px 0px; }
.selection { float: left; width: 220px;}
.mission_search label { width: 90px; padding-bottom: 7px; }
.mission_searchoption { float: left; width: 95%; margin: 0px 4px 0px 6px; padding-bottom: 7px; }
.mission_searchoption label { font-weight: bold; float: left; margin: 2px 5px 0px 0px; }
.mission_searchoption p { float: right; width: 70%; margin: 0px 5px 0px 0px; }
.mission_searchoption p input, select { width: 100%; }
.sok { float: right; font-weight: bold; padding: 3px; margin: 6px; }
/*
#toggler {
background: url("../img/map_button.gif") repeat-x;
padding: 7px 10px 10px 40px;
color: #FFFFFF;
text-decoration: none;
}
*/
.clear:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clear{display:inline-block;}
* html .clear{height:1%;}
.clear{display:block;}
.read_more { padding: 4px; border: 1px solid #FFF; font-weight: bold; }
#errorMsg { color: red; display: none; float: left; margin: 7px 0px 0px 0px; }
#tooltip { width: 150px; text-align: center; background-color: #BBB; border: 1px solid #333; color: black; padding: 3px; }
.gpopup { padding: 0; margin: 0; font-size: 10px;}
.wider_left { width: 650px !important; }
.wider_right { width: 220px !important; }
#breadcrumbs { border-bottom: 1px solid #EDEDF1; padding-bottom: 2px; }
.field_input { width: 350px;; border: 1px solid silver; }
.field_textarea { height: 70px; font-family: Arial; border: 1px solid silver; }
.field_checkbox { width: auto; margin-right: 10px; }
label { float: left; width: 160px; }
.clearer { clear: both; }
.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; }
table { clear: both; }