body
		{
		font: 0.7em Verdana, sans-serif;
		color: #666;
		margin: 0px;
		}
		
		
/**
 * Per default, anchors have no decoration.
 */

a
		{
		color: #666;
		text-decoration: none;
		}


/**
 * Links which appear inside text, should be visible.
 */	

p a
		{
		border-bottom: 1px dotted #999;
		}
	
	
/**
 * Make it possible to disable the underline for links (i.e. for images)
 */

p a.borderless
		{
		border-bottom: none;
		}
	
	
/**
 * Images shouldn't have a border.
 */

img
		{
		border: none;
		}


h2
		{
		font-size: 1em;
		margin-top: 0em;
		font-weight: bold;
		}
	
	
h2 span
		{
		padding-left: 0.5em;
		font-weight: normal;
		}
		
	
/**
 * Set the defalut margins for paragraphs and divs containing google maps.
 */	

p, div.map
		{
		margin-bottom: 2em;
		margin-top: 0em;
		}
	
	
/**
 * Navigation list
 */

ul.level1
		{
		list-style: none;
		margin: 0px;
		padding: 0 0 1em 0;
		}
		

ul.level1 li.leaf
		{
		padding-bottom: 0.5em;
		}


ul.level1 li.leaf.active strong a
		{
		font-weight: bold;
		}
	

/**
 * Header
 */

div#header
		{
		height: 115px;
		margin-left: 160px;
		overflow: visible
		}
		
		
div#header img 
		{
		position: relative;
		left: -3px;
		}
	
	
/**
 * Navigation
 */

div#navigation
		{
		float: left;
		left: 0px;
		width: 320px;
		}
	
/**
 * Project navigation container
 */

div#nav_projects
		{
		width: 50%;
		margin-left: 50%;
		margin-bottom: 35px;
		}

div#nav_projects li.leaf 
		{
		padding-left: 0;
		}
div#nav_projects li.title
		{
		font-weight: bold;
		padding-left: 0;
		}

/**
 * Teaser
 */

div#nav_teaser
		{
		width: 50%;
		margin-left: 50%;
		margin-bottom: 35px;
		}
		
		
div#nav_teaser img
		{
		width: 140px;
		}
		
		
div#nav_teaser span
		{
		display: block;
		margin-right: 20px;
		}
		
		
/**
 * Navigation container for non-project items
 */

div#nav_static
		{
		width: 50%;
		padding-left: 50%;
		background-image: url(../imgs/f.jpg);
		padding-bottom: 100px; /* Make sure there's enough room for the background-image. */
		background-position: top left;
		background-repeat: no-repeat;
		
		padding-top: 0px; /* Align to the top of the image ('F') at the left. */
 		}
	
	
/**
 * Main content
 */

div#content
		{
		position: absolute;
		left: 320px;
		}
		

/**
 * The image view div contains the currently viewed image from the project gallery.
 */		

div#content div#image_view
		{
		background: none;
		margin-bottom:10px;
		}


div#content div#image_view legend
		{
		padding: 0;
		margin: 0;
		}
		
/**
 * Full size images should show a progress indicator while loading.
 */

div#content div#image_view.loading
		{
		display: block;
		min-height: 100px;
		background: url(../imgs/loading.gif) no-repeat center center;
		border: 1px dashed #ccc;
		margin-bottom: 8px; /* border adds 2px to the height => subtract from margin-bottom (which is 10px) */
		}
		
		
/**
 * The image tag itself should be hidden while loading.
 */

div#content div#image_view.loading img
		{
		visibility: hidden;
		}



	
/**
 * Thumbs
 */

div#thumbs
		{
		position: absolute;
		top: 0px;
		left: 100%;
		white-space: nowrap;
		margin-left: 10px;
		margin-right: 10px;
		}
		
		
div#thumbs img
		{
		cursor: pointer;
		margin-bottom: 20px;
		margin-left: 10px;
		margin-right: 10px;
		}






/**
 * The content container for non-project pages has a fixed width.
 */	

body.info div#content
		{
		width: 600px;
		}


/**
 * Google maps
 */

div.map
		{
		width: 100%;	/* This is the default width, can be changed by the user (maps dialog). */
		height: 300px; 	/* This is the default height, can be changed by the user (maps dialog). */
		overflow: hidden;
		}        
		
		
div.map.loading
		{
		background: url(../imgs/loading.gif) no-repeat center center;
		border: 1px dashed #ccc;
		}