/*@import url("http://www.kunstforeninger.no/css/screen.css");*/
/*@import url("http://www.kunstforeninger.no/css/print.css");*/


.bgImage {
	background-image: url(../images/2greyturcbac.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.sidebarHeader{
	font-size: 10pt;
	font-weight: bold;
	margin-bottom: 0px;
	margin-top: 6px;
	color: #000000;
}
.sidebarText, .sidebarText a, .sidebarText a:visited, .sidebarText a:link, .sidebarText a:hover, .sidebarText a:active{
	font-family: Arial;
	font-size: 8pt;
	font-weight: normal;
	line-height: 110%;
	color: #000000;
}
b.artColTitle {
	color: #666666; font-size: 13pt;
}


.fparticle h3
{
color: #333;
margin-bottom: 5px;
}




.container
{
background: #fff;
border: 1px solid #ddd;
}


#side-menu
{margin-left: 5px;
margin-top: 15px;}

.topbanner
{
padding: 0px;
}

.topbanner img
{
float: left;
margin: 0px;
}

.topbanner h1
{
float: left;
display: block;
font-size: 50px;
margin-top: 30px;
color: #00769e;
}

#bunn p
{text-align: center;}

.breadchrumb li
{
list-style:none;
display: inline;
line-height: 20px;
margin-left: 0px;
}

.bread1, #bunn
{
background:#c0c0c0;
height: 20px;
}

h3.articleheading
{
color: #555;
font-size: 16px;
display: block;
border-bottom: 1px solid #879caf;
}

.rmarginnh
{
padding-left: 5px;
}

/*.rmarginnh li 
{
list-style: none;
}*/


#medlemsinnlogging
{

/*border: 1px solid red;*/
width: 170px;
}

#medlemsinnlogging form
{

/*border: 1px solid green;*/
width: 100px;
padding-left: 6px;
padding-bottom: 6px;

}

#rmarg, #content
{
border-left: 1px solid #c0c0c0;
padding: 5px;

}

.sidebarHeader
{
	color: #444;
	border-bottom: 1px solid #ddd;
}

.contentframe
{padding-top: 20px;}


#side-menu .top-image {margin-top:3px;}
		
#side-menu ul {display:block;margin:0px; padding:0px; list-style:none;}
#side-menu li {display:block; float:left; margin: 0px;width:170px;}
#side-menu a {text-decoration:none}

/* 1st level and general */

#pde_div_9894 {display:block; margin:0 0 0 0; padding:0 0 0 0; background: transparent; overflow: hidden;}
#pde_div_9894 ul.web123_pde_9894 {float: left; padding: 0;}
#pde_div_9894 ul.web123_pde_9894 li {padding: 0; margin-top: 0;}
#pde_div_9894 ul.web123_pde_9894 li a {display:block;height:auto;line-height:16px;color:#333;background-repeat:no-repeat;border-bottom:1px solid #ddd;}
#pde_div_9894 ul.web123_pde_9894 li a:hover {height:auto;line-height:16px;color:#f30;background-repeat:no-repeat;}

/*Toppniv� - lager bakgrunn ved hover + bilde med pil, setter mouseover bakgrunnsfarge */
#pde_div_9894 .menu_li_1 a:hover {padding: 2px 0 2px 9px; background: url(http://sites.web123.no/NorskeKunsthaandverkere/ndesign/artimages/arrow-level-1-on.gif) 0px .5em; }
#pde_div_9894 .menu_li_2 a:hover {padding: 2px 0 2px 14px; background: url(http://sites.web123.no/NorskeKunsthaandverkere/ndesign/artimages/arrow-level-1-on.gif) 5px .5em; }
#pde_div_9894 .menu_li_3 a:hover {padding: 2px 0 2px 24px; background: url(http://sites.web123.no/NorskeKunsthaandverkere/ndesign/artimages/arrow-level-1-on.gif) 15px .5em; }
#pde_div_9894 .menu_li_4 a:hover {padding: 2px 0 2px 34px; background: url(http://sites.web123.no/NorskeKunsthaandverkere/ndesign/artimages/arrow-level-2-on.gif) 25px .6em;}
#pde_div_9894 .menu_li_5 a:hover  {padding: 2px 0 2px 44px;  background: url(http://sites.web123.no/NorskeKunsthaandverkere/ndesign/artimages/arrow-level-2-on.gif) 35px .6em;}

/* Meny tekstfarge og bilde for hvert niv�*/
#web123_pde_9894 .menu_link_1 {padding: 2px 0 2px 9px; background: url(http://sites.web123.no/NorskeKunsthaandverkere/ndesign/artimages/arrow-level-1.gif) 0px .5em;}
#web123_pde_9894 .menu_link_2 {padding: 2px 0 2px 24px; background: url(http://sites.web123.no/NorskeKunsthaandverkere/ndesign/artimages/arrow-level-1.gif) 15px .5em;}
#web123_pde_9894 .menu_link_3 {padding: 2px 0 2px 34px; background: url(http://sites.web123.no/NorskeKunsthaandverkere/ndesign/artimages/arrow-level-1.gif) 25px .5em;}
#web123_pde_9894 .menu_link_4 {padding: 2px 0 2px 44px; background: url(http://sites.web123.no/NorskeKunsthaandverkere/ndesign/artimages/arrow-level-2.gif) 35px .6em;}
#web123_pde_9894 .menu_link_5 {padding: 2px 0 2px 54px; background: url(http://sites.web123.no/NorskeKunsthaandverkere/ndesign/artimages/arrow-level-2.gif) 45px .6em;}

/* Menyvalg valgt p� toppniv� - funker ikke i Mozilla */
#web123_pde_9894 .cpage_1 {background: url(http://sites.web123.no/NorskeKunsthaandverkere/ndesign/artimages/arrokw-level-1-on.gif) 0px .5em no-repeat; }
#web123_pde_9894 .cpage_2 {background: url(http://sites.web123.no/NorskeKunsthaandverkere/ndesign/artimages/arrokw-level-1-on.gif) 5px .5em no-repeat; }
#web123_pde_9894 .cpage_3 {background: url(http://sites.web123.no/NorskeKunsthaandverkere/ndesign/artimages/arrokw-level-1-on.gif) 15px .5em no-repeat; }
#web123_pde_9894 .cpage_4 {background: url(http://sites.web123.no/NorskeKunsthaandverkere/ndesign/artimages/arrokw-level-2-on.gif) 25px .5em no-repeat; }
#web123_pde_9894 .cpage_5 {background: url(http://sites.web123.no/NorskeKunsthaandverkere/ndesign/artimages/arrokw-level-2-on.gif) 35px .5em no-repeat; }

/* The class to hide nested ULs */
.hide_9894{top:0;position:absolute;left:-4000px;}

/* The class to show nested ULs */
.show_9894{ position:static; display: table; top:0; left:1em;}

.right
{
float: left;
margin-right: 8px;
margin-bottom: 8px;
}

.artikkel p
{margin-top:10px;}


/* define background image for the expose mask */
#mask {
	background:#123 url(http://f.web123.no/jquery/images/mask_gradient_1800.png) no-repeat;
	background-position:50% -200px;
}

/* general settings for both scrollables */
div.items {	
	width:20000em;	
	position:absolute;
	clear:both;
}

/* next/prev buttons */
div.navi {
	background-image:url(http://f.web123.no/jquery/images/hori_large.png);
	width:30px;
	height:30px;
	float:left;
	margin-top:55px;
}

div.navi:hover  		{ background-position:-30px 0; }
div.navi:active  		{ background-position:-60px 0; }
div.nextPage 			{ background-position: 0 -30px; clear:right; float: right;}
div.nextPage:hover 	{ background-position:-30px -30px; }
div.nextPage:active 	{ background-position:-60px -30px; } 


div.navi.disabled {
	visibility:hidden;		
}


/* the thumbnail scrollable */
#thumbnails {
	position:relative;
	overflow:hidden;	 	
	width: 580px;	
   float: left;
	height:140px;
	background:#222 url(http://f.web123.no/jquery/images/h150.png) repeat-x;
	margin:0px;
	border:2px solid #fff;
	outline:1px solid #333;
	-moz-outline-radius:4px;
}

#thumbnails div.items div {
	padding:3px;
   float: left;
}


