@charset "utf-8";

body {
	margin:0;
	background-image:url(../gfx/bg-wall.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
        color:#555555;
        font-weight:100;
}

html, body {
	height:100%;
}

a {
        color:#80868e;
}

a:hover {
        text-decoration:none;
}

a.btn {
padding:10px 15px 10px 15px;
background-color:#80868e;
color:#ffffff;
text-decoration:none;
border-radius:5px;
font-weight:bold;
border-color: #cccccc;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25)
}

a.btn:hover {
padding:10px 15px 10px 15px;
background-color:#80868e;
color:#ffffff;
text-decoration:none;
border-radius:5px;
font-weight:bold;
border-color: #cccccc;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
box-shadow: 3px 3px 1px #cccccc;
}

#container {
	height:auto !important;
	min-height:100%;
	width:1040px;
	margin: 0 auto -200px;
}

.clear {
	clear:both;
}

.push {
	height:200px;
}


/* ********** TOP START ********** */

#top {
	width:1000px;
	height:74px;
	padding:20px;
	background-color:#FFFFFF;
        position:relative;
}

.logo {
	float:left;
	width:140px;
	height:74px;
}

.quickLinks {
	margin:0 120px 0 0;
	position:absolute;
	right:20px;
}

.flags {
	margin:0;
	position:absolute;
	right:20px;
}

.topmenu {
	margin:40px 0 0 0;
	position:absolute;
	right:20px;
}

.topmenu ul, .quickLinks ul, .flags ul {
	margin:0;
	padding:0;
}

.topmenu ul li, .quickLinks ul li, .flags ul li {
	float:left;
	list-style:none;
}

.topmenu ul li a {
	color:#FFFFFF;
	background-color:#2c0700;
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	font-weight:100;
	text-transform:uppercase;
	text-decoration:none;
	padding:6px 15px 0 15px;
	border-left:1px solid #FFFFFF;
	display:block;
	height:28px;
}

.topmenu ul li a:hover {
	background-color:#80868e;
}

.topmenu ul li a.active, .topmenu ul li a.inpath, .topmenu ul li a.inpath {
	background-color:#80868e;
}

.quickLinks ul li a {
	color:#666666;
	font-family: 'Open Sans', sans-serif;
	font-size:12px;
	font-weight:200;
	text-transform:uppercase;
	text-decoration:none;
	padding:0 12px 0 12px;
	border-right:1px solid #b7b7b7;
	display:block;
	height:10x;
}

.quickLinks ul li a:hover {
	color:#5c5c5c;
        text-decoration:underline;
}

.flags ul li img {
	margin-left:8px;
        margin-bottom:6px;
}

.helpText {position:absolute; left:184px; top:23px;}
.helpTextNO {position:absolute; left:286px; top:23px;}
.helpTextSE {position:absolute; left:192px; top:23px;}

/* ********** TOP SLUT ********** */





/* ********** MAIN START ********** */

#main {
	width:1000px;
	min-height:500px;
	padding:20px;
	background-color:#FFFFFF;
	margin:30px 0 0 0;
}

@media only screen and (device-width: 768px) {
  /* For general iPad layouts */
#main {margin:0;}
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
  /* For portrait layouts only */
#main {margin:0;}
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
  /* For landscape layouts only */
#main {margin:0;}
}

.boxes {
}

#main .content {
	width:80%;
	margin:0 auto;
}

#main .content h1 {
	text-align:center;
	color:#555555;
	font-family: 'Open Sans', sans-serif;
	font-size:35px;
	font-weight:700;
	/*text-transform:uppercase;*/
	margin:20px 0 10px 0;
}

#main .content h2 {
	text-align:center;
	color:#555555;
	font-family: 'Open Sans', sans-serif;
	font-size:20px;
	font-weight:100;
	line-height:30px;
	margin:0;
}

#main .content p {
	text-align:center;
	color:#555555;
	/*font-family: 'Open Sans', sans-serif;*/
	font-size:14px;
	font-weight:100;
	line-height:20px;
}

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


/* ********** MAIN SLUT ********** */




/* ********** SUB START ********** */

#sub {
	width:1000px;
	min-height:500px;
	padding:20px;
	background-color:#FFFFFF;
	margin:30px 0 0 0;
}

