/*********** GENERELLE INDSTILLINGER ***********/

body{
	margin:0;
	padding:0;
	background: #EDEDED;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
}

img{
	margin:0;
	padding:0;
	border:0;
}

#logo{
position:absolute;
top:-5px;
left:-7px;
margin: 25px;
}
#blackbox{
	width: 100%;
	height: 80px;
	background-color:#000;
}
#copy{
position:absolute;
top:0px;
right:0px;
margin: 25px;
color:#fff;
}

#indhold{
	position:relative;
	margin:auto;
	background:#FFFFFF;
	width:990px;
	text-align:left;
	margin-top: 25px;
	margin-bottom: 0px;
	height:680px;
}

.red{
	color:#F00;		
}
.white{
	color:#FFF;
}

a{
	color:#000;
	text-decoration:underline;
}
a:hover{
	color:#666;
	cursor: pointer;
}

input{
	border:0px;
}


/*********** MENU ***********/
#menu{
position:absolute;
top:80px;
left:0px;
margin:0px;
padding: 0px;
margin-left: 10px;
cursor:pointer;
z-index:499;
width: 100%;
}

#menu a{
	text-decoration:none;
	color: #000;
	display:block;
}
	
#menu a:hover{
	color: #fff;
}

#menu img{
	border:0;
}

#menu ul{
	margin:0;
	padding:0;
	position:absolute;
	display:block;
	float:left;
}
#menu ul li{
	display:block;
	float:left;
	margin: 0; 
	padding: 0; 
	list-style: none;
}
#menu ul ul li{
	list-style: none;
	background-color: #F8F8F8;
	display: block;
	vertical-align:middle;
	margin: 0;
	padding: 2px 10px;
	width:100%;
}
#menu ul .last {
	position:absolute;
	right: 20px;
	top: 30px;
	float:right;
}

#menu ul ul li:hover{
	background-color: #000;
}
#menu ul ul li:hover > a{
	color:#FFF;
}
		
#menu ul ul{
	color:#000;
	padding: 0px;
	margin: 0px;
	position:absolute;
	top: 30px;
	width:150px;
}

#menu ul ul, #menu ul li:hover ul ul {
	display: none;
}

#menu ul li:hover ul, #menu ul ul li:hover ul{
	display:block;
}



#big-banner{
position:absolute;
top:110px;
left:0px;
background:#FFFFFF;
width:990px;
height:430px;
margin:auto;
}

#content{
position:absolute;
top:110px;
left:0px;
background:#FFFFFF;
width:944px;
height:430px;
margin: 0px 23px 0px 23px;
padding: 0px;
}
	#contentbanners .middle {
		margin-right: 35px;
		margin-left: 35px;
	}
	
	#contentbanners img {
		margin-top: 22px;
		margin-bottom: 8px;
	}

/*********** KATALOG ***********/
#katalog{
	position:absolute;
	top:0px;
	left:-23px;
	background:#5EC5ED;
	width:990px;
	height:430px;
}
#katalog .form{
	position:absolute;
	top:25px;
	left:115px;
	width:400px;
	height:380px;
}
#katalog p{
	margin-top: 0px;
	line-height: 15px;
}
#katalog input:focus{
	background-color: #CCC;
}

/*********** JOB ***********/
#job{
	position:absolute;
	top:0px;
	left:-23px;
	background:#EFDEC9;
	width:990px;
	height:430px;
}

#job .text{
	margin: 55px 0px 0px 115px;
	width: 610px;
}

#job h1{
	font-size:14px;
}


/*********** DOWNLOAD ***********/
#download{
	position:absolute;
	top:0px;
	left:-23px;
	background:#BCCE31;
	width:990px;
	height:430px;
}

#download .files{
	margin: 35px 0px 0px 70px;
	width: 920px;
}

#download h1{
	font-size:14px;
	display:block;
	float:left;
	margin: 0px 10px 0px 0px;
	
}
#download .items{
	position:absolute;
	top:80px;
	left: 45px;
	
}
#download .item{
	margin: 0px;
	display:block;
	float:left;
	padding:0px 25px 60px 25px;
	position:relative;
	
}
#download .white{
	color:#FFF;	
}
#download .item p{
	margin: -15px -75px 0px -75px;
	padding: 0px;
	display:block;
	position:absolute;
	top: 110px;
	left: 50%;
	float:left;
	font-weight:bold;
	width: 100%;
	text-align:center;
	
	
}
#download .item img{
	margin: 0px;
	cursor:pointer;
	border: 0;
}