/* box styling */
#box {
	background-image:url(http://f.web123.no/jquery/images/black.png);
	width:656px;
	height:524px;
	position:absolute;
	display:none;
}

/* 
	image is contained on the overlay background image. 
	the closing button is thus just a transparent container. 
*/
#box div.close {
	background:none;
	position:absolute;
	left:8px;
	top:8px;
	cursor:pointer;
	height:35px;
	width:35px;
}

/* overlay scrollable */
#images {	
	position:absolute;
	overflow:hidden;
	margin:0px;
	width:557px;
	height:400px;	
}

/* single image */
#images div.items div {
	float:left;
	width:557px;
	height:400px;
	margin-right:30px;
}

/* the tooltip */
#images div.items div.info {
	float:none;
	background:#333;
	color:#fff;
	font-size:13px;
	margin-top:-137px;
	padding:5px 75px;
	height:125px;
	display:none;
	width:490px;
}

#images div.items div.info h3 {
	color:#cde;
	margin-top:10px;
}
	

/* override button style on the overlay */
#box div.navi {
	position:absolute;
	bottom:33px;
	left:0px;
}

#box div.nextPage {
	left:560px;
}

#ArtAlbumMain {
position:relative;
 width: 650px;
 padding: 0px;
 padding-bottom: 10px;
}


/* SLIMBOX */

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}


blockquote
{
	font-style: italic;
	font-family: Georgia, Times, "Times New Roman", serif;
	padding: 2px 0;
	border-style: solid;
	border-color: #ccc;
	border-width: 0;
}

blockquote
{
margin-top: 10px;
margin-bottom: 10px;
margin-left: 20px;	
padding-left: 20px;
	padding-right: 8px;
	border-left-width: 5px;
}



pre
{
	white-space: pre-wrap; /* CSS 2.1 */
	word-wrap: break-word; /* IE7 */
}

.marker {
    background-color: Yellow;
}

.bgImageL {
min-height: 550px;
}