/* --- Import Sitewide Styles
-------------------------------------------------------*/
@import url("nav.css");

/* --- Common Elements
-------------------------------------------------------*/

* { margin: 0; padding: 0; }

body {
	font-family: Arial, Verdana, Sans-Serif;
	color: #fff;
	background: #837e78 url(../pics/bg_main01.gif) top center repeat-y;
	letter-spacing: 0;
	}
	
ul, ol, li {
	list-style-type: none;
	}

img {
	border: 0;
	}
	

fieldset { }

hr { }

a { text-decoration: none; outline: none; }
a:link { color: #5a891a; }
a:visited { color: #5a891a; }
a:hover { text-decoration: none; color: #000; }
a:active {  }

.top {
	font-size: 10px;
	font-weight: bold;
	position: relative;
	text-transform: uppercase;
	padding: 5px 0;
	}

/* --- General Layout
-------------------------------------------------------*/

/* --- | wrappers | --- */

#wrapper {
	width: 980px;
	margin: 0 auto 0;
	}
	
#container {
	clear: both;
	float: left;
	width: 980px;
	border-top: 11px solid black;
	padding: 0;
	}
	

/* --- | min-height | --- */

#tycktill_left {
	min-height:457px;
  	height:auto !important;
  	height:457px;
	}
#pagangmeny {
	min-height:435px;
  	height:auto !important;
  	height:435px;
	}



/* --- Here we go!
-------------------------------------------------------*/

#header {
	clear: both;
	float: left;
	width: 980px;
	background: #fff;
	color: #777;
	padding: 0;
	}
#header #datum {
	float: left;
	width: 400px;
	padding: 5px 0 5px 20px;
	}
#header #textstorlek {
	float: right;
	text-align: right;
	width: 400px;
	padding: 5px 20px 5px 0;
	}
	
#contents {
	clear: both;
	float: left;
	width: 960px;
	background: #fff;
	color: #333;
	padding: 10px;
	min-height:467px;
  	height:auto !important;
  	height:467px;
	}

/* --- | Vansterspalt | --- */

#contents #vansterspalt {
	float: left;
	width: 185px;
	}
#contents #vansterspalt #karta {
	margin-top: 20px;
	}
/* --- | Mittenspalt | --- */

#contents #mittenspalt {
	float: left;
	width: 570px;
	padding: 0 0 0 10px;
	}
#foto {
	width: 570px;
	height: 300px;
	text-indent:-5000px;
	background-position:0px 0px;
	position:relative;
	margin-bottom: 10px;
    }

a#fotocred {
	width:16px;
	height:16px;
	position:absolute;
	font-size: 10px;
	bottom:1px;
	left:1px;
	display:block;
	text-indent:-1000px;
	overflow:hidden; 
	cursor:pointer;
	background-image: url(../pics/fotocred.gif);
	background-position: 0px 0px;
	border:0px solid #D2CEBA;
	}
* html a#fotocred{ bottom:1px;}

#fotocred:hover {
	width: 548px;
	background-color: #fff;
	text-indent: 5px;
	border-right:0px solid #D2CEBA;
	border-bottom:0px solid #D2CEBA;
	padding-left:20px;
	background-position: 0px -16px;
}
/*#fotocred #copyright {
	width:31px;
	height:25px;
	padding-left:3px;
	padding-top:5px;
	display:block;
	}*/
#fotocred span {
	padding-top:2px;
	display:block;
	float:left;
	}

#contents #mittenspalt #aktuellt {
	float: left;
	padding: 0;
	margin: 0;
	}
#contents #mittenspalt #aktuellt table {
	float: left;
	width: 570px;
	padding: 0;
	margin: 0;
	}
#contents #mittenspalt #aktuellt a {
	/*float: left;
	display: block;*/
	}
#contents #mittenspalt #aktuellt td {
	border-bottom: 1px solid #d5e39e;
	font-weight: bold;
	width: 1070px;
	padding: 5px;
	}
#contents #mittenspalt #aktuellt td.tid {
	width: 30px;
	}
#contents #mittenspalt #aktuellt td.datum {
	width: 80px;
	/*text-transform: uppercase;*/
	text-align: center;
	}
#contents #mittenspalt #aktuellt tr {
	background: #fff;
	width: 570px;
	}
#contents #mittenspalt #aktuellt tr.tr2 {
	background: #f1f6de;
	width: 570px;
	}
#lasmer {
	position: relative;
	float: left;
	padding: 10px 0;
	}
#lasmer a {
	float: left;
	display: block;
	color: #fff;
	font-weight: bold;
	background: #000;
	padding: 3px 5px;
	}
#lasmer a:hover {
	color: #000;
	background: #d5e39e;
	}

/* --- | Banners | --- */

