html {font-size: 100.01%;}
body {background: #FFFFFF; color: #0F0F55; font-family: Arial, Helvetica, sans-serif; margin:0; text-align: left;}
hr {height: 1px; width: 765px; border-width: 1px 0 0 0; border-style: solid; border-color: #DEE3E9;}
h1, h2 {color: #001E78;}

.clear {clear: both;}

.container-785 {margin: 8px auto 0 auto; width: 785px;}
@media (max-width: 785px) {.container-785{min-width: 320px; max-width: 785px; width: auto;}}

.content {float: left; width: 385px; font-size: 14px;}
.content .small-text {font-size: 12px;}

.header {width: 785px; height: 137px; background-color: #FFFFFF;}
@media (max-width: 785px) {.header {width: auto; text-align: center;}}
.header img {padding-left: 10px;}
.header_logo {padding-top: 26px;}

.image_frame_top {width: 100%; background-color: #E7E7EF; height: 4px; overflow: hidden;}
#images {width: 100%; background-color: #FFFFFF; height: 86px; padding: 1px 0;}
@media (max-width: 785px) {#images {overflow: hidden; width: auto; text-align: center;}}
.image_frame_bottom {width: 100%; height: 8px; background-image: url(../images/frame_image_bottom.gif); background-repeat: repeat-x; overflow: hidden;}

#background {background-image: url(../images/map.gif); width: 785px; height: 370px; position: absolute;}
#background_small {display: none;}
@media (max-width: 785px) {#background {background: none; width: auto; left: 0; right: 0;} body {margin: 0 10px;}}
@media (max-width: 785px) {#background_small {display: block; background-image: url(../images/map.gif); height: 370px; width: auto; background-size: contain; background-repeat: no-repeat; clear: both;}}
#background .impressum {position: absolute; right: 0px; bottom: 15px; width: 150px; font-size: 12px; font-weight: bold; line-height: 2.8em;}
#background .impressum a {color: #8691AF;}

#overlay {display: none; position: absolute; top: 0; left: 0; z-index: 99; width: 100%; height: 100%;}
#overlay_bg {position: absolute; top: 0; left: 0; z-index: 100; width: 100%; height: 100%; background-color: #8894b5; opacity: 0.6; filter:alpha(opacity=60); /* For IE8 and earlier */ }

#popup {position: absolute; width: 215px; height: 82px; top: 290px; left: 50%; margin-left:-107px; text-align: center; z-index: 102; padding-top: 5px; background: url(../images/popup.png) top left no-repeat;}
#popup h1 {font-size: 14px; margin: 15px 0 10px 0;}
#popup .button {color: #626262; background-color: #f2f2f2; padding: 3px 7px; margin: 2px; border: 1px solid #dadada; font-size: 12px;}
#popup .button:hover {color: #0F0F55; border: 1px solid #0F0F55; background-color: #b5bed3;}

#menuLuxembourg, #menuBelgium, #langGermany, #menuSwitzerland, a:link, a:visited, a:active {text-decoration: none; color: #001E78;}

.left_navigation {padding: 10px 0 0 10px; line-height:2.8em; font-size: 12px; font-weight: bold; text-decoration: none; text-align: left; float: left; width: 315px;}
@media (max-width: 785px) {.left_navigation {max-width: 45%; width: auto;}}
.right_navigation {padding: 10px 0px 0 0; line-height:2.8em; font-size: 12px; font-weight: bold; text-decoration: none; text-align: left; float: right; width: 150px;}
@media (max-width: 785px) {.right_navigation {width: 45%;}}

.navigation_sub {height: 37px;}
/*.navigation_sub .lang {display: none;}*/
* html .navigation_sub .lang {display: block;}
.navigation_sub:hover .lang {display: block;}
/*@media (max-width: 785px) {.navigation_sub .lang {display: block;}}*/
.lang {margin-top: -8px;}
.lang,
.lang a,
.lang a:visited {font-size: 11px; color: #687391; padding: 0; line-height: 1em;}

.navigation_sub_germany, .aldi_north_south {display: inline-block;}
.navigation_sub_germany {text-align: left;}
#langGermany {margin-right: 4px; display: inline-block;}
#langAustria {margin-right: 4px; display: inline-block;}
.aldi_north_south {white-space: nowrap;}
.aldi_north_south,
.aldi_north_south a {color: #0D71C9;}
.lang a:hover,
.aldi_north_south a:hover {color: #C70003; text-decoration: none;}

#country_images {float: left;}

#cookie_check {display: none; padding: 0 0 0 10px; font-size: 12px; color: #100F55;}
#cookie_check form {margin-top: 0px;}
#cookie_check_input {padding: 0px; margin: 0px;}
.cookie_check_text {padding-left: 5px;}

/* position of the big country images */
.big_country_left {position: absolute; left: 199px; top: 54px; visibility: hidden;}
.big_country_right {position: absolute; left: 424px; top: 56px; visibility: hidden;}
@media (max-width: 785px) {.big_country_left, .big_country_right {left: 50%; top: 380px; margin-left: -92px;}}

/* position of the small country images */
.redAustralia {position: absolute; left: 545px; top:202px; visibility: hidden;}
.redAustria {position: absolute; left: 374px; top: 80px; visibility: hidden;}
.redBelgium {position: absolute; left: 368px; top: 77px; visibility: hidden;}
.redDenmark {position: absolute; left: 377px; top:62px; visibility: hidden;}
.redChina {position: absolute; left: 490px; top: 78px; visibility: hidden;}
.redFrance {position: absolute; left: 359px; top: 79px; visibility: hidden;}
.redGermany {position: absolute; left: 373px; top:68px; visibility: hidden;}
.redGreatBritain {position: absolute; left: 353px; top:61px; visibility: hidden;}
.redHungary {position: absolute; left: 388px; top: 85px; visibility: hidden;}
.redIreland {position: absolute; left: 349px; top:69px; visibility: hidden;}
.redItaly {position: absolute; left: 375px; top: 86px; visibility: hidden;}
.redLuxembourg {position: absolute; left: 370px; top: 79px; visibility: hidden;}
.redNetherlands {position: absolute; left: 369px; top: 72px; visibility: hidden;}
.redPoland {position: absolute; left: 383px; top: 70px; visibility: hidden;}
.redPortugal {position: absolute; left: 348px; top: 93px; visibility: hidden;}
.redSlovenia {position: absolute; left: 383px; top: 85px; visibility: hidden;}
.redSpain {position: absolute; left: 350px; top: 92px; visibility: hidden;}
.redSwitzerland {position: absolute; left: 371px; top: 86px; visibility: hidden;}
.redUSA {position: absolute; left: 140px; top: 46px; visibility: hidden;}
@media (max-width: 785px) {.redAustralia, .redAustria, .redBelgium, .redDenmark, .redChina, .redFrance, .redGermany, .redGreatBritain, .redHungary, .redIreland, .redItaly, .redLuxembourg, .redNetherlands, .redPoland, .redPortugal, .redSlovenia, .redSpain, .redSwitzerland, .redUSA {display: none;}}


/* ### Welcome Text Animation ### */

.welcome_text {width: 590px; height: 136px; box-sizing: border-box; overflow: visible; float: right; white-space: nowrap;}
@media (max-width: 785px) {.welcome_text{display: none}}

.text-grid {width: 590px; height: 136px; box-sizing: border-box; padding-top: 20px; overflow: visible;}

.text-grid .text-row {width: 100%; display: block; overflow: visible;}
.text-grid .text-row:before {display: table; content: " ";}
.text-grid .text-row:after {display: table; content: " "; clear: both;}

.text-grid .text-row .text-col {width: 100%; display: block; height: 21px; line-height: 21px; box-sizing: border-box; text-align: center; box-sizing: border-box; float: left; overflow: visible; white-space: nowrap;}
.text-grid .text-row .text-col span {font-family: Arial, Helvetica, sans-serif; font-size: 21px; color: #001E78; opacity: 0.3; line-height: 21px; display: inline-block; text-align: center; white-space: nowrap; overflow: visible;}

.text-grid .text-row .text-col.text1 {padding-left: 65px; width: 50%;}
.text-grid .text-row .text-col.text2 {padding-right: 65px; width: 50%;}
.text-grid .text-row .text-col.text3 {padding-right: 30px; width: 50%;}
.text-grid .text-row .text-col.text4 {padding-right: 75px; width: 50%;}
.text-grid .text-row .text-col.text5 {width: 33.33%;}
.text-grid .text-row .text-col.text6 {width: 33.33%;}
.text-grid .text-row .text-col.text7 {width: 33.33%;}
.text-grid .text-row .text-col.text8 {width: 33.33%;}
.text-grid .text-row .text-col.text9 {width: 33.33%;}
.text-grid .text-row .text-col.text10 {width: 33.33%; text-align: right;}
.text-grid .text-row .text-col.text11 {padding-right: 30px; width: 50%;}
.text-grid .text-row .text-col.text12 {padding-right: 75px; width: 50%;}

/*Set the Animation & Delay offset for each Text */
.text-grid .text-row .text-col span {animation: pulse 5s ease-in-out 0s 1 alternate;}
.text-grid .text-row .text-col span.anim1 {animation-delay: 0s;}
.text-grid .text-row .text-col span.anim2 {animation-delay: 6s;}
.text-grid .text-row .text-col span.anim3 {animation-delay: 12s;}
.text-grid .text-row .text-col span.anim4 {animation-delay: 18s;}
.text-grid .text-row .text-col span.anim5 {animation-delay: 24s;}
.text-grid .text-row .text-col span.anim6 {animation-delay: 30s;}
.text-grid .text-row .text-col span.anim7 {animation-delay: 36s;}
.text-grid .text-row .text-col span.anim8 {animation-delay: 42s;}
.text-grid .text-row .text-col span.anim9 {animation-delay: 48s;}
.text-grid .text-row .text-col span.anim10 {animation-delay: 54s;}
.text-grid .text-row .text-col span.anim11 {animation-delay: 60s;}
.text-grid .text-row .text-col span.anim12 {animation-delay: 66s;}

@keyframes pulse {
	0% {opacity: 0.3; font-size: 21px;}
	45% {opacity: 1; font-size: 25px;}
	55% {opacity: 1; font-size: 25px;}
	100% {opacity: 0.3; font-size: 21px;}
}

/*@media (max-width: 785px) {.welcome_text{display: none}}*/

#footer {
	width: 100%;
	height: auto;
	position: relative;
	float: left;
}

#footer p {
	padding: 12px;
	text-align: right;
}

@media (max-width: 414px) {
	.aldi_north_south.wrap_long_text {
		white-space: normal;
		line-height: normal;
	}
}