/**
* 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
*/
body {
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #000000;
	}

body,html {
	height: 100%;
	}
/**************************************************JC
* 
****************************************************/
div#tilbage {
	position: absolute;
	top: 30px;
	left: 50px;
}

/************************************
* CENTERTABLE - centrering af siden
************************************/
table#centerTable {
	width: 880px;
	border-collapse: collapse; /* cellspacing=0 */
	background-image: url('../design/repeater_890x1.png');
	background-repeat: repeat-y;
	background-position: 0px 0px;
	border: 0px solid red;
	}
td#centerTableTd {
	background-image: url('../design/top_890x668.png');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	}
td#centerTableTdBottom {
	background-image: url('../design/bottom_890x75.png');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	border: 0px solid red;
	height: 75px;
	max-height: 75px;
	}

/**************************************************JC
* 
****************************************************/
div#topmenu {
	border: 0px solid pink;
	height: 71px;
	line-height: 120px;
	text-align: right;
	}
/************************************
* HEADLINE - sidens overskrift
************************************/
div#logotop {
	width: 100%;
	height: 221px;
	/*padding: 5px;*/
	font-size: 15px;
	font-weight: bold;
	border: 0px dotted yellow;
	color: white;
	/*background: #DDE7F3;*/
	}
/************************************
* HEADLINE - sidens overskrift
************************************/
div#headline {
	width: 100%;
	height: 30px;
	/*line-height: 25px;*/
	font-size: 11px;
	font-weight: bold;
	border: 0px solid lightblue;
	text-align: left;
	color: white;
	/*background: #DDE7F3;*/
	}
/************************************
* MENU 1 - toppen, vandret navigation
************************************/
div#menuContainer {
	width: 100%;
	height: 35px;
	line-height: 35px;
	/*padding-left: 5px;*/
	/*background: #BAC9DC;*/
	/*filter: alpha(opacity=50);*/
	border: 0px solid lightgreen;
	overflow: hidden;
	}
.menu {
	font-family: verdana, arial;
	font-size: 10px; /*VERSALER fordel punkterne med lige lang afstand i mellem hver og i hver side*/
	font-weight: normal;		/* lighter, normal, bold, bolder */
	text-decoration: none;	/* none, underline, overline, line-through */
	color: #8f8f8f;
	text-transform: uppercase;
	}
a.menu:link {
	font-weight: normal;		/* lighter, normal, bold, bolder */
	color: #8f8f8f;
	text-decoration: none;	/* none, underline, overline, line-through */
	}
/* Dette link har været besøgt */
a.menu:visited { 
	font-weight: normal;		/* lighter, normal, bold, bolder */
	color: #8f8f8f;
	text-decoration: none;	/* none, underline, overline, line-through */
	}
/* sådan skal linket se ud idet der klikkes på det */
a.menu:active { 
	font-weight: normal;		/* lighter, normal, bold, bolder */
	color: #ff6600;
	text-decoration: none;	/* none, underline, overline, line-through */
	}
/* Den side vi kigger på nu */
a.menu.selected { 
	font-weight: normal;		/* lighter, normal, bold, bolder */
	color: #ff6600;
	text-decoration: none;	/* none, underline, overline, line-through */
	}
/* når musen køres over linket */
a.menu:hover { 
	font-weight: normal;		/* lighter, normal, bold, bolder */
	color: #ff6600;
	text-decoration: none;	/* none, underline, overline, line-through */
	}
/*****************************************
* Menu i toppen af siden (ØVERST)
*****************************************/
.menutop {
	font-family: verdana, arial;
	font-size: 10px; /lodret streg mellem hvert punkt
	font-weight: normal;		/* lighter, normal, bold, bolder */
	text-decoration: none;	/* none, underline, overline, line-through */
	color: #8f8f8f;
	padding: 	0px 	0px 	0px 	0px; /*	top, right, bottom, left */
	margin: 	0px 	0px 	0px 	0px; /*	top, right, bottom, left */
	}
a.menutop:link {
	font-weight: normal;		/* lighter, normal, bold, bolder */
	color: #8f8f8f;
	text-decoration: none;	/* none, underline, overline, line-through */
	}
/* Dette link har været besøgt */
a.menutop:visited { 
	font-weight: normal;		/* lighter, normal, bold, bolder */
	color: #8f8f8f;
	text-decoration: none;	/* none, underline, overline, line-through */
	}
/* sådan skal linket se ud idet der klikkes på det */
a.menutop:active { 
	font-weight: normal;		/* lighter, normal, bold, bolder */
	color: #ff6600;
	text-decoration: none;	/* none, underline, overline, line-through */
	}
