/* CSS
 * Author: Heine Jensvold <heine@idium.no>
 * Thanks to: HTML Boilerplate, Normalize.css, Nicolas Gallagher, Jonathan Neal and Kroc Camen
 */

/* HTML5 display definitions */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 * 2. Force vertical scrollbar in non-IE
 * 3. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
 */
html { font-size: 62.5%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { font-size: 100%; margin: 0; line-height: 1.231; color:#4c4c4c; }
button, input, select, textarea { font-family: sans-serif; }

/* 
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate
 * Also: hot pink! (or customize the background color to match your design)
 */
::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }

/* Links */
a { color: #4c4c4c; text-decoration:none; outline: none; }
a:visited {  }
a:hover { color:#888888; }
a:focus { outline:none;}

/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active { outline: 0; }

/* Typography */
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }

/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1rem; }

/* Improve readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }

/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

/* Lists */
ul, ol { margin: 1em 0; padding: 0 0 0 40px; font-size:10px; font-size:1.0rem;}
dd { margin: 0 0 0 40px; }
nav ul, nav ol, .nav,
.search_form ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

/*----- Embedded content -----*/
/* 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/e  */
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
/* Correct overflow not hidden in IE9*/
svg:not(:root) { overflow: hidden; }

/* Figures, images */
figure { margin: 0; background-color:#eee;}
.footer figure {background-color: transparent;}

/*----- Forms -----*/
form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
/* Indicate that 'label' will shift focus to the associated form element */
label { cursor: pointer; }
/* 
 * 1. Correct color not inheriting in IE6/7/8/9 
 * 2. Correct alignment displayed oddly in IE6/7 
 */
legend { border: 0; *margin-left: -7px; padding: 0; }
/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 * 2. Correct inner spacing displayed oddly in IE6/7
 */
button, input { line-height: normal; *overflow: visible; }
/* Reintroduce inner spacing in 'table' to avoid overlap and whitespace issues in IE6/7 */
table button, table input { *overflow: auto; }
/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 */
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
/* Consistent box sizing and appearance */
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
/* Remove inner padding and border in FF3/4: h5bp.com/l */
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
/* 
 * 1. Remove default vertical scrollbar in IE6/7/8/9 
 * 2. Allow only vertical resizing
 */
textarea { overflow: auto; vertical-align: top; resize: vertical; }
/* Colors for form validity */
input:valid, textarea:valid {}
input:invalid, textarea:invalid { background-color: #f0dddd; }

/* -----Tables----- */
table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

/* ----- IPS Editorelement -----*/
.editorelement .font-weight_bold { font-weight: bold; }
.editorelement .caption {
  font-size: 90%;
  font-style: italic;
  padding: 0.3em 0.5em;
  margin: 0;
  }
.editorelement .float_left {
  float: left;
  margin-right: 1em;
  }
.editorelement .float_right {
  margin-left: 1em;
  float: right;
  }
.editorelement .dir_rtl { direction: rtl; }
.editorelement .dir_ltr { direction: ltr; }
.editorelement .align_left, 
.editorelement .text-align_left { text-align: left; }
.editorelement .align_right, 
.editorelement .text-align_right { text-align: right; }
.editorelement .align_center, 
.editorelement .text-align_center { text-align: center; }
.editorelement .align_justify, 
.editorelement .text-align_justify { text-align: justify; }
.editorelement span.underlined, 
.editorelement span.underline, 
.editorelement .underline { text-decoration: underline; }
.editorelement .user-box {
  padding: 0.5em;
  background: #eeeeee;
  }
.editorelement iframe { background: white; }
.editorelement a.file_object {
  padding: 0.5em;
  text-decoration: none;
  }
.editorelement a {text-decoration:underline; color:#009BDB;}
.editorelement .file_object img, 
.editorelement .file_object span { margin-right: 0.5em; }

/* Editorelement - Tables */
.editorelement table {
  border-collapse: collapse;
  float: none;
  }
.editorelement table td {
  vertical-align: top;
  padding: 0.3em;
  }
.editorelement table.custome1-user-table td {padding:0;}
.editorelement table .valign_top, 
.editorelement table .vertical-align_top { vertical-align: top; }
.editorelement table .valign_middle, 
.editorelement table .vertical-align_middle { vertical-align: middle; }
.editorelement table .valign_bottom, 
.editorelement table .vertical-align_bottom { vertical-align: bottom; }
.editorelement table .valign_baseline, 
.editorelement table .vertical-align_baseline { vertical-align: baseline; }
.editorelement table thead td { font-weight: bold; }
.editorelement table.bordered-user-table {
  border: solid 1px #cccccc;
  border-bottom-width: 0;
  border-right-width: 0;
  }
.editorelement table.bordered-user-table td {
  border: 1px solid #cccccc;
  border-top-width: 0;
  border-left-width: 0;
  }
.editorelement table.outlined-user-table { border: solid 1px #cccccc; }
.editorelement table.outlined-horizontal-user-table {
  border: solid 1px #cccccc;
  border-bottom: 0 none;
  }
.editorelement table.outlined-vertical-user-table {
  border: solid 1px #cccccc;
  border-right: 0 none;
  }
.editorelement table.vertical-user-table { border-left: solid 1px #cccccc; }
.editorelement table.outlined-horizontal-user-table td, 
.editorelement table.horizontal-user-table td { border-bottom: solid 1px #cccccc; }
.editorelement table.outlined-vertical-user-table td, 
.editorelement table.vertical-user-table td { border-right: solid 1px #cccccc; }

/*------ IPS forms -ipsform -----*/
.ipsform {margin-bottom:12px;}
.ipsform li.error {
  background: none;
  border: none;
  padding: 0;
  margin-bottom: 0;
  }
.ipsform ul, 
.ipsform ol {
  padding: 0;
  margin: 0;
  list-style: none;
  }
.ipsform legend {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.7em;
  font-weight: bold;
  margin: 0;
  left: 0;
  position: relative;
  display:none;
  }
.ipsform li {
  position: relative;
  z-index: 1;
  clear: both;
  float: none;
  width: 100%;
  }
.ipsform li.first.odd.form_labelfield {
  margin-bottom: 1.25em;
}
.ipsform li.separate { margin-bottom: 1.5em; }
.ipsform li.afterseparate { clear: both; }
.ipsform li.form_password input,
.ipsform li.form_text input,
.ipsform li textarea,
.ipsform li.form_captcha > input {
  margin-bottom: 1em;
  display: block;
  width: 70%;
  border: 1px solid rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  font-size: 18px;
  font-size: 1.8rem;
  padding: 5px;
}
.ipsform li select {
  margin-bottom: 1em;
  display: block;
  width: 72%;
  border: 1px solid rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  font-size: 13px;
  font-size: 1.3rem;
  padding: 8px;
}
.ipsform select option { padding: 0 0.5em 0 0.25em; }
.ipsform li.form_captcha > img {
  margin: 0.5em 0 1em;
  border: 1px solid #eee;
}
.ipsform span.passformat {
  display: block;
  font-size: 0.9em;
  font-weight: normal;
}
.ipsform span.required, 
.ipsform span.mandatory,
.ipsform li.error, .ipsform li.error p, 
.ipsform li label.error, .ipsform li p.error,
.ipsform li label { 
  color: #555; 
  }

.ipsform li.form_labelfield p { 
  margin: 0.5em 0;
  }
.ipsform li.form_fileinput input { 
  margin-bottom: 1em; 
  }
.ipsform li.form_checkbox {
  position: relative;
  z-index: 1;
  margin-bottom: 0.5em;
  }
.ipsform li label {
  display: block;
  font-weight: bold;
  margin-bottom: 0.5em;
  }
.ipsform .radio_wrapper {
  margin-bottom: 1em;
}
.ipsform li.form_checkbox input { 
  margin: 0.417em 0px 0.833em 0px; 
  }
.ipsform li.form_checkbox label {
  position: absolute;
  z-index: 2;
  left: 20px;
  top: -1px;
}
.ipsform li.form_radio_button_group input { 
  margin: 3px 0.417em 3px 0px; 
}
.ipsform span.error {
  display: none;
  visibility: hidden;
}
.ipsform li input.submit {
  background: url(../GFX/shortcut_bg.gif) repeat-x scroll left center transparent;
  border: 0 none;
  border-radius: 5px;
  clear: both;
  color: #fff;
  display: block;
  font-family: 'Avenir LT W01 95 Black';
  font-size: 16px;
  font-size: 1.6rem;
  margin: 0.5em 0 0;
  padding: 9px 15px;
}
.ipsform li.form_password input:focus,
.ipsform li.form_password input:hover,
.ipsform li.form_text input:focus,
.ipsform li.form_text input:hover,
.ipsform li textarea:focus,
.ipsform li textarea:hover,
.ipsform li select:focus,
.ipsform li select:hover,
.ipsform li.form_captcha > input:focus,
.ipsform li.form_captcha > input:hover {
  background-color: #f6f6f6;
}

.ipsform li.error input, 
.ipsform li.error select, 
.ipsform li.error textarea,
.ipsform li.error input:hover,
.ipsform li.error input:focus,
.ipsform li.error select:hover,
.ipsform li.error select:focus,
.ipsform li.error textarea:hover,
.ipsform li.error textarea:focus { 
  background-color: #cf002a; 
  color:#fff;
  }

.ipsform li.error label,
.ipsform li.error .mandatory {
  color: #cf002a;
}

/*----- IPS - Idium logo -----*/
.idium { font-family: 'Century Gothic', Verdana, Arial, sans-serif; float:right; margin:40px 0 0; }
.idium a {
  font-size:10px;
  font-size:1.0rem;
  color: #333;
  text-transform: uppercase;
  text-decoration: none; 
  }
.idium img {
  float: left;
  margin-top: -3px;
  }
.idium span {
  font-size: 13px;
  font-size:1.3rem;
  font-weight: bold;
  margin: -8px 0 0;
  padding: 0 0 0 5px;
  text-transform: lowercase;
  word-spacing: 3px;
  color: #000;
  }

/* IPS module - Search Form */
.search_form {
  bottom: 12px;
  position: absolute;
  right: 144px;
  z-index:9;
  }
.search_form li { 
  float: left;
  position: relative; 
  }
.search_form label {
  font-size: 16px;
  font-size:1.6rem;
  left: 7px;
  position: absolute;
  top: 6px;
  }
.search_form .submit { margin-left: 0; }
.search_form .submit .button {
  background: url("../GFX/search_icon.gif") no-repeat scroll 0 0 transparent;
  height: 14px;
  position: absolute;
  right: 10px;
  top: 9px;
  width: 14px;
  border:0;
  color:transparent;
}
#footer_search_query,
#search_form_query {
  border-color: darkgray;
  border-radius: 2px;
  padding: 6px 7px;
  width: 204px;
  font-size:16px;
  font-size:1.6rem;
  background-color:#fff;
}

#footer_search {display:none;}

.zoom_text {
  background-color:#fff;
  border: 1px solid #000;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  color: #000;
  display: none;
  font-size: 35px;
  font-size: 3.5rem;
  left: 0;
  line-height: 1.5;
  padding: 47px 42px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 1194px;
  z-index: 10;
  cursor:default;
}

/* IPS Navigation */
nav a { text-decoration: none; }

/* nav_main */
.nav_main {
  background:url(../GFX/menu_bg.gif) scroll repeat-x top left transparent;
  height:58px;
  }
.nav_main li {
  float: left;
  margin-right: 0;
  }
.nav_main a { 
  color: #FFFFFF;
  display: block;
  font-size:22px;
  font-size: 2.2rem;
  padding: 16px 15px 15px;
  font-family:'Avenir LT W01 35 Light';
}
.nav_main a.first {padding-left:0;}

.nav_main a.navigated,
.nav_main a:hover { opacity: 0.5; }  

/* nav_sub */
#nav_sub.empty {height:81px;}
.nav_sub { margin-right:0; }
.nav_sub li { margin-bottom:0; position:relative; }
.nav_sub a,
.month_menu a.month { 
  font-size: 19px;
  font-size:1.9rem;
  padding:5px 0;
  display:block;
  font-family:'Avenir LT W01 95 Black';
  }  
.month_menu li { margin:0 0 7px;}
.month_menu a.month.first {padding-top:11px; }
.nav_sub a:hover { opacity: 0.5; }
.nav_sub ul {padding:0 0 10px 5px;}
.nav_sub ul a {  
  font-weight:normal;
  font-family:inherit;
  padding:2px 0;
  padding-left:11px;
}
.nav_sub ul a:before { 
  content: "\203A"; 
  font-size:20px;
  font-size:2.0em;
  position:absolute;
  top:2px;
  left:0;
}
.nav_sub ul ul a:before,
.nav_sub ul ul a {font-size:16px; font-size:1.6rem;}  
.nav_sub ul {padding-left:10px;}

.nav_sub a.active {font-weight:bold;}

.nav_sub.top {
  margin:22px 0; 
}
.nav_sub.top li {
  float: left;
  margin: 0 30px 0 0;
}
.nav_sub.top li a {
  font-family: 'Avenir LT W01 35 Light';
  font-size: 2.2rem;
  padding: 5px 0;
}
.nav_sub.top li a.navigated {font-weight:bold; color:#4C4C4C;}


/* nav_support */
.nav_support {
  position: absolute;
  top:19px;
  right:230px;
  }
.nav_support li { float: left; margin-left:15px; }
.nav_support li a { 
  font-size:14px; 
  font-size:1.4rem;
  font-family:'Avenir LT W01 55 Roman';
}

a#aa {
  vertical-align: middle;
}
a#aa .small {
  font-size: 12px;
  font-size:1.2rem;
  vertical-align: middle;
  display:inline-block;
}
a#aa .big {
  font-size: 17.5px;
  font-size:1.75rem;
  vertical-align: middle;
  display:inline-block;
  margin:-2px 0 0;
}

/* nav_language */
header .nav_language {
  position: absolute;
  top: 20px;
  right: 144px;
  padding: 0;
  margin: 0;
  }

footer .nav_language {
  display: none;
}

.nav_language li {float:left; margin-left:15px;}
.nav_language img { display: block; }

li.clear {
  float:none;
  margin:0;
  width:100%;
  clear:both;
}

/* nav_breadcrumbs */
.nav_breadcrumbs { 
    margin: 0;
    padding: 25px 0 12px;
  }
.nav_breadcrumbs li,
.nav_breadcrumbs span {
  float: left;
  margin:0 5px 0 0;
  font-size:16px;
  font-size:1.6rem;
  }
.nav_breadcrumbs .first span { }
.nav_breadcrumbs a { 
  font-family:'Avenir LT W01 55 Roman'; 
  font-size:17px; 
  font-size:1.7rem; 
  color:#717274; 
}
.nav_breadcrumbs a:hover {color:#4C4C4C;}
  
/* -------------------------------------------------------
## Primary styles / Mobile first
## Author: 
## Changelog:
---------------------------------------------------------- */
body {
  font-family:'Avenir LT W01 55 Roman', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
  background:url(../GFX/menu_bg.gif) repeat-x scroll 0 91px #fff;
  }
body > img {display:none;}
p {
  font-size:18px;
  font-size: 1.8rem; 
  margin: 0 0 1em; 
  }

h2 { margin: 0 0 0.3em; font-size:20px; font-size:2rem; }
h3,
.editorelement h2 {
  margin: 0 0 0.5em;
  font-size:15px;
  font-size: 1.5rem;
  }
.editorelement h2 {
  font-size:28px; 
  font-size:2.8rem;
}
.editorelement h3 {
  font-size:25px; 
  font-size:2.5rem;
}
.editorelement h4 {
  font-size:20px; 
  font-size:2.0rem;
}
.editorelement h5 {
  font-size:18px; 
  font-size:1.8rem;
}

h4, h5 { margin: 0 0 0.5em; }

/* container */
.container { 
  position: relative; 
  margin:0 auto;
  background: #fff;
  }

/* Padding elements*/
.header,
.nav_main,
.main,
.intro,
.footer {
  padding:0 144px;
}

/* header */
.header {
  margin: 0;
  position:relative;
  height:91px;
  }
.header h1 { margin: 0; }
.header h1 img { margin: 21px 0 0; }

/* */
.main { padding-bottom:40px; clear:both; }
.intro { 
  background:url(../GFX/intro_bg.gif) repeat scroll top left #d5d5d5; 
  padding-top:40px; 
  padding-bottom:40px; 
  margin-bottom:40px;
  height:410px;
  position:relative;
}
.aside { float: left; width: 20%; }

/* content */
.content_container { }
.content {}
.action_folder_contents .content {position:relative; margin-top:0;}
.navigated_article .action_folder_contents .content {margin-top:0;}
.content_aside {}
.footer { 
  background:url("../GFX/footer_bg.gif") repeat scroll top left #ececec; 
  padding-top:68px;
  padding-bottom:70px;
  box-shadow:0 0 15px -5px rgba(0,0,0,0.5) inset;
}

/* article */
.kolofon {
  padding:12px 0;
  border-top:1px solid #D8D8D8;
  border-bottom:1px solid #D8D8D8;
  font-size:1.5rem;
  margin:0 0 8px;
}

.kolofon p {
  margin:0;
  font-size:1.4rem;
  line-height:150%;
}
.article > img {
  margin-bottom: 40px;
  display:block;
  clear:both;
}
.article .article_content > h2 {
  font-size:49px;
  font-size:4.9rem;
  color:#717274;
  font-family:'Avenir LT W01 95 Black';
  font-weight:normal;
  margin:0 0 30px;
}
.article .article_content > p.text {
  font-size:20px;
  font-size:2.0rem;
  font-family:'Minion W01 Regular';
}
.article .photo_details .alt_text {float:left; width:50%;}
.article .photo_details .photographer {float:right; width:50%; text-align:right;}
.article .photo_details .alt_text,
.article .photo_details .photographer {
  color: #717274;
  display: block;
  font-size: 1.7rem;
  margin: -30px 0 40px;
}
.article .summary_text,
.article .text { font-weight:bold; }
.article .editorelement,
.article .editorelement p,
.article .editorelement ul,
.article .editorelement ol {
  font-size:18px;
  font-size:1.8rem;
  font-family:'Minion W01 Regular';
  line-height:155%;
}
.article .editorelement img {max-width:100%;}
.article .editorelement figure {background-color:transparent;}
.editorelement .user-box, 
.editorelement table, 
.editorelement .ipsform {
  margin:0 0 1em;
}

.article .article_content {
  width:648px;
  float:left;
}
.ajax_content .article .article_content {
  width:auto;
  float:none;
}
.article .article_info {
  margin:0 0 30px;
  padding:12px 0;
  border-top:1px solid #d8d8d8;
  border-bottom:1px solid #d8d8d8;
  font-family:'Avenir LT W01 55 Roman';
}
.article .article_info em {
  float:right;
  margin:0;
  font-size:17px;
  font-size:1.7rem;
  font-style:normal;
}
.article .article_info em.sep {margin:0 6px;}
.article .article_info em.user {
  float:left;
  margin:0;
}
.addthis_toolbox {margin:0 0 20px; padding:12px 0 0;}
.ajax_content .addthis_toolbox {display:none;}
.article .article_aside {
  width:204px;
  margin:0 55px 0 0;
  float:right;
}
a.lightbox {
  background: url("../GFX/shortcut_bg.gif") repeat-x scroll left top transparent;
  border-radius: 5px 5px 5px 5px;
  color: #FFFFFF;
  display: block;
  font-family: 'Avenir LT W01 95 Black';
  font-size: 1.6rem;
  font-weight: normal;
  margin: 0 0 20px;
  padding: 9px;
}
a.lightbox span {
  background:url(../GFX/article_reader_bg.gif) scroll no-repeat center left transparent;
  display:block;
  padding:2px 0 2px 40px;
}

/* Summary */
.summary { margin: 0 0 1em; }
.summary:hover {opacity:0.9;}
.summary a { text-decoration: none; } 
.summary strong {
  color: #000;
  font-weight:normal;
  }
.summary img,
.summary .flash_wrapper {
  float: left;
  margin-right: 1em;
  }
.summary .readmore {}

a.parent_link {
  background:url(../GFX/parent_link_bg_bw.png) scroll no-repeat center center transparent;
  text-align:center;
  display:block;
  text-decoration:none;
}
a.parent_link span {
  padding:0 20px;
  background-color:#fff;
  font-family:'Avenir LT W01 95 Black';
  font-size:16.5px;
  font-size:1.65rem;
  color:#009BDB;
}

a.parent_link span:after { content: " \203A"; font-size:20px; font-size:2.0rem;}

span.writer {
    color: #777777;
    display: block;
    font-size: 17px;
    font-size: 1.7rem;
    margin: -10px 0 15px;
    padding: 1px;
}



.fotnoter {
  padding:20px 0;
  margin: 20px 0 0;
  list-style: none; 
  border-top: 1px solid #d8d8d8;
}

.fotnoter li {
  padding: 3px 0;
}

.fotnoter li sup {
  margin: 0 5px 0 0;
  font-size: 10px;
}

.fotnoter li span {
  font-size: 14px;
}

/* -------------------------------------------------------
## Slideshow
---------------------------------------------------------- */
ul.slideshow {
  margin:0 40px 0 0; 
  padding:0;
  list-style:none;
  height:410px;
  width:648px;
  float:left;
  overflow:hidden;
  background-color:#000;
}
ul.slideshow img {
  margin:0;
  width:648px;
}
ul.slideshow li {
  height:410px;
  margin:0;
  position:relative;
  overflow:hidden;
}
ul.slideshow h2 {
  position:absolute;
  bottom:0;
  padding:10px 20px;
  margin:0 0 11px;
  color:#fff;
  font-size:29px;
  font-size:2.9rem;
  font-weight:normal;
  font-family:'Avenir LT W01 95 Black';
  width:608px;
  line-height:150%;
}

.rslides_tabs {
  bottom: 40px;
  list-style: none outside none;
  margin: 0;
  padding: 0;
  position: absolute;
}
.rslides_tabs li {
  float:left;
}
.rslides_tabs li a {
  text-indent: -9999px;
  display:block;
  border-top:1px solid #fff;
  border-left:1px solid #fff;
  background-color:#727272;
  height:10px;
  width:128px;
}
.rslides_tabs li.rslides_here a {
  background-color:#4c4c4c;
}
.rslides_tabs li:first-child a {
  border-left:0;
  padding-left:4px;
}

/* -------------------------------------------------------
## Shortcuts
---------------------------------------------------------- */
ul.shortcuts {
  margin:0; 
  padding:0;
  list-style:none;
  width:304px;
  float:left;
}
ul.shortcuts li {
  margin-bottom:5px;
  position:static;
}
ul.shortcuts li > a {
  background:url(../GFX/shortcut_bg2.gif) scroll repeat-x center center transparent;
  color:#fff;
  padding:8px 12px 9px;
  box-shadow:0 0 10px rgba(0,0,0,0.5) inset;
  display:block;
  text-decoration:none;
  font-size:19px;
  font-size:1.9rem;
  font-family:'Avenir LT W01 95 Black';
  /* white-space:nowrap; */
}
ul.shortcuts li > a:hover {
  box-shadow:0 0 15px rgba(0,0,0,0.8) inset;
}
ul.shortcuts li > a:after { content: " \203A"; font-size:20px; font-size:2.0rem; }

.folder_shortcuts article.summary h2 {color:#a4a4a4;}
.a_z,
.folder_shortcuts {
  margin:0 0 40px;
}

/* -------------------------------------------------------
## Share buttons
---------------------------------------------------------- */

.share_buttons {
  background: url("../GFX/menu_bg.gif") repeat-x scroll center center transparent;
  bottom: 40px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5) inset;
  left: 832px;
  padding: 10px 15px;
  position: absolute;
  width: 274px;
}
.share_buttons h3 {
  color: #fff;
  float: left;
  font-size: 19px;
  font-size:1.9rem;
  line-height: 202%;
  margin: 0;
  cursor:default;
  font-family:'Avenir LT W01 95 Black';
  font-weight:normal;
}
.share_buttons a {
  background: url(../GFX/share_icons2.png) no-repeat scroll left top transparent;
  display: block;
  float: right;
  height: 35px;
  margin-left: 22px;
  text-indent: -9999px;
  width: 17px;
}
.share_buttons a:hover {
  opacity:0.8;
}
.share_buttons a.facebook {margin-left:0;}

.share_buttons a.twitter {
  background-position: -41px 0;
  width: 38px;
}
.share_buttons a.mail {
  background-position: -243px 0;
  width:41px;
}
.share_buttons a.instagram {
  background-position: -105px 0;
  width:35px;
}
.share_buttons a.tripadvisor {
  background-position: -165px 0;
  width:54px;
}

/* -------------------------------------------------------
## AUTHOR LIST
---------------------------------------------------------- */

.list_authors {
  padding:0;
  margin:0;
}

.list_authors li {
  list-style:none;
  float:left;
  width:302px;
  height:191px;
  margin-right:20px;
  margin-bottom:70px;
}

.list_authors figure {
  margin-bottom:1em;
}

/* -------------------------------------------------------
## SUMMARY LIST
---------------------------------------------------------- */
ul.summary_list {
  margin:0 0 40px; 
  padding:0;
  list-style:none;
}
ul.summary_list li.summary,
article.summary {
  width:304px;
  float:left;
  margin:0 40px 40px 0;
}
ul.summary_list li.summary.third,
article.summary.third {
  margin-right:0;
}
ul.summary_list li.summary.fourth,
article.summary.fourth {
  clear:left;
}
ul.summary_list li.summary h2,
article.summary h2 {
  margin:15px 0;
  padding:1px;
  font-family:'Avenir LT W01 95 Black';
  font-size:22px;
  font-size:2.2rem;
  font-weight:normal;
}
ul.summary_list li.summary img,
article.summary img {
  float:none;
}
ul.summary_list li.summary p,
article.summary p {
  margin:0;
  padding:1px;
  font-family:'Minion W01 Regular';
  font-size:20px;
  font-size:2.0rem;
}
.parent_link {
  display:block;
  text-align:center;
  clear:both;
}
ul.summary_list.relations {margin:40px 0;}
ul.summary_list.relations li.summary.third {margin-right:40px;}
ul.summary_list.relations li.summary.even {margin-right:0; clear:right;}
#content > article.summary figure,
.summary_list .summary figure,
.list_authors li figure {
  border: 1px solid #C6D3D8;
  display: block;
  height: 191px;
  margin: 0;
  overflow: hidden;
}
.action_relationship #content > h2 {margin-bottom:40px;}
.action_relationship #content > h2 span {text-transform:capitalize;}
.relationsTheme {
  background-color:#F4F4F4;
  list-style-type: none;
  padding:15px 15px 10px;
  margin:0 0 40px;
  display:inline-block;
  width:auto;
}
.relationsTheme li {
  float:left;
  margin:0 20px 5px 5px;
}
.relationsTheme li.last {margin-right:5px;}
.relationsTheme li a {
  display:block;
  font-size:17px;
  font-size:1.7rem;
  text-transform:capitalize;
  text-decoration:underline;
}

/* -------------------------------------------------------
## SHORTCUTS BOTTOM
---------------------------------------------------------- */
.shortcuts_bottom {
  margin:0 0 40px;
  padding:0;
  list-style:none;
}
.shortcuts_bottom li {
  float:left;
  width:218px;
  margin:0 40px 40px 0;
}
.shortcuts_bottom li.fourth {
  margin-right:0;
}
.shortcuts_bottom li h2 {
  display:block;
  font-family:'Avenir LT W01 95 Black';
  font-size:22px;
  font-size:2.2rem;
  font-weight:normal;
  color:#A4A4A4;
}
.shortcuts_bottom li img {
  float:none;
}

.shortcuts_bottom li.last {
  margin:0;
}

.shortcuts_bottom.no_fp li.last { margin: 0;}

.shortcuts_bottom .summary figure {
  border: 1px solid #C6D3D8;
  display: block;
  height: 148px;
  margin: 0;
  overflow: hidden;
}
.shortcuts_bottom.no_fp {margin-top:40px; border-top:1px solid #DDDDDD; padding-top:40px; clear:both;}
.shortcuts_bottom.no_fp p.summary_text {display:none;}
.shortcuts_bottom.no_fp li.fourth {margin-right:40px;}
.shortcuts_bottom.no_fp li[data-position="4"],.shortcuts_bottom.no_fp li[data-position="8"] {margin-right:0;}
.shortcuts_bottom.no_fp li[data-position="5"] {clear:left;}


/* -------------------------------------------------------
## DIARY
---------------------------------------------------------- */
.diary {
  margin:0 0 40px;
  text-align:center;
}
.diary h2 {
  font-family:'Avenir LT W01 95 Black';
  font-weight:normal;
  color:#a4a4a4;
  font-size:22px;
  font-size:2.2rem;
  margin:0 0 20px 0;
}
.diary p {
  font-family:'Minion W01 Md It';
  font-size:29px;
  font-size:2.9rem;
  margin:0 0 20px 0;
  line-height:145%;
}

/* -------------------------------------------------------
## FOOTER SITES 
---------------------------------------------------------- */
.footer_sites {
  background-color: rgba(109, 110, 113, 0.1);
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1) inset;
  margin: 40px -144px;
  padding: 0 144px;
}
.footer_sites > ul {
  list-style:none;
  margin:0;
  padding:33px 0 13px;
}
.footer_sites > ul li {
  float:left;
  width:33.33%;
  margin:0 0 20px;
}
.footer_sites > ul li a {
/*
  padding:6px 0 7px 46px;
  background:url(../GFX/site_icons.png) scroll no-repeat 0 0 transparent;
*/
  display:block;
  font-size:20px;
  font-size:2.0rem;
  margin-right:20px;
}
.footer_sites > ul li a img {  max-width:100%;}
.footer_sites > ul li:nth-child(2) a {background-position:0px -50px;}
.footer_sites > ul li:nth-child(3) a {background-position:0px -100px;}

/* -------------------------------------------------------
## FOOTER MENU 
---------------------------------------------------------- */
.footer_menu {
  margin:0 0 71px;
}
.footer_menu .folder {
  float:left;
  margin-left:15px;
  margin-bottom:0;
  width:186px;
}
.footer_menu .folder.first {
  margin-left:0;
}
.footer_menu .folder strong a {
  font-size:19px;
  font-size:1.9rem;
  text-decoration:none;
}
.footer_menu ul {
  list-style:none;
  margin:0;
  padding:0;
}
.footer_menu ul li {
  margin-bottom:3px;
  position:relative;
}
.footer_menu ul ul li a {
  font-size:19px;
  font-size:1.9rem;
  font-family:'Avenir LT W01 55 Roman';
  display:block;
  text-decoration:none;
  padding-left:11px;
}
.footer_menu ul ul li a:before { 
  content: "\203A"; 
  font-size:20px;
  font-size:2.0rem;
  position:absolute;
  left:0;
  top:0;
}
.footer_inside .footer_menu li.folder.navigated > strong > a,
.footer_inside .footer_menu a.active,
.footer_inside .footer_menu a:hover {color:#000;}
span.subnav-toggle {display:none;}

/* -------------------------------------------------------
## FOOTER INFO
---------------------------------------------------------- */
.footer_info > div {
  float:left;
  width:291px;
  margin:0 40px 0 0;
}
.footer_info > div.sponsors {
  margin-right:0;
  width:330px;
}
.footer strong {
  font-size:19px;
  font-size:1.9rem;
  font-family:'Avenir LT W01 95 Black';
  font-weight:normal;
  margin:0 0 9px;
  display:block;
}
.footer p {
  font-size:19px;
  font-size:1.9rem;
}

div.sponsors table {margin:0;}
div.sponsors td {padding:0;}
div.sponsors .caption {display:none;}

/* -------------------------------------------------------
## SPONSORS
---------------------------------------------------------- */
.sponsors ul {
  list-style:none;
  margin:0;
  padding:0;
}
.sponsors ul li {
  float:left; 
  margin:0 12px 12px 0;
  width:159px;
  /*background-color:rgba(255,255,255,0.5);*/
}
.sponsors ul li:nth-child(even) {margin-right:0;}

/* -------------------------------------------------------
## GALLERY - ARTICLE
---------------------------------------------------------- */
#galleria {
    height: 714px;
    margin: 0 0 12px;
}
.galleria-thumb-nav-left,
.galleria-thumb-nav-right {visibility:hidden;}
#galleria_caption {
  border-bottom: 1px solid #DDDDDD;
  margin: 0 0 22px;
  padding: 0 0 12px;
}

/* -------------------------------------------------------
## ARTICLE CAROUSEL - FOLDER VIEW
---------------------------------------------------------- */
.folder_carousel {
  height:476px;
  overflow:hidden;
  padding:0;
  margin:0 0 40px;
  list-style-type:none;
  background-color:#717274;
}
.folder_carousel li {
  margin:0;
  padding:30px;
  height:416px;
  overflow:hidden;
  position:relative;
}
.folder_carousel li.with_image {
  padding-right:500px;
  width:462px;
}
.folder_carousel h2,
.folder_carousel .article h2 {
  background-color:transparent;
  font-size:42px;
  font-size:4.2rem;
  font-family:'Avenir LT W01 95 Black';
  font-weight:normal;
  color:#fff;
}
.folder_carousel img {
  position:absolute;
  right:0;
  top:0;
  margin:0;
  display:block;
}
.folder_carousel .editorelement,
.folder_carousel p,
.folder_carousel strong {
  color:#fff;
  font-size:20px;
  font-size:2.0rem;
}
.folder_carousel p.text {font-weight:bold;}

.folder_carousel .article_aside {display:none;}
.folder_carousel .article .article_content {width:auto; float:none;}

.folder_carousel .editorelement img {position:static;}
.folder_carousel .addthis_toolbox {display:none;}

.rslides_nav.prev,
.galleria-image-nav-left {
  width:49px;
  height:117px;
  text-indent:-9999px;
  background:url(../GFX/carousel_previous2.png) scroll no-repeat top left transparent;
  display:block;
  position:absolute;
  top:360px;
  left:-74px!important;
}
.rslides_nav.next,
.galleria-image-nav-right {
  width:44px;
  height:116px;
  text-indent:-9999px;
  background:url(../GFX/carousel_next2.png) scroll no-repeat top left transparent;
  display:block;
  position:absolute;
  top:360px;
  right:-70px!important;
}

.galleria-image-nav-right,
.galleria-image-nav-left {top:222px;}

/* -------------------------------------------------------
## A-Z
---------------------------------------------------------- */
.a_z ul {margin-bottom:40px;}
.a_z ul {
  list-style-type:none;
  padding:0;
  margin:0 auto 12px;
  text-align:center;
}
.a_z li {
  margin:0 8px;
  display:inline-block;
}
.a_z a {
  font-size:30px;
  font-size:3.0rem;
  text-transform:uppercase;
  font-family:'Minion W01';
}
.a_z a.active {color:#888;}

/* -------------------------------------------------------
## Search results
---------------------------------------------------------- */
.results {margin-top:40px;}
.results > h2 {
  color: #717274;
  font-size: 45px;
  font-size: 4.5rem;
}
.sort_info { display:none; }
.query_info {
  padding:0;
  font-size:18px;
  margin: 0 0 15px;
  }
.query_info dt { float:left; margin-right: 5px; }
.query_info dd.query span { font-weight:bold; }
.query_info dd.query {float:left;margin-right:8px;}
.query_info dd {
  margin:0;
}
.pagelinks {
  text-align:center;
  border-top:1px solid #eee;
  list-style-type:none;
  padding:15px 0 0;
  margin:0 0 15px;
  clear:both;
  }
.pagelinks li {  display:inline; }
.pagelinks a {
  display:inline-block;
  padding:0 10px 0 0;
  text-decoration: none;
  font-size:15px;
  font-size: 1.5em;
  } 
.pagelinks a.active,
.pagelinks a:hover { font-weight:bold; }

.result_list {
  clear: both;
  display: block;
  list-style: none outside none;
  padding: 0;
}

/* -------------------------------------------------------
## Contrast
---------------------------------------------------------- */
html body.contrast * {color:yellow!important; border-color:yellow!important;}
html body.contrast,
html body.contrast .container,
html body.contrast a.parent_link span,
html body.contrast #search_form_query,
html body.contrast ul.shortcuts li a,
html body.contrast .share_buttons,
html body.contrast .summary .events {
  background:#000!important;
  color:yellow!important;
}
html body.contrast a,
html body.contrast .share_buttons h3,
html body.contrast .summary strong,
html body.contrast .shortcuts_bottom li h2,
html body.contrast .diary h2,
html body.contrast .summary .events .event .event_content .ticket,
html body.contrast .idium span,
html body.contrast .article .article_content > h2,
html body.contrast .galleria-info-title,
html body.contrast .galleria-info-description {
  color:yellow!important;
}
html body.contrast .intro,
html body.contrast .footer,
html body.contrast a.lightbox {
  background:#111;
}
html body.contrast .nav_main {
  background:#222;
}
html body.contrast .folder_carousel {
  background:#000;
}
html body.contrast .site_color_rgba {background-color:rgba(0, 0, 0, 0.9); color:yellow!important;}
html body.contrast .rslides_tabs li a {border-color:yellow!important; background-color:#000!important;}
html body.contrast .rslides_tabs li.rslides_here a {background-color:yellow!important;}

html body.contrast ul.summary_list li.summary img, 
html body.contrast article.summary img,
html body.contrast .summary .events,
html body.contrast .shortcuts_bottom li img,
html body.contrast .article .article_info,
html body.contrast #galleria,
html body.contrast .galleria-thumbnails .galleria-image {border-color:yellow!important;}

/* -------------------------------------------------------
## Events - FP
---------------------------------------------------------- */
.summary .events {
  background-color:#fafafa;
  border:1px solid #c6d3d8;
  padding:12px 10px;
}
.summary .events ul {margin:0; padding:0; list-style-type:none;}
.summary .events ul li {height: 60px;}
.summary_list .summary .events h2 {
  font-family:'Avenir LT W01 95 Black';
  padding:0 0 10px;
  margin:0 0 10px;
  border-bottom:1px solid #e2e2e2;
}
.summary .events .event {
  padding-bottom:10px;
  margin-bottom:10px;
  border-bottom:1px solid #c6d3d8;
}
.summary .events .event .date {
  width:50px;
  text-align:center;
  background-color:#434343;
  border-radius:3px;
  box-shadow:3px 3px 0 rgba(0, 0, 0, 0.1);
  float:left;
  /*margin:0 12px 0 0;*/
  margin:0;
}
.summary .events .event .date .month {
  font-size:16px;
  font-size:1.6rem;
  text-transform:uppercase;
  color:#fff;
  border-bottom:1px solid #fff;
  padding:5px 0;
  display:block;
}
.summary .events .event .date .day {
  font-size:20px;
  font-size:2.0rem;
  font-weight:bold;
  text-transform:uppercase;
  color:#fff;
  padding:5px 0;
  display:block;
}
.summary .events .event .event_content {
  float:right;
  width:220px;
}
.summary .events .event .event_content span {
  font-family:'Avenir LT W01 95 Black';
  font-size:16px;
  font-size:1.6rem;
  display:block;
}
.summary .events .event .event_content .ticket {
  text-decoration:underline;
  font-size:14px;
  font-size:1.4rem;
  text-align:right;
}
.summary .events .event .event_content .ticket:after { content: " \203A"; font-size:18px; font-size:1.8rem; }
.summary .events a.site_color {
  font-family:'Avenir LT W01 95 Black';
  font-size:18px;
  font-size:1.8rem;
  display:block;
}
.summary .events a.site_color:after { content: " \203A"; font-size:20px; font-size:2rem; }



/* -------------------------------------------------------
## Calendar
---------------------------------------------------------- */
.big_calendar,
.calendar {
  margin:20px 0 0;
}
/*
.big_calendar > h2,
div.calendar .expanded_event h2 {
  font-family: 'Avenir LT W01 95 Black';
  font-size:46px;
  font-size: 4.6rem;
  font-weight: bold;
  color:#717075;
}
*/
ul.years  {
  margin:0;
  border-bottom:1px solid #C6C6C6;
}
ul.months {
  margin:0;
  border-bottom:1px solid #C6C6C6;
}
ul.years li,
ul.months li {
  float:left;
  padding: 12px;
  border-left:1px solid #C6C6C6;
}
ul.years li.first,
ul.months li.first {
  padding-left:0;
  border-left:0;
}
ul.years li a,
ul.months li a{
  text-decoration: none;
  font-size:15px;
  font-size:1.5rem;
}
ul.years li a:hover,
ul.years li.active a,
ul.months li a:hover,
ul.months li.active a {
  font-weight:bold;
}
ul.months:hover li.active a,
ul.years:hover li.active a{
  color: inherit;
}
table.calendar {
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  clear:right;
}
table.calendar th {
  text-transform:uppercase;
  padding:5px 10px;
  background:#fff;
  width:14.285714285714286%;
  text-align:left;
  font-size:12px;
  font-size:1.2rem;
}
table.calendar td {
  padding:5px 10px;  
  background:#FAFAFA;
  vertical-align:top;
  border:1px solid #fff;
  border-left:0px;
  border-right:0px;
  width:14.285714285714286%;
}
.small_calendar table.calendar td,
.small_calendar table.calendar th {
  text-align:center;
  padding:5px;  
}
table.calendar tr {     
  background-color:#eeeae5;
  border-top:1px solid #E2E2E2;
  display:inline-table;
  width:100%;
}
table.calendar dt,
table.calendar dd {
  font-size:12px;
  font-size:1.2rem;
}
table.calendar p.description {
  text-align:justify;
  line-height:1.1em;
}
table.calendar dl.events dt.event {
  display:none;
}
dl.events dd {
  margin-left:0px;
}
ul.ongoing {
  padding:0px;
  margin:0px;
}
ul.ongoing li a {
  background:#e8e2da;
  color:#6b6150;
  display:block;
  padding:5px;
  margin-bottom:5px;
  font-size:90%;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
}
ul.ongoing li.last a {
  margin-bottom:0px;  
}
.calendar dd {
  margin:0 0 5px 0;	
}
dl.ending dd {
  background:#e7c69d;
  padding:5px;
}
table.calendar td:hover,
table.calendar td.today {
  background: #535353;
  color:#fff;
}
table.calendar td:hover a {
  color:#fff;
}
table.calendar td:hover .ongoing a {
  color:#6b6150;
}
td.day time {
  display: block;
  font-weight: bold;
  font-size:12px;
  font-size:1.2rem;
}
td.day dl time {
  display:inline;
}
.big_calendar .day {
  height:130px;
}
.big_calendar td {
  min-height:130px; 
}
.day h4 a {
  color: #333333;
  font-weight: bold;
}
.day h4 {
  margin-bottom:0.6em;
}
.day a {
  text-decoration: none;
}
.calendar .hidden {
  color:#ccc;
  visibility:visible;
  display:table-cell !important;
}
.small_calendar h4{
  /* Hide title */
  display:block;
}

.expanded_event {
  font-size:20px;
  font-size:2.0rem;
  float: left;
  margin: 0 85px 0 0;
  width: 648px;
  color:#717075;
}
.expanded_event time {text-transform:lowercase;}
.expanded_event figure {
  background-color:transparent;
  margin:0 0 20px;
}
.expanded_event .editorelement {
  font-size:18px;
  font-size:1.8rem;
  font-family:'Minion W01 Regular';
  line-height:155%;
}
.expanded_event table {
  width:100%;
  margin:0 0 30px;
}
.expanded_event table td {
  border:1px solid #cbcbcb;
  padding:9px 12px;
}
.expanded_event table tr.title {
  font-weight:bold;
}
.expanded_event dl dt {
  float:left;
  width:100px;
  font-weight:bold;
}
.expanded_event .description {
  font-size:20px;
  font-size:2.0rem;
  font-family:'Minion W01 Regular';
  font-weight:bold;
  line-height:155%;
}

.event .photo_details .alt_text {float:left; width:50%;}
.event .photo_details .photographer {float:right; width:50%; text-align:right;}
.event .photo_details .alt_text,
.event .photo_details .photographer {
  color: #717274;
  display: block;
  font-size: 1.7rem;
  margin: 10px 0 30px;
}

.event_aside {
  float: right;
  width: 259px;
}
.ticket_link {
  background: url(../GFX/menu_bg.gif) repeat-x scroll center center transparent;
  border-radius: 3px 3px 3px 3px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5) inset;
  color: #fff!important;
  display: inline-block;
  font-size: 17px;
  font-weight: bold;
  margin: 0 0 40px;
  padding: 0;
}
.ticket_link span {
  background: url(../GFX/ticket_shopping_cart.png) no-repeat scroll 10px center transparent;
  display: block;
  padding: 8px 50px;
}
.mobile_buttons {
  display:none;
  position:absolute;
  right:7px;
  top:22px;
}
.mobile_buttons a {
  display:block;
  height:33px;
  width:35px;
  background:url(../GFX/mobile_buttons.gif) scroll no-repeat 0 0 transparent;
  margin:0 0 0 12px;
  float:left;
}
a.mobile_menu {}
a.mobile_search {
  background-position:-45px 0px;
}
li.break {
  display:block;
  clear:both;
}

.event_list {
  padding-top:20px;
}
.event_list > * {margin:0 0 40px;}
.event_list > h2,
.big_calendar > h2,
div.calendar .expanded_event h2,
.action_relationship #content > h2 {
  font-family:'Avenir LT W01 95 Black';
  font-size:47px;
  font-size:4.7rem;
  font-weight:normal;
  color:#717075;
}
.event_list > p {
  font-size:30px;
  color:#717075;
}
.event_list ul.event_menu {
  border-top:1px solid #c6c6c6;
  border-bottom:1px solid #c6c6c6;
  padding:0;
  list-style:none;
  margin:0;
  color:#717075;
}
.event_list ul.event_menu li {
  text-transform:uppercase;
  font-size:20px;
  font-size:2.0rem;
  float:right;
  padding:12px 0;
}
.event_list ul.event_menu li a {
}
.event_list ul.event_menu li a.current {font-weight:bold;}
.event_list ul.event_menu li.left {
  float:left;
}
.event_list ul.event_menu li.left.with_border {
  border-left: 1px solid #C6C6C6;
  margin-left: 10px;
  padding-left: 10px;
}
.event_list ul.event_menu li.year,
.event_list ul.event_menu li.category {
  border-left:1px solid #c6c6c6;
  padding-left:12px;
  margin-left:12px;
}
.event_list ul.list {
  padding:0;
  list-style:none;
  margin:40px 0;
}
.event_list ul.list li {
  padding:24px 21px;
  background-color:#fafafa;
  border:1px solid #c9d1d3;
  position:relative;
  margin:0 0 40px;
}
.event_list ul.list li h2 {
  font-family:'Avenir LT W01 95 Black';
  font-weight:normal;
  font-size:22px;
  font-size:2.2rem;
}
.event_list ul.list .description,
.event_list ul.list .bottom {
  font-family:'Minion W01 Regular';
  font-size:20px;
  font-size:2rem;
}
.event_list ul.list img {
  border:1px solid #cbcfce;
  width:298px;
  float:left;
}
.event_list ul.list figure {float:left;}
.event_list ul.list .top {
  margin-left:0;
  padding-bottom:50px;
}
.event_list ul.list li.with_image .top {
  margin-left:320px;
}
.event_list ul.list .bottom {
  position:absolute;
  bottom:24px;
  right:24px;
  color:#6a6a6a;
}
.event_list ul.list .bottom time {text-transform:lowercase;}
.event_list ul.list .bottom a.ticket {
  text-decoration:underline;
  display:inline-block;
  margin-left:10px;
  padding-left:10px;
  border-left:1px solid #c9d1d3;
}


/* -------------------------------------------------------
## NEWSLETTER FORM
---------------------------------------------------------- */
.newsletter_form {
  background-color:#525252;
  bottom: 63px;
  display: block;
  left: 0;
  padding: 15px;
  position: absolute;
  width: 274px;
  margin:0;
}
.newsletter_form fieldset {position:relative;}
.newsletter_form li {position:static;}
.newsletter_form li label {
  color: #FFFFFF;
  font-family: 'Avenir LT W01 95 Black';
  font-size: 19px;
  font-weight: normal;
  margin: 0 0 8px;
}
.newsletter_form #newuser_email {
  border: 0 none;
  float: left;
  font-size: 12px;
  padding: 7px;
  width: 72%;
  border-radius:1px;
  box-shadow:0 0 1px rgba(0, 0, 0, 0.5);
}
.newsletter_form .submit input {
  background-color: transparent;
  border: 0 none;
  color: #FFFFFF;
  font-family: 'Avenir LT W01 95 Black';
  font-size: 17px;
  padding: 0;
  position: absolute;
  right: 0;
  top: 34px;
}


/* ==|== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */

/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }
/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }
/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, 
.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }
/* IPS */
.quiet { color: #666666; }
.loud { color: #111111; }
.left { float: left; }
.right { float: right; }
/* Clearfix */ 
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
  }
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/* -------------------------------------------------------
## Media Queries for Responsive Design.
## These override the primary ('mobile first') styles
---------------------------------------------------------- */

/* ### MOBILE VIEW BEGIN ### */
@media only screen and (min-width: 1px) and (max-width: 647px) {
  html {font-size:53%;}
  body {background-image:none;}
  .container {
    width: 320px;
  }
  .header, .nav_main, .footer {
    padding:0;
  }
  .intro {
    height:auto!important;
    padding:20px 7px 13px;
  }
  .main {
    padding:0 7px;
  }
  .idium {margin:30px 5px 10px;}
  #footer_search {
    bottom: auto;
    display: block;
    position: static;
    right: auto;
    margin-bottom:20px;
  }
  ul.slideshow,
  ul.slideshow li {
    height:192px!important;
    width:306px!important;
    margin:0;
  }
  ul.slideshow {margin-bottom:22px;}
  ul.slideshow img {
    width:100%!important; 
    float:none!important;
  }
  ul.slideshow h2 {
    font-size: 2rem;
    margin: 0;
    padding: 4px 8px;
    width: 290px !important;
  }
  .rslides_tabs {
    top:212px;
    bottom:auto;
  }
  .newsletter_form {
    left:7px;
    width:276px;
    padding:97px 15px;
    height:60px;
  }
  .rslides_tabs li:first-child a {padding-left:2px;}
  .rslides_tabs li a {width: 60px;}
  
  #nav_main,
  #search_form,
  .share_buttons,
  .nav_breadcrumbs {display:none;}


  footer #nav_language {
    position: relative;
    padding: 0;
    margin: 0;  
    display: inherit; 
    top: 15px;
    left: -15px; 
  }


  .footer_sites {
    margin-right:0;
    margin-left:0;
    padding:0;
  }
  ul.shortcuts {
    margin:0 -7px;
    width:auto;
  }
  ul.shortcuts li {
    float: left;
    margin: 0 0 7px 7px;
  }
  ul.shortcuts li > a {
    float:left;
    width:125px;
  }
  ul.shortcuts li.buttons li {margin:0;}
  ul.summary_list li.summary, article.summary,
  ul.summary_list.relations li.summary.third {float:none; width:auto; margin:0 0 40px;}
  .summary img {
    margin:0; 
    width:100%;
  }
  .header {height:75px;}
  .header h1 img {width:193px; margin-left:7px;}
  a.parent_link {
    text-align:left;
    background:none;
  }
  a.parent_link span {padding:0;}
  span.subnav-toggle,
  .mobile_buttons {display:block;}
  .footer {padding:0 7px; box-shadow:none;}
  .footer_sites {
    background-color:transparent;
    box-shadow:none;
  }
  .footer_sites > ul {padding:0;}
  .footer_sites > ul li {float:none; width:100%; margin-bottom:20px;}
  .footer_sites > ul li a {/*padding:8px 0 8px 46px;*/ margin:0;}
  .footer_menu {
    display: block;
    margin: 0;
    padding: 40px 0 20px;
  }
  .footer_info > div {margin:0 0 20px;}
  .footer_info > div.sponsors {width:auto;}
  .footer_info > div.sponsors ul li {width:147px;}
  .footer_info > div.sponsors ul li img {max-width:147px;}
  .footer_info > div.editorelement {margin-bottom:0;}
  .footer_menu li.folder {
    font-size: 18px;
    list-style: none outside none;
    position: relative;
    width: 100%;
    float:none;
    margin:0;
  }
  .footer_menu li.folder .subnav-toggle:before {
    color: #6D6E71;
    content: "\203A";
    cursor: pointer;
    font-size: 35px;
    font-size: 3.5rem;
    font-weight: bold;
    height: 65px;
    left: 0;
    padding-top: 12px;
    position: absolute;
    top: 0;
    width: 65px;
    z-index: 4;
  }
  .footer_menu li.folder .subnav-toggle {
    background: none repeat scroll 0 0 rgba(45, 45, 45, 0.1);
    color: transparent;
    cursor: pointer;
    font-size: 0;
    height: 65px;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 65px;
    z-index: 5;
  }
  .footer_menu li.folder a {
    color: #6D6E71;
    padding-left: 85px;
  }
  .footer_menu li.folder strong {
    margin:0;
  }
  .footer_menu > ul > li.folder:nth-child(1) > strong a {
    border-top: 1px solid rgba(0, 0, 0, 0.3);
  }
  .footer_menu li a {
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    display: block;
    /*height: 24px;*/
    padding: 20px 2em;
  }
  .footer_menu li ul {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    position: relative;
    transition: all 0.3s ease 0s;
  }
  .footer_menu li ul.active-subnav,
  .footer_menu li.navigated > ul {
    max-height: 9999px; /*500px;*/
    opacity: 1;
  }
  .footer_menu li ul li {
    position: relative;
    z-index: 3;
    margin:0;
  }
  .footer_menu li ul li a {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.5);
    border-bottom: 1px dotted #6D6E71;
    font-size: 20px;
    font-size: 2rem;
    padding:10px 0;
  }
  .footer_menu ul ul li a:before { 
    content: ""; 
  }
  .diary {text-align:left;}
  .shortcuts_bottom li {
    float: none;
    width:auto;
    margin: 0 0 40px;
  }
  .article .article_content {width:auto; float:none;}
  .article .article_aside {display:none;}
  #footer_search_query {
    border: 1px solid rgba(0, 0, 0, 0.3);
    width: 290px;
  }
  .buttons .share_buttons {
    /* background: url("../GFX/shortcut_bg.gif") repeat-x scroll left top transparent; */
    background: url("../GFX/shortcut_bg2.gif") repeat-x scroll center center transparent;
    bottom: auto;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5) inset;
    display: block;
    padding:8px 0;
    position: static;
    width: 149px;
  }
  .buttons .share_buttons h3 {display:none;}
  .buttons .share_buttons a {
    background-image:url(../GFX/share_icons_mobile2.png);
    height:22px;
    width:10px;
    margin:0 5px 0 0;
  }
  .buttons .share_buttons a.twitter {
    background-position: -26px 0;
    width: 24px;
  }
  .buttons .share_buttons a.mail {
    background-position: -153px 0;
    width: 26px;
  }
  .buttons .share_buttons a.instagram {
    background-position: -66px 0;
    width: 22px;
  }
  .buttons .share_buttons a.tripadvisor {
    background-position: -104px 0;
    width: 34px;
  }
  .buttons .share_buttons a.facebook{

  }
  .folder_carousel {overflow:hidden;}
  .folder_carousel li,
  .folder_carousel li.with_image {
    padding:0;
    position:relative!important;
    width:100%;
    height:476px;
  }
  .folder_carousel img {
    position:static;
    height:100%;
  }
  .folder_carousel div.info {
    position:absolute;
    bottom:0;
    left:0; 
    padding:15px;
    background-color:#717274;
  }
  .expanded_event table,
  .event img {
    max-width:300px;
  }
  .article > img {
    width: 100%;
  }
  .expanded_event {
    float:none;
    width:100%;
    margin:0;
  }
  .event_aside {
    float:none;
    width:auto;
    border-top:1px solid #CBCBCB;
    padding:10px 0;
  }
  .expanded_event table {
    width: 100%;
  }
  .expanded_event table td {
    font-size: 13px;
    padding: 2px;
  }
  .calendar dd {clear:left;}
  .month_menu { margin:0 -10px;}
  .month_menu li {float:left; margin:0 10px 10px;}
  .month_menu a.month {padding:2px 0;}
  .month_menu a.month.first {padding-top:2px; }
  .event_list ul.list figure,
  .event_list ul.list img {
    width:100%;
    float:none;
  }
  .event_list ul.list li.with_image .top {
    margin:10px 0 0;
    padding:0;
  }
  .event_list ul.list .bottom {
    position:static;
  }
  .event_list ul.list .bottom a.ticket {
    border-left:0;
    padding-left:0;
  }
  ul.years li, ul.months li {border:0; padding:10px 24px 10px 0;}
  .event_list ul.event_menu li {font-size:15px; font-size:1.5rem;}
  .nav_sub.top {display:none;}

  #content > article.summary figure {height:192px;}
  .summary_list .summary figure,
  .shortcuts_bottom .summary figure {height:auto;}

}
/* ### MOBILE VIEW END ### */

