body {
background: /*url(http://drammensteater.no/unionscene/images/bakgrunner/Loudspeaker_Grill2.jpg) top center no-repeat fixed*/ #000;
font-family: Georgia, Cambria, Times New Roman, serif;
}
#wrapper {
width: 75%;
max-width: 1050px;
margin: 0 auto;
padding: 0;
}
#maincontent {
background: #FFF;
padding: 2%;
margin-bottom: 1.5em;
margin-top: 1.8em;
}
.rounded{
border-radius:5px;
-moz-border-radius-: 5px;
}
.rounded_bottom{
border-bottom-right-radius:5px;
-moz-border-bottom-right-radius-: 5px;
border-bottom-left-radius:5px;
-moz-border-bottom-left-radius-: 5px;
margin-top: 0 !important;
}
.transparent{
	background: transparent !important;
	padding:0 !important;
}
#masthead {
	background: #FFF;
}
#masthead a img.logo{
padding: 2% 3%;
width:30%;
min-width: 300px;
}
#masthead .searchbox{
	width: 31%;
	float:right;
	margin-top: 0;
	padding: 1.5% 3%;
}
footer{
background: #FFF;
padding: 2% 3% 3% 5%;
margin-bottom: 1.5em;
}
#ads a img{width:100%;}
/*--------------- TYPO --*/
header#masthead  h1 {
height: 4em;
padding: 1% 1.5%;
margin: 0 0 0 3%;
font-size: 1em; /* 16 / 16 */
float:left;
}
h1 {
color: #000;
font-size: 3em; /* 30 / 16 */
line-height: 1em;
margin-bottom: 0.5em;
}
.article h1 {
margin: 0.3em 0;
}
h2.category_name{
	font-size: 1.6em;
	margin-top:1em;
}
h2 {
color: #000;
font-size: 1.4em;
line-height: 1em;
margin-bottom: 0.5em;
}
.listitem h2 {
margin-bottom: 0.2em;
}
.listitem h2 span {
display: block;
font-size:0.9em ; /* 18 / 20 */
}
.subnav h2 {
border-top: 1px solid #000;
border-bottom: 1px solid #000;
padding: 0.5em 5%;
font-size: 1em;
}
.subnav h2.teatersymbol{
	background: url(http://unionscene.no/images/sitedesign/teatersymbol_sidebar_03.jpg) no-repeat center left;
	padding: 0.6em 0.5em 0.6em 4em;
}
#teasers h2 {
text-transform: uppercase;
font-size: 1.125em; /* 18 / 16 */
margin-bottom: 0;
}
.article h2 {
margin-bottom: 1em;
}
h3 {
color: #000;
font-size: 1em;
line-height: 1em;
margin: 0.5em 0;
}
#teasers p {
font-size: 1em;
line-height: 1.1em;
}
p {
font-size: 0.875em; /* 12 / 16 */
padding-bottom: 0.75em;
}
.button, .button_show, p.annen_info, #search .submit, h1, #mc_embed_signup input#mc-embedded-subscribe{
font-family: 'NeutraDisplay-Bold', 'NeutraTextDemiSC', Verdana, Geneva, sans-serif; text-transform:uppercase;
}
p.align_right{ 
text-align: right;
}
p.align_left{ 
text-align: left;
}
p.align_center{ 
text-align: center;
}
.neutra{
font-family: 'NeutraDisplay-Bold', 'NeutraTextDemiSC', Verdana, Geneva, sans-serif; text-transform:uppercase;
}

