@charset "utf-8";

/*
Application: Galatea webCMS
Screens: Desktop & Mobile
Theme: Maison Keup
Version: 1.0
Author: Gilles Dumont
Last modified: 21-12-2015
*/

/*------------------------------------------------

CSS STRUCTURE:

1. GENERAL TYPOGRAPHY
	1.1 Global Reset 
	1.2 General Styles
	1.3 Font Styles

2. HEADER: LOGO & NAVIGATION
	2.1 Grid 1 Styles
	2.2 Logo Styles
	2.3 Navigation Main Styles
	2.4 Headerpicture Styles
	2.5 Language selector
	2.6 Navigation booking
	
3. WRAPPER
	3.1 Grid System 

4. CONTENT
	4.1 Grids
	4.2 Globals
	4.3 Home page
	4.4 Tankstelle



------------------------------------------------*/

/*============================================================================================*/
/* 1. GENERAL */
/*============================================================================================*/
/*----------------------------------------------*/
/* 1.1 Global Reset */
/*----------------------------------------------*/
html, body  
{
	height: 100%;
}
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;outline: 0;font-size: 100%;vertical-align: baseline;
}
body 
{
	line-height: 1;
}
ol, ul 
{ 
	list-style: none; 
}
blockquote, q 
{ 
	quotes: none; 
}
blockquote:before, blockquote:after, q:before, q:after 
{ 
	content: ''; 
	content: none;
}
:focus 
{ 
	outline: 0; 
}/* remember to define focus styles! */
del 
{ 
	text-decoration: line-through; 
}
table 
{ 
	border-collapse: collapse; 
	border-spacing: 0; 
}/* tables still need 'cellspacing="0"' in the markup */
.clearElement
{
	clear:both;
}
.clear	
{
	clear:both;
	height:0;
}

.mobile
{	
	display:none;
}
.desktop
{	
	display:block;
}
	
@media only screen and (max-width: 970px)
{
	.mobile
	{	
		display:block;
	}
	.desktop
	{	
		display:none;
	}
}


/*----------------------------------------------*/
/* 1.2 General Styles */
/*----------------------------------------------*/
*
{
	margin:0;
	padding:0;
}
html,
body
{	
	font: 14px 'Ubuntu', sans-serif;
}

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

}

/*----------------------------------------------*/
/* 1.3 Font Styles */
/*----------------------------------------------*/
@font-face {
    font-family: 'advanced_dot_digital-7regular';
    src: url("../../../files/layout/themes/keup/css/fonts/advanced_dot_digital-7-webfont.eot");
    src: url("../../../files/layout/themes/keup/css/fonts/advanced_dot_digital-7-webfont.eot?#iefix") format('embedded-opentype'),
         url("../../../files/layout/themes/keup/css/fonts/advanced_dot_digital-7-webfont.woff") format('woff'),
         url("../../../files/layout/themes/keup/css/fonts/advanced_dot_digital-7-webfont.ttf") format('truetype'),
         url("../../../files/layout/themes/keup/css/fonts/advanced_dot_digital-7-webfont.svg#advanced_dot_digital-7regular") format('svg');
    font-weight: normal;
    font-style: normal;

}

/*============================================================================================*/
/* 2. HEADER (LOGO & NAVIGATION) */
/*============================================================================================*/
/*----------------------------------------------*/
/* 2.1 Header Styles */
/*----------------------------------------------*/
#header 
{
}

#header .inside 
{
	width:990px;
	margin:0 auto;
	border-bottom:3px solid #ed7802;
	position:relative;
}

@media only screen and (max-width: 970px) 
{
	#header .inside 
	{
		width:auto;
	}
}

/*----------------------------------------------*/
/* 2.2 Logo Styles */
/*----------------------------------------------*/
#logo 
{
	display:inline-block;
}
#logo ul li
{
	margin:0;
	padding:0;
	display:none;
}
#logo ul li.home
{
	display:block;
	background:url("../../../files/layout/themes/keup/images/logo-maison-keup.png") no-repeat center center;
	width:214px;
	height:102px;
	padding:15px 30px;
}
#logo ul li a
{
	display:block;
	height:102px;
}
#logo ul li span
{
	display:none;
}