@media only screen and (device-width: 768px) {
  /* For general iPad layouts */
#sub {margin:0;}
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
  /* For portrait layouts only */
#sub {margin:0;}
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
  /* For landscape layouts only */
#sub {margin:0;}
}

#sub .content h1 {
	text-align:left;
	color:#555555;
	font-family: 'Open Sans', sans-serif;
	font-size:35px;
	font-weight:700;
	/*text-transform:uppercase;*/
	margin:0 0 10px 0;
	padding:0;
}

#sub .content h2 {
	text-align:left;
	color:#555555;
	font-family: 'Open Sans', sans-serif;
	font-size:24px;
	font-weight:200;
	line-height:30px;
	margin:10px 0 10px 0;
}

#sub .content p {
	text-align:left;
	color:#555555;
	/*font-family: 'Open Sans', sans-serif;*/
	font-size:14px;
	font-weight:100;
	line-height:20px;
}

#sub .content {
	width:740px;
	float:left;
	border-top:1px solid #CCCCCC;
	padding-top:23px;
        min-height:550px;
}

#sub .leftmenu {
	width:240px;
	margin-right:20px;
	float:left;
}

#sub .leftmenu ul, #sub .leftmenu ul li {
	list-style:none;
	margin:0;
	padding:0;
}

#sub .leftmenu ul li a {
	color:#000000;
	background-color:#fff;
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	font-weight:200;
	text-transform:uppercase;
	text-decoration:none;
	padding:8px 15px 8px 15px;
	display:block;
	border-top:1px solid #CCCCCC;
}

#sub .leftmenu ul li a:hover {
	background-color:#80868e;
	color:#FFFFFF;
}

#sub .leftmenu ul li a.active, #sub .leftmenu ul li a.inpath {
	background-color:#80868e;
	color:#FFFFFF;
}

#sub .leftmenu ul.M2 {
        margin-left:5px;
}

#sub .leftmenu ul.M2 li a {
        padding-left:15px;
        font-size:12px;
}

#sub .leftmenu ul.M2 li a.active {
        padding-left:15px;
        font-size:12px;
        background-color:#ffffff !important;
        color:#80868e;
        font-weight:bold;
}

#sub .leftmenu ul.M3 li a {
        padding-left:25px;
}

#sub .leftmenu ul.M3 li a.active {
        padding-left:25px;
}

.topbar {
	display:block;
	background-color:#80868e;
	color:#FFFFFF;
	height:42px;
	padding:8px 15px 0 15px;
	margin-bottom:20px;
}

.topbar h2 {
	text-align:left;
	color:#FFFFFF;
	font-family: 'Open Sans', sans-serif;
	font-size:24px;
	font-weight:200;
	line-height:33px;
	margin:0;
	text-transform:uppercase;
}

.leftmenu {
        background-color:#80868e;
}

.Forhandlere {
	background-color:#80868e;
}

.Presse {
	background-color:#80868e;
}


.squares {
	float:right;
	width:90px;
	margin:5px 0;
}

.square1 {
	float:left;
	display:block;
	width:25px;
	height:25px;
	margin-left:5px;
	background-color:#FFFFFF;
	opacity:0.4;
	filter:alpha(opacity=40); /* For IE8 and earlier */
}

.square2 {
	float:left;
	display:block;
	width:25px;
	height:25px;
	margin-left:5px;
	background-color:#FFFFFF;
	opacity:0.6;
	filter:alpha(opacity=60); /* For IE8 and earlier */
}

.square3 {
	float:left;
	display:block;
	width:25px;
	height:25px;
	margin-left:5px;
	background-color:#FFFFFF;
	opacity:0.8;
	filter:alpha(opacity=80); /* For IE8 and earlier */
}
	

/* ********** SUB SLUT ********** */



/* ********** NEWS MODULE START ********** */

.newsList img {
        float:left;
        margin-right:20px;
}

.newsList .Annonce {
        display:block;
        width:100%;
        float:left;
        margin-bottom:15px;
        margin-top:15px;
}

.newsList .AnnonceText {
        float:left;
}

.newsList h3 {
        margin-top:0;
        font-size:14px;
}

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

.newsBox {
	float:left;
        margin:0 5px 0 0;
        padding:15px;
        width:300px;
}

.newsBox3 {
	float:left;
        margin:0;
        padding:15px;
        width:300px;
}

.newsBox .newsFront a, .newsBox3 .newsFront a {
        text-decoration:none;
}

