@font-face {
	font-family: 'Tondu';
	src: url('fonts/Tondu_Beta.eot');
	src: local('☺'), url('fonts/Tondu_Beta.woff') format('woff'), url('fonts/Tondu_Beta.ttf') format('truetype'), url('fonts/Tondu_Beta.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


@font-face {
    font-family: 'ImpactLabelReversedRegular';
    src: url('fonts/impactlabelreversed.eot');
    src: url('fonts/impactlabelreversed.eot') format('embedded-opentype'),
         url('fonts/impactlabelreversed.woff') format('woff'),
         url('fonts/impactlabelreversed.ttf') format('truetype'),
         url('fonts/impactlabelreversed.svg#ImpactLabelReversedRegular') format('svg');
}


a > img{
    border: 0;
}

* {
	margin: 0px;
}

img { 
    border: 1px solid black;
}    

.studiobild {
    margin-top: 10px;
    margin-bottom: 15px;
    border: 1px solid black;
}

body, html {
	height:100%;
	/*width:100%;*/
	min-height:100%;
	/*background-color:#00c08c;*/
	background-image: url('images/bg2.jpg');
    background-repeat: no-repeat;
    background-color: black;
    
}

#wrapper {
	width: 1159px;
	/*height:100%;*/
	min-height: 100%;
	padding: 0px;
    border-left: 1px solid black;
    border-right: 1px solid black;
	margin-left: auto;
	margin-right: auto; 
	background-image: url('images/bg.jpg');
	
}
#header {
	position:relative;
	width: 1159px;
	height:520px;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
}

#contentcontainer {
	position:relative;
	width: 1159px;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
	overflow:visible; 
}

.newsItem {
    margin-bottom: 40px;   
}    

.contentdiv {
	position:relative;
	left:0px;
	top:0px;
	width:1159px;
    min-height: 532px;
	margin-left: auto;
	margin-right: auto; 
	overflow:auto;
}
.galleridiv {
            line-height:45px;
    }

.galleridiv a { 

            padding:7px;
}    
    
.presbild {
            margin-top: 13px;
            margin-bottom: 20px;
    }

.kontaktdiv {
            
            position:absolute;
}

#ottonamn {
            left: 70px;
            width: 550px;
            margin-top:70px;
    }

#ottoinfo {
            
            left: 70px;
            top: 110px;
            width: 200px;
    }

#danielnamn {
            left: 70px;
            width: 500px;
            top: 300px;
            margin-top:70px;
    }

#danielinfo {
            left: 70px;
            top:410px;
            width: 200px;
    }

#studionamn {
            left: 650px;
            width: 500px;
            margin-top:70px;
    }

#studioinfo {
            left: 650px;
            top:110px;
            width: 200px;
    }

#ottopres {
            left: 350px;
            top:115px;
            width: 200px;
    }

#danielpres {
            left: 350px;
            top:415px;
            width: 200px;
    }

    /*#pryldiv {
        height:1600px;
        overflow-y:auto;
}*/

#startcontent {
	display:none;
}

#nyhetercontent {
	display:none;
}	

#infocontent {
	display:block;
}

#studiocontent {
	display:none;
}	

#bildercontent {
 	display:none;
}

#kontaktcontent {
	display:none;
    height:700px;
}	

.fb-like, .fb_edge_widget_with_comment, .fb_iframe_widget {
    position:absolute !important;
    top: 10px;
    left:10px;
    z-index: 20;
}

/* JUKEBOX */

.slide-out-div {
    	
    width: 574px;
	height: 800px;
	background-image: url('images/spelaren/spelaren.png');
	z-index: 200;
}

#spelardiv {
	padding-top: 260px;
	padding-left: 25px;

}

.audioButton {
	background: url("images/btn.png") no-repeat 0 0px;
	cursor: pointer;
	margin: 0px;
	padding: 0px;
	width: 20px;
	height: 19px;
}

.audioButton:hover {
	background-position: 0 -40px;
}

.audioButton.playing {
	background-position: 0 -80px;
}

.audioButton.playing:hover {
	background-position: 0 -120px;
}

}

.audioButton.loading,
.audioButton.loading:hover {
	background: url("images/loading.gif") no-repeat 0px;
	text-indent: 0!important;
}

#player {
	display: none;
}

.knappcell {
	width: 33px;
	
}

.textcell {
	width: 180px;
	margin-left: 20px;
	}

.textcell2 {
	width: 155px;
	}


.textcell3 {
	width: 50px;
	}

#spelartabell tr {
    height: 30px;
    }

#spelartabell td {
	vertical-align: middle;
     }


    
    /* TEXTEGENSKAPER */



