@charset "utf-8";
/* CSS Document */

html {
background-image: url(../image/pattern.png);
background-repeat: repeat;
background-color: #f3f3f3;
}

body {
background-image: url(../image/grad.png);
background-position: top;
background-repeat:repeat-x;
height: 100%;
margin: 0px;	
width: 100%;
min-width: 1000px;	}

* {	margin:0;
	padding:0;}
	
/* BODY */
#content{
background-image:url(../image/header.png);
background-position: top center;
background-repeat: no-repeat;
width:1000px;
height: 100%;
height:auto !important;
min-height: 650px;
margin:auto;
overflow:hidden; 
}
	
a{text-decoration:none;	}	
a:hover{text-decoration:none;	}
a:focus {outline: none; 	}
/* -------------------------------------------------- */
#logoall{
	width:1000px;
	height:230px;
	margin:auto;		}	
	
#logofirst{
	padding-top: 70px;	
	padding-left: 15px;		
	width:450px;
	height:80px;
	float:left;				}	
	
#logo{
	padding-top: 15px;	
	padding-left: 10px;			
	width:360px;
	height:60px;
	font-size: 2em;
	font-family:"arial";
	color: #4d4a4a;
	float:left;	
	letter-spacing:-1px;		}	
		
#headerlogo{		
	width:80px;
	height:80px;
	float:left;			}
/* -------------------------------------------------- */	

/* Twitter */
#twitterheader{
	width: 329px;
	height:115px;
	float:right;
	padding-top: 65px;
	padding-right: 22px;
	background-image:url(../image/twitter/bottom.png);
	background-position:bottom left;
	background-repeat:no-repeat;	}
	
#twitter_m {
   width: 323px;
   background:none  repeat-y;
   height:70px;
}

   #twitter_container {
       min-height:10px;
       height:auto !important;
       height:10px;
   }

       #twitter_update_list {
           width: 323px;
           overflow: hidden;
		   padding: 0px 0px 0px 10px;
           font-family: arial;
           font-size: 14px;
           font-style: none;
           color: #848484;
           line-height: 18px;
       }

       #twitter_update_list li {
           width: 323px;
           list-style: none;
       }
	   
	   #twitter_update_list li span a {
           color: #ff00c4;
           text-decoration: none;
       }


       #twitter_update_list li a {
           color: #848484;
           text-decoration: none;
       }

       #twitter_update_list li a:hover {
           color: #5f6d76;
           background: #dfdfdf;
       }

#twitter_b {
   width: 323px;
   height: 39px;
   text-align:right;
   font-family: arial;
   font-size: 10px;
   text-decoration:none;
   color: #848484;
}

#twitter_b a {
           color: #848484;
       }
/* Twitter */

/* BODY */

/* MENY */	
#meny{
	font-size: 1.1em;
	font-family:"Trebuchet MS";
	color: #444444;
	padding-left:12px;
	padding-top:39px;	
	width:465px;
	height:40px;	
	float:left;			}
#meny a{
	padding: 0.25em 0.50em; 
	text-decoration: none;
	color: #444444;						}
	
#meny a:link{color: #444;}
#meny a:hover{color: #666666;}
#meny a#current{ color: #272727;}
	
.menyborder{
float:left;	
border-bottom:solid 9px #ee0d6f;}

p{
float:left;
}

.meny1, .meny2, .meny3, .meny4, .meny5{
float:left;
}
/* MENY */

/* ----------------------FOOTER---------------------- */ 
html, body, #wrap {height: 100%;}
body > #wrap {height: auto; min-height: 100%;}
#main {padding-bottom: 340px;}  
#footer {
	position: relative;
	margin-top: -340px; 
	height: 340px;
	z-index:0;
	background-image:url(../image/footergrad.png);
	background-repeat:repeat-x;
	} 
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;	}
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* -------------------------------------------------- */
#footerallt{
	position: relative;
	z-index:1;
	width:1000px;
	height:340px;
	margin:auto;
	background-image:url(../image/footer.png);
	}
/* -------------------------------------------------- */
#spotifyheader{
	padding-top:30px;
	padding-left:25px;	
	width:300px;
	height:120px;
	float:left;
	font-family:"arial";
	color:#8d8c8c;
	font-size: 0.8em;	}
	
#spotifyborderheader{
	background-color: #535353;
	margin-top: 5px;
	width:300px;
	height:6px;
	float:left;	}	
	.classspotify2{
	font-family: "Trebuchet MS";
	color: #a1a1a1;	}
	.classspotify2:hover{
	color: #FF0099;}
/* -------------------------------------------------- */
#footertext{
	font-family: "Trebuchet MS";
	font-size: 13px;
	color: #666666;
	position: relative;
	z-index:3;
	width:230px;
	height:135px;	
	padding-top:16px;
	margin-left:85px;	
	float:left;		}	
.mailfooter{
	font-family: "Trebuchet MS";
	font-size: 13px;
	color: #8d8c8c;}
.mailfooter:hover{
	font-family: "Trebuchet MS";
	font-size: 13px;
	color: #ccc;}
/* -------------------------------------------------- */
#footerright{
	padding-top: 37px;
	position: relative;
	z-index:4;
	width:215px;
	height:120px;	
	float:left;	
	margin-left:125px;	}
/* -------------------------------------------------- */
#spotify{
	background-image:url(../image/spoticon.png);
	background-position: center right;
	background-repeat:no-repeat;
	position: relative;
	z-index:5;
	width: 210px;
	height: 48px;
	margin:auto;
	font-family:"Trebuchet MS";
	color:#ccc;
	font-size: 1em;	}
.spotifyborder{
	width:170px;
	height:6px;
	float:left;
	background-color: #535353;	}
.spotifyborder2{
	width: 210px;
	height:6px;
	float:left;
	}
.classspotify{
	font-family: "Trebuchet MS";
	font-size: 0.9em;
	color: #a1a1a1;
		width:170px;
	height:15px;
	float:left;}
.classspotify:hover{
	font-family: "Trebuchet MS";
	font-size: 0.9em;
	color: #FF0099;}
/* -------------------------------------------------- */
#socialicons{
	position: relative;
	z-index:6;
	width:212px;
	height:32px;
	float:left;	
	padding-top: 15px;	}
/* ----------------------FOOTER---------------------- */

/* COOP LOGOS */
.snabbnavrubrik{
color: #424242;
font-size:0.9em;
font-family:"Trebuchet MS";
font-weight:bold;
}
#cooplogos{
width:945px;
height:160px;
margin:auto;
}

#cooplogosall, #cooplogosall2, #cooplogosall3, #cooplogosall4{
margin-top:20px;
float:left;
height:145px;
color: #424242;
font-size:1em;
font-family:"arial";		}

#cooplogosall{width:190px;}
#cooplogosall2{width:160px;}
#cooplogosall3{width:130px;}
#cooplogosall4{width:180px;}

#cooplogosall5{
margin-right: 20px;
margin-top:15px;
float:right;
height:135px;
width:135px;
}

.coopa{
color: #424242;
font-size:0.8em;
font-family:"arial";
}
.coopa:hover{
color: #000;
}
/* COOP LOGOS */

img{border:none;}

#skilj{
width:1000px;
height:30px;
float:left;
}