@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500&display=swap');

/* html5reset.css - 01/11/2011 */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure,footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent; }
body {line-height: 1; }
article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section {display: block; }
nav ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
a {margin: 0;padding: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
/* change colours to suit your needs */ 
ins {background-color: #ff9;color: #000;text-decoration: none;}
/* change colours to suit your needs */ 
mark {background-color: #ff9;color: #000; font-style: italic;font-weight: bold;}
del {text-decoration:line-through; }
abbr[title], dfn[title] {border-bottom: 1px dotted;cursor: help;}
table {border-collapse: collapse;border-spacing: 0; }
/* change border colour to suit your needs */ 
hr {display: block; height: 30px; border: 0; padding: 0; background:transparent url(../img/hr.jpg) center center no-repeat;}
input, select {vertical-align: middle;}

/* BASIC PAGE SETUP ============================================================================= */
body {margin : 0 auto; padding : 0; font : 100%/1.4 'Roboto', sans-serif; font-weight:300;  color: #57656f; text-align: center; background:fixed; background-image: -ms-linear-gradient(top, #909FA7 0%, #F3F5F4 100%); background-image: -moz-linear-gradient(top, #909FA7 0%, #F3F5F4 100%); background-image: -o-linear-gradient(top, #909FA7 0%, #F3F5F4 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #909FA7), color-stop(1, #F3F5F4));  background-image: -webkit-linear-gradient(top, #909FA7 0%, #F3F5F4 100%); background-image: linear-gradient(to bottom, #909FA7 0%, #F3F5F4 100%);}
button,input,select,textarea {font-family : 'Roboto', sans-serif; color : #333; }
/*HEADINGS============================================================================= */
h1, h2, h3{ font-family:'Roboto', sans-serif; color:#57656f; font-weight : 300; margin-top: 10px; letter-spacing: -1px; }
h4, h5, h6 { font-family:'Roboto', sans-serif; font-weight : 300; margin-top: 10px; letter-spacing: -1px; }
h1{font-family:'Roboto', sans-serif; color: #57656f;  font-size : 3em; /* 96 / 16 */ line-height : 1.4; letter-spacing:0.03em;}
h1.top,h2.top,h3.top{margin-top:-8px !important;}


h3.logo{letter-spacing:0.03em;}
h3.logo span{font-weight:700; letter-spacing:0.05em;padding-left:0.03em;}

h2 { margin-bottom : 0em; margin-top : 0em; font-size : 2.75em; /* 40 / 16 */ line-height : 1.2; }
h3 { margin-bottom : 0.1em; font-size : 1.75em; /* 28 / 16 */ line-height : 1.3; letter-spacing:0.01em;}
h4 { margin-bottom : 0.5em; font-family : 'Roboto', sans-serif; font-size : 1.5em; /* 24 / 16*/ line-height : 1.25; letter-spacing:0.02em; }
footer h4 {color: #ccc; }
h5 {color: #555; margin-bottom : 1.25em; font-size : 1em; /* 20 / 16 */ }
h6 {color: #666; font-size : 1em; /* 16 / 16*/ }
/*TYPOGRAPHY============================================================================= */
p, ol, ul, dl, address {margin-bottom : 1.5em;font-size : 1.2em; /* 16 / 16 = 1 */ }
p { hyphens : auto;}
p.center { text-align: center; }
.and { font-family: GoudyBookletter1911Regular, Georgia, Times New Roman, sans-serif; font-size: 1.5em; /* 24 / 16 */ }
.heart { font-size: 1.5em; /* 24 / 16 */ }
ul,ol {margin : 0 0 1.5em 0;padding : 0 0 0 24px; }
li ul,li ol {margin : 0; font-size : 1em; /* 16 / 16 = 1 */ }
dl,dd {margin-bottom : 1.5em; }
dt {font-weight : normal; }
b, strong {font-weight : 600; letter-spacing:0.5px; }
small {font-size : 1em; /* 16 / 16 = 1 */ }
sub, sup {font-size : 75%;line-height : 0;position : relative;vertical-align : baseline; }
sup {top : -.5em; }
sub {bottom : -.25em; }
.subtext { color: #666; }
/* LINKS =============================================================================*/
a {color : #57656f; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; text-decoration: none; }
a:focus {outline : thin dotted;color : rgb(0,0,0); }
a:hover,a:active {outline : 0; color : #2b8ec8; }
 
/* IMAGES ============================================================================= */
img { border : 0; max-width: 100%; height: auto; width: auto\9; /* ie8 */ }
img.floatleft { float: left; margin: 0 10px 0 0; }
img.floatright { float: right; margin: 0 0 0 10px; }
/* TABLES ============================================================================= */
table {border-collapse : collapse; border-spacing : 0; margin-bottom : 1.4em;width : 100%; }
th, td, caption {padding : .25em 10px .25em 5px; }
tfoot {font-style : italic; }
caption {background-color : transparent; }
/* FORMS ============================================================================= */
form {margin : 0; }
fieldset {margin-bottom : 1.5em;padding : 0;border-width : 0; }
legend {*margin-left : -7px;padding : 0;border-width : 0; }
label{ font-weight : normal; cursor : pointer; display:block; margin:0; position:relative; top:0; left:0; }
label.inline{ display:inline; margin:0; }
label span{ color:#666; font-size:0.9em; }
label span.right{ position:absolute; bottom:0; right:1em; text-align:right; }
label.disabled{ color:#ccc; }
 button,search, input,select,textarea {font-size : 100%;margin : 0;vertical-align : baseline;*vertical-align : middle; }
button, input {line-height : normal;*overflow : visible; }
button,input[type="button"],input[type="reset"],input[type="submit"] {padding: 0.5em 1em; margin: 0; cursor : pointer;text-shadow:0 1px 0 #fff; }
input[type="checkbox"],input[type="radio"] {box-sizing : border-box; }
input[type="search"] {box-sizing : content-box; }
button::-moz-focus-inner,input::-moz-focus-inner {padding : 0; border : 0;}
input{ margin:0; border:1px solid #ccc; font-size:1em; padding:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; background:#fff; -moz-box-shadow:inset 0px 0px 6px #ccc; -webkit-box-shadow:inset 0px 1px 6px #ccc; box-shadow:inset 0px 1px 6px #ccc; }
input::-webkit-input-placeholder, input:-moz-placeholder, .placeholder{ color:#bbb; }
input::-moz-focus-inner {border:0;}
input[disabled="disabled"], input.disabled{ color:#999; background:#f5f5f5; -moz-box-shadow:inset 0px 0px 2px #ddd; -webkit-box-shadow:inset 0px 1px 2px #ddd; box-shadow:inset 0px 1px 2px #ddd; }
 /* Colors for form validity */ input:valid,textarea:valid { /* Styles */ }
input:invalid,textarea:invalid { -webkit-box-shadow : 0 0 2px #f00;-moz-box-shadow : 0 0 2px #f00; box-shadow : 0 0 2px #f00; }
.no-boxshadow input:invalid,.no-boxshadow textarea:invalid { background-color : #ccc; }
/*MAIN LAYOUT============================================================================= */
#wrapper { width: 100%; position: relative; text-align: left; }
#headcontainer{position:fixed; z-index:50; width: 100%; overflow:visible; margin-bottom:10px; }
header{ position:relative; clear: both; width: 80%;  /* 1000px / 1250px */ font-size: 0.8125em; /* 13 / 16 */ max-width: 92.3em; /* 1200px / 13 */ margin: 0px auto; margin-top:0px; padding: 0px 0px 10px 0px;  color: #000; background:#fff;  text-align: center; text-align:left; -webkit-box-shadow: 0 1px 0px rgba(0,0,0,.2); -moz-box-shadow: 0 0px 8px rgba(0,0,0,.2); box-shadow: 0 0px 8px rgba(0,0,0,.2);}
header h1{font-size:0px; min-height:20px;}


#footercontainer {position:relative; width: 100%; z-index:2; }
footer { clear: both;  /* 1000px / 1250px */ font-size: 0.8125em; /* 13 / 16 */  /* 1200px / 13 */ color: #ccc; text-align:left; margin: 0 auto; padding: 0px 0px 0px 0px; background-image: -ms-linear-gradient(top, #727e87 0%, #576570 100%); background-image: -moz-linear-gradient(top, #727e87 0%, #576570 100%); background-image: -o-linear-gradient(top, #727e87 0%, #576570 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #727e87), color-stop(1, #576570));  background-image: -webkit-linear-gradient(top, #727e87 0%, #576570 100%); background-image: linear-gradient(to bottom, #727e87 0%, #576570 100%); -webkit-box-shadow: 0 1px 8px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 8px rgba(0,0,0,.2); box-shadow: 0 1px 8px rgba(0,0,0,.2); margin-bottom:40px;}
footer p{font-size:1em;}
footer strong { font-size: 1.077em; /* 14 / 13 */ color: #aaa; }
footer a:link, footer a:visited { color: #ccc; }
footer a.lnk:after{content:''; display:inline-block; margin-left:4px; margin-top:2px; border: 4px solid;   border-color:  transparent transparent transparent  #fff;}
footer a:hover { color: #fff; }
footer a.lnk:hover:after{margin-left:6px;}

div.social{position:relative; display:block; min-height:26px; text-align:left;}
div.social ul{position:relative; display:block; list-style-type:none; list-style-position:outside; margin:0; height:26px; width:108px; padding:0;  text-align:left;}
div.social ul li{display:block; float:left; margin-right:10px; width:26px; height:26px; overflow:hidden; -webkit-box-shadow: 3px 3px 4px rgba(50,59,66,1); -moz-box-shadow: 3px 3px 4px rgba(50,59,66,1); box-shadow: 3px 3px 4px rgba(50,59,66,1);}
div.social ul li a{display:block; width:26px; height:26px; overflow:hidden; text-indent:-99999px; background:transparent url(../img/social.gif) no-repeat;}
div.social ul li a.google{background-position:0px 0px;}
div.social ul li a.google:hover{background-position:0px -31px;}
div.social ul li a.facebook{background-position:-32px 0px;}
div.social ul li a.facebook:hover{background-position:-32px -31px;}
div.social ul li a.twitter{background-position:-64px 0px;}
div.social ul li a.twitter:hover{background-position:-64px -31px;}

@media only screen and (min-width: 600px) {
header img#logo{position:absolute; float:right; max-height:100px; top:25px; right:20px;}
a#navopener{display:none;}
footer{width: 80%; max-width: 92.3em;}
header{width:80%; }
header .content{padding-left:40px; padding-right:40px;}
.kkslide{background:#fff;}
header ul{display:inline-block; position:relative; margin-left:0px; padding-left:0px !important; font-family:'Roboto', sans-serif; list-style-type:none; list-style-position:outside;}
header ul li{display:block; float:left; padding-right:10px; padding-left:0px; margin-left:0; font-size:14px;  letter-spacing:0.02em; text-transform:uppercase; letter-spacing:0.6px;}
header ul li p,header ul li a.active{font-weight:400; color:#fff; border-bottom:2px solid #FFD12D;display:inline-block; float:left; padding:0px; margin:0px;font-size:14px;}
header ul li a{font-weight:400; color:#fff; display:inline-block; float:left;font-size:1em;}
header ul li a:hover{ color:#FFD12D;}
.sf-menu, .sf-menu * {margin: 0;padding: 0;list-style: none; z-index:30;}
.sf-menu li {position: relative; padding-right:10px;}
.sf-menu ul {position: absolute; display: none; top: 100%; left: 0; z-index: 99; background:#121A21; padding-top:6px; }
.sf-menu ul ul{padding-top:0px;}
.sf-menu > li {float: left;}
.sf-menu li:hover > ul,.sf-menu li.sfHover > ul {display: block;}
.sf-menu a{display: block; position:relative;}
.sf-menu ul ul{top: 0;left: 100%;}
.sf-menu ul{box-shadow: 6px 6px 6px rgba(0,0,0,.2); min-width: 12em; /* allow long menu items to determine submenu width */ *width: 12em; /* no auto sub width for IE7, see white-space comment below */}
.sf-menu ul li { display:block; clear:both; float:none;  padding-right:0px; border-bottom:1px solid #23303B;}
.sf-menu ul li:last-child{border-bottom:none;}
.sf-menu ul li a{float:none; padding:6px; background:#121A21; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; color:#c7cfd6; font-size:0.9em;}
.sf-menu ul li a:hover{color:#fff; background:#121A21; padding-left:15px;}
.sf-menu ul li p{display: block; float:none; padding:6px; border-bottom:none; background:#121A21; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; color:#b8c0c8; font-size:0.9em;}

header h1{max-width:600px;}
}

@media only screen and (max-width: 600px) {
header img#logo{position:absolute; float:right; max-height:100px; top:15px; right:15px;}
a#navopener{display:block;}
header .content{padding-left:0px; padding-right:0px; margin-top:0px;}
div.maincontent{padding:0px; width:100% !important;}
footer{width:100%; min-width: 100% !important;}
.kkslide{background:#fff;}
header{width:100%; padding-bottom:0px;}
header ul{display:none; position:relative; list-style-position:outside; margin:0; padding:0; width:100%; font-family:'Roboto', sans-serif; left:0px; bottom:0px;  list-style-type:none;  margin-top:20px; list-style-position:outside; margin-bottom :-20px !important; background:#121A21;}
header ul li{display:block; margin-left:0px; font-size:1em; color:#fff; text-transform:uppercase; letter-spacing:1px; }
header ul li p{font-weight:400; display:block; float:none; padding-left:20px; color:#FFD12D;font-size:1em; margin-bottom:0px; border-bottom:1px solid #23303B; padding-top:10px; padding-bottom:10px; }
header ul li a{font-weight:400;  display:block; float:none; padding-left:20px; color:#fff;border-bottom:1px solid #23303B; padding-top:10px; padding-bottom:10px; }
header ul li a:hover{color:#c7cfd6;}
header ul ul{margin-top:0px; margin-left:0px; margin-bottom:0px !important;}
/* sub */
header ul ul li a,header ul ul li p{font-weight:300; padding-left:40px; background:#23303B; border-bottom:1px solid #121A21; text-transform: none;}
header ul ul li:last-child a,header ul ul li:last-child p{border-bottom:1px solid #23303B;}
/* sub sub */
header ul ul ul li a,header ul ul ul li p{padding-left:42px; background:#23303B; border-bottom:1px solid #121A21; text-transform: none;}
header ul ul ul li a:before,header ul ul ul li p:before{content:''; display:inline-block; margin-right:10px; margin-top:1px; border: 6px solid;   border-color:  transparent transparent transparent  #121A21;}
header ul ul ul li:last-child a,header ul ul ul li:last-child p{border-bottom:1px solid #121A21;}
header h1{max-width:600px; clear:both; font-size:0; }
header h1{text-align:left; padding-left:40px; padding-top:20px;}
header div#lang{padding-right:10px;}

}

#maincontentcontainer { width: 100%; padding-top:120px;}
.standardcontainer {}
.darkcontainer { background: rgba(102, 102, 102, 0.05); }
.lightcontainer { background: rgba(255, 255, 255, 0.33); }
#maincontent{ clear: both; width: 80%; /* 1000px / 1250px */ font-size: 0.8125em; /* 13 / 16 */ max-width: 92.3em; /* 1200px / 13 */ margin: 0 auto; padding: 1em 0px; color: #333; line-height: 1.5em; position: relative; }
.maincontent{ clear: both; width: 80%; /* 1000px / 1250px */ font-size: 0.8125em; /* 13 / 16 */ max-width: 92.3em; /* 1200px / 13 */ margin: 0 auto; padding: 0px; color: #333; line-height: 1.5em; position: relative; -webkit-box-shadow: 0 8px 8px rgba(0,0,0,.2); -moz-box-shadow: 0 8px 8px rgba(0,0,0,.2); box-shadow: 0 8px 8px rgba(0,0,0,.2); background:#fff;}
.content{padding:40px;}
header .content{padding-top:55px; padding-bottom:25px; margin-bottom:-10px; background: #23303B;
background-image: -ms-linear-gradient(top, #23303B 0%, #121A21 100%); background-image: -moz-linear-gradient(top, #23303B 0%, #121A21 100%); background-image: -o-linear-gradient(top, #23303B 0%, #121A21 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #23303B), color-stop(1, #121A21));  background-image: -webkit-linear-gradient(top, #23303B 0%, #121A21 100%); background-image: linear-gradient(to bottom, #23303B 0%, #121A21 100%);


}
.images div.maincontent{padding:0px;}



/*SECTIONS============================================================================= */
.section { clear: both; padding: 0px; margin: 0px; }
/*BUTTONS============================================================================= */ 
.button { display: inline-block; outline: none; cursor: pointer; text-align: center; text-decoration: none; font-weight: normal; color: #fff; padding: .5em 1em; margin: 1px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); box-shadow: 0 1px 2px rgba(0,0,0,.2); background: #cc1122 url(/images/glass.png) repeat-x 0 50%; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; font-size : 1.1em;}
.button:hover { background: #dd2233 url(/images/glass.png) repeat-x 0 50%; color: #fff; text-decoration: none; }
.button:active { background: #dd2233 url(/images/glass.png) repeat-x 0 50%; color: #fff; position: relative; top: 1px; }
.button:visited {color : #fff; }
/*GLOBAL OBJECTS ============================================================================= */
.breaker{clear:both; }
.group:before, .group:after { content:""; display:table; }
.group:after { clear:both; }
.group { zoom:1; /* For IE 6/7 (trigger hasLayout) */ }
.floatleft { float: left; }
.floatright { float: right; }
 /* VENDOR-SPECIFIC ============================================================================= */
html {-webkit-overflow-scrolling : touch;-webkit-tap-highlight-color : rgb(52,158,219);-webkit-text-size-adjust : 100%;-ms-text-size-adjust : 100%; }
.clearfix {zoom : 1; }
::-webkit-selection {background : rgb(23,119,175);color : rgb(250,250,250);text-shadow : none; }
::-moz-selection {background : rgb(23,119,175);color : rgb(250,250,250);text-shadow : none; }
::selection {background:rgb(23,119,175);color : rgb(250,250,250);text-shadow : none; }
button,input[type="button"],input[type="reset"],input[type="submit"] {-webkit-appearance : button; }
::-webkit-input-placeholder { font-size : .875em;line-height : 1.4; }
input:-moz-placeholder {font-size : .875em;line-height : 1.4; }
.ie7 img, .iem7 img {-ms-interpolation-mode : bicubic; }
input[type="checkbox"],input[type="radio"] {box-sizing : border-box; }
input[type="search"] {-webkit-box-sizing : content-box; -moz-box-sizing : content-box; }
button::-moz-focus-inner,input::-moz-focus-inner {padding : 0; border : 0; }
p { /* http://www.w3.org/TR/css3-text/#hyphenation */ -webkit-hyphens : auto; -webkit-hyphenate-character : "\2010"; -webkit-hyphenate-limit-after : 1; -webkit-hyphenate-limit-before : 3; -moz-hyphens : auto; }
a.bigbutton{display:inline-block; webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;  margin-top:2px; margin-bottom:0px; font-size:0.9em; font-weight:400;  font-weight:400; text-transform:uppercase; letter-spacing:0.5px; color:#fff; padding:5px; padding-left:15px; padding-right:15px; text-shadow:0 1px 4px rgba(92,106,116,.8); background-image: -ms-linear-gradient(top, #727e87 0%, #576570 100%); background-image: -moz-linear-gradient(top, #727e87 0%, #576570 100%); background-image: -o-linear-gradient(top, #727e87 0%, #576570 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #727e87), color-stop(1, #576570));  background-image: -webkit-linear-gradient(top, #727e87 0%, #576570 100%); background-image: linear-gradient(to bottom, #727e87 0%, #576570 100%); -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.2); -moz-box-shadow: 1px 1px 1px rgba(0,0,0,.2); box-shadow: 1px 1px 1px rgba(0,0,0,.2);  -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
a.bigbutton:after{content:'\232A'; display:inline-block; position:relative; padding-left:5px; font-weight:700; font-size:0.7em; vertical-align:top; line-height:2em;}
a.bigbutton:hover{ -webkit-box-shadow: 3px 3px 4px rgba(0,0,0,.3); -moz-box-shadow: 3px 3px 4px rgba(0,0,0,.3); box-shadow: 3px 3px 4px rgba(0,0,0,.3); background-image: -ms-linear-gradient(top, #23303B 0%, #121A21 100%); background-image: -moz-linear-gradient(top, #23303B 0%, #121A21 100%); background-image: -o-linear-gradient(top, #23303B 0%, #121A21 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #23303B), color-stop(1, #121A21));  background-image: -webkit-linear-gradient(top, #23303B 0%, #121A21 100%); background-image: linear-gradient(to bottom, #23303B 0%, #121A21 100%);} 


/* COL-SETUP */
/*  SECTIONS  ============================================================================= */
.section {clear: both;padding: 0px;margin: 0px;}
/*  GROUPING  ============================================================================= */
.group:before,.group:after { content:"";display:table;}
.group:after {clear:both;}
.group {zoom:1; /* For IE 6/7 (trigger hasLayout) */}
/*  GRID COLUMN SETUP   ==================================================================== */
.col {display: block;float:left;margin: 1% 0 1% 1.6%;}
.col:first-child { margin-left: 0; } /* all browsers except IE6 and lower */
/*  REMOVE MARGINS AS ALL GO FULL WIDTH AT 480 PIXELS */

.span_2_of_2 {width: 100%;}
.span_1_of_2 {width: 49.2%;}
.span_3_of_3 {width: 100%; }
.span_2_of_3 {width: 66.13%; }
.span_1_of_3 {width: 32.26%; }


.span_9_of_9 {	width: 100%;}
.span_8_of_9 {	width: 88.71%;}
.span_7_of_9 {	width: 77.42%; }
.span_6_of_9 {	width: 66.13%; }
.span_5_of_9 {	width: 54.84%; }
.span_4_of_9 {	width: 43.55%; }
.span_3_of_9 {	width: 32.26%;}
.span_2_of_9 {	width: 20.97%; }
.span_1_of_9 {	width: 9.68%; }


@media only screen and (max-width: 928px) and (min-width: 481px){
 .span_4_of_9 {margin-left: 0; width: 100%;}
 .span_1_of_9 {margin-left: 0; display:none;}
 div.event{min-height:20px;}
}
@media only screen and (min-width: 929px){
	div.event{min-height:80px;}
}



/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */
@media only screen and (max-width: 480px) {
	a.bigbutton{display:block; text-align:center; padding-top:8px; padding-bottom:8px; font-size:1em;}
	a.bigbutton:hover{margin-top:2px; margin-left:0px;}
/*header{padding: 20px 0px 0px 0px;}*/
header h1{font-size:0; }
header h1{text-align:left; padding-left:40px; padding-top:10px;}
header img#logo{position:absolute; float:right; max-height:75px; top:15px; right:0px;}
/*header{width: 93.75%; /* 450px / 480px }*/
#maincontent{width: 93.75%; /* 450px / 480px */}
.maincontent{width: 93.75%; /* 450px / 480px */}
footer{width: 93.75%; /* 450px / 480px */}	
.col { margin: 1% 0 1% 0%;}
.span_3_of_3 {width: 100%;}
.span_2_of_3 {width: 100%;}
.span_1_of_3 {width: 100%;}
.span_2_of_2 {width: 100%;}
.span_1_of_2 {width: 100%;}
.span_9_of_9 {width: 100%;}
.span_8_of_9 {width: 100%;}
.span_7_of_9 {width: 100%;}
.span_6_of_9 {width: 100%;}
.span_5_of_9 {width: 100%;}
.span_4_of_9 {width: 100%;}
.span_3_of_9 {width: 100%;}
.span_2_of_9 {width: 100%;}
.span_1_of_9 {width: 100%;}

table.termine td.date{display:block; width:100%; border:none; clear:both;}
div.tab.termine{display:block; width:100%; border:none; clear:both; margin:0px; margin-top:10px; padding-bottom:20px;}
div.tab.termine div.trow{display:block; width:100%; border:none; float:left; padding-top:5px; padding-bottom:10px;}
div.tab.termine div.trow div.tcl{display:inline-block; float:left; padding:0px;  font-size:1.5em; line-height:1.2em;}
div.tab.termine div.trow div.tcl.ort{padding-right:5px;}
div.tab.termine div.trow div.tcl.date{display:block; width:100%;}
div.tab.termine div.trow div.tcl.tickets{display:block; float:right; margin-top:-2px;}
div.tab.termine div.trow{display:block; border-bottom:1px solid #ddd; clear:both;}
p.zusatzinfo{display:block; clear:both; padding-top:20px;}
}


.justimg{width: 100%; padding: 0px; padding-bottom:21px; height:auto; background:#fff url(../img/slider-bottom.jpg) bottom center no-repeat; border: none; margin:0px; position: relative; /*box-shadow:3px 3px 5px rgba(0,0,0,0.3); */ margin-bottom: 0px; overflow:hidden; }
.justimg img{width:100%; max-width:100%; padding:0px; margin-bottom:-5px;}





/* Slider : Start */
.kkslide{width: 100%; max-height:500px; padding: 0px; padding-bottom:21px; background:#fff url(../img/slider-bottom.jpg) bottom center no-repeat; border: none; margin:0px; position: relative; /*box-shadow:3px 3px 5px rgba(0,0,0,0.3); */ margin-bottom: 0px; overflow:hidden; }
.kkslide div.hdshadow{width: 100%;  display:block; height:21px; background:#fff url(../img/slider-top.jpg) bottom center no-repeat;}
.swiper-container,.swiper-container-single{height:auto; width: 100%;}
.content-slide { padding: 20px; color: #fff;}
.swiper-slide{position:relative; display:table-cell; vertical-align:middle; min-height:400px; height:100%; }
div.fullbg{background-size:cover; background-position:center center;}
div.singleimg{overflow:hidden;padding-bottom:21px; background:#fff url(../img/slider-bottom.jpg) bottom center no-repeat;}

div.fullbg, div.seps{position:relative; display:block; height:100%; width:100%;  }
div.fullbg img{position:absolute; z-index:1; min-width:100%; width:100%;vertical-align:middle;}
div.fullbg div{display:block; position:relative; z-index:2; color:#fff; padding:40px; max-width:50%;}
div.fullbg div h2{padding-bottom:20px;}
div.fullbg div p{line-height:1.5em;}
div.fullbg div h2, div.fullbg div p{color:#fff; /* http://www.w3.org/TR/css3-text/#hyphenation */ -webkit-hyphens:none; -moz-hyphens : none; }

div.fullbg.brght div h2, div.fullbg.brght div p{color: #57656f;}

.swiper-slide div.seps img{position:absolute; z-index:1; min-width:50%; width:50%; vertical-align:middle;}
.swiper-slide div.seps div.txt{position:relative; z-index:1; min-width:50%; width:50%; float:right;}
.swiper-slide div.seps div.txt h2,.swiper-slide div.seps div.txt p{padding-left:40px; padding-right:40px;color: #57656f;}
.swiper-slide div.seps div.txt p{font-size:1em; line-height:1.5em;}
.swiper-slide div.seps div.txt h2{padding-bottom:20px;}

.pagination {position: absolute; left: 0;text-align: center; bottom:0px; width: 100%; z-index:10;}
.swiper-pagination-switch {display: inline-block; width: 10px; height: 10px; background: #cccccc; margin: 0 5px; cursor: pointer; }
.swiper-active-switch { background: #576570;}
	div.singleimg{max-height: 450px;}
	.swiper-container,.swiper-container-single{max-height: 450px;}
div.txtspalte div.inh{padding-left:40px;}
.swiper-container-single .swiper-slide,.swiper-container-single img{width:100%; max-width:100%;}

@media only screen and (max-width: 845px){
	.swiper-container,.swiper-container-single{max-height: 350px; max-width:100%;}
}

@media only screen and (max-width: 500px){
	.swiper-container,.swiper-container-single{max-height: 250px; max-width:100%;}
}


/* Slider : Ende 

@media only screen  and (min-width: 701px) and (max-width: 845px){
	div.singleimg{max-height: 380px;}
	.swiper-container,.swiper-container-single{max-height: 450px;}
	div.fullbg div h2{font-size:2em;}
	div.fullbg div p{font-size:1.1em;}
}
@media only screen and (min-width: 610px) and (max-width: 700px){
	div.singleimg{max-height: 380px;}
	.swiper-container,.swiper-container-single{max-height: 250px;}
	div.fullbg div h2{font-size:1.7em;}
	div.fullbg div p{font-size:1em;}
}
@media only screen and (min-width: 508px) and (max-width: 609px){
	div.singleimg{max-height: 380px;}
	.swiper-container,.swiper-container-single{max-height: 380px;}
	div.fullbg div h2{font-size:1.7em; padding-bottom:10px;}
	div.fullbg div p{font-size:1em;text-shadow:0 1px 4px rgba(0,0,0,.8);}
	div.fullbg.brght div p{font-size:1em;text-shadow:0 1px 4px rgba(255,255,255,.8);}
	div.fullbg div{max-width:50%;padding-left:30px;}
	div.fullbg p.hd{display:none;}
}
@media only screen and (max-width: 507px){
	div.txtspalte div.inh{padding-left:0px;}
	div.singleimg{max-height: 280px;}
	.swiper-container,.swiper-container-single{max-height: 280px;}
	div.fullbg div h2{font-size:1.3em; padding-bottom:2%; margin-top:-30px;}
	div.fullbg div p{font-size:0.9em;text-shadow:0 1px 4px rgba(0,0,0,.8);}
	div.fullbg.brght div p{font-size:0.9em;text-shadow:0 1px 4px rgba(255,255,255,.8);}
	div.fullbg div{max-width:50%; padding-left:5%;}
	div.fullbg p.hd{display:none;}
}*/

.alg_c{text-align:center;}


/* Slider : Ende */

div.event{display:block; border-bottom:1px solid #000; width:100%; padding-top:10px;}
div.event h3{line-height:.5em; margin-bottom:0px;}
div.event p{font-weight:400; font-size:1.5em;}

div.infobox{background:#fff; min-height:200px;-webkit-box-shadow: 2px 2px 4px rgba(0,0,0,.2); -moz-box-shadow: 2px 2px 4px rgba(0,0,0,.2); box-shadow: 2px 2px 4px rgba(0,0,0,.2); margin-bottom:20px;}
div.infobox div.inh{padding:20px;}
div#maincontentcontainer div.col p{color:#576570; font-size:1.1em; line-height:1.3em; font-weight:300;}
div#maincontentcontainer div.col p.copy{font-weight:400;}

h2.intro{padding-top:25px; padding-bottom:25px;}
@media only screen and (min-width: 481px) {
div.tab.termine div.trow div.tcl{font-size:1.2em; padding-bottom:5px; padding-top:5px;}
div.tab.termine{display:table; width:100%; border:none; border-collapse:collapse; font-size:padding:0px; margin:0px; margin-top:10px; margin-bottom:20px;}
div.tab.termine div.trow{display:table-row;}
div.tab.termine div.trow div.tcl{display:table-cell; border-bottom:1px solid #ddd;}
div.tab.termine div.trow div.tcl.tickets{text-align:right;}
}

div.tab.termine div.trow div.tcl.tickets a{min-width:58px;display:inline-block; text-transform:uppercase; letter-spacing:0.2em; font-size:0.8em; padding-left:10px; padding-right:10px; background:#ccc; -webkit-border-radius:8px;-moz-border-radius:8px; border-radius:8px; color:#fff; background-image: -ms-linear-gradient(top, #cccccc 0%, #afafaf 100%); background-image: -moz-linear-gradient(top, #cccccc 0%, #afafaf 100%); background-image: -o-linear-gradient(top, #cccccc 0%, #afafaf 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #cccccc), color-stop(1, #afafaf));  background-image: -webkit-linear-gradient(top, #cccccc 0%, #afafaf 100%); background-image: linear-gradient(to bottom, #cccccc 0%, #afafaf 100%); }
div.tab.termine div.trow div.tcl.tickets a:hover{background-image: -ms-linear-gradient(top, #474646 0%, #000000 100%); background-image: -moz-linear-gradient(top, #474646 0%, #000000 100%); background-image: -o-linear-gradient(top, #474646 0%, #000000 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #474646), color-stop(1, #000000));  background-image: -webkit-linear-gradient(top, #474646 0%, #000000 100%); background-image: linear-gradient(to bottom, #474646 0%, #000000 100%);}

div.tab.termine div.trow div.tcl.tickets p.sold{min-width:58px; text-align:center; display:inline-block; color:#fff; margin-bottom:0px; text-transform:uppercase; letter-spacing:0.2em; font-size:0.8em; padding-left:10px; padding-right:10px; background:#900; -webkit-border-radius:8px;-moz-border-radius:8px; border-radius:8px; background-image: -ms-linear-gradient(top, #cc0000 0%, #990000 100%); background-image: -moz-linear-gradient(top, #cc0000 0%, #990000 100%); background-image: -o-linear-gradient(top, #cc0000 0%, #990000 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #cc0000), color-stop(1, #990000));  background-image: -webkit-linear-gradient(top, #cc0000 0%, #990000 100%); background-image: linear-gradient(to bottom, #cc0000 0%, #990000 100%); }


div.tab.termine div.trow div.tcl.ort{font-weight:700; letter-spacing:0.02em;}
div.tab.termine div.trow div.tcl.date{white-space:nowrap;}
div.tab.termine div.trow div.tcl.headline{font-weight:700; letter-spacing:0.02em; padding-top:1.0em;}

div.tab.termine div.trow{background:#fff; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}

div.tab.termine div.trow:hover{background:#eee;}
div.tab.termine div.trow.hd:hover{background:#fff;}

a#navopener{width:45px; height:30px;-webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; background:#576570 url(../img/menu.gif) 0px 0px no-repeat; text-indent:-99999px; position:absolute; top:0px; left:30px; -moz-border-radius-bottomright:6px; -webkit-border-bottom-right-radius:6px; -moz-border-radius-bottomleft:6px; -webkit-border-bottom-left-radius:6px; border-bottom-left-radius:6px; border-bottom-right-radius:6px;}
a#navopener:hover{background-position:0px -30px;}

a[data-role="button"]{color:#000; cursor:default;}


@media only screen and (max-width: 1024px) and (min-width: 600px){
header {width: 93.75%; /* 960px / 1024px */}
#maincontent{width: 93.75%; /* 960px / 1024px */}
.maincontent{width: 93.75%; /* 960px / 1024px */}
footer {width: 93.75%; /* 960px / 1024px */}
}
@media only screen and (max-width: 599px) and (min-width: 481px){
#maincontent{width: 93.75%; /* 720px / 768px */}
.maincontent{width: 93.75%; /* 720px / 768px */}
footer {width: 93.75%; /* 720px / 768px */}	
}


@media only screen and (max-width: 372px){
	header h1{font-size:0;}
	
}

header div#lang{display:block; position:absolute; top:-25px; right:0px; font-size:0.9em; color:#bbb;}
div.inh.mini{min-height:155px;}

.video-container {position: relative; padding-bottom: 56.25%; padding-top: 0px; height: 0; overflow: hidden;}
 .video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}





.colcontent {
    width: auto;
	line-height:1.8em;
    /*column-count: 2; -webkit-column-count: 2; -moz-column-count: 2; */
	column-width: 280px; -webkit-column-width: 280px; -moz-column-width: 280px;
    column-gap: 40px; -webkit-column-gap: 40px; -moz-column-gap: 40px;
	column-rule: 1px solid #eee; -webkit-column-rule: 1px solid #eee; -moz-column-rule: 1px solid #eee;
	color:#333;
}
.colcontent p,.txtspalte p{font-size:1.1em !important; line-height:1.6em !important;}

.txtspalte ul li{font-size:0.9em !important; line-height:1.6em !important; color:#57657b; list-style-type:square;}

.colcontent h1,.colcontent h2,.colcontent h3,#content h4,.colcontent h5 {
padding:0px; margin:0px;	
break-after: avoid; -webkit-break-after: avoid; -moz-break-after: avoid;
}


.min440{min-height:440px !important;}

h3.spec{
    text-transform:uppercase;
    font-weight:600;
    letter-spacing: 1px;
    font-size:14px;
    color:#253743;
}