/***************************************
 * Copyright Florian Verhein 2006-2008 *
 * All rights reserved                 *
 ***************************************/

/*

#7AAAC0; Blue grey
#A1CAA1; Green grey

Main colours		scheme1	scheme2
title, footer:		#57A;	#79C; or #8AD;
menu selected		#4E9386;#7BA;
deatails heading:	#E99;	#ADE;
details:		#EAA;	#CEF;
news heading:		#8BB;	#ACE;
news:			#9CB;	#CDF;


border-collapse: separate;


*/

/* unless otherwise overiden, tables for structure only. Hence, no borders, padding, etc. */

div.center table
{
	margin-left:	auto;
	margin-right:	auto;
}

table
{
	border-width: 0px 0px 0px 0px;
	/*border-style: none;*/
	border-spacing: 0px;
	border-collapse: separate;
	padding:	0.0px 0.0px 0.0px 0.0px;
}

td
{
	border-width: 0px 0px 0px 0px;
	padding:	0.0px 0.0px 0.0px 0.0px;
}

th
{
	border-width: 0px 0px 0px 0px;
	padding:	0.0px 0.0px 0.0px 0.0px;
}

body
{
	background-color: #FFF;
} 


table.title-table
{
	background-color: #8AD; 
	width: 920px;
} 

h1
{
	color: #FEFEFE; 
	font-family: verdana;
	font-size: 26pt;
	text-align: center;
	font-weight: normal;
	margin: 	0.0em 0.0em 0.0em 0.0em;
	padding:	0.1em 0.0em 0.1em 0.0em;
}

table.main-table
{
	width: 920px;
	border-width: 3px 3px 3px 3px;
	border-spacing: 0px;
	border-style: solid solid solid solid;
	border-color: #8AD;
	border-collapse: separate;
	margin: 	0.0em 0.0em 0.0em 0.0em;
	padding:	0.0em 0.0em 0.0em 0.0em;
}

table.main-table td
{
	vertical-align: top;
	height: 100%;
}

table.footer-table
{
	background-color: #8AD; 
	width: 920px;

	font-family:	verdana;
	font-size:	9pt;
	color:	#FFF;
	font-weight:	normal;
	text-align:	center;
	padding:	4px 0.0em 6px 0.0em;
}

table.photo-details
{
	width: 100%;
}

table.photo-details td
{
	width:	100%;
}

table.details
{
	width: 100%;
	float: left;
	border-style: solid;
	border-color: white;
	border-width: 1px 1px 0px 1px;
	border-spacing: 0px;
}

table.details th
{
	font-family: verdana;
	font-size: 12pt;
	height: 30px;
	background-color: #C4E7F7;
	text-align:	center;
}

table.details td
{
	height: 200px;
	background-color: #CEF;
	text-align:	center;
}

table.details p
{
	font-family: verdana;
	font-size: 12pt;
	padding: 0.4em 0em 0em 0em; 
}

img.photo
{
	height: 230px;
	display:	block;
	border-style: solid;
	border-color: white;
	border-width: 1px 1px 0px 0px;
}


/* === News === */

table.news
{
	height: 100%;
	width:	240px;
	
	border-style: solid;
	border-color: white;
	border-width: 1px 1px 1px 0px;
	border-spacing: 0px;
}

table.news th
{
	background-color: #C4D7F7; 
	font-family: verdana;
	font-size: 12pt;
	height: 30px;
}

table.news td
{
	background-color: #CDF;
	text-align: left;
	height: 100%;
}

table.news ul
{
	padding-top: 4px;
	font-family: verdana;
	font-size:10pt; 
	list-style-image: url('../_images/arrow_greyblue.gif') 
}

table.news li
{
	padding-left: 0px;
	padding-bottom: 3px;
	padding-top: 0px;
	padding-right: 5px;
}


/* --- Clustrmaps --- */

table.clustrmaps
{
	width:	240px;
	height: 100%;
}

table.news td.clustrmaps
{
	background-color: #CDF;
	text-align: center;
	border-width: 1px 0px 0px 0px;
	padding: 7px 0px 3px 0px;
	border-style: solid solid solid solid;
	border-color: white;
}

/* --- Images --- */

img
{
	border: 0px;
}

img.firefox
{
	height: 32px;
}
img.validator
{
 	height: 31px;
 	width: 88px;
}
img.linkedin
{
	width: 160px;
	height: 33px;
}
img.linkedin-small
{
	width: 80px;
	height: 15px;
}
img.new-clustrmaps
{
	width: 1px;
	height: 1px;
}

/*============= MENU ============*/


table.menu
{
	width: 920px;

	border-width: 0px 0px 0px 0px;
	border-style: none;
	border-spacing: 0px;
	border-collapse: separate;

}

table.menu td
{
	text-align:	center;
	border-width: 1px 1px 1px 0px;
	border-color: #FFF;
	border-style: solid;

}


table.menu a
{
	font-family:	verdana;
	float:	left;
	width:	100%;
	text-decoration:	none;
	color:	#FFF;
	font-weight:	normal;
	font-size:	13pt;
	background-color:	#8AD;
	padding:	5px 0px 5px 0px;
	/*border-right:	1px solid #FEFEFE;*/
	/*border-left:	1px solid #FEFEFE;*/
	/*border-top:	0px;
	border-bottom:	0px;*/


}

/*table.menu a
{
	font-family:	verdana;
	float:	left;
	width:	100%;
	text-decoration:	none;
	color:	#FFFFFF;
	font-weight:	normal;
	font-size:	13pt;
	background-color:	#8AD; /*#789ABC; #39628B; */
	padding:	0.2em 0em 0.2em 0em;
	border-right:	1px solid #FEFEFE;
	border-left:	1px solid #79C; /*#FEFEFE;*/
	border-top:	0px;
	border-bottom:	0px;


}*/

table.menu a:link
{
	color:	#FFFFFF;
}
table.menu a:visited
{
	color:	#FFFFFF;
}
table.menu a:hover
{
	background-color:	#ABD; /*#7BA;*/
} 
table.menu a:active
{
	color:	#000; /*#FFD52E;*/
}

div.menu
{
	text-align: center;
	padding:	0.1em 0em 0.2em 0em;
	margin: 0.3em 0em 0em 0em;
}

div.logos
{
	
	text-align: right;
	margin: 0.5em 0.5em 0.3em 0em;
	
	font-family:	verdana;
	font-size:	9pt;
	
	vertical-align: bottom;
	
/*	position: relative;
	bottom: 0px;
*/
}


/*============= TEXT ============*/

p
{
	font-family: verdana;
	font-size:11pt; 
	margin-left: 14px;
	margin-right: 12px;
	margin-bottom: 2px;
	margin-top: 8px;
	text-indent: 0cm;
	padding: 0px 0px 0px 0px;
	/*text-align: justified; -- doesnt work*/ /*left;*/
} 

p.small
{
	font-family:	verdana;
	font-size:	9pt; 
	margin-left:	0px;
	text-indent:	0cm;
	text-align: right;
	vertical-align: bottom;
} 


a:link {color: #000099;}
a:visited {color: #006666;}
a:hover {color: #AB2730;} /*#FF3300*/
a:active {color: #000;}
/*a {text-decoration: none}*/