p.annen_info{
text-align:left;
text-decoration:none !important;
margin: 0.2em 0;
padding: 0.4em 0.7em 0.2em 0.7em !important;
}
p.metainfo {
font-family: Georgia, Cambria, Times New Roman, serif; font-style:italic;
}
p.metainfo.kurs{
	padding: 0.3em !important;
}
.scene, .pagination a{ 
font-family: 'NeutraDisplay-Bold', 'NeutraTextDemiSC', Verdana, Geneva, sans-serif; text-transform:uppercase;
background-color:#000;
color:#fff;
padding: 0.3em;
margin-right: 0.7em;
display:inline-block;
width: 1.5em;
text-align:center;
font-style:normal;
}
.pagination a{
width:auto;
padding: 0.3em 0.8em;
}
.scene.kurs{width:3em;}
.scene a, .pagination a{
color:#FFF;
text-decoration: none;
}
.scene a:hover, .pagination a:hover{
text-decoration:none !important;
}
.pagination strong{
	padding: 0.3em;
	margin-right: 0.9em;
}
.metainfo {
margin-top: 0;
padding:0;
}
.tilgjengelighet{
	font-family: 'NeutraDisplay-Bold', 'NeutraTextDemiSC', Verdana, Geneva, sans-serif; text-transform:uppercase;
	padding:0.2em;
	text-align: right;
}
ul.metadetaljinfo{
	list-style-type: none;
	font-size: 0.85em;
	margin: 2em 0;
}
a.lenke{background:url(http://unionscene.no/images/sitedesign/link_16x16.png) no-repeat center left;
	padding:0.3em 0 0.3em 2em;
}
a.facebook_event{background:url(http://unionscene.no/images/sitedesign/facebook16x16.png) no-repeat center left;
	padding:0.3em 0 0.3em 2em;
}
a.spotify{background:url(http://unionscene.no/images/sitedesign/spotify16x16.png) no-repeat center left;
	padding:0.3em 0 0.3em 2em;
}
a.youtube{background:url(http://unionscene.no/images/sitedesign/youtube16x16.png) no-repeat center left;
	padding:0.3em 0 0.3em 2em;
}
a.mail{background:url(http://unionscene.no/images/sitedesign/mail_16x12.png) no-repeat center left;
	padding:0.3em 0 0.3em 2em;
}

a.tlf{background:url(http://unionscene.no/images/sitedesign/phone16x16.png) no-repeat center left;
	padding:0.3em 0 0.3em 2em;
}

ul.metadetaljinfo li span{font-weight:bold;}
.listitem p.ingress {
	padding: 0 0.6em
}
em {
font-style: italic;
}
h2, #teasers p {
font-family: 'NeutraDisplay-Bold', 'NeutraTextDemiSC', Verdana, Geneva, sans-serif; text-transform:uppercase;
}
.meta {
padding-top: 1em;
}
.meta h1, .meta h2 {
}
.meta .date{
padding-top: 0.5em;
}
.meta p {
margin: 0 0 0.5em 0;
padding: 0 0 0.5em 0;
}
.meta p span{
display: inline-block;
width: 33%;
}
input[placeholder], [placeholder], *[placeholder],
input::-webkit-input-placeholder, isindex::-webkit-input-placeholder, textarea::-webkit-input-placeholder
    {
        color:#000 !important;
		font-size:85%;
    }
/*-------- NAV / LINKS --*/
#mainmenu ul{
font-family: 'NeutraDisplay-Bold', 'NeutraTextDemiSC', Georgia, Cambria, Times New Roman, serif;
font-size: 1.2em !important;
font-weight: normal;
margin: 0 3%;
clear: both;
background: #ffffff;
text-transform: uppercase;
font-size: 1em;
line-height: 1em;
padding: 0.6em 0;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
}
#mainmenu ul li {
display: inline;
}
#mainmenu ul li a {
padding: 0.5em 1.3%;
color: #000;
text-decoration: none;
}
#mainmenu ul li a:hover {
color: #000;
	-webkit-transition-property: background; 
		-webkit-transition-duration: 0.2s, 0.2s; 
			-webkit-transition-timing-function: linear, ease-in;
}
#page_front .listitem .billett {
float: right;
/*margin-top: -1.2em;*/
}
.listitem .billett, .article .billett {
/*position: relative;*/
float: right;
/*margin-top: -2.4em;*/
}
.programlist_maned, .programlist_kategori {
position: relative;
margin-bottom: 0.5em;
}
.button, .button_show,{
display: inline-block;
}
.billett .button a, .billett .button_show a, #mc_embed_signup input#mc-embedded-subscribe{
color: #FFF;
text-decoration: none;
padding: 0.5em 1.5em 0.5em 0.7em !important;
}
.billett .button a, #mc_embed_signup input#mc-embedded-subscribe{
background: #000 url(http://unionscene.no/images/sitedesign/miniarrow_white.png) no-repeat right center;
}
.billett .button_show a{
background: #000 url(http://unionscene.no/images/sitedesign/miniarrow_down_white.png) no-repeat right center;
}
.billett .button a:hover, .billett .button_show a:hover{
color:#000;
-webkit-transition-property: color; 
		-webkit-transition-duration: 0.2s, 0.2s; 
			-webkit-transition-timing-function: linear, ease-in;
}
.billett .button a:hover{
}
.billett .button_show a:hover{
}

