/*=============================================================================
	(c) magic moving pixel s.a., Luxembourg
	--------------------------------------------------------------------
	project   : 754 - d'Lëtzebuerger Land
	file      : custom.css
	comment   : style sheets for screen media
	
	the stylesheet reacts mobile for the following resolution switches
	-   s:    1 -  499
	-   m:  500 - 1023
	-   l: 1024 - 1279
	-  xl: 1280 - 1679
	- xxl: 1680 - ...
	
	some color codes (for fast replacement)
	green     : #52C81E (logo, link, buttons ... weekcolor)
	dark grey : #807F80 (subtitles)
	light grey: #BABABA (menus left)
	input     : #E4E3E4 (text input)
	fieldset  : #f8f8f8 (fieldset blocks)
	table row : #EEEEEE (table row background)
=============================================================================*/
@font-face {
	font-family:Aller;
	src:url("/fonts/Aller/Aller_Rg.eot?") format("eot"),
		url("/fonts/Aller/Aller_Rg.woff") format("woff"),
		url("/fonts/Aller/Aller_Rg.ttf") format("truetype"),
		url("/fonts/Aller/Aller_Rg.svg#Aller") format("svg");
	font-weight:normal;
	font-style:normal;
}

@font-face {
	font-family:Aller;
	src:url("/fonts/Aller_Bold/Aller_Bd.eot?") format("eot"),
		url("/fonts/Aller_Bold/Aller_Bd.woff") format("woff"),
		url("/fonts/Aller_Bold/Aller_Bd.ttf") format("truetype"),
		url("/fonts/Aller_Bold/Aller_Bd.svg#Aller-Bold") format("svg");
	font-weight:bold;
	font-style:normal;
}

@font-face {
	font-family:Aller;
	src:url("/fonts/Aller_Italic/Aller_It.eot?") format("eot"),
		url("/fonts/Aller_Italic/Aller_It.woff") format("woff"),
		url("/fonts/Aller_Italic/Aller_It.ttf") format("truetype"),
		url("/fonts/Aller_Italic/Aller_It.svg#Aller_It") format("svg");
	font-weight:normal;
	font-style:italic;
}

@font-face {
	font-family:"Crimson Text";
	src:url("/fonts/Crimson_Text/CrimsonText-Roman.eot?") format("eot"),
		url("/fonts/Crimson_Text/CrimsonText-Roman.woff") format("woff"),
		url("/fonts/Crimson_Text/CrimsonText-Roman.ttf") format("truetype"),
		url("/fonts/Crimson_Text/CrimsonText-Roman.svg#CrimsonText-Roman") format("svg");
	font-weight:normal;
	font-style:normal;
}

@font-face {
	font-family:"Crimson Text";
	src:url("/fonts/Crimson_Text_Bold/CrimsonText-Bold.eot?") format("eot"),
		url("/fonts/Crimson_Text_Bold/CrimsonText-Bold.woff") format("woff"),
		url("/fonts/Crimson_Text_Bold/CrimsonText-Bold.ttf") format("truetype"),
		url("/fonts/Crimson_Text_Bold/CrimsonText-Bold.svg#CrimsonText-Bold") format("svg");
	font-weight:bold;
	font-style:normal;
}

@font-face {
	font-family:"Crimson Text";
	src:url("/fonts/Crimson_Text_Italic/CrimsonText-Italic.eot?") format("eot"),
		url("/fonts/Crimson_Text_Italic/CrimsonText-Italic.woff") format("woff"),
		url("/fonts/Crimson_Text_Italic/CrimsonText-Italic.ttf") format("truetype"),
		url("/fonts/Crimson_Text_Italic/CrimsonText-Italic.svg#CrimsonText-Italic") format("svg");
	font-weight:normal;
	font-style:italic;
}

@viewport,
@-ms-viewport,
@-webkit-viewport,
@-moz-viewport,
@-o-viewport {
	zoom: 1.0;
	width: 480px;
}

html {
	overflow: -moz-scrollbars-vertical;
	overflow-y: scroll;
	-webkit-text-size-adjust:none;
}

body {
	margin: 0px;
	padding: 0px;
	font-family: "Crimson Text", Times, serif;
	font-style: normal;
	font-size: 16px;
	line-height: 24px;
	color: #000000;
	background-color: #ffffff;
}

body.feedback {
	font-style: normal;
	font-size: 16px;
	line-height: 24px;
	color: #ffffff;
	background-color: #000000;
}

h1 {
	font-family: Aller, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: normal;
	font-size: 26px;
	line-height: 32px;
	margin: 0px 0px 10px 0px;
	padding 0px;
}

h2 {
	font-family: Aller, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: normal;
	font-size: 20px;
	line-height: 26px;
	margin: 0px 0px 10px 0px;
	padding 0px;
}

