/**defaults**/

.header1 {
	color: #FF0011; 
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bold; 
	font-size: 14px; 
	/*margin: 0; */
}

/*default fontfamily*/
body, p, div, h1, h2, h3, h4, h5, h6, span, input, ul, li, a, select {
	font-family: Helvetica, Arial, sans-serif;
}

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

/*brødtekst/default text*/
p, .default, div {	
	font-size: 12px;
	font-style: normal;
	color: black; 
	line-height: 1.3;
}

img {
	border: none; 
}

/*som brødtekst bare i bold*/
h5 {
	font-size: 9pt;
	line-height: 12pt;
}



/*fx. ex.titler i ex lister. Skal være identisk med link heri..*/
/*denne rule skal kunne bruges i backend som formatering....!!!!*/
h4, h4 a, h4 a:link, a.redlink, .redlink {
	color: #FF0011; 
	font-size: 12px;
	line-height: 1.3; 
	font-weight: bold !important; /*ved bold skal hover tilrettes*/ 	
	text-decoration: none; 
}

h4 a:hover, .redlink:hover {
	font-weight: bold !important;
	font-size: 12px;
}


/*the other backend styling*/
.linkblack, a.linkblack, .linkblack a {
	color: black  !important; 
	text-decoration:underline; 
	font-size: 12px;
	line-height: 1.3; 
	font-weight: normal; 	
}

/*the other backend styling*/
.linkblack:hover, a.linkblack:hover {
	color: #FF0011; 
	text-decoration:none; 
	font-size: 12px;
	line-height: 1.3; 
	font-weight: normal; 	
}



h3, #h3text p {	
	text-align: center;
	font-size: 14px; 
	line-height: 1.3;
}



.exTextCol h4 {
	font-weight: bold; 
}

.bold {
	font-weight: bold; 
}

/*gennemgående rød farve. Hover på links samt diverse elementer*/
.selected,  .selected a, a {
	color: #FF0011; 
}

.red {
	color: #FF0011; 
}

/*default link is red with black hover..*/
a {
	font-weight: normal; 
	text-decoration: none; 
	font-size: 12px
}

 a:hover, a:active {
	font-weight: normal;
	color: black !important; 
}


/**general black link modifier***/
a.blacklink, .blacklink a {
	color: black; 	
}

a:hover.blacklink, .blacklink a:hover {
	text-decoration: underline;  	
}
/**general black link end***/

/*generel p bundmargin i content*/
#content p, .exFullCont p {
	 margin-bottom: 10px;
}	 


/***menu***/
/*menu is the only list we have. 
default ul*/
/* selected elements er bold og skal også være bold ved hover..
har valgt at beholde et link i et selected elements*/

ul {
	list-style-type: none; 
	list-style-position: inside; 
	display: inline; 
	margin-top: 0; 

}


/*menu items*/

li a {	
/*	font-size: 12pt; 
	line-height: 20pt; 	*/
	color: black !important;	
	font-size: 16px; 
	font-size: 14px; 
	line-height: 1.7; 	
	/*font: 10px/2.0 "Helvetica Bold", "Arial", sans-serif; */
}

/*undermenu items*/
ul ul li a, ul.subclass li a{	
	color: black !important;
	font-size: 13px; 
	line-height: 1.5; 	
	font-weight: normal; 
	padding-left: 9px; 	

}

li a:hover, li li a:hover, li a:active, li li a:active {
	color: #FF0011 !important; 
}

ul li.selected, ul li.selected a{
	font-weight: bold;
	color: #FF0011 !important; 
}

/*selected submenu*/
ul ul li a {
	font-weight: normal !important; 
}


/*reset padding for selected*/
ul ul li.selected a {
	padding-left: 0; 
}

.language a {
	font-size: 12px;
	font-style: normal;
	line-height: 33px;
}



/**end menu**/


/**layout/basic structure**/	
#content{
/*mimic min-height in IE..*/
	height: expression('900px'); min-height: 900px;
	position: relative; 
	
	
}


/*main page container. Can be replaced by body padding later*/
#pagecontainer {
	margin-top: 16px !important;
	margin-left: 14px !important; 
	position: relative;
	/*border: 1px solid green; */
}


/*content spacer row 1. Note: align hor. width h3*/
/*there two options for topspace. None or 78px  */
/*implement this either with 1 x .topspace or 1 x .firstrow + 1 x .imgTextRow*/


.topspace {
	height: 78px; 
}


.firstrow {	
	height: 42px; 
	position: relative;
	/*border: 1px solid green; */
}

.push {
	height: 78px; 
	/*	border: 1px solid green; 	*/
}


/**frontpage links med kunstnernavn til højre for billede*/
.link a {
	font-size: 13px; 
	font-weight: bold; 
	line-height: 1.4; 
	font: Helvetica, Arial, sans-serif

}


/*showpress header space */
.showpress {	 
	height: 70px; 
	position: relative;
	/*border: 1px solid green; */
}