h2 {
	font-family: Tondu;
	font-size:36px;
}

h3 {
	font-family: Tondu;
	font-size:24px;
	color: #f0ddbc;
}

.bold {
    font-weight: 700 ;
    font-size: 14px;
    
}

.prestext {
	font-family: arial;
	font-size: 14px;
	color: #ffffff;
	letter-spacing: 0px;
	line-height: 18px;
	text-align: left;
	font-weight: 400;
}

.text {
	font-family: arial;
	font-size: 14px;
	color: #ffffff;
	letter-spacing: 0px;
	line-height: 18px;
	text-align: justify;
	font-weight: 400;
}

.semirubrik {
	font-family: arial;
	font-size: 16px;
	color: #ffffff;
	letter-spacing: 1px;
	line-height: 18px;
	text-align: justify;
	font-weight: bold;
}

.nyhetsrubrik {
	font-family: arial;
	font-size: 20px;
    text-transform:uppercase;
	color: #ffffff;
	letter-spacing: 0px;
	line-height: 28px;
	text-align: justify;
	font-weight: normal;
}

.prylar {
	text-align: left;
	font-family: Arial;
	font-size: 12px;
	color: #ffffff;
	letter-spacing: 0px;
	line-height: 13px;
	text-align: justify;
	font-weight: normal;

}
.spelarrubrik {
	font-family: ImpactLabelReversedRegular;
	font-size: 12px;
	color: #000000;
    opacity: 0.8;
	letter-spacing: 0px;
	line-height: 16px;
	text-align: justify;
	font-weight: normal;
}
.spelartext {
	font-family: ImpactLabelReversedRegular;
	font-size: 12px;
	color: #000000;
    opacity: 0.8;
	letter-spacing: 0px;
	line-height: 16px;
	text-align: justify;
	font-weight: normal;
}

/* MENYRADEN!!! */

/* NYHETER */
}
#menyNyheter {
  position:relative;
  height:130px;
  width:308px;
  margin:0 auto;
  display:inline-block;
  padding:0;
	
}

#tabNyheter img {
  position:absolute;
  left:0;
  -webkit-transition: opacity 0.1s ease-in-out;
  -moz-transition: opacity 0.1s ease-in-out;
  -o-transition: opacity 0.1s ease-in-out;
  transition: opacity 0.1s ease-in-out;
}

#tabNyheter img.top:hover {
  opacity:0;
}

/* INFO */

#tabInfo {
  position:absolute;
  left:307px;
  height:130px;
  width:147px;
  margin:0 auto;
  padding:0;
  display:inline-block;
  
}

#tabInfo img {
  position:absolute;
  left:0;
  -webkit-transition: opacity 0.1s ease-in-out;
  -moz-transition: opacity 0.1s ease-in-out;
  -o-transition: opacity 0.1s ease-in-out;
  transition: opacity 0.1s ease-in-out;
}

#tabInfo img.top:hover {
  opacity:0;
}

/* STUDIO */

#tabStudio {
  position:absolute;
  left:452px;
  height:130px;
  width:210px;
  margin:0 auto;
  padding:0;
  display:inline-block;
  
}

#tabStudio img {
  position:absolute;
  left:0;
  -webkit-transition: opacity 0.1s ease-in-out;
  -moz-transition: opacity 0.1s ease-in-out;
  -o-transition: opacity 0.1s ease-in-out;
  transition: opacity 0.1s ease-in-out;
}

#tabStudio img.top:hover {
  opacity:0;
}

/* BILDER */

#tabBilder {
  position:absolute;
  left:661px;
  height:130px;
  width:208px;
  margin:0 auto;
  padding:0;
  display:inline-block;
  
}

#tabBilder img {
  position:absolute;
  left:0;
  -webkit-transition: opacity 0.1s ease-in-out;
  -moz-transition: opacity 0.1s ease-in-out;
  -o-transition: opacity 0.1s ease-in-out;
  transition: opacity 0.1s ease-in-out;
}

#tabBilder img.top:hover {
  opacity:0;
}

/* KONTAKT */

#tabKontakt {
  position:absolute;
  left:869px;
  height:130px;
  width:290px;
  margin:0 auto;
  padding:0;
  display:inline-block;
  
}

#tabKontakt img {
  position:absolute;
  left:0;
  -webkit-transition: opacity 0.1s ease-in-out;
  -moz-transition: opacity 0.1s ease-in-out;
  -o-transition: opacity 0.1s ease-in-out;
  transition: opacity 0.1s ease-in-out;
}

#tabKontakt img.top:hover {
  opacity:0;
}