/* CSS Document */
<style type="text/css">
@charset "UTF-8";

/* RESET */
html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}
ul, ol {
	list-style-type: none;
}
fieldset, img {
	border: none;
}


br {
	margin: 0px;
	padding: 0px;
}
.clear {
	clear: both;
}




body {
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	
}



#adresse {
	float:left;
	height: 30px;
	background-image: url(images/adresse.gif);
	background-repeat: no-repeat;
	width: 575px;
	margin-top: 182px;
}

#kontakt {
	float:left;
	text-align:left;
	height: 30px;
	background-image: url(images/kontakt.gif);
	background-repeat: no-repeat;
	width: 129px;
	margin-top: 182px;
}

#logo {
	float:left;
	text-align:left;
	height:212px;
	background-image: url(images/logo.gif);
	background-repeat: no-repeat;
	width: 40px;
	margin-top: 0px;
}

#container {
	text-align: left;
	width: 100%;
	height:270px;
	color:non;
	float:left;
	margin: 0 0 0 -8px;
}

.content {
	height:250px;
	float:left;
	width:1000px;
	background-color: white;
	text-align:left;
	}

#baggrundsbillede1 {
	background-image: url(images/clients.jpg);
	background-repeat: no-repeat; 
	
}	

#baggrundsbillede2 {
	background-image: url(images/method.jpg);
	background-repeat: no-repeat; 
	
}	

#baggrundsbillede3 {
	background-image: url(images/network.jpg);
	background-repeat: no-repeat; 
}	

#baggrundsbillede4 {
	background-image: url(images/servicedesign.jpg);
	background-repeat: no-repeat; 
}	

#baggrundsbillede5 {
	background-image: url(images/informationdesign.jpg);
	background-repeat: no-repeat; 
}	

#baggrundsbillede6 {
	background-image: url(images/identitydesign.jpg);
	background-repeat: no-repeat; 
}	

#baggrundsbillede7 {
	background-image: url(images/triagonal.jpg);
	background-repeat: no-repeat; 
}	

#baggrundsbillede8 {
	background-image: url(images/wwd.jpg);
	background-repeat: no-repeat; 
}	

#baggrundsbillede91 {
	float:left;
	text-align:left;
	height:250px;
	background-image: url(images/peoplenicolai.jpg);
	background-repeat: no-repeat;
	width: 250px;
	margin-top: 0px;
}

#baggrundsbillede92 {
	float:left;
	text-align:left;
	height:250px;
	background-image: url(images/peoplepeter.jpg);
	background-repeat: no-repeat;
	width: 250px;
	margin-top: 0px;
}

#baggrundsbillede93 {
	float:left;
	text-align:left;
	height:250px;
	background-image: url(images/peopletina.jpg);
	background-repeat: no-repeat;
	width: 250px;
	margin-top: 0px;
}

#baggrundsbillede94 {
	float:left;
	text-align:left;
	height:250px;
	width: 250px;
	background-image: url(images/peopleanders.jpg);
	margin-top: 0px;
}


#baggrundsbillede10 {
  	float:left;
	text-align:left;
	height:250px;
	width: 1000px;
	margin-top: 0px;
	background-image: url(images/contact.jpg);
	background-repeat: no-repeat; 
}	

#container a:hover {
	background-position: 0 -250px;
	position:relative;
 }
 
 
#baggrundsbilledecase1 {
	background-image: url(images/cases/bluelagoon.jpg);
	background-repeat: no-repeat; 
}	

#baggrundsbilledecase2 {
	background-image: url(images/cases/cabinplant.jpg);
	background-repeat: no-repeat; 
}	

#baggrundsbilledecase3 {
	background-image: url(images/cases/cph1.jpg);
	background-repeat: no-repeat; 
}	

#baggrundsbilledecase3_2 {
	background-image: url(images/cases/cph2.jpg);
	background-repeat: no-repeat; 
}	


#baggrundsbilledecase4 {
	background-image: url(images/cases/homann.jpg);
	background-repeat: no-repeat; 
}	

#baggrundsbilledecase5 {
	background-image: url(images/cases/keflavik.jpg);
	background-repeat: no-repeat; 
}	

#baggrundsbilledecase6 {
	background-image: url(images/cases/kennedy.jpg);
	background-repeat: no-repeat; 
}	