/* Den side vi kigger på nu */
a.menutop.selected { 
	font-weight: normal;		/* lighter, normal, bold, bolder */
	color: #ff6600;
	text-decoration: none;	/* none, underline, overline, line-through */
	}
/* når musen køres over linket */
a.menutop:hover { 
	font-weight: normal;		/* lighter, normal, bold, bolder */
	color: #ff6600;
	text-decoration: none;	/* none, underline, overline, line-through */
	}
/************************************
* MENU 2 - venstre side, lodret navigation
************************************/
div#menu2Container {
	float: left;
	width: 235px;
	height: 100%;
	padding-left: 10px;
	padding-top: 30px;
	text-align: right;
	font-weight: bold;
	color: white;
	font-size: 11px;
	line-height: 160%;
	}
a.menu2 {
	font-size: 11px;
	font-weight: bold;
	color: white;
	margin: 5px;
	text-decoration: none;
	}
a.menu2:link {
	text-decoration: none;
	}
a.menu2:visited {
	text-decoration: none;
	}
a.menu2:hover {
	color: #E6E6E6;
	text-decoration: none;
	}
/* When a link in the menu is selected */
a.menu2.selected {
	color: darkblue;
	}
/***************************************************************JC
* 
*****************************************************************/
div#bottomText {
	float: right;
	width: 720px;
	font-size: 10px;
	color: #8f8f8f;
	line-height: 14px;
	}
.openFormLink {
	color: #ff6600 !important;
	font-weight: bold !important;
}
.openFormLink:hover {
	color: #FFFFFF !important;
	font-weight: bold !important;
}
/* content links */
div#bottomText a:link {
	font-weight: normal;		/* lighter, normal, bold, bolder */
	color: #8f8f8f;
	text-decoration: none;	/* none, underline, overline, line-through */
	}
/* Dette link har været besøgt */
div#bottomText a:visited { 
	font-weight: normal;		/* lighter, normal, bold, bolder */
	color: #8f8f8f;
	text-decoration: none;	/* none, underline, overline, line-through */
	}
/* sådan skal linket se ud idet der klikkes på det */
div#bottomText a:active { 
	font-weight: normal;		/* lighter, normal, bold, bolder */
	color: #ff6600;
	text-decoration: none;	/* none, underline, overline, line-through */
	}
/* når musen køres over linket */
div#bottomText a:hover { 
	font-weight: normal;		/* lighter, normal, bold, bolder */
	color: #ff6600;
	text-decoration: none;	/* none, underline, overline, line-through */
	}
/***************************************************************JC
* Kontaktformular
*****************************************************************/
div#contactContainer {
	position: absolute; 
	left: 50px;
	bottom: -70px;
	border: 0px solid #ff6600;
	z-index: -100; 
	visibility: hidden;
	width: 706px; 
	height: 403px;
	overflow: hidden;
	}
div#contactForm {
	position: relative;
	width: 706px; 
	height: 403px;
	background-image: url('../design/bg_formular.jpg'); 
	background-position: 0px 0px;
	background-repeat: no-repeat;
	}
.formText {
	border: 1px solid #5f5f5e;
	background-color: #2a2a2a;
	color: white;
	width: 95%;
	font-size: 10px;
	font-family: verdana;
	}
.formSelect {
	border: 0px solid #5f5f5e;
	background-color: #2a2a2a;
	color: white;
	width: 96%;
	font-size: 10px;
	font-family: verdana;
	}
.formSubmit {
	border: 1px outset;
	background-color: #2a2a2a;
	color: white;
	font-size: 10px;
	font-family: verdana;
}
.formSubmit:hover {
	color: #ff6600;
}
.formTextarea {
	border: 1px solid #5f5f5e;
	background-color: #2a2a2a;
	color: white;
	width: 290px;
	height: 160px;
	font-size: 10px;
	font-family: verdana;
	}
div#formConfirm {
	width: 250px;
	height: 100px;
	padding: 20px;
	text-align: center;
	border: 1px solid #ff6600;	
	position: absolute;
	margin-left: 50%;
	top: 400px;
	background-color: #2a2a2a;
	color: #8f8f8f;
	font-weight: bold;
	left: -150px;
	font-size: 11px;
	filter: alpha(opacity=100);
	opacity: 1.0;
	z-index: 110;
}
div#formConfirmOK {
	border: 1px outset;
	background-color: #000000;
	color: white;
	font-size: 10px;
	font-family: verdana;
	width: 70px; 
	height: 25px; 
	line-height: 25px;
	cursor: pointer;
}
div#formConfirmOK:hover {
	color: #ff6600;
}