.billett {
position: relative;
}
.subnav .button_show, #search .submit {
background: #000;
border:0 none;
}
.multiple {
font-size: 0.85em;
display: none;
position: absolute;
top: 33px;
right: 5px;
padding: 0.8em;
background: #000;
width: 200px; 
text-align: left;
list-style-type: none;
z-index: 100;
border-radius:5px;
-moz-border-radius-: 5px;
}
.multiple a{color:#fff;}
.multiple_nojs{
font-size: 0.85em;
padding: 0.5em;
background: #FFF;
border: 1px solid #999;
width: 200px; 
text-align: center;
list-style-type: none;
z-index: 100;
-moz-border-radius: 0px 0px 5px 5px;
-webkit-border-radius: 5px 0px 5px 5px;
box-shadow: #666 0 5px 5px;
}
.subnav .multiple {
width: 90%;
font-size: 1em;
line-height: 2em;
}
.programlist_maned h2, .programlist_kategori h2 {
text-align: right;
width: 100%;
}
h2 a {
text-decoration: none;
color: #000;
}
.listitem h2 a {
display: block;
padding: 0.6em;
}
.listitem h2 a:hover {text-decoration:underline;}
#teasers a {
text-decoration: none;
}
.lesmer {
text-align:left;
text-decoration:none !important;
margin: 0.2em 0;
padding: 0.3em 1.5em 0.3em 0.7em !important;
background: url(http://unionscene.no/images/sitedesign/miniarrow_black.png) no-repeat right center #b1ad86;
}
.lesmer a{
font-family: 'NeutraDisplay-Bold', 'NeutraTextDemiSC', Verdana, Geneva, sans-serif; text-transform:uppercase;
text-decoration:none !important;
}

/*-------------------------- BOXES --*/
#slideshow, .top{
background: #FFF;
margin: 3% 3% 2% 3%; 
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
position: relative;
}
#mySlider {
background: #FFF;
margin: 3% 3% 3.2% 3%; 
}
.article_list #slideshow, .article_list #mySlider{
	margin:0 0 3em 0;
}
.article_list .jshowoff{margin-bottom:2em;}
.top{
margin: 1.5% 3% 2% 3%; 
}
.listitem {
clear: both;
padding: 0 0 15px 0;
margin: 0 0 15px 0;
position: relative;
}
#teasers {
background: #ffecc8;
margin: 1em -2.1%;
}
.teaser {
text-align: right;
width: 23%;
padding: 1% 2% 0 0;
background: url(..http://unionscene.no/images/sitedesign/shadow_teasers.png) repeat-y 105% 0%;
}
.t_mag, .t_gk, .t_medlem, .t_fb {
min-height: 5.2em;
}
.t_mag {
padding-left: 40%;
background: url(..http://unionscene.no/images/sitedesign/teaser_mag.png) no-repeat -20px 0px;
}
.t_gk {
padding-left: 20%;
background: url(..http://unionscene.no/images/sitedesign/teaser_gavekort.png) no-repeat -40px 0px;
}
.t_medlem {
padding-left: 23%;
background: url(..http://unionscene.no/images/sitedesign/teaser_medlem.png) no-repeat -10px 0px;
}
.t_fb {
padding-left: 30%;
background: url(..http://unionscene.no/images/sitedesign/teaser_fb.png) no-repeat -10px 0px;
}
.banner_ekst, .banner_int {
margin-bottom: 1em;
}
.banner_int a img{width:100%;}
aside.subnav {
margin-right:3%;
margin-top: 3%;
float:right;
width:31%
}

aside.subnav.addition{
	margin-top: 0;
}
aside.subnav ul{
	font-size:0.95em;
	list-style-type:none;
	margin-bottom:2em;
	padding: 0 6%;
}
aside.subnav ul#sceneoversikt li{
margin-bottom: 0.2em;
}
aside.subnav ul.teaterliste li{
margin-bottom: 0.5em;
}
aside.subnav ul li a{
}
aside.subnav ul li a:hover{text-decoration:underline;}
.white, .grey {
padding: 3%;
}
.grey {
background: #ECECEC;
}
.article .date {
margin-top: 1em;
}
.article .date span {
float: left;
}
.article .socialbox{
	width:100%;
	margin: 1em 0 !important;
	position:relative;
}
/*---------youtube------*/
.embed_media {
	width:100% !important;
	margin:0 auto;
}

/*-----facebookcomments-----*/
#comments .fb_iframe_widget {
margin-top: 2em;
}
#comments .fb_iframe_widget, #comments .fb_ltr {
width: 100% !important;
}
.x3col_1.facebook .fb_iframe_widget, .x3col_1.facebook .fb_ltr{
width: 100% !important;
}
.fbConnectWidgetTopmost{
width: 100% !important;
}
.facebook #fb-root{
	margin: 0 auto;
}
/*-------grid---------*/
.x3col_1 {
width: 31%; 
margin: 2% 2% 0 0%;
}
.top .x3col_1 {
width: 32%; 
margin: 1%;
}
.x3col_2 {
width: 59%;
margin: 3% 2% 2% 3%;
}
.x4col_1 {
width: 23%;
display: block;
padding: 1%;
}
.left {
float: left;
}
.right {
float: right;
}
.x3col_2.tabs{
	background-color: #fff;
	padding:5%;
	width:53%;
	margin: 0 !important;
}
.x3col_1.adverts{
	background-color: #fff;
	padding:4%;
	width:27%;
	margin: 0 !important;
}
#ads{
	margin-bottom: 0.5em;
}
/*---------------- IMG --*/
.listitem img {
max-width: 33%;
float: left;
background: #FFF;
padding: 0 2% 0.4em 0;
}
.banner div, .banner img {
max-width: 100%;
}
.banner {
margin-bottom: 1em;
}
.mainimg {
max-width: 98%;
}
/*#slideshow img{
width: 99%; 
float: left;
}
#slideshow .x3col_2{
	position: absolute;
	bottom:4.2em;
	right:0;
	padding:0;
	margin:0;
}
#slideshow p.metainfo{
background-color:none;
text-align: right !important;
float: right;
}
#slideshow h1{
	text-align: right;
	font-size: 3.0em;
	margin-bottom: 0.4em;
}
#slideshow h1 a{
	padding: 0.1em 0.2em;
}
#slideshow p.metainfo a{
	font-size: 1.13em;
	padding: 10em 1.5em 0.8em 0.7em !important;
}
#slideshow h1 a, #slideshow p.metainfo a{
	text-decoration: none;
}
#slideshow .billett{
	position: absolute;
	right: 1.3em;
	bottom: 1.3em;
}
.article_list #slideshow p.bildebeskrivelse{
	padding:0.3em;
	margin-right:-2px;	
}*/
.arr_logo {
position: absolute;
bottom: 2%;
right: 2%;
}
.jshowoff-slidelinks {
text-indent: -9999px!important;
margin-left: 3%;
}
.jshowoff-slidelinks  a {
width: 50px;
height: 20px;
/*margin: 0 auto;*/
float:left;
display: block;
background: url(http://unionscene.no/images/sitedesign/bullets_slideshow.png) no-repeat;
background-position: -50px 0;
}
.jshowoff-slidelinks  a.jshowoff-active {
background: url(http://unionscene.no/images/sitedesign/bullets_slideshow.png) no-repeat;
}
/*-------------- DIV --*/
#search .submit {
text-transform: uppercase;
/*display: inline-block;*/
padding: 0.4em 0 0.4em 0em;
color: #FFF;
padding: 0.1em 0.3em;
margin-left: 0.2em;
float: right;
text-decoration: none;
display:none;
}
#keywords {
font-family: Georgia, Cambria, Times New Roman, serif;
font-style:italic;
width: 95%;
border-top: 1px solid #000;
border-right: 1px solid #fff;
border-bottom: 1px solid #000;
border-left: 1px solid #fff;
padding:0.7em;
background: url(http://unionscene.no/images/sitedesign/looking_glass.png) right center no-repeat;
}

/*mailchimp sign-up form*/
.mc-field-group{
	margin-bottom: 1em;
	width:60%;
}
#mc_embed_signup label{
	width:30%;
	font-size:85%;	
}
#mc_embed_signup input{
font-family: Georgia, Cambria, Times New Roman, serif;
font-style:italic;
border: 1px solid #000;
padding:0.3em;
width:100%;
}
input#mc-embedded-subscribe{
	width:auto;
	font-style: normal;
	float:right;
}