#baggrundsbilledecase7 {
	background-image: url(images/cases/merlin.jpg);
	background-repeat: no-repeat; 
}	

#baggrundsbilledecase8 {
	background-image: url(images/cases/novonordisk.jpg);
	background-repeat: no-repeat; 
}	

#baggrundsbilledecase9 {
	background-image: url(images/cases/oman1.jpg);
	background-repeat: no-repeat; 
}	

#baggrundsbilledecase9_2 {
	background-image: url(images/cases/oman2.jpg);
	background-repeat: no-repeat; 
}	

#baggrundsbilledecase9_3 {
	background-image: url(images/cases/oman3.jpg);
	background-repeat: no-repeat; 
}	

#baggrundsbilledecase10 {
	background-image: url(images/cases/ringstedet.jpg);
	background-repeat: no-repeat; 
}	

#baggrundsbilledecase11 {
	background-image: url(images/cases/shoppen.jpg);
	background-repeat: no-repeat; 
}	

#baggrundsbilledecase12 {
	background-image: url(images/cases/signon.jpg);
	background-repeat: no-repeat; 
}	

#baggrundsbilledecase13 {
	background-image: url(images/cases/v8.jpg);
	background-repeat: no-repeat; 
}	











.besk	 {
	color:#ac2117;
	font-style: italic;
	display:inline;
}	









#menu_container {
	margin: 0px 0 0 0px;/*OBS!*/
	padding: 0px 0 0px 25px; /*OBS!*/
	position:relative; 
	width:467px; 
	height:21px; 
	background-image:url(images/menu/menubg.gif);
	text-align: left;
	float:left;
	background-color:non;
}

#ie7extra_container {
	margin: -4px 0 0 0;
	position:relative;
	width:1px;
	height:1px;
	background-color:non;
}

















/* Set up the sublevel lists with a position absolute for flyouts and overrun padding. The transparent gif is for IE to work */
#pmenu li ul {
	display:none;
}/*gemmer 2. undermenu*/



/* For Non-IE and IE7 make the sublevels visible on list hover. This is all it needs */
#pmenu li:hover > ul {
	display:block; 
	position:absolute; 
	
}/* viser undermenu*/




#pmenu li a {
	position:absolute;
	display:block;
	float:left; 
	height:18px; 
	width:107px; 
	border:0px;
	margin:0px 0px 0 0px;/*placerer menuen/transparent billede*//*OBS!*/
	padding: 1px 0 0 0;/*OBS!*//*OBS!*/
	text-decoration:none; 
	cursor:pointer;
	font-size:10px;/*OBS!*/
	font-family:Verdana, Arial, Helvetica, sans-serif;/*OBS!*//*OBS!*/
	line-height:18px;/*OBS!*//*OBS!*/
	color: black;
	
}/*menuen overordne*/


#pmenu li.top {
	text-align:left;
	float:left;
	display:block;
	height:18px; 
	width: 100px; /*OBS!*/
	border:0px;
	margin: -16px 41px 0 0px;/*OBS!*/
	padding: 0 0 0 0px;
	
}





#pmenu li a.projects {background:url(images/menu/transparent.gif); background-repeat: no-repeat;}
#pmenu li a.process {background:url(images/menu/transparent.gif); background-repeat: no-repeat;}
#pmenu li a.profile {background:url(images/menu/transparent.gif); background-repeat: no-repeat;}

#pmenu li:hover a,
#pmenu a:hover {
	background-position: 0 0 0 0;
}


#pmenu .sub {
	position:absolute; 
	width:141; 
	height:18; 
	list-style:none;
	margin: 0px 0px 0 0px;
}
	
#pmenu li:hover {
	background-position: 0 0px; 
	position:relative; 
	
}


#pmenu :hover ul.sub{
	background: non	; 
	width:141px; 
	height:18px;
	padding:36px 0px 0px 0px;
	margin-left:-11px;/*OBS!*/
 }/*positionere undermenu */

#pmenu :hover ul.sub li{
	display:block; 
	height:18px;  
	position:relative; 
	float:left; 
	width:141px; 
	left:0px; 
	margin: 0px 0px 0 10px;/*OBS!*/
}

