/* CSS Document */
/* husk at navne her skal være entydige inden for site */
/* da klasser kan genbruges på tværs af sideformater, er det nok at de også deler css-sheet */
/* arealerne har typisk også color-class */

/* alle h1'er på sitet - hvis der er noget specielt, kan der sættes en class */
h1 {
	margin: 0px;
	margin-bottom: 2px;
	font-size: 1.1em;
	font-weight: none;
}

.floatRight {
	float: right;
	margin-left: 4px; /* da den omkringliggende tekst ellers går helt til kanten */
	margin-bottom: 4px;
}



/* A bruges af format01 men kan genbruges af andre formater */

/* Første areal på siden - midterareal */
#contentAarea1 {		/* barn af #page */
	position: absolute;
	left: 202px;
	top: 92px;
	width: 400px;				/* før padding */
	padding: 10px; 
	height:	450px;			/* før padding */ 
	overflow: auto;
}
#contentArea1 ul li {
	list-style-type:square;  /* bullets */
}
#contentAarea1 img {
	border-style: solid;
	border-width: 2px;
}
#contentAarea1 .imageNote {
	font-size: 0.6em;
	width: 216px;
	padding-bottom: 4px;
}
#contentAarea1 .textFacts {
	font-size: 0.7em;
	width: 208px;
	padding: 8px;
}

/* Andet areal på siden - højrespalte */
#contentAarea2 {		/* barn af #page */
	position: absolute;
	left: 624px;
	top: 92px;
	width: 	136px;			/* før padding */
	padding: 10px;   
	height:	450px;		/* før padding */
	overflow: auto;
}
#contentArea2 ul li {
	list-style-type:square;  /* bullets */
}

/* B - kun en spalte i dette format */
#contentBarea {		/* barn af #page */
	position: absolute;
	left: 202px;
	top: 92px;
	width: 558px;				/* før padding */
	padding: 10px; 
	height:	450px;			/* før padding */ 
	overflow: auto;
}
#contentBarea ul li {
	list-style-type:square;  /* bullets */
}
#contentBarea img {
	border-style: solid;
	border-width: 2px;
}
#contentBarea .imageNote {
	font-size: 0.6em;
	width: 276px;
	padding-bottom: 4px;
}
#contentBarea .textFacts {
	font-size: 0.7em;
	width: 268px;
	padding: 8px;
}

/* complex formats */
.selectCaption {			/* Til "Vælg et billede eller en aktivitet" */
	font-size: 0.75em;
}
/* - gallery*/
#contentCarea1 {  /* billedliste - magen til contentAarea2 */
	position: absolute;
	left: 624px;
	top: 92px;
	width: 	136px;			/* før padding */
	padding: 10px;   
	height:	450px;		/* før padding */
	overflow: auto;
	overflow-x:hidden;
	text-align: center;
} 

.tbodyGalleryLandscape tr {
	text-align: center;
}

.tbodyGalleryLandscape tr img {
	border-style: solid;
	border-width: 2px;
	cursor: pointer;
    cursor: hand;
}

/* Første areal på siden - midterareal - magen til contentAarea1 */
#contentCarea2 {		/* barn af #page */
	position: absolute;
	left: 202px;
	top: 92px;
	width: 400px;				/* før padding */
	padding: 10px; 
	height:	450px;			/* før padding */ 
	overflow: auto;
	overflow-x: hidden;
}
#contentCrea2 ul li {
	list-style-type:square;  /* bullets */
}
#contentCarea2 img {
	border-style: solid;
	border-width: 2px;
	margin-right: 4px;
}
#contentCarea2 .imageNote {
	font-size: 0.6em;
	width: 216px;
	padding-bottom: 4px;
}
#imageDiv {
	float: left;
}

/* slut galleri */
/* kalender */

.calendarList {
	overflow: auto;
	overflow-x: hidden;
	height: 200px;				
	border-style: solid;
	border-width: 2px;
	margin-top: 2px;
}
.calendarBody {
	overflow: auto;
	height: 200px;	
		
	margin-top: 6px;
}
.calendarBody img {
	border-style: solid;
	border-width: 2px;
	float: left;				
	margin-right: 4px;
}
.tbodyCalendar tr {
	cursor: pointer;
    cursor: hand;
	font-size: 0.7em;
}
.tbodyCalendar tr td{
	vertical-align:top;
}
.tbodyCalendar tr.calendarCaptions {
	cursor:auto;
	font-weight: bold;
}

/* slut kalender */

/* products */

.productsList {
	overflow: auto;
	overflow-x: hidden;
	height: 430px;				
	border-style: solid;
	border-width: 2px;
	margin-top: 2px;
}
.tbodyProducts tr {
	cursor: pointer;
    cursor: hand;
	font-size: 0.7em;
}
.tbodyProducts tr td{
	vertical-align:top;
}
.tbodyProducts tr.productsCaptions {
	cursor:auto;
	font-weight: bold;
}
#productsPage {
	position: absolute;
	top: 100px;
	left: 160px;
	width: 600px;
	height: 440px;
	overflow: auto;
	z-index: 3000;
	border-style: solid;
	border-width: 6px;
}
#productsPage .closeButton {
	border: solid;
	border-width: 2px;
	display: block;
	font-weight: bold;
  cursor: pointer;
  cursor: hand;
  font-size: 0.85em;
  margin: 4px;
  padding: 2px;
  float: right;
}
#productsPage .orderButton {
	border: solid;
	border-width: 2px;
	display: block;
	font-weight: bold;
  cursor: pointer;
  cursor: hand;
  font-size: 0.85em;
  margin: 4px;
  padding: 2px;
  float: left;
}

#productsPageBody .caption{
	font-size: 0.7em;
	font-weight: bold;
	vertical-align: top;
}

/* slut products */

/* search */
.searchCaption {
	font-weight: bold;
	font-size: 0.75em;
}
#searchform {
	float: left;
}
/* slut search */

.textFloat {
	font-size: 0.7em;
}

/* classes der er userdefinerede, dvs. kommer fra wysiwyg */
.header {
	font-size: 1.1em;
	font-weight: bold;
}