/* 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;}
a p em{ font-size:1.1em}
a:link, a:visited {text-decoration: none;	color:#00F}
a:hover { text-decoration:underline;}
a[href$=".pdf"] {padding-right: 18px; background: url(../img/pdf.gif) 100% 50% no-repeat;}
.phototext{ font-size:0.9em; font-style:italic;}
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 */
hr {margin: 10px 50px;	color:#CCC;}
ul {margin:5px 10px 5px 20px; padding:0;	list-style:disc;	color:#006}
ol {margin:5px 10px 5px 20px; padding:0; font-size:1.1em;}
li{ margin:3px 0;}
img {border-style:none;}
strong { color:#333;}
div#main_wrapper {min-width:890px; max-width:990px;  margin-left:auto; margin-right:auto;} /* centers layout when > max width */
#main_wrapper {background-color:#FFF;border: 1px solid silver;}
/* header*/
#header {width:auto; background-color:#FFF;}	
#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;}
#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 ;}	
/* innehåll*/
#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;}
/* 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:1px 0 0 0;}
#buttons { float:right; padding:0 30px 0 0;}
#crumbs #search { float:right; padding:0;	margin:0 0 0 10px;}
#search input {color:#666; text-indent:0.1em;	vertical-align: middle;}
/* vänster kolumn */
#left {float:left; 	width:175px;	display:inline; /* stops IE doubling  margin on float*/}
#left_inner, #content_inner {padding:10px 0 10px 5px;} 
#left_inner h3 {text-align:center;	background-color:#CFDCE6;	width: 95%;	margin-top: 15px;	margin-right: 0;	margin-bottom: 3px;	margin-left: 0;}
#left_inner img {text-align:center; margin:5px;}
/* mitten*/
#content_inner {margin: 0;}
#content {width:auto; 	margin-left:185px; 	margin-right:195px;	background-color:#FFF;}
#content img {padding: 1px;	background-color: #b4ccee;}
#kartbox {margin-left:195px; 	margin-right:-150px;}
#kartbox h2{ margin-top:10px;}
/********* 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#sid2d #nav-sid2d 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: #fff;	font-size:1.2em;}
#navlist ul {margin:0;}
#navlist li {list-style: none; border:1px solid #26a;	margin:0;  background:#fff;}
#navlist a {color: #009; text-decoration:none;	display: block;	border: 1px solid #159;	padding: 4px 15px;	background:#fff;}
#navlist a:hover {background-color:#eef3fb;}
#navlist .master {color:#333; background: url(../img/arrow.png) no-repeat left  bottom;;}
#navlist .master span {padding-left:20px;}
#navlist .master a:hover { background:#FFF;}
#subcurrent a:hover{ background-color:#fff;}
#navlist .subnavlist{	border-left: 20px solid #26a;}
#navlist .subnavlist li a {border: 0;	padding: 4px 0 4px 15px;}
/* höger kol*/
#right_col {float:left; 	width:175px; 	background-color:transparent;}
#right_col img { text-align:center; margin-bottom:5px; padding:2px 0; background-color:#b4ccee;}
#right_col_inner {padding:10px 0;}
/* footer*/
#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 */ 
/* tabell */
.tabell {background: #919191;  margin:20px 10px;} /* för skugga*/
table {text-align: left;  position: relative;  top: -4px;  left: -4px;	width: 100%;  border: 1px solid #b5b5b5;  background: #fff; 	border-collapse:collapse;}
.name {width:55%;}
table th {color:#333;	font-size:1.6em;	font-weight: normal;	background: silver;	width: auto;}	table th, table td {margin: 0;  padding: 8px 10px;  border-bottom: 1px solid #b5b5b5;}	
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;}
.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:98%;	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;}
/* fast box med runda hörn */
.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*/}	
.reklam {margin:10px 0 0 -5px;}
#stadium {width:100%; background-color:#000; padding-bottom:5px; margin:10px 0 5px 0;}
#stadium p { text-align:center;}
.extra { width:170px; padding:5px;}
.strong {color:#333;}
.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; }
.clearfloat {clear:both;	height:0px;}
.lbild { height: 143px; width:170px; margin: auto;}
.sbild { height:300px; width:400px; margin:auto;}
.helbild {margin: auto;}
.dolj { display:none;}
}
.imgbox { width:100%; margin:10px; text-align:center;}