/* TEAM CSS Projection Style File (http://www.collaborative-team.eu/css/style) 
 * Copyright (c) TEAM */

.print { display:none; }
.noprint { }

/* body {{{ */
html {
height:100%;
}

body {
color:#414B56;
font-family:Bariol,Calibri,Arial,sans-serif;
font-size:12pt;
height:100%;
margin:0;
padding:0;
background-color:#E3E4E6;
text-rendering: geometricPrecision;
-webkit-text-stroke: 1px rgba(0, 0, 0, 0.1);
/*
text-rendering: optimizeLegibility;
background-image:url(../images/background_body); 
background-repeat:repeat; 
background-position:top left;
background-image:url(../images/background); 
background-repeat:repeat-y; 
background-position:top left;
*/
}
/* body }}} */

/* Colors {{{ */
.fg-orange { color:#E54800; }
.fg-blue { color:#009EE0; }
.fg-asphalt { color:#414B56; }
.fg-white { color:#FFFFFF; }
.bg-asphalt { background-color:#414B56; }
.bg-asphalt-light { background-color:#E3E4E6; }
.bg-blue { background-color:#009EE0; }
.bg-orange { background-color:#E54800; }
.bg-white { background-color:#FFFFFF; }
.bg-trans { background-color:transparent; }
/* }}} */

/* Quotes {{{ */
HTML:lang(en) { quotes: '\201C' '\201D' '\2018' '\2019' }
HTML:lang(de) { quotes: '\201E' '\201C' '\2018' '\2019' }
:lang(en) > Q { quotes: '\201C' '\201D' '\2018' '\2019' }
:lang(de) > Q { quotes: '\201E' '\201C' '\2018' '\2019' }
/* }}} */

/* #container {{{ */

/* Grid size: 4em */
/* Grid padding: 2em */
/* Container: 4 * 12 + 2 * 11 = 70em */
/* Header logo: 1 * 4 + 1 * 2 = 6em */
/* Menu: 4 * 3 + 2 * 2 = 16em */

/* width[123]c, width[123]cD {{{ */

.def {
font-size:12pt;
}

/* make sure formatting with spans uses right font-size */
span.width1c,
span.width1cD,
span.width2c,
span.width2cD,
span.width3c,
span.width3cD,
span.width4c,
span.width4cD,
span.width5c,
span.width5cD,
span.width6c,
span.width6cD {
font-size:11pt;
}

.width1c {
padding:0;
margin:0;
width:4em;
}

.width1cD {
padding:0;
margin:0;
width:6em;
}

.width2c {
padding:0;
margin:0;
width:10em;
}

.width2cD {
padding:0;
margin:0;
width:12em;
}

.width3c {
padding:0;
margin:0;
width:16em;
}

.width3cD {
padding:0;
margin:0;
width:18em;
}

.width4c {
padding:0;
margin:0;
width:22em;
}

.width4cD {
padding:0;
margin:0;
width:24em;
}

.width5c {
padding:0;
margin:0;
width:28em;
}

.width5cD {
padding:0;
margin:0;
width:30em;
}

.width6c {
padding:0;
margin:0;
width:34em;
}

.width6cD {
padding:0;
margin:0;
width:36em;
}

/* width[123]c, width[123]cD }}} */

#container {
position: relative;
min-height:80%;
margin:0 auto;
padding:0;
/*
background-color:#E3E4E6;
background-image:url(../images/background); 
background-repeat:repeat; 
background-position:top left;
*/
}

#menuBlock {
margin:0;
padding:0;
width:100%;
color:#414B56;
white-space:nowrap;
backdrop-filter: blur(7px);
-webkit-backdrop-filter: blur(7px);
border-bottom: 1px solid #E3E4E6;
bbox-shadow:0 4px 14px -4px rgba(227, 228, 230, 0.9);

/*
// this is done in a media query below
position:fixed;
top:0;
left:0;
background-image:url(../images/background_menu); 
background-repeat:repeat-x; 
background-position:top left;
height:80px;
z-index:5;
*/
}

#content {
margin:0;
padding:0 1em 0 2em;
max-width:84em;
overflow-x:auto;
background-image:url(../images/background); 
background-repeat:repeat-y; 
background-position:top left;
}

#banner {
clear:left;
text-align:center;
padding:0.3em 0;
width:100%;
color:#E3E4E6;
Bbackground-color:#414B56;
background-color:rgba(65, 75, 86, 0.85);
border-top:1px solid #414B56;
backdrop-filter: blur(7px);
-webkit-backdrop-filter: blur(7px);
bottom:0;
left:0;
right:0;
position:fixed;
z-index:10;
}

#footer {
clear:left;
text-align:left;
padding:1ex 0;
width:100%;
background-color:#414B56;
min-height:7em;
}

/* #container }}} */

/* #menuBlock {{{ */

#menuBlock ul {
list-style:none;
overflow:hidden;
padding:0 1ex;
margin:0;
white-space:nowrap;
/*
z-index:3;
background-color:#E3E4E6;
background-color:rgba(227, 228, 230, 0.7)
background-color:transparent;
*/
}

#menuBlock ul li {
list-style:none;
/*
float:left;
*/
display:inline-block;
}

#menuBlock ul.menu {
float:left;
}

#menuBlock ul.menu li a {
display:inline-block;
font-size:120%;
padding:0.7em 0.7em;
margin:0 0.7ex 1ex 0;
font-weight:normal;
color:#414B56;
text-transform:uppercase;	
background-color:transparent;
border-bottom-right-radius: 0.5ex 0.5ex;
border-bottom-left-radius: 0.5ex 0.5ex;
/*
_background-color:#E3E4E6;
_background-color:rgba(227, 228, 230, 0.3);
-backdrop-filter: none;
--webkit-backdrop-filter: none;
-box-shadow: inset 0 0 30px rgba(227, 228, 230, 0.5);
*/
}

