/**
* Layout CSS for the given website
*
* use @import statement for getting other
* CSS files in if needed.
*/
@import url("content.css");
@import url("contentContainer.css");
@import url("gallery.css");
@import url("guestbook.css");
body {
	margin: 0px;
	padding: 0px;
	background-color: #f5f5f5;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	height: 100%;
	}
html {
	height: 100%;
	}
	
.centerTable {
	border: 1px solid darkblue;
	background-color: white;
	
}
/**
* Container places the entire
* "page" in the center.
* Ensure to define the width
* of the given design and 
* left to "-(width/2)px"
*/
div#centerContainer {
	position:relative;
	/*top: 10px;*/
	width: 898px;
	/*margin-left:50%;
	left:-450px;*/
	/*height: 100%;*/
	
}
div.top {
	height: 72px;
	width: 898px;
	background-image: url('../design/top.png');
}

.toplogoLink {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 220px;
	height: 72px;
	border: 0px solid red;
	cursor: pointer;
}

div.contentbox {
	min-height: 415px;
	border: 0px solid green;
	/*height: 100%;*/
	/*height: auto;*/
	width: 898px;
	background-color: white;
	background-image: url('../design/content_bg.png');
	background-repeat: no-repeat;
}
/**
* Menu container and menu elements
*/
div#menuContainer {
	float:left;
	width: 193px;
	height: 300px;
	padding-top: 40px;
	padding-bottom: 16px;
	line-height: 18px;
	padding-left: 25px;
	text-align: left;
}
div#overskrift {
	/*float: right;*/
	width: 600px;
	height: 10px;
	padding-top: 40px;
	/*padding-bottom: 20px;*/
	padding-right: 45px;
	font-size: 15px;
	color: #000000;
	text-align: left;
	border: 0px solid orange;
	font-weight: bold;
	}
div.topmenu {
	height:12px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	padding-top: 58px;
	text-align: right;
	
}
a.menu_top {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	margin: 5px;
	text-decoration: none;
}
a.menu_sub:link {
	text-decoration: none;
}
a.menu_sub:visited {
	text-decoration: none;
}
a.menu_sub:hover {
	color: #FFFFFF;
	text-decoration: none;
}
a.menu {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	
	margin: 5px;
	text-decoration: none;
}
a.menu:link {
	text-decoration: none;
}
a.menu:visited {
	text-decoration: none;
}
a.menu:hover {
	color: #FFFFFF;
	text-decoration: none;
}
a.menu_sub {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	
	margin: 5px;
	text-decoration: none;
	
}
a.menu_sub:link {
	text-decoration: none;
}
a.menu_sub:visited {
	text-decoration: none;
}
a.menu_sub:hover {
	color: #FFFFFF;
	text-decoration: none;
}
/**
* When a link in the menu is selected
*/
/**
* @update 19-03-2008
* Slideshow
*/
div#flashSlideshowContainer {
	/*background-image: url("../images/banner.jpg");
	background-position: top left;
	background-repeat: no-repeat;*/
	background-color: #F5F5F5;
	/*border-bottom: 1px solid darkblue;
	border-top: 1px solid darkblue;*/
	width: 898px;
	height: 211px;
}

div#mmlogo {
	width: 18px;
	
	position:relative;
	top: -135px;
	left: 900px
}