/*v1 site css*/

body {
	width: auto;
}


/**fonts**/

/*default fontfamily*/
body, p, div, h1, h2, h3, h4, h5, h6, span, input, textarea {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

p, span{	
	font-size: 11px;
	font-style: normal;
	color: #000000;
	line-height: 14px;
	/*padding: 0;*/ 
}

/*default link. be aware of margin/padding..*/
a {
	font-size: 10px;
	text-transform: uppercase;
	text-decoration: none;
	color: black;		
	padding: 1px 2px 1px 2px;	
	margin: 0px -2px 0px -2px;	
	font-weight: bold;
	border: none; 
	/*border: 1px solid green; */	 
}
a:hover {
	background-color: black;
	color: white;
	font-weight: bold;
	/*neccessary??*/
	/*
	padding: 1px 2px 1px 2px;	
	margin: 0px -2px 0px -2px;
	*/	
}
a:active {
	background-color:#999999;
	color: black; 
}
/* we need to accomodate user generated p's in fronttext*/
h1, h1.push p, p.h1link 	
 {	
	font-size: 44px;
	font-style: normal;
	font-weight: bold;
	line-height: 41px;
	text-transform: uppercase;
	color: #000000;
}

/*newslist header as links*/
h1 a, h1 a:hover {
	font-size: 44px;
	height: 40px; 
	font-style: normal;
	font-weight: bold;
	/*line-height: 0.8;*/
	text-transform: uppercase;
	background-color: white !important;
	color: black !important;
	line-height: 41px !important; 
}

h2 {	
	font-size: 24px;
	line-height: 1.0em;
	font-weight: normal;
	text-transform: uppercase;
	color: #000000;
}
h3 {
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-transform: uppercase;
	color: white;
	background-color: black;
	line-height: 13px;
	
}

/*links på sort baggrund*/
h3 a, .imgtext a {
	text-decoration: none;
	color: white;
	font-weight: normal;
	
}
h3 a:hover, .imgtext a:hover, .nohover:hover {
	background-color: white;
	color: black;
	font-weight: normal;
}

h3 a:active{
	background-color: grey;
}
h4 {
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-transform: uppercase;
	color: white;
	background-color: black;
	line-height: 16px;	
}

/**layout tag defaults**/
div, p, body, h1, h2, h3, h4, h5, h6 {
	margin: 0; 
	padding: 0;	
}


img {
	border: none; 	
}


/**layout positioning**/	

/*common basic layout elemsns (same padding)*/
#top, #maincontent, #topsmall, #menu, #spacerTopMain {
	padding-left: 20px;
}	
	

/**common black top*/
#top {
	height: 36px;
	background-color: black;
	padding-left: 20px;
	vertical-align: middle; 
	/*border: 1px solid red;*/ 	 
}

	/*back link*/
	#back {
		position: absolute;  
		top: 5px;			
		width: 40px; 	
	}
	
	#titletext {
		/*float: left; */
		position: absolute;  
		top: 4px; 
		left: 80px; 
		width: 400px; 	
	}
	
	#pagetitle {
		position: absolute; 
		right: 30px;
		top: 6px;		
	}
	
	#pagetitle h2{
		color: white;
	}
	
	
	#titletext p{
		color: white; 
	}

	

/**common black top - small**/
#topsmall {
	height: 15px;
	background-color: black;	
}

/**spacer**/
#spacerTopMain {
	height: 45px;	
	background-color: white; 
	/*border-bottom: 1px solid red; */
}

/*push link-p in*/
#spacerTopMain p {
	margin-left: 2px; 
	position: relative; 
}


/**maincontent**/
#maincontent {
	position: relative; 	
	height: 375px; 
	background-color: white; 
	padding-left: 20px; 
	/*margin-bottom: 20px !important;*/
	/*border: 1px solid orange;*/ 	 
}

/*read in default width*/
/*
#maincontent, #spacerTopMain {
	width: 1200px; 	
}
*/

/*apply to pages with menu*/
.black {
	background-color: black; 
	/*width: auto;*/ 	 
}

/**main menu. Used on front, exhi. archive**/
#menu {
	background-color: black; 
	padding-top: 20px; 
	padding-bottom: 50px;	  
	width: 200px; /*to avoid clash with imagetext*/
	position: relative; 
	/*border: 1px solid white;*/ 	
}


/*contentcontainer used on front, exhi. archive*/
.push {
	margin-left: 240px; 
	 
}

.push a:hover{
	/*background-color: transparent;*/  
}

/**news itemn**/
/*10px space is applied as margin to img and spacer */

.newsItem {
	width: 420px;
	margin-bottom: 20px; 
}

.newsItem span {
	float: right; 
	padding-left: 4px; 
}


.newsItem #addcomment{
	margin-top: 20px; 
	margin-bottom: 15px; 
}

.comment {
	/*height:14px; */	
	/*margin-left: 2px; */
}

/*links go to new line in win FF*/
.comment span a {
	/*display: inline;*/
	margin-right: 0;	
	/*use this a default link behaviour??*/
	padding: 0 2px;  
	margin-left: -2px; 	   	
}

.newsItem img {
	margin-top: 10px; 
	/*border: 1px solid green; */
}

/*p space in item main text*/
.pSpacer {
	height: 6px; 
}

/*add buttom margin for items date...*/
.date {
	/*margin-bottom: 0px; */
}

.newsSpacer {
	background-color: black;
	height: 6px !important; 
	margin-bottom: 10px; 
	margin-top: 4px; 
	font-size: 6px; 
}

/*newsitem form styles*/
/*default input */
input, textarea  {
	font-size: 11px;
	font-style: normal;
	line-height: 11px;
	border: 1px solid black; 
	background-color: white; 
	padding: 0 2px; 	
}

