﻿/*****************************************/
/*** Generelt!						   ***/
/*****************************************/

body 
{
	padding: 0;
	margin: 1px 0 0 0 ;
	background: white url(/images/layout/JOHA_baggrund_1px.gif);
	background-repeat: repeat-x;
	font-family:Tahoma;
	font-size:8pt;
	scrollbar-3dlight-color:white;
        scrollbar-arrow-color:grey;
        scrollbar-track-color:white;
        scrollbar-darkshadow-color:white;
        scrollbar-face-color:white;
        scrollbar-highlight-color:black;
        scrollbar-shadow-color:black
}

div.print 
{
	display:none;
}


     
a img
{
	border: 0px;	
}
.clear 
{
	clear:both;
}

div#holder
{
  	width: 960px;
  	margin-left: auto;
	margin-right: auto;
 	height:615px;
 }
div#baggrund
{
	margin-left: auto;
	margin-right: auto;

}

a.knap
{
	font-family: Tahoma;
  	font-size: 11px;
  	font-weight: normal;
  	display: block;
  	color: #000;
  	text-decoration: none;
  	height:20px;
  	padding:3px 0 0 0;
  	text-align:center;
  	background: url(/images/Layout/download.gif) center top no-repeat;
}

/*****************************************/
/*** topindhold!					   ***/
/*****************************************/

div#topindhold
{
  	width: 950px;
  	height:99px;
  	margin-left: auto;
	margin-right: auto;		
	display:block;
 	background: white url(/images/layout/baggrund3.gif);

}
div#toplinks
{
	width:200px;
	height:40px;
	display:block;
	float:left;
	padding: 9px 0 0 50px;
}
#toplinks a
{
	font-family: Tahoma;
  	font-size: 11px;
  	font-weight: normal;
	float:left;
  	display: block;
  	height: 11px;
  	line-height: 26px;
  	padding: 0 4px;
  	color: #000;
  	text-decoration: none;
}
div#q 
{
 	width: 150px;
 	height:30px;    
	display:block;
	padding: 7px 0 0 0;
	float:left;
}
div#search
{
	display:block;
	float:left;
	padding-right: 5px;	
}
div#search input
{
	display:block;
	float:left;
	margin-top:10px;
}
div#sorttopmenu
{
 	width: 133px;
 	height:40px;
 	display:block;
 	float:left;
 	text-align:center;
 	background: url(/images/layout/buttom.gif) 0px -115px no-repeat;
}
#sorttopmenu a
{
	font-family: Tahoma;
  	font-size: 11px;
  	font-weight: normal;
  	display: block;
  	height: 11px;
  	line-height: 30px;
  	color: #fff;
  	text-decoration: none;
  	text-transform:uppercase;
 	padding: 6px 0 0 0px;
}
div#graatopmenu
{
 	width: 133px;
 	height:40px;
 	float:left;
 	text-align:center;
 	background: url(/images/layout/buttom.gif) 0px -165px no-repeat;
}
#graatopmenu a
{
	font-family: Tahoma;
  	font-size: 11px;
  	font-weight: normal;
  	display: block;
  	height: 11px;
  	line-height: 30px;
  	color: #000;
  	text-decoration: none;
  	text-transform:lowercase;
 	padding: 6px 0 0 0px; 
}
div#dkflag
{
	width:30px;
	height:34px;
	display:block;
	float:left;
	padding-left:0px;
	padding-top: 6px;
}
div#deflag
{
	display:block;
	float:left;
	width:30px;
	height:34px;
	padding-top: 6px;
}
div#ukflag
{
	display:block;
	float:left;
	width:30px;
	height:34px;
	padding-top: 6px;
}
a#logo
{
	float:left;
	display:inline;
	width:145px;
	height:81px;
	margin-top:10px;
	background: url(/images/layout/logo.gif) 0px 0px no-repeat;	
}
a#sayso
{
	float:left;
	display:block;
	width:93px;
	height:36px;
	padding-top:0px;	
	margin-left: 35px;
	background: url(/images/layout/sayso.gif) 0px 0px no-repeat;		
}
/*****************************************/
/*** menu!						   ***/
/*****************************************/
div#menu
{
  	width: 950px;
  	height:30px;
}
.sortmenu
{
 	width: 133px;
 	height:29px;
	float:left;
	display:block;
	text-align:center;
 	background: url(/images/layout/buttom.gif) 0px 0px no-repeat;
}
.sortmenu a
{
	font-family: Tahoma;
  	font-size: 11px;
  	font-weight: normal;
  	display: block;
  	height: 11px;
  	line-height: 12px;
  	text-align:center;
  	margin: 14px 0 0 0;
  	text-decoration: none;
  	color:#fff;
}
.graamenu a
{
	font-family: Tahoma;
  	font-size: 11px;
  	font-weight: normal;
  	display: block;
  	height: 11px;
  	line-height: 12px;
  	text-align:center;
  	margin: 14px 0 0 0;
  	text-decoration: none;
  	color:#000;
}
.graamenu
{
 	width: 133px;
 	height:29px;
	float:left;
	display:block;
	text-align:center;
	margin : 0px 0px 0px 0px;
 	background: url(/images/layout/buttom.gif) 0px -29px no-repeat;
}
/*****************************************/
/*** content!						   ***/
/*****************************************/
div#content
{
	display:block;
	width:950px;
	text-align:left;
	padding-top:0px;
	min-height:430px;
}