#contents #banners {
	position: relative;
	float: right;
	width: 185px;
	margin: 0 0 5px 0;
	}
#contents #banners p {
	padding: 5px 0 5px 0;
	}

/* --- | Storspalt | --- */

#contents #storspalt {
	position: relative;
	float: left;
	width: 765px;
	}

/* --- | pagangmeny | --- */

#pagangmeny {
	float: left;
	position: relative;
	padding-right: 10px;
	width: 340px;
	background: transparent url(../pics/bg_dot_vert.gif) top right repeat-y;
	}
#pagangmeny #manader {
	position: relative;
	text-align: center;
	padding: 5px 0;
	width: 340px;
	border-bottom: 1px solid #d5e39e;
	}
#pagangmeny #manader h1 {
	text-transform: uppercase;
	padding: 0 0 5px 0;
	width: 340px;
	}
#pagangmeny #manader h2 {
	font-size: 10px;
	line-height: 10px;
	text-align: center;
	text-transform: uppercase;
	}
#pagangmeny table h1 {
	font-size: 18px;
	line-height: 15px;
	padding: 0;
	}
#pagangmeny table {
	float: left;
	position: relative;
	width: 340px;
	}
#pagangmeny table a {
	display: block;
	padding: 15px 5px;
	width: 295px;
	}
#pagangmeny table a:hover {
	/*background: #d5e39e;*/
	background: transparent url(../pics/lista_pil01.gif) top right no-repeat;
	}
#pagangmeny table a.vald {
	/*background: #d5e39e;*/
	background: #e1eabc url(../pics/lista_pil01.gif) top right no-repeat;
	}
#pagangmeny td.datum, #pagangmeny td.datum_sondag {
	font-size: 10px;
	line-height: 10px;
	padding: 2px 5px;
	text-align: center;
	text-transform: uppercase;
	border-bottom: 1px solid #d5e39e;
	}
#pagangmeny td.datum_sondag {
	color: #f00;
	}
#pagangmeny td {
	text-align: left;
	font-weight: bold;
	width: 300px;
	}
#pagangmeny td.menypost {
	text-align: left;
	font-weight: bold;
	border-bottom: 1px solid #d5e39e;
	}

#pagangmeny tr.odd {
	padding: 5px;
	background: transparent;
	}
#pagangmeny tr.even {
	padding: 5px;
	background: #f1f6de;
	}

/* --- | pagangmeny OLD | --- */

#pagangmeny tr.old, #pagangmeny td.old, #pagangmeny .old .datum_sondag, #pagangmeny .old a {
	color: #bbb;
	}
#pagangmeny .old td.menypost, #pagangmeny td.old, #pagangmeny .old .datum_sondag, #pagangmeny .old .datum {
	border-bottom: 1px solid #ddd;
	}

/* --- | pagangpost | --- */

#pagangpost {
	float: left;
	position: relative;
	padding-left: 10px;
	width: 405px;
	}
#pagangpost h1 {
	padding-top: 5px;
	}
#pagangpost p {
	padding: 10px 0;
	margin: 0 0 10px 0;
	background: transparent url(../pics/bg_rubdot.gif) bottom left repeat-x;
	}
#pagangpost li {
	padding: 2px 0;
	font-weight: bold;
	}


/* --- Tyck till / Kontakt!
-------------------------------------------------------*/

#tycktill_left, #kontakt_left {
	float: left;
	position: relative;
	padding-right: 10px;
	width: 310px;
	background: transparent url(../pics/bg_dot_vert_line.gif) top right no-repeat;
	background-position: 319px 16px;
	min-height:457px;
  	height:auto !important;
  	height:457px;
	}

#tycktill_left #formular, #tycktill_left #postat {
	float: left;
	position: relative;
	padding-top: 10px;
	margin-top: 10px;
	border-top: 1px solid #d5e39e;
	width: 310px;
	}
#kontakt_left #formular, #kontakt_left #postat {
	float: left;
	position: relative;
	width: 310px;
	}
#kontakt_left #postat h1 {
	padding: 15px 0 2px 0;
	}
#formular p {
	padding: 10px 0 1px 0;
	font-weight: bold;
	display: block;
	}
#formular .standardinput {
	width: 300px;
	}

#tycktill_right, #kontakt_right {
	float: left;
	position: relative;
	padding-left: 10px;
	width: 435px;
	}
#tycktill_right h1 {
	padding-top: 5px;
	}
#tycktill_right p {
	padding: 5px 0;
	font-weight: bold;
	}
#tycktill_right li {
	padding: 5px;
	border-bottom: 1px solid #d5e39e;
	}
#tycktill_right li.odd {
	background: #fff;
	}
#tycktill_right li.even {
	background: #f1f6de;
	}

#kontakt_right p {
	padding: 15px 0 0 0;
	font-weight: bold;
	}



