/* Stylesheet for www.musicfest.no site */

/* Fargekoder---------------
Grønn:   #bac400; 
Gul:     #ffc100;
Rød:     red;
Hvit:    #fff;

2011:
Rosa:    #e50083    (erstatter grønn)

2012:
Lilla:    #981d97	(erstatter rosa)
Grønn:    #c4d600	(erstatter gul)

----------------------------*/

/* Spesialfonter for Musicfest.no, integrert som @Font-Face */
@font-face {
	font-family: 'EurostileLTStdDemi';
	src: url('Fonts/eurostileltstd-demi-webfont.eot');
	src: local('☺'), url('Fonts/eurostileltstd-demi-webfont.woff') format('woff'), url('Fonts/eurostileltstd-demi-webfont.ttf') format('truetype'), url('Fonts/eurostileltstd-demi-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}
/* end fonts */


/* ---------- General ---------- */
* {
  margin: 0;
  padding: 0;
}

body {
  text-align: left;
  font-family: EurostileLTStdDemi, Arial, Sans-serif;
  font-size: 12px;
  background-color: #000000;
}

a {

	color: #c4d600;
/*
	 color: #bac400;     2010  */
	 font-size:11px;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

a img {
  border: none;
}

h2.box, h3.box {
  font-size: 12px;
  font-family: EurostileLTStdDemi, Arial, Sans-serif;
  clear: left;
  margin-bottom: 20px;
  background-color: #f2f2f2;
  padding: 5px 10px 5px 10px;
  border-bottom: 1px dotted #8cacc0;
  margin-bottom: 10px;
}

.link-list {
  list-style-type: none;
}

.link-list li {
  margin: 10px 0 25px 0px;
}

.link-list li a {
  font-family: EurostileLTStdDemi, Arial, Sans-serif;
  font-size: 15px;
   text-transform:uppercase;
  color: #fff;
}

.summary ul, .body ul {
border: solid 0px red;
  margin-left: 20px;
}

.edit {
  color: red;
}

.clear { height:20px; }

.floatleft {float: left;}
.floatright {float: right;}

.portalselector {float: left;padding-left: 40px; padding-top: 6px;}
.showusername {color: #c4d600; font-style: italic; font-size: 12px;text-align:right;margin-top: -40px;margin-right: 10px;margin-bottom: 5px; padding-right: 270px;}
.showusername a {color: #c4d600; font-style: italic; font-size: 12px; }


/* ---------- Framework ---------- */

#canvas {
 border:solid 0px cyan;
  width: 1150px;
  text-align: left;
  background: url(img/bg_collage.jpg) no-repeat;
/*  margin-left: 0px;
  margin-right: auto;
*/
}

#content {
border:solid 0px red;
  width: 1150px;
  padding-left: 0px;
  padding-right: 0px;

}


  #top {
    position: relative;
    width: 1150px;
    height: 140px;
    margin-bottom: 0px;
  }

    #masthead {
    border:solid 0px red;
      position: relative;
      width: 1150px;
      height: 140px;
      background: url('img/banner.jpg') no-repeat;
      margin-bottom: 0px;
    }

      a.home-link {
        position: absolute;
        display: block;
        top: 5px;
        left: 0;
        width: 230px;
        height: 70px;
        text-decoration: none;
      }

      a.home-link span {
        visibility: hidden;
      }

      a.jump-to-content {
        position: absolute;
        top: 0;
        left: -2000px;
      }

      .nav-tools {
        float: right;
        list-style-type: none;
        margin-top: 60px;
      }

      .nav-tools li {
        float: left;
        margin-left: 10px;
      }

      .nav-tools a {
        color: #000;
      }

      .nav-tools a.selected {
        font-weight: bold;
      }

    #bar-top {
      width: 1035px;
      height: 30px;
      background-color: #000;
    }

      .nav-top {
        list-style-type: none;
        margin-left: 10px;
      }

      .nav-top li {
        float: left;
        height: 30px;
        margin-right: 50px;
      }

      .nav-top a {
        display: block;
        height: 21px;
        padding-top: 6px;
       font-size:14px;
	  font-family: EurostileLTStdDemi, Arial, Sans-serif;
        color: #fff;
      }

      .nav-top a.selected {
        font-weight: bold;
      }

      #search {
        float: right;
        padding-top: 4px;
        padding-right: 10px;
      }

      #searchbutton {
        font: 14px Arial;
        color: #fff;
        background-color: #000;
        border: none;
        cursor: pointer;
        width: 30px;
        height: 20px;
      }

  #main-container {
    width: 1035px;
  }

  #footer {
  border: solid 0px cyan;
    width: 1150px;
    margin-top: 20px;
    border-top: 1px dotted #8cacc0;
    padding-top: 10px;
    padding-bottom: 10px;
  }
 
    #footer p {
      text-align: center;
    }

