@charset "ISO-8859-1";
html {
    background-image: -moz-linear-gradient(-45deg, black, #CCC);
    background-image: -webkit-gradient(linear, left top, right bottom, from(black), to(#CCC));
	padding-top: 10px;
	padding-right: 15px;
	padding-left: 15px;
}

body {
	width: 1010px;
	margin: 0 auto;
	text-align: center;
	height:auto;
    letter-spacing: -0.01em;
    word-spacing: 0em;
    font-family: arial, sans-serif;
    font-size: 0.8em;
	line-height: 1.2em;
	color: #333333;
}

a {
	color: #333;
	text-shadow: #669 1px 1px 3px;
	text-decoration: none;
	font-variant: normal;
	font-weight: 500;
}

a:hover   {
	text-decoration: none;
	color: #000;
	text-shadow: #6FF 1px -4px 4px;
}

h2 {
	font-size: 18px;
	font-weight: bold;
	line-height: 2em;
	color:#999;
}

h2#blink {
	text-decoration:underline blink;
	color: #F00;
}

h3 {
	font-size: 14px;
	font-weight: bold;
	line-height: 2em;
}


/*Menyn högst upp*/
 
ul#nav {
	list-style: none;
	position: fixed;
	background-color:#999;
	border:thin solid #000;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	width: 1000px;
	z-index: 1;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 5px;
}

ul#nav li {
	display: inline;
}

ul#nav li a {
	border: 1px solid #000;
	background-color: #CCC;
	text-decoration: none;
	font-size: 0.90em;
	text-align: center;
	color: #000;
	vertical-align: 1px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
}

ul#nav li > a.gul {
	background-color: #B1D2F3;
}

ul#nav li a:hover {
	background-color:#FFF;
	text-shadow: #6FF 1px -4px 4px;
	border-color: #000;
}


#content {
	text-align:left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding-top: 45px;
	/*border: medium solid #333;*/
}

#content_spec {
	text-align:left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding-top: 0px;
	font-size: 0.6em;
	line-height: 1.0em;
	/*border: medium solid #333;*/
}

.v_h_spalt {
    width: 150px;
    background-color: #999;
	overflow: hidden;
	color:#FFF;
	padding: 5px;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	background-image: -moz-linear-gradient(-45deg, #999, #000);
	background-image: -webkit-gradient(linear, left top, right bottom, from(#FFF), to(#000));
}

.v_h_spalt p {
   	text-align: center;
    margin-bottom: 3px;
}

.v_h_spalt .footer {
	background-color:#FFF;
	text-align: center;
	color:#000;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}


.v_h_spalt hr {
	color: #FFF;
	background-color: #FFF;
	height: 3px;
}

.v_h_spalt .ver {
	color: #000;
	line-height: 20px;
	font-weight: 700;
	background-color: #FFF;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	margin-top: 8px;
	margin-bottom: 4px;
	padding-left: 4px;
}

.v_h_spalt a:hover img  {
	border: thin solid #CCC;
}

.v_h_spaltbred {
    width: 150px;
    background-color: #999;
	overflow: hidden;
	color:#FFF;
	padding: 5px;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.v_h_spalt300 {
    width: 230px;
    background-color: #999;
	color:#FFF;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}


#mitten {
	background-color: #FFF;
	width: 490px;
	font-size: 1.0em;
	line-height: 1.3em;
	clear:both;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 3px;
	}
	
/*FÖLJANDE ÄR 465 PX BRED DÄRFÖR ATT TABELLEN SOM CENTRERAS HAR DEN BREDDEN (SE ANMÄLAN DIREKT.PHP)*/
#mitten .center {
	margin-left: auto;
    margin-right: auto;
    width: 465px;	
}

#mitten .bkg {
		background-color: #DDDCCC;
}
#mitten .bkg1 {
		background-color: #EEE;
}

#mitten_just {
	width: 470px;
	clear:both;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	}

#mitten_bred {
	background-color: #FFF;
	padding: 5px;
	font-size: 1.0em;
	line-height: 1.5em;
	clear:both;

    -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	}
	
pre {
	width: 50;
}
	
/* HELA UL#TAB-KÖRET ANVÄNDS TILL NOTISERNA PÅ INDEX-SIDAN & PÅ NYHETSSIDAN	*/

ul#tab {
	font-family: "MS Serif", "New York", serif;
	clear: both;
}
ul#tab2 {
	font-family: "MS Serif", "New York", serif;
	border: medium solid #CCC;
}
ul#tab li, ul#tab2 li {
	vertical-align: top;
	width: 235px;
	display:inline-block;
	padding-right: 5px;
	padding-left: 5px;
	border: thin solid #CCC;
	padding-top: 1px;
	padding-bottom: 3px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	margin-top: 2px;
	margin-left: 1px;
	margin-right: 2px;
	margin-bottom: 5px;
	overflow: scroll;	/*height: 15px;*/
}


