@font-face{
    font-family:"Roboto";
	font-style: normal;
	font-weight: normal;
    src:url("fonts/Roboto-Regular.ttf");
    src:url("fonts/Roboto-Regular.ttf") format("truetype");
}
@font-face{
    font-family:"Roboto Medium";
	font-style: normal;
    font-weight: normal;
    src:url("fonts/Roboto-Medium.ttf");
    src:url("fonts/Roboto-Medium.ttf") format("truetype");
}
@font-face{
    font-family:"Roboto Light";
	font-style: normal;
    font-weight: normal;
    src:url("fonts/Roboto-Light.ttf");
    src:url("fonts/Roboto-Light.ttf") format("truetype");
}
@font-face{
    font-family:"Roboto Condensed";
	font-style: normal;
    font-weight: normal;
    src:url("fonts/RobotoCondensed-Regular.ttf");
    src:url("fonts/RobotoCondensed-Regular.ttf") format("truetype");
}
@font-face{
    font-family:"Roboto Condensed Italic";
	font-style: normal;
    font-weight: normal;
    src:url("fonts/RobotoCondensed-Italic.ttf");
    src:url("fonts/RobotoCondensed-Italic.ttf") format("truetype");
}
@font-face{
    font-family:"Roboto Bold";
	font-style: normal;
    font-weight: normal;
    src:url("fonts/Roboto-Bold.ttf");
    src:url("fonts/Roboto-Bold.ttf") format("truetype");
}

html, 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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
    }
	
html, body {
	height: 100%;
}

table, caption, tbody, tfoot, thead, tr, th, td     {
    vertical-align : top;
    }

:focus {
	outline: 0;
    }
    
.cf:before,
.cf:after {
    content:"";
    display:table;
}
.cf:after {
    clear:both;
}
/**
 * For IE 6/7 (trigger hasLayout)
 */
.cf {
    *zoom:1;
}
body {
	line-height: 1;
	color: #000;
	overflow-y: scroll;
	/*background-color: #3E3E3E;*/
	font-family: 'Roboto', sans-serif;
    }
body.hidden-scroll {
	overflow-y: hidden;
}
ol, ul {
	list-style: none;
    }

table {
	border-collapse: collapse;
	border-spacing: 0;
    }

td  {
    vertical-align : top;
    }

caption, th, td {
	text-align: left;
	font-weight: normal;
    }

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
    }

blockquote, q {
	quotes: "" "";
    }

strong {
	font-family: 'Roboto', sans-serif;
	font-weight:bold;
}