/* ---------- Frontpage template ---------- */

    #frontpage-top {
      width: 1035px;
      overflow: hidden;
      padding-top: 10px;
    }

      #frontpage-top h1 {
        font-size: 18px;
       font-family: EurostileLTStdDemi, Arial, Sans-serif;
        color: #ffffff;
        margin-bottom: 20px;
      }

      #frontpage-top p {
        font-size: 18px;
	  font-family: EurostileLTStdDemi, Arial, Sans-serif;
        margin-bottom: 10px;
      }

      #frontpage-top a {
        font-size: 12px;
		  font-family: EurostileLTStdDemi, Arial, Sans-serif;
      }

      .frontpage-social-links {
        margin-top: 20px;
      }

      .frontpage-social-links span {
        margin-right: 20px;
      }

      #frontpage-top-left {
        float: left;
        width: 450px;
      }

      #frontpage-top-right {
        float: left;
        width: 500px; /* Max 550px */
      }

    #frontpage-columns {
      width: 1035px;
      overflow: hidden;
      padding-top: 20px;
    }

      #frontpage-columns .frontpage-column {
        float: left;
        width: 300px;
        margin-right: 50px;
      }

      #frontpage-columns .last {
        margin-right: 0;
      }

        .frontpage-section {
        border:solid 0px red;
          margin-bottom: 20px;
           
        }
           .frontpage-section h2 {
             font-size: 12px;
             font-weight: bold;
             font-family: EurostileLTStdDemi, Arial, Sans-serif;
              color: #fff;
        }

	  .frontpage-section .edit  {
		color: red;	
		font-size: 10px;	
}	

          .frontpage-news-item {
            border:solid 0px red;
            width: 100%;
            padding-bottom: 30px;
               color: #fff;
          }

            .frontpage-news-item h3, h3 a {
              font-size:14px;
              font-weight: bold;
              font-family: EurostileLTStdDemi, Arial, Sans-serif;
              color: #fff;
            }

            .frontpage-news-item .img-left {
              float: left;
              width: 70px;
              margin-right: 10px;
              overflow: hidden;
            }

            .frontpage-news-item .txt-right {
              float: right;
              width: 220px;
            }

            .frontpage-news-item .txt-left {
              float: left;
              width: 220px;
              margin-right: 10px;
            }

            .frontpage-news-item .img-right {
              float: right;
              width: 70px;
              overflow: hidden;
            }

            .frontpage-news-item .date {
              color: #999999;
              white-space: nowrap;
            }

          .events {
            margin-left: 10px;
          }

          .events td {
            vertical-align: top;
          }

          .events th {
            text-align: left;
          }

          .events .date {
            width: 90px;
          }

          .events .title {
            width: 130px;
          }
  
          .events .location {
            width: 70px;
          }

          .all-events-link {
            padding: 10px 0 20px 10px;
          }

          .event th {
            width: 90px;
            height: 20px;
          }

/* ---------- Content template with wide main area and right column ---------- */

    #main-content-wide {
    border:solid 0px red;
      width: 100%;
      overflow: hidden;
    }
    
     #main-content-wide-tbl {
    border:solid 0px red;
      width: 100%;
      height:50px;
      
    }
	 #main-content-wide-tbl .td1 {
    border:solid 0px white;
      width: 280px;
      
    }
     #main-content-wide-tbl .td2 {
    border:solid 0px white;
      width: 870px;
      background: url(img/bg_bunn2.jpg) no-repeat;
    }
    
    #main-sponsor-txtlist-tbl
	{	border:solid 0px red;
      width: 870px;
      padding-top: 0px;
      margin: 0 0 0 0;
            
     }
  		 
    #main-sponsor-txtlist-tbl .info {
    border:solid 0px white;
    width:615px;
    
     
    }
 	#main-sponsor-txtlist-tbl .edit {
    border:solid 0px white;
    width:280px;
         
    }


	#main-footer-txtlist-tbl
	{	border:solid 0px red;
      width: 870px;
      padding-top: 0px;
      height: 95px;
      vertical-align:top;
      
     }
  	
	 #main-footer-txtlist-tbl .space {
    border:solid 0px white;
      width: 110px;
    }
    
    #main-footer-txtlist-tbl .info {
    border:solid 0px white;
    width:480px;
         
    }
 	#main-footer-txtlist-tbl .edit {
    border:solid 0px white;
    width:260px;
         
    }
    
    #main-content-wide .infotxt{
        border:solid 0px white;
        float: left;
        height: 94px;
        padding-right: 0px;
       
      }

      #main-content-wide-left {
       border:solid 0px white;
        float: left;
        width: 615px;
        padding-right: 0px;
      }

      #main-content-wide-left h1 {
       border:solid 0px yellow;
       font-size:18px;
       font-weight:bold;
	  font-family: EurostileLTStdDemi, Arial, Sans-serif;
        color: #206068;
        margin-bottom: 20px;
      }
        #main-content-wide-left h2 {
       border:solid 0px yellow;
        font-size:14px;
       font-weight:bold;
	  font-family: EurostileLTStdDemi, Arial, Sans-serif;
        color: #206068;
        margin-bottom: 20px;
      }


      #main-content-wide-left .body {
        margin-bottom: 20px;
      }

      #main-content-wide-left h3 {
       font-size:14px;
       font-weight:bold;
	  font-family: EurostileLTStdDemi, Arial, Sans-serif;
        color: #206068;
      }