/*
	Tabs
	*******/
.tab-wrapper{
	margin: 10px 0;
}

ul.tabs {
margin: 0!important;
padding: 0;
float: left;
list-style: none;
width: 100%;
font-family: 'NeutraDisplay-Bold', Verdana, Geneva, sans-serif;
}
ul.tabs li {
text-transform:uppercase;
font-size: 0.9em;
margin-left: 0.7em;
float: left;
border-left: none;
margin-bottom: 0.5em;
overflow: hidden;
position: relative;
}
ul.tabs li a {
padding: 0.3em;
text-decoration: none;
color: #000;
display: block;
font-size: 1.1em;
outline: none;
}
ul.tabs li a:hover {
background: #FFF;
}
html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
background: #FFF;
}
.tab_container {
/*border: 1px solid #c8d6e0;*/
border-top: none;
overflow: hidden;
clear: both;
float: left; width: 100%;
background: #fff;
/*min-width: 470px;*/
}
.tab_content {
padding: 15px 0;
}
/*"table" with divs and spans*/

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

ul.row {
  clear: both;
  text-align: left;
  list-style-type:none;
  line-height:20px;
  height:20px;
  position:relative;
  }
  
ul.row.header{
	text-transform:uppercase;
	border-bottom: 1px solid #000;
	border-top: 1px solid #000;	
	font-family: 'NeutraDisplay-Bold', Verdana, Geneva, sans-serif;
	padding: 0.4em 0;
	margin-bottom:0.75em;

}
  