textarea {
	width: inherit; 
	width: 420px; 
	padding: 2px 3px; 
}

form p	{
  clear: left;
  margin: 0;
  padding: 0;
  /*padding-top: 4px;*/
  margin-bottom: 12px; 
}

/* label bruges generelt til at skabe fast indryk i formularer*/
form p label {
  float: left;
  width: 90px;  
  
}

.txt	 {
	width: 236px; 
	border: 1px solid black; 
	padding-left: 4px; 
	/*height: 12px; */
}

#submit {
	float: right;
	margin-right: -8px; 	
	margin-top: 2px;
	padding-top: 2px; 
}

* html #submit{
		margin-right: 0; 
}


/**front**/
#page {
	float: left; 
}

#logo {
	position: absolute; 
	right: 12px; 
	top: -28px; 
}


/*links*/
/*is only used on links*/
/*we use the h6 for vertical space through line-height..*/

h6, #categories p {
	font-size: 10px;
	font-style: normal;	
	color: black;	
	line-height: 1.6;	
	/*border: 1px solid red; */
	/*margin-bottom: 4px !important; */
}

#categories p {
 	font-weight: bold; 
 }

h6 {
	text-transform: uppercase;
	font-weight: normal;		
}


/*used on 'links'*/
h6 a {
	margin: 0 !important; 
	text-decoration: none;
	color: white;
	font-style: normal;
	font-weight: normal;
	background-color: black;
	padding: 1px 40px 0 4px !important;
	/*border: 1px solid red; */
	/*margin-left: -2px;*/
	/*margin-bottom: 42px;*/
}

#linkbox a:hover {
	background-color: white;
	color: black;
	font-weight: normal;
}
#linkbox a:active{
	background-color: grey;
}

h6 a:active{
	color: #CCCCCC; 
}


#categories {	
	display: inline; 
}

#categories p {
	/*line-height: 16px;*/

}

#linkbox {
	/*display: inline; */
	float: left; 		
	margin-right: 75px;  	
}

#spacerTopMain p {
  position: relative;
  top: 26px;
}

/**press/people */
.imgbox {	
	float: left;
	margin: 0 10px 10px 0; 		
}


.imgbox a:hover, .imgbox a:active {	
	background-color: transparent;  		
}

 .imgbox p {
	width: auto !important;	
}



.press img {
	margin: 0 10px 10px 0; 
}



/**exhibition/archive **/

/*attempt to limit imageheight. Works in IE 6.0 but not in win FF*/
/*use: attach id to items container div */
/*alternatively we let backend secure correct imagesizes*/
.verticalwidth {
	width: auto; 	
}

#itemcontainer {
	height: 380px;
	/*overflow: hidden; 	*/
}

/*sets margin between item*/ 
.itembox {
	float: left;		
	margin: 0 15px 20px 0; 			
/*	padding-right: 2px; */
	height: 380px;
/*	border: 1px solid orange; 		*/
}


/*display is not inherited*/
.itembox, .itembox img, .contentbox img {
	display: inline; 			
}



/*bottom align box with image and imagetext*/
.contentbox {
	position: absolute;	
	bottom: -50px;  	 	
	padding: 0; 	
	
	
}

.contentbox a {
	padding: 0; 	
	/*margin-right: 20px; */
}


.contentbox img {		
	/*border: 1px solid red; */
	position: absolute; 
	bottom: 70px;		  
	border: none; 		 
}

/*we write out the image non-positioned (i.e. in document flow) and hidden to 
calculate itembox width*/ 
.hidden {
	visibility: hidden;	 	
}


/***tekst under billeder***/
.contentbox span {
	position: relative; 
	color: white !important;	 
	line-height: 0.8 !important;
	font-size: 10px;	
	/*border: 1px solid green;  */
}


/*IE 4px, Firefox 2px, Safari 0*/
.contentbox span a, .newexlink {
	text-transform: none; 
	color: white;
 	padding: 0;
	margin-right: 4px; 
	line-height: 0.8 !important;
	line-height: 1.1 !important;
	font-size: 10px;	
	margin-left: 4px; 
}



.contentbox span a:hover {	
	color: black;
	background-color: white;
	   	
}

/**exhibitions/artists */
ul.imagelist {
	list-style-type: none; 
	display: inline; 
	margin: 0; 
	padding: 0;
}

ul.imagelist li{
	display: inline; 
	margin: 0; 
	padding: 0;
}

ul.imagelist li p{
	display: inline; 
}

/**profile**/
#profileimg {	
	/*width: 400px; 
	height: 564px;*/ 
	float: left; 
	margin: 0 20px 20px 0; 
}



#profilecontainer {
	width: 420px; 
	float: left;
	margin: 0 30px 0 0;  
}

#profiletext  {
	clear:both;
}	

#profilecontainer p {
	margin-bottom: 14px; 
}


/*current ex*/
.flyer {	
	/*width: 400px; 
	height: 564px;*/
	float: left; 
	margin: 0 20px 20px 0; 
}


#contactleft, #contactright {
	margin-bottom: 2px; 
}

#contactright {
	float: right; 
	padding-left: 2px; 
	display: inline; 
}
#contactleft {
	float: left; 
}

/*container for thumb images. Removes border on images and sets neutral links*/
.thumbrow img {
	border:none; 	
}

.thumbrow a {
	border:none;
	text-decoration: none;  	
	background-color: transparent; 
}

/*container for popuppages*/
#popcontainer {
	padding: 4px;
	 
}

#popcontainer img {
	margin-top: 4px;
	margin-right: 4px; 
}


/**fixed width on maintext - front*/ 
#fixed {
	width: 600px; 	
}


/**mailto link in menu*/
#mailto {
	margin-top: 20px; 	
}