@charset "utf-8";

/* CSS Reset */
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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { display: block }
body { line-height: 1 }
ol, ul { list-style: none }
blockquote, q { quotes: none }
blockquote:before, blockquote:after,
q:before, q:after {	content: ''; content: none }
table { border-collapse: collapse; border-spacing: 0 }

/* Font Face */
@font-face {
    font-family: 'MateRegular';
    src: url('../fonts/Mate-Regular-webfont.eot');
    src: url('../fonts/Mate-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Mate-Regular-webfont.woff') format('woff'),
         url('../fonts/Mate-Regular-webfont.ttf') format('truetype'),
         url('../fonts/Mate-Regular-webfont.svg#MateRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'MateItalic';
    src: url('../fonts/Mate-Italic-webfont.eot');
    src: url('../fonts/Mate-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Mate-Italic-webfont.woff') format('woff'),
         url('../fonts/Mate-Italic-webfont.ttf') format('truetype'),
         url('../fonts/Mate-Italic-webfont.svg#MateItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'MateSCRegular';
    src: url('../fonts/MateSC-Regular-webfont.eot');
    src: url('../fonts/MateSC-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/MateSC-Regular-webfont.woff') format('woff'),
         url('../fonts/MateSC-Regular-webfont.ttf') format('truetype'),
         url('../fonts/MateSC-Regular-webfont.svg#MateSCRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* Styling
----------------------------------------------------*/

/* Body style */
body { font-family: "MateRegular", Georgia, "Times New Roman", serif; background:url(../images/background.png) repeat-x #383435 top; margin: 0; font-size:16px; color:#c0c0c0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility }
#body-festival-page { background:url(../images/background-content-page.png) no-repeat top #383435 }

/* Link styling */

a { font-family: "MateSCRegular", Georgia, "Times New Roman", serif; color:#837977; text-decoration:none }
a:hover { color:#fff }
#content p#news-bar a { font-size:15px }

/* Heading styling */
h1, h2, h3, h4 { font-weight:normal; text-rendering: optimizeLegibility; color:#fff }
h1 { font-size:23px; line-height:30px  }
h2 { font-size:20px; line-height:26px }
h3 { font-size:16px }
.text ol li h3 { margin-bottom: 5px; }

/* p */

p { line-height:21px; margin-bottom: 5px; }
.small-caps { font-family:"MateSCRegular", Georgia, "Times New Roman", serif; font-size:16px }
strong { font-family:Georgia, "Times New Roman", serif; font-weight:bold; font-size:15.5px }
em { font-family:"MateItalic", Georgia, "Times New Roman", serif }
#footer { font-size:15px }
#footer p { line-height:18px }

/* img */

.img-centered, .img-centered-sub { margin:0 auto }
.img-centered { padding:32px 0 }
.img-centered-sub { padding:0 0 32px 0 }

/* List */

ul.lists { margin-top:15px }
ul.lists-organigramm { margin-top:0 }
ul.lists li, ul.lists-organigramm li { line-height:21px; margin-left:20px; list-style:square }
.text ul li { line-height: 23px }
.text ul li ul { padding-left: 15px; }
.text ul.list-mb { margin-bottom: 15px; }
.text ul li.websites-li { margin-top: 15px; }
.text ol li { list-style-type: upper-roman; list-style-position: inside; margin-top: 30px; }
.text ol li:first-child { margin-top: 0; }

/* Tables */

table { border:1px #666 solid; margin:20px 0 }
table tr { border:1px #666 solid }
table tr td { padding:10px }
table tr.title-table { background:#080707 }
table tr.sub-title-table { background: #1b1919 }
table tr.line-1 { background: #322e2e }
table tr:hover { background:#474242 }

/* Centered */

#centered { width:960px; margin:0 auto }

/* Header */

#header { height:121px; background: url(../images/background-header.png) }
#header, #header-festival-page { position:relative; z-index:50 }
#logo { position:absolute; top:0; left:-25px; z-index:100; display:block }
#menu-header { background: url('../images/menu-background.png') repeat-x; font-family: "MateSCRegular", Georgia, "Times New Roman", serif; position:absolute; right: 0; top:62px; width:720px; height: 43px; font-size:18px; line-height: 2.68em }
#menu-header li { display:inline; }
#menu-header li a { color:#7f7057; padding: 7px 13px; text-shadow: 1px 1px 0 #f2ecc7; -webkit-text-shadow: 1px 1px 0 #f2ecc7; -moz-text-shadow: 1px 1px 0 #f2ecc7; -o-text-shadow: 1px 1px 0 #f2ecc7; -ms-text-shadow: 1px 1px 0 #f2ecc7; }
#menu-header li a.active-link,
#menu-header li a:hover { background: #fff7c7; box-shadow: 0 0 5px rgba(0, 0, 0, .2); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .2); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .2); -o-box-shadow: 0 0 5px rgba(0, 0, 0, .2); -ms-box-shadow: 0 0 5px rgba(0, 0, 0, .2); padding: 7px 13px; }
#menu-header li.ultimo { padding-right:0; background:none }
#header-festival-page { height:238px }
#header-festival-page #quote-header { font-family: "MateItalic", Georgia, "Times New Roman", serif; position:absolute; top:148px; left:278px; width:680px; text-align:left }

/* Slider Home */

#big-image-slider { width:960px; height:426px; z-index:1; position:relative }

/* Content */
/* Home Page */

#content { float:left; width:960px; background:url(../images/background-content.png) no-repeat top; padding-top:20px }
#content p#news-bar { padding:10px 20px; background:#1b1919; width:920px }
#content #column-left, #content #column-mid, #content #column-right { float:left; width:306px; background:#2b2628; margin-top:20px }
#content #column-left p, #content #column-mid p, #content #column-right p { font-size:15px }
#content #column-left, #content #column-mid { margin-right:20px }
#content #column-left img, #content #column-mid img, #content #column-right img, #content-festival-page #right-column-festival-page img { display:block }
#content #column-left h3, #content #column-mid h3, #content #column-right h3, #content-festival-page #right-column-festival-page h2, #content-festival-page #related-video h3.title-video-page { padding:15px 20px; background:#1b1919 }
#content #column-left .text, #content #column-mid .text, #content #column-right .text { line-height:20px }
#content #column-left .text, #content #column-mid .text, #content #column-right .text, #content-festival-page #right-column-festival-page .text { padding:20px }
span.button-more a { background:url(../images/button-background.png) no-repeat; width:222px; height:36px; display:block; margin-bottom:20px; margin-left:20px; line-height:36px; padding:0 20px; font-size:15px }
span.button-more a:hover { background:url(../images/button-background-hover.png) no-repeat; width:262px; height:36px; display:block }

/* Festival Page */

#content-festival-page { float: left; width:960px }
#content-festival-page #left-column-festival-page { float:left; width:207px; margin-right:20px }
.collapse { display:inline-block }
#content-festival-page #left-column-festival-page ul li a { background:url(../images/menu-left-separator.jpg) no-repeat bottom; padding:10px 20px; line-height:25px; font-size:16px; display:block; width:167px }
#content-festival-page #left-column-festival-page ul ul.sub-menu li a { padding:10px 20px; font-size:13px; background:none; border-bottom:1px #4b4647 dotted }
#content-festival-page #left-column-festival-page ul li a:hover { background:url(../images/menu-left-separator.jpg) no-repeat bottom #2a2727 }
#content-festival-page #left-column-festival-page ul ul.sub-menu li a:hover { background:#242223; color:#fff }
#content-festival-page #right-column-festival-page { float:right; width:712px }
#content-festival-page #right-column-festival-page .text { background:#2b2628 }

/* Video Page */

#content-festival-page #left-column-festival-page h2 { color:#fff; padding:0 20px }
#content-festival-page #left-column-festival-page p { padding:0 20px }
#content-festival-page #left-column-festival-page p.separated { padding-top:20px; background:url(../images/menu-left-separator.jpg) no-repeat top; margin-top:20px }
#content-festival-page #related-video { clear:both; padding-top:20px }
#content-festival-page #related-video .text { width:920px; background:#2b2628; float:left; display:inline-block; padding:20px }
#content-festival-page #related-video .text ul li { list-style:none; float:left; width:263px; padding-bottom:10px; padding-left:20px }
#content-festival-page #related-video .bx-window { margin-left: 35px; overflow:hidden }
.related-video-title { margin-top:10px }
#content-festival-page #related-video .bx-pager { text-align:center; width:920px; border-top:1px solid #373131; padding-top:10px }
#content-festival-page #related-video .bx-pager a { padding:10px; font-size:14px }
#content-festival-page #related-video a.bx-prev { background:url(../images/icon_arrow_left.png) no-repeat; width:31px; height:0; position:absolute; top:65px; padding-top:31px }
#content-festival-page #related-video a.bx-next { margin-right:20px; background:url(../images/icon_arrow_right.png) no-repeat; width:31px; height:0; position:absolute; top:65px; left:890px; padding-top:31px }
#content-festival-page #related-video  a.bx-prev:hover { background:url(../images/icon_arrow_left.png) no-repeat 0 -31px; width:31px; height:0; position:absolute; top:65px; padding-top:31px }
#content-festival-page #related-video  a.bx-next:hover { margin-right:20px; background:url(../images/icon_arrow_right.png) no-repeat 0 -31px; width:31px; height:0; position:absolute; top:65px; padding-top:31px; right:0 }
#content-festival-page #related-video .bx-pager .pager-active, .bx-pager a:hover { color:#FFF }

/* Contact Page */

#content-festival-page #right-column-festival-page .map { margin: 15px 0; }

/* Footer */

#footer { clear:both; background:url(../images/footer-separator.jpg) no-repeat top; padding:20px 0; display:inline-block; height:35px; width:960px; margin-top:20px }
#footer .copyright { width:620px; float:left }
#footer .social-network { width:96px; float:right }
#footer .social-network li { float:left }
#footer .social-network li a img.mono, #footer .social-network li a:hover img.colour { display:block; z-index:5 }
#footer .social-network li a img.colour, #footer .social-network li a:hover img.mono { display:none; z-index:1 }