a, a:visited { text-decoration: none; color: #fff; }
a:hover{ text-decoration: underline; }

html, body { font-family: 'Roboto Light', sans-serif; font-size: 12px; line-height: 18px; letter-spacing: 0; color: #FFF; background-color: #3F3C3D;}
.copyright { font-family: 'Roboto Condensed', sans-serif; font-size: 17px; line-height: 20px; letter-spacing: 0; color: #FFF; }
img { width:100%; }

div.wrapper{
	margin: 0 auto;
    position: relative;
    /*width: 950px;*/
	width: 100%;
	height:100%;
}

div.wrapper div.container{
	height: auto !important;
    min-height: 100%;
	/*margin-bottom:-56px;*/
	padding-bottom:150px;
	
	background-size: 100%;
	background-repeat: no-repeat;
}

/* new styles da-fest 2019 */
.text_bold { font-family:'Roboto Bold', sans-serif; font-size: 16px; line-height:18px; }
.text_cite { text-align: center; width:85%; margin: 0 auto; font-family:'Roboto Bold', sans-serif; font-size: 22px; line-height:22px; }
.text_cite:before, .text_cite:after { content:''; text-align: center; width:94%; font-size:0; border-bottom:1px solid black; display: block; margin: 30px auto; }
.text_cite:after { width:64%; }
.separatorblank.line { border-bottom:1px solid black; }

div.container header { margin-bottom: 40px; /*border-bottom: 1px solid #fff;*/ position:relative; }
div.container header:before { content:''; width:100%; height:100%; position:absolute; background-color: #3F3C3D; opacity:0.5; }
div.container header .header-wrapper { padding: 40px 40px 0; /*border-bottom: 1px solid #fff;*/ position:relative; }
div.container header .header-wrapper:after { content:''; border-bottom: 2px solid #fff; width:100%; display: block; margin: 0 auto; }
div.container header div.nav { display:inline-block; }
div.container header div.logo, div.container header ul.nav-menu, div.container header div.language { display: inline-block; }
div.container header ul.nav-menu li { display: inline-block; margin-left: 112px; color:#fff; line-height: 50px; }
div.container header ul.nav-menu li:first-child { margin: 0; }
div.container header ul.nav-menu li:last-child { margin-right: 60px; }
div.container header ul.nav-menu li a { font-family: 'Roboto Condensed', sans-serif; font-size:17px; line-height:20px; color:#fff; text-transform: uppercase; }
div.container header ul.nav-menu li.active a, div.container header ul.nav-menu li.selected a, div.container header div.language li.selected a { font-family: 'Roboto Bold', sans-serif; font-size:20px; line-height:40px; /*font-weight:bold;*/ letter-spacing:0.2px; text-transform: uppercase; }
div.container header div.language { right: 40px; bottom: 10px; position: absolute; }
div.container header div.language li { display:inline-block; color:#fff; }
div.container header div.language li a { display:inline-block; color:#fff; font-family: 'Roboto Condensed', sans-serif; font-size:17px; line-height:20px; }
div.container header div.logo { vertical-align:bottom; }

.column { position: relative; float: left; }

div.lef-navigation.column, div.teaser.column/*, div.container header div.logo*/ {
    width: 25%;
	max-width: 325px;
    box-sizing: border-box;
    padding: 0px;
}
div.teaser.column { max-width:336px; }
div.teaser.column > * { margin-bottom:20px; }
div.teaser.column .video-element a.vimeo > iframe { width:100% !important; }
div.content_wrapper > .content.column { width:75%; max-width: 1024px; }
div.content_wrapper > .content.column a { text-decoration: underline; }
div.content_wrapper > .content.column a:hover { text-decoration: none; }


div.lef-navigation.column { padding-left: 40px; }
div.teaser.column { padding: 0 40px; }
div.lef-navigation.column ul li { font-family: 'Roboto Medium', sans-serif; font-size: 20px; line-height: 40px; letter-spacing: 0.2px; color: #FFFFFF; 
	text-transform: uppercase; opacity: 0.5; }
div.lef-navigation.column ul li.active { opacity: 1; }

div.wrapper.home { overflow: hidden; }
div.wrapper.home div.content.column { width:100%; max-width: 100%;}
div.wrapper.home div.lef-navigation.column, 
div.wrapper.home div.teaser.column { width:0; }
div.wrapper.home .content_wrapper, div.wrapper.home div.container { padding:0; }

div.content_wrapper > .content.column.level3 { width: calc(50% - 120px); }
.content.level3 { background-color:#fff; padding:60px; color:#000; font-family:'Roboto Light', sans-serif; font-size:12px; line-height:18px; }
.content.level3 .image_module .image-title { font-family:'Roboto Condensed Italic', sans-serif; font-size:11px; line-height:18px; }
.content .download-link { margin: 20px 0; line-height: 68px; }
.content.level3 a, .content.level3 a:visited { color:#000; }
.content.level3 .download-link a { color:#000; }
.content .download-link:before  { content:''; width:68px; height:68px; background-image: url('doc-icon.png'); float: left; margin-right: 10px; }
.content.level3 .download-link:before  { background-image: url('doc-icon-black.png'); }

/* .listitem-wrapper { min-width:610px; max-width:610px; max-height: 650px; margin: 0 auto; } */
.listitem-wrapper { margin: 0 30px; }
.listitem-wrapper a { font-size:0; margin:0 20px 20px 0; }
.listitem-wrapper .listitem.nolink { margin:0 20px 20px 0; }
.listitem { display: inline-block; background-color: #1E2731; padding:4px; position:relative; width:45%; max-width: 270px; margin-bottom:20px; }
.listitem .listitem_content { position:absolute; bottom:0; left:0; width:40%; max-width:110px; padding:8px; background-color:#3F3C3D; color:#ACACAC;
	font-family: 'Roboto Condensed', sans-serif; font-size:20px; line-height:25px;}
.listitem .listitem_content:after { content:''; position: absolute; right: -30px; bottom: 0px;
width: 0;
height: 0;
border-style: solid;
border-width: 30px 0 0 30px;
border-color: transparent transparent transparent #3F3C3D;}

div.transformer-wrapper .col { width:49%; margin-right:2%; float:left; }
div.transformer-wrapper .col + .col { margin-right:0; }
div.wrapper.home .transformer { position:absolute; width: 100vw; height:100%; z-index: 100; }
div.wrapper.home div.transformer-wrapper { display:table; height: 100%; }
div.wrapper.home div.transformer-wrapper .col { display:table-cell; vertical-align:middle; float:none; margin:0 auto; }
div.wrapper.home div.transformer-wrapper .col .transformer-image { width:50%; margin:0 auto; }
div.wrapper.home div.transformer-wrapper .col .transformer-image:hover{
  transform: scale(1.2);
  transition-timing-function:ease-in-out;
  transition-duration: 0.5s;
}

.content_wrapper { position:relative; padding-top: 40px; }
.wrapper.dalab div.rot1 { width: 100%; height:300px; background-color: #3F3C3D; opacity:0.7; position:absolute; top:0; }
.wrapper.dalab div.rot1:after {
 content:"";
 position:absolute;
 bottom:-110px;
 height:110px;
 left:0;
 right:0;
 background:linear-gradient(to top right, transparent 49%, #3F3C3D 50%);
}
.wrapper div.rot1 img.menu-open { width:68px; display:none; }
.wrapper div.rot1 img.menu-close { width:30px; display:none; }
body.menuopen .wrapper div.rot1 img.menu-close { display:block; position: absolute; right: 20px; top: 20px; }

body.menuopen div.lef-navigation.column { display:block; }
body.menuopen .wrapper div.rot1 img.menu-open { display:none; }
body.menuopen .wrapper.dalab div.rot1, body.menuopen .wrapper.dafest div.rot1 { margin-top: 0; opacity: 0.7; background-color: #3F3C3D; height: 300px; display: block; position: absolute; }
body.menuopen .wrapper.dafest div.rot1 { height: 350px; }
body.menuopen .wrapper.dalab div.rot1:after, body.menuopen .wrapper.dafest div.rot1:after { display:block; }


.wrapper.dafest div.rot1 { width: 100%; height:350px; background-color: #3F3C3D; opacity:0.7; position:absolute; top:0; }
.wrapper.dafest div.rot1:after {
 content:"";
 position:absolute;
 bottom:-110px;
 height:110px;
 left:0;
 right:0;
 background:linear-gradient(to top left, transparent 49%, #3F3C3D 50%);
}


div.footer { position:relative; }
div.footer .footer-wrapper{
	width: calc(100% - 80px);
    display: inline-block;
	background-color: #3F3C3D;
	padding: 10px 40px 50px 40px;
	background: #3F3C3D 0% 0% no-repeat padding-box;
	opacity: 1;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 16px;
	line-height: 19px;
	letter-spacing: 0;
	color: #FFFFFF;
	
}
div.footer:before {
 content:"";
 position:absolute;
 top:-110px;
 height:110px;
 left:0;
 right:0;
 background:linear-gradient(to bottom right, transparent 49%, #3F3C3D 50%);
}

div.footer .footer-images, div.footer .footer-text { display:table; width: 100%; }
div.footer .footer-images { height:150px; border-top: 2px solid #fff; border-bottom: 2px solid #fff; margin: 15px 0; }
div.footer .footer-images a, div.footer .footer-text .col { display:table-cell; width:33%; vertical-align: middle; }
div.footer .footer-images a img, div.footer .footer-text .col img { width:auto; }
div.footer .footer-text .col img { margin-right:50px; }
div.footer .footer-images a.damp, div.footer .footer-text .col + .col { text-align:center; }
div.footer .footer-images a.logo, div.footer .footer-text .col + .col + .col { text-align:right; }

/* Contact form */
div.content div.contactform_div #form_content {margin-top:20px;}
div.content div.contactform_div input{width:100%; box-sizing: border-box; color:#666666; background-color:#dcdbdb; border:1px solid #dcdbdb; font-size:18px; line-height:40px; height:50px; margin-bottom:15px; padding:0px 15px;}
div.content div.contactform_div textarea {width:100%; box-sizing: border-box; color:#666666; background-color:#dcdbdb; border:1px solid #dcdbdb; font-size:18px; line-height:40px; margin-bottom:15px; padding:0px 15px;}
div.content div.contactform_div input:focus{outline:none;}
div.content div.contactform_div input::-webkit-input-placeholder{color: #666666;}div.content div.contactform_div input::-moz-placeholder{color: #666666;}
div.content div.contactform_div input:-ms-input-placeholder{color: #666666;}div.content div.contactform_div input:-moz-placeholder{color: #666666;}
div.content div.contactform_div input::placeholder{color: #666666;}

div.content div.contactform_div select{width:165px; color:#666666; background: url(icons/select-down-arrow.png) no-repeat 135px 20px; background-color:#dcdbdb; border:1px solid #dcdbdb; font-size:18px; line-height:40px; height:50px; margin-bottom:15px; padding:0px 15px; }
div.content div.contactform_div select:focus{outline:none;}
div.content div.contactform_div input, div.content div.contactform_div select, #floating-panel input, #floating-panel .input, button, .btn, #ap_login-form input, .filter-buttons input, .filter-group input[type="reset"], .filter-group input[type="button"], .filter-group input[type="submit"] { -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; outline: none; }
div.content div.contactform_div select::-ms-expand { display: none; }

div.content div.contactform_div select.error, div.content div.contactform_div input.error, div.content div.contactform_div textarea.error { color: #008cb4; border:1px solid #008cb4;}
div.content div.contactform_div input.error::-webkit-input-placeholder, div.content div.contactform_div textarea.error::-webkit-input-placeholder{color: #008cb4;}
div.content div.contactform_div input.error::-moz-placeholder, div.content div.contactform_div textarea.error::-moz-placeholder {color: #008cb4;}
div.content div.contactform_div input.error:-ms-input-placeholder, div.content div.contactform_div textarea.error:-ms-input-placeholder {color: #008cb4;}
div.content div.contactform_div input.error:-moz-placeholder, div.content div.contactform_div textarea.error:-moz-placeholder{color: #008cb4;}
div.content div.contactform_div input.error::placeholder, div.content div.contactform_div textarea.error::placeholder{color: #008cb4;}

div.content div.contactform_div  label.required-label{ color:#008cb4; font-size:16px; display:block; line-height:18px; margin-bottom: 30px; margin-top: 20px; }
div.content div.contactform_div  label.anonymous-label{ font-size:16px; display:block; line-height:18px;margin-top:15px; }
div.content div.contactform_div  label.anonymous-label-inner{ font-size:16px; display:inline-block; line-height:18px;margin-right:10px;padding-left:20px;}
div.content div.contactform_div  label.anonymous-label-inner::before{top:2px; width:14px; height:14px; border-radius:7px;}
div.content div.contactform_div  label.anonymous-label-inner::after	{content: '';    position: absolute;  top: 5px;  left: 3px;  background-color: #008cb4; transition: all .2s; width: 8px;  height: 8px;  border-radius: 4px;}
div.content div.contactform_div  .anonymous_input{    line-height: 18px; height: 30px; margin-top:10px; font-size:16px; max-width:73px;}
div.content div.contactform_div div.submit input{ background-color: #000000; border:1px solid #000000; color: #ffffff; text-transform: uppercase; font-weight:normal; width: auto; padding: 4px 15px; height:48px; margin-top:30px; margin-bottom:30px; cursor: pointer;}
div.content div.contactform_div div.submit input:hover{ background-color: #ffffff; border:1px solid #008cb4; color: #008cb4; }
div.content div.contactform_div.wait input, div.content div.contactform_div.wait select, div.content div.contactform_div.wait label { pointer-events:none !important; }
div.content div.contactform_div.wait { cursor: progress; }

/* Programme styles */
div#programeTable { width: calc(100% - 40px); padding: 20px; background-color: #000; }
div#programeTable div.sectionHead {
background-color:#fff;
float:left;
font-family:'Roboto Bold', sans-serif; font-size: 14px; line-height:20px;
height:20px;
padding-left:5px;
padding-top:2px;
width:calc(100% - 5px);
color: #000;
}

div#programeTable div.sectionItem {
/*background-color:#FFF;*/
float:left;
padding-top:12px;
width:100%;
}

div#programeTable div.sectionItem div.sectionTitle,div#programeTable div.sectionItem div.sectionTime,div#programeTable div.sectionItem div.sectionPlace {
float:left;
min-height:20px;
padding-left:5px;
padding-right:5px;
}

div#programeTable div.sectionItem div.sectionTitle { width:calc(60% - 10px); font-family:'Roboto Condensed', sans-serif; font-size: 14px; line-height:17px; }
div#programeTable div.sectionItem div.sectionTime, 
div#programeTable div.sectionItem div.sectionPlace { width:calc(20% - 10px); font-family:'Roboto Condensed', sans-serif; font-size: 14px; line-height:17px; }