@charset "iso-8859-1";
/* CSS Document */
/* a fix for IE6 only - see Star Hack in Stylin' with CSS to see how the comments and * html hide this hack from other browsers \*/
* html * {
	zoom:100%; 
/* triggers IE6 "haslayout" - google 'IE6 haslayout' for details*/
	}
/* without the above hack, IE6 does not draw the header until the page is resized */
/* the problem is triggered by the universal * selector below that resets the margins, but I need to do that, hence the hack */
* {margin:0; padding:0;	}
body {
	font: 62.5% Verdana, Helvetica, Arial, sans-serif; /* 1em = 10px */ 
	background: #FFF url(../img/body_back.gif) repeat-x;
	}
div#main_wrapper {min-width:770px; max-width:880px;  margin-left:auto; margin-right:auto;} /* centers layout when > max width */
#main_wrapper {background-color:#FFF;border: 1px solid silver;}
#header {width:auto; background-color:#FFF;}
#threecolwrap {
  	float:left;
  	width:100%;
	background: url(../img/threecol-r.gif) repeat-y right;
  }
#twocolwrap {
 	float:left;
	width:100%;
	display:inline; /* stops IE doubling  margin on float*/
	margin-right:-175px; /* CWS - neg margin move */
	background:url(../img/threecol-l.gif) repeat-y left; /* vänster kolumn */

  }
 #left {
 	float:left;
 	width:170px;
	display:inline; /* stops IE doubling  margin on float*/
 	}
 #content, #kartbox {
 	width:auto;
 	margin-left:185px;
 	margin-right:195px;
	background-color:#FFF;
 	}
#content_inner {
	margin: 0;
	}
#right_col {
 	float:left;
 	width:170px; 
	background-color:transparent;
   }
#header_inner, #left_inner, #content_inner, #right_col_inner {
	overflow:hidden; /* prevents oversize elements from breaking the layout */
	}
#header_inner {
	padding:0.5em 2em 0em 2em;
	background: url(../img/waves.gif) 0 0 repeat-x ;
	}	
#left_inner, #content_inner {
	padding:10px 5px;
	} 
#right_col_inner {
	padding:10px 0;}
#footer {
	width:100%;
	clear:both;
	background-color: #CFDCE6;	
 	}
#footer_inner {
	padding:.5em 5em;
	text-align:center;
	}