#menuBlock ul.menu li.selected a,
#menuBlock ul.menu li a:hover {
background-color:#E54800;
color:white;
}
#menuBlock ul.menu li.selected a {
font-weight:bold;
}

#menuBlock a {
text-decoration:none;
}

#menuBlock ul.social {
float:right;
}

#menuBlock ul.social li a {
display:inline-block;
margin:17px 17px 17px 0;
}

#menuBlock ul.social li a img {
height:17px;
}

/* #menuBlock }}} */

/* #content {{{ */

#content #finalevent-banner img {
border:0;
max-width:826px;
width:100%;
}

#content .debug {
border:1px solid #F00;
}

#content .anchor {
padding-top: 110px;
margin-top: -110px;
}

#content div.header {
margin:1em 0 3em 0;
}

#content .header h1 {
font-size:225%;
font-weight:300;
margin-bottom:1em;
}

#content img.logo {
float:right;
width:50%;
max-width:22em;
margin-left:6em;
margin-bottom:3em;
border:0px solid;
}

#content ol.text,
#content p.text {
font-size:110%;
max-width:48em;
margin-bottom:0.5em;
color:#414B56;
}

#content .header ol,
#content .header p {
font-size:120%;
max-width:43em;
margin-bottom:1em;
color:#414B56;
}

#content .header p.abstract {
margin-bottom:2ex;
font-weight:400;
}

#content > h2 {
font-size:170%;
font-weight:300;
margin-top:0.6em;
margin-bottom:0.3em;
}

#content > h3 {
font-size:140%;
font-weight:300;
margin-top:0;
margin-bottom:0.3em;
}

#content > div.figure {
clear:left;
padding:0;
margin:2em 0 1em 0;
width:90%;
max-width:48em;
text-align:left;
}

#content > div.figure img.figure {
display:table-cell;
vertical-align:middle;
padding:0;
margin:0;
width:100%;
max-width:48em;
}

#content .timeline p.list {
font-size:120%;
font-weight:400;
margin:1em 0;
padding:0 0 0 44px;
line-height:130%;
-white-space:nowrap;
background-image: url(../images/arrow_noarrow);
background-repeat:no-repeat;
background-position:left center;
}