/*********** PRESSE ***********/
#presse{
	position:absolute;
	top:0px;
	left:-23px;
	background:#F29400;
	width:990px;
	height:430px;
}

#presse .files{
	margin: 35px 0px 0px 70px;
	width: 920px;
}

#presse h1{
	font-size:14px;
	display:block;
	float:left;
	margin: 0px 10px 0px 0px;
	
}
#presse .items{
	position:absolute;
	top:80px;
	left: 45px;
	
}
#presse .item{
	margin: 0px;
	display:block;
	float:left;
	padding:0px 25px 60px 25px;
	position:relative;
	
}
#presse .white{
	color:#FFF;	
}
#presse .item p{
	margin: -15px -75px 0px -75px;
	padding: 0px;
	display:block;
	position:absolute;
	top: 110px;
	left: 50%;
	float:left;
	font-weight:bold;
	width: 100%;
	text-align:center;
	
	
}
#presse .item img{
	margin: 0px;
	cursor:pointer;
	border: 0;
}
#bottominfo {
	position:absolute;
	bottom: 0%;
	left: 0%;
	display:block;
	height: 15px;
	width:840px;
	background:#C3790D;
	color:#FFF;
	padding: 10px 75px;
	vertical-align:middle;
}
#bottominfo a {
	color:#FFF;
	text-decoration:underline;
}
#bottominfo a:hover{
	color:#000;
	text-decoration:underline;
}



/*********** BUTIKKER ***********/
#butikker{
position:absolute;
top:0px;
left:-23px;
background:#000000;
width:990px;
height:490px;
}

#butik_erhverv{
	color:#FFF;
	position:absolute; 
	top:80px; 
	right:125px;
	width: 200px;
}

#butik_erhverv h1, p{
	margin: 0px;
	padding: 0px;
	font-size: 12px;
}

#butikker .dot{
	cursor:pointer;
}

.aktiv{
	cursor:pointer;
	background:url(/images/gfx/butik_white.gif) center left no-repeat;
}

.normal{
	
}

.butikkerne{
	color:#FFF;
	font:18px Arial, Helvetica, sans-serif;
}

.butikkerne p{
	margin: 0 0 0 15px;
	cursor:pointer;
	font-size: 11px;

}
.butikkerne div{
	margin: 0 0 5px 0;

}
.butikkerne div:hover{
	cursor:pointer;
	background:url(/images/gfx/butik_white.gif) center left no-repeat;

}

	#butik_view{
		position:absolute;
		top:0px;
		left:-23px;
		background:#FFF;
		width:990px;
		height:430px;
	}
	
	#butik_view #info{
		position:absolute;
		top:0px;
		right:0px;
		background:#000;
		width:195px;
		height:400px;
		color:#FFF;
		padding: 15px 25px;
	}
	#butik_view #opening_hours{
		position:absolute;
		bottom:0px;
		right:0px;
		width:195px;
		color:#FFF;
		padding: 15px 25px;
	}
	#butik_view p, h1, h2{
		margin:0px;
		padding:0px;
	}
	#butik_view h1, h2{
		font-size:14px;
		font-weight:bold;
		padding-bottom: 5px;
	}
	#butik_view a{
		color:#FFF;
		cursor:pointer;
		text-decoration:underline;
	}
	#butik_view a:hover{
		color: #CCC;
		cursor: pointer;
	}
	#butik_view .dage span{
		display:block;
		float:left;
		width:60px;
	}
	#underside {
	width: 745px;
	 height: 430px;
	overflow: auto;
	
	}
	
	.udstilling{
		display:table;
		width:680px;
		margin-left:25px;
		margin-top: 15px;
		float:left;
	}
	.udstilling h3{
		font-size: 14px;
	}
	.udstilling img{
		padding-right:15px;
	}
	.udstilling .billed_info {
		width:440px;
		float:left;

	}
	.udstilling .pris {
		width: 100px;
		float: left;

	}
	.infoholder{
		display:block;
	}
	
	.personer{
		margin: 50px 12px 0px 12px;
		width: 600px;
	}
	.pers{
			display:block;
			width:125px;
			float:left;
			margin: 10px;
	}
	#underside a{
		color: #000;
		text-decoration: underline;
	}

