/* RESET */

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } 
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,q:before, q:after {	content: ''; content: none;}
table { border-collapse: collapse; border-spacing: 0;}
*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
/*::selection { background: #202e55; color: #ffffff; }
::-moz-selection { background: #202e55; color: #ffffff; }*/

div#recaptcha {transform:scale(1.045);-webkit-transform:scale(1.045);transform-origin:0 0;-webkit-transform-origin:0 0;margin-top:10px;}
div#recaptcha-form {transform:scale(1.11);-webkit-transform:scale(1.11);transform-origin:0 0;-webkit-transform-origin:0 0;margin-top:10px;}

div.message { position: relative; margin-top: 55px; padding: 10px; border-radius: 10px; border: 3px solid #ff9900;}
div.message-close { position: absolute; top: 0px; right: 0px; width: 40px; height: 40px; cursor: pointer; font-size: 30px; line-height: 40px; text-align: center; }

div.round { position: relative;}
iframe { display: block;}
div.gdpr-blocked { display: table; background: #eee;}
div.gdpr-blocked > div { display: table-cell; text-align: center; vertical-align: middle; padding: 20px;}
.col-3-2 article.video { padding: 12px 0px 12px 0px;}
.col-3-2 article.video-teaser { margin-top: 30px; padding: 0px;}
.col-3-2 article.video iframe, .col-3-2 article.video div.iframe { width: 100%; height: 412px !important;}
.col-3-2 article.video.videowide iframe, .col-3-2 article.video.videowide div.iframe { width: 100%; height: 366px !important;}
.col-3-2 article.info-overview div.gallery iframe, .col-3-2 article.info-overview div.gallery div.iframe { width: 100%; height: 189px !important;}
span.round { position: absolute; z-index: 100; display: block; width: 9px; height: 9px; background: url(../image/rounded.png);}
span.tl { top: 0px; left: 0px; }
span.tr { top: 0px; right: 0px; background-position: 9px 0px; }
span.bl { left: 0px; bottom: 0px; background-position: 0px 9px; }
span.br { right: 0px; bottom: 0px; background-position: 9px 9px; }
span.cleanup { display: block; background-color: #2c4557; width: 100%; height: 40px; display: none; }
a.icon-gm { display: block; width: 75px; height: 75px; border-radius: 0px;}
a.icon-gm img { position: static !important; display: block !important; width: 75px !important; height: 75px !important; margin: 20px 0px 0px 0px !important; border-radius: 0px !important;}
a { cursor: pointer;}
table.cookies { width: 100%;}
table.cookies th { padding-right: 10px; text-align: left; font-weight: bold;}
table.cookies td { padding-right: 10px; white-space: nowrap;}
table.cookies td:last-child { padding-right: 0px; white-space: normal;}

@font-face {
    font-family: 'pictos';
    src: url('../font/pictos-web.eot');
    src: url('../font/pictos-web.eot?#iefix') format('embedded-opentype'),
         url('../font/pictos-web.woff') format('woff'),
         url('../font/pictos-web.ttf') format('truetype'),
         url('../font/pictos-web.svg#pictos') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'lato';
    src: url('../font/lato-light.eot');
    src: url('../font/lato-light.eot?#iefix') format('embedded-opentype'),
         url('../font/lato-light.woff') format('woff'),
         url('../font/lato-light.ttf') format('truetype');
    font-weight:100;
    font-style: normal;
}

@font-face {
    font-family: 'lato';
    src: url('../font/lato-regular.eot');
    src: url('../font/lato-regular.eot?#iefix') format('embedded-opentype'),
         url('../font/lato-regular.woff') format('woff'),
         url('../font/lato-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'lato';
    src: url('../font/lato-bold.eot');
    src: url('../font/lato-bold.eot?#iefix') format('embedded-opentype'),
         url('../font/lato-bold.woff') format('woff'),
         url('../font/lato-bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'lato';
    src: url('../font/lato-black.eot');
    src: url('../font/lato-black.eot?#iefix') format('embedded-opentype'),
         url('../font/lato-black.woff') format('woff'),
         url('../font/lato-black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

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

.socicon-facebook:before {
	content: "\e028";
}
.socicon-twitter:before {
	content: "\e08d";
}
.socicon-pinterest:before {
	content: "\e063";
}
.socicon-instagram:before {
	content: "\e044";
}

a#menu_top {
	position: fixed;
	width: 34px;
	height: 34px;
	right: 5px;
	bottom: 5px;
	background-color: #ff9900;
	border-radius: 5px;
	cursor: pointer;
	display: none;
	z-index: 9999999;
}
a#menu_top div {
	position: absolute;
	width: 18px;
	height: 18px;
	left: 8px;
	top: 8px;
	background-image: url(../image/top.png);
	background-size: 18px 11px;
	background-position: 0 3px;
	background-repeat: no-repeat;
	transition: background-position 0.3s linear 0s;
}
a#menu_top:hover div {
	background-position: 0 0;
	background-repeat: repeat;
	-webkit-animation: bottom_top_over .3s linear infinite;
	-moz-animation: bottom_top_over .3s linear infinite;
	-o-animation: bottom_top_over .3s linear infinite;
	animation: bottom_top_over .3s linear infinite;
}
@-webkit-keyframes bottom_top_over { 0% { background-position: 0px 0px; }  100% { background-position: 0px -11px; } }
@-moz-keyframes bottom_top_over { 0% { background-position: 0px 0px; }  100% { background-position: 0px -11px; } }
@keyframes bottom_top_over { 0% { background-position: 0px 0px; }  100% { background-position: 0px -11px; } }

.text-center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.small-text { font-size: 12px; line-height: 20px; }
.no-margin { margin: 0; } 
.hidden { display: none; }
.block { display: block; }
.inline { display: inline-block; }
.left, .image-links { float: left; }
.right, .image-rechts { float: right; }
.cursor-default { cursor: auto;}

.content-image.image-links { margin-right: 15px; }
.content-image.image-right { margin-left: 15px; }
.content-image { width: 168px; height: 168px; overflow:hidden; border-radius: 10px; }
.content-image img { max-width: 100%; min-height: 100%; }

/* Based on 30px gap */
.col { margin-right: 30px; }
.col-last { margin-right: 0 !important; }
.col-2-1 { width: 525px; }
.col-3-1 { width: 336px; }
.col-3-2 { width: 732px; }
.col-4-1 { width: 230px; }
.col-6-1 { width: 158px; }
.col-50 { width: 50%; }

.rounded { border-radius: 50%; }
.icon-offset { padding-left: 74px; }
.icon { font-family: 'pictos'; }
.clear { clear: both; }

.button { text-decoration: none; display: block; color: #333; text-align: left; }
.button.button-back { text-align: left; }
.button.button-orange:before { color: #ff9900; }
.button.button-orange:hover *, 
.button.button-orange:hover:before { color: #202e55; }
.button.readmore:before { content: '+'; font-family: 'pictos'; margin-right: 5px; font-size: 14px; text-transform: none; font-weight: normal; }
.button.button-prev { color: #ffffff; font-weight: normal; padding-right: 10px;}
.button.button-next { color: #ffffff; font-weight: normal; padding-left: 10px;}
.button.button-prev:before { content: '['; font-family: 'pictos'; margin-right: 5px; font-size: 14px; text-transform: none; font-weight: normal; }
.button.button-next:after { content: ']'; font-family: 'pictos'; margin-left: 5px; font-size: 14px; text-transform: none; font-weight: normal; }
.button.button-prev:hover:before { color: #ff9900; }
.button.button-next:hover:after { color: #ff9900; }

h1 { font-size: 30px; line-height: 36px; font-weight: bold; }
h2 { font-size: 20px; line-height: 26px; font-weight: bold; }
h3, h4, h5, h6, strong, b { font-weight: bold; }
img { max-width: 100%; }
p { margin: 0px; }
em { font-style: italic; }
ul { list-style-type: disc; list-style-position: inside; }
main.content ul { list-style-position: outside; padding-left: 16px; }
ol { list-style-type: decimal; list-style-position: inside; }
ul ul, ol ul { list-style-type: circle; list-style-position: inside; margin-left: 15px; }
ol ol, ul ol { list-style-type: lower-latin; list-style-position: inside; margin-left: 15px; }
hr { clear: both; border: 0; border-bottom: 1px dotted #202e55; background: #fff; margin: 10px 0 10px 0; dislay: block; }

input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="url"], textarea, select { background: #e1e1e1; line-height: 28px; border: 0; padding: 0 10px; outline: none; border-radius: 5px; }
input[type="text"]:disabled, input[type="password"]:disabled, input[type="email"]:disabled, input[type="tel"]:disabled, input[type="url"]:disabled { background: #eeeeee;}
select { -webkit-appearance: none; background: #e1e1e1 url(../image/arrow.png) right center no-repeat; padding-right: 1.5em;}
input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="url"] { min-height: 28px; }
select { height: 28px; cursor: pointer; }
textarea { line-height: 20px; resize: vertical;}
label { cursor: pointer; }
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="url"]:focus, textarea:focus, select:focus { background-color: #d4d4d4;}
button[type="submit"], button.g-recaptcha, button[type="button"] { float: right; background: #ff9900; border: 0; display: block; line-height: 32px; padding: 0 20px; cursor: pointer; margin-top: 10px; border-radius: 5px; }
button[type="submit"]:before, button.g-recaptcha:before, button[type="button"]:before { content: 'R'; font-family: 'pictos'; margin-right: 10px; font-size: 18px; text-transform: none; font-weight: normal; }
div#google-maps button[type="button"]:before { content: none; }
button[type="button"] { float: none;}
button.button-calc:before { content: 'y' !important;}
button.button-save:before { content: 'S';}
button.button-print:before { content: '/';}
button.button-get:before { content: 'S';}
button.button-del:before { content: '#';}
button.button-print { float: right; margin-top: 0px; margin-bottom: 10px;}
button.button-save { float: left; margin-top: 0px; margin-bottom: 10px;}
form.search button[type="submit"]:before, form.search button.g-recaptcha:before { content: 's';}
button[type="submit"]:hover, button.g-recaptcha:hover, button[type="button"]:hover { background: #202e55; color: #fff; }
label.required:after { content: '*'; margin-left: 10px; font-size: 14px; text-transform: none; font-weight: normal; color: #cc0000; }
input[type=checkbox], input[type=radio] { vertical-align: text-bottom; display: inline; color: #202e55; cursor: pointer; }
div.value label { cursor: pointer; }  
div.error { margin-top: 20px; background: #ff9900; padding: 10px; border-radius: 5px; color: #fff !important;}

body { background: #ffffff; font-size: 14px; line-height: 24px; color: #333; font-family: 'lato', sans-serif; -webkit-text-size-adjust: 100%; }

.wrapper { max-width: 1160px; margin: 0 auto;}
.wrapper:after, .clearfix:after, main aside article header:after, main .form .row:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

header.head div.streamer { display: none; position: absolute; z-index: -1; top: 0px; left: 0px; background: no-repeat center center; background-size: cover; width: 100%; height: 100%; }
header.head { position: absolute; z-index: 100; width: 100%; border-top: 4px solid #202e55; min-height: 235px; }
header.head figure { width: 300px; margin: 5px 0; }
header.head figure img { max-width: 100%; }
header.head figure.logo { width: 550px; }
header.head figure.logo a { float: left; }
header.head figure.logo img { width: 150px; }
header.head figure.logo h3 { float: left; margin-left: 20px; line-height: 150px; font-size: 20px; font-style: italic; color: #ffffff; text-transform: lowercase; text-shadow: 1px 1px 4px rgba(0, 0, 0, 1);}
header.head figure.social { font-size: 22px; width: 150px; float: right; margin: 5px 0 0 0; text-align: center; }
header.head figure.social div.icon { display: inline-block; font-family: "socicon" !important; margin: 0 4px 0 0; width: 32px; line-height: 32px; background: #00ace9; }
header.head figure.social div.icon a { color: #fff; text-decoration: none; opacity: .8; font-size: 22px; }
header.head figure.social div.icon a:hover { color: #FFF; opacity: 1; }
header.head .navigation-trigger { display: none; }
header.head nav { width: 100%; text-align: center; background: #202e55; border-radius: 25px 25px 0px 0px; }
header.head nav ul li { display: inline-block; }
header.head nav ul li a { color: #fff; text-transform: uppercase; text-decoration: none; display: block; padding: 20px; }
header.head nav ul li a.active { color: #ff9900; }
header.head nav ul li a:hover { color: #ff9900; }
header.head nav ul ul { position: absolute; width: 200px; height: 0; float: none; padding: 0; margin: 0 0 0 10px; background: #202e55; opacity: 0; overflow: hidden; transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; }
header.head nav ul ul li { float: none; display: block; }
header.head nav ul ul li a { font-size: 12px; padding: 5px 10px; text-align: left; }
header.head nav ul ul li a:hover { background: #202e55; color: #ff9900;  }
header.head nav ul ul li a.active { background: #ff9900; color: #ffffff; }
header.head nav li:hover ul, header.head nav li:focus ul { opacity:1; height: auto; } 

main { background: #FFF; padding-top: 235px; padding-bottom: 50px; display: block; }
main header { position: relative;}
main header h1, .content h1 { margin-bottom: 30px; margin-top: 50px; color: #202e55; }
main header h1 span, .content h1 span { display: block; color: #ff9900; font-size: 14px; line-height: 20px; text-transform: uppercase; }
main a { color: #202e55; text-decoration: underline; }
main a:hover { color: #ff9900; }
main.content div.wrapper, footer div.wrapper { width: 1100px; }

div.addthis_sharing_toolbox { margin-top: 25px !important;}
div.addthis_sharing_toolbox span.at300bs { border-radius: 5px !important;}
div#_atssh { display: none !important;}

div.regio-content, div.regio-content-small { margin-left: -15px;}
div.regio { display: block; margin-bottom: 50px; padding-bottom: 5px; border-bottom: 1px dotted #202e55; width: auto;  }
div.regio:last-child { margin-bottom: 0px; }
div.regio-simple { border-bottom: none !important;}
div.regio h3, h3.regio { clear: both; background: #202e55; color: #fff; padding: 5px 10px; font-weight: bold; margin-bottom: 20px; border-radius: 10px; }
div.regio h3.expand, div.regio h3.unexpand { font-weight: normal; color: #000; background: #ff9900; cursor: pointer;}
div.regio h3.expand:hover, div.regio h3.unexpand:hover { color: #fff; background: #202e55;}
div.regio h3.expand span:after, div.regio h3.unexpand span:after {
	float: right;
    content: ']';
    font-family: 'pictos';
    margin-right: 5px;
    font-size: 14px;
    text-transform: none;
    font-weight: normal;
}
div.regio h3.unexpand span:after {
    content: '{';
}
div.regio h3.expand.active span:after {
	content: '}';
}

div.expand { display: none;}
h3.regio { margin-top: 50px;}
h3.regio div.title { float: left;}
h3.regio div.nav { float: right;}
h3.regio div.nav a { float: left;}

article.news-detail a.participant { border-radius: 10px; display: inline-block; overflow: hidden; height: 165px; width: 165px; border: 1px solid #ccc; text-align: center; vertical-align: middle; position: relative; margin-right: 15px; margin-bottom: 15px; float: left; }
article.news-detail a.participant img { width: 90%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; border-radius: 0px; -webkit-backface-visibility: hidden; }
article.news-detail a.participant:hover img { transform: scale(0.9); -webkit-transform: scale(0.9); -moz-transform: scale(0.9);  opacity: .8; }
div.new-detail-content { width: 552px; float: left;}
img.logo { width: 25%; display: block; margin-top: 25px; margin-bottom: 15px; border-radius: 0px !important;}

div.regio a.participant, div.regio a.participant-small, label.participant, main article.info-detail figure { border-radius: 10px; display: inline-block; overflow: hidden; height: 165px; width: 165px; border: 1px solid #ccc; text-align: center; vertical-align: middle; position: relative; margin-left: 15px; margin-bottom: 15px; }
main article.info-detail figure { margin-left: 0px; margin-right: 15px; }
/*div.regio label.participant { height: 105px; width: 105px; margin-right: 14px; }*/
div.regio a.participant img, div.regio a.participant-small img, div.regio label.participant img { width: 90%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; border-radius: 0px; -webkit-backface-visibility: hidden; }
div.regio a.participant-small { height: 105px; width: 105px; margin-left: 15px; }
div.regio label.participant div { display: none; opacity: 1; font-family: 'pictos'; font-size: 41px; line-height: 41px; color: #ff9900; z-index: 10; width: 41px; height: 41px; position: absolute; top: 0; right: 0; margin: auto; vertical-align: middle; text-align: center; }
/*div.regio label.participant div { font-size: 53px; line-height: 53px; width: 53px; height: 53px; }*/
main article.info-detail img { width: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }
main article.info-detail div.info-detail-logo figure { padding-right: 10px; border-radius: 0px; height: auto;}
main article.info-detail div.info-detail-logo img { width: 100%; position: static; border-radius: 0px; }
div.regio a.participant:hover img, div.regio a.participant-small:hover img, main article.info-detail a img:hover { transform: scale(0.9); -webkit-transform: scale(0.9); -moz-transform: scale(0.9);  opacity: .8; }
div.regio label.participant.hover img, div.regio label.participant.active img { transform: scale(0.9); -webkit-transform: scale(0.9); -moz-transform: scale(0.9); }
main article.info-detail div.info-detail-logo img:hover { transform: none; opacity: 1; }
div.regio label.participant input { display: none; }
div.regio label.participant.active, div.regio label.participant.hover { border-color: #ff9900; border-width: 2px; }
div.regio label.participant.active div { display: block; }
/*div.regio label.participant.active img { opacity: .5; }*/

main article.info-detail div.col-4-1 { margin-right: 10px; }
main article.info-detail figure { border: 0px; width: 100%; }
main article.info-detail figure.product { border: 0; width: 100%; height: 165px; }
main article.info-detail div.col-4-1 { padding-top: 5px; padding-bottom: 15px;}

main.content img { border-radius: 10px; }
article.info-overview div.info-item figure { border-radius: 10px; }

aside { margin-top: 55px; margin-bottom: -15px; padding-left: 20px; padding-bottom: 0px; }
div.sideheader { display: none; }
div.sideheader h2 { position: absolute; color: #202e55; font-size: 30px; font-weight: bold; }

header.top form.search { display: none;}
form.search { display: block; width: 100%; margin: 12px 0px 27px 0px; }
form.search input { width: 100%;}

div.sideheader ul { position: absolute; padding:0px; margin: -70px 0 0 20px; list-style-type:none; display:inline; }
div.sideheader ul li{ float:left; display:inline; line-height:58px; width: 32px; height: 58px; margin-top: 0px; border-right: 0; } 
div.sideheader ul li.lastitem { margin-right:0px; border-right: 1px solid #d7d7d6; }
div.sideheader ul li a { text-decoration:none; width: 30px; height: 58px; display: block; }
div.sideheader ul li a.flag-nl {  background: url(../image/language_sprite.png) center 0; }
div.sideheader ul li a.flag-en {  background: url(../image/language_sprite.png) center -58px ; }
div.sideheader ul li a.flag-fr {  background: url(../image/language_sprite.png) center -116px; }
div.sideheader ul li a.flag-de {  background: url(../image/language_sprite.png) center -173px; }
div.sideheader ul li.select { width: auto; font-size: 14px; padding-right: 10px; }

div.sidelanguage { height: 68px;}
div.sidelanguage h2 { margin: 0px 0px -16px 0px; padding: 0px; color: #202e55; font-size: 30px; font-weight: bold; }
div.sidelanguage ul { padding:0px; margin: 0px 0 0 20px; list-style-type:none; display:inline; }
div.sidelanguage ul li{ float:left; display:inline; line-height:58px; width: 32px; height: 58px; margin-top: 0px; border-right: 0; } 
div.sidelanguage ul li.lastitem { margin-right:0px; border-right: 1px solid #d7d7d6; }
div.sidelanguage ul li a { text-decoration:none; width: 30px; height: 58px; display: block; }
div.sidelanguage ul li a.flag-nl {  background: url(../image/language_sprite.png) center 0; }
div.sidelanguage ul li a.flag-en {  background: url(../image/language_sprite.png) center -58px ; }
div.sidelanguage ul li a.flag-fr {  background: url(../image/language_sprite.png) center -116px; }
div.sidelanguage ul li a.flag-de {  background: url(../image/language_sprite.png) center -173px; }
div.sidelanguage ul li.select { width: auto; font-size: 14px; padding-right: 10px; }

a.sidearticle, div.sidearticle { width: 100%; display: inline-block; margin-left: 0px; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px dotted #202e55; overflow: hidden; }
a.sidearticle header, div.sidearticle header { margin-bottom: 20px; }
a.sidearticle header .icon, div.sidearticle header .icon { width: 64px; height: 64px; background: #202e55; color: #FFF; text-align: center; font-size: 44px; padding: 0; font-weight: normal; line-height: 60px; margin-right: 10px; display: block;  }
a.sidearticle header h2, div.sidearticle header h2 { font-size: 16px; padding-top: 15px; line-height: 18px; color: #202e55; text-transform: uppercase; }
a.sidearticle header h2 span, div.sidearticle header h2 span { display: block; font-size: 12px; color: #ff9900; }
a.sidearticle .button, div.sidearticle .button { margin-top: 10px; }
a.sidearticle { text-decoration: none;}
a.sidearticle:hover .button { color: #ffffff;}
a.sidearticle:hover .button:before { color: #ffffff !important;}
.col-3-2 a.sidearticle { margin-top: -5px; display: none;}

div.logo3d { overflow: hidden; height: 150px; margin-top: -185px; display: block; } 
div.logo3d img { margin-top: -30px; opacity: .25; }

/**/
main aside article { margin-bottom: 20px; padding: 20px 20px 0 20px; border-top: 1px solid #e5e5e5; }
main aside article:first-child { margin-top: 50px; padding-top: 0; border: 0;}
main aside article header { margin-bottom: 10px; }
main aside article header time, main article.news-overview time, article.news-detail time, main aside article header .icon { width: 64px; height: 64px; background: #ff9900; color: #FFF; text-align: center; text-transform: uppercase; font-size: 32px; letter-spacing: -1px; padding: 18px 0 0 0; font-weight: bold; line-height: 20px; margin-right: 10px; margin-bottom: 32px; display: block; } 
main aside article header .icon { line-height: 60px; font-size: 44px; padding: 0; letter-spacing: 0; font-weight: 300; }
main article.news-overview time span, main article.news-detail time span,
main aside article header time span { display: block; font-size: 14px; font-weight: 300; padding-top: 0px;}
main article.news-overview time div, main article.news-detail time div,
main aside article header time div { display: block; color: #ff9900; font-size: 22px; font-weight: bold; padding-top: 10px;}
main aside article header .title { width: 250px; margin-top: 5px;}
main aside article header h2, main aside article header h3, main aside h2 a, main aside h3 a { font-size: 16px; text-decoration: none; color: #333; }
main aside article header h2 span, main aside article header h3 span { color: #666; font-size: 12px; text-transform: uppercase; display: block; }
main aside article .button { margin-top: 10px; }

main aside article ul.list li { padding: 20px 0; border-top: 1px solid #e5e5e5; }
main aside article ul.list li:first-child { border: 0; }
main aside article ul.list li figure { width: 64px; height: 64px; text-align: center; overflow: hidden; }
main aside article ul.list li:nth-child(odd) figure { float: right; margin-left: 10px; }
main aside article ul.list li:nth-child(even) figure { float: left; margin-right: 10px; }

a.highlight, div.highlight { background: #ff9900; padding: 10px; border-radius: 10px; color: #fff !important; }
a.highlight h2 span, div.highlight h2 span { color: #fff !important; }
a.highlight .button.button-orange:before, div.highlight .button.button-orange:before, div.highlight  a { color: #202e55; }
a.highlight .button.button-orange:hover:before, div.highlight .button.button-orange:hover:before, div.highlight  a:hover { color: #fff; }

main article.info-overview { margin: 30px 0; }
main article.info-overview:first-child { margin-top: 0px; }
main article.info-overview h2,
main article.info-overview h2 * { font-size: 18px; color: #202e55; text-decoration: none; }
main article.info-overview figure { float: right;overflow: hidden;  }
main article.info-overview figure:first-child { float: left; }

main article.info-overview div.gallery { margin-top: -30px; }
main article.info-overview div.gallery-member { margin-top: -10px; margin-bottom: -10px; }
main article.info-overview div.gallery h1 { margin-top: 0px; margin-bottom: 20px; }
main article.info-overview div.gallery h2 { font-size: 16px; color: #202e55; text-decoration: none ; }
main article.info-overview div.gallery .col-3-1 { padding-top: 30px; }
main article.info-overview div.gallery figure { display: block; float: left; border-radius: 0px !important; margin: 0 10px 10px 0; width: 158px; }
main article.info-overview div.gallery-member figure { width: 173px; }
main article.info-overview div.gallery figure a { position: relative; display: block; width: 100%; height: auto; } 
main article.info-overview div.gallery figure a img { margin: 0px; display: block; position: static; width: 100%; border-radius: 7px; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); }
main article.info-overview div.gallery figure a img:hover { transform: scale(.9); -webkit-transform: scale(.9); -moz-transform: scale(.9); }

main article.info-overview div.info-item { display: inline-block; width: 100%;}
main article.info-overview div.gallery h2 { margin-bottom: 10px; }
main article.info-overview figure img,
main aside article ul.list img,
figure.content-image img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); }
main article.info-overview figure:hover img,
main aside article ul.list figure:hover img,
figure.content-image:hover img { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1);  opacity: .8; }

main article.news-overview, main article.news-detail { margin-top: 30px; }
main article.news-overview header, main article.news-detail header { display: inline; }
main article.news-overview:first-child, main article.news-detail:first-child { margin-top: 0px; }
main article.news-overview h2,
main article.news-overview h2 * { font-size: 24px; color: #202e55; text-decoration: none; }
main article.news-detail h2, main article.news-detail h2 * { font-size: 24px; color: #202e55; text-decoration: none; margin-bottom: 20px; }

main div.page-selector { margin-top: 30px; font-size: 14px; padding-top: 30px; border-top: 1px solid #e5e5e5; }
main div.page-selector .left a, main div.page-selector .right a { color: #202e55; text-decoration: none; text-transform: uppercase; }
main div.page-selector .right a:before, main div.page-selector div:first-child a:before { content: '-'; font-family: 'pictos'; margin-right: 5px; font-size: 18px; color: #ff9900; text-transform: none; font-weight: normal; }
main div.page-selector .right a:before { content: '+' }
main div.page-selector .right a:hover:before, main div.page-selector .left a:hover:before,
main div.page-selector div:first-child a.hover:before { color: #202e55; }
main div.page-selector .middle a { border-radius: 50%; display: inline-block; height: 24px; line-height: 24px; width: 24px; margin: 0 2px; font-family: 'lato', sans-serif; color: #333; font-weight: bold; }
main div.page-selector .middle a:hover { background: #ff9900; }
main div.page-selector .middle a.active { background: #202e55; color: #FFF; font-weight: bold; }

main .form h4 { font-size:18px; line-height: 24px; margin-bottom: 20px;  }
main .form .row { margin-bottom: 10px; line-height: 28px; }
main .form .row .key { float: left; width: 100%; }
main .form .row .value { float: left; width: 266px; }
main .form .row input[type="text"], main .form .row input[type="password"], main .form .row input[type="email"], main .form .row input[type="tel"], main .form .row input[type="url"] { width: 336px; }
main .form .row textarea {  width: 336px; }
main .form .row select { width: 336px; }
main .form span.required { color: #cc0000;  }
main .form div.error { width: 336px; margin-bottom: 20px; }

div.sidearticle .form { margin-top: 20px; }
div.sidearticle .form .row { width: 336px; }
div.sidearticle .form .row .key { float: left; width: 130px; }
div.sidearticle .form .row .value { float: right; width: 200px !important; }
div.sidearticle .form .row  input[type="text"], sidearticle .form .row input[type="password"], div.sidearticle .form .row  input[type="email"], sidearticle .form .row input[type="tel"], div.sidearticle .form .row  input[type="url"] { width: 180px !important; }
div.sidearticle .form .row button[type="submit"], div.sidearticle .form .row button.g-recaptcha { float: right; margin-right: 20px; }

footer {  background: #202e55; color: #fff; }
footer div.wrapper section { margin: 10px 0; }
footer h4 { margin-bottom: 0px; }
footer h4:before { content: '^'; font-family: 'pictos'; margin-right: 5px; font-size: 18px; color: #ff9900; text-transform: none; font-weight: normal; }
footer h4.information:before { content: '^' }
footer h4.address:before { content: 'M' }
footer section.side { padding-left: 50px; }

div.description { clear: both; display: inline-block; width: 100%; margin-bottom: 10px; }
div.description h1 { margin-top: 10px; margin-bottom: 20px;}
article.video h1 { margin-top: 2px; margin-bottom: 20px;}
article.video h2 { margin-bottom: 10px; font-size: 20px; color: #202e55; text-decoration: none; }
div.top10 { clear: both; display: inline-block; width: 100%; margin-bottom: 10px; }
div.top10 h1 { margin-top: 10px; margin-bottom: 20px; }
div.top10 div.col-50 { width: 48%; margin-right: 2%; }
div.top10 ol li { border: 0px solid #e5e5e5; padding: 5px; background: #eee !important; }
div.top10 ol li:nth-child(odd) { background: #fff !important; }

/* ANIMATION */

.button,
.button *,
.button:before,
.button:after,
.page-selector *,
header.head figure.social *,
main .project-filter *,
main article.news-overview,
main article.info-overview,
main article.info-overview *,
main article.news-overview *,
a.icon-gm img,
a.participant img,
a.participant-small img,
label.participant img,
figure img,
header.head .navigation-trigger,
button[type="submit"],
button.g-recaptcha,
button[type="button"],
div.regio h3.expand,
footer a { transition: all .2s ease; -moz-transition: all .2s ease; -webkit-transition: all .2s ease; -ms-transition: all .2s ease; }

/* RESPONSIVE */

@media screen and (min-width: 1024px) {
	header.head nav ul li a { color: #fff; text-transform: uppercase; text-decoration: none; display: block; padding: 10px 20px 20px 20px; margin-top: 10px; } 
	header.head nav ul li a.active { color: #000000; background-color: #ffffff; border-radius: 10px 10px 0px 0px; }
	header.head nav ul ul { margin-left: 0px; }
	header.head nav ul ul li a { padding: 5px 10px 5px 20px; margin-top: 0px; border-top: 1px solid #666666; }
	header.head nav ul ul li a.active { color: #ffffff; background-color: #ff9900; border-radius: 0px; }
	header.head nav ul ul li a:hover { margin-top: 0px; border-top: 1px solid #666666;  }
}

@media screen and (min-width: 1024px) and (max-width: 1200px){

	div#recaptcha {transform:scale(0.96);-webkit-transform:scale(0.96);transform-origin:0 0;-webkit-transform-origin:0 0;margin-top:15px;}
	div#recaptcha-form {transform:scale(1.025);-webkit-transform:scale(1.025);transform-origin:0 0;-webkit-transform-origin:0 0;margin-top:15px;}

	.col-2-1 { width: 480px; }
	.col-3-1 { width: 310px;}
	.col-3-2 { width: 650px; }
	.col-3-2 iframe, .col-3-2 div.iframe, .col-3-2 div#map-canvas { height: 800px !important;}
	.col-3-2 div#locationsPanel { height: 530px !important;}
	.col-3-2 div#helpPanelContainer { height: 770px !important;}
	.col-3-2 article.video { padding: 8px 0px 8px 0px;}
	.col-3-2 article.video iframe, .col-3-2 article.video div.iframe { height: 366px !important;}
	.col-3-2 article.video.videowide iframe, .col-3-2 article.video.videowide div.iframe { height: 325px !important;}
	.col-3-2 article.info-overview div.gallery iframe, .col-3-2 article.info-overview div.gallery div.iframe { width: 100%; height: 174px !important;}
	.col-4-1 { width: 205px;}
	.col-6-1 { width: 140px; }
	.wrapper { max-width: 990px; margin: 0 auto;}	
	header.head { min-height: 0; }
	header.head figure { margin: 5px 0px -10px 0px; }
	header.head figure img { max-width: 100%; width: 240px; }
	header.head figure.social { width: 150px; float: right; }
	header.head nav { margin-top: 14px; }
	header.head nav ul li a { padding: 10px; font-size: .9em; }
	header.head nav ul ul { margin-left: 0px; }
	header.head nav ul ul li a { padding: 5px 10px; }

	main { padding-top: 218px; }
	aside { margin-top: 55px; }

	div.sidearticle .form { width: 310px; }
	div.sidearticle .form .left { float: none; width: 310px; }
	div.sidearticle .form .row { width: 290px; }
	div.sidearticle .form .row .key { float: none; width: 100%; }
	div.sidearticle .form .row .value { float: none; width: 100% !important; }
	div.sidearticle .form .row  input[type="text"], sidearticle .form .row input[type="password"], div.sidearticle .form .row  input[type="email"], sidearticle .form .row input[type="tel"], div.sidearticle .form .row  input[type="url"] { width: 100% !important; }
	div.sidearticle .form .row button[type="submit"], div.sidearticle .form .row button.g-recaptcha { margin-right: 0px;}

	div.sideheader { position: absolute; width: 320px; margin: 0px 0 0 675px; }
	div.sideheader h2 { margin: -80px 0 0 25px; }
	div.sideheader ul { margin: -70px 0 0 25px; }
	
	div.regio a.participant, div.regio label.participant { height: 145px; width: 145px; margin-left: 15px; }
	/*div.regio label.participant { height: 105px; width: 105px; margin-right: 14px; }*/
	div.regio label.participant div { display: none; font-family: 'pictos'; font-size: 36px; line-height: 36px; color: #ff9900; z-index: 10; width: 36px; height: 36px; position: absolute; top: 0; right: 0; margin: auto; vertical-align: middle; text-align: center; }
	/*div.regio label.participant div { font-size: 53px; line-height: 53px; width: 53px; height: 53px; }*/
	
	main .form .row { margin-bottom: 5px; }
	main .form .row .key,
	main .form .row .value {  display: block; }
	main .form .row input[type="text"], main .form .row input[type="password"], main .form .row input[type="email"], main .form .row input[type="tel"], main .form .row input[type="url"], main .form .row textarea {  width: 310px; }
	main .form .row select {  width: 310px; }
	main .form div.error { width: 310px; margin-bottom: 20px; }
	
	main article.info-detail figure.product { border: 0; width: 100%; height: 137px; }
	main article.info-overview div.gallery figure { width: 140px; }
	main article.info-overview div.gallery-member figure { width: 152px; }
	
	div.new-detail-content { width: 470px; }
}

/* SHARED SMALL SCREENS */

@media screen and (min-width: 300px) and (max-width: 1023px){

	div.message { margin-top: 28px;}

	div#recaptcha {transform:scale(1.0);-webkit-transform:scale(1.0);transform-origin:0 0;-webkit-transform-origin:0 0;float:right;clear:right;}
	div#recaptcha-form {transform:scale(1.0);-webkit-transform:scale(1.0);transform-origin:0 0;-webkit-transform-origin:0 0;float:right;clear:right;}

	div.sideheader { display: block; top: 86px; }
	header.top form.search { display: table;}

	header.head figure.logo { width: 250px; }
	header.head figure.logo a { float: none; }
	header.head figure.logo h3 { float: none; margin: 0px; font-size: 18px; line-height: 30px; }

	header.head figure.social { font-size: 22px; width: 100%; float: none; margin: 0 auto 10px auto;}
	header.head figure.social a { width: 24px; }
	header.head { min-height: 0; position: relative; text-align: center;}
	header.head figure { margin: 10px auto; width: 100%; }
	header.head figure img { max-width: 100%; width: 200px; }
	
	main { padding-top: 0px; }
	main header > h1 { margin-top: 30px; }
	
	div.sideheader { position: absolute; width: 325px; margin: 83px 0 0 415px; }
	div.sideheader.lower { margin: 175px 0 0 415px; }
	div.sideheader h2 { margin: -80px 0 0 30px; }
	div.sideheader ul { margin: -70px 0 0 30px; }

	form.search { display: table; position: relative; top: 28px; width: 100%; margin: 0px;}
	form.search div.text { display: table-cell; width: auto; vertical-align: middle;}
	form.search div.text input { float: left; margin: 0px 0px 0px 0px; line-height: 32px;}
	form.search div.submit { display: table-cell; width: 140px;}
	form.search div.submit button { margin-top: 0px;}
	
	h3.regio { margin-top: 60px;}
	
	footer section.col { display: none; }
/*	main aside { display: none; }*/

	main aside { width: 100% !important; margin-top: 30px; padding-bottom: 0px; padding-left: 0px; }
	main aside div.sidelanguage, main aside form.search { display: none;}
	a.sidearticle, div.sidearticle { margin-left: 0px; margin-right: 0px; margin-bottom: 30px; width: 100%;}
	div.sidearticle .form .left { float: none; width: 100%;}
	div.sidearticle .form .row { width: 100% !important; }
	div.sidearticle .form .row .key { width: 30% !important;}
	div.sidearticle .form .row .value { width: 70% !important; }
	div.sidearticle .form .row  input[type="text"], sidearticle .form .row input[type="password"], div.sidearticle .form .row  input[type="email"], sidearticle .form .row input[type="tel"], div.sidearticle .form .row  input[type="url"] { width: 100% !important; }
	div.sidearticle .form .row button[type="submit"], div.sidearticle .form .row button.g-recaptcha { margin-right: 0px; }

	.col-3-2 a.sidearticle { display: block;}

	footer section.side { display: none; }
	main .form .col { margin: 0; }
	
	article.video-teaser { margin-bottom: 25px;}

	div.new-detail-content { width: 556px; }
	img.logo { width: 33%;}
}

@media screen and (min-width: 640px) and (max-width: 1023px){
	span.flag { margin-right: 10px; }
}

@media screen and (min-width: 768px) and (max-width: 1023px){

	header.head figure.left,
	main aside article header .title { float: none; }
	
	.col-2-1 { width: 100%; }
	.col-3-1 { width: auto; }
	.col-3-2 { width: 100%; }
	.col-3-2 iframe, .col-3-2 div.iframe, .col-3-2 div#map-canvas { height: 800px !important;}
	.col-3-2 div#locationsPanel { height: 530px !important;}
	.col-3-2 div#helpPanelContainer { height: 770px !important;}
	.col-3-2 article.video { padding: 8px 0px 8px 0px;}
	.col-3-2 article.video iframe, .col-3-2 article.video div.iframe { height: 414px !important;}
	.col-3-2 article.video.videowide iframe, .col-3-2 article.video.videowide div.iframe { height: 368px !important;}
	.col-3-2 article.info-overview div.gallery iframe, .col-3-2 article.info-overview div.gallery div.iframe { width: 100%; height: 199px !important;}
	.col-4-1 { width: 48%; }
	.col-6-1 { width: 25%; }
	.wrapper { max-width: 736px; margin: 0 auto; }
	
	.info-detail-logo { float: none; max-width: 300px; height: auto; }
	.info-detail-logo figure { padding-right: 0px !important;}

	
	header.head nav { margin-top: 0px; width: 100%; }
	header.head nav ul li a { padding: 10px; font-size: .85em;  }
	header.head nav ul ul { width: 180px; margin-left: 0px; text-align: left; }
	header.head nav ul ul li a { padding: 5px 10px; border-top: 1px solid #666666; }

	header.top h1 { max-width: 440px; min-height: 56px; }

	main article.info-overview .left, main article.info-overview .right { width: 353px; }
	main article.info-overview .col-6-1 { width: 161px; }
	main article.info-overview figure { height: 161px; }

	main article.info-overview div.gallery figure { width: 161px; height: auto; }
	main article.info-overview div.gallery-member figure { width: 174px; }

	main article.info-detail figure.product { height: 242px; }
	main article.info-detail div.col-4-1:nth-child(6) { clear: both; }
	main article.info-detail.address div.col-4-1:nth-child(3) { clear: none; }
	
	main div.page-selector div { display: block; text-align: left; position: absolute; z-index: 100; width: 130px; }
	main div.page-selector div.col-3-1 { display: block; position: relative; text-align: center;width: 100%; z-index: 0; text-align: center;}
	main div.page-selector div.text-right { text-align: right; margin: 0 0 0 606px; }
	
	main form.pageform { border-bottom: 1px dotted #202e55; }

	main .form .col-3-1 { width: 100%; }
	main .form .col-3-1.col { padding-bottom: 20px; }

	main .form .row .key { float: left; width: 40%; }	
	main .form .row .value { float: left; width: 60%; }	
	main .form .row  input[type="text"], main .form .row input[type="password"], main .form .row  input[type="email"], main .form .row input[type="tel"], main .form .row input[type="url"] { width: 100% !important; }
	main .form .row select { width: 100%; }
	main .form .row textarea { width: 100%; }
	main .form div.error { width: 100%; margin-bottom: 20px; }

	main form.pageform { padding-bottom: 20px;}
}

@media screen and (min-width: 300px) and (max-width: 767px){

	.col-2-1, .col-3-1, .col-3-2, .col-4-1, .col-6-1 { width: auto; }
	.col-3-2 iframe, .col-3-2 div.iframe, .col-3-2 div#map-canvas { height: 500px !important;}
	.col-3-2 div#locationsPanel { height: 230px !important;}
	.col-3-2 div#helpPanelContainer { height: 470px !important;}
	.col-3-2 article.video { padding: 5px 0px 5px 0px;}
	.col-3-2 article.video-teaser { margin-top: 15px;}
	article.video h1 { margin-top: 7px; margin-bottom: 20px;}
	.col-3-2 article.video iframe, .col-3-2 article.video div.iframe { height: 100% !important;}
	.col-3-2 article.video.videowide iframe, .col-3-2 article.video.videowide div.iframe { height: 100% !important;}
	.col-3-2 article.info-overview div.gallery iframe, .col-3-2 article.info-overview div.gallery div.iframe { height: 100% !important;}
	.wrapper, main.content div.wrapper, footer div.wrapper  { width: auto; margin: 0 20px;  }
	header.head nav.right, header.head .left { float: none; } 
	header.head nav { border-radius: 0px; }	
	header.head .navigation-trigger { display: block; position: absolute; right: 20px; top: 30px; opacity: .8; }
	header.head .navigation-trigger:hover { opacity: 1; }
	main header { height: auto; padding-top: 140px; }
	main article header { height: auto; padding-top: 0px;  }
	.col-3-2 { width: 100%; }
	.col-4-1 { width: 100%; }
	.address .col-4-1 { width: auto; }

	main .sidearticle header { height: auto; padding-top: 0px;  }
	main article.info-detail.address div.col-4-1 { padding-right: 20px;}

	main article.info-overview { margin-top: 0; }
	.info-detail-logo { float: none; max-width: 300px; height: auto; }
	.info-detail-logo figure { padding-right: 0px !important;}
	
	div.sideheader h2 { margin: -80px auto 0 auto; }
	div.sideheader ul { margin: -70px auto 0 auto; width: 295px; }
	div.sideheader, div.sideheader.lower { width: 100%; margin: 80px auto 0 auto; position: absolute; border-bottom: 1px solid #e5e5e5; }
	h3.regio { margin-top: 60px;}

	form.search { position: absolute; top: 28px; width: 100%; margin: 0px;}

	header.head nav { margin-top: 0px; display: block; position: relative; height: 0px; overflow: hidden; }
	header.head nav ul { display: block; position: relative; width: 100%; }
	header.head nav ul li { display: block; }
	header.head nav ul li a,
	header.head nav ul ul li a { font-size: 100%; padding: 8px 20px; border-bottom: 1px solid #666; text-align: left; }
	header.head nav ul ul li a { padding: 8px 20px 8px 60px; }
	header.head nav ul li a.active { color: #ff9900 !important; background: none; }
	header.head nav ul li a:hover { background: #ff9900 !important; color: #fff !important; }
	header.head nav ul ul { position: relative; opacity: 1; width: 100%; display: block; overflow: visible; height: auto; background: none; margin: 0;}
	header.head nav ul ul li a.active { background: none; }

	div.regio-content-small { margin-left: -10px;}
	div.regio a.participant, div.regio label.participant { height: 105px; width: 105px; margin-left: 15px; }
	div.regio a.participant-small { height: 83px; width: 83px; margin-left: 10px; margin-bottom: 10px; }
	div.regio label.participant div { display: none; font-family: 'pictos'; font-size: 26px; line-height: 26px; color: #ff9900; z-index: 10; width: 26px; height: 26px; position: absolute; top: 0; right: 0; margin: auto; vertical-align: middle; text-align: center; }

	main article.info-overview figure { display: none; }

	main article.info-overview div.gallery .col-3-1 { width: 100%; }
	main article.info-overview div.gallery figure { display: block; width: 46%; }
	main article.info-overview div.gallery figure a { position: relative; display: block; width: 100%; height: auto; } 
	main article.info-overview div.gallery figure a img { margin: 0px; display: block; position: static; width: 100%; border-radius: 10px; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); }
	main article.info-overview div.gallery figure a img:hover { transform: scale(.9); -webkit-transform: scale(.9); -moz-transform: scale(.9); }
	main article.info-overview div.gallery-member { margin-top: 10px; margin-bottom: 0px; }

	main article.info-detail figure.product { height: 178px; }
	
	main div.page-selector  { padding-top: 0; }
	main div.page-selector div { display: block; text-align: left; width: 100%; }
	main div.page-selector div.col-3-1 a { text-align: center;  }

	main .form .col-3-1 { width: 100%; }
	main .form .col-3-1.col { padding-bottom: 20px; }
	
	main .form .left.col-3-1, main .form .right.col-3-1 { float: none; display: block; width: auto; }
	main .form .row { margin-bottom: 5px; }
	main .form .row .key { width: 40%;}
	main .form .row .value { width: 60%; }
	main .form .row .key, main .form .row .value { display: block; }
	main .form .row input[type="text"], main .form .row input[type="password"], main .form .row input[type="email"], main .form .row input[type="tel"], main .form .row input[type="url"], main .form .row textarea { width: 100%; }
	main .form .row select { width: 100%; }
	main .form div.error { width: 100%; margin-bottom: 20px; }
	
	main form.pageform { border-bottom: 1px dotted #202e55; padding-bottom: 20px; width: 100%; }
}

@media screen and (max-width: 767px) {
	div.top10 div.col-50 { float: none !important; width: 100%;}
	div.top10 div.col-50:nth-child(odd) ol li { background-color: #fff !important;}
	div.top10 div.col-50:nth-child(odd) ol li:nth-child(odd) { background-color: #eee !important;}
	table.cookies td { white-space: normal;}

	div.new-detail-content { width: 100%; float: none; }
	article.news-detail a.participant { height: 105px; width: 105px; margin-bottom: 10px; }
	
	img.logo { width: 50% !important; margin-top: 25px; margin-bottom: 15px;}
}

@media screen and (max-width: 639px) {

	button.button-print { float: none; margin-top: 0px; margin-bottom: 15px;}
	button.button-save { float: none; margin-top: 0px; margin-bottom: 15px;}

	div.sidearticle .form .row .key { width: 40% !important;}
	div.sidearticle .form .row .value { width: 60% !important; }
	main .form .row .key { width: 100%;}
	main .form .row .value { width: 100%; }
	h3.regio { position: relative; margin-bottom: 70px;}
	h3.regio div.nav { position: absolute; bottom: -34px; width: 100%; padding-right: 20px;}
	h3.regio div.nav a, h3.regio div.nav a:before, h3.regio div.nav a:after { color: #202e55;}
	h3.regio div.nav a.button-next { float: right;}
	
	div.new-detail-content { width: 100%; float: none; }
}

@media screen and (max-width: 479px) {
	div.sidearticle .form .row .key { width: 40% !important;}
	div.sidearticle .form .row .value { width: 60% !important; }
	article.news-detail h2 { clear: both; padding-top: 10px; }
}

@media screen and (max-width: 419px) {
	div.sidearticle .form .row .key { width: 100% !important;}
	div.sidearticle .form .row .value { width: 100% !important; }
	main .form .row .key { width: 100% !important;}
	main .form .row .value { width: 100% !important; }
	
	main header { padding-top: 180px; }
	div.sideheader, div.sideheader.lower { margin-top: 120px;}
	h3.regio { margin-top: 100px;}
	
	form.search { display: block;}
	form.search div.text { display: block; width: 100%;}
	form.search div.text input { float: none; line-height: 28px;}
	form.search div.submit { display: block; width: auto;}
	form.search div.submit button { margin-top: 10px;}
}

@media screen and (max-width: 380px){
	div#recaptcha {transform:scale(0.925);-webkit-transform:scale(0.925);transform-origin:0 0;-webkit-transform-origin:0 0;float:none;margin-top:15px;}
	div#recaptcha-form {transform:scale(0.925);-webkit-transform:scale(0.925);transform-origin:0 0;-webkit-transform-origin:0 0;float:none;margin-top:15px;}
}

@media screen and (max-width: 299px){
	.col-2-1, .col-3-1, .col-3-2, .col-4-1, .col-6-1 { width: auto; }
	.wrapper { width: auto;  }
	main, footer, nav, figure.social { display: none; }
	body { background: #000; }
	header.head { min-height: 100%;  }
	header.head figure { width: 100%; text-align: center; position: absolute; top: 35%; }
}