div.mmpwebtext h2:first-of-type {
	margin-top: 0px;
}

h3 {
	font-family: Aller, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: normal;
	font-size: 18px;
	line-height: 24px;
	color: #807F80;
	margin: 0px 0px 10px 0px;
	padding 0px;
}

h3.search {
	font-family: Aller, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 12px;
	line-height: 24px;
	color: #807F80;
	margin: 0px;
	padding 0px;
}

h4 {
	font-family: Aller, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: normal;
	font-size: 16px;
	line-height: 24px;
	color: #807F80;
	margin: 0px 0px 10px 0px;
	padding 0px;
}


h1.news {
	font-family: Aller, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: normal;
	font-size: 20px;
	line-height: 26px;
	color: #000000;
	margin: 10px 0px 10px 0px;
	padding 0px;
}

h2.news {
	font-family: Aller, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: normal;
	font-size: 16px;
	line-height: 24px;
	color: #807F80;
	margin: 0px 0px 10px 0px;
	padding 0px;
}

h2.order {
	font-family: Aller, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: normal;
	font-size: 16px;
	line-height: 24px;
	color: #807F80;
	margin: 20px 0px 0px 0px;
	padding 0px;
}

.book h2 {
	font-family: Aller, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: normal;
	font-size: 20px;
	line-height: 26px;
	color: #807F80;
	margin: 0px 0px 10px 0px;
	padding 0px;
}

p, li {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	font-family: "Crimson Text", Times, serif;
	font-style: normal;
	font-size: 16px;
	line-height: 24px;
	color: #000000;
}

figure {
	margin: 0px;
	padding: 0px;
}

figcaption {
	font-family: "Crimson Text", Times, serif;
	font-style: italic;
	font-size: 14px;
	line-height: 18px;
}

select {
	margin: 0px 0px 4px 0px;
	padding: 2px 2px 2px 2px;
	border: none;
	width: 78%;
	font-family: Aller, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	line-height: 16px;
	text-transform: uppercase;
	color: #666666;
	background-color: #E4E3E4;
}

option {
	margin: 0px;
	padding: 2px 4px 2px 4px;
	font-family: Aller, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	line-height: 16px;
	text-transform: uppercase;
	color: #666666;
	background-color: #E4E3E4;
}

label, legend {
	font-family: Aller, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: normal;
	font-size: 14px;
	line-height: 26px;
	color: #000000;
}

input, textarea {
	font-family: Aller, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	line-height: 16px;
	color: #666666;
	background-color: #E4E3E4;
}

input[type="text"],
input[type="email"],
input[type="password"],
textarea {
	margin: 0px 0px 4px 0px;
	padding: 4px 6px 4px 6px;
	border: none;
	width: 78%;
	max-width: 78%;
	line-height: 20px;
}

textarea {
	min-height: 80px;
}

input[placeholder] {
	font-family: Aller, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: normal;
	font-size: 14px;
	line-height: 16px;
	color: #666666;
}

input.trap {
	display:none !important;
}

button {
	width: 78%;
	border-radius: 5px;
	border: 0px;
	font-size: 16px;
	line-height: 20px;
	font-family: Aller, Arial, Helvetica, sans-serif;
	font-style: normal;
	color: #ffffff;
	background-color: #000000;
}

input[type=submit]:active,a
input[type=submit]:focus {
	background-color: #000000;
}

fieldset {
	margin: 0px 0px 20px 0px;
	padding: 0px 20px 20px 20px;
	background-color:#f8f8f8;
}

label.error {
	display: block;
	color: #ff0000;
}


a {
	color: #000000;
	text-decoration: underline;
}

a:focus, 
a:hover {
	text-decoration: none;
}

a.menu {
	font-family: Aller, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 12px;
	line-height: 18px;
	color: #000000;
}


/* adding additional link information for screen readers http://www.w3.org/TR/2012/NOTE-WCAG20-TECHS-20120103/C7 */
.screenreader {
	position:absolute;
	left:-10000px;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden;
}

ul, ul ul, ul ul ul, ol ul {
	text-indent: 0px;
	list-style-position: outside;
	border-width: 0px;
	margin: 0px 0px 10px 10px;
	padding: 0px;
}

ol, ul ol, ul ul ol, ul ol ol {
	text-indent: 0px;
	list-style-position: outside;
	border-width: 0px;
	margin: 0px 0px 10px 20px;
	padding: 0px;
}

li {
	margin: 0px 0px 6px 2px;
	padding: 0px;
}

table {
	margin: 0px;
}

table tr:nth-child(2n) {
	background-color: #eeeeee;
}

/*
table tr:last-child {
	background-color: #ffffff;
}
*/

th {
	font-family: Aller, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: normal;
	font-size: 12px;
	line-height: 20px;
	color: #000000;
	background-color: #eeeeee;
	vertical-align: top;
}