ul#tab li#color {
	background-color: #EEE;
}

ul#tab li#nyhet {
	height: 250px;
	width: 470px;
	text-align: left;
	background-image: -moz-linear-gradient(-45deg, #CCC, #FFF);
	background-image: -webkit-gradient(linear, left top, right bottom, from(#F6F1E7), to(#FFF));
}

ul#tab li#nyhet_ut {
	height: 150px;
	width: 470px;
	text-align: left;
	background-image: -moz-linear-gradient(-45deg, #FFF, #E3E7F4);
	background-image: -webkit-gradient(linear, left top, right bottom, from(#F6F1E7), to(#FFF));
}


ul#tab li#nyhet #bkg, li#nyhet_ut #bkg {
    -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	padding-top:5px;
	background-color:#DDD;
	width:160px;
	height:auto;
	float:right;
}

ul#tab li#nyhet #bkg img, li#nyhet #bkg p, li#nyhet_ut #bkg img, li#nyhet_ut #bkg img p {
  text-align: center;
  font-style: italic;
  font-size: smaller;
  max-width: 150px;
}


ul#tab .hfarg {
	font-size: 14px;
	font-weight: bold;
	color: #333;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	line-height: 1.5em;
}

ul#tab .bkgdatum {
	font-family: sans-serif;
	font-size: 10px;
	color:#FFF;
	background-color: #999;
	width: 150px;
	padding-left: 5px;
	padding-right: 5px;
	line-height: 12px;
	font-weight: bold;
	font-variant: small-caps;
}
ul#tab .bkgdatumstreck, ul#tab li#nyhet .bkgdatumstreck {
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #999;
}

ul#tab li#nyhet .bkgdatumstreck img {
	float: right;
}

 
ul#tab .bkgfarg {
	background-color: #6F6;
}