#content .timeline h2,
#content .timeline h3 {
font-size:100%;
font-weight:400;
margin:1em 0;
padding:0 0 0 88px;
line-height:220%;
white-space:nowrap;
background-image: url(../images/arrow);
background-repeat:no-repeat;
background-position:left center;
}

#content .timeline li:first-child p.list,
#content .timeline li.start + li p.list {
background-image: url(../images/arrow_first_noarrow);
padding-top:0;
margin-top:0;
}

#content .timeline li:first-child h2,
#content .timeline li.start + li h2,
#content .timeline li:first-child h3,
#content .timeline li.start + li h3 {
background-image: url(../images/arrow_first);
padding-top:0;
margin-top:0;
}

#content .timeline > li > h2.milestone {
font-size:100%;
font-weight:400;
margin:1em 0;
position:relative;
left:-10px;
padding:0 1em 0 0;
line-height:220%;
height:60px;
white-space:nowrap;
background-image: url(../images/arrow_asphalt);
background-repeat:no-repeat;
background-position:10px center;
}

#content .timeline > li > h3.milestone {
font-size:100%;
font-weight:400;
margin:1em 0;
position:relative;
left:-10px;
padding:0 1em 0 0;
line-height:220%;
height:60px;
white-space:nowrap;
background-image: url(../images/arrow_blue);
background-repeat:no-repeat;
background-position:left center;
}

/* .circle {{{ */
#content .timeline > li.circle  {
font-size:100%;
clear:left;
white-space:normal;
margin:0;
padding:0 0 1em 88px;
}

#content .timeline > li.circle > span.marker,
#content .timeline > li.circle > div.marker {
position:absolute;
display:inline-block;
vertical-align:middle;
text-align:center;
padding:0;
margin:0 56px 0 -80px;
border:0;
min-width:24px;
height:24px;
border-radius:12px;
line-height:19px;
white-space:nowrap;
font-weight:bold;
font-size:22px;
}

#content .timeline > li.circle > p {
display:inline-block;
vertical-align:middle;
margin:0;
padding:0;
border:0;
max-width:48em;
}

#content .timeline > li.circle > .message {
font-style:italic;
}

/* }}} */

#content .timeline > li > .milestone > .month {
display:inline-block;
font-size:130%;
vertical-align:middle;
text-align:center;
padding:0;
margin:0 38px 0 0;
border:0;
width:60px;
height:60px;
border-radius:30px;
}

#content .timeline > li > .milestone > .month > p {
width:60px;
height:60px;
display:table-cell;
vertical-align:middle;
text-align:center;
}

#content .timeline > li > .milestone > .title {
border-top-right-radius: 0.5ex 0.5ex;
border-bottom-right-radius: 0.5ex 0.5ex;
display:inline-block;
vertical-align: middle;
margin:5px 1em 5px 0;
padding:0;
border:0;
height:50px;
width:85%;
max-width:48em;
}

#content .timeline > li > h2.milestone > .title {
border-left:5px solid #414B56;
}

#content .timeline > li > h3.milestone > .title {
border-left:5px solid #009EE0;
}

#content .timeline > li > .milestone > .title > p {
height:50px;
padding:0 0.5em;
font-size:130%;
display:table-cell;
vertical-align:middle;
text-align:left;
font-weight:normal;
white-space:normal;
width:100%;
line-height:105%;
}

#content .timeline > li > .milestone > .title > p.date {
display:table-cell;
vertical-align:middle;
text-align:right;
font-weight:300;
max-width:70%;
height:100%;
padding:0 0.5em;
margin:0;
white-space:nowrap;
}

#content .timeline .listitem {
font-size:120%;
background-color:transparent;
border-top-right-radius: 0.5ex 0.5ex;
border-bottom-right-radius: 0.5ex 0.5ex;
padding:0.8ex 2ex 0.8ex 1.5ex;
vertical-align: middle;
margin:0;
border:0;
}

#content .timeline .headline {
font-size:130%;
background-color:#FFFFFF;
border-top-right-radius: 0.5ex 0.5ex;
border-bottom-right-radius: 0.5ex 0.5ex;
padding:0.8ex 2ex 0.8ex 1.5ex;
vertical-align: middle;
color:#009EE0;
margin:0;
border:0;
border-left:5px solid #009EE0;
}

