:root {
	/* background color outside of all content */
	--html-background-color: #638cb8;
	/* header background color */
	--header-background-color: #1d4f94;
	/* color for buttons, links, titles etc */
	--primary-element-color: #1d4f94;
	/* background color for header buttons, color for header font sizes, etc */
	/* --header-element-color: #638cb8; */
	--header-element-color: #1d4f94;

	--main-background-color: #f7f7f7;

	--decoration-color: #1d4f94;
    --breadcrumb-color: #1d4f94;
    --breadcrumb-arrow-color: #1d4f94;
}

div.logo {
    background-image: url(../images/logo_nnvo.png);
    background-size: 290px auto;
    background-repeat: no-repeat;
    background-position: 0px 0px;
    margin-left: 0px;
    height: 98px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
}

p.footer {
	padding: 15px 0px 15px 0;
    background-color: var(--header-background-color);
}

p.footer a{
	color: #FFF;
}

div.main-decorations {
    background-color: var(--header-background-color);
}


div.header {
	background-image: url(../images/bg_topImg.jpg);
}
/*
div.main {
	background: #638cb8 url(../images/bg2.jpg) repeat-x 0px 5px;
} */

body {
	background-color: var(--html-background-color);
}

ul.ordergroups li:hover {
	color: #FFF;
	background-color: var(--header-element-color);

}

ul.ordergroups li:hover a {
	color: #FFF;
	background-color: var(--header-element-color);

}

/* html, body {
	background: #638cb8 url(../images/bg2.jpg) repeat-x 0px 5px;

} */
/*
div.header-color {
	background-color: var(--header-background-color);
} */

ul.account-options {
	opacity: 1;
}

@media (min-width: 1201px) {
	div.welcome > h2:first-child,
	div.information > h2:first-child {
		margin-top: 10px;
	}
}

@media (max-width: 1200px) {
	div.logo {
		margin-left: 50px;
		background-size: 100% auto;
	}
	div.information {
		text-align: left;
	}
}