/* ---------- Content template with left menu, main area and right column ---------- */

    #wrapper {
      width: 100%;
      overflow: hidden;
      background: url(img/bg-main-repeat.gif) repeat-y 150px 0;
      position:relative;
    }

    #left {
  
      float: left;
      width: 280px;
            
    }

      .nav-left {
       list-style-type: none;
        padding-top: 8px;
        padding-left: 165px;
        
      }

        .nav-left li.level-1 {
          margin-top: 2px;
          font-weight:  bold;
          font-size:11px;

          text-transform:uppercase;
        }
        
         .nav-left li.level-1 a.selected {
          text-decoration: none;
          color: #c4d600;
          
        }


        .nav-left li.level-2 {
          margin-top: 2px;
          font-size: 12px;
          font-family: EurostileLTStdDemi, Arial, Sans-serif;
        }

        .nav-left a {
          color: #981d97;  /* ffc100  */
        }
		 .nav-left a:hover {
          color: #c4d600;  /* ffc100  */
        }

        .nav-left a.selected {
          text-decoration: underline;
          color: #c4d600;
          
        }
        
      .nav2-space {
       list-style-type: none;
        padding-top: 175px;
        padding-left: 165px;
        
      }

       
      .editor-tools {
      border:solid 0px red;
        margin-top: 150px;
        padding-left: 40px;
        color:  #c4d600;
        width: 220px;
      }

    #main-content {
     border:solid 0px white;
     padding-top:30px;
      float: left;
      width: 866px;
      color: #fff;
    }

      #breadcrumb {
        width: 825px;
        color: #8cacc0;
        padding-left: 25px;
        margin-bottom: 20px;
        background-color: #fff;
      }

      #breadcrumb a {
        color: #8cacc0;
      }

      #main-content p, #main-content-wide p {
        font-size: 12px;
        font-family: EurostileLTStdDemi, Arial, Sans-serif;
        margin-bottom: 10px;
      }
      #main-content strong {font-weight: bold; }

      #main-content-left {

        float: left;
        width: 595px;
        padding-left: 15px;
        padding-right: 0px;
        padding-top: 0px;
        color: #ffffff;
      	font-family: EurostileLTStdDemi, Arial, Sans-serif;
      	border:solid 0px red;
      }


        #main-content-left h1 {
          font-size: 20px;
		  font-family: EurostileLTStdDemi, Arial, Sans-serif;
          text-transform: uppercase;
          color: #c4d600;
          margin-bottom: 15px;
        }
        
     
		 #main-content-left h2 {
          font-size: 17px;
   		  font-family: EurostileLTStdDemi, Arial, Sans-serif;
          text-transform: uppercase;
          color:  #fff;
          margin-bottom: 20px;
        }
         #main-content-left h3 {
          font-size: 12px;
		  font-family: EurostileLTStdDemi, Arial, Sans-serif;
          color: #c4d600;
        }


		#main-content-left .summary {
		       border:solid 0px red;
		 clear: left;
          margin-bottom: 20px;
          
        }
            
        }

        #main-content-left .body {
          clear: left;
          margin-bottom: 20px;
          
        }


        .article-footer {
          clear: left;
          padding-top: 10px;
          color: #999999;
        }

        .social-links {
          text-align: right;
        }

        .social-links span {
          margin-left: 10px;
        }

        .article {
          width: 100%;
          overflow: hidden;
          padding-bottom: 10px;
        }
        .article .edit { color:red; font-size: 11px;}

	    .article h2, h2 a {
         font-size: 17px;
         font-weight: bold;
 	  font-family: EurostileLTStdDemi, Arial, Sans-serif;
            color:  #fff;
          }
            .article h6, h6 a {
            font-size: 14px;
		  font-family: EurostileLTStdDemi, Arial, Sans-serif;
          text-transform: uppercase;
          color: #fff;
/*          color: #bac400;       2010  */
          margin-bottom: 10px;
            }


          .article .img-left {
            float: left;
            width: 290px;
            margin-right: 10px;
            overflow: hidden;
            padding-bottom: 10px;
          }

          .article .txt-right {
            float: right;
            width: 290px;
            padding-bottom: 10px;
          }

          .article .txt-left {
            float: left;
            width: 290px;
            margin-right: 10px;
           padding-bottom: 10px;
          }
          
          .article .img-right {
            float: right;
            width: 290px;
            overflow: hidden;
            padding-bottom: 10px;
          }

        .nav-links img {
          vertical-align: middle;
          background-color: #aaa;
        }

        .nav-links img.nav-back {
          margin-right: 5px;
        }

        .nav-links img.nav-forward {
          margin-left: 5px;
        }

      #main-content-right {
        float: left;
        width: 100px;
      }

        .section-right {
          margin-bottom: 20px;
          border: solid 1px red,
              }
        
          .section-right p {
            margin-left: 10px;
          }
          
       
       .dyr-leftside {
       position: absolute;
      
        border:solid 0px red;
/*
       padding-left: 20px;
       padding-top: 100px;
*/
       top: 90px;
       left: 10px;
       }
 		
     .dyr-rightside {
       border:solid 0px red;
       position:absolute;
       top: 100px;
       left: 935px;
 		}
       