/* ### TABLET VIEW BEGIN ### */
@media only screen and (min-width: 648px) and (max-width: 1279px) {
  html {}
  body {background-image:none;}
  .container {
   /* width: 648px; */
  }
  html body .header,
  html body .main,
  html body .tablet_intro {
    margin-left:auto; 
    margin-right:auto; 
    float:none; 
    width:648px;
  }
  .header, .nav_main, .main, .intro, .footer {
    padding:0;
  }


.shortcuts_bottom li.last {margin:0;}

  .intro {
    height:auto!important;
    padding-top:39px;
  }
  .article .article_aside {display:none;}
  .idium {margin:30px 5px 10px;}
  #footer_search {
    bottom: auto;
    display: block;
    position: static;
    right: auto;
    margin-bottom:20px;
  }
  #footer_search_query {width:634px;}
  .nav_main a {
    padding: 16px 13px 17px;
  }
  ul.slideshow,
  ul.slideshow li {
    /*height:300px!important;*/
    width:648px!important;
    margin:0;
  }
  ul.slideshow {margin-bottom:22px;}
  ul.slideshow img {
    width:100%!important; 
    float:none!important;
  }
  ul.slideshow h2 {
    width:608px!important; 
    margin:0;
  }
  .rslides_tabs {
    top:449px;
    bottom:auto;
  }
  .rslides_tabs li:first-child a {padding-left: 4px;}
  .rslides_tabs li a {width: 128px;}
  .newsletter_form {
    border-right: 2px solid rgba(255, 255, 255, 0.5);
    border-top: 2px solid rgba(255, 255, 255, 0.5);
    bottom: 44px;
    height: 60px;
    left: 0;
    padding: 15px;
    width: 300px;
  }

  #search_form,
  .share_buttons,
  #nav_main {display:none;}
  .footer_sites {
    margin-right:0;
    margin-left:0;
    padding:0;
  }

  footer #nav_language {
    position: relative;
    padding: 0;
    margin: 0;  
    display: inherit; 
    top: 15px;
    left: -15px; 
  }


  .footer_sites > ul {float:left; width:49%;}
  .footer_sites > div {float:left; width:51%;}
  ul.shortcuts {
    width:auto;
    margin-bottom:30px;
  }
  ul.shortcuts li {
    float: left;
    margin: 0 10px 10px 0;
  }
  ul.shortcuts li:nth-child(3n+0){margin-right:0;}
  ul.shortcuts li > a {
    float:left;
    width:185px;
  }
  ul.summary_list li.summary.third, article.summary.third {margin:0 40px 40px 0;}
  ul.summary_list li.summary.even, article.summary.even {margin-right:0; clear:none;}
  .shortcuts_bottom li.fourth {margin-right:40px;}
  .shortcuts_bottom li.even {margin-right:0;}
  .shortcuts_bottom li.odd {clear:left:}
  .shortcuts_bottom li {width:304px;}
  ul.shortcuts li.buttons {position:relative;}
  .summary img {
    margin:0; 
    width:100%;
  }
  span.subnav-toggle,
  .mobile_buttons {display:block; top:30px; right:0;}
  .footer {padding:0 7px; box-shadow:none;}
  .footer_sites {
    background-color:transparent;
    box-shadow:none;
  }
  .footer_sites > ul {padding:0;}
  .footer_sites > ul li {float:none; width:100%; margin-bottom:20px;}
  .footer_sites > ul li a {/*padding:8px 0 8px 46px;*/}
  .footer_menu {
    display: block;
    margin: 0;
    padding: 40px 0 20px;
  }
  .footer_info > div {margin:0 0 20px; width:48%;}
  .footer_info > div.editors {margin-left:4%;}
  .footer_info > div.sponsors {width:auto;}
  .footer_info > div.sponsors ul li {width:153px;}
  .footer_info > div.sponsors ul li img {max-width:153px;}
  .footer_info > div.sponsors ul li:nth-child(even) {margin-right:12px;}
  .footer_info > div.sponsors ul li:nth-child(4n) {margin-right:0;}
  .footer_info > div.editorelement {margin-bottom:0;}
  .footer_menu li.folder {
    font-size: 18px;
    list-style: none outside none;
    position: relative;
    width: 100%;
    float:none;
    margin:0;
  }
  .footer_menu li.folder .subnav-toggle:before {
    color: #6D6E71;
    content: "\203A";
    cursor: pointer;
    font-size: 35px;
    font-size: 3.5rem;
    font-weight: bold;
    height: 65px;
    left: 0;
    padding-top: 12px;
    position: absolute;
    top: 0;
    width: 65px;
    z-index: 4;
  }
  .footer_menu li.folder .subnav-toggle {
    background: none repeat scroll 0 0 rgba(45, 45, 45, 0.1);
    color: transparent;
    cursor: pointer;
    font-size: 0;
    height: 65px;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 65px;
    z-index: 5;
  }
  .footer_menu li.folder a {
    color: #6D6E71;
    padding-left: 85px;
  }
  .footer_menu li.folder strong {
    margin:0;
  }
  .footer_menu > ul > li.folder:nth-child(1) > strong a {
    border-top: 1px solid rgba(0, 0, 0, 0.3);
  }
  .footer_menu li a {
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    display: block;
    /*height: 24px;*/
    padding: 20px 2em;
  }
  .footer_menu li ul {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    position: relative;
    transition: all 0.3s ease 0s;
  }
  .footer_menu li ul.active-subnav,
  .footer_menu li.navigated > ul {
    max-height: 9999px; /*500px;*/
    opacity: 1;
  }
  .footer_menu li ul li {
    position: relative;
    z-index: 3;
    margin:0;
  }
  .footer_menu li ul li a {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.5);
    border-bottom: 1px dotted #6D6E71;
    font-size: 20px;
    font-size: 2rem;
    padding:10px 0;
  }
  .footer_menu ul ul li a:before { 
    content: ""; 
  }
  .folder_carousel {overflow:hidden;}
  .folder_carousel li,
  .folder_carousel li.with_image {
    padding:0;
    position:relative!important;
    width:100%;
    height:476px;
  }
  .folder_carousel img {
    position:static;
    height:100%;
  }
  .folder_carousel div.info {
    position:absolute;
    bottom:0;
    left:0; 
    padding:15px;
    background-color:#717274;
  }

  .buttons .share_buttons {
    background: url("../GFX/shortcut_bg2.gif") repeat-x scroll center center transparent;
    bottom: auto;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5) inset;
    display: block;
    padding: 9px 12px 9px;
    position: static;
    width: 185px;
  }
  .buttons .share_buttons h3 {display:none;}
  .buttons .share_buttons a {
    background-image:url(../GFX/share_icons_mobile2.png);
    height:22px;
    width:10px;
    margin:0 16px 0 0;
  }
  .buttons .share_buttons a.twitter {
    background-position: -26px 0;
    width: 24px;
  }
  .buttons .share_buttons a.mail {
    background-position: -153px 0;
    width: 26px;
    margin-right:0;
  }
  .buttons .share_buttons a.instagram  {
    background-position: -66px 0;
    width: 23px;
  }
  .buttons .share_buttons a.tripadvisor{
    background-position: -104px 0;
    width: 34px;
  }

  .article > img {
    width: 100%;
  }
  .expanded_event {
    float:none;
    width:100%;
    margin:0 0 40px;
  }
  .event_aside {
    float:none;
    width:auto;
    border-top:1px solid #CBCBCB;
    padding:10px 0;
  }
  .expanded_event table {
    width:648px;
  }
  .calendar dd {clear:left;}
  .month_menu { margin:0 -10px;}
  .month_menu li {float:left; margin:0 10px 10px;}
  .month_menu a.month {padding:2px 0;}
  .month_menu a.month.first {padding-top:2px; }
  .event_list ul.list li.with_image .top,
  .event_list ul.list .top {
    padding-bottom:0;
    margin:0;
  }
  .event_list ul.list .bottom {
    clear: both;
    margin: 10px 0 0;
    position: static;
  }
  .event_list ul.list figure {
    margin:0 10px 5px 0;
  }
  ul.years li, ul.months li {border:0; padding:10px 20px 10px 0;}
  .nav_sub.top {display:none;}
  .shortcuts_bottom .summary figure {height:207px;}
}
/* ### TABLET VIEW END ### */