#content .timeline h2 .headline {
background-color:#009EE0;
color:#FFFFFF;
}

#content .timeline {
list-style-type:none;
background-image:url(../images/timeline);
background-repeat:repeat-y;
background-position:top left;
margin:2em auto;
padding:0;
clear:both;
font-size:110%;
}

#content .timeline > .start {
display:none;
width:0;
height:0;
}

#content .timeline > li:last-child,
#content .timeline > .end {
width:39px;
clear:both;
height:2px;
background-color:#009EE0;
margin:0;
padding:0;
}

#content .timeline > li {
max-width:84em;
border:0px solid #009EE0;
padding:0;
margin:1em 0 0 0;
background-color:transparent;
clear:both;
}

#content .timeline > li > div.figure {
clear:left;
padding:1em;
margin:0 0 1em 88px;
max-width:45em;
text-align:center;
background-color:#FFFFFF;
border-radius: 0.5ex 0.5ex;
}

#content .timeline > li > div.figure img.figure {
display:table-cell;
vertical-align:middle;
padding:0;
margin:0.5em auto;
width:100%;
max-width:46em;
}

#content .timeline > li > img.figure {
padding:0;
width:80%;
max-width:46em;
margin:1em 0 1em 88px;
vertical-align:top;
}

#content .timeline > p {
margin-top:0;
margin-bottom:1em;
color:#414B56;
padding-left:88px;
font-size:110%;
}

#content a {
color:#E54800;
text-decoration:none;
}

#content .resize:hover {
cursor:s-resize;
}

#content .hover:hover,
#content a:hover {
text-decoration: underline;
}

#content .timeline a {
color:#009EE0;
color:#E54800;
text-decoration:none;
}

#content .timeline a:hover {
text-decoration: underline;
}

#content .timeline div.box_left {
background-color:#FFFFFF;
border-top-right-radius: 0.5ex 0.5ex;
border-bottom-right-radius: 0.5ex 0.5ex;
padding:0.8ex 2ex 0.8ex 1.5ex;
margin:0 0 0.5em 0;
vertical-align:top;
color:#009EE0;
border:0;
border-left:5px solid #009EE0;
max-width:29em;
font-size:100%;
}

#content .timeline > li > ul.panel {
list-style-type: none;
padding:0;
clear:left;
padding-left:88px;
margin-top:0;
margin-bottom:1em;
max-width:49em;
}

#content .timeline ul.panel > li {
list-style-type: none;
float:left;
color:#009EE0;
background-color:#FFFFFF;
border-radius: 0.5ex 0.5ex;
padding:0.5em;
margin:0 1em 1em 0;
border:0;
width:10em;
height:6em;
text-align:center;
overflow:hidden;
}

#content .timeline ul.panel > li img {
width:100%;
max-width:10em;
margin:1em auto;
border:0;
}

#content .timeline ul.panel > li p {
margin:0;
padding:0;
width:10em;
height:6em;
display:table-cell;
vertical-align:middle;
text-align:center;
}

#content .timeline ul.panel > li.description,
#content .timeline ul.panel > li > a {
cursor:pointer;
}

#content .timeline ul.panel .desc {
color:#FFFFFF;
background-color:#E54800;
}

#content .timeline ul.panel .desc p {
line-height:115%;
font-weight:bold;
}

#content .timeline ul.panel .desc h4 {
line-height:110%;
}

#content .timeline ul.panel .desc a {
color:#FFFFFF;
text-decoration:underline;
}

#content .timeline > li > ul.column {
list-style-type: none;
padding:0;
clear:left;
padding-left:88px;
margin-top:0;
margin-bottom:1em;
max-width:49em;
}

#content .timeline ul.column > li {
list-style-type: none;
float:left;
background-color:#FFFFFF;
border-radius: 0.5ex 0.5ex;
padding:1em;
margin:0 1em 1em 0;
vertical-align:top;
border:0;
width:21em;
}