td {
	font-family: Aller, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 12px;
	line-height: 18px;
	color: #000000;
	vertical-align: top;
	padding: 0px 4px 0px 2px;
}

div.cke_textarea_inline {
	padding: 4px;
	font-family: Aller, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	line-height: 16px;
	color: #666666;
	background-color: #E4E3E4;
}

img {
	vertical-align: middle;
	border: 0px;
	margin: 0px;
	padding: 0px;
}

blockquote {
	margin: 10px 0px 10px 20px;
	font-family: Aller, Arial, Helvetica, sans-serif;
	font-style: italic;
	font-size: 18px;
	line-height: 22px;
	color: #000000;
}

hr {
	display: block;
	clear: both;
	height: 1px;
	border: 0;
	border-top: 1px solid #858887;
	margin: 0px;
	padding: 0px;
}

.clear {
	clear: both;
}

p.clear {
	clear: both;
	line-height: 1px;
	margin: 0px;
	padding: 0px;
}

.bg-highlighted {
	background-color: #FFFFAA;
}

/* user specific rules editor styles */
span.highlighted {
	color: #000000;
	font-weight: bold;
}

/* changing mmpBusiness default rules */
.mmpwebimage .FT {
	font-size: 14px;
	line-height: 18px;
	color: #807F80;
	margin: 0px;
	padding: 0px;
}

.container {
	display: block;
	margin: 0px auto 0px auto;
	padding: 0px;
	width: 480px;
}

.menuLeft {
	display: block;
	margin: 0px;
	padding: 0px;
	width: 480px;
}

.menuLogo {
	display: none;
}

.menuLogoHorizontal {
	width: 440px;
	height: 159px;
	margin: 40px 8px 0px 8px;
	padding: 0px;
}

.menuDescription {
	width: 440px;
	margin: 10px 0px 0px 8px;
	padding: 0px;
	font-family: Aller, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: normal;
	font-size: 14px;
	line-height: 20px;
	color: #000000;
}

.content {
	display: block;
	clear: left;
	margin: 0px;
	padding: 0px;
	width: 480px
}

.contentHomeBanner {
	display: none;
}

.contentHomeTop {
	display: block;
	clear: both;
	margin: 8px;
	padding: 0px;
	width: 438px;
}

.contentHomeTopCover {
	margin: 0px;
	padding: 0px 0px 10px 0px;
	width: 440px;
}

.contentHomeIssueTeaser {
	margin: 0px;
	padding: 20px 0px 20px 0px;
	width: 440px;
}

.contentHomeIssueTeaser a.teaser {
	font-size: 20px;
	line-height: 20px;
}

.contentHomeEditorial {
	display: block;
	clear: both;
	margin: 8px;
	padding: 10px;
	width: 418px;
	background-color: #EBEBEB;
}

.contentHomeEditorialContent {
	text-align: justify;
	hyphens: auto;
	-webkit-hyphens: auto;
	background-color: #EBEBEB;
}

.contentHomeGrey {
	display: block;
	clear: both;
	margin: 8px;
	padding: 10px;
	width: 418px;
	background-color: #EBEBEB;
}

.contentHomeGreyContent {
	text-align: justify;
	hyphens: auto;
	-webkit-hyphens: auto;
	background-color: #EBEBEB;
}

.contentHomeWhite {
	display: block;
	clear: both;
	margin: 8px;
	padding: 10px;
	width: 418px;
}

.contentHomeWhiteContent {
	text-align: justify;
	hyphens: auto;
	-webkit-hyphens: auto;
}

.contentHomeGallery {
	display: block;
	clear: both;
	margin: 8px;
	padding: 10px;
	width: 418px;
}

.contentHomeGalleryImages {
	height: 260px;
}

.contentHomeGalleryImage {
	height: 260px;
}

.contentHomeGalleryImage img {
	height: 100%;
	width: auto;
	padding-right: 10px;
}

.contentHomeStaff {
	display: block;
	clear: both;
	margin: 8px;
	padding: 10px;
	width: 418px;
	border-top: 2px solid #EBEBEB;
	border-bottom: 2px solid #EBEBEB;
}