#footer_inner li {display:inline; margin:0 30px;}	
#datum {
	color:#006;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.1em;
}
/* end of structure */ 
a p em{ font-size:1.1em}
a:link, a:visited {
	text-decoration: none;
	color:#00F
}
em.photo{ font-size:0.9em}
a:hover { text-decoration:underline;}
h1 {
	font-family: "Trebuchet MS", Geneva, sans-serif;
	font-size: 4.8em; /* 48px */
	font-style: normal;
	margin:0;
	padding:0;
}
h1 a {color:#009;}
h1 a:hover { text-decoration:none;}
h2 { font-size: 1.8em; font-weight: bold; color:#009; margin: 0 0 5px 0; padding:0;} /* 18px */
h3 { font-size: 1.4em; font-weight:normal; color:#009; margin:0 ; padding: 5px;}
h4 { font-size:1.2em; font-weight:bold; color:#009; margin:0 0 5px 0; padding: 0;}
p { font-size: 1.1em; margin:0 0 3px 0;	padding:0;} /* 12px */
.p_sok {
	color:#666;
	margin:0 0.1em;
	padding:0 0.1em;
	text-indent: 0.1em;
	vertical-align: middle;
}
hr {
	margin: 10px 50px;
	color:#CCC;
}
ul {
	margin:5px 10px 5px 20px;
	padding:0;
	list-style:disc;
	color:#006
}
li{ margin:3px 0;}
img {border-style:none;}
strong {color:#333;}
.tabell {
  background: #919191;
  margin:20px 10px;
  }
table {
	text-align: left;
  position: relative;
  top: -4px;
  left: -4px;
	width: 100%;
  border: 1px solid #b5b5b5;
  background: #fff;
 	border-collapse:collapse;
	}
table caption {
  margin: 0;
  padding: 8px 20px;
	font-size: 1.4em;
	color:#009;
  border: 1px solid #b5b5b5;
  border-bottom: none;
  background: #fff;
  }	
table th {
  color: #999;
  }	
table th, table td {
  margin: 0;
  padding: 8px 20px;
  border-bottom: 1px solid #b5b5b5;
  }	
.name {width:55%;}
table tr {
  background: #e6e6e6;
	font-size:1.2em;
	color:#333;
  }
table tr.alt {
  background: #f1f1f1;
  }
#left table {
	margin:5px 0;
	border:none;
	}	
#left table tr {
	background-color:#FFF;
	font-size:1.1em;
	text-align:left;
	}	
#left table td {
	padding:1px 5px;
	border:none;
	}
#header h1 {
	line-height: 63px;
	font-weight: normal;
	font-variant: normal;
	letter-spacing: -1px;
	color: #000;
	padding-left: 10px;
	background: url(../img/arc.gif) 0 0 repeat-x;
	height:95px;
}
#left_inner h3 {
	text-align:center;
	background-color:#CFDCE6;
	width: 100%;
	margin-top: 15px;
	margin-right: 0;
	margin-bottom: 3px;
	margin-left: 0;
}
#left_inner img {text-align:center; margin:5px;}
#right_col img { text-align:center; margin-bottom:5px; padding:2px 0; background-color:#b4ccee;}
#content img {
	padding: 1px;
	background-color: #b4ccee;
}
/* custom */
/* crumbs */
#crumbs {
	width:auto;
	border-bottom:1px solid #CFDCE6;
	padding:7px 5px 3px 10px;
	color:#009;
	clear:both;
	background: url(../img/bg1.gif) repeat-x top; 
	height:22px;
}
#crumbs #text {
	float:left;
	margin-top:3px;
	font-size:1em;
	}
#crumbs a {
	color:#003399;
	font-style:italic;
	padding-right:20px;
	background: url(../img/pil.gif) no-repeat right center;
	}
#crumbs ul, #crumbs li {
	display:inline;
	padding:0;
	margin:0;
	}
#crumbs ul li {
	padding-left:0;
}
#buttons {
	float:right;
	padding:0;
	margin:0 10px 0 0;
}
#search {
	float:right;
}
#search form {
	padding:0;
	margin:1px 0 0 0;
}
#search form input {
	padding:0;
	margin:0;
	vertical-align: top;
}
#txtSearch {
	margin:3px;
	height:20px;
	border:solid 0 #fff;
	padding: 3px 8px;
	background:transparent  url(../img/input.gif) no-repeat center;
	width:150px;
	color: #666;
	}
/********* menyn **********/
/* current huvudmeny - ange sidnr vid bodytaggen */
body#sid1 #nav-sid1 a, body#sid4 #nav-sid4 a, body#sid5 #nav-sid5 a, body#sid6 #nav-sid6 a {
	color:#009;
	border-left: 0;
	padding-left:20px;
	background: #FFF url(../img/blue_tri.gif) 0 2px no-repeat;
	border: 1px solid #159;
	cursor:default;
	}
/*  *current undermeny - ange sidnr vid bodytaggen */	
body#sid2a #nav-sid2a a, body#sid2b #nav-sid2b a, body#sid2c #nav-sid2c a, body#sid3a #nav-sid3a a, body#sid3b #nav-sid3b a {
	background-image: url(../img/blue_tri.gif);
	background-repeat: no-repeat;
	background-position: 0 2px;
	background-color:#FFF;
	cursor:default;
	}
#navlist {
	margin:0 0 10px 0;
	padding: 3px;
	width: 164px;
	background-color: #26a;
	font-size:1.2em;
}
#left #navlist ul {
	margin:0;
	}
#navlist li {
	list-style: none;
	border: 1px solid #26a;
	margin:0;
}
#navlist a {
	color: #009;
	text-decoration: none;
	display: block;
	border: 1px solid #159;
	padding: 4px 15px;
	background-color: #cbdcf4;
}
#navlist .master{
	color:#666;
	font-weight:bold;
	display: block;
	padding: 4px 15px;
	border-right:1px solid #26a;
	background-color:#cbdcf4;
	background-image:url(../img/cnr.gif);
	background-repeat: no-repeat;
	cursor:default;
	}
