@import url("http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700");

a {
	color: #5c5c5c;
	text-decoration: none;
	font-weight:700;
	-webkit-transition: color 0.2s cubic-bezier(0,0,1,1) 0s;
	-moz-transition: color 0.2s cubic-bezier(0,0,1,1) 0s;
	-ms-transition: color 0.2s cubic-bezier(0,0,1,1) 0s;
	-o-transition: color 0.2s cubic-bezier(0,0,1,1) 0s;
	transition: color 0.2s cubic-bezier(0,0,1,1) 0s;
}

a:hover {
	color: #000;
	text-decoration: none;
}

a:focus { outline: none; }
figure {margin: 0;}

/* OVERSKRIFTER */
h1,h2,h3,h4,h5,h6 {
	font-family: 'Open Sans', Arial, “Helvetica Neue”, Helvetica, sans-serif;
	font-weight: 300;
}

/* HEADER */

.mainheader .logo {
	font-family: 'Open Sans', Arial, “Helvetica Neue”, Helvetica, sans-serif;
	font-weight: 400;	
	font-size: 30px;
	padding: 30px 0 10px 0;
	line-height: 1em;
}

.mainheader .logo a {
	color: #ff530d;
}
	
	
.mainheader .topmenu 
{
    margin: 0 0 10px 0;
}

.mainheader a
{
    font-family: 'Open Sans', Arial, “Helvetica Neue”, Helvetica, sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 1.1em;
}

.respList {	display: none; }

.fof { text-align: center !important; }

/* HOVEDMENY */

nav#primary-nav {
	float: left;
	margin-top: 0;
	}

