/* kimsalabim stylesheet */

body,div,td,th,BODY,DIV,TD,TH, a.h2 {
  background-color: #000000;
	/* color: #ffffaa;*/
	 color: #ffffff;

/*  color: #ffddff;*/
  font-family: Verdana, Arial;
  font-size: 8pt; 
}

dt {
		font-weight: bold;
}

h1 {
	font-size: 13pt;
	margin-bottom: 2pt;
	
}
h2 {
	font-size: 11pt;
	margin-bottom: 2pt;
}
h3 {
	font-size: 10pt;
}

td.leftPicture {
	vertical-align: top;
	width: 280px;
}


img.leftPicture {
	border-width: thin;
	border-style: groove;
}

div.leftPicture {
		margin-bottom: 1.2em;
}

div.outercontainer {
  margin-left: 50px;
  margin-right: 50px;
	height:90%;
    text-align:left;
    horizontal-align: center;
    vertical-align: center;
    background-color: #000000;
/*     color: #ffffaa;*/
	color: #ffffff;
/*     margin-top: 10px;
   border: 10px #aaaa00 ridge; */
    border-style: round;
     //overflow: auto; 
}

.hiddenIndex {
	
}

table.content {
	height: 90%;
}

div.content {
	height: 90%;
	overflow: auto;
	margin-left: 20px;
	margin-right: 30px;
	padding-right: 2em;
}

div.contentSingle {
	overflow: auto;
	margin-left: 20px;
	margin-right: 30px;
	width: 50%;
}

td.content{
	padding-right: 10px;
    text-align:left;
    vertical-align: top;    
}


td.contentSingle {
    text-align:left;
    vertical-align: top;
    width: 50%;
}

td.headline {
	text-align: center;
}

td,div,th {
    background-color: #000000;
/*     color: #ffffaa; */
	color: #ffffff;
}

td.columns {
	vertical-align: top;
}

/*a name tags not different from other text
  In h2 headings, use a.h2
*/
a.name, a.normal, a.name:visited, a.normal:visited {
  text-decoration:none;
  font-weight: normal;
/*   	color: #ffffaa; */
	color: #ffffff;

/*  color: #ffddff; */
}


a,A, a:visited {
/* 	color: #ffffaa;  */
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}

/* menu */

td.menuIcon {
	text-align: left;
}

div.menuIcon {
	/* overflow: hidden; */	
}

.menuContainer {
  /* border-bottom: thin inset; */
  margin-left: 5px;
  width: 80%;
  background-color: #000000;
  font-family: Verdana, Arial;
  font-size: 10pt; 
    background-color: #000000;
/*    color: #ffffaa; */
	color: #ffffff;
}

td.menu {
/*	width:80%; */
	height: 10%;
	text-align: center;
}

td.submenu {
/*	width:80%; */
	text-align: center;
}

td.menuitem {
	vertical-align: middle;
	text-align: center;
/*	color: #ffffaa; */
	color: #ffffff;
	width: 100px;
	font-size: 16px;
	font-weight: bold;
}

/* Menu CSS highlighting magic  */

body.forside .menucontainer #forside,
body.underholdning .menucontainer #underholdning,
body.priser .menucontainer #priser,
body.kontakt .menucontainer #kontakt,
body.referencer .menucontainer #referencer,
body.sjov .menucontainer #sjov,
body.links .menucontainer #links
{
	vertical-align: middle;
	text-align: center;
	width: 100px;
	font-size: 21px;
	font-weight: bold;
}

body.forside .menucontainer #forside a,
body.underholdning .menucontainer #underholdning a, 	
body.priser .menucontainer #priser a,
body.kontakt .menucontainer #kontakt a,
body.referencer .menucontainer #referencer a,
body.sjov .menucontainer #sjov a,
body.links .menucontainer #links a
{ 
	background-color: #ffffff;
	color: black;
}

td.submenuitem {
    vertical-align: top;
	text-align: center;
	color: #ffffaa;
	width: 100px;
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
}

body.underholdning .submenucontainer #firmafest,
body.underholdning .submenucontainer #firmajulefrokost,
body.underholdning .submenucontainer #events,
body.underholdning .submenucontainer #privatfest,
body.underholdning .submenucontainer #foedselsdag,
body.underholdning .submenucontainer #konfirmation,
body.underholdning .submenucontainer #bryllup
{
	vertical-align: top;
	width: 100px;
	font-size: 12;
	font-weight: bold;
	text-align: left;
}


body.firmafest .submenucontainer #firmafest a,
body.firmajulefrokost .submenucontainer #firmajulefrokost a, 
body.events .submenucontainer #events a,
body.privatfest .submenucontainer #privatfest a,
body.foedselsdag .submenucontainer #foedselsdag a,
body.konfirmation .submenucontainer #konfirmation a,
body.bryllup .submenucontainer #bryllup  a
{ 
	background-color: #eeeeee;
	color: black;
}


td.menuseparator {
	width: 4%;
	font-size: 18;
	font-weight: bold;
	text-align: center;
}

div.reference {
	font-size: 8pt;
	border-right: thin groove;
	border-bottom: thin inset;
	margin-right: 12pt;
	margin-left: 12pt;
	margin-top: 24pt;
	width: 20em;
}

div.referenceAuthor {
	font-style: italic;
	border: none;
}

div.linksite {
	margin-top: 1em;
	width: 90%;
}

div.linksiteText {
	margin-top: 1em;
	width: 90%;
}

span.linksite {
	border: none;
}

span.linksiteText {
	border-width: 1px;
	padding: 1pt 2pt 1pt 2pt;
}

span.imgNote, label.imgNote {
	font-style: italic;
	font-size: 0.8em;
	border-bottom: dotted 1px;
}

div.magicName {
	font-weight: bold;
}

span.magicName {
	font-size: 1.5em;
	font-weight: bold;
}

div.magicWord {
	font-weight: bold;
}

span.magicWord {
	font-style: italic;
	font-size: 1.5em;
	font-weight: bold;
	text-align: center;
}

div.magicUse {
	font-weight: bold;
}

span.magicUse {
	font-size: 1.2em;
	font-weight: bold;
}