/*exhibition container. Use on front and ex. lists */
.frontCol {
	float: right; 
			
}



.exCont {
	position: relative;
	clear: both;
	margin: 0; 
	/*width: 538px; /*why width???*/
	
}

.exCont img {
	float: left;
	margin-right: 10px; 
	border: none; 	
}

/*on ex-lists force 190 width*/ 
.fixCol {
	width: 190px;
	/*border: 1px solid red;*/
	margin: 0; 
	margin-right: 10px;
	float: left;	
		
}

/*container for text col to the right of images*/
/*rykke teksten op*/
.exTextCol {	
	position: relative; 
	top: -2px; 
	margin-left: 200px; 
	/*width: 220px;*/ 
	/*border: 1px solid red; */
	
}

/*spacer between posts*/
.imgTextRow {
	height: 36px; 
	position: relative; 
	/*border: 1px solid red;*/ 
}

/*text over billede på front*/
.imgTextRow span {
	position: absolute; 
	bottom: 2px; 	
	font-size: 12px; 
	line-height: 1.3; 
	font-color: black; 
}


h3 {
	position: absolute; 
	top: 77px;  /*should be 78*/
	left: 9px; 
	/*border: 1px solid red; */
	width: 340px; /*set to simulate right-padding*/
}

/* hack for IE 6 and earlier */
* html h3 {
	left: -370px;
}

/*spacer on full ex press*/
.spacer16 {
	height: 16px; 	
	clear: both; 
}



/** full exhibition*****/

/*container for full exhibit */
.exFullCont {
	width: 426px; 
}

.hr {
	border-bottom: 1px dashed black; 
	margin-bottom: 10px;
	word-spacing: 0.2; 	
}


/*shouldn't we make a general p margin????*/
.exFullCont p {
	 margin-bottom: 10px; 
	/* border: 1px solid green; */
}

/*counter text and arrows*/
.counter img, .counter a {
		border: none; 
		display: inline !important;
		font-weight: normal; 
}

.c {
	position: relative; 
	margin-top: 1px; 
	font-weight: bold;
	padding-right: 68px; 

/*	border: 1px solid green;*/
	
}


.counter {
	/*float: right;*/
	display: inline;
	position: absolute; 
	right: 0px; 
	top: 0; 
	color: #FF0011 !important;
	
}

/** full exhibition end*****/


/**exhibition lists*****/
.exList {	 
	width: 344px; 		
}

.exList a {
	font-weight: bold;  
	color: black;
	
}

.exList a:hover {
	font-weight: bold;  
	color: black;  	
	color: #FF0011 !important; 
}


/*search box*/
.searchbox {
	height: 45px; 
}

.searchbox a{
	color: black;  
}

.searchbox .select, .searchbox a:hover {
	color: #FF0011 !important ; 
}
/**  exhibition lists end *****/


/**events**/
#eventCont {
	width: 380px; 		
	position: relative; 
	top: -2px; /*align with logo*/
}



/*headline*/
#eventCont h4 {
	 font-size: 12px; 
	 font-weight: bold; 
	 line-height: 1.3; 
}


/*date*/
#eventCont span.date {
	color: #FF0011 !important;
	 
}

.spacer380 {
	margin-bottom: 3px; 
}

.spacer380end {
	margin-top: 12px; 
	margin-bottom: 3px; 
}


/**--->events end**/


/*contain logo, menu and contact*/
#logo {		
	position: absolute; 
	top: 0; 
	/*width: 364px; */
}

#menu {
	position: absolute; 		
	top: 136px; 
	/*left: -8px; */
	/*border: 1px solid orange;*/ 
	/*set position for IE*/	
	/*margin-left: -14px;*/
}


/*reset for all other than ie. hack..no longer necessary?*/
/*
html[lang='\
en'] #menu {
 margin-left: 0 !important; 
}
*/

#content {
	margin-left: 364px; 
	margin-right: 40px; 
	padding-bottom: 10px;
	height: 100%; 
}

#contact {
	position: absolute; 	
	bottom: 0; 	
	width: 240px; 
	padding: 0; 	
	padding-bottom: 10px;
}

#contact p, #contact h5, #contact a, #contact {
	/*font-size: 10px !important;*/
}

#contact p {
	margin: 0; 
	padding: 0; 
}


#contact  a {
	color: black; 
}


#contact  h5 {
	margin: 0; 
	font-weight: bold; 
}


#contact  a:hover {
	color: #FF0011 !important ; 
}


/*
#contact div{
	position: absolute; 	
	border: 1px solid orange; 
	bottom: 0px; 
}
*/

#contact p {
	margin-bottom: 10px; 
}



/***contactpage****/
#contactpage a {
	color: black; 
	text-decoration: underline; 	
}

#contactpage a:hover {
	color: black; 
	text-decoration: none;
	color: #FF0011 !important ;  	
}

.mail a {
	text-decoration: none !important;  	
}


#contactpage p img {
	float: left; 
	margin: 2px 10px 10px 0; 
	 
}

