body {
background: #000000 url(img/bg.jpg) no-repeat center top;
font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
margin: 0; padding: 0;
text-align: center;
overflow-x: hidden;
}

h2 {
margin: 0 0 34px 0;
padding: 0;
font-size: 24px;
}

.sIFR-alternate { display: none; }

#bottom {
width: 100%;
height: 238px;
background: url(img/bunn.png) repeat-x top center;
position:fixed;
z-index: 4;
_position:absolute;
left: 0;
bottom:0;
_bottom:expression(eval(document.body.scrollTop));
}

#wrap2 {
height: 300px;
width: 1000px;
margin: 0 auto;
text-align: center;
}

#turneplan {
width: 500px;
height: 200px;
margin: 15px 0 0 0;
float: left;
}

#nyhet {
height: 150px;
width: 450px;
margin: 15px 0 0 0;
float: right;
color: #cecec8;
text-align: left;
}

#nyhet p {
float: right;
width: 450px;
font-size: 12px;
line-height: 14px;
margin: -2px 0 15px 0;
}

#read a {
color: #d0bb88;
text-decoration: none;
font-size: 12px;
}

#read a:hover {
color: #FFFFFF;
}

#sosialemedia{
float: right;
width: 440px;
display: block;
margin: 20px 0 0 10px;
}

#meny {
padding-top: 89px;
height: 110px;
width: 1028px;
margin: 0px auto;
text-align: center;
}

#wrap {
background: transparent url(img/meny-bg.png);
height: 210px;
margin-top: 470px;
}

/* Sosiale medier
------------------------------------------ */

#facebook { 
background:transparent url(img/sm-facebook.png) no-repeat scroll 0 0; 
display:block; 
height:48px; 
overflow:hidden; 
text-indent:-999em; 
width:113px; 
cursor:pointer; 
float: left;
padding-right: 0px;
} 

#myspace { 
background:transparent url(img/sm-myspace.png) no-repeat scroll 0 0; 
display:block; 
height:48px; 
overflow:hidden; 
text-indent:-999em; 
width:105px; 
cursor:pointer;
float: left;
padding-right: 0px;
}

#lastfm { 
background:transparent url(img/sm-lastfm.png) no-repeat scroll 0 0; 
display:block; 
height:48px; 
overflow:hidden; 
text-indent:-999em; 
width:100px; 
cursor:pointer; 
float: left;
padding-right: 0px;
}

#youtube { 
background:transparent url(img/sm-youtube.png) no-repeat scroll 0 0; 
display:block; 
height:48px; 
overflow:hidden; 
text-indent:-999em; 
width:100px; 
cursor:pointer; 
float: left;
padding-right: 0px;
}

#facebook:hover, #myspace:hover, #lastfm:hover, #youtube:hover { 
background-position:0 -48px;   
}

#facebook a, #myspace a, #lastfm a, #youtube a {
display: block;
}


/* Turnè
------------------------------------------ */

.turne {
border-bottom: 1px solid #222;
display: block;
float: left;
margin: 0 0 10px 0;
padding: 0 0 8px 0;
width: 500px;
color: #cecec8;
}

.turnedato {
display: block;
float: left;
font-family: "Helvetica", Arial;
font-weight: bold;
font-size: 13px;
letter-spacing: 1px;
padding-top: 1px;
}

.turnetitle {
font-family: Georgia;
font-size: 13px;
margin: 0 20px 0 15px;
display: block;
float: left;
}

.turnelink {
display: block;
float: right;
font-family: Helvetica, Arial, Verdana;
font-weight: bold;
font-size: 12px;
text-transform: uppercase;
}

.turnelink a {
text-decoration: none;
color: #d0bb88;
}

.turnelink a:hover {color: #FFFFFF;}

/* Navigasjon
------------------------------------------ */

/* trigger button */
.navigation {
display:block;
margin-bottom:30px;
overflow:hidden;
cursor:pointer; 
float: left;
padding-right: 0px;
text-indent:-999em; 
}

#aage { 
background:transparent url(img/menu-aage.png) no-repeat scroll 0 0; 
height:37px;
width:110px; 
} 

