@charset "UTF-8";
/* CSS Document */
body {
	font-family: 'foro-lightregular';
	color:#646464;	
	font-size:15px;
	line-height:22px;
	margin-top:42px;
}
h1 {
	font-family: 'foro-boldregular';
	font-size:60px;
	line-height:70px;
	font-weight: normal;
    font-style: normal;
	letter-spacing: 0.02em;
}
h2 {
	font-family: 'foro-boldregular';
	font-size:40px;
	line-height:50px;
	font-weight: normal;
    font-style: normal;
	letter-spacing: 0.02em;
}
h3 {
	font-family: 'foro-lightregular';	
	font-size:23px;
	line-height:33px;
	font-weight: normal;
    font-style: normal;	
	letter-spacing: 0.05em;
}
h4 {
	font-family: 'foro-boldregular';
	font-size:20px;
	line-height:30px;
	font-weight: normal;
    font-style: normal;
	letter-spacing: 0.05em;
}
h5 {
	font-size:13px;
	line-height:13px;
	font-weight: normal;
    font-style: normal;
	color:#FFFFFF;
	text-transform:uppercase;
	background-color:rgba(0, 0, 0, 0.60);
	padding-top:5px;
	padding-left:8px;
	padding-right:8px;
	padding-bottom:4px;
	margin-top:15px;
	margin-bottom:0;
	-webkit-border-radius: 4px;
    border-radius: 4px;
	display:inline-block;
	letter-spacing: 0.08em;
}
strong {
	font-family: 'foro-boldregular';
	font-weight: normal;
    font-style: normal;
}
.liste li {
	padding-bottom:8px;
}	
span.large {
	font-size:25px;
	line-height:33px;	
}
.navbar-inverse .navbar-inner {
	background-image: url(../img/nav-bg.jpg);
	background-repeat: repeat-x;		
}
.navbar .brand {
	margin-left:0;	
}
.navbar .nav > li {
	padding-top:1px;
	padding-bottom:2px;
	list-style:none;
}
.navbar .nav > li:hover, .brand:hover, .brand.active, .navbar .nav > li.active {
	background-color:#222222;
	-webkit-box-shadow: inset 0px 0px 8px 0px rgba(0, 0, 0, 0.75);
	box-shadow: inset 0px 0px 8px 0px rgba(0, 0, 0, 0.75);
}
.navbar-inverse .nav .active>a, .navbar-inverse .nav .active>a:hover, .navbar-inverse .nav .active>a:focus {
	background-color:transparent;	
}
#social-btn {
	float:right;	
}
.content {
	position:relative;
	-webkit-box-shadow: inset 0px 0px 30px 5px rgba(0, 0, 0, 0.1);
	box-shadow: inset 0px 0px 30px 5px rgba(0, 0, 0, 0.1);
	border-top:10px solid rgba(0, 0, 0, .2);
	background-image: url(../img/content-bg.png);
	background-repeat:repeat;
	background-position:center center;
	background-attachment:fixed;
}
.content .container {
	padding-top:75px;
	padding-bottom:75px;
}
.blank {
	background-color:#FFFFFF;
	background-image:none;
}
.grey {
	color:#dadede;
    background-color: rgb(68, 88, 89);
	background-image: url(../img/test.png), url(../img/content-bg.png);
	text-shadow: 0px 1px 0px #000000;
	filter: dropshadow(color=#000000, offx=0, offy=1);
}
.grey a {
	color:#dadede;
}
.green {
	color:#e5f6f4;
    background-color:#03a696;
	background-image: url(../img/test.png), url(../img/content-bg.png);
	text-shadow: 0px 1px 0px #000000;
	filter: dropshadow(color=#000000, offx=0, offy=1);
}
#komplette h1 {
	margin-top:0;	
}
#komplette .labels {
	margin-top:40px;
}
.green .labels li {
	font-family: 'foro-boldregular';
	font-size:18px;
	color:#03a696;
	list-style:none;
	background-color:#e5f6f4;
	padding:5px;
	margin-right:10px;
	margin-bottom:5px;
	float:left;
	text-shadow:none;
	filter: dropshadow(none);
	-webkit-border-radius: 4px;
    border-radius: 4px;
}
.orange {
	color:#632f1e;
    background-color: rgb(255, 119, 70);
}
.orange a {
	color:#632f1e;
}
.orange h5 {
	color:#ffe3da;
	background-color:#632f1e;
}
.base {
	color:#5f5f59;
    background-color: rgb(241, 242, 228);
}
.white {
	position:absolute;
	height:800px;
	width:100%;
	background-color:#FFFFFF;
	outline:10px solid rgba(255, 255, 255, .4);
	z-index:0;
}
.bg-isfugl {
	color:#e9e9e9;
	background-color:#7d7d7d;
	background-image:url(../img/content-bg.png), url(../img/bg-isfugl.jpg);
	background-position:top right;
	background-attachment:fixed;
	background-repeat:repeat, no-repeat;
}
.bg-isfugl-fjer {
	background-color:#b05b23;
	background-image:url(../img/content-bg.png), url(../img/bg-isfugl-fjer.jpg);
	background-position:center center;
	background-attachment:fixed, scroll;
	background-repeat:repeat, no-repeat;
}
.content.bg-isfugl-fjer .box {
	background: rgba(255,255,255,0.9);
}
.bg-freelance-grafiker {
	color:#18544f;
	background-color:#4bb4ad;
	background-image:url(../img/content-bg.png), url(../img/bg-freelance-grafiker.jpg);
	background-position:top right;
	background-attachment:fixed;
	background-repeat:repeat, no-repeat;
}
.bg-logo-design {
	color:#18544f;
	background-color:#b9ead9;
	background-image:url(../img/content-bg.png), url(../img/bg-logo-design.jpg);
	background-position:top right;
	background-attachment:fixed;
	background-repeat:repeat, no-repeat;
}
.bg-grafisk-design {
	color:#173d4a;
	background-color:#abb3b6;
	background-image:url(../img/content-bg.png), url(../img/bg-grafisk-design.jpg);
	background-position:top right;
	background-attachment:fixed;
	background-repeat:repeat, no-repeat;
}
.bg-webdesign {
	color:#4e4633;
	background-color:#bbb094;
	background-image:url(../img/content-bg.png), url(../img/bg-webdesign.jpg);
	background-position:top right;
	background-attachment:fixed;
	background-repeat:repeat, no-repeat;
}
.bg01 {
	color:#4b5042;
	background-image:url(../img/content-bg.png), url(../img/bg01.jpg);
	background-position:top center;
}
.on-white {
	color:#646464;
	text-shadow:none;
	filter: dropshadow(color=#000000, offx=0, offy=0);
}
.container {
	position:relative;
	z-index:1;
}
.top-bar {
	position:fixed;
	top:44px;
	width:100%;
	z-index:999;
}
.top-bar-inner {
	background:rgba(0,0,0,0.2);
	padding-top:10px;
	padding-bottom:5px;
}
#top-responsive {
	margin-top:-20px;
	margin-left:-250px;	
	margin-bottom:-20px;
}
#vaekst {
	margin-top:-60px;
	margin-right:-30px;
	margin-bottom:0;
}
.breadcrumb {
	
	font-size:13px;
	background-color:transparent;
	display:inline-block;
	border-radius:0;
	padding:0;
	margin:0;
	opacity:0.5;
}
.breadcrumb > li {
	display: inline-block;
	text-shadow: none;
}
.breadcrumb > .active  {
	color:#FFF;
}
.btn {
	font-family: 'foro-boldregular';
	text-transform:uppercase;
	color:#D3EAF3 !important;
	background-image:url(../img/btn-bg.jpg);
	background-repeat:repeat-x;
	background-position: top center;
	background-color:#2196C4;
	text-shadow:none;
	border-top:none;
	border-left:none;
	border-right:none;
	border-bottom:1px solid rgba(0,0,0,0.75);
	letter-spacing: 0.1em;
	padding-top:5px;
	padding-bottom:4px;
	margin-right:10px;
}
.btn:hover, .btn-group.open .btn.dropdown-toggle {
	color:#FFFFFF;
	background-image:none;
	background-color:#7AC0DC;
}

