html { background:#fff; overflow-y:scroll; }
body { font:normal normal 12px Arial,Helvetica,Verdana,Geneva,sans-serif; }


ol { margin:0 0 10px 25px; }
ol li { list-style-type:decimal; }
em, i { font-style:italic; }
strong, b, th { font-weight:bold; }
del, strike { text-decoration:line-through; }
blockquote { padding:0 0 10px 20px; }
/*table { width:100%; }*/
td { padding:3px 0; }

/* Vertical-align radio and checkboxes with label */	
input[type="radio"] { vertical-align:text-bottom; }
input[type="checkbox"] { vertical-align:bottom; *vertical-align:baseline; }

/* Text selections background */
::-moz-selection{ background:#3399ff; color:#fff; text-shadow:none; }
::selection { background:#3399ff; color:#fff; text-shadow:none; } 
a:link { -webkit-tap-highlight-color:#3399ff; }

h1 { font:normal normal 18px Arial,Helvetica,Verdana,Geneva,sans-serif; padding:3px 0 3px; } /* Huvudrubrik */
h2 { font:normal normal 16px Arial,Helvetica,Verdana,Geneva,sans-serif; padding:3px 0 3px; } /* Underrubrik */
h3 { font:normal normal 14px Arial,Helvetica,Verdana,Geneva,sans-serif; padding:3px 0 3px; } /* Mellanrubrik */
p { padding:0 0 10px; line-height:18px; } /* Brödtext */

.small { font-size: 9px; } /* LemonStyle: Small text */



/*----------------*/
/*   LEMONFORMS   */
/*----------------*/
.form {}
.form-header-row { margin:0 0 10px; }
.form-field-row { margin:0 0 8px; }
.form label { float:left; margin:0 10px 0 0; width:180px; }
.form .form-field-desc { padding:10px 0 10px; }
.form .form-radio-buttons { float:left; width:380px; }
.form .field_input {}
.form .field_text,
.form .field_textarea,
.form .field_select { border:1px solid #ccc; width:380px; }
.form .field_text,
.form .field_textarea,
.form .field_select { padding:2px; }
.form .field_textarea { height:60px; overflow:auto; }
.form .field_checkbox { width:auto; }
.form .captcha { border:1px solid silver; width:70px; }
.form .button { margin:0 10px 0 0; padding:2px; }
.form .form-captcha-row { border-top:1px solid #ccc; border-bottom:1px solid #ccc; margin:0 0 10px; padding:10px 0; }
.form .form-captcha-row input { margin:10px 0 0; width:100px; }
.form .form-captcha-row img { float:left; margin:0 0 0 10px; }
.form .form-footer-row { margin:10px 0 0;}
.form .form-submit-row {}


/*--------------*/
/*   CLEARFIX   */
/*--------------*/
.group:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.group { display:inline-block; }
* html .group { height:1%; }
.group { display:block; }

.clear { clear:both; }


/*------------------*/
/*   PRINT STYLES   */
/*------------------*/
@media print {
	* { background:transparent !important; color:#444 !important;text-shadow:none; }
	a, a:visited { color:#444 !important; text-decoration:underline; }
	a:after { content:" (" attr(href) ")"; } 
	abbr:after { content:" (" attr(title) ")"; }
	pre, blockquote { border:1px solid #999; page-break-inside:avoid; }
	img { page-break-inside:avoid; }
	@page { margin:0.5cm; }
	p, h2, h3 { orphans:3; widows:3; }
	h2, h3{ page-break-after:avoid; }
}

/* CSS ÅSS 2011 */
*, ul, li {
	margin:0;
	padding:0;
}
body {
	font-family:Arial, Helvetica, sans-serif;
	background:#fff;
}
a {
	color:#005d8d;
	text-decoration:none;
}
	a:hover {
		color:#b0291c;
	}
h1, h2, h3, h4, h5 { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }
h1 { font-size:24px; padding:0 0 10px 0;}

/* Header */
#wrapper {
	width:960px;
	margin:auto;
	margin-top:10px;
}
#header {
	width:960px;
	margin:0 0 10px;
	padding-bottom:10px;
	position:relative;
	z-index:10;
	display: block;
	clear: both;
	background:url(../img/header-bg.gif) bottom center no-repeat;
}
	#header .logo {
		float:left;
		width:129px;
		height:115px;
		background:url(../img/sprite.png) no-repeat 0 0;
		margin:0 0 0 0;
		padding:0 0 0 0;
		display:block;
		text-decoration:none;
	}
.main-navigation { float:left;	list-style-type:none; position:relative; top:80px; left:50px; }
.main-navigation li { position: relative; float:left; text-transform:uppercase; font-size:13px; font-weight:normal;}
.main-navigation li a { display:block; padding:7px 15px; margin:0 3px; background:#e0e0e0; color:#00496f; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-decoration:none;}
.main-navigation li a:hover, .main-navigation li a.activeNav { background:#005d8d; color:#fff; }
span.active { position:absolute; left:50%; margin-left:-3px; width:9px; height:8px; background:url(../img/sprite.png) no-repeat -138px -104px; z-index:10;}

.child-navigation { margin: 0px 1px 1px; display:none; position:absolute; z-index: 9999; width:200px; background:#e0e0e0; color:#00496f; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-decoration:none;}
.child-navigation li { display:inline; margin:3px 5px; float:left; position:relative; width:190px; text-transform:none; }
.child-navigation li a { display:block; padding:5px 7px; margin:0;}


.childPadding { padding-top: 7px; display: block;}

.skipped        { text-decoration:line-through; color:#FF6666; }

.sub-area {
	float:right;
	width:185px;
	height:120px;
	font-size:12px;
}
	.sub-area ul {
		margin:0;
		list-style-type:none;
	}
		.sub-area ul li {
			border-bottom:1px dotted silver;
		}
			.sub-area ul li a {
				display:block;
				padding:2px 0;
			}
.sub-area .childPadding { display:none; }

.search { margin:20px 0 0 0; }
.searchInput { padding:4px; border:1px solid silver; width:130px; -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;}
.search .submit { border:1px solid silver; background:#efefef; cursor:pointer; padding:3px 4px; -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;}
/* Home */
#home-screen {
	float:left;
	width:610px;
	height:235px;
	margin-top:0px;
	clear:both;
	position:relative;
	z-index:1;
}
#home-news {
	float:right;
	width:340px;
	height:235px;
	margin:0px 0 0 0;
}
	#home-news ul li {
		border-bottom:1px dotted silver;
		list-style-type:none;
		font-size:12px;
		text-transform: uppercase;
		margin-left:10px;
	}
		#home-news ul li a {
			display:block;
			padding:10px 0;
			margin:1px 0 2px 10px;
		}
			#home-news ul li a:hover, #home-news ul li a.active {
					
			}
#home-news h3 { color:#b0291c; padding:0 0 10px 5px; font-size:18px; text-transform: uppercase; }
#home-calendar { position:relative; float:left; width:610px; height:169px; background:#abc4d2; margin-top:10px; font-size:13px; }
#home-calendar ul { float:left; margin:10px 0 0 10px; padding:0; list-style-type:none;}
#home-calendar ul li:first-child a { color:#b0291c!important; }
#home-calendar ul li {}
#home-calendar ul li a { float:left; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background:#fff; display:block; padding:5px 15px 5px 15px; margin:0 5px 5px 5px; width:290px;}
	
.calDate { float:left; }
.calTitle { float:right; margin-left:30px; }
.calImg { position:absolute; right:0; top:0; float:right; width:243px; height:169px; background:#fff; }
.calHeadline { position:absolute; top:0; left:350px; background:#abc4d2; font-size:15px; text-transform:uppercase; padding:10px; color:#fff; z-index:2; }
	
.weather-station { float:right; width:330px; height:169px; background:#e7e7e7; margin-top:10px; overflow:hidden;}
.weather-station h3 { height:33px; font-size:15px; text-transform:uppercase; padding:10px 0 10px 0;  color:#666; border-bottom:1px solid silver; margin:0 10px; }
.weather-station .header { height:13px; width: 310px; float:left; border-bottom:1px solid silver; padding:10px;}
.weather-station .heading { font-size:15px; font-weight: bold; text-transform:uppercase; color:#666; float:left;}
.weather-station .datetime { float:right;}
.weather-station .data { padding: 10px; height: 65px; width: 140px; float:left;}
.weather-station .data table { width: 100%;}
.weather-station .readMore { padding: 10px; height: 65px; width: 140px; float:right; background:url(../img/more_weather.png) no-repeat;}
.weather-station .webcam { border-top:1px solid silver; padding: 13px 10px; width: 100%; float:left;}
.weather-station .webcam a { color:#000; font-weight: bold; display:block; padding:5px 0; }
	.weather-station .webcam a:hover { color:#b0291c; }


#weather-data-left { float:left; width:195px; text-align: center;}
#weather-data-left .smallImage { height:225px; margin: 2px; float:left; width:192px; overflow:hidden;}
#weather-data-center { float:left; width:650px; margin: 0px 5px 0px 0px; text-align: center;}
#weather-data-center .bigImage { height:225px; margin: 2px; float:left; width:320px; overflow:hidden;}
#weather-data-right { float:right; width:110px; margin-top: 5px;}
#weather-data-right ul li { margin-top: 10px; border-bottom:1px dotted silver;}

#nice-boxes { float:left; width:610px; height:170px; margin-top:10px;}
#nice-boxes .box { float:left; width:198px; height:170px; background:url(../img/sprite.png) no-repeat -199px -279px; margin-right:8px; font-size:12px; }
#nice-boxes .box .bottomBoxText { overflow: hidden; padding: 2px; height: 107px;}
#nice-boxes .box .bottomBoxLink { overflow: hidden; padding: 0px 15px 1px;}
#nice-boxes .box .bottomBoxLink a { color:#000; font-weight: bold; display:block; padding:5px 0; }
#nice-boxes .box .bottomBoxLink a:hover { color:#b0291c;}

#nice-boxes .box.lastBox { margin-right:0px!important; }
#nice-boxes .box.firstBox { background:url(../img/sprite.png) no-repeat 0 -279px !important; line-height: 100%; overflow: hidden; }
#nice-boxes .box.firstBox ul{ margin:0px;}
#nice-boxes .box.firstBox ul li{ margin:20px 10px; }

#nice-boxes .box h3 { color:#005d8d; font-size:15px; text-transform:uppercase; padding:6px 0 0 12px; }
#nice-boxes .box p { padding:10px 12px 0 12px; }
#home-ads { float:left; width:606px; height:88px; background:#fff; margin-top:10px; overflow:hidden; font-size:10px!important; color:#666; 
border:2px solid #efefef; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-align: center;
}
	#home-ads img { width: 120px; padding: 0px 10px 5px 10px; }
	#home-ads .txt { padding:2px 0 2px 5px; text-align:left; width:50px; }
#home-social { float:right; width:330px; height:270px; background:#efefef; margin-top:10px; clear:right; overflow:hidden;}


/*SUB*/

.subnavi { float:left; width:180px; font-size:12px; }
.sidebar-subnav { list-style-type:none; margin:0; padding:0; }
.sidebar-subnav li a { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background:#efefef; display:block; padding:5px 15px 5px 15px; margin:0 5px 5px 5px; width:140px;}
.sidebar-subnav li a:hover, .subnavi li a.active { background:#005d8d; color:#fff; }

.sidebar-subnav ul { margin:0 0 0 15px; font-size:11px; }
.sidebar-subnav ul li a { width:125px; padding:3px 15px; }

.subContent { float:left; width:550px; margin:0 0 0 20px; padding-right:20px; }
.subContent ul { padding:0 0 10px 25px; }
.subContent ul li { list-style-type:disc; }

.subContent.wide { float:left; width:700px; margin:0 0 0 20px; padding-right:20px; }
.rightContent { float:right; width:190px; min-height:300px;  text-align: center;}

#container { width: 960px; position:relative; overflow:hidden;}

#archive { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background:#e7e7e7; float:left; margin:15px auto; overflow:hidden; width:170px; padding: 5px;}
#archive h4 { color: #000; font-weight: bold;}
#archive h2 { padding:3px 0 8px 0; }
#archive ul li { margin-bottom: 10px;}



#content { float:left; margin:15px; overflow:hidden; width:440px; min-height: 170px; line-height:18px; }
#content-wide{ float:left; margin:15px; overflow:hidden; width:740px; }

#content-wide ul { list-style-type:none; font-family:Verdana,Arial,sans-serif; font-size:12px; margin:0; position:relative;}
#content-wide li { list-style:none; overflow:hidden; padding:0 0 10px; }
#content-wide li a { color:#000; text-decoration:none; }
#content-wide li a:hover { color:#c0bcbc; text-decoration:none; }
#content-wide li .active { color:#c0bcbc; text-decoration:none; }
#content-wide li .active:hover { color:#c0bcbc; text-decoration:none; }
#content-wide .article-image { margin-top: 7px; width:230px; float:left; }
#content-wide .article-text { width:500px; float:right; }
#content-wide .article-text h2 { margin: 0px; }

#article-images { float:right; margin:20px auto; overflow:hidden; width:285px; }
	#article-images img { border:1px solid #fff; 
		-moz-box-shadow: 1px 1px 2px #888;
-webkit-box-shadow: 1px 1px 2px #888;
box-shadow: 1px 1px 2px #888;	
}

.social-content { border-top:1px solid silver; padding-top:10px; margin-top:30px; clear:both; }

#footer {
	width:960px;
	height:130px;
	background:url(../img/sprite.png) no-repeat 0px -118px;
	clear:both;
	margin-top:20px;
	margin-bottom:20px;
	font-size:12px;
	color:#666;
	clear: both;
	display: block;
}
#footer .section-one {
	float:left;
	width:210px;
	margin:20px 0 0 130px;
	line-height:20px;
}
#footer .section-two {
	float:left;
	width:135px;
	margin:20px 0 0 20px;
}

#footer .section-two ul { margin:0; padding:0; list-style-type: none;}
#footer .section-two ul li { margin:0 0 3px 10px; }
#footer .section-two ul li a { padding:3px 0 3px 0; display:block;}
#footer .section-three { float:right; width:320px; margin:20px 25px 0 0; font-size:10px; }

#footer .section-three.partners { margin:20px 10px 0 0; width:400px; }
#footer .section-three.partners img { width:90px; margin:0 10px 10px 0;}

.author { background:url(../img/jbarck.gif) no-repeat; width:110px; height:20px; float:right; display:block; border:none; text-decoration:none; clear:both; margin:0 20px 0 0; }

.gallery-thumb-left { float: left; margin:20px 10px 0px 0px;}
.gallery-thumb-right { float: left; margin:20px 0px 0px 10px;}
.gallery-large { margin:0px 0px 0px 0px;}

#upcoming { margin-top: 15px; float:left; width:170px; height:170px; background:url(../img/sprite.png) no-repeat -199px -279px;}
#upcoming h3 { color: #005D8D; font-size: 15px; padding: 6px 0 0 12px; text-transform: uppercase;}
#upcoming ul { margin: 5px;}
#upcoming ul li { color: #fff; margin-top: 10px; border-bottom:1px dotted silver;}
#upcoming ul li a{ color: #000; display:block;}

#calendar { background:#e7e7e7; float:right; width:240px; overflow: hidden; margin-top: 20px; padding:5px 20px;}
.calendar { width: 100%; margin: 10px 0px; }
.calendar .header { font-size: 14px; background-color: #B8CFE3; border: 1px solid silver;}
	.calendar .header a { padding:3px 8px; }
.calendar .calNav th { padding: 5px 0px; font-weight: bold; }
.calendar .header .prev { text-align: center; }
.calendar .header .month_name{ text-align: center; font-weight: bold }
.calendar .days th { text-align: center; font-weight: bold; padding: 5px 8px; background-color: #E0E0E0; }
.calendar .header .next { text-align: center; }
.calendar .cell { text-align: center; padding: 3px; border: 1px solid silver; width: 14%}
.calendar .link { background-color: #B8CFE3; font-weight: bold;}
.calendar .link a { padding:4px 8px; }

/* Gallery on page */
#gallery {}
ul.gallery-list { padding:0; }
ul.gallery-list li { list-style-type:none; float:left; margin:0 5px 5px 0; height:65px; overflow:hidden; }


/*-------------------*/
/*   SEARCHRESULTS   */
/*-------------------*/

.searchresults { margin:0 0 30px; }
.searchresults li { list-style:none; font-style:italic; font-size:12px; padding:0 0 20px; }
.searchresults li a { display:block; font-style:normal; font-size:13px; }
.highlight { border-bottom:1px dotted #333; font-weight:bold; color:#b0291c;}
