/**
* 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");
@import url("emaillist.css");
@import url("xfade2.css");

div {
	/*border: 1px solid orange;*/
	}
table {
	/*border: 1px solid lightgreen;*/
	}


/**
* BODY
*/
body {
	margin: 0px;
	padding: 0px;
	font-family: font-family: Arial,  Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #FFFFFF;
	}

body, html {
	height: 100%;
	}

/************************************
* CENTERTABLE - centrering af siden
************************************/
table#centerTable {
	border-collapse: collapse; /* cellspacing=0 */
	/*background-image: url('../design/repeatbg.jpg');
	background-repeat: repeat-y;
	background-position: top left;
	
	*/
	width: 950px;
	/*background-color: red;*/
	}
td#centerTableTd {
	border-collapse: collapse; /* cellspacing=0 */
	/*background-image: url('../design/bg.jpg');
	background-repeat: no-repeat;
	background-position: top left;*/
	}

#bg_player{
	position: absolute;
	top: 0px;
	left: 0px;
	
	}
	
#frontpageNews{
	text-align:right;
	font-size: 18px;
	font-weight: bold;
	font-family: Arial Narrow, Arial,  Helvetica, sans-serif;
	text-transform: uppercase;
	z-index:5; 
	position:absolute; 
	bottom:10px; 
	left:0px; 
	width: 100000px; 
	height:18px;
	color: #009fe1;
	
	}
	
	#frontpageNews p{
		margin: 0px;
		padding:0px;
	}
	
	
	#frontpageNewsBg{
	opacity:0.2;
	filter:alpha(opacity=20); 
	z-index:1; 
	position: absolute; 
	bottom:0px; 
	left:0px; 
	height: 35px; 
	width: 100%;
	background-color:white;	
	}
	
/************************************
* DESIGNWRAPPER - Omkredserselve designet
************************************/
#designWrapper{
	width: 950px;
	height: 550px;
	position: relative;
	z-index: 0;
	
	}

/************************************
* imagePopScreen - wrapper for billede galleriet
************************************/
div#imagePopScreen {
	width: 750px;
	height: 550px;
	position: absolute;
	top: 0px;
	left: 200px;
	z-index:1;
	background-image:none;
	background-repeat:no-repeat;
	background-position: center center;
	text-align:left;
	background-color: white;
	visibility: hidden;
	}


/************************************
* schoolLogo - Skolens logo
************************************/
div#schoolLogo {
	width: 310px;
	height: 60px;
	position: absolute;
	top: 45px;
	/*left: 550px;*/
	z-index:20;
	}

/************************************
* MENU/CONTENT - Deler menuen fra indholdet
************************************/
#menuContentSpacer{
	width: 15px;
	height: 550px;
	position: absolute;
	top: 0px;
	left: 165px;	
	}

/************************************
* ENVIRONMENT_IMAGE - miljų billede hvis der er et
************************************/
#environment_image{ 
	width: 450px;
	height: 550px;
	position: absolute;
	top: 0px;
	left: 500px;
}




/************************************
* BILLEDEGALLERI 
************************************/
#billedegalleri{
	position: absolute;
	top: 550px;
	right: 0px;
	text-align:left;
	
	}
/************************************
* BILLEDEGALLERI  + Pile
************************************/


#arrowNext{
	position: absolute;
	top: 580px;
	right: -0px;
	text-align:left;
	z-index: 3;
	
	}
#arrowBack{
	position: absolute;
	top: 580px;
	left: 480px;
	text-align:left;
	z-index: 3;
	}

/************************************
* HEADLINE - sidens overskrift
************************************/
div#logotop {
	width: 950px;
	height: 180px;
	padding: 5px;
	font-size: 15px;
	font-weight: bold;
	color: white;
	cursor: pointer;
	}
/************************************
* HEADLINE - sidens overskrift
************************************/
div#headline {
	width: 100%;
	height: 35px;
	line-height: 35px;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	}
/************************************
* MENU 1 - toppen, vandret navigation
************************************/
div#menuContainer {
	background-color: #0B1521;
	color: white;
	width: 950px;
	height: 25px;
	line-height: 25px;
	padding: 5px;
	}
a.menu {
	font-size: 12px;
	font-weight: bold;
	color: white;
	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;
	}
/* When a link in the menu is selected */
a.menu.selected {
	color: lightblue;
	}
/************************************
* MENU 2 - venstre side, lodret navigation
************************************/
div#menuleftContainer {
	position:absolute; 
	top: 90px;
	left: 5px;
	width: 150px;
	height: 390px;
	text-align: left;
	z-index:20;
	}

.leftmenu_toplevel{
	height: 16px;
	padding-top:2px;
	padding-bottom: 2px;
	text-transform: uppercase;
	}
	
.leftmenu_sublevel{
	height: 10px;
	padding-top:0px;
	padding-bottom: 12px;
	text-transform: lowercase;
	}



a.menuLeft {
	font-size: 11px;
	font-weight: bold;
	color: #878787;
	margin: 5px;
	text-decoration: none;
	}
a.menuLeft:link {
	text-decoration: none;
	
	}
a.menuLeft:visited {
	text-decoration: none;
	}
a.menuLeft:hover {
	color: #469edb;
	text-decoration: none;
	}
/* When a link in the menu is selected */
a.menuLeft.selected {
	color: #469edb;
	}
	
a.menuLeftSubpages {
	font-family: Arial,  Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #878787;
	margin: 5px;
	text-decoration: none;
	}
a.menuLeftSubpages:link {
	text-decoration: none;
	
	}
a.menuLeftSubpages:visited {
	text-decoration: none;
	}
a.menuLeftSubpages:hover {
	color: #469edb;
	text-decoration: none;
	}
/* When a link in the menu is selected */
a.menuLeftSubpages.selected {
	color: #469edb;
	}
	
	
	/************************************
* contactInformation - kontaktinformationer i bunden
************************************/
div#contactInformation {
	width: 770px;
	height: 20px;
	position: absolute;
	top: 560px;
	left: 145px;
	text-align: center;
	

	}