#logo h1,
#logo h2,
#logo h3,
#logo h4,
#logo h5,
#logo h6
{

}


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

}

/*----------------------------------------------*/
/* 2.3 Navigation Styles */
/*----------------------------------------------*/
#navigation-main
{
	position:absolute;
	bottom:-3px;
	z-index:999;
	left:0;
	right:0;
}
#navigation-main ul
{
	width:990px;
	margin:0 auto;
	background:url("../../../files/layout/themes/keup/images/navigation-main-bg.png") repeat;
	height:57px;
	border-bottom:3px solid #ed7802;
}
#navigation-main ul li
{
	float:left;
	width:198px;
	display:block;
}
#navigation-main ul li a
{
	display:block;
	text-decoration:none;
}
#navigation-main ul li span
{
	display:block;
	width:198px;
	display:block;
	text-align:center;
	text-decoration:none;
	color:#FFF;
	font-size:18px;
	/*text-transform:uppercase;*/
	height:57px;
	font-weight:bold;
	line-height:57px;
}
#navigation-main ul li.trail span,
#navigation-main ul li.active span,
#navigation-main ul li span:hover,
#navigation-main ul li a:hover span
{
	background-color:#ed7802;
}
#navigation-top-mobile
{
	position: relative;
	padding: 7px 15px 10px;
	height:30px;
	background-color:#ed7802;
}
#navigation-top-mobile select
{
	padding: 5px 5px 5px 5px;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;
	box-sizing: border-box;  
	cursor:pointer;
	text-transform:uppercase;
	width:100%;
	font-weight:bold;
}
@media only screen and (max-width: 970px) 
{

}



/*----------------------------------------------*/
/* 2.4 Headerpicture Styles */
/*----------------------------------------------*/
#headerpicture
{
	/*height:470px;*/
	position:relative;
	clear:both;
	min-height:60px;
}

#headerpicture .slides
{
	position: relative;
	list-style: none;
	overflow: hidden;
	width: 100%;
	padding: 0;
	margin: 0;
}

#headerpicture .slides li
{
	-webkit-backface-visibility: hidden;
	position: absolute;
	display: none;
	width: 100%;
	left: 0;
	top: 0;
}

#headerpicture .slides li:first-child
{
	position: relative;
	display: block;
	float: left;
}

#headerpicture .slides img 
{
	display: block;
	height: auto;
	float: left;
	width: 100%;
	border: 0;
}

@media only screen and (max-width: 970px) 
{	
}

/*----------------------------------------------*/
/* 2.5 Language selector */
/*----------------------------------------------*/
#navigation-lang
{
	position:absolute;
	width:162px;
	height:28px;
	right:0;
	top:50px;
}
#navigation-lang ul
{
	position:relative;
	width:162px;
	padding:0;
	margin:0;
	height:0;
	overflow:hidden;
	background:url("../../../files/layout/themes/keup/images/navigation-language-bg.png") no-repeat left top;
	padding-top:28px;
}
#navigation-lang ul li.first
{
	height:28px;
	line-height:28px;
}
#navigation-lang ul li
{
	height:28px;
	line-height:28px;
}
#navigation-lang ul li
{
	background-position:0 -28px;
}
#navigation-lang ul:hover
{
	height:84px;
}
#navigation-lang ul li span
{
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#c5c5c5;
	font-style:italic;
}
#navigation-lang ul li.active span,
#navigation-lang ul li:hover span
{
	color:#838383;
	font-style:normal;
	cursor:pointer;
}
/*
#navigation-lang ul:hover li,
#navigation-lang ul li.active
{
	display:block;
}
*/
#navigation-lang ul li.active
{
	position:absolute;
	top:0px;
	display:block;
	left:0;
	right:0;
}
#navigation-lang .lang-icon
{
	float:left;
	width:14px;
	height:11px;
	margin:9px  10px 0 15px;
}
/*
#navigation-lang span.actif .lang-name,
#navigation-lang a .lang-name
{
	float:left;
	width:100px;
}
*/
#navigation-lang span.actif abbr,
#navigation-lang abbr
{
	display:none;
}
#navigation-lang a
{
	font-weight:normal;
	text-decoration:none;
}

