BODY, HTML {
	margin: 0px;
	background: #000000;
}

a:link, a:visited {
	color: #8ed400;
	text-decoration: none;
}

a:hover {
	color: #c0c0c0;
	text-decoration: underline;
}

.highlight {
	background-color: #ffff00;
}
.error {
	color: #e61a9b;
}

.large {
	font-size: 14px;
}

#pagecontainer {
	background-color: #1a1a1a;
	width: 960px;
	margin-left: auto; 
	margin-right: auto; 
	margin-top: 30px;
}

#top {
	padding: 20px;
	margin-bottom: 10px;
	position: relative;
	background: url(/img/detalje.gif) top right no-repeat;
	z-index: 50;
}
#toprightarea {
	position: absolute;
	top: 0px;
	left: 360px;
	background: url(/img/hlines.gif) repeat-x bottom;
	width: 600px;
	height: 55px;
}
#toprightarea a {
	color: #fff;
	font: 11px arial;
	text-decoration: none;
}
#toprightarea .openArtSearch {
	position: absolute;
	bottom: 8px;
	left: 0px;
}

#artSearch {
	position: absolute;
	top: 55px;
	left: 360px;
	width: 300px;
	height: 240px;
	background: #000;
	color: #fff;
	font: 11px arial;
	
}
#closeArtSearch {
	position: absolute;
	right: 0px;
	bottom: 0px;
	cursor: hand;
	cursor: pointer;
}

#artSearch h2 {
	color: #fff;
	font: 15px arial;
	margin: 0 0 5px 0;
}
#artSearch td {
	padding: 3px 5px 3px 0;
}
.textfield {
	background: #fff;
	font: 11px arial;
	padding: 2px;
	border: 1px solid #808080;
}

div input.button {
	background: #8ed400;
	padding: 3px 10px;
	color: #fff;
	font: 10px arial;
	border: none;
	text-transform: uppercase;
	text-decoration: none;
	cursor: hand;
	cursor: pointer;
}
div.button {
	background: #8ed400;
	padding: 4px 10px;
	display: block;
	text-align: center;
	color: #fff;
	font: 10px arial;
	text-transform: uppercase;
	text-decoration: none;
}

div a.button:link, a.button:visited {
	background: #8ed400;
	padding: 4px 10px;
	display: block;
	color: #fff;
	font: 10px arial;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
}
div a.button:hover {
	padding: 5px 9px 3px 11px;
	background: #c80d83;
}
.artworkBox {
}
.artworkBox h3 {
	font: 16px arial;
	margin: 0 0 8px 0;
}

.artworkBoxDetails {
	background: #111111;
}
.artworkBoxDetails .padding {
	padding: 10px;
}

.artworkBoxImage {
	text-align: center;
	padding: 10px;
}

#imgInfo {
	background: #303030;
}
#imgInfo .buybutton {
	height: 16px;
	display: block;
	padding: 2px 10px 2px 19px;
	background: #8ed400 url(/img/magnifier.gif) no-repeat 4px 3px;
	text-decoration: none;
	color: #fff;
}

ul.artistMenu {padding: 0; margin: 0; height: 30px;}
ul.artistMenu li {list-style: none; display: inline;}
ul.artistMenu li a, ul.artistMenu li a:link, ul.artistMenu li a:visited {
	display: block;
	float: left;
	padding: 4px 10px;
	color: #fff;
	text-decoration: none;
	font-size: 14px;
	background: #484848;
	margin-right: 1px;
}
ul.artistMenu li a.active, ul.artistMenu li a.active:link, ul.artistMenu li a.active:visited {
	color: #fff;
	background: #8ed400;
}
ul.artistMenu li a:hover {
	color: #fff;
	background: #8ed400;
}



/*
MENU STUFF
*/

#menuline {
	margin: 0;
	padding: 0;
	width: 100%;
	background: #505050;
}

#menuline li {
	display: inline;
}

#menuline li div {
	background: url(/img/menulinedots.gif) 7px right ;
	padding-right: 20px;
}
#menuline li a:link, #menuline li a:visited {
	display: block;
	float: left;
	padding: 5px 14px 5px 14px;
	font: 11px arial;
	color: #fff;
	text-decoration: none;
	background: url(/img/menulinedots.gif) right no-repeat;
}
#menuline li a.active:link, #menuline li a.active:visited {
	background-color: #707070;
}

