/* 
 * w.css white version
 *
 * width: 800 pixels
 *
 * colors:
 * color 0.       light gray background
 * color 1.       blue: #9AAED8 logo image, menu (sidebar images)
 * color 2.  dark gray: #AAAAAA text background
 * color 3. light gray: #CCCCCC window background and highlights blocks of color 2
 *
                             ,----------.
                             |right container
                             |logo      |
                             |          |
                             |          |
                             |          |
 ,---------------------------|----------|
 | main                      |logowhite |
 |                           |----------|
 |                           |sidebar   |
 |                           |          |
 |                           |          |
 |                           |          |
 |                           |          |
 |                           |          |
 |                           |          |
 |                           |          |
 |                           |          |
 `--------------------------------------'
 */
body
{
	background: white;
	color: black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal;
}

div#center_it
{
	position: relative;
	margin: auto auto;
	background: white;
	color: black;
	width: 800px;
	height: 100%;
}

div#main /* @used: w.php @info: the part below the tagline */
{
	background: white;
	color: black;
	position: relative;
	top: 150px;
	left: 0;
	margin: 0;
	padding: 10px;
	width: 576px;
	border: 2px solid white;
}

div#whiteborder
{
}

div#logo /* the 42virtual logo part senza text , 200 px wide and 150 px high, filled with flash.. */
{
	position: relative;
	top: 0;
	left: 0;
	background: #9AAED8;
	color: white;
	width: 200px;
	height: 150px;
}

div#logo a img
{
	border: none;
	vertical-align: top; /* this is needed for IE to display the images without spaces in between */
}

div#logowhite a img
{
	border: none;
	vertical-align: top; /* this is needed for IE to display the images without spaces in between */
}

div#logowhite /* the "42virtual" text line of the logo, contains logowhite.gif, 47 px high 200 px wide*/
{
	position: absolute;
	top: 150px;
	left: 0;
	background: #ffffff;
	color: black;
}

div#rightcontainer /* @used: w.php @info: logo, etc. needed for IE/Moz difference box models */
{
	position: absolute;
	top: 0px;
	left: 600px;
	width: 200px;
	background: white;
  	color: black;
}

div#sidebar /* @used: w.php @info: sidebar */
{
	position: absolute; /* we need this in case flash is yes in browser and firewall strips flash .. RTC */
	top: 209px; /* 150 + 47 + 1*/
	left: 0px;
	width: 200px; /* 200 is the logo width */
	background: white;
	color: black;
}

div#sidebar a /* @used: w.php @info: anchor that contains button image */
{
	margin: 1px 0px;
	padding: 5px 26px;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	width: 148px; /* needed by IE to make the menu clickable */
	color: black;
	display: block; /* needed by opera, otherwise it shows strange cut-off marks between the imgs */
	background: white;
}

div#sidebar a:hover
{
	background: white;
	color: #9AAED8;
}

div#sidebar a img /* @used: w.php @info: images in sidebar, 200 px wide  */
{
  	border: none;
  	margin: 0 0 1px 0; /* bottom only looks better */
  	padding: 0;
  	vertical-align: top; /* this is needed for IE to display the images without spaces in between */
}

div#tagline img /* @used: w.php @info: images in tagline NB: vertical-align: top is needed by IE 6!!*/
{
	border: none;
	vertical-align: top; /* this is needed for IE to display the images without spaces in between */
}


/* image in main: was: 579 x 381 is now: 599 x 394
 */

img#homeimg /* @used: home.inc @info: image on first page */
{
	position: absolute;
	top: 150px;
	border: 0px solid #EEEEEE;
	width: 600px;
	height: 395px;
	left: 0;
	padding: 0;
	margin: 0;
	vertical-align: top;
}

div#refstory /* @used: w.php @info: header paragraph of topstory*/
{
	font-weight: bold;
	padding: 5px 0 0 5px;
	margin: 0;
}

div#reftext /* @used: w.php @info: content paragraph of topstory*/
{
	font-weight: normal;
	padding: 5px 0 0 5px;
	margin: 0;
}

div#persdetails /* @used: weare.inc @info: role/focus of partner*/
{
	position: relative;
	top: 0px;
	left: 0px;
	width: 400px;
	/* height: 200px; */
}

div#perspicture /* @used: weare.inc @info: picture of partner right */
{
	position: absolute;
	top: 5px;
	left: 414px;
	width: 162px;
	height: auto;
}