ul.row .cell {
  float: left;
  }
  
ul.row .cell p {
   margin-left: 10px;
}

ul.row .cell.dag { width: 25%; }
ul.row .cell.tittel { width: 53%; }
ul.row .cell.alder {display:none;}
ul.row .cell.kjop { width: 22%; height:20px; position:relative; }

.row .kjop .multiple, .article .socialbox .multiple{
position: absolute;
top: 20px;
right: 0;
}



.x3col_2.article_list img[style]{max-width:100%;}

/*--------------- Footer --*/
footer ul{
	list-style:none; 
	font-size: 0.95em;
}
footer p{font-size:0.85em;}
#phonemenu{display:none;}
p.apasje, p.apasje a{
	color:#fff;
	font-weight:normal !important;
	font-size: 11px;
}
/*--------------- 1 spesial color --*/
#slideshow img, .mainimg, #mySlider {
border: 8px solid #b1ad86;
}
#mainmenu ul li a:hover, #mainmenu ul li a.current {
background: #b1ad86;
}
ul.tabs li, .metainfo, #slideshow h1 a, #slideshow h2 a, .royalSlider .royalCaption h1 a, .royalSlider .royalCaption h2 a{
background: #b1ad86;
}
.billett .button a:hover, .billett .button_show a:hover, .scene a:hover, .pagination a:hover, .multiple a:hover{
color: #b1ad86;
-webkit-transition-property: color; 
		-webkit-transition-duration: 0.2s, 0.2s; 
			-webkit-transition-timing-function: linear, ease-in;
}
p.annen_info{
border: 1px solid #b1ad86;
background: #fff;
}
/*---------------Table-------------*/
table {
        width: 100%;
        border-collapse: collapse;
	text-align: left;
	position: relative;
	margin-bottom: 15px !important;
}

th{
	text-transform:uppercase;
	border-bottom: 1px solid #000;
	border-top: 1px solid #000;	
	font-family: 'NeutraDisplay-Bold', Verdana, Geneva, sans-serif;
	padding: 0.3em 0.4em;
	font-weight: normal;
	text-align: left;
}

