/*wiocked */
#reffer { max-width:600px;
     opacity: 0.5;
 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}



/************************/


/* Common */

*
	{

}

body
	{ background: #000; color: #9e9e9e; font-family: 'Trebuchet MS', Helvetica, sans-serif;}

ol,ul
	{
	
	font-size: 14px;
}

a
	{ color: #ccc; text-decoration: none; font-weight: bold; outline: none; }
a:hover
	{ text-decoration: underline; }
    a.ingenstreg:hover
	{ text-decoration: none; }

.h
	{ display: none; }
.text
	{
	clear: both;
	font-size: 15px;
	margin-top: 5px;
	margin-bottom: 20px;
	margin-left: 10px;
	text-align: justify;
	margin-right: 20px;
}

.text2
	{
	clear: both;
	font-size: 13px;
	margin-top: 5px;
	margin-bottom: 20px;
	margin-left: 10px;
	margin-right: 20px;
}

.the_end
	{ clear: both; }

h2
	{
	font-size: 14px;
	color: #65ad00;
	font-weight: bold;
	padding: 0 0 5px 0;
}
h3
	{
	font-size: 18px;
	color: #FFFFFF;
	margin: 5px 0 15px 0;
	padding: 0;
}

.section
	{
	overflow: hidden;
	width: 928px;
	margin: 15px 0 0px 0;
	background: #000 url('../images/section_top.png') repeat-x 0 0;
	padding-left: 20px;
}

.column, .sidebar
	{ float: left; }
	
.boldout
{
	clear: both;
	font-size: 11px;
	font-weight: bold;
}

/* Mini navigation */


#banner1 {background-color: #000; overflow: auto; color:#eee; padding:30px; margin: 50px; }
#banner2 {background-color: #000; overflow: auto; color:#eee; padding:30px; margin: 50px;}
.banner_w {  position: relative; top: 20px; left: 50px; }
.banner_w2 {  position: relative; top: -30px; left: 50px; }
.miniNav
	{
	float: right;
	line-height: 0;
	padding: 0 20px 0 0;
	font-size: 0px;
}
.miniNav li
	{ display: inline; }
.miniNav li a
	{ text-indent: -5000px; display: block; float: left; height: 19px; }
.miniNav li a.mn_mal
	{ width: 79px; background: transparent url('../images/mini_nav.jpg') no-repeat 0 0; margin-right: 2px; }
.miniNav li a.mn_personale
	{ width: 79px; background: transparent url('../images/mini_nav.jpg') no-repeat -81px 0; margin-right: 2px; }
.miniNav li a.mn_profil
	{ width: 79px; background: transparent url('../images/mini_nav.jpg') no-repeat -161px 0; margin-right: 2px;	}
.miniNav li a.mn_okonomi
	{ width: 79px; background: transparent url('../images/mini_nav.jpg') no-repeat -241px 0; margin-right: 2px; }
.miniNav li a.mn_virksomheder
	{ width: 95px; background: transparent url('../images/mini_nav.jpg') no-repeat -321px 0; margin-right: 2px; }
.miniNav li a.mn_praktisk
	{ width: 79px; background: transparent url('../images/mini_nav.jpg') no-repeat -417px 0; margin-right: 0px; }



.miniNav li a.mn_mal:hover
	{ background: transparent url('../images/mini_nav.jpg') no-repeat 0 -19px;  margin-right: 2px; }
.miniNav li a.mn_personale:hover
	{ background: transparent url('../images/mini_nav.jpg') no-repeat -81px -19px;  margin-right: 2px; }
.miniNav li a.mn_profil:hover
	{ background: transparent url('../images/mini_nav.jpg') no-repeat -161px -19px; margin-right: 2px;  }
.miniNav li a.mn_okonomi:hover
	{ background: transparent url('../images/mini_nav.jpg') no-repeat -241px -19px;  margin-right: 2px; }
.miniNav li a.mn_virksomheder:hover
	{ width: 95px; 	background: transparent url('../images/mini_nav.jpg') no-repeat -321px  -19px; margin-right: 2px; }
.miniNav li a.mn_praktisk:hover
	{ width: 79px; background: transparent url('../images/mini_nav.jpg') no-repeat -417px  -19px;  margin-right: 0px; }



.miniNav li a.mn_priser
	{ width: 79px; background: transparent url('../images/mini_nav2.jpg') no-repeat 0 0; margin-right: 2px; }
.miniNav li a.mn_kurser
	{ width: 79px; background: transparent url('../images/mini_nav2.jpg') no-repeat -81px 0; margin-right: 0px; }
.miniNav li a.mn_priser:hover
	{ background: transparent url('../images/mini_nav2.jpg') no-repeat 0 -19px;  margin-right: 2px; }
.miniNav li a.mn_kurser:hover
	{ background: transparent url('../images/mini_nav2.jpg') no-repeat -81px -19px;  margin-right: 0px; }

/* Site*/

#header
	{ width: 100%; min-width: 948px; height: 116px; background: #000 url('../images/pattern.png') repeat-x left bottom; }
#header .inner
	{ width: 948px; margin: 0 auto; }

#pagetop
	{
	width: 948px;
	margin: 20px auto 0 auto;
	position: relative;
	height: 219px;
	background-image: url(../images/loading.gif);
	background-repeat: no-repeat;
}


#flashHeader-profil
	{
	height: 219px;
}

#flashHeader-index
	{
	height: 219px;
}

#flashHeader-kontakt
	{
	height: 219px;
}

#flashHeader-priser
	{
	height: 219px;
}

#flashHeader-privat
	{
	height: 219px;
}

#flashHeader-virks
	{
	height: 219px;
}

#page
	{ width: 948px; margin: 0 auto; }

#footer
	{
	width: 100%;
	min-width: 948px;
	height: 80px;
	background: #000 url('../images/pattern.png') repeat-x left bottom;
	padding: 30px 0 0 0;
    
	}
#footer .inner
	{ width: 918px; margin: 0 auto; padding: 0 15px; }

/* Header */

#logo
	{
	text-indent: -5000px;
	font-size: 0;
	line-height: 0;
	padding-top: 34px;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
	float: left;
}
#logo a
	{
	display: block;
	width: 107px;
	height: 82px;
	background-image: url(../images/marca.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#topNav{
	list-style: none;
	padding:0;
	display:block;
	height:32px;
	float: right;
	margin: 84px 0 0 0;
	
}

#topNav li{
	float:left;
	display: block;
	height:32px;
	margin: 0 0 0 10px;
}


#topNav li a {
	display: block;
	height: 32px;
}

#topNav li a span {
	display: none;
}
	
	
#topNav li a#n_home
	{ background: transparent url('../images/menu.jpg') no-repeat 0 0; width: 80px;}
#topNav li a#n_forside
	{ background: transparent url('../images/menu.jpg') no-repeat -90px 0;  width: 88px;}
#topNav li a#n_personale
	{ background: transparent url('../images/menu.jpg') no-repeat -187px 0; width: 85px; }
#topNav li a#n_information
	{ background: transparent url('../images/menu.jpg') no-repeat -281px 0;  width: 92px;}
#topNav li a#n_virksomheds
	{ background: transparent url('../images/menu.jpg') no-repeat -382px 0; width: 100px; }	
#topNav li a#n_kontakt
	{ background: transparent url('../images/menu.jpg') no-repeat -489px 0; margin-right: 0px;  width: 83px;}
#topNav li a#n_kurser
	{ background: transparent url('../images/menu.jpg') no-repeat -579px 0; margin-right: 0px;  width: 78px;}	
#topNav li a#n_referencer
	{ background: transparent url('../images/menu.jpg') no-repeat -665px 0; margin-right: 0px;  width: 78px;}	
#topNav li a#n_kommuner
	{ background: transparent url('../images/menu.jpg') no-repeat -750px 0; margin-right: 0px;  width: 78px;}	

	
#topNav li a#n_home:hover
	{ background: transparent url('../images/menu.jpg') no-repeat 0 -34px; width: 80px;}
#topNav li a#n_forside:hover
	{ 	background: transparent url('../images/menu.jpg') no-repeat -90px -34px; width: 88px; }
#topNav li a#n_personale:hover
	{ background: transparent url('../images/menu.jpg') no-repeat -187px -34px; width: 85px; }
#topNav li a#n_information:hover
	{ background: transparent url('../images/menu.jpg') no-repeat -281px -34px;  width: 92px;}
#topNav li a#n_virksomheds:hover
	{ background: transparent url('../images/menu.jpg') no-repeat -382px -34px; width: 100px; }	
#topNav li a#n_kontakt:hover
	{ background: transparent url('../images/menu.jpg') no-repeat -489px -34px; margin-right: 0px;  width: 83px;}
#topNav li a#n_kurser:hover
	{ background: transparent url('../images/menu.jpg') no-repeat -579px -34px; margin-right: 0px;  width: 78px;}
#topNav li a#n_referencer:hover
	{ background: transparent url('../images/menu.jpg') no-repeat -665px -34px; margin-right: 0px;  width: 78px;}	

#topNav li a#n_kommuner:hover
	{ background: transparent url('../images/menu.jpg') no-repeat -750px -34px; margin-right: 0px;  width: 78px;}	


#topNav li a#n_home.current
	{ background: transparent url('../images/menu.jpg') no-repeat 0 -34px; width: 80px;}
#topNav li a#n_forside.current
	{ 	background: transparent url('../images/menu.jpg') no-repeat -90px -34px; width: 88px; }
#topNav li a#n_personale.current
	{ background: transparent url('../images/menu.jpg') no-repeat -187px -34px; width: 85px; }
#topNav li a#n_information.current
	{ background: transparent url('../images/menu.jpg') no-repeat -281px -34px;  width: 92px;}
#topNav li a#n_virksomheds.current
	{ background: transparent url('../images/menu.jpg') no-repeat -382px -34px; width: 100px; }	
#topNav li a#n_kontakt.current
	{ background: transparent url('../images/menu.jpg') no-repeat -489px -34px; margin-right: 0px;  width: 83px;}
#topNav li a#n_kurser:hover
	{ background: transparent url('../images/menu.jpg') no-repeat -579px -34px; margin-right: 0px;  width: 78px;}
#topNav li a#n_referencer.current
	{ background: transparent url('../images/menu.jpg') no-repeat -665px -34px; margin-right: 0px;  width: 78px;}	

#topNav li a#n_kommuner.current
	{ background: transparent url('../images/menu.jpg') no-repeat -750px -34px; margin-right: 0px;  width: 78px;}	






/* Headings */

#welcome .column h2
	{
	font-size: 20px;
	padding-top: 10px;
}
#welcome .sidebar h2
	{

}
#services h2
	{
	height: 25px;
	font-size: 17px;
}

#body h3
	{
	height: 25px;
	display: block;
	font-size: 18px;
	color: #FFFFFF;
}

#services #service_list .sl1
	{ background: transparent url('../images/headings/graphic_design.png') no-repeat 0 0; height: 16px; display: block; text-indent: -5000px; }
#services #service_list .sl2
	{ background: transparent url('../images/headings/print.png') no-repeat 0 0; height: 16px; display: block; text-indent: -5000px; }
#services #service_list .sl3
	{ background: transparent url('../images/headings/cd_roms.png') no-repeat 0 0; height: 16px; display: block; text-indent: -5000px; }
#services #service_list .sl4
	{ background: transparent url('../images/headings/email_newsletters.png') no-repeat 0 0; height: 16px; display: block; text-indent: -5000px; }
#services #service_list .sl5
	{ background: transparent url('../images/headings/banners.png') no-repeat 0 0; height: 16px; display: block; text-indent: -5000px; }
#work h2
	{
	height: 25px;
	display: block;
}
#work .mc1 h3
	{ background: transparent url('../images/headings/loancheck.png') no-repeat 0 0; height: 25px; display: block; text-indent: -5000px; }
#work .mc2 h3
	{ background: transparent url('../images/headings/campleaders.png') no-repeat 0 0; height: 25px; display: block; text-indent: -5000px; }
#work .mc3 h3
	{ background: transparent url('../images/headings/socksub.png') no-repeat 0 0; height: 25px; display: block; text-indent: -5000px; }
#work .mc4 h3
	{ background: transparent url('../images/headings/others.png') no-repeat 0 0; height: 25px; display: block; text-indent: -5000px; }
#contact h2
	{ background: transparent url('../images/headings/contact.png') no-repeat 0 0; height: 25px; display: block; text-indent: -5000px; }

/* Welcome */

#welcome h2
	{
	margin-top: 10px;
}
#welcome .column
	{
	padding-right: 20px;
	padding-bottom: 20px;
	width: 900px;
}
#welcome .sidebar
	{
	width: 250px;
	padding: 0 0 0 40px;
}
#welcome .text
	{

}
#welcome #flashEmailHolder
	{ display: inline; margin-bottom: -5px; }

/* Services */

#services
	{
	font-size: 16px;
	padding-top: 15px;
	padding-bottom: 25px;
}
#services .column
	{
	width: 435px;
	padding-right: 27px;
}
#services .sidebar
	{ width: 212px; }
#services .text
	{
}
#services .intro
	{ width: 510px; margin-bottom: 5px; }
#website_list
	{ padding: 0 0 0 8px; }
#website_list li
	{ font-size: 1.1em; line-height: 1.6em; background: transparent url('../images/arrow.png') no-repeat left 50%; padding-left: 17px; }
#service_list li
	{ font-size: 1.4em; line-height: 1.2em; color: #9e9e9e; font-weight: normal; }

/* Work */

#work
	{ margin-bottom: 100px; }
#work .column
	{ width: 216px; margin-right: 16px; }
#work .text
	{ padding: 0 0 17px 0; }
#work .intro
	{ width: 510px; margin-bottom: 5px; }
#page #work .without_rmargin
	{ margin-right: 0; }
#work .thumbs
	{ overflow: auto; width: 216px; margin-right: 16px; }
#work ul.thumbs li
	{ float: left; }
#work .column .thumbs a
	{ float: left; display: block; width: 99px; height: 48px; border: 3px solid #252525; margin: 0 2px 2px 0; }
#work .column  .thumbs a:hover
	{ border: 3px solid #ccc; }
.work_list
	{ padding: 0 0 0 8px; }
#work .title_text
	{ font-size: 1.1em; line-height: 1.6em; margin: 16px 0 0 0; }
.work_list li
	{ font-size: 1.1em; line-height: 1.6em; background: transparent url('../images/arrow.png') no-repeat left 50%; 	padding-left: 17px; }


/* Contact */

#contact
	{ margin-bottom: 7px; }
#contact .intro
	{ width: 510px; }
form#contactform
	{ padding: 20px 0 0 0; }
form#contactform p
	{ overflow: auto; }
form#contactform .f1 p
	{ height: 29px; }
form#contactform fieldset.f1
	{ float: left; width: 460px; }
form#contactform fieldset.f2
	{ float: left; width: 448px; }
form#contactform fieldset.f1 label
	{ width: 95px; }
form#contactform fieldset.f2 label
	{ padding-left: 5px; width: 90px; }
form#contactform label
	{ font-weight: bold; float: left; font-size: 1.1em; padding-top: 6px; }
form#contactform input
	{ float: left; width: 345px; height: 19px; background-color: #1c1c1c; border: 1px solid #545454; padding: 3px 3px 0 3px; font-size: 1.1em; color: #fff; margin-bottom: 5px; }
form#contactform textarea
	{ float: left; background-color: #1c1c1c; border: 1px solid #545454; padding: 2px 3px 0 3px; font-size: 1.1em; color: #fff; margin-bottom: 5px; width: 345px; height: 52px; font-family: 'Trebuchet MS', Helvetica, sans-serif; overflow: auto; }
form#contactform .radios
	{ font-size: 1.1em; padding: 8px 0 0 97px; }
form#contactform fieldset.f2 .radios label, form#contactform fieldset.f2 .radios input, form#contactform fieldset.f2 .radios span
	{ width: auto; height: auto; font-weight: normal; float: left; padding: 3px 0 0 0; margin: 0; }
form#contactform #submitbutton
	{ border: 0; background: transparent; font-weight: bold; color: #ccc; cursor: pointer; float: left; width: auto; padding: 0 0 0 15px; margin: 0; height: auto; }
form#contactform fieldset.f2 .radios input
	{ margin-top: 2px; border: 0; background: transparent; }
form#contactform fieldset.f2 .radios label
	{ padding: 3px 6px 0 14px; }

#error
	{ color: #ccc; font-weight: bold; font-size: 1.1em; text-align: right; padding: 15px 20px 0 0; height: 15px; }

#contact form#contactform fieldset .error
	{ border: 1px solid #ccc; }

/* Footer*/

#logo1
	{ float: left; text-indent: -5000px; font-size: 0; line-height: 0; padding: 76px 0 0 0; }
#logo1 a
	{ display: block; width: 86px; height: 30px; background: url('../images/logo1.png') no-repeat left top;	}

#footer ul
	{ padding: 86px 0 0 25px; }
#footer ul li
	{ float: left; font-size: 1.1em; line-height: 1em; font-family: Tahoma, Helvetica, sans-serif; }
#footer ul li a
	{ float: left; padding: 0 10px 0 12px; border-left: 1px solid #fff; display: block; height: 11px; font-family: Tahoma, Helvetica, sans-serif; }
#footer ul li#version
	{ padding: 0 10px 0 12px; }
#footer ul li#featured
	{ padding: 0 10px 0 12px; border-left: 1px solid #fff; }
#footer ul li.icon
	{ margin-top: -2px;}
#footer ul li.icon a
	{ float: left; padding: 0 8px 0 0px; border-left:none; width: 16px; height: 16px; }	
	
#footer ul li.icon a.css-mania
	{ background: transparent url('../images/icons/css-mania.gif') no-repeat 0 0;}
#footer ul li.icon a.mostinsp
	{ background: transparent url('../images/icons/mostinsp.gif') no-repeat 0 0;}
#footer ul li.icon a.yorkshire
	{ background: transparent url('../images/icons/yorkshire.gif') no-repeat 0 0;}	
#footer ul li.icon a.onepage
	{ background: transparent url('../images/icons/onepage.gif') no-repeat 0 0;}
#footer ul li.icon a.foliostars
	{ background: transparent url('../images/icons/foliostars.gif') no-repeat 0 0;}	
#footer ul li.icon a.css-clip
	{ background: transparent url('../images/icons/css-clip.gif') no-repeat 0 0;}	
#footer ul li.icon a.css-design
	{ background: transparent url('../images/icons/css-design.gif') no-repeat 0 0;}		
#footer ul li.icon a.style
	{ background: transparent url('../images/icons/style.gif') no-repeat 0 0;}		
#footer ul li.icon a.boxed
	{ background: transparent url('../images/icons/boxed.gif') no-repeat 0 0;}		
#footer ul li.icon a.css-star
	{ background: transparent url('../images/icons/css-star.gif') no-repeat 0 0;}		
#footer p {
	font-size: 11px;
	text-align: center;
}
.column h4 {
	font-size: 13px;
	color: #CCCCCC;
	font-weight: bold;
	padding: 0;
	font-style: italic;
}

#projects {
	height: auto;
	width: 650px;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 10px;
	margin-left:1px;
}
#projects2 {
	margin-top:0;
	margin-left:5px;
	padding-top:10px;
}


.box {
	float: left;
	height: 150px;
	width: 296px;
	margin-right: 5px;
	margin-left: 5px;
	border:0px dashed #333;
    
}
.project {
	height: 155px;
	width: 870px;
	float: left;
	margin-left: 10px;
	margin-bottom: 10px;
float:left; display: inline; display:inline-table;
}
.project img {
	border: 3px solid #FFFFFF;
}



.boxgrid {
	width: 264px;
	height: 145px;
	overflow: hidden;
	position: relative;
	float:left;
    display:inline;
	background-color:#333;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
    margin:10px;
    border:3px solid #ccc;
    cursor:pointer;
}
.boxgrid img {
	position: absolute;
	top: 0;
	left: 0;
	z-index:99;
}
.boxgrid p {
	padding: 0 10px 0 0;
	color:#fff;
	font-size:12px;
	line-height:12px;
}
.boxgrid a {
	color:#1AA9E5;
	font-size:12px;
	line-height:20px;
	text-decoration:none;
}
.boxgrid a:hover {
	text-decoration:underline;
}
.boxcaption {
	float: left;
	position: absolute;
	background: #BBB;
	height: 100%;
	width: 100%;
	opacity: .8;
 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	left:0px;
}
.boxgrid h3 {
    color:#fff;
    font-weight:lighter;
	margin-bottom:2px;
	padding-bottom:0;
    font-size: 1.8em;

}
.cover {
    z-index: 5;
}
.cover2 {
    z-index: 10;
    
}