#navigation-lang .lang-code-de .lang-icon,
#navigation-lang .lang-code-nl .lang-icon,
#navigation-lang .lang-code-fr .lang-icon
{
	background:url("../../../files/layout/themes/keup/images/flags.png");
}
#navigation-lang .lang-code-de .lang-icon
{
	background-position:left;
}
#navigation-lang .lang-code-nl .lang-icon
{
	background-position:-42px;
}
#navigation-lang .lang-code-fr .lang-icon
{
	background-position:-14px;
}

@media only screen and (max-width: 970px) 
{
	#navigation-lang
	{
		position:absolute;
		width:20px;
		height:auto;
		right:10px;
		top:30px;
		z-index:999;
	}
	#navigation-lang ul
	{
		position:relative;
		width:20px;
		padding:0;
		margin:0;
		background:none !important;
	}
	#navigation-lang ul li.active
	{
		position:relative;
		top:0px;
		display:block;
		left:0;
		right:0;
	}
	#navigation-lang .lang-name
	{
		display:none;
	}
	#navigation-lang ul,
	#navigation-lang ul:hover
	{
		height:auto;
	}
	#navigation-lang .lang-icon
	{
		margin:auto;
	}
}

/*----------------------------------------------*/
/* 2.6 Navigation booking */
/*----------------------------------------------*/
#navigation-booking ul li
{
	padding-bottom:5px;
}
#navigation-booking ul li span
{
	background: url("../../../files/layout/themes/keup/images/navigation-main-bg.png") repeat;
	display:block;
	padding:10px;
	font-weight:bold;
	color:#fff;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;
	box-sizing: border-box;  
}
#navigation-booking ul li span:hover
{
	background-color:#ed7802;
}


/*============================================================================================*/
/* 3. WRAPPER */
/*============================================================================================*/
/*----------------------------------------------*/
/* 3.1 Wrapper Styles */
/*----------------------------------------------*/
#wrapper
{

}
#container_wrapper
{
	padding-bottom:40px;
}
#container
{
	width:990px;
	margin:0 auto;
}
#container .inside
{

}
@media only screen and (max-width: 970px) {
	#container
	{
		width:auto;
		margin:0 auto;
	}
	.home #container
	{
		padding-top:30px;
	}
}