.contentHomeStaffImages {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.contentHomeStaffImage {
	width: 200px;
}

.contentHomeValues {
	display: block;
	clear: both;
	margin: 8px;
	padding: 10px;
	width: 418px;
	text-align: justify;
	hyphens: auto;
	-webkit-hyphens: auto;
	background-color: #EBEBEB;
}

.contentHomeInfo {
	display: block;
	clear: both;
	margin: 8px;
	padding: 10px;
	width: 418px;
}

.contentHomeSocial {
	display: block;
	clear: both;
	margin: 8px;
	padding: 10px;
	width: 418px;
	text-align: center;
	border-top: 2px solid #EBEBEB;
}

.contentHomeSocialItem {
	padding-right: 10px;
}

.contentArchiveCovers {
	display: block;
	clear: both;
	margin: 20px 0px 10px 0px;
	padding: 0px;
	width: 418px;
}

.contentArchiveCoversContent {
	display: block;
	clear: both;
	width: 100%;
	display: flex;
	justify-content: space-between;
}

.contentArchiveCoversCover {
	width: 96px;
}

.contentWide {
	display: block;
	clear: both;
	margin: 8px;
	padding: 0px;
	width: 438px;
}

.contentFullwidth {
	display: block;
	clear: both;
	margin: 0px;
	padding: 0px;
	width: 440px;
}

.contentRight {
	display: block;
	margin: 40px 8px 8px 8px;
	padding: 0px;
	width: 440px;
}

.contentRightText {
	display: block;
	width: 440px;
	margin: 0px 0px 40px 0px;
	padding: 0px;
}

.contentArticleIssue,
.contentArticleAuthor,
.contentArticleCopyright {
	font-family: Aller, Arial, Helvetica, sans-serif;
	font-style: italic;
	font-size: 11px;
	line-height: 16px;
	color: #000000;
	margin: 0px 0px 10px 0px;
	padding 0px;
	text-align: right;
}

.newsDate,
.newsAuthor,
.newsLink,
.newsLink a {
	font-family: Aller, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 11px;
	line-height: 16px;
	color: #000000;
	margin: 0px;
	padding 0px;
	text-align: right;
}

.newsLink {
	margin: 10px 0px 0px 0px;
}

.newsLeft,
.newsRight {
	display: block;
	margin: 0px 6px 20px 6px;
	padding: 10px 4px 4px 4px;
	width: 440px;
	background-color: #f0f0f0;
}

.newsImage {
	display: block;
	margin: 0px auto 0px auto;
	padding: 0px;
	width: 440px;
}
.newsImage img {
	max-width: 440px;
	height: auto;
}

.newsmore {
	clear: both;
	text-align: right;
}

.contentArticleContent {
}

.contentArticleFootnote,
.contentArticleFootnote p {
	font-style: italic;
}

.contentArticleImage {
	display: block;
	margin: 0px auto 20px auto;
	padding: 0px;
	width: 440px;
}
.contentArticleImage img {
	max-width: 440px;
	width: 440px;
	height: auto;
}

.contentArticleImageTall {
	display: block;
	margin: 0px auto 20px auto;
	padding: 0px;
	width: 440px;
}
.contentArticleImageTall img {
	max-width: 440px;
	width: 440px;
	height: auto;
}


.contentArticleRefTitle h3 {
	font-family: Aller, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: normal;
	font-size: 13px;
	line-height: 18px;
	color: #000000;
	margin: 0px;
	padding 0px;
}

.contentArticleRef {
	margin: 0px 0px 32px 0px;
}

.contentArticleRefAuthor,
.contentArticleRefIssue,
.contentArticleRefCategories,
.contentArticleRefSubtitle,
.contentArticleRefTeaser,
.contentArticleRefLink,
.contentArticleRefLink a {
	font-family: Aller, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 12px;
	line-height: 18px;
	color: #000000;
	margin: 4px 0px 0px 0px;
	padding 0px;
}

.contentArticleSocialMedia {
	width: 100%;
	font-family: Aller, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	line-height: 40px;
	color: #999999;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	border-top: 1px solid black;
}

.contentArticleSocialMediaIcon {
	display: inline-block;
	margin: 0px 0px 0px 4px;
	padding: 0px;
}

.contentArticleSocialMediaIcon .icon {
	margin: 0px 0px 0px 4px;
	font-size:32px;
	line-height:32px;
	vertical-align:middle;
}

.supertitle {
	font-family: Aller, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 18px;
	line-height: 24px;
	margin: 0px 0px 10px 0px;
	padding 0px;
}

.contentShareViaEmail label,
.contentShareViaEmail input,
.contentShareViaEmail button {
	display: block;
	width: 100%;
	max-width: 100%;
}


.authors {
	clear:both;
	width: 420px;
	margin: 0;
	padding: 0;
}

.authorsAuthor {
	width: 100%;
	margin: 20px 0px 20px 0px;
	padding: 10px;
	background-color: #EEEEEE;
}

.authorsImage {
	width: 300px;
	margin: 0px auto 0px auto;
	padding: 0px;
	text-align: center;
}

.authorsDescription {
	width: 100%;
	margin: 10px 0px 0px 0px;
	padding: 0px;
}

.books {
	clear: both;
	padding-bottom: 20px;
}

.book {
	clear: both;
	margin: 0px 0px 20px 0px;
	padding 0px;
}

.bookImage {
	margin: 0px auto 20px auto;
	padding 0px;
	text-align: center;
}

.bookImage img,
.bookImageOrder img {
	-webkit-box-shadow: 5px 5px 10px 2px #000000;
	box-shadow: 5px 5px 10px 0px #000000;
}

.bookAuthor {
	font-family: Aller, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: normal;
	font-size: 14px;
	line-height: 20px;
	color: #807F80;
	margin: 0px 0px 10px 0px;
	padding 0px;
}

.bookSubtitle {
	font-family: Aller, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: normal;
	font-size: 16px;
	line-height: 20px;
	color: #807F80;
	margin: 0px 0px 10px 0px;
	padding 0px;
}

.bookPrice {
	float: left;
	font-family: Aller, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: normal;
	font-size: 14px;
	line-height: 20px;
	color: #807F80;
	margin: 0px 0px 10px 0px;
	padding 0px;
}

.bookBuy {
	float: right;
	clear: both;
}

.bookBuy a {
	text-decoration: none;
	font-family: Aller, Arial, Helvetica, sans-serif;
	display: inline-block;
	padding: 2px 8px;
	background: ButtonFace;
	color: ButtonText;
	border-style: solid;
	border-width: 2px;
	border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
}

.bookBuy a:active {
	border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
}

.bookImageOrder {
	float: left;
	margin: 0px 20px 0px 0px;
	padding 0px;
}

.bookImageOrder img {
	width: 100px;
	height: auto;
	margin: 0px auto 20px auto;
	padding 0px;
	text-align: center;
}

.formLine {
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 20px;
	clear: both;
	font-family: Aller, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 12px;
	line-height: 24px;
	color: #000000;
}

.formOption {
	float: left;
	width: 40px;
}

.formOptionValue {
	float: right;
	width: 375px;
}

.formInputBlock {
	margin: 0px 0px 20px 0px;
}

.orderSteps {
	margin: 0px;
	padding: 0px;
	width: 100%;
	clear: both;
}

.orderStep {
	width: 428px;
	margin: 0px 0px 10px 0px;
	padding: 5px;
	font-family: Aller, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 14px;
	line-height: 18px;
	color: #000000;
	background-color: #eeeeee;
	border-radius: 5px;
	border: 0px;
}

.orderStepSelected {
	width: 428px;
	margin: 0px 0px 10px 0px;
	padding: 5px;
	font-family: Aller, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 14px;
	line-height: 18px;
	background-color: #777777;
	color: #ffffff;
	border-radius: 5px;
	border: 0px;
}

.searchBox {
	width: 440px;
	margin: 0px 0px 20px 0px;
	padding: 20px 20px 20px 20px;
	background-color: #f8f8f8;
	border-radius: 5px;
}

select.categories {
	display: block;
	width: 440px;
	margin: 0px;
	padding: 2px 4px 2px 4px;
	background-color: #E4E3E4;
}

select.categories optgroup {
	margin-top: 12px;
	font-family: Aller, Arial, Helvetica, sans-serif;
	font-style: bold;
	font-size: 13px;
	line-height: 18px;
}

select.categories option {
	font-family: Aller, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 13px;
	line-height: 16px;
}

@media (min-width: 500px) {

	h1.news {
		font-size: 16px;
		line-height: 20px;
	}

	.container {
		display: block;
		margin: 40px auto 0px auto;
		padding: 0px 40px 0px 40px;
		width: 800px;
	}

	.menuLeft {
		float: left;
		display: block;
		margin: 0px;
		padding: 0px;
		width: 160px;
	}
	
	.menuLogo {
		display: block;
		width: 56px;
		height: 155px;
		margin: 0px 0px 40px 0px;
	}

	.menuLogoHorizontal {
		display: none;
	}

	.content {
		display: block;
		float: left;
		clear: none;
		margin: 0px;
		padding: 0px;
		width: 640px;
	}

	.contentHomeBanner {
		display: block;
		float: left;
		margin: 0px;
		padding: 0px;
		width: 100%;
		height: 104px;
		border-top: 6px solid #000000;
	}

	.contentHomeBanner p {
		margin: 0px;
		padding: 0px;
		font-family: Aller, Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-style: normal;
		font-size: 21px;
		line-height: 35px;
	}
	
	.contentHomeTopCover {
		margin: 0px auto 10px auto;
		padding: 0px;
		width: 300px;
	}
	
	.contentHomeIssueTeaser {
		margin: 20px 0px 10px 0px;
		padding: 0px;
		width: 640px;
	}
	
	.contentHomeTop {
		margin: 0px;
		padding: 0px;
		width: 640px;
	}
	
	.contentHomeGrey,
	.contentHomeWhite,
	.contentHomeEditorial,
	.contentHomeGallery,
	.contentHomeStaff,
	.contentHomeValues,
	.contentHomeInfo,
	.contentHomeSocial {
		margin: 0px;
		padding: 20px;
		width: 600px;
	}
	
	.contentHomeEditorialContent,
	.contentHomeValuesContent {
		column-count: 2;
	}
	
	.contentArchiveCovers {
		width: 440px;
	}

	.contentArchiveCoversCover {
		width: 96px;
	}

	.contentHomeStaffImage {
		width: 190px;
	}

	.menuDescription {
		float:left;
		margin: 40px 0px 0px 0px;
		padding: 0px 10px 0px 0px;
		width: 140px;
		height: 100px;
	}
	
	.menuFunction {
		float:left;
		margin: 0px;
		padding: 0px;
		width: 150px;
	}
	
	.newsLeft,
	.newsRight {
		display: block;
		margin: 0px 0px 20px 0px;
		padding: 0px;
		width: 350px;
		background-color: #ffffff;
	}

	.newsLeft {
		float: left;
		clear: left;
	}
	
	.newsRight {
		float: right;
		clear: right;
	}

	.newsImage {
		width: 350px;
	}
	.newsImage img {
		max-width: 350px;
		height: auto;
	}
	
	.contentWide {
		display: block;
		float: left;
		margin: 0px;
		padding: 0px;
		width: 440px;
		border-top: 6px solid #000000;
	}

	.contentWideTitleContainer {
		position: relative;
		width: 440px;
		height: 140px;
	}
	
	.contentWideTitle {
		position: absolute;
		top: 35px;
		left: 0;
		width: 440px;
	}
	
	.contentWideText {
		display: block;
		width: 440px;
		margin: 0px 0px 40px 0px;
		padding: 0px;
	}

	.contentFullwidth {
		display: block;
		margin: 0px;
		padding: 0px;
		width: 640px;
		border-top: 6px solid #000000;
	}

	.contentFullwidth_text {
		width: 640px;
		margin: 0px 0px 40px 0px;
		padding: 0px;
	}

	.contentRight {
		display: block;
		float: right;
		margin: 0px;
		padding: 0px;
		width: 160px;
		border-top: 6px solid #000000;
	}
	
	.contentRightTitleContainer {
		position: relative;
		width: 160px;
		height: 140px;
	}
	
	.contentRightTitle {
		position: absolute;
		top: 35px;
		left: 0;
		width: 160px;
	}

	.contentRightText {
		display: block;
		width: 160px;
		margin: 0px 0px 60px 0px;
		padding: 0px;
	}

	.contentArticleImage {
		width: 440px;
	}
	.contentArticleImage img {
		max-width: 400px;
		width: 440px;
		height: auto;
	}

	.contentArticleImageTall {
		float: left;
		margin: 0px 10px 10px 0px;
		padding: 0px;
		width: 220px;
	}
	.contentArticleImageTall img {
		max-width: 220px;
		width: 220px;
		height: auto;
	}

	.newsLeft,
	.newsRight {
		margin: 0px 0px 20px 0px;
		padding: 0px;
		width: 300px;
		display: block;
	}

	.newsLeft {
		float: left;
		clear: left;
	}
	
	.newsRight {
		float: right;
		clear: right;
	}
	
	.newsImage {
		width: 300px;
	}
	.newsImage img {
		max-width: 300px;
		height: auto;
	}

	.authors {
		clear:both;
		width: 100%;
		margin: 0;
		padding: 0;
	}

	.authorsAuthor {
		clear:both;
		width: 100%;
		margin: 0px 0px 20px 0px;
		padding: 0px;
		background-color: #ffffff;
	}

	.authorsImage {
		float: left;
		width: 140px;
		margin: 0px;
		padding: 0px;
	}

	.authorsDescription {
		float: right;
		width: 280px;
		margin: 0px;
		padding: 0px 10px;
	}

	.bookImage {
		float: left;
		margin: 0px 20px 10px 0px;
		padding 0px;
	}

	.orderStep,
	.orderStepSelected {
		width: 150px;
	}

	.searchBox {
		width: 400px;
	}
	select.categories {
		width: 400px;
	}
	
	.formOptionValue {
		width: 380px;
	}

}

@media (min-width: 1024px) {

	h1.news {
		font-size: 20px;
		line-height: 26px;
	}

	.container {
		display: block;
		margin: 40px auto 0px auto;
		padding: 0px 40px 0px 40px;
		width: 945px;
	}
	
	.menuLeft {
		float: left;
		display: block;
		margin: 0px;
		padding: 0px;
		width: 160px;
	}

	.menuLogo {
		width: 56px;
		height: 155px;
		margin: 0px 0px 40px 0px;
	}

	.content {
		width: 785px;
	}

	.contentHomeBanner {
		height: 104px;
	}
	
	.contentHomeBanner p {
		font-family: Aller, Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-style: normal;
		font-size: 21px;
		line-height: 35px;
		color: #000000;
	}

	.contentHomeBanner p {
		margin: 0px;
		padding: 0px;
		font-family: Aller, Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-style: normal;
		font-size: 21px;
		line-height: 35px;
	}
	
	.contentHomeTopCover {
		margin: 0px 0px 10px 0px;
		padding: 0px;
		width: 245px;
		float: left;
	}
	
	.contentHomeIssueTeaser {
		margin: 0px 0px 20px 20px;
		padding: 0px;
		width: 550px;
		float: left;
	}
	
	.contentHomeTop {
		width: 825px;
	}

	.contentHomeGrey,
	.contentHomeWhite,
	.contentHomeEditorial,
	.contentHomeGallery,
	.contentHomeStaff,
	.contentHomeValues,
	.contentHomeInfo,
	.contentHomeSocial {
		width: 785px;
	}

	.contentArchiveCovers {
		width: 550px;
	}

	.contentArchiveCoversCover {
		width: 126px;
	}

	.contentHomeStaffImage {
		width: 180px;
	}

	.contentFullwidth {
		width: 785px;
	}

	.contentFullwidth_text {
		width: 785px;
	}

	.contentRight {
		width: 195px;
	}
	.contentRightTitleContainer {
		width: 195px;
	}
	.contentRightTitle {
		width: 195px;
	}
	.contentRightText {
		width: 195px;
	}

	.newsLeft, 
	.newsRight,
	.newsImage {
		width: 372px;
	}
	
	.newsImage img {
		max-width: 372px;
	}

	.contentWide {
		width: 550px;
	}
	.contentWideTitleContainer {
		width: 550px;
	}
	.contentWideTitle {
		width: 550px;
	}
	.contentWideText {
		width: 550px;
	}
	.contentFullwidth {
		width: 785px;
	}
	.contentFullwidth_text {
		width: 785px;
	}
	.contentRight {
		width: 195px;
	}
	.contentRightTitleContainer {
		width: 195px;
	}
	.contentRightTitle {
		width: 195px;
	}
	.contentRightText {
		width: 195px;
	}
	.contentArticleImage {
		width: 550px;
	}
	.contentArticleImage img {
		max-width: 550px;
		width: 550px;
		height: auto;
	}

	.contentArticleImageTall {
		width: 220px;
	}
	.contentArticleImageTall img {
		max-width: 220px;
		width: 220px;
	}

	.authorsImage {
		float: left;
		width: 200px;
		margin: 0px;
		padding: 0px;
	}

	.authorsDescription {
		float: right;
		width: 330px;
		margin: 0px;
		padding: 0px 10px;
	}

	.orderStep,
	.orderStepSelected {
		width: 185px;
	}

	.searchBox {
		width: 510px;
	}
	select.categories {
		width: 510px;
	}

	.formOptionValue {
		width: 490px;
	}
}

@media (min-width: 1280px) {
	.container {
		display: block;
		margin: 40px auto 0px auto;
		padding: 0px 40px 0px 40px;
		width: 1200px;
	}
	
	.menuLeft {
		width: 160px;
	}

	.menuLogo {
		width: 56px;
		height: 155px;
		margin: 0px 0px 40px 0px;
	}

	.content {
		width: 1040px;
	}

	.contentHomeBanner {
		height: 104px;
	}

	.contentHomeBanner p {
		font-family: Aller, Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-style: normal;
		font-size: 21px;
		line-height: 35px;
		color: #000000;
	}

	.contentHomeTopCover {
		margin: 0px 0px 10px 0px;
		padding: 0px;
		width: 300px;
		float: left;
	}
	
	.contentHomeIssueTeaser {
		margin: 0px 0px 20px 20px;
		padding: 0px;
		width: 740px;
		float: left;
	}
	
	.contentHomeTop {
		width: 1080px;
	}

	.contentHomeGrey,
	.contentHomeWhite,
	.contentHomeEditorial,
	.contentHomeGallery,
	.contentHomeStaff,
	.contentHomeValues,
	.contentHomeInfo,
	.contentHomeSocial {
		width: 1040px;
	}

	.contentHomeEditorialContent,
	.contentHomeValuesContent {
		column-count: 3;
	}

	.contentArchiveCovers {
		width: 805px;
	}

	.contentArchiveCoversCover {
		width: 180px;
	}

	.contentHomeStaffImage {
		width: 196px;
	}
	
	.newsLeft, 
	.newsRight,
	.newsImage {
		width: 500px;
	}

	.newsImage img {
		max-width: 500px;
	}

	.contentWide {
		width: 805px;
	}
	.contentWideTitleContainer {
		width: 805px;
	}
	.contentWideTitle {
		width: 805px;
	}
	.contentWideText {
		width: 805px;
	}
	.contentFullwidth {
		width: 1040px;
	}
	.contentFullwidth_text {
		width: 1040px;
	}
	.contentRight {
		width: 195px;
	}
	.contentRightTitleContainer {
		width: 195px;
	}
	.contentRightTitle {
		width: 195px;
	}
	.contentRightText {
		width: 195px;
	}
	
	.contentArticleImage {
		width: 805px;
	}
	.contentArticleImage img {
		max-width: 805px;
		width: 805px;
		height: auto;
	}
	
	.contentArticleImageTall {
		width: 300px;
	}
	.contentArticleImageTall img {
		max-width: 300px;
		width: 300px;
	}

	.authorsImage {
		float: left;
		width: 200px;
		margin: 0px;
		padding: 0px;
	}

	.authorsDescription {
		float: right;
		width: 580px;
		margin: 0px;
		padding: 0px 10px;
	}

	.searchBox {
		width: 765px;
	}
	select.categories {
		width: 765px;
	}

	.formOptionValue {
		width: 745px;
	}
}

@media (min-width: 1680px) {
	.container {
		display: block;
		margin: 40px auto 0px auto;
		padding: 0px 80px 0px 80px;
		width: 1520px;
	}

	.menuLeft {
		width: 200px;
		
	}

	.menuLogo {
		width: 66px;
		height: 183px;
		margin: 0px 0px 80px 0px;
	}
	
	.contentHomeTopCover {
		margin: 0px 0px 10px 0px;
		padding: 0px;
		width: 300px;
		float: left;
	}
	
	.contentHomeIssueTeaser {
		margin: 0px 0px 20px 20px;
		padding: 0px;
		width: 920px;
		float: left;
	}

	.contentHomeTop {
		width: 1260px;
	}

	.contentHomeGrey,
	.contentHomeWhite,
	.contentHomeEditorial,
	.contentHomeGallery,
	.contentHomeStaff,
	.contentHomeValues,
	.contentHomeInfo,
	.contentHomeSocial {
		width: 1220px;
	}

	.contentArchiveCovers {
		width: 960px;
	}
	
	.contentArchiveCoversCover {
		width: 210px;
	}

	.content {
		width: 1320px;
	}

	.contentHomeBanner {
		height: 124px;
	}

	.contentHomeBanner p {
		font-family: Aller, Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-style: normal;
		font-size: 24px;
		line-height: 40px;
		color: #000000;
	}
	
	.newsLeft, 
	.newsRight,
	.newsImage {
		width: 620px;
	}

	.newsImage img {
		max-width: 620px;
	}

	.contentWide {
		width: 960px;
		border-top: 10px solid #000000;
	}
	.contentWideTitleContainer {
		height: 164px;
		width: 960px;
	}
	.contentWideTitle {
		width: 960px;
	}
	.contentWideText {
		width: 960px;
	}
	.contentFullwidth {
		width: 1320px;
	}
	.contentFullwidth_text {
		width: 1320px;
	}
	.contentRight {
		width: 280px;
		border-top: 10px solid #000000;
	}
	.contentRightTitleContainer {
		height: 164px;
		width: 280px;
	}
	.contentRightTitle {
		width: 280px;
	}
	.contentRightText {
		width: 280px;
	}
	.contentArticleImage {
		width: 960px;
	}
	.contentArticleImage img {
		max-width: 960px;
		width: 960px;
		height: auto;
	}

	.contentArticleImageTall {
		width: 400px;
	}
	.contentArticleImageTall img {
		max-width: 400px;
		width: 400px;
	}

	.authorsImage {
		float: left;
		width: 200px;
		margin: 0px;
		padding: 0px;
	}

	.authorsDescription {
		float: right;
		width: 740px;
		margin: 0px;
		padding: 0px 10px;
	}

	.orderStep,
	.orderStepSelected {
		width: 270px;
	}
	
	.searchBox {
		width: 920px;
	}
	select.categories {
		width: 920px;
	}
	
	.formOptionValue {
		width: 900px;
	}
}

/* jQuery UI styles */

.ui-dialog .ui-dialog-buttonpane button {
	width: auto;
}

/* weekly styles default */

h1, h2, h3 {
	color: #000000;
}

a:focus, 
a:hover {
	color: #000000;
}

.svg_land_logo {
	fill: #000000;
}

.contentHomeBanner,
.contentWide,
.contentFullwidth,
.contentRight {
	border-top-color: #000000;
}

.contentHomeBanner p {
	color: #000000;
}

.menuLanguage a:hover,
.menuLanguage a:focus {
	color: #000000;
}

@media (min-width: 500px) {
	ul.menuContent li a:focus,
	ul.menuContent li a:hover,
	ul.menuContent li.selected a,
	ul.menuFunction li a:focus,
	ul.menuFunction li a:hover,
	ul.menuFunction li.selected a {
		color: #000000;
	}
}

