/* CSS Document for the layout of Cafe Vestergade*/

* {
		margin:0;
		padding:0;
		}

html, body {
		height:100%;
		}

body {
        background-color:#ffffff;
        font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		font-weight:400;
		color: #ffffff; 
		text-align:center; /* horizontal centering for IE Win quirks */
		}
.bold {
	font-weight: 700;
}

.smaller {
	font-size: 12px;
}
		

/* for centering the layout---------------------------------------------- */
#container {
		margin-top: 20px;
		margin:0 auto;
		position:relative; 
		text-align:left;
		width:850px;
		clear:left;
		background:transparent;
		border:none;
		z-index: 2;
		}
/* contains the flash movie--------------------------------------------- */
#flash { 
		position:absolute; 
		top:0px; 
		left:0px; 
		width:850px; 
		height:600px; 
		border:none; 
		z-index:3;
		background:transparent;
		}
/* contains the logo------------------------------------------------------*/		
#logo {
		position: absolute;
		float: left;
		margin-top: 15px;
		margin-left: 15px;
		z-index: 4;
		border: none;
		}
#logo a{
		text-decoration: none;
		}
		
#logo img{
  		border-style:none;
		}

/* contains the transparent background for the menu section--------------- */

#menu { 
		position: absolute;
		float: left;
		top: 0px;
		margin-left: 0px;
		width:270px; 
		height: 600px;
		border:none;
		z-index: 1;
		background-image:url(background.png);
		
		}
/* contains the navigation and subnavigation ----------------------------*/	
#menu_navigation { 
		position: absolute;
		float: left;
		top: 180px;
		font-size:14px;
		list-style: none;
		margin: 0;
		padding: 0;
		padding-left: 10px;
		width: 120px; /*WIDTH OF MAIN MENU ITEMS*/
		}	

#menu_navigation a{
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-weight: bold;
		color: #FFFFFF;
		text-decoration: none;
		text-transform: uppercase;
		font-size:30px;
		list-style: none;
	}


#menu_navigation a:hover {
		color: #009933;
		}
		
#menu_navigation li{
	position: relative;
	}

#menu_navigation li ul{ /*SUB MENU STYLE*/
	position: absolute;
	margin: 0;
	margin-left: -30px;
	padding: 0;
	width: 100px; /*WIDTH OF SUB MENU ITEMS*/
	left: 0;
	top: 0;
	display: none;
	}

#menu_navigation li ul li{
	float: left;
	list-style-type: none;
	}

#menu_navigation li ul li a{
	font-size: 12px;
	list-style: none;
	}

#menu_navigation li ul a{
	width: 180px; /*WIDTH OF SUB MENU ITEMS - 10px padding-left for A elements */
	}


#menu_navigationli a:visited, #menu_navigation li a:active{
	color: white;
	}

/*
Description: Dynamic Menu System - Vertical
*/

ul#menu_navigation,ul #menu_navigation li,ul #menu_navigation ul {
	 width: 180px; /* Menu Width */
	 margin: 0;
	 list-style: none;
	}

ul#menu_navigation li { 
	float: left; 
	position: relative;  
	width: 100%; 
	}
	
ul#menu_navigation li.iehover {
	 z-index: 1000; /* IE z-index bugfix */ 
	 }

ul#menu_navigation ul {
	 display: none;
	 position: absolute;
	 top: 0;
	 left: 100%;
	 z-index: 9999;
	}

/* Root Menu */
ul#menu_navigation a {
	 display: block;
	 background-image: url(background2.png);
	 text-decoration: none;
	 height: 1%;
	}

/* Root Menu Hover Persistence */
	ul#menu_navigation a:hover {
	 color: #009933;
	}

/* 2nd Menu */
ul#menu_navigation li:hover li a,ul#menu_navigation li.iehover li a {
	 float: none;
	}

/* 2nd Menu Hover Persistence */
ul#menu_navigation li:hover li a:hover,ul#menu_navigation li:hover li:hover a,ul#menu_navigation li.iehover li a:hover,ul#menu_navigation li.iehover li.iehover a {
	 color: #009933; 
	}



