/* CSS Document by Linosa.se */

* {
	padding:0;
	margin:0;
	}

img {
	border:0;
	}

p {
	margin-bottom:15px;
	}

body {
	background: url(bilder/bg4.jpg) fixed;
	background-color:#4d2710;
	font-family: Arial, Trebuchet MS, Verdana, Helvetica, sans-serif;
	color:#4E4E4E;
	font-size:11px;
	line-height:16px;
	}

blockquote {
	border-left:4px solid #BEBEBE;
	padding:10px;
	margin-left:10px;
	margin-right:10px;
	}
	
#bottom blockquote {
	border-top:4px solid #BEBEBE;
	border-left:0;
	padding:10px;
	margin:0;
	}



/* Struktur */
	
#logo {
	width:auto;
	}
	
#head {
	background: url(bilder/okt09/head2.jpg) no-repeat bottom right;
	width:381px;
	height:288px;
	margin-bottom:0px;
	padding:41px 0 0 550px;
	}


#container {
	width:931px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	background: #d7d9d9 url(bilder/bg5.jpg) repeat-x;
	padding:10px 40px 0 40px;
	}


#menu {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	margin:-3px 0 13px 0;
	background:#000;
	background: url(bilder/okt09/menu_bg.jpg) no-repeat;
	height:36px;
	}

#menu li {
	display: inline;
	list-style-type: none;
	}
	
#menu li a {
	padding:10px 10px 10px 10px;
	margin:0 8px 0 8px;
	float: left;
	}
	
#menu a {
	color: #626e75;
	}
	
#menu a:hover {
	color:#000;
	text-decoration:none;
	padding:10px 0px 10px 0px;
	margin:0 18px 0 18px;
	background: url(bilder/okt09/menu_hover.jpg) repeat-x left 7px;
	}


#menu2 {
	height:16px;
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:11px;
	margin: -15px 0 10px 0;
	background:#fff url(bilder/okt09/menu2_bg.jpg) no-repeat;
	padding:7px 2px 2px 10px;
	}

	
#menu2 a {
	color:#5b5f67;
	font-weight:bold;
	text-decoration:none;
	}

	
#menu2 a:hover {
	color:#000;
	text-decoration:none;
	}


#menu2 ul {
	list-style-type:none;
	}

	
#menu2 li{
	display: inline;
	list-style-type: none;
	padding-right:30px;
	}

#column01 {
	float:left;
	text-align:left;
	width:475px;
	padding: 10px 10px 30px 10px;
	background:#fff;
	margin-top:10px;
	}

#column02 {
	float:left;
	text-align:left;
	width:630px;
	padding: 10px 10px 30px 10px;
	background: #fff;
	}
	
#column03 {
	text-align:left;
	padding: 10px 10px 30px 10px;
	background: #fff;
	}

#left {
	float:left;
	padding: 16px 12px 30px 0px;
	width:210px;
	list-style-type: none;
	margin-right:3x;
	background: url(bilder/bg_left.jpg) no-repeat right top;
	}

#left ul {	
	list-style-type: none;
	padding:0 10px 10px 10px;
	}

#left li {
	border-bottom: 1px solid #cfcfcf;
	padding:5px 5px 5px 0;
	}
	
.more {
	text-align:right;
	margin-top:10px;
	}

#index_bottom_col01 .more {
	margin-top:-4px;
	}

.more a {
	display:block;
	text-transform:uppercase;
	color:#fff;
	background:#2d218e;
	padding:6px 8px;
	line-height:1em;
	float:right;
	}
	
.more a:hover {
	text-decoration:none;
	background:#4e43a5;
	}
	
#sub_menu ul {
	list-style-type:none;
	}

#sub_menu li  {
	margin-bottom:-9px;
	border:0;
	}

#sub_menu {
	line-height:18px;
	font-size:12px;
	text-align:left;
	}

#right {
	float:right;
	padding: 15px 10px 30px 10px;
	width:190px;
	list-style-type: none;
	}

#right ul {	
	list-style-type: none;
	padding:0 0 10px 0px;
	background:#fff;
	}