#menuline li a:hover {
	background-color: #707070;
}

#leftcol {
	width: 160px;
	vertical-align: top;
	padding: 20px 0;
	background: url(/img/vlines.gif) 153px 0px repeat-y;
}

#leftmenu {
	padding: 0;
	margin: 0;
	background: #1a1a1a;
}
#leftmenu li {
	list-style: none;
	display: inline;
}
#leftmenu li a {
	display: block;
	font: 10px arial, sans-serif;
	color: #bbbbbb;
	padding: 5px 0;
	text-transform: uppercase;
	text-decoration: none;
	text-align: right;
}
#leftmenu li a.active:link, #leftmenu li a.active:visited {
	background: url(/img/colordot.gif) 0px 17px repeat-x;
}

#leftmenu li a:hover {
	color: #ddd;
}



#canvas {
	padding: 0px;
	vertical-align: top;
}
#canvasMenu {
	padding: 0px;
	width: 740px;
	padding-left: 40px;
	padding-bottom: 20px;
	vertical-align: top;
}

		#creditcontainer {
			text-align: right;
			width: 960px;
			margin: auto;
			font: 10px arial;
			color: #202020;
			padding-top: 40px;

		}
		
		#creditcontainer a {
			color: #202020;
			text-decoration: none;
		}
		#creditcontainer a:hover {
			color: #303030;
			text-decoration: none;
		}

		#bottombar {
			width: 920px;
			background: #0b0b0b;
			margin: auto;
			color: #828282;
			font: 11px arial;
			padding: 20px;
			vertical-align: middle;
		} 
	
#messageBox {
	position: absolute;
	display: none;
	width: 400px;
	z-index: 500;
}

#messageBox .container {
	background: #8ed400;	
	color: #ffffff;
	padding: 30px;
}
#messageBox.error .container {
	background: red;
	
}
#messageBox .container .content {
	color: #ffffff;
	font: 14px arial;
}
	
	
	
/******************************************************************************************
	DIVERSE GENERELLE STYLES
*****************************************************************************************/


ul li {
	list-style-type: square;
	list-style-image: url(/img/li_image.gif);
}

.element P {
	margin-top: 0px;
}

.breadcrumb {
	padding: 0px 0px 10px 0px;
	font: 10px verdana;
	color: #7d7d7d;
}
	.breadcrumb A:link, .breadcrumb A:visited {
		font-weight: bold;
		color: #22426D;
		text-decoration: none;
	}
	.breadcrumb A:Hover {
		font-weight: bold;
		color: #7d7d7d;
		text-decoration: underline;
	}


	
	
.vline {
	background-image: url(/img/vline.gif);
	background-repeat: repeat-y;
	background-position : center;
}
.hline {
	background: none;
	height: 30px;
}
	
.jcarousel-control { margin-left: 10px; }



.jcarousel-control a:link, .jcarousel-control a:visited { 
	color: #fff; 
	background: #303030; 
	padding: 1px 4px; 
	text-decoration: none;
	margin-right: 2px;
}
.jcarousel-control a.activeSlide:link, .jcarousel-control a.activeSlide:visited { 
	background: #8ed400; 
}


#thumbnailContainer #prev {
	width: 7px; 
	height: 280px; 
	position: absolute; 
	overflow: hidden; 
	left: 0; 
	top: 0; 
	background: url(/img/nav_left.gif) 0px center no-repeat; 
	cursor: pointer;
}
#prev.active {
	background: url(/img/nav_left.gif) -7px center no-repeat !important;
}

#thumbnailContainer #next {
	width: 7px; 
	height: 280px; 
	position: absolute; 
	overflow: hidden; 
	right: 0; 
	top: 0; 
	background: url(/img/nav_right.gif) -7px center no-repeat; 
	cursor: pointer;
}
#next.active {
	background: url(/img/nav_right.gif) 0px center no-repeat !important;
}	
/******************************************************************************************
	FORMATTERING AF CMS ELEMENTER
*****************************************************************************************/


