@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: #333;
}
	
	
.mainheader .topmenu 
{
    margin: 0 0 10px 0;
}

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

.respList {	display: none; }

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

/* HOVEDMENY */

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

.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 {}
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{border-bottom: 2px solid #8F0083;}
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{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}
nav#primary-nav ul ul li a:hover{color:#000;}
nav#primary-nav ul ul ul{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 { 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:#333;color:#ccc;padding:25px 0; bottom: 0px; width:100%;}
footer a{color:#ccc}
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;
}