/* Grunddesign */
html{ background:#6C7B8B;color:#333;padding:3px 0 0 0;margin:0;font-family:'Trebuchet MS','Verdana','Arial','Helvetica',sans-serif;font-size:9pt;}
h1, h2, h3, h4, p {margin:0;}
h1{font-size:14pt;color:#676d7d;}
h2{font-size:13pt;color:#676d7d;}
h3{font-size:11pt;color:#676d7d;}
h4{font-size:10pt;color:#676d7d;}
a{text-decoration:none;color:#666;}
a:hover{text-decoration:underline;}
.nonvisible{display:none;}
.strong{font-weight:bold;}
.italic{font-style:italic;}
.SmallText{font-size:90%;}
.underline{text-decoration:underline;}
.center{text-align:center;}
img{border:none;}
table{font-size:8pt;}
hr{color:#676d7d;}
/* Diverse färger*/
.redAlert{color:darkred;}
.goGreen{color:darkgreen;}
/* En clear är alltid bra att ha */
.clear {display:block;height:0px;overflow:hidden;clear:left;margin:0;padding:0;}
.FloatLeft{float:left;}
.FloatRight{float:right;}
.NoneVis{display:none;}
.even {background-color:#f0f0f0;}
.odd {background-color:#fafafa;}

/* Layout */
.content_outline{position:relative; width:990px; margin-left:auto;margin-right:auto;margin-top:10px;background:#fff;padding:1px;}
#content{min-height:auto;border:2px solid #ccc;padding:1px 10px;}
/* Header */
#topmeny{text-align:right;padding:5px;font-size:120%;}
#topmenu a:hover{color:#999;font-weight:bold;}
.header {height:275px; margin:0 0 10px 0; background:#fff;padding:0 0 0 10px;border-bottom:8px solid #9caec6;}
#topleft_img{position:absolute;left:20px;top:10px;width:225px;height:151px;background:transparent url(../images/fotosmall.png) no-repeat bottom center;z-index:10;}
.header_menu{float:left;width:200px;padding-top:125px;height:140px;}
.header_logo{width:720px;float:right;height:270px;background:transparent url(../images/header_bg_720_150.jpg) no-repeat top left;border-top:3px solid #9caec6;}
.header_gallery{margin-top:155px;width:690px;height:100px;padding:5px 0 5px 30px;background:transparent url("../images/main-title.png") no-repeat bottom left;/*overflow:hidden;*/}
/*.header_gallery img{margin-right:8px;}*/
.img-holder{float:left;overflow:hidden;width:150px;margin-right:10px;text-align:center;}
/* Left */
#leftside{float:left;width:236px;min-height:360px;margin-right:10px;}
.newsbox{padding:0 10px;min-height:210px;overflow:hidden;}
.newsbox a:hover, .compbox a:hover{background-color:#F9FF9A;text-decoration:underline;}
.newsbox h3 a{font-size:10pt;}
.newsbox img{margin-left:20px;}
.compbox{padding:0 10px;;margin-top:10px;min-height:160px;overflow:hidden;}
.compbox h4{color:#9CAEC6;}
.compbox ul{padding:0 10px;}
.compbox ul li p{padding:0;}
.compbox ul ul{list-style:none;}
.hr_dotted{border:none;border-bottom:1px dashed #676D7D;}
/* Right */
#rightside{float:left;padding:0 10px;min-height:360px;width:699px;border-left:1px solid #9CAEC6;}
.welcomebox{height:100px;overflow:hidden;border-bottom:1px solid #ccc;;}
.happenbox{float:left;width:340px;margin:10px 5px 0 0;overflow:hidden;}
.meetingbox{float:left;width:330px;margin:10px 0;padding:0 10px;border-left:1px solid #ccc;overflow:hidden;}

/* Footer */
.footer{height:40px; margin:12px 0 12px 0; background:#fff;padding:0 0 0 10px;border-top:8px solid #9caec6;border-bottom:3px solid #9caec6;}
.copyright{height:30px;padding-top:3px;width:230px;}
.copyright p, copyright a{margin:0;font-weight:bold;}
.footermenu{width:720px;height:30px;margin-top:3px;padding-top:5px;background:#ccc;color:#fff;float:right;}
.footermenu ul{list-style:none;margin:0;padding:0;}
.footermenu li{display:inline;padding:0 18px;border-left:1px solid #fff;}
#firstli{border:none;}
.footermenu a{font-size:15px;font-weight:bold;color:#fff;text-decoration:none;}
.footermenu a:hover{color:#999;}
.footermenu li #fm_active{color:#999;}

.madeby{font-size:10px;color:#999;float:right;margin-top:-12px;}
.madeby p, madeby a{margin:0;}
.madeby a{color:#999;}
.madeby a:hover{color:darkblue;}

.error_msg{background:orange url(../images/icons/important.png) no-repeat 5px center;border-bottom:3px solid red;padding:5px 40px;font-size:120%;font-weight:bold;}

/* Login CSS:er */
#login_box { opacity:0.9; display:none; position:absolute; top:55px; right:125px; width:225px; z-index:10;
    border:2px outset #333; margin:8px 8px 16px 8px; padding:0 8px 8px 8px; min-height:80px; background:#FFFFFF;}
#logged_inas{margin-right:50px;border:1px solid #cecece;padding:0 4px;}

/* TEST MENU */
	.markermenu{
	list-style-type: none;
	margin: 5px 7px;
	padding: 0;
	width: 200px;
	}
	.markermenu li a{
	background: white url(../images/ulli_x.png) no-repeat 0px center;
	font-size:15px;
	/*font-weight:bold;*/
	color: #00014e;
	display: block;
	width: auto;
	padding: 1px 6px;
	text-decoration: none;
	text-align:right;
	border-bottom: 1px solid #B5B5B5;
	}
	* html .markermenu li a{ /*IE only. Actual menu width minus left padding of LINK (20px) */
	width: 150px;
	}
	.markermenu li a:visited{color:#00014e;}
	.markermenu li #active{color: #666;background-color: #ededed;background-image:url(../images/ulli_x2.png)}
	.markermenu li a:hover{color: black;background-color: #ffffcb;background-image:url(../images/ulli_xmo.png); /*onMouseover image change. Remove if none*/}
	.markermenu li a:link.active{background-color:#ffffcb;background-image:url(../images/ulli_x2.png)}