#navlist a:hover {
	background-color:#eef3fb;
	color:#009;
	}
	#subcurrent a:hover{ background-color:#0F6;}
	.subnavlist{
	background-color:#b4ccee;
	border-top:1px solid #26a;
	border-left: 10px solid #26a;
}
.subnavlist li a {
	font-weight:normal;
	color:#009;
	border: 0;
	padding: 4px 0 4px 20px;
}
.float_left {float:left; margin: 0 10px 0 0;}      /* apply this class to any image or element with width - text will wrap it to the right */
.float_right {float:right;  margin: 0 0 0 10px;} /* apply this class to any image or element with width  - text will wrap it to the left */
.float-divider { clear:both; display:block; height:1px; font-size:1px; line-height:1px; }
.textbox {
	padding:0 10px 5px 10px;
	margin-bottom:10px;
	}
.textbox h3 {
	padding:8px 0 10px 0;
	}
/* fylld box med runda hörn */	
.cornerBox { 
	position: relative; 
	background: #CFDCE6;
	width:100%;
	height: 142px;
	margin-bottom:10px;
	padding:0 5px;
	} 
.cornerBox h3 { margin:0;}	
.corner {position: absolute; width: 10px; height: 10px; background:  url(../img/corner.gif) no-repeat; font-size: 0em; }
.cornerText { vertical-align:middle;}
.cornerBoxInner {padding:5px;} 
.TL { top: 0; left: 0; background-position: 0 0; } 
.TR { top: 0; right: 0; background-position: -10px 0; } 
.BL { bottom: 0; left: 0; background-position: 0 -10px; } 
.BR { bottom: 0; right: 0; background-position: -10px -10px; 
}
.reklam {margin:10px 0 10px -5px;}
/* fast box med runda hörn */
#kartbox { width:640px; border:#CFDCE6 solid 2px; float:right;}
.hbox {
		width:170px;
		padding:0 0 14px 0;
		margin:5px auto;
		background: url(../img/box.gif) bottom left no-repeat;
	}
	.hbox h4 {
		margin:0;
		padding:7px 10px 3px 10px;
		background: url(../img/box.gif) top left no-repeat;
	}
	.hbox p, .hbox a.more {
		margin:0;
		padding:0 10px 3px;
		border:1px solid #d8d8d8;
		border-width:0 1px;
		background:#fff;
		width:148px;
	}
	.hbox a.more {
		display:block;
		text-align:right;
		padding:0 15px 0 0;
		color:#44a;
		width:153px;
	}
/* flexibel box med runda hörn */	
.teaser {
	padding:0 0 0 11px;
	margin:10px 10px;
	background: url(../img/box_l.gif) top left no-repeat; /* övre vä hörn */
	}
.teaser h3 {
	background: url(../img/box_r.gif) top right no-repeat; /* topp och övre hö hörn*/
	margin:0;
	padding:8px 0 0.5em 0;
	}
.teaser p, .teaser ul {
	margin:0 0 0 -11px;
	padding:3px 11px ;
	border:1px solid #d8d8d8;
	border-width:0 1px;
	background:#fff;
	}
.teaser img {
	margin-top:5px;
	}
.teaser ul {
	padding-left:21px;
	}
.teaser div {
	margin:0 0 0 -11px;
	padding-left:11px;
	background: url(../img/box_l.gif) bottom left no-repeat; /* nedre vä hrn ingen böj*/
	}
.teaser a.more, .teaser em.more {
	display:block;
	text-align:right;
	padding:0 10px 10px 0;
	background: url(../img/box_r.gif) bottom right no-repeat; /* botten med två böj*/
	}	
#stadium {width:100%; background-color:#000; padding-bottom:5px; margin:10px 0 5px 0;}
#stadium p { text-align:center;}
.vader { margin-left:7px;}
.clearfloat {
	clear:both;
	height:0px;
}
.grey { color:#666; font-style:oblique;}