@media only screen and (max-width: 1279px) {
   #container {margin-top:21px;}

.shortcuts_bottom li.last {margin:0;}

  ul.shortcuts li > a,
  .buttons .share_buttons {
    background: #525252;
  }

  .nav_support {
    background-color:#6D6E71;
    left: 0;
    position: absolute;
    top: -21px;
    width: 100%;
  } 
  .nav_language li,
  .nav_support li {margin:0;} 
  .nav_support li a#aa {display:none;}
  .nav_support li.folder {float:right;}
  .nav_language a,
  .nav_support li a {
    color: #FFFFFF;
    display: block;
    font-size: 12.8px;
    padding: 2px 5px;
  }
  header .nav_language {
    left: 59px;
    position: absolute;
    top: -21px;
    /*width: 100%;*/
    width: auto;
  } 
  .nav_language img {display:none;}
  .nav_language .visuallyhidden {
    border: 0;
    clip: auto;
    height: auto;
    margin: 0;
    overflow: auto;
    padding: 0;
    position: static;
    width: auto;
  }
  .footer_menu li ul li.navigated > ul {
    display:block!important;
    border-bottom:1px dotted #6D6E71;
  }
  .footer_menu li ul li.navigated > ul a {
    font-size:1.8rem;
    padding:2px 0 2px 100px;
    border-bottom:0;
  }
  .footer_menu li ul li.navigated > ul .last a {
    padding-bottom:12px;
  }
  .footer_menu li ul li.navigated > a {
    border-bottom:0;
  }
}