.three-column-content
{
    background:url(/images/layout/three-column-bg.png) no-repeat;
}

.two-column-content
{
    background:url(/images/layout/two-column-bg.png) no-repeat;
}

div#venstreframe
{
	position:absolute;
	bottom:30px;
	padding-left:2px;
}
div#venstremenu
{
	position:relative;
	margin:17px 0 0 0px;
	width: 200px;
	float:left;
	text-align:left;
	min-height:450px;
	padding:20px 0 0 1px;
	/*background: url(/images/layout/venstremenu.gif) 0px 0px no-repeat;*/
}
div#venstremenu-punkter 
{
	border-top: solid 2px #bcc3c8;
	margin-left:2px;
	width:188px;
}
div#venstremenu div.venstremenu-punkt a
{
	border-bottom: solid 2px #bcc3c8;
	color:#000;
	display:block;
	font-family: Tahoma;
  	font-size: 8pt;
  	padding:4px 0 4px 28px;
  	text-decoration: none;
  	width:159px;
}

div#venstremenu div.venstremenu-punkt a:hover,
div#venstremenu div.venstremenu-punkt a.valgt,
div#venstremenu div.venstremenu-punkt a.aaben 
{
	background: #000;
	color:#fff;	
}
div#venstremenu div.venstremenu-punkt a.aaben 
{
	background:#000 url(/images/layout/ikon-map.gif) no-repeat 140px 4px;
}


div#venstremenu div.venstremenu-serier-ikoner 
{
	border-bottom: solid 2px #bcc3c8;
	padding:8px 0 8px 10px;
}

div#venstremenu div.venstremenu-serier-ikoner div.ikon
{
	width:58px;
	height:50px;
	float:left;
	padding:0;
}

div#venstremenu div.venstremenu-serier-ikoner a
{
	border:0;
	padding:0;
}

div#venstremenu div.venstremenu-serier-ikoner a:hover 
{
	background:none;
}


div#indholdsframe
{
	width: 710px;
	float:left;
	display:block;
	text-align:left;
	padding: 10px 0px 0px 20px;
	margin-top: 17px;
 	/*background: url(/images/layout/indholdsframe.gif) 0px 0px no-repeat;*/
}