/*********** INSPIRATION ***********/
#inspiration{
	background-color:#FBFBFB;
	position:absolute;
	top:0px;
	left:-23px;
	width:990px;
	height:490px;
}
.caption{
	color:#000;
	position:absolute;
	top:510px;
	width:990px; 
	text-align:center;
	font: 12px Arial, Helvetica, sans-serif;
}
.caption .fed{
	color:#000; 
	margin-right: 5px;
	font-weight:bold;
}
.inspiration_style{
	position: absolute;
	left: 50%;
	top: 540px;
	display: table;
	white-space:nowrap;
	list-style-type:none; 
	height: 20px;
	width: auto;
	margin:0px; 
	padding: 0px;
	text-align:center;
}
.inspiration_style li{
	width:12px;
	height:12px;
	border-style:solid; 
	border-width: 1px; 
	border-color:#000; 
	color:#000; 
	background:#FFF; 
	font: 9px Arial, Helvetica, sans-serif; 
	cursor:pointer; 
	margin: 0px 2px; 
	padding: 1px 1px 1px 1px; 
	text-align:center;
	display:block;
	float:left;
}
.inspiration_style li img{
	display:none;
	width:1px;
	height:1px;
}
.inspiration_style li.hover{
	border-color:#000; 
	background: #CCC;
}
.inspiration_style li.active{
	border-color:#000; 
	color:#FFF; 
	background:#000;
}

.inspiration{
	position:absolute; 
	top:0px; 
	left:0px; 
	text-align:center; 
	margin: 0 auto 0 auto;
}

.inspiration_nav{
	position:absolute; top:0px; left:0px;
}

.info{
	text-align:left;margin:30px 0;border-top:1px dotted #221;padding-top:30px;clear:both;
}

.info p{
	margin-top:1.6em;
}

#prev_pic{
	position: absolute;
	left: 50%;
	top: 20px;
	display:table;
	white-space:nowrap;
	height: 20px;
	width: 50px;
	margin:0px; 
	padding: 0px;
	text-align:right;
}

#next_pic{
	position: absolute;
	left: 50%;
	top: 20px;
	display:table;
	white-space:nowrap;
	height: 20px;
	width: 50px;
	margin:0px; 
	padding: 0px;
	text-align:left;
}


/*********** FOOTER ***********/
#contact_info {
	width: 100%;
	position:absolute;
	top:650px;
	left:0px;
	margin:0px;
	padding: 0px;
	text-align:center;
	}
	
#inspiration_nav {
	width: 100%;
	position:absolute;
	top:520px;
	left:0px;
	margin:0px;
	padding: 0px;
	text-align:center;
	}
	
#banners{
	position:absolute;
	top:560px;
	left:0px;
	margin:0px 0px 0px 25px;
	padding: 0px;
	z-index: 2;
}

	#banner1{
	float:left;
	width:220px;
	height:100px;
	background:#FFFFFF;
	margin: 0px 20px 20px 0px;
	padding: 0px;
	}
	#banner2{
	float:left;
	width:220px;
	height:100px;
	background:#FFFFFF;
	margin: 0 20px 20px 0px;
	padding: 0px;
	}
	#banner3{
	float:left;
	width:220px;
	height:100px;
	background:#FFFFFF;
	margin: 0 20px 20px 0px;
	padding: 0px;
	}
	#banner4{
	float:left;
	width:220px;
	height:100px;
	background:#FFFFFF;
	margin: 0 25px 20px 0px;
	padding: 0px;
	}
/*********** Om Designa ***********/
#omdesigna{
	background-color:#FFFFFF;
	position:absolute;
	top:0px;
	left:-23px;
	width:990px;
	height:430px;
}
#omdesignahax{
	position:absolute;
	background:#fff;
	top:430px;
	left:0px;
	width:990px;
	height:140px;
	z-index: 1;
}
#contactform{
	position:absolute;
	top:50px;
	left:620px;
	width:312px;
	height:380px;
}