/* Hover Function - Do Not Move */
ul#menu_navigation li:hover ul ul, ul#menu_navigation li.iehover ul ul { 
	display: none; 
	}

ul#menu_navigation li:hover ul,ul#menu_navigation ul li:hover ul,ul#menu_navigation ul ul li:hover ul,ul#menu_navigation li.iehover ul,ul#menu_navigation ul li.iehover ul,ul#menu_navigation ul ul li.iehover ul { 
	display: block; 
	} 

/* contains the content ----------------------------*/	
#content { 
		background-image:url(background.png);
		z-index:6;
		padding: 10px;
		overflow:auto; 
		position:absolute; 
		top:180px; 
		left:310px; 
		border:none;
		max-height: 330px;
		max-width: 470px;	
		}
		
#content a{
		text-align:right;
		font-size:20px;
		font-weight:bold;
		color: #ffffff;
		text-decoration:none;
		}

#content a:hover {
		color: #009933;
		}

/* contains the text content ----------------------------*/	
#text {
		padding-top: 10px;
		z-index:6;
		color: #ffffff;
		}
		
#text a{
		text-align:right;
		font-size:20px;
		font-weight:bold;
		color: #ffffff;
		text-decoration:none;
		}
		
#text a:hover {
		color: #009933;
		}

/* contains the picture content ----------------------------*/		
#pictures {
		background-image:url(background.png);
		z-index:6;
		padding: 2px;
		overflow:auto; 
		position:absolute; 
		top:45px; 
		left:310px; 
		border:none;
		max-height: 600px;
		max-width: 470px;		
		}	
		
#pictures a{
		text-align:right;
		font-size:20px;
		font-weight:bold;
		color: #ffffff;
		text-decoration:none;
		}
		
#pictures a:hover {
		color: #009933;
		}		
/* contains the thumbnails ----------------------------*/	
#thumbnails {
		float: left;
}

/* contains the buttons for enlarging and decreasing the font-size--------------*/	
#font_size { 
		position: absolute;
		float: left;
		top: 550px;
		margin-left:15px;
		width:270px; 
		height: 100px;
		border:none;
		z-index: 1;
		}	
		
		
#font_size ul li{ 
		list-style: none;
		}	
		
		

/* layout of the login and logout class----------------*/	
.login, .logout {
		position: absolute;
		text-align: right;
		width: 500px;
		height: 20px;
		margin-top: -600px;
		margin-left: 300px;
		color: #fff;
		font-weight: 700;
		padding: 0px;
}

.login a, .logout a{
		color:#fff;
		text-decoration: none;
		font-family: Tahoma, Geneva, sans-serif;
		font-weight:700;
}

.login a:hover, .logout a:hover {
		color: #009933;
}

/* contains the layout for the new login page ----------*/	
#container2 {
		background-image: url(newloginbackground.jpg);
		background-repeat: no-repeat;
		width: 850px;
		height: 600px;
		margin: auto;
}	

#new_user_extender {
		height: 400px;
		width: 600px;
		margin: auto;
		background-image: url(background.png);
}

#new_user {
		color: #fff;
		font-family: Tahoma, Geneva, sans-serif;
		font-weight: 700;
		text-align: left;
		padding-top: 25px;
		padding-left: 30px;
}

table.new_user {
		margin: auto;
}

table.new_user tr td {
		padding: 3px;
}

.form tr td {
		padding: 3px;
}

#upload_extender {
		text-align: center;
		padding-top: 25px;
		height: 300px;
		width: 600px;
		margin: auto;
		color: #fff;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-weight: 700;
		background-image: url(background.png);
}	

/* contains the layout for the text in the preloader page ----------------------------*/	
#text_pre{
		margin-top: 150px;
		padding: 30px;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		color: #FFFFFF;
		font-size:16px;	
		font-weight: 400;
	}	

/* contains the layout for the preloader page  ----------------------------*/	
#flash_pre { 
		position:absolute; 
		top:0px; 
		left:0px; 
		width:850px; 
		height:600px;
		border: 4px double #006633;
		z-index:3;
		background:transparent;
		}