/* --- linksection!
-------------------------------------------------------*/

#linksection {
	position: relative;
	clear: both;
	float: left;
	width: 970px;
	background: #f4f4ef url(../pics/bg_linksection.gif) top center no-repeat;
	padding: 10px 5px 5px 5px;
	min-height:125px;
  	height:auto !important;
  	height:125px;
	}

#linksection #section_partners, #linksection #section_jobb, #linksection #section_fritid, #linksection #section_foretag, #linksection #section_vard {
	float: left;
	width: 176px;
	color: #777;
	padding: 9px;
	}
#linksection a {
	color: #333;
	font-weight: bold;
	display: block;
	width: 176px;
	border-bottom: 1px solid #d9d8c8;
	padding: 5px 0;
	}
#linksection a:hover {
	color: #999;
	border-bottom: 1px solid #d9d8c8;
	}
#linksection .rubrik {
	padding-bottom: 4px;
	}
#linksection #section_partners .rubrik {
	border-bottom: 3px solid #0033cc;
	}
#linksection #section_jobb .rubrik {
	border-bottom: 3px solid #ffd800;
	}
#linksection #section_fritid .rubrik {
	border-bottom: 3px solid #000;
	}
#linksection #section_foretag .rubrik {
	border-bottom: 3px solid #ff0000;
	}
#linksection #section_vard .rubrik {
	border-bottom: 3px solid #00c50e;
	}

/* --- Guiden!
-------------------------------------------------------*/

#guiden #section_top_partners, #guiden #section_top_jobb, #guiden #section_top_fritid, #guiden #section_top_foretag, #guiden #section_top_vard {
	float: left;
	width: 765px;
	color: #777;
	padding: 0;
	}
#guiden li {
	float: left;
	color: #777;
	padding: 0;
	}
#guiden #section_partners {
	border-bottom: 3px solid #0033cc;
	}
	#guiden #section_partners li a {
		color: #333;
		font-weight: bold;
		display: block;
		padding: 5px 10px;
		}
	#guiden #section_top_partners li a:hover, #guiden #section_top_partners li a.vald {
		color: #fff;
		background: #0033cc;
		}
#guiden #section_top_jobb {
	border-bottom: 3px solid #ffd800;
	}
	#guiden #section_top_jobb li a {
		color: #333;
		font-weight: bold;
		display: block;
		padding: 5px 10px;
		}
	#guiden #section_top_jobb li a:hover, #guiden #section_top_jobb li a.vald {
		background: #ffd800;
		}
#guiden #section_top_fritid {
	border-bottom: 3px solid #000;
	}
	#guiden #section_top_fritid li a {
		color: #333;
		font-weight: bold;
		display: block;
		padding: 5px 10px;
		}
	#guiden #section_top_fritid li a:hover, #guiden #section_top_fritid li a.vald {
		color: #fff;
		background: #000;
		}
#guiden #section_top_foretag {
	border-bottom: 3px solid #ff0000;
	}
	#guiden #section_top_foretag li a {
		color: #333;
		font-weight: bold;
		display: block;
		padding: 5px 10px;
		}
	#guiden #section_top_foretag li a:hover, #guiden #section_top_foretag li a.vald {
		color: #fff;
		background: #ff0000;
		}
#guiden #section_top_vard {
	border-bottom: 3px solid #00c50e;
	}
	#guiden #section_top_vard li a {
		color: #333;
		font-weight: bold;
		display: block;
		padding: 5px 10px;
		}
	#guiden #section_top_vard li a:hover, #guiden #section_top_vard li a.vald {
		color: #fff;
		background: #00c50e;
		}
#guiden #guiden_nav_jobb a, #guiden #guiden_nav_fritid a, #guiden #guiden_nav_foretag a, #guiden #guiden_nav_vard a, #guiden #guiden_nav_jobb_selected a, #guiden #guiden_nav_fritid_selected a, #guiden #guiden_nav_foretag_selected a, #guiden #guiden_nav_vard_selected a {
	display: block;
	padding: 5px 10px;
	margin: 0 5px 5px 0;
	font-weight: bold;
	text-transform: uppercase;
	}
	#guiden #guiden_nav_jobb a {
		border-bottom: 3px solid #fff;
		}
	#guiden #guiden_nav_jobb a:hover, #guiden #guiden_nav_jobb_selected a {
		border-bottom: 3px solid #ffd800;
		color: #000;
		}
	#guiden #guiden_nav_fritid a {
		border-bottom: 3px solid #fff;
		}
	#guiden #guiden_nav_fritid a:hover, #guiden #guiden_nav_fritid_selected a {
		border-bottom: 3px solid #000;
		color: #000;
		}
	#guiden #guiden_nav_foretag a {
		border-bottom: 3px solid #fff;
		}
	#guiden #guiden_nav_foretag a:hover, #guiden #guiden_nav_foretag_selected a {
		border-bottom: 3px solid #ff0000;
		color: #000;
		}
	#guiden #guiden_nav_vard a {
		border-bottom: 3px solid #fff;
		}
	#guiden #guiden_nav_vard a:hover, #guiden #guiden_nav_vard_selected a {
		border-bottom: 3px solid #00c50e;
		color: #000;
		}