#contactpage p {
	clear: left; 
	margin-bottom: 10px; 
}

/***calender page***/
#calSpacer {
   height: 112px; 	
}

#cal {
   width: 526px; 
 width: 484px; 
  
    height: 400px; 
    background-color: black; 
    color: white;
	/*border: 1px solid red; */
/*    padding: 8px 8px 8px 5px;*/     
}


/*
#calform {
	margin: 0; 
	display: inline; 
}
*/
#calform select, #calform option{
	font-size: 10px;
}

.weekday {
	font-weight: bold; 
	padding-top: 3px; 
}

.topspacer {
	height: 8px; 
	clear: both; 
	font-size: 6px; 
	background-color: black; 
	/*background-color: #00FF66; */	
}

.small {
	height: 3px; 
	font-size: 3px; 
}

.leftspacer {
	width: 8px; 	
	float: left;
	/*background-color: orange;*/
}

/*special spacer for week column*/
.weekspacer {
	width: 5px; 	
	float: left;
	/*background-color: orange;*/
}

.weekspacerright {
	width: 3px; 	
	float: left;
	/*background-color: orange;*/
}

.day {
   width: 60px; 
   height: 72px; 
   background-color: white; 
   color: #FF0011; 
   text-align: center; 
   margin: 0; 
   position: relative; 
}
 

span.daynumber {
   margin-top: 2px;
   display: block; 
   font-size:22px;   
  /* font-size: 17px; *//*corrected*/
   line-height: 1.3; 
   font-weight: bold !important; 
   font-family: Helvetica, Arial, sans-serif; 
}	

.day, .week {
   height: 72px; 	
   float: left;
   font-size: 10px;
   line-height: 1.3; 
    font-weight: bold;    
	   /* margin-bottom: 10px;*/
}	

.day span {
	font-weight: normal; 
} 
 
/*event link i day containter */ 
.eventscontainer {
   	position: absolute; 
	bottom: 4px; 
	left: 0; 	
	/*border: 1px solid green; 	*/
	width: 60px; 
}

.events {
	text-align: center !important;  	
	font-size: 10px; 
}

.events a {
	font-size: 10px; 
}
	
.rollover {
	font-size: 10px !important; 
}

.week {
    width: 50px;  
	width: 42px;   
}

.week span {
	margin-left: 8px; 
	border: 1px solid red; 	
}

/* event for popups*/
/*these styles are transferred to tooltip js file*/
.event {
   background-color: #FF0011; 
   color: white; 	
   padding: 6px 8px; 
   width: 210px; 
}

/***-->end calender page***/


/**add på frontpage****/
#addCont {
	width: 268px; 	 	
	font-size: 12px;	
	line-height: 1.3; 
	position: absolute; 		
	top: 440px; 
}

#addCont span{
	font-weight: bold !important;
}

/*link til read more*/
#addCont .more a{
	color: black; 
	display: block; 
	font-size: 11px; 
	margin-top: 10px; 
}

.rubrik_spacer {
	margin: 8px 0; 
}

	
/**-->end add på frontpage****/

/*clear any floats and adds some margin*/
.footer {
	clear: both; 	
	height: 30px; 
}

/****newsletter page*****/
#newsletterCont {
	width: 432px;	
	width: 437px;	/*to help IE 6.0*/ 
	font-size: 10px; 	
	/*border: 1px solid green; */
}


.newsletter {
	width: 437px;	
	margin-top: 10px; 
}

#newsletterCont p {	
	font-size: 11px; 	
}

/*space between headline and form*/
.newsletterSpacer {
	height: 21px; 
}	
	

/* label bruges generelt til at skabe fast indryk i formularer*/
form {
	margin: 0;
	padding: 0; 	
}

/*generel newsletter forms*/
#newsletterCont input, #newsletterCont select, #newsletterCont textarea {
	font-size: 11px; 
	height: 10px;
	color: black; 	
}

form p label {
  float: left;     
  width: 18px; 
  margin: 0; 
}

/*position radiobuttons*/
form p label input {
	position: relative; 
	top: -2px; /*-4px is perfect for IE 6 and 7*/
	left: -2px; 
}

form .col1 {
  float: left;
  width: 78px; 
}

form .col2 {
  float: left;
  width: 171px;
}

/*textfields*/
.col2 input, .col3 input {
	width: 158px !important; 	
    border: 1px solid black; 	  
    font-size: 10px; 
	position: relative; 
	top: -2px; 
}

label {
	font-weight: normal; 	
}

.row1 {
	margin: 0; 
}

.row2 {
	clear: left; 
	margin: 0; 
	margin-top: -2px; 
	/*
	position: relative; 
	top: -2px; */
}

/*send button*/
.button {
	float: right;  
	background-color: white; 
	font-size: 12px; 
	height: 14px !important; 
	border: none; 

	display: inline; 
	margin-top: -4px; 
/*	margin-right: 4px; */ /*IE 7 needs this. IE 6 and Win FF don't*/
}		


.errorExplanation h2 {
	font-size: 12px;	
}