.btn-large {
	background-image:url(../img/btn-large-bg.jpg);
	padding-top:11px;	
	padding-bottom:9px;	
}
.btn .caret {
	color:#D3EAF3 !important;
}
.icon {
	margin-right:8px;	
}
.icon img:hover {
	opacity:0.7;
}
.portefoelje {
	-webkit-border-radius: 4px;
    border-radius: 4px;
	border-bottom:1px solid rgba(0,0,0,0.75);
}
.portefoelje:hover {
	opacity:0.8;	
}
#profil {
	margin-right:150px;
	-moz-transform:rotate(-8deg);
	-webkit-transform:rotate(-8deg);
	-o-transform:rotate(-8deg);
	-ms-transform:rotate(-8deg);	
}
.grey form input, .grey form textarea {
	color:#646464;
	background:rgba(255,255,255,0.8);
	border:none;
	margin-bottom:8px;
	padding:12px;
}
form .btn {
	display:block;	
}
#fordele {
}
#fordele .accordion-group {
	border:none;
}
#fordele .accordion-inner {
	padding:20px 0 0 0;
	border-top:none	
}
#fordele h5 {
	background:rgba(0,0,0,0.6);
}
#fordel-grafik {
	margin-top:-80px;
	margin-bottom:-50px;
}
.dropdown-menu {
	text-shadow:none;	
}
#hjemmeside {
	margin-top:-10px;
	margin-right:50px;	
}
footer {
	padding-top:20px;
	padding-bottom:20px;
}
.content .box {
    background:rgba(255,255,255,0.8);
	padding:40px;
	-webkit-border-radius: 4px;
    border-radius: 4px;
	display:inline-block;
}
.labels {
	margin-left:0;	
}
.labels li {
	font-family: 'foro-boldregular';
	font-size:18px;
	list-style:none;
	 background:rgba(0,0,0,0.6);
	padding:5px 8px 3px 8px;
	margin-right:10px;
	margin-bottom:5px;
	float:left;
	text-shadow:none;
	filter: dropshadow(enabled=false);
	-webkit-border-radius: 4px;
    border-radius: 4px;
}
.bullet {
	min-height:98px;
	padding-left:130px;	
	background-repeat: no-repeat;
	background-position: left top;
}
.bullet1 {
	background-image: url(../img/bullets/icon-1.png);	
}
.bullet1-w {
	background-image: url(../img/bullets/icon-1-w.png);
}
.bullet2 {
	background-image: url(../img/bullets/icon-2.png);		
}
.bullet2-w {
	background-image: url(../img/bullets/icon-2-w.png);
}
.bullet3 {
	background-image: url(../img/bullets/icon-3.png);		
}
.bullet3-w {
	background-image: url(../img/bullets/icon-3-w.png);
}
.bullet4 {
	background-image: url(../img/bullets/icon-4.png);	
}
.bullet4-w {
	background-image: url(../img/bullets/icon-4-w.png);
}
.bullet5 {
	background-image: url(../img/bullets/icon-5.png);	
}
.bullet5-w {
	background-image: url(../img/bullets/icon-5-w.png);
}
.bullet-info {
	background-image: url(../img/bullets/icon-info.png);	
}
.bullet-info-w {
	background-image: url(../img/bullets/icon-info-w.png);	
}
.bullet-obs-w {
	background-image: url(../img/bullets/icon-obs-w.png);		
}
.portefoelje-item {
	margin-bottom:20px;	
}
.portefoelje-item .accordion-inner, .portefoelje-item .accordion-group {
	border:none;	
}
#webdesign-qurias, #webdesign-pervalentin, #webdesign-jespersen, #webdesign-holmbladsgulve, #logo-design-cordes, #logo-design-exile, #logo-design-ljelectric, #logo-design-jespersen, #logo-design-nygaard  {
	min-height:430px;
}
#webdesign-stigekontrol {
	min-height:380px;		
}
#webdesign-harpsoes, #webdesign-visma {
	min-height:350px;		
}
#webdesign-dgi  {
	min-height:325px;
}
#webdesign-malingo {
	min-height:315px;	
}
.portefoelje-item .collapse {
	-webkit-border-radius: 4px;
    border-radius: 4px;
	border-bottom:1px solid rgba(0,0,0,0.75);
}
.portefoelje-item .in {
	height:auto;
	border-bottom:none;
}
.accordion-group > .collapse > a.accordion-toggle {
	-webkit-border-radius: 4px;
    border-radius: 4px;
	margin-bottom:2px;
	display:block;
	overflow:hidden;
}
.accordion-group > .in.collapse > a.accordion-toggle {
	border-bottom:1px solid rgba(0,0,0,0.75);
}
.portefoelje-content {
	background:rgba(0,0,0,0.3);
	padding:30px;
	margin-top:2px;
	-webkit-border-radius: 4px;
    border-radius: 4px;
	margin-bottom:20px;
	border-bottom:1px solid rgba(0,0,0,0.75);
}
.portefoelje-content h3 {
	font-family: 'foro-boldregular';
	font-size:35px;
}
.portefoelje-content h4 {
	font-size:16px;
	margin-bottom:0;
	clear:both;
}
.portefoelje-content .labels li {
	font-size:15px;	
	line-height:16px;
	color:#1e2828;
	background-color:#dadede;
	padding-bottom:3px;
}
.portefoelje-content .row {
	background:rgba(0,0,0,0.3);
	padding:30px;
	margin-left:0;
	-webkit-border-radius: 4px;
    border-radius: 4px;
}
.portefoelje-content .row .span6 {
	margin-left:0;	
}
.accordion-group > .collapse > a:hover {
	opacity:0.7;
}
.cv {
	list-style:none;
	margin-left:0; 
}
.cv li {
	background:rgba(0,0,0,0.2);
	padding:20px;
	margin-right:2px;
	margin-bottom:4px;
	-webkit-border-radius: 4px;
    border-radius: 4px;
	display:inline-block;	
}
footer .box {
	color:#dadede;
    background-color:#445859;
	padding:30px;
	-webkit-border-radius: 4px;
    border-radius: 4px;
	margin-bottom:20px;
	border-bottom:1px solid rgba(0,0,0,0.75);
	text-shadow: 0px 1px 0px #000000;
	filter: dropshadow(color=#000000, offx=0, offy=1);
	
}
footer .span4 .box {
	min-height:144px;	
}
footer .box h2, footer .box h3, footer a {
	color:#FFFFFF;	
}
footer a:hover {
	color:#CCC;	
}
.box :first-child {
	margin-top:0;
}
.pull-left {
	margin-right:20px;	
}
.pull-right {
	margin-left:20px;	
}
@font-face {
    font-family: 'foro-lightregular';
    src: url('../font/ForoLig-webfont.eot');
    src: url('../font/ForoLig-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/ForoLig-webfont.woff') format('woff'),
         url('../font/ForoLig-webfont.ttf') format('truetype'),
         url('../font/ForoLig-webfont.svg#foro-lightregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'foro-boldregular';
    src: url('../font/ForoBol-webfont.eot');
    src: url('../font/ForoBol-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/ForoBol-webfont.woff') format('woff'),
         url('../font/ForoBol-webfont.ttf') format('truetype'),
         url('../font/ForoBol-webfont.svg#foro-boldregular') format('svg');
    font-weight: normal;
    font-style: normal;
}