/*============================================================================================*/
/* 4. CONTENT */
/*============================================================================================*/
/*----------------------------------------------*/
/* 4.1 Grids */
/*----------------------------------------------*/
.grid-1
{
	float:left;
	width:247px;
	padding:45px 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.grid-2
{
	float:left;
	width:721px;
	padding:45px 45px 35px 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.grid-3
{
	width:100%;
	padding:45px 0 0 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
@media only screen and (max-width: 970px)
{
	.grid-1
	{
		float:none;
		width:100% !important;
		padding:0 25px 25px;
	}
	.grid-2
	{
		float:none;
		width:100%;
		padding:45px 25px 25px;
	}
	.grid-3
	{
		padding:45px 25px 25px;
	}
}

/*----------------------------------------------*/
/* 4.2 Globals */
/*----------------------------------------------*/
.article h1,
.article h2,
.article h3,
.article h4,
.article h5,
.article h6
{
	font-weight:bold;
	font-size:20px;
	text-transform:uppercase;
	padding-bottom:5px;
}
.article h1,
.article h2
{
	font-size: 24px;
	text-transform: uppercase;
	margin-bottom: 26px;
	letter-spacing: 1px;
	color:#e3e2e2;
	clear:both;
	display:block;
}
.grid-1 .article h1,
.grid-1 .article h2,
.grid-1 .article h3,
.grid-1 .article h4,
.grid-1 .article h5,
.grid-1 .article h6
{
	/*font-size:18px;
	padding-bottom:10px;*/
}
.article h1.heading,
.article h2.heading,
.article h3.heading,
.article h4.heading,
.article h5.heading,
.article h6.heading
{
	padding:10px 0 5px;
	margin:0;
}
.article h1.heading span,
.article h2.heading span,
.article h3.heading span,
.article h4.heading span,
.article h5.heading span,
.article h6.heading span
{
	border-bottom: solid 3px #ed7802;
	font-size:16px;
	color:#ed7802;
	margin:0;
	display:block;
	padding:0;
}
.article a
{
	color:#ed7802;
	text-decoration:none;
}
.article a:hover
{
	background-color:#ed7802;
	color:#fff;
	text-decoration:none;
}
.article p
{
	letter-spacing: 1px;
	line-height:18px;
	padding-bottom:10px;
	text-align:justify;
}
/*hotel*/
.article .hotelFeatureList
{
	float: left;
	margin-left: 25px;
}
.article .hotelFeatureList
{
	padding:10px 0;
	float: left;
	margin-left: 0px;
	margin-right:100px;
}
.article .hotelFeatureList li
{
	letter-spacing: 1px;
	line-height: 18px;
	color:#999;
}
.article .hotelPrices
{
	width:100% !important;
	font-size:12px;
}
.article .hotelPrices td
{
	padding-left:3px;
	padding-right:3px;
	padding-top:1px;
	padding-bottom:1px;
}
.article .hotelPrices .titleRow
{
	color:#ffffff;
	/*background-color:#ed7802;*/
	background-color:#004f96;
	font-weight:700;
}
.article .hotelPrices .evenRow
{
	color:#202020;
	/*background-color:#ededed;*/
}
.article .hotelPrices .oddRow
{
	color:#202020;
	/*background-color:#DFDFDF;*/
}
.article .spacer10
{
	width: 10px;
	height: 10px;
	clear: both;
	font-size: 0px;
	display: block;
}
/*overwrite fixed widths*/
.article .ce-html > div
{
	width:100% !important;
}
.article .ce-html > div > div
{
	width:100% !important;
}
/*forms*/
.article .ce-contact-form
{
	width:100%;
	padding:0;
}
.article .widget-container
{
	clear:both;
	margin-bottom: 0px;
	padding-bottom:20px;
}
.article .submit  .widget-container
{
	padding-bottom:0;
}
.article .wc-captchafield
{
	height:80px;
}

.article .widget-container h3
{
	margin:0;
	padding:0px 0 5px;
	width:100%;
	clear:left;
}
.article .wc-captchafield h3 label,
.article .wc-captchafield label,
.article .widget-container label,
.article .widget-container h3 label
{
	clear:both;
	font-weight:bold;
	margin:0;
	padding:0;
	font-size:12px;
	width:100%;
	/*white-space:nowrap;*/
}
.article .heading .widget-container label,
.article .heading .widget-container h3 label
{
	color:#ed7802;
	font-weight:bold;
	font-size:16px;
	padding-top:20px;
	padding-bottom:10px;
	display:block;
	text-transform:uppercase;
	border-bottom:solid 3px #ed7802;
}
.article input
{
	/*height: 27px;*/
	border: 1px solid #e3e2e2;
	outline:none;
	font-size:12px;
	width:100%;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;   
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	line-height: 1.1em;
	padding: 10px 5px;
}
.article input.ctrl-filefield
{
	border:none;
}
.article textarea
{
	outline:none;
	font: 12px Arial, Helvetica;
	color:#272630;
	height:150px;
	border: 1px solid #e3e2e2;
	width:100%; 
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;  
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	line-height: 1.1em;
	padding: 15px 5px;
}
.article p.blank-tip
{
	display:none;
}
.article .checkbox input
{
}
.article .form-submit
{
	padding-top:15px;	
}
.article .submit input,
.article input[type="submit"]
{
	display: inline-block;
	padding: 4px 10px 4px;
	font-size: 13px;
	line-height: 18px;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	border: 1px solid #f3a75b;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
.article .ce-contact-form div.submit .widget-container
{
	padding-top:20px;
}
.article .submit input
{
	background-color:#f3a75b;
	color:#fff;
	background-image:none;
	font-weight:bold;
}
.article .submit input:hover,
.article input[type="submit"]:hover
{
	background-color:#e97a07;
	color:#fff;
	border: 1px solid #e97a07;
}
.article .ce-contact-form .ctrl-captchafield
{
	clear:left;
	height:48px;
	width:162px;
}
.article .ce-contact-form .checkbox-container input,
.article .radiobuttons-container input
{
	float:none;
	clear:both;
	width:25px;
	margin:0;
	padding:0;
	display:inline;
	line-height:auto;
	height:auto;
	
}
.article .widget-container select.ctrl-multiselectfield,
.article .widget-container select.ctrl-selectfield
{
	width:100%;
	padding:5px 5px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	border: 1px solid #e3e2e2;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	/*padding: 0px 5px;*/
	height: 30px;
}
.article .ce-contact-form .checkbox-container label,
.article .radiobuttons-container label
{
	float:none;
	clear:both;
	margin:0;
	padding:0;
	display:inline;
	line-height:auto;
	height:auto;
}
/*overwrite fe_default*/
.article .ce-contact-form input
{
	float:none;
}
.article .validation-message
{
	display:none;

}
.article .validation-error input,
.article .validation-error textarea
{
	color:#fff;
	border-color:#e3e2e2;
	background-color:#e3e2e2;
}
.article .ce-contact-form span.mandatory
{
	color:#e97a07;
	padding:0 5px;
}
.article .ce-contact-form .global-validation-err
{
	color:#c83418;
	margin:10px 0 0 0;
	padding:10px 5px;
	border:1px solid #c83418;
}
.article .ce-contact-form .validation-error h3 label
{
	color:#000;
}
.article .help-tip
{
	display:none;
}
/*misc*/
.clear
{
	height:1px;
}
.ce-image-gallery img
{
	padding:10px;
}
.ce-image-gallery a:hover
{
	background-color:transparent;
}
.ce-image-gallery
{
	padding-bottom:30px;
}
.ce-image-gallery.last
{
	padding-bottom:0;
}
@media only screen and (max-width: 970px)
{
	.ce-image-gallery img
	{
		width:100%;
	}
	.article .hotelPrices
	{
		width:100%;
		font-size:14px;
	}
}

/*----------------------------------------------*/
/* 4.3 Home page */
/*----------------------------------------------*/
.home .grid-box
{
	float:left;
	width:330px;
	background-color:#f19335;
	height:230px;
	border-bottom:3px solid #ed7802;
	border-right:1px solid #ed7802;
	position:relative;
	color:#fff;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;
	box-sizing: border-box;  
	padding:20px 20px 20px 24px;
}
.home .grid-box.last
{
	/*width:249px;*/
	border-right:0px solid #ed7802;
}
.home #container .article
{
	padding:6px 0 0;
	font-size:13px;
}
.home #container .grid-box a
{
	position:absolute;
	bottom:25px;
	color:#fff;
	font-size:14px;
	border-bottom:dotted 1px #fff;
}
.home #container .grid-box a:hover
{
	font-weight:bold;
}
#container .grid-box h1,
#container .grid-box h2
{
	font-size: 18px;
	text-transform: uppercase;
	margin-bottom:0;
	letter-spacing:auto;
	color:#fff;
	text-transform:uppercase;
	padding-bottom:10px;
}
.home .article a:hover,
.home .article a:hover
{
	background-color:transparent;
}
.home .article h2
{
	color:#fff;
}
.home .article p
{
	letter-spacing: 0 !important;
	line-height: 18px !important;
	padding-bottom:10px;
	text-align:left;
}
.home #container .grid-1
{
	display:none;
	float:none;
	padding:0 0 25px;
	width:0;
}
.home #container .grid-2
{
	float:none;
	width:100% !important;
	height:auto;
	padding:0 0 25px;
}
@media only screen and (max-width: 970px)
{
	.home .grid-box
	{
		float:none;
		width:100%;
		background-color:#b2b2b2;
		height:auto;
		border-right:0px solid #fff;
		border-bottom:3px solid #fff;
		padding:20px 20px 40px 24px;
	}
	.home .grid-box.last
	{
		width:100%;
	}
	.home #container .grid-1
	{
		padding:0;
	}
	.home #container .grid-3
	{
		padding:0;
	}
}

/*----------------------------------------------*/
/* 4.4 Tankstelle */
/*----------------------------------------------*/
.benzinpreise
{
	position:relative;
	background:url("../../../files/public/tankstelle-shell/benzinpreise-schild.png") no-repeat;
	width:250px;
	height:335px;
	color:#fefec0;
	/*font-weight:bold;*/
	font-size:29px;
	margin:auto;
	font-family: 'advanced_dot_digital-7regular';
}
.super89
{
	position:absolute;
	right:60px;
	top:28px;
}
.euro
{
	position:absolute;
	right:60px;
	top:68px;	
}
.diesel
{
	position:absolute;
	right:60px;
	top:110px;		
}
.dieselv
{
	position:absolute;
	right:60px;
	top:154px;	
}
.adblue
{
	position:absolute;
	right:60px;
	top:196px;	
}
.lastupdate
{
	position:absolute;
	right:5px;
	bottom:15px;	
	left:5px;
	text-align:center;
	font-size:12px;
	color:#000;
	/*background-color:#FFF;*/
	padding:1px 3px;
	font-family:'Ubuntu', sans-serif;
}

/*============================================================================================*/
/* 5. FOOTER */
/*============================================================================================*/
/*----------------------------------------------*/
/* 5.1 Footer Styles */
/*----------------------------------------------*/
#footer 
{
	border-top:3px solid #eaeaea;
	background-color:#f6f6f6;
}

#footer .inside 
{
	width:990px;
	margin:0 auto;
	position:relative;
}
#footer .grid-1
{
	height:auto;
	position:relative;
	color:#fff;
	border:none 0px;
	background-color:transparent !important;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;
	box-sizing: border-box;  
	padding:15px 20px 20px 24px;
}
#footer .ce-custom-navigation ul li
{
	color:#f19335;
	font-size:12px;
	list-style:none;
	background:url("../../../files/layout/themes/keup/images/navigation-bottom-bullet.png") no-repeat left center;
}
#footer .ce-custom-navigation ul li span,
#footer .ce-custom-navigation ul li a
{
	color:#f19335;
	text-decoration:none;
}
#footer .ce-custom-navigation ul li span
{
	display:block;
	font-size:12px;
	padding-left:10px;
}

/* newsletter */
#footer .ce-newsletter-subscription
{
	position:relative;
	overflow:hidden;
	padding:40px 15px 25px;
	position:relative;
	color:#b2b2b2;
	font-size:12px;
	display:none;
}
.disable-footer-newsletter #footer .ce-newsletter-subscription,
.disable-footer-newsletter .disable,
:lang(nl) #footer .disable
{
	display:none;
	visibility:hidden !important;
}
:lang(de) #footer .ce-newsletter-subscription.de
{
	display:block;
}
:lang(nl) #footer .ce-newsletter-subscription.de
{
	display:block;
}
:lang(fr) #footer .ce-newsletter-subscription.fr
{
	display:block;
}
.ce-newsletter-subscription .submit
{
	padding:20px 0;
}
.ce-newsletter-subscription input[name=subscribe]
{
	display:inline-block;
	width:49%;
	margin-right:1%;
}
.ce-newsletter-subscription .channel-item
{
	display:block;
	height:30px;
	clear:both;
}
.ce-newsletter-subscription .channel-item input
{
	display:inline-block;
	float:left;
	width:auto;
	margin-top:3px;
}
.ce-newsletter-subscription .channel-item label
{
	display:block;
	float:right;
	width:96%;
}
.channel-items
{
	padding:20px 0;
}
.ce-newsletter-subscription input[name=unsubscribe]
{
	width:49%;
	display:inline-block;
}
#footer .ce-newsletter-subscription p
{
	text-align:left;
	padding:5px 0 15px;
}

#footer .ce-newsletter-subscription .email-error
{
	display:block;
	padding:5px;
	background-color:#f19335;
	color:#fff;
	margin-bottom:15px;
}
#footer .ce-newsletter-subscription p.status-message
{
	text-align:left;
	padding:5px 0 15px;
}
#footer .ce-newsletter-subscription .email label
{
	display:none;
}
#footer .ce-newsletter-subscription .email input
{
	clear:left;
	outline:none;
	border:solid 1px #bbbbbb;
	height:28px;
	width:100%;
	padding:0 5px 0 5px;
	font-family:Arial, Helvetica,sans-serif;
	font-size:12px;
	color:#666;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;
	box-sizing: border-box;  
	/*margin-bottom:10px;*/
}
#footer .ce-newsletter-subscription form
{
	padding:0;
	margin:0;
}
#footer .ce-newsletter-subscription .submit input[name=sendSubscriptionLink],
#footer .ce-newsletter-subscription .submit input[name=unsubscribe],
#footer .ce-newsletter-subscription .submit input[name=subscribe]
{
	clear:left;
	margin:0;
	padding:0;
	width:87px;
	height:23px;
	border:none;
	cursor:pointer;
	color:#FFF;
	font-weight:bold;
	padding:0;
	font-size:12px;
	margin-top:5px;
	background-color:#bbbbbb;
}
#footer .ce-newsletter-subscription .submit input[name=sendSubscriptionLink],
#footer .ce-newsletter-subscription .submit input[name=unsubscribe]
{
	/*
	position:absolute
	;right:15px;
	bottom:15px;*/
}
#footer .ce-newsletter-subscription .submit input[name=subscribe]
{
	/*
	position:absolute;
	left:15px;
	bottom:15px;*/
}
#footer h2.newsletter
{
	position:absolute;
	right:107px;
	top:15px;
	color:#b2b2b2;
	text-transform:uppercase;
	font-size:20px;
}
#footer #logos-partner
{
	position:absolute;
	top:90px;
	left:515px;
	background:url("../../../files/layout/themes/keup/images/logos-partner.png") no-repeat;
	width:270px;
	height:100px;
}

/*partners*/
#footer .navigation-partners
{
	position: absolute;
	top: 90px;
	left: 455px;
	width: 260px;
	height: 100px;
}
#footer .navigation-partners ul li
{
	display:inline-block;
}
#footer .navigation-partners ul li a
{
	display:block;
}
#footer .navigation-partners ul li span
{
	display:none;
}
#footer .navigation-partners ul li a.delhaize
{
	width:51px;
	height:48px;
	background:url("../../../files/layout/themes/keup/images/logos/delhaize.png") no-repeat center center;
}
#footer .navigation-partners ul li a.fonk
{
	width:73px;
	height:48px;
	background:url("../../../files/layout/themes/keup/images/logos/fonk.png") no-repeat center center;
}
#footer .navigation-partners ul li a.passion
{
	width:65px;
	height:48px;
	background:url("../../../files/layout/themes/keup/images/logos/mode-passion.png") no-repeat center center;
}
#footer .navigation-partners ul li a.lydia
{
	width:51px;
	height:48px;
	background:url("../../../files/layout/themes/keup/images/logos/lydia.png") no-repeat center center;
}
#footer .navigation-partners ul li a.cornelia
{
	width:73px;
	height:48px;
	background:url("../../../files/layout/themes/keup/images/logos/cornelia.png") no-repeat center center;
}
#footer .navigation-partners ul li a.post
{
	width:65px;
	height:48px;
	background:url("../../../files/layout/themes/keup/images/logos/post.png") no-repeat center center;
}
#footer .navigation-partners ul li a.fb
{
	width:62px;
	height:48px;
	background:url("../../../files/layout/themes/keup/images/logos/facebook.png") no-repeat center center;
}
@media only screen and (max-width: 970px) 
{
	#footer .inside 
	{
		width:auto;
	}
	#footer .grid-1
	{
		float:none;
		clear:both;
		width:auto !important;
	}
	#footer #logos-partner
	{
		display:none;
	}
	#footer h2.newsletter
	{
		position:absolute;
		right:auto;
		left:15px;
		top:15px;
		color:#b2b2b2;
		text-transform:uppercase;
		font-size:20px;
	}
	#footer .navigation-partners
	{
		position: relative;
		text-align:center;
		top:auto;
		left:auto;
		width: 100%;
		height: 100px;
		padding:0 15px;
		-webkit-box-sizing: border-box; 
		-moz-box-sizing: border-box;
		box-sizing: border-box;  
	}
}