#content .timeline ul.column > li > div.figure {
clear:left;
padding:1em 0;
margin:0;
max-width:21em;
text-align:center;
background-color:#FFFFFF;
border-radius: 0.5ex 0.5ex;
}

#content .timeline ul.column > li > div.figure img.figure {
display:table-cell;
vertical-align:middle;
padding:0;
margin:0 auto;
width_:100%;
max-width:100%;
}

#content .timeline ul.column > li.full {
max-width:46em;
float:left;
}

#content .timeline ul.column > li + li {
m_argin-right:0;
}

#content .timeline li > div.figure > p,
#content .timeline ul.column > li > p {
text-align:left;
font-size:90%;
padding:0;
margin:0;
margin-bottom:0.5em;
}

#content .timeline > li.space {
height:0;
margin:1em;
padding:0;
clear:both;
}

#content .timeline > li > ul.entry {
list-style-type: none;
clear:left;
padding:0 0 0.5em 88px;
margin:0;
max-width:49em;
background-image: url(../images/arrow);
background-repeat:no-repeat;
background-position:left 0.6em;
}

#content .timeline > li > ul.old {
background-image: url(../images/arrow_asphalt);
}

#content .timeline > li > div.vision {
clear:left;
padding:0.5em;
margin:0 0 1em 88px;
max-width:46em;
text-align:center;
border-radius: 0.5ex 0.5ex;
overflow:hidden;
}

#content .timeline ul.entry > li {
list-style-type: none;
padding:0;
margin:0;
}

#content .timeline ul.entry > li > p.info,
#content .timeline ul.entry > li > p.note {
font-size:85%;
color:#009EE0;
}

#content .timeline ul.entry > li > p.info {
margin-bottom:0.7em;
}

#content .timeline > li > p.box,
#content .timeline ul.entry > li.box {
float:left;
background-color:#FFFFFF;
background-color:rgba(255,255,255,0.85);
border-top-right-radius: 0.5ex 0.5ex;
border-bottom-right-radius: 0.5ex 0.5ex;
padding:1em;
margin:0 1em 0.5em 0;
vertical-align:top;
border:0;
border-left:5px solid #009EE0;
width:82%;
max-width:31em;
font-size-:100%;
}

#content .timeline > li > p.box {
margin-left:88px;
}

#content .timeline > li > div.note > p {
padding:0;
font-style:italic;
margin:0 1em 0 1em;
}

#content .timeline ul.old > li.box {
border-left:5px solid #414B56;
}

#content .timeline ul.old > li.box > h4 {
color:#414B56;
}

#content .timeline ul.entry > li.link {
padding:0.25em 1em;
}

#content .timeline ul.entry > li.link p {
font-size:95%;
}

#content .timeline ul.panel > li:last-child,
#content .timeline ul.column > li:last-child,
#content .timeline ul.entry > li:last-child {
background-color:transparent;
clear:left;
height:2px;
margin:0;
padding:0;
}

#content .timeline div.figure > h4,
#content .timeline ul.column > li > h4,
#content .timeline li.box > h4,
#content .timeline div.box > h4 {
text-align:left;
font-weight:400;
font-size:125%;
margin:0;
padding:0;
color:#009EE0;
}

#content .timeline ul.entry > li ul,
#content .timeline ul.entry > li ul.text {
list-style:disc;
text-align:left;
margin:0.5em 0;
padding:0;
}

#content .timeline ul.entry > li ul li,
#content .timeline ul.entry > li ul.text li {
list-style:disc;
text-align:left;
margin:0 0 0 1em;
padding:0 0 0 0.3em;
}

#content span.lang {
float:right;
font-size:80%;
font-weight:bold;
padding:0.1em 0.7em 0.2em 0.7em;
background-color:#E3E4E6;
color:#414B56;
position:relative;
right:-1.1em;
border-top-left-radius: 1ex 1ex;
border-bottom-left-radius: 1ex 1ex;
text-transform:uppercase;	
}

#content img.email {
vertical-align:text-bottom;
}

#content img.icon {
vertical-align:text-bottom;
margin:0 0.25em 0 0;
}