div#perstext /* @used: weare.inc */
{
	background: white;
	color: black;
	position: relative;
	top: 5px;
	left: 0;
	width: 402px;
	padding: 5px;
}

div#perstext p
{
	margin: 3pt;
}

div#perstext ul /* @used: weare.inc list item */
{
	/* list-style-type: circle; */ /* "circle" looks stupid,  "bullet" makes the validator barf */
	list-style-position: inside;
	padding: 0px;
	margin: 0 0 0 5px;
}

p.weknow /* @used: weknow.inc @info: name der programme */
{
	font-size: 8pt;
	font-weight: bold;
	padding: 4px;
	margin: 0;
}

div.ref_story_unsel /* @used: weknow.inc @info: gesamte nicht aufgeklappten ref stories */
{
	margin: 2px 0px 2px 10px;
}

div.ref_story_unsel a /* @used: weknow.inc @info: projektname der nicht aufgeklappten ref stories */
{
	color: black;
	background: #EEEEEE;
}

div.ref_story_sel /* @used: weknow.inc @info: gesamte aufgeklappte ref story */
{
	background: white;
	color: black;
	margin: 2px 0px 0px 10px; /* wie in div.ref_story_unsel */
	padding: 4px 0 4px 0;
}

div.ref_story_sel a /* @used: weknow.inc @info: kunde der aufgeklappte referenz story */
{
	font-style: normal;
	text-decoration: underline;
	background: white;
	color: black;
}

div.ref_story_sel span /* @used: weknow.inc @info: titel der aufgeklappte referenz story */
{
	font-style: normal;
}

div.ref_story_sel div /* @used: weknow.inc @info: inhalt der aufgeklappte referenz story */
{
	font-size: 8pt;
	font-style: normal;
	font-weight: normal;
	margin: 5px 5px 5px 10px;
}

div.ref_story_sel div p   /* @used: weknow.inc @info: absatz des links auf kunden am ende der aufgeklappte referenz story */
{
	margin: 0px 0 4px 0;
}

div.ref_story_sel div p a  /* @used: weknow.inc @info: link auf kunde am ende der aufgeklappte referenz story */
{
	font-style: normal; /* was italic */
	font-weight: normal;
	text-decoration: underline;
	background: white;
	color: black;
}

div.contact_details_at p /* @used: contact.inc @info: firmendaten, tel-nur, USt Nummer */
{
	padding: 10px;
	margin: 0px;
	background: white;
	color: black;
	width: 50%;
}

div.contact_details_at div /* @used: contact.inc @info: firmendaten, tel-nur, USt Nummer */
{
	padding: 10px;
	width: 50%;
}

div.contact_details_ch p /* @used: contact.inc @info: firmendaten, tel-nur, USt Nummer */
{
	padding: 10px;
	color: black;
	background: white;
	width: 50%;
}

div.contact_details_ch div /* @used: contact.inc @info: firmendaten, tel-nur, USt Nummer */
{
	padding: 10px;
	width: 50%;
}

img#partnerimg /* @used: weare.inc @info: picture of all partners */
{
	border-style: none; /* avoid borders */
	width: 100%; /* TBD: Does not work in IE */
	vertical-align: top;
}


div#d_wedo p /* @used: wedo.inc @info: zitate unserer kunden */
{
	padding: 5px;
	margin: 0px;
}

div#d_career p, div#d_zone p, div#d_contact p
{
	margin: 5px 0;
	padding: 5px;
}


/* COLORS
 */
/* COLOR 1 is bg color: #EEEEEE
 */


div#group
{
	position: relative;
	width: 559px;
	padding: 10px;
	margin: 10px 0;
	background: white;
	color: black;
}

div#group_1
{
	margin: 10px 0;
}

div#group_2 img, div#group_2 object
{
	float: right;
	left: 50%;
	/* width: 180px; */
	margin: 10px 0 20px 20px;
}

div#group_3
{
}



/* COLOR 3 details that are in 2nd color
 */
div#d_wedo blockquote /* @used: wedo.inc @info: zitate unserer kunden */
{
	background: #EEEEEE;
	color: black;
	padding: 5px;
	margin: 0 0 0 10px;
}

div.contact_details p /* @used: contact.inc @info: firmenname und adresse */
{
	background: white;
	color: black;
	margin: 12px 0 2px 10px;
	width: 50%;
	padding: 10px;
}

div#d_career div
{
	background: white;
	color: black;
	padding: 1px;
	margin: 1px;
}


div#d_career li
{
	background: white;
	color: black;
	margin: 2px;
}