td{
	padding: 0.3em 0.4em;
	position: relative;
	vertical-align: middle;
	text-align: left;
}

td.dag, th.dag { width: 21%; }
td.tittel, th.tittel { width: 57%; }
td.kjop, th.kjop { width: 22%;}


/*---------------------------------RESPONSIVENESS------------------------------*/

/*----------Smartphones----------*/
@media screen and (max-width: 490px) {
body {padding: 0px; background: none !important;}
#phonemenu{display:block!important; margin: 0 3% 1.5em 3%;}
.x3col_1 #phonemenu{margin:0;}
#phonemenu select{width:100%; margin: 0 auto;}
div {margin: 0!important; width: auto!important;}
#wrapper {width: auto;}
header h1 {padding: 0;}
.article h1{ font-size: 1.8em !important;}
h1.category_name{font-size:2em !important}
#mainmenu{display:none;}
#maincontent {padding:1%;}
#teasers {display: none;}
.listitem {}
.listitem img {width: 30%;}
div.billett {width: auto!important;}
.left, .right {float: none;}
#slideshow, #mySlider, .article_list #mySlider, .article_list #mySlider, ul.tabs, ul.aktorer, .facebook, ul#maned, ul#kategorier, ul#sceneoversikt{display: none;}
header#masthead, #masthead .searchbox, header#masthead  h1, aside.subnav {float:none; margin: 0 auto;width:100%;}
#masthead a img.logo{width:95% !important;margin:1em auto !important;}
.jshowoff-slidelinks, p.lesmer {display:none;}
footer .x3col_1{padding: 1.5em 0 !important; margin: 0!important}
#ads, .x3col_2.left.article_list, #phonemenu select	 {padding: 3% !important;}
.tab_container {min-width: 95% !important;}
ul.row .cell.dag { width: 25% !important; }
ul.row .cell.tittel { width: 53% !important; }
ul.row .cell.kjop { width: 22% !important;  }
ul.row .cell p {margin-left: 0 !important;}
aside.subnav h2{ border: none !important}
.rounded{
border-radius:0px;
-moz-border-radius-: 0px;
}
div.billett .rounded{border-radius:5px;-moz-border-radius-: 5px;}
}

/*----------iPad vertical position----------*/
@media screen and (max-width: 768px) and (min-width:491px) {
#wrapper{max-width:75% !important; margin:0 auto !important;}
#maincontent{margin-bottom: 1.5em !important;}
#phonemenu{display:block!important; margin: 0 3% 1.5em 3%;}
.x3col_1 #phonemenu{margin:0;}
#phonemenu select{width:100%; margin: 0 auto;}
div {margin: 0!important; width: auto!important;}
header h1 {padding: 0;}
.article h1{ font-size: 1.8em !important;}
h1.category_name{font-size:2em !important}
#mainmenu{display:none;}
#teasers {display: none;}
.listitem {}
.listitem img {width: 30%;}
div.billett {width: auto!important;}
.left, .right {float: none;}
#slideshow, #mySlider, .article_list #mySlider, ul.tabs, ul.aktorer, .facebook, ul#maned, ul#kategorier, ul#sceneoversikt{display: none;}
header#masthead, #masthead .searchbox, header#masthead  h1, aside.subnav {float:none; margin: 0 auto;width:100%;}
#masthead a img.logo{width:95% !important;margin:1em auto !important;}
.jshowoff-slidelinks, p.lesmer {display:none;}
footer .x3col_1{padding: 1.5em 0 !important; margin: 0!important}
#ads, .x3col_2.left.article_list, #phonemenu select	 {padding: 3% !important;}
.tab_container {min-width: 95% !important;}
ul.row .cell.dag { width: 25% !important; }
ul.row .cell.tittel { width: 53% !important; }
ul.row .cell.kjop { width: 22% !important;  }
ul.row .cell p {margin-left: 0 !important;}
aside.subnav h2{ border: none !important}
.x3col_2.tabs .tab_container, .x3col_2.article{padding: 3%}
.x3col_2.tabs{margin-bottom: 1.5em !important}

@media screen and (max-width: 1024px) {
	#mainmenu, ul.tabs {font-size: 0.8em !important;}
	body{-webkit-background-size: 2000px 1400px;}
}