body {
	margin:0;
	text-align: center;
	font-family: Georgia, Times New Roman, serif; 
	font-size: 12px;
	background:url(gfx/body-bg.gif)
	}


#top {
	position: relative;
	width: 900px;
	height: 198px;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	border: 0px;
	text-align: left;
	}
	
	#topbillede {
		position: absolute; 
		top: 0px; 
		left: 0px; 
		height: 158px;
		}

	#logo {
		position: absolute;
		top: 121px;
		right: 5px;
		}
	
	#menu {
		position: absolute;
		top: 158px;
		height: 35px;
		width: 900px;
		padding-top: 10px;
		padding-left: 17px;
		background: url(gfx/menupkt-bg.png);
		text-align: left;
		font-family: Tahoma, Verdana, serif;
		letter-spacing: 1px;
		font-size: 12px;
		font-weight: normal;
		}

	#menu a:link {
		text-decoration: none;
		color: #666666;
		}

	#menu a:hover {
		text-decoration: underline;
		}

	#menu a:active {
		color: red;
		}

	#menu a:visited {
		text-decoration: none;
		color: #666666;
		}		

#main-bg {
	position: relative;
	width: 900px;
	height: 804px;
	margin-top: -5px;
	margin-left: auto;
	margin-right: auto;
	background: url(gfx/main-bg.jpg);
	text-align: left;
	}

	#indhold {
		position: absolute;		
		width: 670px;
		height: 790px;
		margin: 7px;
		padding-top: 10px;
		padding-left: 10px;
		padding-right: 30px;
		background: url(gfx/indhold-bg.png);
		font-family: Georgia, Times New Roman, serif;
		font-size: 13px;
		}
		
		A:link.inline { color : #333333; font-weight : normal; text-decoration : none; font-style: italic; }
		A:hover.inline { color : #333333; font-weight : normal; text-decoration : underline; font-style: italic; }
		A:visited.inline { color : #333333; font-weight : normal; text-decoration : none; font-style: italic; }

		A:link.sights { color : #333333; font-weight : normal; text-decoration : none; font-style: normal; }
		A:active.sights { color: #FF0000; font-weight: normal; text-decoration: none; font-style: normal; }
		A:hover.sights { color : #333333; font-weight : normal; text-decoration : underline; font-style: normal; }
		A:visited.sights { color : #333333; font-weight : normal; text-decoration : none; font-style: normal; }


	#foto-bar {
		position: absolute;
		width: 209px;
		height: 790px;
		margin: 7px;
		left: 677px;
		background: url(gfx/fotobar-bg.png);
		}

		.fotobar {
			border: 0px solid;
			margin-top: 30px;
			margin-bottom: 30px;
			}

#bottom-bar {
	position: relative;
	width: 900px;
	height: 40px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	border: 0px;
	background: url(gfx/menupkt-bg.png);
	padding-left: 17px;
	padding-top: 10px;
	text-align: left;
	color: #666666;
	font-family: Tahoma, Times New Roman, serif;
	letter-spacing: 1px;
	font-size: 12px;
	font-weight: normal;
	}

	#bottom-bar a:link {
		text-decoration: none;
		color: #666666;
		}

	#bottom-bar a:hover {
		text-decoration: underline;
		}

	#bottom-bar a:active {
		color: red;
		}

	#bottom-bar a:visited {
		text-decoration: none;
		color: #666666;
		}	

TD {
	font-size: 12px;
	height: 25px;
	}

	.border {
		height: 1px;
		}

P, LI {
	line-height: 150%;
	}
H3, H5 {
	margin-top: 35px;
	margin-bottom: -10px;
	}


a.popuppic {
    position: relative; /*this is the key*/
    z-index:24;
    color:#000;
    text-decoration:none}

a.popuppic:hover{z-index:25; }

a.popuppic span{display: none}

a.popuppic:hover span{ /*the span will display just on :hover state*/
    display:block;
    position: absolute;
    top: -170px; right: 220px;
    border:8px solid white;
    color:#000;
    text-align: center}