/*FÖR NYHETER (EJ HÄNDELSER) PÅ FRAMSIDA OCH NYHETSSIDA*/
.mitten_hoger {
	background-color:#CCC;
	padding: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
    background-image: -moz-linear-gradient(-45deg, #CCC, #FFF);
    background-image: -webkit-gradient(linear, left top, right bottom, from(#CCC), to(#FFF));
    margin-bottom: 5px;
	clear: both;
}

.mitten_hoger strong {
	color:#FFF;
	line-height: 20px;
	font-weight: 700;
	background-color:#999;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 8px;
    padding-right: 8px;
	margin-right: 2px;
}

.mitten_hoger a {
	color: #CCC;
    background-color: #FFF;
    text-decoration: none;
}

.mitten_hoger .ill {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 5px;
	background: #ddd;
	border: 1px solid #ccc;
	margin: 5px;
	text-align: center;
}
.mitten_hoger .ill_h {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 5px;
	background: #ddd;
	border: 1px solid #ccc;
	margin: 5px;
	text-align: center;
    float: right;
}
.mitten_hoger .ill_v {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 5px;
	background: #ddd;
	border: 1px solid #ccc;
	margin: 5px;
	text-align: center;
    float: left;
}

.mitten_hoger img {
		max-width: 400px;
}
.mitten_hoger .img2 {
		max-width: 150px;
}

.mitten_hoger .ill p, .mitten_hoger .ill_h p, .mitten_hoger .ill_v p {
  text-align: center;
  font-style: italic;
  font-size: smaller;
}

.hand {
	display:none;
} 

.spalt_bred {
    width: 320px;
    background-color: #999;
	overflow: auto;
	color:#FFF;
	padding: 5px;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

#bildbkg {
	background-color:#DDD;
	padding-top:10px;
	clear: right;
    -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
#mitten_bred {
	background-color: #FFF;
/*	width: 600px;*/
	padding: 2px;
	font-size: 1.0em;
	line-height: 1.5em;
	clear:both;

    -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	}

	
.nmln {
	background-color:#FFE699;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.facebook {
	padding: 3px;
	background-color:#FFF;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}


.ljusgra {
	color: #98A4B9;
}

img {
    display: inherit;   
	margin-left: auto;   
	margin-right: auto;   
	 border:none;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
img#hist {
    display: inline;
}

.caption {
  text-align: center;
  font-style: italic;
  font-size: small;
  text-indent: 0;
}

.bildtext {
  text-align: center;
  font-style: italic;
  font-size: small;
  text-indent: 0;
}
decor {
	text-decoration:underline;
	font-weight: bolder;
	text-align: center;
}

.inganyheter {
	background-color:#D0DDEC;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background-image: -moz-linear-gradient(-45deg, #FFF, #666);
	background-image: -webkit-gradient(linear, left top, right bottom, from(#FFF), to(#666));
	padding-right: 0px;
	padding-left: 0px;
	clear: both;
}
	
.inganyheter img {
	float: left;
    padding-right: 3px;
}

.google {
    text-align:center;
}

*, * focus {
	outline: none;
	margin: 0;
	padding: 0;
}


h2.trigger {
	margin: 0 0 0px 0;
	background: url(bilder/h2_rubbe_a.gif) no-repeat;
	height: 27px;
	line-height: 27px;
	width: 440px;
	font-size: 1.2em;
	font-weight: normal;
	float: left;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 50px;
	background-color: inherit;
}

h2.notrigger {
	margin: 0 0 0px 0;
	background-color: #999;
    height: 27px;
	line-height: 27px;
	width: 440px;
	font-size: 1.4em;
	float: left;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 50px;
	color: #FFF;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.notriggerKafe {
	height: 27px;
	line-height: 25px;
	font-size: 1em;
	font-weight: 700;
	width: 375px;
	float: left;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
	padding-top: 2px;
	padding-right: 0;
	padding-bottom: 2px;
	padding-left: 70px;
}

.notriggerKafe {
	line-height: 25px;
	font-size: 1em;
	font-weight: 700;
	width: 375px;
	float: left;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
	padding-top: 2px;
	padding-right: 0;
	padding-bottom: 2px;
	padding-left: 70px;
}

h2.trigger img, h2.notrigger img {
	padding-top: 2px;
}

h2.triggerKafe {
	background: url(bilder/h2_rubbe_kafe.gif) no-repeat;
	height: 25px;
	line-height: 25px;
	font-size: 1em;
	font-weight: 700;
	width: 410px;
	float: left;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
	padding-top: 2px;
	padding-right: 0;
	padding-bottom: 2px;
	padding-left: 80px;
}

h2.trigger a {
	color: #FFF;
	text-decoration: none;
	height: 25px;
	display: block;
	}


h2.triggerKafe a {
	color: #666;
	text-decoration: none;
	display: block;
	}


h2.trigger a:hover, h2.triggerKafe a:hover {
	color: #CCC;
}


h2.active {
	background-position: left bottom;
}


.toggle_container, .notoggle_container {
	margin: 0 0 5px;
	padding: 0 0 5px;
	border-top: 1px solid #d6d6d6;
	/* background: #f0f0f0 url(bilder/toggle_block_stretch.gif) repeat-y left top;*/
	background-color:#f0f0f0;
	overflow: hidden;
	clear: both;
}

.nocont {
	float: left;
	clear: both;
}

.toggle_container .block, .notoggle_container .block {
	padding: 2px;
	/*background: url(bilder/expand.gif) no-repeat left bottom;*/
}

.toggle_container .block .ljusgra, .notoggle_container .block .ljusgra {
	color: #98A4B9;
  }

.toggle_container .block .indrag, .notoggle_container .block .indrag {
	padding-left: 50px;
}

.toggle_container .block p, .notoggle_container .block p {
	margin: 5px 0;
	clear: both;
}
.toggle_container h3 {
	font: 2em normal Georgia, "Times New Roman", Times, serif;
	margin: 0 0 10px;
	padding: 0 0 5px 0;
	border-bottom: 1px dashed #ccc;
}

.toggle_container img, .notoggle_container img {
	float: right;
	padding: 5px;
	background: #ddd;
	border: 1px solid #ccc;
	margin: 10px;
}


/*popup info-fonster*/
a.info, a.info_admin {
	position:relative;
	z-index:30;
	color:#000;
	text-decoration:none
}

a.info:hover, a.info_admin:hover {
	position:relative;
	z-index:35;
	background-color:#CCC;
}

a.info span, a.info_admin span {
	display: none
}

a.info:hover span { /*the span will display just on :hover state*/
	display:block;
	position:absolute;
	bottom:0em;
	left: 5em;
	width:30em;
	border:1em solid #CCC;
	background-color:#FFF;
	color:#000;
	padding: 5px;
	z-index: 140;
}
a.info_admin:hover span { /*the span will display just on :hover state*/
	display:block;
	position:absolute;
	bottom:0em;
	left: 5em;
	width:15em;
	border:1em solid #CCC;
	background-color:#FFF;
	color:#000;
	padding: 5px;
	z-index: 140;
}



#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 1em;
	padding-top: 0.4em;
	font-family: Arial, Helvetica, sans-serif;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(../bildvis/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../bildvis/overlay.png", sizingMethod="scale");
	}