/**
* 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: bottom left; 
	border: 0px solid red;
	height: 75px;
	}

/**************************************************AK
* 
****************************************************/
div#topmenu1 {
    float: right;
	border: 0px solid pink;
    height: 15px;
    width: 500px;
    color:#999999;
    padding-top: 37px;
	text-align: right;
	}
div#topmenu2 {
    float: left;
    border: 0px solid pink;
    height: 32px;
    width: 200px;
    padding-top: 38px;
    text-align: left;
    display:inline;  
    }
/************************************
* HEADLINE - sidens overskrift
************************************/
div#logotop {
    clear: both;
	width: 100%;
	height: 221px;
	/*padding: 5px;*/
	font-size: 15px;
	font-weight: bold;
	border: 0px dotted yellow;
	color: white;
    z-index:99999999;
	/*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: #999999;
	/*background: #DDE7F3;*/
	}
/************************************
* MENU 1 - toppen, vandret navigation
************************************/
div#menuContainer {
	width: 830px;
	height: 35px;
	line-height: 35px;
	padding-left: 50px;
	/*background: #BAC9DC;*/
	/*filter: alpha(opacity=50);*/
	border: 0px solid lightgreen;
    text-align: left;
	overflow: hidden;
	}
.menu {
	font-family: verdana, arial;
	font-size: 11px; /*VERSALER fordel punkterne med lige lang afstand i mellem hver og i hver side*/
	text-decoration: none;	/* none, underline, overline, line-through */
	text-transform: uppercase;
    font-weight: bold;
	}
a.menu:link {
    font-weight: bold; 	
	color: #FFFFFF;
	text-decoration: none;	/* none, underline, overline, line-through */
	}
/* Dette link har været besøgt */
a.menu:visited { 
	color: #FFFFFF;
	text-decoration: none;	/* none, underline, overline, line-through */
    font-weight: bold;
	}
/* sådan skal linket se ud idet der klikkes på det */
a.menu:active { 
	color: #FF0000;
	text-decoration: none;	/* none, underline, overline, line-through */
    font-weight: bold;
	}
/* Den side vi kigger på nu */
a.menu.selected { 
	font-weight: bold;
    color: #FF0000;
	text-decoration: none;	/* none, underline, overline, line-through */
	}
/* når musen køres over linket */
a.menu:hover { 
    font-weight: bold;
	color: #FF0000;
	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: #999999;
	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: #999999;
	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: #999999;
	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: #FF0000;
	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: #FF0000;
	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: #FF0000;
	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 {
    font-weight: bold; 
	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: #999999;
	line-height: 14px;
	}
.openFormLink {
	color: #FF0000 !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: #999999;
	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: #999999;
	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: #999999;
	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: #FF0000;
	text-decoration: none;	/* none, underline, overline, line-through */
	}
/***************************************************************JC
* Kontaktformular
*****************************************************************/
div#contactContainer {
	position: absolute; 
	left: 50px;
	bottom: -70px;
	border: 0px solid #ff0000;
	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: #ff0000;
}
.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 #ff0000;	
	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: #ff0000;
}