/* CM Styles */
#PageTitle {
	margin-bottom: 20px;
}
#PageTitle h1 {
	margin: 0px;
	font: 17px arial;
	color: #fff;
}
#PageTitle p {
	font: 65% verdana;
	color: #6b6b6b;
	border: 1px solid silver;
	background: #f5f5f5;
	padding: 5px;
	margin: 5px 0px 10px 0px;
}

/*
  Layout STYLES
*/

.LayoutFull {
}

.LayoutCol {
	width: 740px;
	/*background-image: url(/img/vline.gif);
	background-position: 75%;
	background-repeat: repeat-y;*/
}
	.LayoutCol1 {
		width: 550px;
		margin-right: 10px;
		padding: 0px;
		vertical-align: top;
	}
	.LayoutCol2 {
		width: 180px;
		padding: 0 10px;
		vertical-align: top;
	}



/*
  GRID STYLES
*/

	.gridFull {
	}

	.gridSplitMid {
		width: 100%;
		background: none;
	}

	.gridSplitMidLeft {
		float: left;
		width: 48%;
		margin-right: 1%;
	}
	.gridSplitMidRight {
		float: right;
		width: 48%;
		margin-left: 2%;
	}


	.gridSplitRight {
		width: 100%;
		background-image: url(/img/vline.gif);
		background-position: 71%;
		background-repeat: repeat-y;		
	}

	
	.gridSplitRightLeft {
		float: left;
		width: 70%;
	}
	.gridSplitRightRight {
		float: right;
		width: 27%;
		padding-left: 2%;
	}
	
	.gridSplit3 {
		width: 100%;
		margin-bottom: 20px;
		background: none;
	}
	
	
	.gridSplit3p1 {
		width: 33%;
		padding-right: 8px;
	}
	.gridSplit3p2 {
		width: 33%;
		padding-left: 8px;
		padding-right: 8px;

	}
	.gridSplit3p3 {
		width: 33%;
		padding-left: 8px;
		background: none;
	}


/* 
	ELEMENT STYLES
*/



.elementNormal1 {
	font: 70% arial;
	margin-bottom: 10px;
	color: #d7d7d7;
}
	.elementNormal1 h2 {
		font: normal 17px arial, sans-serif;
		color: #fff;
		background: url(/img/hlines.gif) bottom repeat-x;
		padding-bottom: 12px;
		margin: 0px 0px 5px 0px;
		
	}
	.elementNormal1Content {
		font: 100% arial;
		line-height: 130%;
	}
	.elementNormal1Content p {
		margin: 0px 0px 15px 0px;
	}
	

.elementNormal2 {
	font: 75% arial;
	margin-bottom: 40px;
	color: #d7d7d7;
}
	.elementNormal2 h2 {
		font: 17px "georgia", arial, sans-serif;
		border-left: 5px solid #8ed400;
		padding-left: 10px;
		color: #fff;
		margin: 0px 0px 5px 0px;
		
	}
	.elementNormal2Content {
		font: 12px arial;
	}
	.elementNormal2Content p {
		margin: 0px 0px 15px 0px;
	}
	

.elementNormal3 {
	
}
	.elementNormal3 h2 {
		font: 18px verdana;
		margin-bottom: 5px;
	}
	.elementNormal3 p {
		font: 11px verdana;
		margin-bottom: 5px;	
	}


.elementBox1 {
	width: 100%;
	font: 70% arial;
	margin-bottom: 10px;
	color: #fff;
	background: url(/img/vlines.gif) 0px 0px repeat-y;
}
	.elementBox1 h2 {
		font: bold 100% tahoma;
		margin: 0px;
		padding: 0 0 5px 15px;
		
		
	}
	.elementBox1Content {
		padding: 0 0 0 15px;
		overflow: hidden;
	}
	.elementBox1Content p{
		margin: 0px 0px 8px 0px;	
	}
	.elementBox1Link{
		padding: 5px 5px 0px 0px;
		font-weight: bold;
	}
	