#content span.icon {
font-size:120%;
vertical-align:text-bottom;
margin-left:-0.25em;
padding:0 0.25em 0 0;
height:100%;
float:left;
}

#content .timeline li.box > p {
font-size:90%;
}

#content .timeline li.box p {
padding:0;
margin:0.5em 0;
}

#content .timeline li.box p em {
font-weight:bold;
}

#content .timeline li.box p.abstract {
/*
color:#009EE0;
*/
font-weight:normal;
letter-spacing:1px;
font-size:100%;
}

#content .timeline ul.old > li.box p.abstract {
color:#414B56;
}

.heightS {
height:2em;
}

.heightM {
height:5em;
}

.heightL {
height:13em;
}

#content .timeline ul.entry > li.imagebox,
#content .timeline ul.entry > li.sidebox {
font-size:100%;
float:left;
width:14em;
border-radius: 0.5ex 0.5ex;
color:#414B56;
margin:0;
padding:0;
min-height:3em;
overflow:hidden;
display:block;
}

#content .timeline ul.entry > li.sidebox {
background-color:#FFFFFF;
}

div.center {
margin:0;
padding:0;
display:table-cell;
vertical-align:middle;
text-align:center;
}

#content .timeline li.sidebox > div.center {
width:14em;
}

#content .timeline li.sidebox img {
vertical-align:middle;
text-align:center;
max-width:13em;
margin:0 auto;
padding:0.5em 0.5em;
}

#content .timeline li.imagebox img,
#content .timeline li.sidebox img.full {
border-radius: 0.5ex 0.5ex;
width:14em;
padding:0;
margin:0;
}

#content .timeline li p.orange {
max-width:43em;
padding:0.5em 1em;
margin:1ex 0 1ex 88px;
background-color:#E54800;
color:#FFFFFF;
text-align:center;
border-radius:0.8ex;
}

#content p.address {
font-size:90%;
}

#content .timeline > li > p.abstract,
#content .timeline > li > p.text {
max-width:48em;
padding:0 0 0.5em 0;
margin:0 0 0 88px;
float:none;
font-size:100%;
}

#content .timeline > li > p.abstract {
/*
color:#009EE0;
*/
}

#content .timeline label {
float:left;
padding:0.2em 0;
margin:0;
width:6em;
font-size:12pt;
font-family:Bariol,Calibri,Arial,sans-serif;
color:#009EE0;
}

#content .timeline label.error,
#content .timeline label[status~=error] {
color:#E54800;
}

#content .timeline label.ok,
#content .timeline label[status~=ok] {
color:#414B56;
}

#content .timeline form div.error {
color:#009EE0;
margin-left:5em;
padding:0.2em 0.5em;
}

#content .timeline form div.error + p {
padding-top:0;
margin-top:0;
}

#content .timeline form p {
padding:0 0 1.3ex 0;
margin:0;
}

#content .timeline select,
#content .timeline input[type~=number],
#content .timeline input[type~=email],
#content .timeline input[type~=text] {
width:18em;
max-width:30em;
border:0;
background-color:#E3E4E6;
padding:0.2em 0.5em;
font-size:12pt;
font-family:Bariol,Calibri,Arial,sans-serif;
}

#content .timeline select,
#content .timeline input {
padding:0.2em 0.5em;
}

#content .timeline .default {
color:#414B56;
}


#content .timeline input.button {
min-width:12em;
margin:0.6ex 0;
padding:0.2em 0.5em;
border-radius:3px;
border:1px solid #E54800;
color:#E54800;
background-color:#FFFFFF;
text-transform:capitalize;
font-size:12pt;
font-family:Bariol,Calibri,Arial,sans-serif;
}

#content .timeline input.button:hover {
border:1px solid #E54800;
color:#FFFFFF;
background-color:#E54800;
}

#content ul.tabs {
border-bottom:2px solid #009EE0;
list-style:none;
max-width:50em;
overflow:hidden;
padding:0;
}

#content ul.tabs li {
float:left;
margin-right:5px;
}

#content ul.tabs li a {
background:#FFFFFF;
border-radius:5px 5px 0 0;
color:#414B56;
display:table-cell;
font-size:120%;
height:1.8em;
padding:0 8px;
vertical-align:middle;
}