/*-----------Artisoversikt-----------*/

#artistmsg {margin: 5px 5px 5px 5px; border:solid 0px green;}
#artistmsg .new {vertical-align:text-bottom; display: block; color:red; border:solid 0px red; font-size:11px;}
#artistmsg .title {color: #E5AE00; margin: 17px 0px 0px 0px; padding: 0px 0px 0px 0px; font-weight: normal; font-size: medium ; text-align: left;letter-spacing: 0px; border:solid 1px green;}
#artistmsg .right {text-align: right;}
#artistmsg h1 {color: #D0D32A; font-size: 13px; }
#artistmsg h4 {color: #D0D32A; font-size: 16px; }
#artistmsg a {color: #ffffff; }/* FF6600 */

#artisttbl { border: solid 0px red; width:100%;}
#artisttbl a { color:#c4d600; font-size: 12px; }  /* EBAF00 6E7794*/
/*#artisttbl a:hover {  color:#c4d600; } */
#artisttbl .edit { color:red; font-size: 11px;}
#artisttbl td { border: solid 0px green; color: lime; padding: 0px 0px 0px 5px; width:150px;  vertical-align:top; }

#artist { z-index:1; border: solid 0px aqua; width:595px;}
#artist .col { float:left;border: solid 0px green; color: lime; padding: 0px 0px 0px 5px; width:141px; vertical-align:top;}

.tbl { z-index:1; border:solid 0px aqua; margin-bottom: 0px; width:600px; }

#arthistory  { z-index:2; border:solid 0px red; padding-left:7px; width:595px;}
#arthistory h2 {color: #D0D32A; font-size: 11px; color:#ffffff; padding-top:20px; margin-bottom: 6px; }
#arthistory ul {border: solid 0px red; list-style-type:none; padding-bottom: 25px;}
#arthistory li {border: solid 0px aqua; float:left; margin: 0px 5px 7px 0px; padding: 2px 2px 2px 2px; background-color:#981d97; color:#c4d600;}
#arthistory li a.selected {background-color:#c4d600; color:#981d97;padding: 1px 1px 1px 1px; margin:0px; }

  
/*
    .nav-left li.level-1 {
          margin-top: 2px;
          font-weight:  bold;
          font-size:11px;

          text-transform:uppercase;
        }
        
         .nav-left li.level-1 a.selected {
          text-decoration: none;
          color: #c4d600;
          
        }
*/
     

/* ---------- Sitemap ---------- */

        .sitemap-columns {
          width: 100%;
          overflow: hidden;
        }

        .sitemap-column {
          float: left;
          width: 45%;
        }

        .sitemap, .sitemap ul {
          list-style-type: none;
        }

          .sitemap li.level-2 {
            background: url(img/bg-sitemap-level-2.gif) no-repeat;
          }

            .sitemap li.level-3 {
              background: url(img/bg-sitemap-level-3.gif) no-repeat;
            }

          .sitemap li.level-2 a {
            margin-left: 25px;
          }

            .sitemap li.level-3 a {
              margin-left: 50px;
            }

        .sitemap li a {
          color: #000;
          padding-left: 22px;
          background: url(img/bg-sitemap-link.gif) no-repeat;
        }

        .sitemap li a.last {
          background: url(img/bg-sitemap-link-last.gif) no-repeat;
        }

          .sitemap li.last li.level-2 {
            background: none;
          }

            .sitemap li.last li.level-3 {
              background: url(img/bg-sitemap-level-2.gif) no-repeat;
            }

            .sitemap li.last li.level-2 li.level-3 {
              background: url(img/bg-sitemap-level-3-last.gif) no-repeat;
            }

            .sitemap li.last li.last li.level-3 {
              background: none;
            }