.elementBox2 {
	font: 80% arial;
	margin-bottom: 6px;
	margin-top: 4px;
}
	.elementBox2 a {
		
	}
	.elementBox2 h2 {
		color: #7d7d7d;
		font: bold 11px verdana;
		margin: 0px;
		padding: 5px 0px 5px 5px;
		background: #f5f5f5;
		border: 1px solid #d7d7d7;
	}
	.elementBox2Content {
		padding: 0px 10px 10px 10px;
		
	}

	.elementBox2Content p {
		margin-top: 5px;	
		margin-bottom: 5px;	
	}
	

.elementBox1 UL, .elementBox2 UL, .elementBox3 UL {
	margin-left: 15px;
}

.ListExtContainer .Even, .ListExtContainer .Odd {
	background-image: url(/dcminc/img/hline.gif);
	background-repeat: repeat-x;
	background-position: 0px 100%;
}

.ListExtContainer a {
	font-weight: normal;
}
.ListExtContainer .Date {
	font: bold 10px verdana;
	color: #7d7d7d;
}

.PollResultChoice .Bar {margin-top:2px; border: 1px solid silver;}
.PollResultChoice .BarActive {overflow: hidden; height: 7px; background-color: #22426D; border: none;}


/******************************************************************************************
	NYHEDER
*****************************************************************************************/


/* OVERBLIK */
.NewsListItem  {
	padding: 6px 0px 6px 0px;
	margin-bottom: 8px;
	border-bottom: 1px solid silver;
	font-size: 100%;
	color: #fff;
}
.NewsListHeader {
	color: #fff;
}
.NewsListItemHeader {
}
.NewsListItemTitle {
	float: left;	
	font: 80% arial;
}

.NewsListItemDate {
	float: right;
	font: 70% arial;
	text-align: right;
}

.NewsListItemBody {
	font: 70% arial;
	line-height: 130%;
}

.ShowNewsItem  {
	background: none;
	border: none;
	padding: 0px;
	margin-bottom: 15px;
	font-size: 100%;
	color: #fff;
}

.ShowNewsItemHeader {
}
.ShowNewsItemTitle {
	float: left;	
	font: bold 90% arial;
}

.ShowNewsItemDate {
	float: right;
	font: 70% arial;
	text-align: right;
}

.ShowNewsItemBody {
	font: 70% arial;
	line-height: 130%;
}

.ListItem {
	padding: 3px 0px 3px 0px;
	background-image: url(/img/hline.gif);
	background-position: 0px 100%;
	background-repeat: repeat-x;
}
	.ListItem .Title{
		font: 70% arial;
		float:left;
	}
	.ListItem .Date{
		font: 70% arial;
		float:right;
	}
.ListHeader{
	font: bold 80% arial;
}

.UdtraekItemNormal {
	padding: 2px 0px 2px 0px;
	background-image: url(/img/hline.gif);
	background-position: 0px 100%;
	background-repeat: repeat-x;
	font-size: 100%;
}
	.UdtraekItemNormal .Title{
		font: bold 100% arial;
		float:left;
		
	}
	.UdtraekItemNormal .Date{
		font: 100% arial;
		float:right;
	}
.UdtraekItemBox {
	padding-bottom: 6px;
	background-image: url(/img/hline.gif);
	background-position: 0px 100%;
	background-repeat: repeat-x;
}
	.UdtraekItemBox .Title{
		font: bold 100% arial;
	}
	.UdtraekItemBox .Date{
		font: 80% arial;
		color: #a1a1a1;
	}


/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
	position: relative;
}

.jcarousel-clip {
	z-index: 2;
	padding: 0;
	margin: 0;
	overflow: hidden;
	position: relative;
}

.jcarousel-list {
	z-index: 1;
	overflow: hidden;
	position: relative;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
	float: left;
	list-style: none;
	/* We set the width/height explicitly. No width/height causes infinite loops. */
	width: 75px;
	height: 75px;
}

.jcarousel-next {
	z-index: 3;
	display: none;
}

.jcarousel-prev {
	z-index: 3;
	display: none;
}

.jcarousel-clip-horizontal {
width: 100%;
}

.jcarousel-item {
height: 100%;
}

li.slide {
	height: 260px;
	width: 240px;
}

.gallery .type2 .imageContainer {
	border: 1px solid #1a1a1a;
	margin-bottom: 10px;
	margin-right: 10px;
}
.gallery .type2 .active {
	border: 1px solid #505050;
}