#content ul.tabs li.active a {
font-weight:bold;
}

#content ul.tabs li a:hover, #content ul.tabs li a:focus, #content ul.tabs li.active a {
background:#009EE0;
color:#FFFFFF;
}

@media all and (min-width: 75em) {

#content {
padding-left:5em;
}

}

@media all and (max-width: 64em) {
#content .timeline ul.entry > li.imagebox,
#content .timeline ul.entry > li.sidebox {
display:none;
}

}

@media all and (min-width:90em) {

#content .timeline > li > p.abstract,
#content .timeline > li > p.text {
width:20em;
float:right;
clear:right;
padding:0 0 0.5em 0;
margin:0;
font-size:100%;
}

#content {
padding-left:7em;
}

}

@media only screen and (max-width:63em) {

#menuBlock ul.social {
display:none;
}

#menuBlock ul.menu {
float:none;
}

}

@media only screen and (max-width:55em) {

#menuBlock {
font-size:80%;
}

#content ul.tabs {
padding:0;
}

#content ul.tabs li a {
font-size:100%;
padding:0 8px;
}

}

@media only screen and (max-width:45em) {

#content ul.tabs {
border:0;
padding:0;
}

#content ul.tabs li {
float:none;
margin:0 8px 8px 0;
}

#content ul.tabs li a {
border-radius:5px 5px 5px 5px;
}

#eu-disclaimer {
white-space:normal;
}

#eu-disclaimer img {
display:none;
}

}

@media only screen and (max-width:40em) {
#menuBlock {
font-size:68%;
}

}

/* iPhone portrait or similar */
@media only screen and (max-width:35em) {

#content {
padding-left:0.5em;
padding-right:0.5em;
max-width:35em;
}

#content #finalevent-banner {
display:none;
}

#menuBlock {
font-size:100%;
}
#menuBlock ul {
padding:0 0.5em;
margin:0;
}

#menuBlock ul li {
display:block;
text-align:left;
width:100%;
}

#menuBlock ul li a {
display:block;
padding:0.5em 0.7em;
margin:0.3em 0 0 0;
border-radius: 0.5em 0.5em;
}

#content div.header {
clear:right;
}

#content img.logo {
float:right;
clear:right;
position:relative;
right:0;
text-align:right;
width:75%;
max-width:75%;
margin:2em 0.5em 1em 0;
}

#content .timeline {
width:100%;
}

#content .timeline > li.circle  {
padding-left:52px;
}

#content .timeline > li.circle > span.marker,
#content .timeline > li.circle > div.marker {
margin:0 18px 0 -44px;
}

#content .timeline > li.circle > p {
max-width:35em;
}

#content .timeline h2,
#content .timeline h3 {
font-size:80%;
padding:0 0 0 52px;
white-space:normal;
}

#content .timeline .headline,
#content .timeline > li > h3.milestone,
#content .timeline > li > h2.milestone {
font-size:85%;
height:50px;
width:94%;
}

#content .timeline > li > .milestone > .title {
margin:0 1em 0 0;
height:50px;
max-width:35em;
}

#content .timeline > li > .milestone > .title > p.date {
white-space:normal;
}

#content .timeline > li > .milestone > .month {
margin:0 7px 0 5px;
width:50px;
height:50px;
border-radius:25px;
}

#content .timeline > li > .milestone > .month > p {
width:50px;
height:50px;
}



/* less space on iphone screen */
#content .timeline > li > ul.entry {
padding:0 0 0.5em 51px;
max-width:35em;
background-image: url(../images/arrow_noarrow);
}

#content .timeline > li > ul.old {
background-image: url(../images/arrow_asphalt_noarrow);
}

#content .timeline > li > p.box,
#content .timeline ul.entry > li.box {
padding:0.5em;
margin:0 0 0.5em 0;
border-left:3px solid #009EE0;
width:92%;
max-width:31em;
font-size:90%;
}

#content .timeline ul.entry > li.link {
padding:0.25em 0.5em;
}

#content .timeline ul.old > li.box {
border-left:3px solid #414B56;
}