/* For Non-IE and IE7 make the sublevels visible on list hover. This is all it needs */
#pmenu li:hover > ul {display:block; position:absolute; top:0px; left:20px; width:230px;}
/* Position the first sub level beneath the top level liinks */
#pmenu > li:hover > ul {left:0px; top:0px;}
/* Position the second sub level beneath the top level liinks */
#pmenu > li:hover > ul > li:hover > ul {left:5px; top:0px;}



#pmenu ul.sub2 li a{
	display:block; 
	height:18px; 
	width:250px; 
	border:0px; 
	padding:0; 
	cursor:pointer;
	margin: 1px 0px 0 0;/*OBS!*/
	background-color:white;
}

 #pmenu :hover ul.sub li a:hover {
	position:relative;
	color:#ac2117;
 }

















.tekstfelt {
	height:250px;
	width:130px;
	background-color:non;	
	float:left;
	text-align:left;
	position: relative;
	padding:0px 0 0 125px;
	}
	
	#tekst0 {
	background-image: url(images/tekst0.png);
	background-repeat: no-repeat; 
	
}	

	
#tekst1 {
	background-image: url(images/clients.png);
	background-repeat: no-repeat; 
	
}	

#tekst2 {
	background-image: url(images/method.png);
	background-repeat: no-repeat; 
	
}	

#tekst3 {
	background-image: url(images/network.png);
	background-repeat: no-repeat; 
}	

#tekst4 {
	background-image: url(images/servicedesign.png);
	background-repeat: no-repeat; 
}	

#tekst5 {
	background-image: url(images/informationdesign.png);
	background-repeat: no-repeat; 
}	

#tekst6 {
	background-image: url(images/identitydesign.png);
	background-repeat: no-repeat; 
}	

#tekst7 {
	background-image: url(images/triagonal.png);
	background-repeat: no-repeat; 
}	

#tekst8 {
	background-image: url(images/wwd.png);
	background-repeat: no-repeat; 
}	

#tekst9 {
	background-image: url(images/people.png);
	background-repeat: no-repeat; 
}	

#tekst10 {
	background-image: url(images/contact.png);
	background-repeat: no-repeat; 
}		
	
#case1 {
	background-image: url(images/cases/bluelagoon.png);
	background-repeat: no-repeat; 
}	


#case2 {
	background-image: url(images/cases/cabinplant.png);
	background-repeat: no-repeat; 
}	

#case3 {
	background-image: url(images/cases/cph.png);
	background-repeat: no-repeat; 
}	

#case4 {
	background-image: url(images/cases/homann.png);
	background-repeat: no-repeat; 
}	

#case5 {
	background-image: url(images/cases/keflavik.png);
	background-repeat: no-repeat; 
}	

#case6 {
	background-image: url(images/cases/kennedy.png);
	background-repeat: no-repeat; 
}	

#case7 {
	background-image: url(images/cases/merlin.png);
	background-repeat: no-repeat; 
}	

#case8 {
	background-image: url(images/cases/novonordisk.png);
	background-repeat: no-repeat; 
}	

#case9 {
	background-image: url(images/cases/oman.png);
	background-repeat: no-repeat; 
}	

#case10 {
	background-image: url(images/cases/ringstedet.png);
	background-repeat: no-repeat; 
}	

#case11 {
	background-image: url(images/cases/shoppen.png);
	background-repeat: no-repeat; 
}	

#case12 {
	background-image: url(images/cases/signon.png);
	background-repeat: no-repeat; 
}	

#case13 {
	background-image: url(images/cases/v8.png);
	background-repeat: no-repeat; 
}	

.tekstcase {
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	height:auto;
	width:240px;
	margin-top:37px;
	margin-left:-125px;
	line-height:18px;
	
}	

.tekstfelt a {
	
	display:block;
	position:relative;
	float:right; 
	height:18px; 
	width:18px; 
	border:0px;
	margin:0px 5px 0 0px;/*placerer menuen*//*OBS!*/
	padding: 0px 0px 0 0px;
	text-decoration:none; 
	cursor:pointer;
	
}/*menuen overordne*/



a.billede1 {background:url(images/1.gif);}
a.billede2 {background:url(images/2.gif);}
a.billede3 {background:url(images/3.gif);}

a.billede1aktiv {background:url(images/1aktiv.gif);}
a.billede2aktiv {background:url(images/2aktiv.gif);}
a.billede3aktiv {background:url(images/3aktiv.gif);}


.tekstfelt a:hover {
	background-position: 0 -18px;
	position:relative;
 }


</style>