div#produktdetaljebox
{
	width:340px;
	display:block;
	float:left;
	padding: 0 0 0 0;
}
div#ydreproduktdetaljebox
{
	width:340px;
	display:block;
	float:left;
	padding: 0 0 0 0;
	height: 261px;
}
div#eublomst
{
	width:30px;
	height:45px;
	display:block;
	float:left;
	background: url(/images/Produkter/Symbol/blomst.gif) 0px 0px no-repeat;
}
div#symbolholder
{
	width:32px;
	display:block;
	float:left;
	margin: 15px 0 0 0;
	text-align:center;
}
div.symbol
{
	width:24px;
	height:24px;
	display:block;
	float:left;
}
div#produktbillede
{
	width:263px;
	height:261px;
	display:block;
	float:left;
	padding-left: 25px;
}
div.produktbillede
{
	width:263px;
	height:261px;
	display:block;
	float:left;
	padding-left: 25px;
}
div#produktbeskrivelsesholder
{
	width:270px;
	height:120px;
	display:block;
	float:left;
	padding-left:35px;
	padding-top:15px;
}
div#produktoverskrift
{
	font-family: Tahoma;
  	font-size: 10px;
  	font-weight: bold;
	float:left;
  	display: block;
  	color: #000;
  	width: 210px;
  	text-decoration: none;

}
div#produktnummer
{
	font-family: Tahoma;
  	font-size: 10px;
  	font-weight: normal;
	float:left;
  	width: 210px;
  	display: block;
  	color: #000;
  	text-decoration: none;
  	margin-bottom: 5px;
}
div#produktfarve
{
	font-family: Tahoma;
  	font-size: 10px;
  	font-weight: normal;
  	display: block;
  	color: #000;
  	text-decoration: none;
  	padding-bottom:5px;
}

div.produkttekst
{
	font-family: Tahoma;
  	font-size: 10px;
  	width: 210px;
  	font-weight: normal;
	float:left;
  	display: block;
  	color: #000;
  	text-decoration: none;	
  	text-align:left;
}
div#farvedetaljeholder
{
	width:300px;
	height:50px;
	display:block;
	float:left;
	margin-top: 15px;
}
div.enkeltfarveholder
{
	width:85px;
	height:50px;
	display:block;
	float:left;
	text-align:left;
	padding-left: 2px;
}
div#downloadknap
{
	width:100px;
	height:20px;
	display:block;
	float:right;
	margin-top: -65px;
	text-align: ;
	background: url(/images/Layout/download.gif) 0px 0px no-repeat;
	padding-top: 2px;
        text-align:center;

}
div#downloadknap a
{
	font-family: Tahoma;
  	font-size: 11px;
  	font-weight: normal;
  	display: inline;
  	color: #000;
  	text-decoration: none;
  	height:20px;
  	text-align:center;	
}

div.farvenummer
{
	font-family: Tahoma;
  	font-size: 10px;
  	font-weight: normal;
  	display: block;
  	color: #000;
  	text-decoration: none;	
}
div#seriebox
{
	width: 375px;
	height: 375px;
	display: block;
	float:left;	
	margin-top: 20px;
}
div#seriebox2
{
	width: 365px;
	height: 500px;
	display: block;
	float:left;	
	margin-top: 32px;
	padding-left:23px;
}


div#seriebilledebox
{
	width: 375px;
	height: 350px;
	display: block;
	float:left;	
	text-align: center;
}
div#seriebilledebox2
{
	width: 375px;
	height: 500px;
	display: block;
	float:left;	
	text-align: center;
}
div.serieholder
{
	width: 375px;
	height:110px;
	display: block;
	float:left;
	padding: 20px 25px 0 0;	
}
div#pager
{
	width:375px;
	text-align:center;
	padding-top: 2px;
	font-family: Tahoma;
	float:left;
	display:block;
  	font-size: 10px;
  	font-weight: normal;
  	color: #000;
}
div#pageholder
{
	display: block; 
	float:left;
	text-align:center;	
	padding-left:20px;
}
div.whitespace
{
	display: block;
	float:left;	
	height:10px;
}
div#forrigeside
{
	display:block;
	float:left;
}
div#naesteside
{
	display:block;
	float:left;
}
div#pager div#forrige-link-box 
{
	float:left;
	margin:4px 0 0 4px;
}

div#pager div#forrige-link-box a 
{
	padding:2px 0 1px 4px;
	color:#000;
	display:block;
	text-decoration:none;
}

div#pager div#naeste-link-box 
{
	float:left;
	margin:4px 0 0 0;
}