#content .timeline ul.column > li {
width:88%;
max-width:21em;
}

.heightS {
height:auto;
min-height:2em;
}

.heightM {
height:auto;
min-height:5em;
}

.heightL {
height:auto;
min-height:13em;
}

#footer ul.chapter li {
font-size:90%;
}

#footer ul.sitemap li {
margin-bottom:1em;
}

#eu-disclaimer {
font-size:90%;
}

}

@media only screen and (min-height:30em) and (min-width:35em) {
#menuBlock {
position:fixed;
top:0;
left:0;
background-color:rgba(227, 228, 230, 0.85);
/*
background-image:url(../images/background_menu); 
background-repeat:repeat-x; 
background-position:bottom left;
*/
padding-bottom:0;
z-index:5;
}

#content {
margin-top:85px;
}

}


/* #content }}} */

/* #banner {{{ */

#banner p {
padding:0;
margin:0.3em 1em;
color:#B1B4B7;
}

#banner a {
color:#E54800;
text-decoration:none;
}

#banner a:hover {
text-decoration:underline;
}

#banner a.button {
float:right;
padding:0 0 0.5em 1em;
}

/* #banner }}} */

/* #footer {{{ */

#footer dl.sitemap {
list-style:none;
overflow:hidden;
padding:0;
display:inline-block;
text-align:left;
color:#E3E4E6;
margin:0;
f_loat:left;
}

#footer dl.sitemap dt {
font-size:11pt;
color:#E3E4E6;
font-weight:400;
text-transform:uppercase;	
padding:1.2em 1em 0.8em 1em;
margin:0;
}

#footer dl.sitemap dd {
list-style:none;
float:none;
padding:0 1em 0.3em 1em;
margin:0;
font-weight:400;
color:#9a9ea2;
}

#footer ul.sitemap {
list-style:none;
overflow:hidden;
padding:0;
text-align:left;
color:#E3E4E6;
margin:0;
}

#footer ul.sitemap li div.header,
#footer ul.sitemap li dt,
#footer ul.sitemap li h6 {
font-size:11pt;
color:#E3E4E6;
font-weight:400;
text-transform:uppercase;	
padding:1.2em 1em 0.8em 1em;
margin:0;
}

#footer ul.sitemap li.active dt,
#footer ul.sitemap li.active h6 {
color:#E54800;
font-weight:bold;
}

#footer ul.sitemap li {
list-style:none;
float:left;
color:#414B56;
}

#footer ul.chapter {
list-style:none;
overflow:hidden;
margin:0;
padding:0 3em 0 1em;
}

#footer ul.chapter li {
list-style:none;
margin:0;
float:none;
margin-bottom:0.3em;
font-weight:400;
color:#9a9ea2;
}

#footer li.active ul.chapter li a,
#footer li.active ul.chapter li {
color:#FFFFFF;
}

#footer ul.chapter li a,
#footer a {
color:#B1B4B7;
text-decoration:none;
}

#footer ul.chapter li a:hover,
#footer a:hover {
text-decoration: underline;
}

#footer p.copyright {
color:#717B86;
margin:0;
padding:0.5ex 1em;
font-size:10pt;
font-weight:200;
}

#footer-links {
height:2.5em;
padding:0 1em;
margin:0.5em 0;
overflow:hidden;
}

#social-links {
float:left;
margin:0.5em 0;
}

#social-links a {
margin-right:1em;
}

.social img {
border:0;
height:1.5em;
opacity:0.67;
}

.social a:hover img, .social a:focus img {
opacity:1;
}

#eu-disclaimer {
color:#E3E4E6;
text-align:right;
float:right;
position:relative;
right:0;
bottom:0;
height:2.5em;
white-space:nowrap;
}

#eu-disclaimer p {
color:#E3E4E6;
font-weight:300;
margin:0;
padding:0;
max-width:17em;
display:inline-block;
white-space:normal;
}

#eu-disclaimer img {
vertical-align:text-bottom;
height:2.5em;
margin:0 0 0 1ex;
padding:0;
border:0;
}
/* #footer }}} */