/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,td { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

strong { font-weight: bold; }
em { font-style: italic; }

/* PAGE */


body {
  background: white;
  font: 12px/14px 'courier new', courier, monospace;
}

body.rabal .program-col {
  background: transparent url(../images/bg-rabal.png) repeat left top scroll;
}

#menu {
  position: fixed;
  left: 100px;
  top: 34px;
  width: 838px;
  font: bold 12px/20px arial, sans-serif;
  z-index: 100;
}

#menu.plain {
  position: absolute;
}

#menu li a {
  text-decoration: none;
  text-transform: uppercase;
  color: white;
}


#menu li a:hover, #menu li.current a {
  color: #999;
}

#menu ul.l0 {
  position: absolute;  
  left: 55px;
  top: 145px;
  width: 783px;
  background: black;
  height: 20px;
}

/*#menu ul.l0.right {
  
}*/

#menu ul.l1 {
  position: absolute;  
  left: -55px;
  top: 22px;
  width: 783px;
  background: black;
  height: 20px;
}

#menu ul.artists {
  position: absolute;  
  left: 0;
  top: 22px;
  width: inherit;
  background: transparent;
  height: 20px;
}

#menu ul.artists li {
  float: left;
  clear: both;
  background: black;
  color: white;
}

#menu ul.artists li em {
  font-style: normal;
  margin-right: 4px;
}

#menu ul.artists li a.ticket {
  font-weight: normal;
  margin-left: 24px;
}

a.ticket {
  text-transform: uppercase;
}

li.to-right ul.l1 {
  text-align: right;
}

li.to-center ul.l1 {
  text-align: center;
}


#menu ul.l1 {
  display: none;
}


#menu li {
  display: inline;
  padding: 0 22px 0 8px;
}


#home {
  position: absolute;
  left: 87px;
  top: 0px;
  width: 174px;
  height: 0;
  background: transparent url(../images/pumpehuset.png) no-repeat left top scroll;
  padding-top: 120px;
  overflow: hidden;    
}


a {
  color: black;
}

.categories {
  margin: 0 0 15px 0;
  text-transform: uppercase;
}

.categories a {
  color: #403d98;
  text-decoration: none;
}

.categories a:hover, .categories a.current {
  text-decoration: line-through;
}


/* text */

h1 {
  font: 18px/22px 'courier new', courier, monospace;
  text-align: center;
  text-transform: uppercase;
}

img.page {
  position: relative;
  top: -16px;
  margin: 0 0 20px 0;  
}

p {
  margin: 16px 0;
}

p.tight {
  margin: 0 0 16px 0;
}

/* pages */

.page-container {
  position: absolute;
  top: 256px;
  left: 201px;
}

#pages {
  position: absolute;
  left: 155px;
  top: 256px;
  z-index: 0;
}


.column {
  position: absolute;
  top: 0;
  width: 500px;
}

.artists-col {
  width: 840px;
}


.page, .bar {
  margin-bottom: 120px;
}


.bar {
  background: #e1e1e1;
  padding: 40px;
  text-align: center;
}


.bar h2 {
  font: bold 18px/20px 'courier new', courier, monospace;
  margin: 20px 0;
  text-transform: uppercase;  
}


/* Event */

.program-col {
  width: 240px;
  text-align: center;
}

.info p {
  margin: 0;
}

.info h1 {
  font-weight: bold;
}


.artists-col h1 {
  text-align: left;
}

.event {
  margin: 0 0 15px 0;
}


.spacer, .pagination {
  margin: 0 0 15px 0;
}

.artist {
  margin: 0 0 120px 0;
}


p.more a, p.show-all a {
  text-transform: uppercase;
}


div.details {
  float: left;  
  width: 500px;
}

div.read-more {
  float: right;  
  width: 240px;
}

div.read-more p {
  margin: 0 0 16px 0;
}


.event p {
  margin: 0;
}

a.toc {
  position: relative;
  top: -256px;
  float: left;
}


/* Newsletter */

a.newsletter {
  position: absolute;
  right: 0px;
  top: -30px;
  text-transform: uppercase;
  font: bold 12px/20px arial, sans-serif;  
  color: #403d98;
}



div.newsletter {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 360px;
  /*background: #403d98;
  color: white;
  padding: 30px 20px 10px 20px;*/
  font: 11px/12px 'courier new', courier, monospace;
  z-index: 200;
  text-align: right;
}

.options label {
  color: #999;
  margin-left: 8px;
}

.options label:hover {
  cursor: pointer;
}

.options label.selected {
  font-weight: bold;
  color: black;
}

.options input {  
  position: absolute;
  padding-top: 20px;
  overflow: hidden;
  height: 0;
  width: 0;
  opacity: 0;
}

div.newsletter p {
  margin: 0 0 4px 0;
  clear: both;
}

div.newsletter h1 {
  text-align: left;
}

div.newsletter p.add {
  margin-bottom: 10px;
}

div.newsletter table {
  float: right;
  margin-bottom: 4px;
}

div.newsletter td input {
  font: 12px/12px 'courier new', courier, monospace;
  padding: 1px;
  outline: none;
  border-width: 1px;
  border-color: #CCC;
  border-style: solid;
  color: black;
  width: 160px;
}

div.newsletter .ctrl {
  font: 12px/14px 'courier new', courier, monospace;
  border: none;
  background: none;
  color: black;
  text-transform: uppercase;
}

div.newsletter .ctrl:hover {
  cursor: pointer;
}

a.close-newsletter {
  position: absolute;
  right: 9px;
  top: 9px;    
  width: 15px;
  height: 0px;
  padding-top: 15px;
  overflow: hidden;
  background: transparent url(../images/luk-nyhedsbrev.gif) no-repeat left top scroll;  
}


div.newsletter tr td:first-child {
  padding-right: 8px;
}

div.newsletter td {
  vertical-align: middle;
  padding: 4px 0;
}