div#pager div#naeste-link-box a 
{
	padding:2px 4px 1px 4px;
	display:block;
	text-align:right;
	text-decoration:none;
	color: #000;
}

div#pager div#side-links-box 
{
	float:left;
	text-align:center;
	padding-top : 6px;

}
div#pager div#side-links-box a 
{
	padding:5px 2px;
	margin:0 2px;
	font-family:sans-serif;
	font-size:9px;
	line-height:1px;
	color: #000;
	text-decoration:none;
}
div#pager div#side-links-box a:hover,
div#pager div#side-links-box a.valgt 
{
	font-weight:bolder;
	background-color: Transparent;
}
div#scrollbar
{
	width:700px;
}
div#seriebilledetekst
{
	margin: 8px 0px 10px 2px;
}
div#serieprodukterframe
{
	width: 733px;
	float:left;
	display:block;
	height:405px;
	text-align:left;
	padding: 5px 4px 0 5px;
	margin-top: 17px;
 	background: url(/images/layout/serieprodukterframe.png) no-repeat 338px 14px;
}
div#serieprodukterframe2
{
	width: 733px;
	float:left;
	display:block;
	height:545px;
	text-align:left;
	padding: 5px 4px 0 5px;
	margin-top: 17px;
 	background: url(/images/layout/serieprodukterframe2.png) no-repeat 338px 14px;
}
div#centerframe
{
	width: 710px;
	float:left;
	display:block;
	padding: 10px 20px 10px 10px;
	margin-top: 17px;
 	/*background: url(/images/layout/centerframe.gif) 0px 0px no-repeat;	*/
}

div#centertekstboks
{
	font-family: Tahoma;
  	font-size: 11px;
  	font-weight: bold;
	float:left;
  	display: block;
  	height: 11px;
  	color: #000;
  	padding:10px 0 10px 10px;
  	text-decoration: none;
  	width:680px;
}
div.seriebillede
{
	float:left;
	width:141px; 
	height:187px;
	display:block;
}
div.produktthumb
{
	float:left;
	width:125px; 
	height:120px;
	display:block;
}
div.produktthumb2
{
	float:left;
	width:115px; 
	height:160px;
	display:block;
}
div#scrollbartekst
{
	width:428px;
	text-align:left;
	float:left;
	display:block;	
	margin: 15px 0px 0px 17px;	
}

div#scrollbarteksttable
{
	width:330px;
 	
}
div#ikkescrollbar
{
	width:240px;
 	height:402px;
	float:right;
	display:block;
	margin: 0 0 0 0;
}
/*****************************************/
/*** bundindhold!					   ***/
/*****************************************/
div#bundindhold
{
  	width: 950px;
  	display:block;
  	height:17px;
  	padding:43px 0 0 0;
}

.three-column-footer 
{
    background:url(/images/layout/three-column-bg.png) no-repeat left bottom;
}

.two-column-footer 
{
    background:url(/images/layout/two-column-bg.png) no-repeat left bottom;
}

.frontpage-footer 
{
    background:url(/images/layout/footer.png) no-repeat left bottom;
    padding:10px 0 0 0 !important;
}

div#firmainformation
{
	font-family: Tahoma;
  	font-size: 11px;
  	font-weight: normal;
  	display: block;
  	height: 11px;
  	line-height: 12px;
  	text-decoration: none;
  	color:#000;
  	text-align:center;
}

div#firmainformation a 
{
	text-decoration:none;
	color:Black;
}
/*****************************************/
/*** Nyheder	!					   ***/
/*****************************************/

div.nyhed
{
	width: 420px;

}
div.nyhedsdato
{
	font-family: Tahoma;
	font-size:11px;
	font-weight: bold;
	color:#cdd1d5;
	padding-top:15px;
	padding-bottom:7px;
	border-bottom: 1px solid #cdd1d5;
}
div.nyhedslink
{
	font-family: Tahoma;
	font-size:11px;
	padding-bottom:4px;
	font-weight: bold;
	color:#000;
}
div.nyhedsbeskrivelse
{
	font-family: Tahoma;
	font-size:11px;
	font-weight: normal;
	color:#000;
}

