/*  www.detnyteater.dk
  sk@opengate.dk 05-03-2015
  
  Generelt
	Text: #000000;
	Gold light: #d3b04a;
	Gold dark: #b3943a;
	midnight blue: #00022b;
    
    Sizes:
  11px = 0.6875em
  12px = 0.75em
  14px = 0.875em
  15px = 0.9375em
  16px = 1em
  17px = 1.0625em
  18px = 1.125em
  20px = 1.25em
  22px = 1.375em
  24px = 1.5em
  28px = 1.75em

*/
/* http://www.font2web.com/ */
@font-face {
  font-family: 'fontello';
  src: url('../fonts/fontello.eot?41607320');
  src: url('../fonts/fontello.eot?41607320#iefix') format('embedded-opentype'),
       url('../fonts/fontello.woff?41607320') format('woff'),
       url('../fonts/fontello.ttf?41607320') format('truetype'),
       url('../fonts/fontello.svg?41607320#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
    font-family: 'montserratbold';
    src: url('../fonts/montserrat-bold-webfont.woff2') format('woff2'),
         url('../fonts/montserrat-bold-webfont.woff') format('woff'),
         url('../fonts/montserrat-bold-webfont.ttf') format('truetype'),
         url('../fonts/montserrat-bold-webfont.svg#montserratbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'montserratlight';
    src: url('../fonts/montserrat-light-webfont.woff2') format('woff2'),
         url('../fonts/montserrat-light-webfont.woff') format('woff'),
         url('../fonts/montserrat-light-webfont.ttf') format('truetype'),
         url('../fonts/montserrat-light-webfont.svg#montserratlight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'montserratregular';
    src: url('../fonts/montserrat-regular-webfont.woff2') format('woff2'),
         url('../fonts/montserrat-regular-webfont.woff') format('woff'),
         url('../fonts/montserrat-regular-webfont.ttf') format('truetype'),
         url('../fonts/montserrat-regular-webfont.svg#montserratregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*====================================
  GLOBAL SETTINGS
=====================================*/
html {
	overflow-y:scroll;
	background:#000000;
}

body {     }
html,body { }

body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, figure, figcaption, font, img, ins, input, kbd, q, s, samp, small, select, option, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, textarea, table, caption, tbody, tfoot, thead, tr, th, td, tt, article, aside, canvas, details, embed, figure, figcaption, footer, header, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  font: normal normal normal 13px/18px  arial, helvetica, verdana, georgia, tahoma, sans-serif;
  color:#000;
  margin:0; 
  padding:0;
  border:0 none;
}

/* html5 */
article, aside, details, figcaption, figure, footer, header, menu, nav, section { display: block; }
figure { margin: 0}
/* Fluid images */
img, object, embed, video {
	max-width:100%; 
	width:100% !important; 
}
body > img,
#googleTranslate img,
.galleria-theme-azur img {
	max-width:none; 
	width:auto !important; 		
}

img {border: 0; -ms-interpolation-mode: bicubic; height: auto;} /* Improve IE's resizing of images */
svg:not(:root) {overflow: hidden} /* Correct IE9 overflow */

i, em, u { font-style:italic }
strong, strong a { font-weight:bold; font-size:inherit;}
strong em, em strong { 	font-style:italic; font-weight:bold; }


/* iframeWrapper for responsive solutions */
.iframeWrapper {
  position: relative;
  padding-bottom: 52.75%;
  padding-top: 35px;
  height: 0;
  overflow: hidden;
}
.iframeWrapper iframe {
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
}

iframe {
	max-width: 100%;
}
/* https://benmarshall.me/responsive-iframes/ */
.aspectRatio-16x9,
.aspectRatio-4x3,
.aspectRatio-pageFlip {
	position: relative;
	height: 0;
	overflow: hidden;
}
 
/* 16x9 Aspect Ratio */
.aspectRatio-16x9 {
	padding-bottom: 56.25%;
}
 
/* 4x3 Aspect Ratio */
.aspectRatio-4x3 {
	padding-bottom: 75%;
}

.aspectRatio-pageFlip {
	padding-bottom: 30%;
}

/*-----------------------------------
  HEADER STYLE SETTINGS
------------------------------------*/
h1, h1 a { font-family:georgia, arial, helvetica, sans-serif; font-size:32px; line-height:32px; color:#b3943a; margin:0 0 10px 0; font-variant: small-caps; text-decoration:none;  }
h1 a { text-decoration:none; margin:0; }
h1 a:hover { color:#007a87; text-decoration:underline; }
h2, h2 a, fieldset.powermail_fieldset > legend { font-family:georgia, arial, helvetica, sans-serif; font-size:20px; line-height:26px; color:#b3943a; margin-bottom:13px; font-variant: small-caps; text-decoration:none; }
h2 a { margin-bottom:0; }
h2 a:hover { color:#007a87; text-decoration:underline; }
h3, h3 a, fieldset.powermail_fieldset fieldset > legend  { font-size:14px; line-height:18px; font-weight:bold; text-decoration:none; margin:0 0 2px 0; }
h3 a { margin:0; }
h3 a:hover { color:#007a87; text-decoration:underline; }
h4, h4 a { font-size:13px; line-height:18px; font-weight:bold; margin:0; text-decoration:none;}
h4 a:hover { color:#007a87; text-decoration:underline; }
h5, h5 a { font-size:11px; line-height:14px; text-decoration:none;}
h5 a { }
h5 a:hover { color:#007a87; text-decoration:underline; }


/*-----------------------------------
  PARAGRAPH STYLE SETTINGS
------------------------------------*/
p { margin:0 0 20px 0; }

p.align-left { text-align:left; }
p.align-center { text-align:center; }
p.align-right { text-align:right; }

/*-----------------------------------
  BLOCKQOUTE SETTINGS
------------------------------------*/
blockquote { 
  padding:11px 8px 0px 37px;
  border:1px solid #e0e0e0;
  margin:0 0 20px;
  background:#eeeeee url('openqoute.png') left top no-repeat;
}  
blockquote .closequote { padding:0 31px 0 0; background:transparent url('closeqoute.png') right bottom no-repeat; }

blockquote p, blockquote li, blockquote a, blockquote strong { 
  font-style:italic;
}
q:before, q:after, blockquote:before, blockquote:after {
  content:" ";
}

/*-----------------------------------
  LINK STYLE SETTINGS
------------------------------------*/
a { color:#b3943a; text-decoration:none;}
a:link, a:visited {}
a:focus { outline:0 none; }
a:hover { color:#d3b04a; text-decoration:none; }
a:active {}

a img, :link img, :visited img {
  border:0 none;
}
a:hover img { border:0px solid #fff;}

a.callToAction {
	color:#fff;
	display:block;
	font-weight:bold;
	font-size:16px;
	padding-top:8px;
	padding-bottom:8px;
	text-align:center;	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b3943a+0,d3b04a+66,d3b04a+100 */
	background: #b3943a; /* Old browsers */
	background: -moz-linear-gradient(top, #b3943a 0%, #d3b04a 66%, #d3b04a 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #b3943a 0%,#d3b04a 66%,#d3b04a 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #b3943a 0%,#d3b04a 66%,#d3b04a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3943a', endColorstr='#d3b04a',GradientType=0 ); /* IE6-9 */
}
a.callToAction:hover {
	color:#000;
	-webkit-transition: all 0.75s ease;
	-moz-transition: all 0.75s ease;
	-ms-transition: all 0.75s ease;
	-o-transition: all 0.75s ease;
	transition: all 0.75s ease; 	
}

/*-----------------------------------
  CLASS STYLE SETTINGS
------------------------------------*/
span.class-0, p.class-0, td.class-0 { color:#ffffff; } /* Hvid */
span.class-1, p.class-1, td.class-1 { color:#4d4b4b; } /* Brødtekst */
span.class-2, p.class-2, td.class-2 { color:#5a5757; } /* Grå */
span.class-3, p.class-3, td.class-3 { color:#f79025; } /* Orange */
span.class-4, p.class-4, td.class-4 { color:#0bb15a; } /* Grøn */

.class-5 { list-style:none outside none; }
ul.class-5 li { padding-bottom:0; }

.align-left { text-align:left; }
.align-center { text-align:center; }
.align-right { text-align:right; }

.boxShadow { 
  -moz-box-shadow:2px 2px 5px #87a1af;
  -webkit-box-shadow:2px 2px 5px #87a1af;
  box-shadow:2px 2px 5px #87a1af;
  border-collapse: separate;  
}
.borderRadius {
  -moz-border-radius:0 0 4px 4px;
  -webkit-border-radius:0 0 4px 4px;
  border-radius:0 0 4px 4px;
}

/* DNY ønsker at kunne benytte forskellige skriftstørrelser */
#centerCol-1 a,
#centerCol-1 strong,
#centerCol-1 b,
#centerCol-1 em,
#centerCol-1 u,
#centerCol-1 i {
	font-size:inherit;
}
#centerCol-1 span {
	font-weight:inherit;	
}
/*-----------------------------------
   HR STYLE SETTINGS
------------------------------------*/
hr {  width:100%; height:1px; line-height:1px; border:0; border-top:1px solid #d3b04a; padding:0; margin:10px 0; }


/*-----------------------------------
  INPUT, SELECT, TEXTAREA STYLE SETTINGS
------------------------------------*/
/* IOS: IPAD - undgå rundehjørner */
.ipad {
    -webkit-appearance: none;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	border-radius:0;
}

/* Hvert inputsfelt */
.fieldWrap, div.inputfields { 
	margin:0 0 9px; 
}
.submitWrap, div.submitfields { 
	margin:18px 0 25px; 
}

label, .powermail_label {
	height:20px;
	line-height:19px;
	width:100%;
	display:block;

}

/* <input type="text"> */
input[type="text"], input[type="email"], input[type="tel"], input[type="password"], input[type="time"], input[type="date"], input[type="datetime-local"], input.text, input.stdText, .powermail_input {
	width:100%;
	padding:2px 5px;
	border:1px solid #b3943a;
	background:#ffffff none;
	box-sizing:border-box; 	
}

/* select */
select, .powermail_select {
	width:100%;
	padding:2px 0;
	border:1px solid #b3943a;
	background:#ffffff none;
	box-sizing:border-box; 	
}

option { 
	padding-left:5px;
	box-sizing:border-box; 	
}

/* <input type="checkbox"> */
input[type="checkbox"], input.checkBox {
    float: left;
    margin: 4px 10px 0 0;
	box-sizing:border-box; 	
}

/* <input type="radio"> */
input[type="radio"], input.radio { 
	width:13px;
	box-sizing:border-box; 	
}


/* textarea */
textarea {
	width:100%;
	padding:2px;
	overflow:auto;
	border:1px solid #b3943a;
	background:#ffffff none;
	box-sizing:border-box; 	
}


/* <input type="submit"> */
input[type="submit"], input.submit, input.stdSubmit, input.powermail_submit  {
	height:24px;
	padding:0% 3%;
	position:relative;
	font-weight:bold;
	color: #ffffff;
	text-decoration:none;
	cursor:pointer;
	border: 0 none;
	background-color:#b3943a;
	box-sizing:border-box; 	
}

input[type="submit"]:hover, input.submit:hover, input.stdSubmit:hover, input.powermail_submit:hover {
	background-color:#d3b04a;
}

input:not([type="submit"]):focus, 
select:focus,
.powermail_select:focus,
textarea:focus   {
	background:#fff none;
	border:1px solid #000000;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none; 
}

input[readonly="readonly"],
input[disabled="disabled"], 
select[disabled="disabled"],
textarea[disabled="disabled"],
input.powermail_text[readonly="readonly"]:focus,
fieldset.tx-powermail-pi1_fieldset input.powermail_text[readonly="readonly"]:focus:not([type="submit"]) { 
	border:1px solid #EDEDED;
	background:#dddfde none;
}


.readonly, .readonly input {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

/* HTML 5 validering */
/* http://www.the-art-of-web.com/html/html5-form-validation/ */
input:required, 
textarea:required {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAT1JREFUeNpi/P//PwMpgImBRMACY/x7/uDX39sXt/67cMoDyOVgMjBjYFbV/8kkqcCBrIER5KS/967s+rmkXxzI5wJiRSBm/v8P7NTfHHFFl5mVdIzhGv4+u///x+xmuAlcdXPB9KeqeLgYd3bDU2ZpRRmwH4DOeAI07QXIRKipYPD35184/nn17CO4p/+cOfjl76+/X4GYAYThGn7/g+Mfh/ZZwjUA/aABpJVhpv6+dQUjZP78Z0YEK7OezS2gwltg64GmfTu6i+HL+mUMP34wgvGvL78ZOEysf8M1sGgZvQIqfA1SDAL8iUUMPIFRQLf+AmMQ4DQ0vYYSrL9vXDz2sq9LFsiX4dLRA0t8OX0SHKzi5bXf2HUMBVA0gN356N7p7xdOS3w5fAgcfNxWtn+BJi9gVVBOQfYPQIABABvRq3BwGT3OAAAAAElFTkSuQmCC");
    background-position: right top;
    background-repeat: no-repeat;
    box-shadow: none;
}

input:focus:required:invalid, 
input:focus:invalid {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAeVJREFUeNqkU01oE1EQ/mazSTdRmqSxLVSJVKU9RYoHD8WfHr16kh5EFA8eSy6hXrwUPBSKZ6E9V1CU4tGf0DZWDEQrGkhprRDbCvlpavan3ezu+LLSUnADLZnHwHvzmJlvvpkhZkY7IqFNaTuAfPhhP/8Uo87SGSaDsP27hgYM/lUpy6lHdqsAtM+BPfvqKp3ufYKwcgmWCug6oKmrrG3PoaqngWjdd/922hOBs5C/jJA6x7AiUt8VYVUAVQXXShfIqCYRMZO8/N1N+B8H1sOUwivpSUSVCJ2MAjtVwBAIdv+AQkHQqbOgc+fBvorjyQENDcch16/BtkQdAlC4E6jrYHGgGU18Io3gmhzJuwub6/fQJYNi/YBpCifhbDaAPXFvCBVxXbvfbNGFeN8DkjogWAd8DljV3KRutcEAeHMN/HXZ4p9bhncJHCyhNx52R0Kv/XNuQvYBnM+CP7xddXL5KaJw0TMAF8qjnMvegeK/SLHubhpKDKIrJDlvXoMX3y9xcSMZyBQ+tpyk5hzsa2Ns7LGdfWdbL6fZvHn92d7dgROH/730YBLtiZmEdGPkFnhX4kxmjVe2xgPfCtrRd6GHRtEh9zsL8xVe+pwSzj+OtwvletZZ/wLeKD71L+ZeHHWZ/gowABkp7AwwnEjFAAAAAElFTkSuQmCC);
    background-position: right top;
    background-repeat: no-repeat;
    -moz-box-shadow: none;
}

input:required:valid {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAepJREFUeNrEk79PFEEUx9/uDDd7v/AAQQnEQokmJCRGwc7/QeM/YGVxsZJQYI/EhCChICYmUJigNBSGzobQaI5SaYRw6imne0d2D/bYmZ3dGd+YQKEHYiyc5GUyb3Y+77vfeWNpreFfhvXfAWAAJtbKi7dff1rWK9vPHx3mThP2Iaipk5EzTg8Qmru38H7izmkFHAF4WH1R52654PR0Oamzj2dKxYt/Bbg1OPZuY3d9aU82VGem/5LtnJscLxWzfzRxaWNqWJP0XUadIbSzu5DuvUJpzq7sfYBKsP1GJeLB+PWpt8cCXm4+2+zLXx4guKiLXWA2Nc5ChOuacMEPv20FkT+dIawyenVi5VcAbcigWzXLeNiDRCdwId0LFm5IUMBIBgrp8wOEsFlfeCGm23/zoBZWn9a4C314A1nCoM1OAVccuGyCkPs/P+pIdVIOkG9pIh6YlyqCrwhRKD3GygK9PUBImIQQxRi4b2O+JcCLg8+e8NZiLVEygwCrWpYF0jQJziYU/ho2TUuCPTn8hHcQNuZy1/94sAMOzQHDeqaij7Cd8Dt8CatGhX3iWxgtFW/m29pnUjR7TSQcRCIAVW1FSr6KAVYdi+5Pj8yunviYHq7f72po3Y9dbi7CxzDO1+duzCXH9cEPAQYAhJELY/AqBtwAAAAASUVORK5CYII=);
    background-position: right top;
    background-repeat: no-repeat;
}

/*-----------------------------------
  LIST STYLE SETTINGS
------------------------------------*/
ul {
  text-align:left;
  padding-left:0px;
  list-style:none outside url('ul.png'); 
  margin:0 0 20px 14px;
}

li { 
  padding-bottom:5px;
}
ol {
  text-align:left;
  padding:0;
  list-style-position: outside;
  margin:0 0 20px 24px;
}


/*-----------------------------------
  TABLE STYLE SETTINGS   [TYPO3] 
------------------------------------*/
table, table.contenttable, table.countingtable { 
  border-collapse: collapse;
  padding:0;
	width:100%;
	margin-bottom:20px;
}

/* HEADER */
table thead th,
table.contenttable thead th,
table.countingtable thead th {
  color:#000000; 
  font-weight:700; 
  text-align:left;
  padding:6px 6px 6px 10px; 
  border-right:1px solid #d3b04a;
  border-bottom:1px solid #d3b04a;
	background: #b3943a; /* Old browsers */
	background: -moz-linear-gradient(top, #b3943a 0%, #d3b04a 66%, #d3b04a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b3943a), color-stop(66%,#d3b04a), color-stop(100%,#d3b04a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #b3943a 0%,#d3b04a 66%,#d3b04a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #b3943a 0%,#d3b04a 66%,#d3b04a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #b3943a 0%,#d3b04a 66%,#d3b04a 100%); /* IE10+ */
	background: linear-gradient(to bottom, #b3943a 0%,#d3b04a 66%,#d3b04a 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3943a', endColorstr='#d3b04a',GradientType=0 ); /* IE6-9 */
}
table thead th:first-child,
table.contenttable thead th:first-child,
table.countingtable thead th:first-child { 
  border-left:1px solid #d3b04a;
}
table thead th p,
table.contenttable thead th p, 
table.countingtable thead th p { 
  color:#000000; 
  font-weight:700; 
  padding:0;
} 
table thead th p:last-child,
table.contenttable thead th p:last-child, 
table.countingtable thead th p:last-child { 
  margin-bottom:0;
} 

/* BODY */
table tbody td,
table.contenttable tbody td, 
table.countingtable tbody td { 
  padding: 6px 10px; 
  vertical-align:top; 
  border-right:1px solid #d3b04a;
  border-bottom:1px solid #d3b04a;
  background-color:#e2e2df;  
}
table tbody td:first-child,
table.contenttable tbody td:first-child, 
table.countingtable tbody td:first-child { 
  border-left:1px solid #d3b04a;
}
table tbody tr:first-child td,
table.contenttable tbody tr:first-child td, 
table.countingtable tbody tr:first-child td { 
  border-top:1px solid #d3b04a;
}
table tbody td p,
table.contenttable tbody td p, 
table.countingtable tbody td p { 
  padding:0; 
}

table tbody td p:last-child,
table.contenttable tbody td p:last-child, 
table.countingtable tbody td p:last-child { 
  margin-bottom:0; 
}

table td.align-left { text-align:left;}
table td.align-center { text-align:center;}
table td.align-right { text-align:right;}
table td.align-justify { text-align:justify;}

/* FOOTER */
table tfoot td,
table.contenttable tfoot td,
table.countingtable tfoot td { 
  padding: 6px 10px;   
  border-right:1px solid #d3b04a;
  border-bottom:1px solid #d3b04a;
  background-color:#cfceca; 
}
table tfoot td:first-child,
table.contenttable tfoot td:first-child,
table.countingtable tfoot td:first-child { 
  border-left:1px solid #d3b04a;
}

table tfoot td p,
table.contenttable tfoot td p, 
table.countingtable tfoot td p { 
  padding:0;
} 
table tfoot td p:last-child,
table.contenttable tfoot td p:last-child, 
table.countingtable tfoot td p:last-child { 
  margin-bottom:0;
} 



/* TABEL SKIFTENDE RÆKKER (alternating) */
/* HEADER */
table.countingtable thead th { }

/* BODY */
table.countingtable tbody td { }

table.countingtable tbody tr.tr-odd td,
table tbody tr.tr-odd td { background-color:#e2e2df; }
table.countingtable tbody tr.tr-even td,
table tbody tr.tr-even td { background-color:#f8f8f5; }


/*====================================
  TYPO3 inlines styles
=====================================*/
DIV.csc-textpic-center DIV.csc-textpic-imagewrap { line-height:0; }
div.csc-textpic .csc-textpic-imagewrap figure { display: block !important; }
/*
div.csc-textpic-center .csc-textpic-center-outer,
div.csc-textpic-center .csc-textpic-center-inner { width:100%;}
*/
figcaption.csc-textpic-caption { display:block; }