@media only screen and (min-width: 1280px) {
  .container {
    /*width: 1280px;*/
    width:100%;
    background-color:transparent;
  }
  .intro_inside,
  .footer_inside {
    position:relative;
  }
  .header,
  .nav_main,
  .intro_inside,
  .main,
  .footer_inside {
    margin-left:auto;
    margin-right:auto;
    width:992px;
  }
  .share_buttons {bottom:0; left:688px;}
  .rslides_tabs {bottom:0;}

  .article_stick {
    position: relative;
  }
  .stickit.article_aside {
    margin-left: 733px;
    position: fixed;
    top: 10px;
  }
  .stickit-end {
    bottom: 0;
    position: absolute;
    right: 0;
  }
}

/* -------------------------------------------------------
## Print styles
---------------------------------------------------------- */
 
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
/*
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
*/
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }

  .nav_main, .footer, .search_form, .nav_support, .nav_language, .article_aside, .nav_breadcrumbs, .relations, .addthis_toolbox {display:none;}
  .header, .main {padding:0 10px;}
  .article .editorelement {font-size:2.0rem;}
}


/* Fotnot Style */
article.article .editorelement div.user-box {
  padding:0;
  width:100%!important;
}
.user-box ol { 
  counter-reset: item;
  list-style-type: none;
  background-color:#fff;
  padding:20px 0 0;
  margin: 20px 0 0;
  border-top: 1px solid #d8d8d8;
  font-size:1.4rem;
}
.user-box ol li {
  display: block;
  font-family:'Avenir LT W01 55 Roman', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
  font-size:1.4rem;
}
.user-box ol li:before { 
  content: counter(item) "  "; 
  counter-increment: item;
  font-size:1.0rem;
  vertical-align:super;
  padding-right:2px;
}