div.nyhedslink a
{
	color:#000;
}



























/*****************************************/
/*** Storefinder					   ***/
/*****************************************/

div#storefinder-boks 
{
	font-family:Tahoma;
	padding:0 0 0 15px;
	
}

div#storefinder-boks h1 
{
	font-size:10pt;
	border-bottom:solid 1px Silver;
	padding:0 0 3px 0;

	margin:0 70px 10px 0;
}

div#storefinder-boks form
{
	margin:0;
	padding:0;
	margin-right:0px;
}

div#storefinder-boks form div 
{
	width:95px;
	float:left;
}

div#storefinder-boks form label
{
	display:block;
	font-size:10pt;
}

div#storefinder-boks form input.tekstboks
{
	width:92%;
}

div#storefinder-boks form select 
{
	width:96%;
}

div#storefinder-boks form div.knap-boks 
{
	text-align:right;
	float:none;
	clear:both;
	width:auto;
	padding-top:10px;
	margin-right:36px;
}
div#storefinder-boks a.knap 
{
	width:100px;
	float:right;
}

div#storefinder-resultater-boks
{
	clear:both;
}

div#storefinder-resultater-boks h2 
{
	font-weight:normal;
	border-bottom:solid 1px Black;
	font-size:10pt;
	margin:0 40px 0 0;
	padding:10px 0 0 0;
}

div#storefinder-resultater-indre-boks 
{
	padding:0;
}

div#storefinder-resultater-indre-boks div.butik-info-boks
{
	width:120px;
	height:60px;
	float:left;
	margin:15px 5px 10px 0;
}

div#storefinder-resultater-indre-boks div.butik-info-boks a 
{
    text-decoration:none;
    color:Black;
}

div#storefinder-resultater-indre-boks div h3, 
div#storefinder-resultater-indre-boks div p 
{
	margin:0;
	padding:0;
	font-family:Tahoma;
	font-size:8pt;
}



#storefinder-resultater-boks a
{
    text-decoration:none;
    color:Black;
}

#storefinder-resultater-boks a.selected 
{
    /*text-decoration:underline;*/
    color:#bbb;
    font-weight:bold;
    border-bottom:solid 2px #bbb;
}

#next-previous-links a
{
    color:#999;
    font-weight:bold;
}

#previous-link-box 
{
    width:150px;
    float:left;
}

#next-link-box 
{
    width:150px;
    float:right;
    text-align:right;
    padding-right:40px;
}












/*****************************************/
/*** Søgeresultater					   ***/
/*****************************************/

div#soge-resultat-boks  
{
	
}

div#soge-resultat-boks h1
{
	margin:0;
	padding:0 0 20px 0;
	font-size:10pt;
}

div#soge-resultat-boks h2
{
	margin:0;
	padding:0;
	font-size:10pt;
	border-bottom:solid 1px Black;
}

div#soge-resultat-sider 
{
	width:200px;
	float:left;
	margin-right:30px;
}
div#soge-resultat-sider h2 
{
	margin-bottom:10px;
}
div#soge-resultat-sider ul 
{
	margin:0;
	padding:0;
}
div#soge-resultat-sider li
{
	list-style-type:none;
}
div#soge-resultat-sider li a
{
	color:Black;
	display:block;
	padding:3px 0 3px 0;
	text-decoration:none;
	font-size:10pt;
	height:20px;
}

div#soge-resultat-produkter
{
	width:370px;
	_width:360px; /*IE6 hack*/
	float:right;
	margin-right:40px;
}

div#soge-resultat-produkter h2 
{
	padding:0;
	margin-bottom:10px;
}

div#soge-resultat-produkter div.resultat 
{
	width:120px;
	height:120px;
	float:left;
}










div#sitemap 
{
	padding-right:10px;
}

div#sitemap div.del 
{
	margin-bottom:20px;
}

div#sitemap h2 
{
	margin:0;
	padding:0 0 10px 0;
}

div#sitemap h2 a 
{
	background:transparent url(/images/layout/sitemap-menu-bg.gif) no-repeat;
	font-size:8pt;
	padding:4px 0 4px 20px;
	font-weight:normal;
}