#guiden ul#section_sortera {
	float: right;
	}
#guiden ul#section_sortera li {
	float: left;
	padding: 5px;
	font-size: 11px;
	color: #777;
	font-weight: bold;
	}
#guiden ul#section_sortera li a {
	float: left;
	font-weight: bold;
	padding: 0;
	color: #777;
	}
#guiden ul#section_sortera li a:hover, #guiden ul#section_sortera li a.vald {
	float: left;
	text-decoration: underline;
	font-weight: bold;
	background: #fff;
	color: #000;
	}


#guiden table.guiden {
	position: relative;
	float: left;
	width: 765px;
	margin: 0;
	border-collapse: collapse;
	}
#guiden td.guiden_left h1 {
	padding-bottom: 3px;
	}
#guiden tr.odd {
	background: #fff;
	}
#guiden tr.even {
	background: #f1f6de;
	}
#guiden td {
	border-bottom: 1px solid #d5e39e;
	}
#guiden table.guiden td.guiden_left {
	text-align: left;
	padding: 10px;
	vertical-align: top;
	}
#guiden table.guiden td.guiden_mid, #guiden table.guiden td.guiden_right {
	padding: 10px;
	vertical-align: top;
	}

#guiden table.guiden .odd td.guiden_mid {
	background: #fff url(../pics/bg_dot_vert.gif) top left repeat-y;
	}
#guiden table.guiden .even td.guiden_mid {
	background: #f1f6de url(../pics/bg_dot_vert.gif) top left repeat-y;
	}

#guiden td.guiden_right p, #guiden td.guiden_mid p {
	font-weight: bold;
	padding: 2px 0;
	}

/* --- | Rubbar | --- */
#contents .rubrik {
	background: transparent url(../pics/bg_rubdot.gif) bottom left repeat-x;
	padding-bottom: 0px;
	margin-bottom: 5px;
	}
#contents #vansterspalt .rubrik {
	width: 185px;
	}
#contents #banners .rubrik {
	width: 185px;
	}

/* --- Footer
-------------------------------------------------------*/
#footer {
	position:relative;
	float: left;
	color: #adadad;
	font-size: 10px;
	padding: 10px;
	margin: 0;
	border-top: 1px solid #2e2e2e;
	}
#footer #left {
	position:relative;
	float: left;
	padding: 0;
	margin: 0;
	}
#footer ul#producers {
	position:relative;
	float: right;
	/*top:93px;     /*set the exact position of the navigation */
	/*left:35px;       set the exact position of the navigation */
	width:198px;
	height:25px;
	}
#footer ul#producers li {
	padding:0;
	margin:0;
	float:left;
	text-indent:-9999px;	
	list-style-type:none;
	}
#footer ul#producers li a {
	border:0;
	display:block;
	text-decoration:none;
	background: transparent url(../pics/producers.gif) no-repeat;
	}
#footer li#producers_numbers a {
	width:80px;
	height:25px;
	 }
#footer li#producers_numbers a:link, #footer li#producers_numbers a:visited {
	background-position:0px 0px;
	 }
#footer li#producers_numbers a:hover, #footer li#producers_numbers a:focus {	
	background-position:0px -25px;
	}
#footer li#producers_rbrt a {
	width:118px;
	height:25px;
	 }
#footer li#producers_rbrt a:link, #footer li#producers_rbrt a:visited {
	background-position:-80px 0px;
	 }
#footer li#producers_rbrt a:hover, li#producers_rbrt a:focus {	
	background-position:-80px -25px;
	}	 
#footer a:link, #footer a:visited { color: #adadad; }
#footer a:hover { text-decoration: none; color: #fff; }


/* --- Printout
-------------------------------------------------------*/

body#printout {
	font-family: Arial, Verdana, Sans-Serif;
	color: #000;
	background: #fff;
	letter-spacing: 0;
	}
#printout .pagang {
	border: 0;
	}
/*
#printout .odd {
	background: #f5f5f5;
	}
*/
#printout .pagang td {
	border-bottom: 1px solid #000;
	padding: 10px;
	}
#printout .pagang_left {
	text-align: center;
	vertical-align: top;
	text-transform: uppercase;
	}
#printout .pagang_left h1 {
	font-size: 21px;
	}
#printout .pagang_left h1.sondag {
	color: #f00;
	}
#printout .pagang_rightd {
	vertical-align: top;
	}