/*-----------------------------------------------------------------------------
Main Style Sheet

version:   1.0
author:    Soneris Realtime GmbH
email:     info@soneris.ch
website:   http://www.soneris.ch
-----------------------------------------------------------------------------*/

/* =General
-----------------------------------------------------------------------------*/

/* Remove padding and margin */
* {
  margin: 0;
	padding: 0;
}

/* Put it back on certain elements */
pre, blockquote, form, fieldset, table {
  margin: 1em 0;
}

/* Class for clearing floats */
.clear {
	clear:both;
}

/* Remove border around linked images */
img {
	border: 0;
}

/* =Typography
-----------------------------------------------------------------------------*/

body
	{
		font: 90% Verdana, Arial, Helvetica, sans-serif;
		text-align: center;
		color: #505367;
		background-color: #D6D6D6;
	}
		
	#container
	{
		margin: 5px 5px 5px 5px;
		width: 1024px;
		text-align: left;
		background-color: white;
		border: 1px solid #676767;
	}
	
	#background1
	{
	float: left;
	height: 780px;
	width: 571px;
	background-image: url(../img/background1.jpg);
	background-repeat: no-repeat;
	background-position: 5px 20px;
	position: relative;
	background-color: white;
	}

	#background2
	{
	float: left;
	height: 780px;
	width: 571px;
	background-image: url(../img/background2.jpg);
	background-repeat: no-repeat;
	background-position: 5px 20px;
	position: relative;
	background-color: white;
	}

	#background3
	{
	float: left;
	height: 780px;
	width: 571px;
	background-image: url(../img/background3.jpg);
	background-repeat: no-repeat;
	background-position: 5px 20px;
	position: relative;
	background-color: white;
	}

	#background4
	{
		float: left;
		height: 780px;
		width: 571px;
		background-image: url(../img/background4.jpg);
		background-repeat: no-repeat;
		background-position: 5px 20px;
		position: relative;
		background-color: white;
	}

	#background5
	{
	float: left;
	height: 780px;
	width: 571px;
	background-image: url(../img/background5.jpg);
	background-repeat: no-repeat;
	background-position: 5px 20px;
	position: relative;
	background-color: white;
	}
	
/* =Headings
-----------------------------------------------------------------------------*/

	#header
	{
		float: left;
		height: 91px;
		width: 405px;
		padding: 20px 0 10px 0;
		background-color: white;
	}
	
	#header p
	{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-size: 18px;
		color: #505367;
		padding: 70px 0 0 20px;
		text-align: left;
	}

/* =Links
-----------------------------------------------------------------------------*/
	a:link, a:active, a:visited {
		color: #666666;
		text-decoration: none;
	}
	
	a:hover {
		color: #0294AB;
		text-decoration: none;
		}



/* =Branding
-----------------------------------------------------------------------------*/



/* =Main Nav
-----------------------------------------------------------------------------*/

	#nav
	{
	position: relative;
	left: 400px;
	top: 120px;
	width: 173px;
	margin: 40px 0 0 0;
	padding: 4px 0 0 0; /* to check why these 4px are necessary */
	background-color: white;
	}

	#nav ul
	{
		list-style-type: none;
		display: block;
	}
	
	#nav li
	{
		border-bottom: 1px solid white;
		padding: 2px 0 2px 0;
	}
	
	#nav #selected
	{
		border-bottom: 1px solid black;
	}
	
	#nav li:hover
	{
		border-bottom: 1px dotted black;
		display: block;
	}
	
/* =Sub Nav
-----------------------------------------------------------------------------*/




/* =Main Content
-----------------------------------------------------------------------------*/
	#content
	{
	float: right;
	width: 425px;
	height: 615px;
	margin: 40px 5px 0 0;
	padding: 0 0 0 20px;
	background-color: white;
	background-image: url(../img/providing_innovation.jpg);
	background-repeat: no-repeat;
	background-position: 296px 565px;
	position: relative;
	border-left: 1px solid black;
	}

	#content ul
	{
		padding: 0 0 0 20px;
		list-style-type: disc;
	}
	
	h1
	{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 14px;
		color: #505367;
		padding: 0 0 20px 0;
	}
/* =Secondary Content
-----------------------------------------------------------------------------*/



/* =Footer
-----------------------------------------------------------------------------*/
	#footer
	{
		clear: both;
	}


/* =Forms
-----------------------------------------------------------------------------*/

/* Removes fieldset borders. even on Opea 7 */
fieldset {
  border: 1px solid transparent;
}


/* =Tables
-----------------------------------------------------------------------------*/

table { 
  border-spacing: 0;
	border-collapse: collapse;
}