/**************************************** ELEMENTS ****************************************/
/*limited reset*/
html, body, div, section, article, aside, header, hgroup, footer, nav, h1, h2, h3, h4, h5, h6, p, blockquote, address, time, span, em, strong, img, ol, ul, li, figure, canvas, video, th, td, tr {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
}
/* html5 display rule */
header, nav, menu, article, section, aside, canvas, footer {display: block;}

#menu, #title, #contentBox {z-index: 1;}

/* Normal links */
a:link, a:active {font: normal 11px/12px Verdana, sans-serif; color: #8b008b; text-decoration: none;}
a:visited {color: #8b008b;} /* Only change color for :visited */
a:hover {color: #ff00ff;}

/* Inserted into bottombar with JavaScript */
a.barlink:link, a.barlink:active, a.barlink:hover {font: normal 12px/13px Verdana, sans-serif; color: #fff; text-decoration: none;}
a.barlink:visited {color: #fff;} /* Only change color for :visited */

a:focus {outline: 0;} /* prevents focus! */

body { /* Notice the reset above */
	text-align: center;
	background-color: #5a0229;
	background-attachment: fixed !important;
	background: linear-gradient(to bottom, #a9215f 0%, #7c0a3e 50%, #5a0229 90%);
}

p {
	font: normal 11px/18px Verdana, sans-serif;
	text-align: left;
	color: #000;
	background-color: transparent;
	margin: 12px 0;
}

table {
	border-collapse: collapse;
	width: 600px;
}

td {
	font: normal 11px/17px Verdana, sans-serif;
	text-align: left;
	padding: 3px;
	color: #000;
}

/**************************************** Layout -- including elements! ****************************************/

#wrapper {position: relative; width: 701px; margin: 0 auto; text-align: left;}

/* Menu functionality */
.topMenu ul {position: absolute; width: 115px; max-height: 0; transition: max-height 0.3s ease; overflow: hidden;}
.topMenu li:hover ul {max-height: 300px;}
/* Menu style */
#menu {position: absolute; left: 0; top: 0; width: 840px; z-index: 10;}
#menu ul, #menu li {margin: 0; padding: 0; list-style: none; text-align: center;}
#menu a {font: bold 12px Verdana, sans-serif; display: block; line-height: 28px;} /* line-height centers text vertically and is important for block-level links! */
#menu a:link, #menu a:active {color: #fff; text-decoration: none;}
#menu a:visited, #menu a:hover {color: #fff;}
.topMenu li {float: left; width: 115px; color: #fff; background: #480582; background: linear-gradient(to bottom, #320156 0%, #3c056a 25%, #581e91 100%); border: 1px solid #340032;}
.subMenu li {width: 115px; height: 25px;}
#menu li:hover {background: #521b87; background: linear-gradient(to bottom, #581e91 0%, #4d078b 25%, #320156 100%);}
.noPointer {cursor: default;}
.topMenu > li:nth-child(1) {border-radius: 0 0 0 10px;}
.topMenu > li:nth-last-child(1) {border-radius: 0 0 10px 0;}
.subMenu > li:nth-last-child(1) {border-radius: 0 0 10px 10px;}
.subMenu:last-child {border-radius: 0 0 10px 10px;}
/* Menu Stuff ends */

#title {position: absolute; top: 2px; width: 701px; height: 34px; border-radius: 10px; margin: 33px auto; text-align: center;
	background: #673885; /* Older browsers */
	background: linear-gradient(to bottom, #380061 0%, #380061 4%, #c3a7c7 100%);
}
h1 {margin: 0; padding: 0; font: normal 23px/34px Verdana, sans-serif; text-shadow: 1px 2px 1px #000; color: #fff;}

#contentBox {
	position: absolute;
	top: 76px;
	width: 701px;
	height: 120px; /* height is set in setCurrentHeightAndMenuItem function */
	background-color: #fff;
	border-radius: 12px;
	visibility: hidden;
}

#content {
	position: relative;
	top: 10px;
	background-color: transparent;
	width: 670px;
	height: 120px; /* height is set in setCurrentHeightAndMenuItem function */
	margin-left: 15px;
}

footer {
	position: absolute;
	width: 700px;
	background: #521b87; /* Older browsers */
	background: linear-gradient(to bottom, rgb(77,21,132) 0%, rgb(77,7,139) 25%, rgb(56,0,97) 100%); /* hover is set by emailKingoMouseOver function */
	height: 18px;
	font: normal 12px/16px Verdana, sans-serif;
	text-align: center;
	color: #fff;
/*	background-color: #d3d3d3; This will disturb the border when using border-radius! */
	border: 1px solid #340032;
	border-radius: 9px;
	visibility: hidden;
}
.imgDown {position: relative; top: 2px; margin: 0px 3px 0px 4px; border: 0;}


/**************************************** Classes and ID's. Sorted alphabetically ****************************************/

.displaynone {display: none; width: 0px; height: 0px; overflow: hidden;}

.hyperText {
	background-image: url(../Images/Layout/hyperText.gif);
	background-position: bottom left;
	background-repeat: repeat-x;
	cursor: default;
}

.inlay {
	position: absolute;
	left: 32px;
	width: 604px;
}

.italic {font-style: italic;}

.picturetext {
	font: normal 10px/14px Verdana, sans-serif;
	color: #000;
	background-color: #fff;
	clear: both;
	text-align: center;
}

.picturetextNoClear {
	font: normal 10px/14px Verdana, sans-serif;
	color: #000;
	background-color: #fff;
	text-align: center;
}

.scrollimage {
	display: inline;
	float: left;
	border: 1px solid #808080;
	margin: 7px;
	padding: 0;
	border-radius: 10px;
}
.scrollimage:hover {position: relative;}
.scrollimage img {border: none; border-radius: 10px;}
.scrollimage:hover img {display: none;}
.scrollimages {height: 164px; margin: 15px auto;}

.subhead {
	position: relative;
	top: 4px;
	display: inline;
	font: bold 12px Verdana, sans-serif;
	padding: 3px 7px 3px 23px;
	color: #fffff0; /* ivory */
	background-image: url(../Images/Layout/FlowerHeader.jpg);
	background-position: left center;
	background-repeat: no-repeat;
}

ul.marginalizeMe {
	list-style-image: url(../Images/Layout/Bullet.gif);
	margin-left: 30px;
	padding: 6px 0 5px 17px;
}

ul.marginalizeMe li {
	font: normal 11px/17px Verdana, sans-serif;
	padding: 4px;
}

/**************************************** Pages ****************************************/

/* index.html */

#fronttop {
	top: 10px;
	text-align: center;
	font: bold 13px/22px Verdana, sans-serif;
	color: #000;
	background-color: #fff;
}

#frontphoto {top: 46px; width: 610px; text-align: center;}
#fronttext {top: 530px;}
#arbejdsplads {top: 800px;}
#arbejdsplads2 {width: 390px; height: 300px; text-align: center;}

/* 1Fort.html */
#KingoFortaeller {top: 5px; text-align: center;}
#bogskabtop {top: 995px;}
#scrollimages2Bogskab01 {width: 540px;}
#bogskabbottom {position: relative; top: -11px;}
#bogskabFarfar, #dybeStille {float: left; width: 265px; text-align: center;}
#katapulttop {top: 1430px;}
#katapult {width: 70%; margin: 0 auto; text-align: center; font-size: 0.85em; line-height: 22px; padding: 15px 5px; box-shadow: rgba(0, 0, 0, 0.8) 0px 2px 15px; border-radius: 10px;}

/* 2Over.html */

#transtop {top: 10px;}
#scrollimages2Trans01 {width: 456px;}
#transtext {top: 192px;}
#floatPax {position: relative; top: -15px; float: right; margin: 0 9px 0 0;}
#transbooklist {top: 1180px;}
#scrollimages2Trans02 {width: 200px;}
#scrollimages2Trans03 {width: 444px;}
#scrollimages2Trans04 {width: 464px;}
#scrollimages2Trans05 {width: 570px;}
#scrollimages2Trans06 {width: 460px;}
#scrollimages2Trans07 {width: 471px;}
#scrollimages2Trans08 {width: 568px;}
#scrollimages2Trans09 {width: 454px;}
#scrollimages2Trans10 {width: 442px;}
#scrollimages2Trans11 {width: 461px;}
#scrollimages2Trans12 {width: 531px;}

.floatThomas {
	float: right;
	clear: right;
	margin: 0 8px 0 16px;
}


/* 3Red.html */

#redtop {top: 10px;}
#scrollimages3Red01 {width: 338px;}
#redtext {top: 192px;}
#redlist {top: 278px;}
#redkingoimages {top: 630px;}
#scrollimages3Red02 {width: 435px;}
#scrollimages3Red03 {width: 338px;}
#scrollimages3Red04 {width: 454px;}

#redbooklist {top: 894px;}
#scrollimages3Red05 {width: 380px; height: 220px;}
#scrollimages3Red06 {width: 316px; height: 304px;}
#scrollimages3Red07 {width: 380px; height: 220px;}
#scrollimages3Red08 {width: 409px;}
#scrollimages3Red09 {width: 458px;}
#scrollimages3Red10 {width: 485px;}
#scrollimages3Red11 {width: 514px;}
#scrollimages3Red12 {width: 386px;}


/* 4Billeder.html */

#look04billeder {position: absolute; left: 86px; top: 33px;	width: 500px; overflow: hidden;}
.billedTableBox {position: relative; left: 3px; width: 492px; margin-bottom: 5px;}
.billedTable {width: 494px;}
.billedTable td {text-align: center; font: normal 19px Verdana sans-serif;}
.billederInnerBox {width: 100%; text-align: center;}
.textOverlay, .box, .boxText {width: 240px; height: 240px; overflow: hidden;}
.textOverlay {display: block; float: left; margin: 3px;}
.box, .boxText {margin: 0; cursor: pointer;}
.boxText {font: normal 11px/16px verdana, sans-serif; text-align: center; background: #f4e6ff; opacity:.78; padding-top: 10px;}


/* 4Kig2005.html */

#look05text {top: 22px; height: 600px;}
#floatFromHell {position: relative; top: 14px; float: right; margin: 0 8px 14px 9px; border: 1px solid #808080;}


/* 4Kig2006.html */

#look06sortsti {top: 22px;}
#floatSortSti {position: relative; top: 16px; float: right; margin-left: 1px; margin-right: 4px;}

#look06pigermajs {top: 300px;}
.floatMajblomster {position: relative; top: 12px; float: left; clear: left; margin-right: 8px;}

#look06pigeild {top: 415px; left: 166px; width: 465px;}
#floatPigeIld {position: relative; float: right; top: 0px; margin-left: 10px; border: 1px solid #808080;}
#paraPigeIld {text-align: right;}


#look06revolver {top: 516px; left: 100px; width: 500px;}
#revolver {position: absolute; left: -57px; top: 11px;}
#paraRevolver {position: absolute; left: 9px; top: -1px; width: 383px;}

#look06langsomt {position: absolute; top: 650px;}
.floatLevLivet {position: relative; top: 14px; float: left; clear: left; margin-right: 6px;}

#look06slank {position: absolute; top: 1000px;}
#paraSlank {text-align: right;}
#floatTaljeKuren {position: relative; top: 5px; float: left; margin-right: 5px; border: 1px solid #808080; height: 160px;}
.floatWellDK {position: relative; float: right; clear: right; margin-left: 10px; margin-right: 8px;}

#look06historie {position: absolute; top: 1210px; height: 210px;}
#subheadAltOmHistorie {position: relative; top: 10px;}

#BismarckBox {position: relative; top: 6px; width: 593px;	height: 42px; background-image: url(../Images/Clips/2006/Bismarck_off.gif); background-repeat: no-repeat;}
#Bismarck {width: 593px; height: 42px; border: 0; opacity: 0.3;}


/* 4Kig2007.html */

#look07historie {top: 22px;}
#floatAltOmHistorie {position: relative; top: 14px; float: right; margin-left: 2px; margin-right: 8px; height: 138px; border: 1px solid #808080;}

#look07Midvinterblod {top: 354px; width: 580px;}
#floatMidvinterblod {position: relative; top: 16px; float: left; margin-right: 8px;}

#look07EnHelt {top: 456px; padding-left: 172px; width: 430px;}
.floatEnHelt {position: relative; top: -4px; float: right; clear: right; margin-left: 10px; margin-right: 0;}
#paraEnHelt {text-align: right;}

#eightSpiral {top: 738px; left: 70px; width: 460px;}

#look07korsika {top: 1070px; height: 460px; width: 620px;}
#floatKorsika {position: relative; top: 6px; left: 0px; width: 228px; height: 424px; float: right; margin-left: 6px; border: 1px solid #808080;}


/* 4Kig2008.html */

#look08larsson {top: 22px;}
#floatVrede {position: relative; top: 15px; float: right; margin-left: 3px; margin-right: 8px; border: 1px solid #808080; height: 160px;}

#look08kallentoft {top: 210px;}
#kallenToftBack {position: absolute; width: 100%; text-align: center;}
#paraKallentoft {position: relative; top: 48px; width: 434px; margin: 0 auto; text-align: center;}

#look08hellamberville {top: 550px; width: 450px; padding-left: 30px; text-align: left;}
#floatFromHellAmberville {position: relative; top: 9px; float: left; margin-left: 0px; margin-right: 8px; border: 1px solid #808080;}
.hellambercol {width: 550px;}

#look08svensk {top: 782px;}

#look08redkorr {top: 1055px;}
#floatCharmerende {position: relative; top: 4px; float: right; margin-left: 20px; margin-right: 8px; height: 260px; border: 1px solid #808080;}
#floatSarahs {position: relative; top: 4px; float: left; margin-left: 8px; margin-right: 20px; height: 260px; border: 1px solid #808080;}
#paraRedKorr {position: relative; top: 5px; left: 2px; text-align: justify;}

#look08vinder {top: 1345px; height: 190px}


/* 4Kig2008Taiwan.html */

#tiger {position: absolute; width: 100px; left: 300px; top: 28px; z-index: 10;}

#look08taiparadis {top: 22px;}
#floatTaiwan {position: relative; top: 2px; float: right; margin-left: 10px; margin-right: 8px; border: 1px solid #808080;}

#look08taiudvidet {top: 380px;}
#floatLionroar {position: relative; top: 4px; float: left; margin-right: 8px;}
#floatStenskred {position: relative; top: 12px; float: left; margin-right: 8px;}
#floatFlod {position: relative; top: 15px; float: right; margin-left: 8px;}

#look08taiscootere {top: 1270px;}
#floatHappyTai {position: relative; top: 5px; float: right; margin-left: 8px;}

#look08taisprog {top: 1740px;}
#floatElsebethSpa {position: relative; top: 2px; float: left; margin-right: 8px;}

#look08taitaroko {top: 2235px;}
.floatEggCol1 {float: right; clear: right; margin-left: 11px; margin-right: 0;}
.floatEggCol2 {float: left; clear: left; margin-left: 0; margin-right: 10px;}
#belowEgg {position: relative; top: -10px; clear: both;}

#look08tairift {top: 2740px;}
#floatKinesiskMaleri {position: relative; top: 1px; float: right; margin-left: 8px;}

#look08taikilder {top: 2930px;}
#floatRedBridge {position: relative; top: 5px;}

#look08taisyd {top: 3190px;}
#floatTaipei101 {position: relative; top: 3px; float: left; margin-right: 8px;}

#look08taitaipei {top: 3665px;}
#floatShilin {position: relative; top: 3px; float: left; margin-right: 8px;}

#look08tailidt {top: 3900px;}
#floatPride {position: relative; top: 1px; float: right; margin-left: 8px;}

#look08taipraktisk {top: 4320px;}
#floatVejret {position: relative; top: 3px; float: right; margin-left: 8px;}
#floatMonkey {position: relative; top: 2px; float: left; margin-right: 8px;}

#look08taiukendt {top: 4996px; height: 376px;}
#floatParadis {position: relative; top: 4px; float: left; margin-right: 8px;}


/* 4Kig2009.html */

#look09PurpleHibiscus {top: 22px;}
#purpleHibiscusBack {position: absolute; left: 170px; top: 1px;}
#purpleHibiscus {position: relative; top: 15px; float: left; margin: 0 8px 2px 0; height: 260px; margin-bottom: 8px; border: 1px solid #808080;}
#paraPurpleHibiscus {position: relative; left: 0; top: 0px; width: 606px;}

#look09Flod {top: 406px;}
#floatFlodenEnder {position: relative;top: 11px; float: right; margin-left: 3px; margin-right: 8px; height: 260px; border: 1px solid #808080;}
#floatStalinsBoern {position: relative; top: 6px; float: left; margin-left: 0px; margin-right: 8px; border: 1px solid #808080;}

#look09StevnsKlint01 {top: 850px;}
#look09StevnsKlint02 {top: 858px;}
#thumb01, #thumb02, #thumb03, #thumb04 {position: absolute; top: 62px;}
#thumb01 {left: 11px;}
#thumb02 {left: 158px;}
#thumb03 {left: 305px;}
#thumb04 {left: 452px;}
#boxOutImage1, #boxOutImage2 {position: absolute; left: 12px; top: 185px; width: 580px; height: 435px; border: 1px solid #808080;}
#boxOutImage2 {visibility: hidden;}

#look09Hald {top: 1490px; height: 980px;}
#askepotSpiral {position: relative; top: -10px;}


/* 4Kig2010.html */

#look10Destiny {top: 24px;}
#destinyLegs {position: absolute; left: 170px; top: 9px;}
#paraDestiny {position: relative; left: 0; top: 0px; width: 606px;}

#look10Books {top: 245px; text-align: center;}
#flytningMagleby {margin-top: 22px; border: 1px solid #808080;}

#look10France {top: 850px; text-align: center;}
#france2010 {margin-top: 12px;}

#look10Hald {top: 1500px; height: 550px; text-align: center;}
#haldHovedgaard2010 {margin-top: 2px;}


/* 5CV.html */

#cv5 {top: 22px;}

#cvTable .tableHeader {
	background-image: url(../Images/Layout/FlowerHeader.jpg);
	background-position: left center;
	background-repeat: no-repeat;
	background-color: #d7bfd7;
	font-family: Verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding: 3px 7px 3px 25px;
	line-height: 14px;
	color: #fffff0; /* ivory */
	outline: outset #3c0467 3px;
}

#cvTable li {margin-left: -7px; padding-left: 8px;}

.highlightMe {cursor: default;}
.lightMeUp {background-color: #f4e6ff;}
.lightMeDown {background-color: #fff;}

.tableLeftText {
	vertical-align: top;
	width: 91px;
	border-bottom: 1px dotted #808080;
}

.tableLeftRightText {
	vertical-align: top;
	width: 610px;
	border-bottom: 1px dotted #808080;
}

.tableRightText {
	vertical-align: top;
	width: 519px;
	border-bottom: 1px dotted #808080;
}

ul.tableul {
	list-style-image: url(../Images/Layout/Bullet.gif);
	margin-left: 30px;
	padding: 6px 0 5px 17px;
}

ul.tableul li {
	font: normal 11px/17px Verdana, sans-serif;
	padding: 4px;
}

.tdSpacerAbove {line-height: 0;}
.tdSpacerBelow {line-height: 2px;}