div#sitemap ul 
{
	padding:0;
	margin:0 0 10px 20px;
}

div#sitemap ul li 
{
	list-style-type:none;
}

div#sitemap ul li a 
{
	
}

div#sitemap a 
{
	color:#000;
	display:block;
	text-decoration:none;
}























#produkt-menu 
{
    padding:0 11px 0 2px;
    border-top:2px solid #BCC3C8;
}

#produkt-menu ul 
{
    margin:0;
    padding:0;
}


#produkt-menu li 
{
    list-style-type:none;
}

#produkt-menu a 
{
    display:block;
    padding:3px 0;
    text-decoration:none;
    color:Black;
    border-bottom:2px solid #BCC3C8;
}

#produkt-menu a.level-1
{
    font-weight:bold;
    font-size:10pt;
}

#produkt-menu a.level-1:hover 
{
    background-color:Black;
    color:White;
}

#produkt-menu a.level-2:hover 
{
    background-color:#88898b;
    color:White;
}

#produkt-menu a.level-3:hover 
{
    background-color:#ababab;
    color:White;
}

#produkt-menu ul.level-1 a.selected
{
    background-color:Black;
    color:White;
    background:url("/images/layout/ikon-map.gif") no-repeat 140px 4px #000000;
}

#produkt-menu ul.level-1 a.selected2 
{
    background-color:Black;
    color:White;
}

#produkt-menu ul.level-1 a#sayso-nav-link.selected 
{
    background-image:none;
}

#produkt-menu ul.level-2 a.selected 
{
    background:none;
    background-color:#88898b;
    color:White;
    
}

#produkt-menu ul.level-3 a.selected 
{
    background:none;
    background-color:#ababab;
    color:White;
}



#produkt-menu ul.level-1 a
{
    padding-left:10px;
} 

#produkt-menu ul.level-2 a
{
    padding-left:25px;
} 

#produkt-menu ul.level-3 a
{
    padding-left:35px;
} 









#serie-picture 
{
    padding:15px 0 0 26px;
}








#competition-winners-page 
{
	background:url(/images/layout/vindere-bg.jpg) no-repeat;
    padding:280px 0 0 0;
    height:200px;
}

#competition-winners-en-page
{
	background:url(/images/layout/winners-bg.jpg) no-repeat;
    padding:280px 0 0 0;
    height:200px;
}

#winner-info 
{
	padding:0 0 0 30px;
	height:100px;
	font-size:13pt;
}



#competition-page 
{
    background:url(/images/layout/konkurrence-bg.jpg) no-repeat;
    padding:370px 0 0 0px;
    
}

#competition-answers
{
    padding:5px 0 0 20px;
    
}

#konkurrence-venstre-billede 
{
    padding:490px 0 0 6px;
}


#competition-text 
{
    padding:66px 297px 0 36px; 
    background:url(/images/layout/konkurrence-bund-bg.jpg) no-repeat;
    height:190px;
}

#competition-text p 
{
    margin:0;
    padding:0 0 9px 0;
}



#competition-questions 
{
    padding:20px 0 0 20px;
}

#competition-questions .question-field 
{
    padding:0 0 15px 0;
}

#competition-questions .check-field,
#competition-questions .field 
{
    padding-bottom:10px;
}

#competition-questions .field label
{
    display:block;
    width:80px;
    float:left;
    padding:3px 0 0 0;
}

#competition-questions .field input 
{
    float:left;
    width:200px;
}



#fashion-gallery-link 
{
	text-transform:uppercase;
}




#ydreproduktdetaljebox #prev-link 
{
	margin:20px 0 0 30px;
	display:block;
	width:30px;
	height:30px;
	float:left;
	background:url(/images/layout/prev.png) no-repeat;
	text-decoration:none;
}

#ydreproduktdetaljebox #next-link 
{
	margin:20px 20px 0 0;
	display:block;
	width:30px;
	height:30px;
	float:right;
	background:url(/images/layout/next.png) no-repeat;
	text-decoration:none;
}