#right li {
	border-bottom: 1px solid #a2b7b7;
	padding:5px 5px 5px 0;
	}

.latestimages {
	padding:0 10px 10px 0px;
	}
	
.latestimages img {
	background:#fff;
	padding:5px;
	border: 1px solid #a2b7b7;
	margin:3px 6px 3px 0;
	}
	
.latestimages img:hover {
	border: 1px solid #24187f;
	}
	
#column04 {
	float:left;
	text-align:left;
	width:640px;
	padding-left:20px;
	padding-bottom:30px;
	}
	
#content {
	background:#fff;
	}

#foot {
	background: #a7a7a7;
	padding:5px;
	color:#000;
	float: left;
	bottom: 0;
	width: 100%;
	height:45px;
	margin: 0 0 0 -40px;
	padding: 10px;
	width:991px;
	}

#clear {
	clear:both;
	}
	
.clear {
	clear:both;
	}

#ad_code {
	width:468px;
	margin:0px 0 0 260px;
	}


/* Bilder */

#container .right {
	float:right;
	margin-left:10px;
	}
	
#container .left {
	float:left;
	margin-right:10px;
	}

.border { 
	padding: 3px; 
	border: 1px solid #9a9a9a;
	background-color: #fff;
	}
	
.border a:hover { 
	border:1px solid #727272;
	}

a:hover .border {
	border:1px solid #24187f;
	}

.border:hover { 
	border:1px solid #727272;
	}

img, div { 
	behavior: url(bilder/iepngfix.htc) 
	}

	
/* Länkar */

a {
	color:#24187f;
	text-decoration:none;
	}

a:hover {
	text-decoration:underline;
	}
	
#left a {
	color:#24187f;
	text-decoration:none;
	}
	
#index_left a {
	color:#fff;
	text-decoration:none;
	}
	
#right a {
	color:#24187f;
	text-decoration:none;
	}
	
#left a:hover {
	text-decoration:underline;
	}
	
#right a:hover {
	text-decoration:underline;
	}

.datum a {
	color:#8a8a8a;
	}

#sub_menu a:hover  {
	background-color:#dedede;
	font-weight:bold;
	text-decoration:none;
	margin-bottom:0;
	}
	
#sub_menu a {
	color:#24187f;
	text-decoration:none;
	display:block;
	background-color:#e7e7e7;
	padding: 5px 0 5px 8px;
	margin-bottom:0;
	}

#right .las {
	font-size:11px;
	}

#right .las a {
	display:block;
	padding:0px 0px 0px 8px;
	background: url(bilder/pil.gif) no-repeat left center;
	width: auto; 
	height: 100%;
	}

#right .las a:hover {
	text-decoration: none;
	background: url(bilder/pil2.gif) no-repeat left center;
	}

#foot a {
	color:#000;
	}


/* Headlines */
	
h1 {
	color:#24187f;
	font-size:18px;
	font-weight:bold;
	margin:0px 0 17px -1px;
	line-height:20px;
	font-family:Helvetica, Arial, sans-serif; 
	letter-spacing:1.5px;
	text-transform:uppercase;
	border-bottom:1px dotted #d4d4d4;
	}
	
h2 {
	color:#24187f;
	font-size:16px;
	font-weight:bold;
	margin:0px 0 10px -1px;
	line-height:20px;
	font-family:Helvetica, Arial, sans-serif; 
	letter-spacing:1px;
	text-transform:uppercase;
	}

h3 {
	color:#626e75;
	font-size:14px;
	font-weight:bold;
	margin-bottom:5px;
	font-family:Helvetica, Arial, sans-serif; 
	letter-spacing:0.5px;
	text-transform:uppercase;
	}
	
#index_bottom_col02 h3 {
	margin-bottom:9px;
	}
	
h4 {
	background-color:#202020; 
	height:20px; 
	width:416px; 
	padding-top:5px; 
	padding-left:5px; 
	padding-right:5px; 
	color:#47A5D9;
	font-weight:normal;
	}

	
#left h3 {
	padding:5px 0 5px 9px;
	color:#626e75;
	}