#album { 
background:transparent url(img/menu-album.png) no-repeat scroll 0 0; 
height:37px; 
width:140px; 
} 

#nyheter { 
background:transparent url(img/menu-nyheter.png) no-repeat scroll 0 0; 
height:37px; 
width:175px; 
} 

#turne { 
background:transparent url(img/menu-turne.png) no-repeat scroll 0 0; 
height:37px; 
width:140px;
} 

#presse { 
background:transparent url(img/menu-presse.png) no-repeat scroll 0 0; 
height:37px;
width:150px; 
} 

#galleri {
background:transparent url(img/menu-galleri.png) no-repeat scroll 0 0; 
height:37px; 
width:160px; 
} 

#blogg { 
background:transparent url(img/menu-blogg.png) no-repeat scroll 0 0; 
height:37px; 
width:140px;
} 
 
/* mouseover state */ 
#aage:hover, #album:hover, #nyheter:hover, #turne:hover, #presse:hover, #galleri:hover, #blogg:hover { 
background-position:0 -36px ;         
} 
 
/* clicked state */ 
#aage:focus, #album:focus, #nyheter:focus, #turne:focus, #presse:focus, #galleri:focus, #blogg:focus { 
background-position:0 -36px; 
} 
 
/* tooltip styling */ 
.aagetool { 
display:none; 
background: url(img/tip_aage.png); 
height:193px; 
margin: -20px 0px 0px 12px;
padding: 30px 60px 10px 0px; 
width:310px; 
font-size:11px; 
color:#fff; 
} 

.albumtool { 
display:none; 
background: url(img/tip_album.png); 
height:193px; 
margin: -20px 0px 0px -2px;
padding: 30px 60px 10px 0px; 
width:310px; 
font-size:11px; 
color:#fff; 
} 

.nyhetertool { 
display:none; 
background: url(img/tip_nyheter.png); 
height:193px; 
margin: -20px 0px 0px -2px;
padding: 30px 60px 10px 0px; 
width:310px; 
font-size:11px; 
color:#fff; 
} 

.turnetool { 
display:none; 
background: url(img/tip_turne.png); 
height:193px; 
margin: -20px 0px 0px -2px;
padding: 30px 60px 10px 0px; 
width:310px; 
font-size:11px; 
color:#fff; 
} 

.pressetool { 
display:none; 
background: url(img/tip_presse.png); 
height:193px; 
margin: -20px 0px 0px -2px;
padding: 30px 60px 10px 0px; 
width:310px; 
font-size:11px; 
color:#fff; 
} 

.galleritool { 
display:none; 
background: url(img/tip_galleri.png); 
height:193px; 
margin: -20px 0px 0px -2px;
padding: 30px 60px 10px 0px; 
width:310px; 
font-size:11px; 
color:#fff; 
} 

.bloggtool { 
display:none; 
background: url(img/tip_blogg.png); 
height:193px; 
margin: -20px 0px 0px -2px;
padding: 30px 60px 10px 0px; 
width:310px; 
font-size:11px; 
color:#fff; 
} 
 
/* a .label element inside tooltip */ 
.tooltip .label { 
color:yellow; 
width:35px; 
} 
 
.tooltip a { 
color:#ad4; 
font-size:11px; 
font-weight:bold; 
}

/* get rid of those system borders being generated for A tags */
a:active {outline:none;}
:focus {-moz-outline-style:none;}

#dynatip {
display:none;
background:transparent url(img/black_arrow_big.png);
font-size:12px;
height:70px;
width:160px;
padding:25px;
color:#fff;	
}

/* style the trigger elements */
#dyna img {
border:0;
cursor:pointer;
margin:0 8px;
}

/* override the arrow image of the tooltip */
#dynatip.bottom {
background:url(/tools/img/tooltip/black_arrow_bottom.png);	
padding-top:40px;
height:55px;
}

#dynatip.bottom {
background:url(/tools/img/tooltip/black_arrow_bottom.png);
}