/* ModulesMenu for desktop */
nav.modulesMenu .modulesHeader { font-family: 'Open Sans', Sans-Serif; border-bottom: 1px solid; color: #777777; font-size: 19px; font-weight: 400; padding: 10px; }
nav.modulesMenu ul li ul { display: none;}
nav.modulesMenu ul li.active ul { display: block;}

nav.modulesMenu { background-color: white; border: 1px solid darkgrey; right: 20px; position: fixed;  top: 20px; max-width: 230px; z-index: 100000; -moz-box-shadow: 1px 1px 17px rgba(0, 0, 0, .5); -webkit-box-shadow: 1px 1px 17px rgba(0, 0, 0, .5); box-shadow: 1px 1px 17px rgba(0, 0, 0, .5);}
nav.modulesMenu ul { padding:0; margin:0;}

nav.modulesMenu { margin-bottom: 10px; }
nav.modulesMenu ul { border-bottom: 1px solid #D6D6D6; overflow: hidden;  }
nav.modulesMenu li:first-child { border: 0 none; }
nav.modulesMenu li { border-top: 1px solid #D6D6D6; overflow: hidden; }
nav.modulesMenu li li { border: 0 none; color: #464646; list-style-type: none; overflow: visible; margin:0; /*width: 192px;*/ }
nav.modulesMenu li.active { background-color: #464646; border: 0 none; }
nav.modulesMenu a { display: block; font-weight: bold; padding: 8px 10px; }
nav.modulesMenu a:hover { color: #FF0000; }
nav.modulesMenu a, nav.modulesMenu a:visited { color: #000000; display: block; font-weight: bold; padding: 8px 10px; }
nav.modulesMenu .active a { color: #FFFFFF; }
nav.modulesMenu li li a, nav.modulesMenu li.active li a { color: #000000; font-weight: normal; padding: 5px 20px; }
nav.modulesMenu ul ul { background-color: #FFFFFF; border-bottom: 0 none; border-top: 1px solid #D6D6D6;}
nav.modulesMenu li li.active { background-color: transparent; font-weight: bold; }
nav.modulesMenu li li.active a { font-weight: bold; }
nav.modulesMenu li li li { width: 164px;padding: 0 20px;  }
nav.modulesMenu li li.active li a { font-weight: normal; }
nav.modulesMenu li li li.active a { font-weight: bold; }

nav.modulesMenu ul li ul li ul li { display: none;}
/*nav.modulesMenu ul li ul li:hover ul li.submenu { display: block;}*/
nav.modulesMenu ul li ul li.active ul li { display: block;}

/* ModulesMenu for pad and iphone */
.mobilemodulesmenu nav a { color: black; }
.mobilemodulesmenu nav ul li { border-top: 1px solid #D6D6D6; }
.mobilemodulesmenu nav li:first-child { border: 0 none; }
.mobilemodulesmenu nav li li { border: 0 none; color: #464646; list-style-type: square; overflow: visible; width: 100%;padding-left: 25px;}
.mobilemodulesmenu nav li.active { background-color: #464646; border: 0 none; }

.mobilemodulesmenu nav li.active a { color: white;} 
.mobilemodulesmenu nav a { display: block; font-weight: bold; padding: 3px 5px; }
.mobilemodulesmenu nav a:hover { color: black; }
.mobilemodulesmenu nav li li.active { background-color: white; font-weight: bold;color: black; text-decoration: underline;}
.mobilemodulesmenu nav li li.active a { color: black;}
.mobilemodulesmenu nav li.active li { background-color: white;}
.mobilemodulesmenu nav li.active li a { color: black;}


.respList {	display: none; }


/* BOOTSTRAP RESPONSIVE CUSTOM */
/* =========================== */

@media (min-width: 1200px) 
{
    /*.container { width:940px; }*/
}

@media (min-width: 768px) and (max-width: 979px) {
    .nav-collapse,
    .nav-collapse.collapse {
        overflow: visible;
    }

    .nav-collapse {
	    overflow: visible;	
    }

    .nav-collapse .primary-menu { 
	    float: right;
	    margin: 19px 0 0 0;
    }

    nav#primary-nav ul li a {
	    padding: 10px 10px;	
    }
}

@media (max-width: 767px) 
{
    header .btn { margin-top: -48px; float: right !important; }
    
    nav#primary-nav { 
	    float: left;
	    width: 100%;
    }

    nav#primary-nav ul { 
	    margin: 0px;
    }

    nav#primary-nav ul li {
	    float: none;
	    margin: 0px;
    }

    nav#primary-nav ul li a {
	    display: block;
	    padding: 5px;
	    border-bottom: 1px solid rgba(0,0,0,0.07);	
	    font-size: 13px;
    }

    nav#primary-nav ul li a:hover, nav#primary-nav ul ul li a:hover, nav#primary-nav ul ul ul li a:hover {
	    background: #fff;
	    color: #ff530d;
    }

    nav#primary-nav ul ul {
	    visibility: visible !important;
	    display: block !important;
	    position: relative;
	    top: 0px;
	    width: 100%;		
    }

    nav#primary-nav ul ul ul {
	    position: relative;
	    left: 0px;
	    width: 100%;
    }

    nav#primary-nav ul ul li a {
	    background: #fff;
	    padding: 5px;
	    font-size: 13px;
	    color: #5c5c5c;
	    border-bottom: 1px solid rgba(0,0,0,0.07);	
    }

    nav#primary-nav ul li:hover > a { color: #5c5c5c}

    nav#primary-nav ul li:hover > a:hover { color: #ff530d; }

    nav#primary-nav ul li i { display: none }

/*
    [class*="span"], .row-fluid [class*="span"] {
	    margin-bottom: 10px;	
    }*/
}



/**********************************************************************************
*  GeneralPageElements
************************************************************************************/

/* HEADER 
-------------------------------------------------------------- */
header.mainheader{padding:0 0 18px; /*background:#f4f4f4;*/border-bottom:1px solid #eee;}
header.mainheader .logo{font-family:'Open Sans',Arial,“Helvetica Neue”,Helvetica,sans-serif;padding:30px 0 10px;font-size:200%;font-weight:500;line-height:125%}
header.mainheader .topmenu{margin:0 0 10px}

.respList{display:none}

/* MAIN MENU 
-------------------------------------------------------------- */
.mainmenu-box {/*background: #f7f7f7;*/ border-bottom: 1px solid #eee; /*margin-bottom: 26px;*/ }
nav#primary-nav{float:left;margin-top:0}
nav#primary-nav ul{list-style:none outside none;padding-left: 0}
nav#primary-nav ul li{float:left;position:relative;z-index:1000;}
nav#primary-nav ul li.active{background:#f2f2f2;}
nav#primary-nav ul li a{display:block;font-size:14px;font-weight:300;padding:10px 15px;position:relative;text-decoration:none;transition:color .2s cubic-bezier(0,0,1,1) 0}
nav#primary-nav ul li a:hover{color:#000}
nav#primary-nav ul li:hover > a{color:#000}
nav#primary-nav ul ul li:hover > a{color:#000}
nav#primary-nav ul ul{background:none repeat scroll 0 0 #eee;display:none;left:0;margin:0;position:absolute;top:40px;width:170px;z-index:10}
nav#primary-nav ul ul li{float:none;margin:0;width:100%; border-bottom:1px solid #ddd}
nav#primary-nav ul li i{font-size:11px}
nav#primary-nav ul ul li i{position:absolute;right:5px}
nav#primary-nav ul ul li a{border-bottom:1px solid rgba(255,255,255,0.07);color:#777;font-size:13px;padding:8px 10px;transition:color .2s cubic-bezier(0,0,1,1) 0 background .2s cubic-bezier(0,0,1,1) 0}
nav#primary-nav ul ul li a:hover{background:none repeat scroll 0 0 #f5f5f5;color:#000;}
nav#primary-nav ul ul ul{background:none repeat scroll 0 0 #eee;left:170px;margin:0;position:absolute;top:0;width:170px;z-index:11}

.xs-menu a { border-bottom: solid 1px #eee;  }
.xs-menu ul li a { border-bottom: 0;  }
.xs-menu ul li { display:none;  }
.xs-menu li.active li { display:block; padding-left: 15px;  }

/* SUB MENU 
-------------------------------------------------------------- */
.sub-menu .nav-list { margin: 0 -10px 0 -10px;}
.sub-menu ul li { list-style: none; }
.sub-menu ul { margin-left: 10px; }
.sub-menu ul ul { margin-bottom: 10px; }
.sub-menu ul li a.active { background: #aaa; color: #fff; border-radius: 4px; margin-bottom: 7px;  }
.sub-menu ul li a { /*border:solid 1px #ddd;*/ border-radius: 4px; margin-bottom: 2px;  }
/*.sub-menu ul li.active ul { border: 1px solid #777; border-radius: 4px; margin:-5px -15px 0 -15px; padding: 10px 0 10px 40px; }*/
.sub-menu ul li li { color: #777; background: none; margin-left:7px; padding: 2px; }
.sub-menu ul li li a.active { color: #777; background: none; border:0;  }
.sub-menu .nav-list > .active > a, .sub-menu .nav-list > .active > a:hover {
    background-color: #aaa;
}

/* FOOTER 
-------------------------------------------------------------- */
footer{background:#dedede;color:#7A7A7A;padding:25px 0}
footer a{color:#7A7A7A}
footer a:hover{color:#eee}
.createrinfo {text-align:right;}



/* KUN FOR GØY! */
.listelement-catalog .listimage:hover {
/*transform: scale(1.1);*/
transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
box-shadow:0 0 10px rgba(0,80,100,0.5);
}

.listelement-catalog .listimage
{
-webkit-transition: all 1.0s linear;
transition: all 1.0s linear;
}

.browser-pageinfo
{
    margin: 7px;
}