#column01 .grey_header {
	color:#525156;
	font-size:16px;
	font-weight:bold;
	height:20px;
	padding-top:5px;
	border-bottom: 4px solid #2eb0b1;
	margin-bottom:5px;
	}



/* Formulär */
	
.form_input {
	border: 1px solid #CCCCCC;
	background-color:#fff;
	width:221px;
	margin-bottom:5px;
	padding:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	}
	
.form_text {
	font-size:10px;
	width:70px;
	}
	
.form_full {
	border: 1px solid #CCCCCC;
	background-color:#fff;
	width:291px;
	margin-bottom:5px;
	padding:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	}
	
.knapp {
	border: 3px solid #f0fbff;
	background-color:#b8c6c9;
	padding:5px;
	font-size:10px;
	color:#5b5f67;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	}

.knapp:hover {
	background: #a3b8bd;
	color:#000;
	}


/* Klasser */
	
.datum {
	color:#8a8a8a;
	margin:15px 0 45px 0;
	display:block;
	padding:5px;
	border-bottom:4px solid #d4d4d4;
	}

.las {
	font-size:11px;
	}

#column01 .las {
	font-size:11px;
	padding:0px 0px 0px 8px;
	background: url(bilder/pil.gif) no-repeat left center;
	}
	

.recaptchatable .recaptcha_image_cell, #recaptcha_table {
   	background-color:#FFFFFF !important; //reCaptcha widget background color
 	}
 
 #recaptcha_table {
   	border-color: #FFFFFF !important; //reCaptcha widget border color
 	}
 
 #recaptcha_response_field {
   	border-color: #cccccc !important; //Text input field border color
   	background-color:#fff !important; //Text input field background color
 	}
	
.bildtext {
	font-size:10px;
	color:#8a8a8a;
	}
	
.ingress {
	font-size:12px;
	font-style:italic;
	margin-bottom:20px;
	line-height:20px;
	}
	
.vanlig {
	background: url(bilder/prick.gif) no-repeat 0px 3px;
	margin-left:3px;
	padding: 0 0 5px 16px;
	list-style-type: none;
	}
	
.grey_text {
	color:#6b8690;
	}
	
.grafik {
	margin-right:12px;
	margin-bottom:12px;
	border: 6px solid #c9e2e9;
	}

a:hover .grafik {
	border:6px solid #24187f;
	}

.grafik2 {
	margin-right:14px;
	margin-bottom:14px;
	border: 6px solid #c9e2e9;
	}
	
.cal_date {
	text-transform:uppercase;
	font-size:10px;
	color:#6b8690;
	margin-bottom:3px;
	}
	
ol li {
	margin: 0 0 3px 22px;
	}
	
.color {
	padding:5px;
	display:block;
	background-color:#c3ebf8;
	}
	
.lyrics_singer {
	color:#4d9d9f;
	}

#index_bottom {
	border-top: 5px solid #e1e1e1;
	margin-top:20px;
	padding-top:10px;
	}
		
#index_bottom_col01 {
	width:278px;
	float:left;
	margin-right:15px;
	padding:10px;
	}
	
#index_bottom_col02 {
	width:278px;
	float:left;
	margin-right:15px;
	padding:10px;
	}
	
#index_bottom_col03 {
	width:277px;
	float:left;
	padding:10px;
	}
	
#index_bottom ul {	
	list-style-type: none;
	}

#index_bottom li {
	border-bottom: 1px solid #cfcfcf;
	padding:4px 5px 4px 0;
	}

.calendar {
	float:left;
	padding: 2px; 
	background: #fff;
	border: 1px solid #a2b7b7;
	margin:-2px 7px 0 0;
	clear:both;
	}
	
.calendar:hover {
	border: 1px solid #24187f;
	}
	
#calendar ul {
	line-height:16px;
	}

#calendar li {
	padding:5px 5px 5px 0;
	}
	
a#current {
	color:#fff;
	background:#24187f;
	}
	
a#current:hover {
	color:#fff;
	background:#24187f;
	padding:10px 10px 10px 10px;
	margin:0 8px 0 8px;
	}