.newsBox .newsFront a:hover, .newsBox3 .newsFront a:hover {
        text-decoration:underline;
}

.newsBox h3 a, .newsBox3 h3 a {
        text-decoration:none;
        color:#555555;
}

/* ********** NEWS MODULE SLUT ********** */




/* ********** USER MODULE START ********** */

.user {
        display:block;
        float:left;
        width:320px;
        margin: 0 20px 20px 0;
        padding:15px;
        /*border:1px solid #cccccc;
        background-color:#eaebee; /*** Farven er 50% af den lyse farve af de 3 i topbaren ***/    */
        background: -webkit-linear-gradient(#f4f5f6, #eaebee); /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(#f4f5f6, #eaebee); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(#f4f5f6, #eaebee); /* For Firefox 3.6 to 15 */
        background: linear-gradient(#f4f5f6, #eaebee); /* Standard syntax */
        box-shadow:3px 3px 3px 0px rgba(0, 0, 0, 0.2);
}

.user table {
        width:200px;
        float:left;
}

.user img {
        width:100px;
        height:141px;
        float:left;
        margin-right:15px;
}

.user h3 {
        margin-top:0px;
}


/* ********** USER MODULE SLUT ********** */




/* ********** BRANDSHOP -SITE MODULE START ********** */

.brandshop-site {
        display:block;
        float:left;
        width:318px;
        height:180px;
        margin: 0 20px 20px 0;
        padding:15px;
        border:1px solid #cccccc;
        box-shadow:3px 3px 3px 0px rgba(0, 0, 0, 0.2);
}


.brandshop-site table {
        width:200px;
        float:left;
}


.brandshop-site p {
        text-align:center !important;     
}


/* ********** BRANDSHOP -SITE MODULE SLUT ********** */





/* ********** BRANDS START ********** */

.brandLogoBox_1-2 {
        text-align: center;
        border:1px solid #ccc;
        margin: 0px 26px 26px 0px;
        width: 197px;
        display: block;
        background: #fff;
        float: left;
        height: 70px;
        vertical-align: middle;
        padding:10px 15px 10px 15px;
}

.brandLogoBox_3 {
        text-align: center;
        border:1px solid #ccc;
        margin: 0px 0 26px 0px;
        width: 197px;
        display: block;
        background: #fff;
        float: left;
        height: 70px;
        vertical-align: middle;
        padding:10px 15px 10px 15px;
}

.brandLogoBox_1-2 img:hover, .brandLogoBox_3 img:hover {
        opacity: 0.4;
        filter: alpha(opacity=40); /* For IE8 and earlier */
}

.brandLogoFloat {
        float:right;
        margin:0 0 15px 15px;
        text-align:right;

}

.brandLogoFloat img {
        padding:0 !important;
        width:60% !important;
}

/* ********** BRANDS SLUT ********** */




/* ********** FIND FORHNANDLER START ********** */

table#stores {
        margin-top:30px;
        width:100%;
}

table#stores tr {
        border-top:1px solid #cccccc;
}

table#stores tr td {
        padding:5px 0 5px 0;
}

table#stores tr th {
        padding:5px 0 5px 0;
}

/* ********** FIND FORHNANDLERSLUT ********** */



/* ********** FORM START ********** */

input, textarea {
        padding:5px 10px 5px 10px;
}


/* ********** FORM SLUT ********** */


/* ********** FOOTER START ********** */

#footer {
	width:100%;
	height:200px;
	background-color:#000000;
	color:#FFFFFF;
	font-size:13px;
}

#footer p, #footer a, #footer td {
	color:#FFFFFF;
}

#footer .content {
	width:1000px;
	margin:0 auto;
	padding:20px;
        background-color:#000000;
        height:160px;
}

#footer .footerParagraph1 {
	float:left;
	margin-right:25px;
	display:block;
	overflow:hidden;
	width:180px;
	height:160px;
        background-color:#000000;
}

#footer .footerParagraph2 {
	float:left;
	margin-right:25px;
	display:block;
	overflow:hidden;
	width:180px;
	height:160px;
        background-color:#000000;
}

#footer .footerParagraph3 {
	float:left;
	margin-right:25px;
	display:block;
	overflow:hidden;
	width:180px;
	height:160px;
        background-color:#000000;
}

#footer .footerParagraph4 {
	float:left;
	margin-right:25px;
	display:block;
	overflow:hidden;
	width:210px;
	height:160px;
        background-color:#000000;
}

