/**************************************************
	HTML Framework and body
	2012-09-19 Copyright lerax
**************************************************/
html, body {
	height: 100%;
}
body {
	font-family : Helvetica, Arial, sans-serif;
	font-size: 100%;
	background-color: white;
	margin: 0px;
}

/**************************************************
	Tables
	2012-09-19 Copyright lerax
**************************************************/
table {
	table-layout: auto;
	border-width: 0px;
	border-collapse: collapse;
	margin: 0px;
}
td, th {
	padding: 0px;
	border-width: 0px;
	text-align: left;
	vertical-align: top;
}
#FrameworkTable {
	width: 960px;
	height: 100%;
	margin: 0px 0px 0px 0px;
	border: 0px solid red;
}
#ToolbarRow {
	display: none;
}
#HeaderRow {
	height: 240px;
	display: none;
}
#ContentRow {
	height: 100%; /* crossbrowser compatibility: height does only work properly with tr, but not with td, th */
}
#FooterRow {
	display: none;
}
#ToolbarCell {
	padding: 4px 12px 4px 12px;
	background-color: grey;
}
#HeaderLeftCell {
	width: 240px; /* value doesn't include td padding */
	padding: 12px 12px 12px 12px;
	background-color: grey;
	vertical-align: middle;
}
#HeaderRightCell {
	width: 720px; /* value doesn't include td padding */
	background-color: inherit;
}
#ContentLeftCell {
	padding: 12px 12px 20px 12px;
	background-color: #707070;
	display: none;
}
#ContentRightCell {
	padding: 12px 14px 20px 14px;
	background-color: white;
}
#ContentRightDivision {
	width: 692px;
}
#FooterCell {
	padding: 4px 12px 4px 12px;
	background-color: grey;
}

/**************************************************
	Images and and animation
 	$Id: kanima.css 4 2010-04-04 17:58:52Z itb $
**************************************************/
img {
	border: 0px;
	margin: 0px;
}
#kanima { /* id selector for p element enclosing top row images */
	position: relative;
	z-index: 10;
}
img.kanima { /* class selector for top row images */
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	filter: alpha(opacity = 0);
	width: 720px;
	height: 240px;
}
img.HeaderPhoto {
	width: 720px;
	height: 240px;
}
img.HeaderLogo {
	width: 216px;
	height: 29px;
	margin-bottom: 4px;
}

/**************************************************
	Body text
	2012-09-19 Copyright lerax
**************************************************/
p, div, input, select, textarea, ul, ol {
	font-size: 16px;
	font-weight: normal;
	color: black;
	text-align: left;
}
p, div {
	line-height: 160%;
}
p {
	margin: 0px 0px 12px 0px;
}
div {
	margin: 0px;
}
#ToolbarLeftText {
	width: 70%;
	font-size: 13px;
	float: left;
}
#ToolbarRightText {
	width: 30%;
	font-size: 13px;
	text-align: right;
	float: left;
}
div.HeaderText {
	font-size: 13px;
	color: black;
	font-weight: bold;
}
#FooterLeftText {
	width: 70%;
	font-size: 13px;
	float: left;
}
#FooterRightText {
	width: 30%;
	font-size: 13px;
	text-align: right;
	float: left;
}
div.SmallText {
	font-size: 13px;
}
div.Menue {
}
div.SubMenue {
	margin-left: 12px;
}
span.MenuePath {
	color: black;
}
span.Divider {
	margin-left: 6px;
	margin-right: 6px;
}
span.UserName {
	text-decoration: none;
}
p.InterviewQuestion {
	font-weight: bold;
	margin: 0px;
	color: Black;
}
p.InterviewAnswer {
}

/**************************************************
	Titles
	2012-09-19 Copyright lerax
**************************************************/
h1 {
	font-size: 23px;
	font-weight: bold;
	margin: 0px 0px 10px 0px;
	color: Black;
}
h2 {
	font-size: 16px;
	font-weight: bold;
	margin: 12px 0px 0px 0px;
	color: Black;
}

/**************************************************
	Lists
	2012-09-19 Copyright lerax
**************************************************/
ul, ol {
	list-style-type: square;
	padding: 0px 0px 0px 16px;
	margin: 0px;
}
li {
	/*background-image: url(../Images/listbullet.gif);
	background-repeat: no-repeat;
	background-position: -2px 3px;*/
	padding-left: 0px;
	line-height: 160%;
}

/**************************************************
	Anchors
	2012-09-19 Copyright lerax
**************************************************/
a {
	font-weight: normal;
 	color : black;
	text-decoration : none;
}
a:hover {
 	color : white;
	text-decoration : none;
}

/**************************************************
	Data tables
	2012-09-19 Copyright lerax
**************************************************/
table.DataTable {
	margin: 12px 0px 18px 0px;
}
table.DataTable tr.DataHeaderRow {
	background-color: inherit;
}
table.DataTable tr.DataRow {
}
table.DataTable th {
	padding: 4px 6px 4px 6px;
	text-align: left;
	vertical-align: middle;
	border: 1px solid black;
}
table.DataTable td {
	padding: 6px 6px 6px 6px;
	text-align: left;
	vertical-align: top;
	border: 1px solid black;
}
#CalendarHeaderCell1 { width: 120px; }
#CalendarHeaderCell2 { width: 159px; }
#CalendarHeaderCell3 { width: 180px; }
#CalendarHeaderCell4 { width: 180px; }

#BouleNewsHeaderCell1 { width: 140px; }
#BouleNewsHeaderCell2 { width: 216px; }
#BouleNewsHeaderCell3 { width:  90px; }
#BouleNewsHeaderCell4 { width:  90px; }
#BouleNewsHeaderCell5 { width:  90px; }

#VorstandHeaderCell1 { width:  60px; }
#VorstandHeaderCell2 { width: 200px; }
#VorstandHeaderCell3 { width: 140px; }

#AddressHeaderCell1 { width:  60px; }
#AddressHeaderCell2 { width: 200px; }
#AddressHeaderCell3 { width: 200px; }

#BestOfHeaderCell1 { width:  80px; }
#BestOfHeaderCell2 { width: 200px; }
#BestOfHeaderCell3 { width:  80px; }
#BestOfHeaderCell4 { width:  80px; }
#BestOfHeaderCell5 { width:  80px; }

#RankingHeaderCell1 { width:  60px; }
#RankingHeaderCell2 { width: 200px; }
#RankingHeaderCell3 { width:  40px; }
#RankingHeaderCell4 { width:  40px; }
#RankingHeaderCell5 { width:  40px; }
#RankingHeaderCell6 { width:  40px; }
#RankingHeaderCell7 { width:  40px; }
#RankingHeaderCell8 { width:  60px; }

#ResultsHeaderCell1 { width: 200px; }
#ResultsHeaderCell2 { width:  40px; }
#ResultsHeaderCell3 { width: 200px; }
#ResultsHeaderCell4 { width:  40px; }

table.DataTable div.DataCell {
	line-height: 130%;
}
tr.DataHeaderRow div.DataCell {
	font-size: 13px;
	font-variant: small-caps;
	color: black;
}
tr.DataRow div.DataCell {
	font-size: 16px;
}