#footer .footerParagraph5 {
	float:right;
	display:block;
	overflow:hidden;
	width:150px;
	height:160px;
	text-align:right;
        background-color:#000000;
}



/* ********** FOOTER SLUT ********** */




/* ********** LOGO CAROUSEL START ********** */

.logoCarousel img.anna {
	margin:18px 0 0 0;
}

.logoCarousel img.amefa{
	margin:18px 0 0 0;
}

.logoCarousel img.blomsterbergs {
	margin:4px 0 0 0;
}

.logoCarousel img.colemason {
	margin:26px 0 0 0;
}

.logoCarousel img.funktion {
	margin:18px 0 0 0;
}

.logoCarousel img.helios {
	margin:14px 0 0 0;
}

.logoCarousel img.jacobjensen {
	margin:24px 0 0 0;
}

.logoCarousel img.jamieoliver {
	margin:10px 0 0 0;
}

.logoCarousel img.kaiser {
	margin:12px 0 0 0;
}

.logoCarousel img.kaehler {
	margin:12px 0 0 0;
}

.logoCarousel img.leifheit {
	margin:18px 0 0 0;
}

.logoCarousel img.lyngbyglas {
	margin:12px 0 0 0;
}


.logoCarousel img.madsstage {
	margin:18px 0 0 0;
}

.logoCarousel img.mariesohl {
	margin:18px 0 0 0;
}

.logoCarousel img.nordicsense {
	margin:20px 0 0 0;
}

.logoCarousel img.nuance {
	margin:20px 0 0 0;
}

.logoCarousel img.piethein {
	margin:18px 0 0 0;
}

.logoCarousel img.pyrex {
	margin:14px 0 0 0;
}

.logoCarousel img.richardsonsheffield{
	margin:10px 0 0 0;
}

.logoCarousel img.rostimepal {
	margin:14px 0 0 0;
}

.logoCarousel img.rotpunkt {
	margin:20px 0 0 0;
}

.logoCarousel img.romertopf{
	margin:16px 0 0 0;
}

.logoCarousel img.sabatier{
	margin:16px 0 0 0;
}

.logoCarousel img.scandinavia {
	margin:20px 0 0 0;
}

.logoCarousel img.schottzwiesel{
	margin:12px 0 0 0;
}

.logoCarousel img.severin {
	margin:18px 0 0 0;
}

.logoCarousel img.soehnle {
	margin:19px 0 0 0;
}

.logoCarousel img.stadlerform {
	margin:16px 0 0 0;
}

.logoCarousel img.soedahl {
	margin:16px 0 0 0;
}

.logoCarousel img.thermos {
	margin:12px 0 0 0;
}

.logoCarousel img.tiger {
	margin:18px 0 0 0;
}

.logoCarousel img.trend {
	margin:12px 0 0 0;
}

.logoCarousel img.woll {
	margin:10px 0 0 0;
}

.logoCarousel img.zyliss {
	margin:12px 0 0 0;
}


.logoCarousel img {
	opacity:0.4;
	filter:alpha(opacity=40); /* For IE8 and earlier */
}

.logoCarousel img:hover {
	opacity:1;
	filter:alpha(opacity=1); /* For IE8 and earlier */
}

#slider {
	list-style:none;
	padding:0px
}

.slider-container { 
	background:#FFF; 
	/*width:845px; 
	height:150px; 
	padding:20px;*/
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px; 
}

#slider img { 
	/*width:200px; 
	height:125px;
	margin:20px 0 0 0;*/
	display:inline-block;
}

#slider li {
	width:200px;
	display:block;
	border-left:1px solid #CCCCCC;
	border-right:0px;
	width:200px;
	/*height:65px;*/
	text-align:center;
}

.bx-wrapper, .bx-window {
	width:1000px !important;
}


/* ********** LOGO CAROUSEL SLUT ********** */




/* ********** TIMELINE CAROUSEL START ********** */

a.timeline p {padding:0 15px 0 15px;}
#slider li {height:95px;}
a.timeline, a.timeline:hover {text-decoration:none;}


/* ********** TIMELINE CAROUSEL SLUT ********** */



/* ********** FIND FORHANDLER START ********** */


.hidden {
        display:none;
}


/* ********** FIND FORHANDLER SLUT ********** */