/******************************************************************************************
CSS Stylesheet behorende bij het Allianz Corporate 2006 Content Management Systeem - Publishing gedeelte

Inhoud:

- typografie
- kleuren
- positionering
    - algemeen
    - standaard content pagina
    - distributiepagina (ShowSplash)
    - ShowHome
    - ShowSub en ShowSubSub
    - ShowProduct
	- Rekentool
	- ProfielTest

*******************************************************************************************/
/******************************************************************************************
 typografie
*******************************************************************************************/
body {
	font-family: Verdana, sans-serif;
}

body,
p,
li {
	font-size: 13px;
	line-height: 17px;
}

h1 {
	font-size: 17px;
	font-weight: bold;
	line-height: 20px;
}

h2,
h3,
h4,
h5,
.titel {
	font-size: 13px;
	font-weight: bold;
	line-height: 17px;
}

.sitelabel {
	font-size: 13px;
}

.menu,
.menuItem {
	font-weight: bold;
	font-size: 11px;
	line-height: 22px;
}

.topLinks,
.topLinks a {
	font-size: 11px;
	line-height: 22px;
}

.subMenu,
.subSubMenu {
	font-size: 11px;
	line-height: 20px;
}

.defaultLinks {
	font-size: 11px;
	line-height: 20px;
}

.contact {
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 10px;
}

.rightCenterArea h1,
.rightCenterArea h2,
.rightCenterArea h3,
.rightCenterArea h4,
.rightCenterArea h5 {
	font-size: 11px;
	line-height: 13px;
	font-weight: bold;
}

.rightCenterArea p,
.rightCenterArea li {
	font-size: 11px;
	line-height: 13px;
}

.closer,
.bottomLinks {
	font-size: 10px;
	line-height: 12px;
}

/* Onderstreping links */
.topLinks a,
.closer a,
.bottomLinks a,
.menu a,
.subMenu a,
.subSubMenu a,
.defaultLinks a,
.contact a {
	text-decoration: none;
}

.topLinks a:hover,
.closer a:hover,
.bottomLinks a:hover,
.contact a:hover {
	text-decoration: underline;
}


.small {
	font-size: 11px;
}

.savingscalculator {
	font-size: 11px;
}

.savingscalculator th {
	font-weight: bold;
}

.error {
	font-size: 9px;
}

/* Typografie profieltest */

td.selectedItem {
	font-weight: bold;
}

.profileTestResult th {
	font-weight: bold;
}

td.question {
	font-weight: bold;
}

.profileTestResult {
	font-size: 10px;
}

td.beleggingsbeginselTitle {
	font-weight: bold;
}

td.beleggingsbeginselTitle {
	padding-top: 15px;
}


/******************************************************************************************
 kleuren
*******************************************************************************************/
body,
a {
	color: black;
}

body,
.defaultLinks,
img.logo {
	background-color: white;
}

.sitelabel,
.menu a,
.subMenu a,
.subSubMenu a {
	color: white;
}

.sitelabel,
.menuContainer {
	background-color: #113388;
}

h1,
h2,
h2 a,
h3,
h4,
h5,
.titel {
	color: #113388;
}

.menu a:hover,
.menuSelected a,
.subMenu a,
.subSubMenu a {
	background-color: #426BB3;
}

.subMenuSelected a,
.subMenu a:hover,
.subSubMenuSelected a,
.subSubMenu a:hover {
	background-color: #819CCC;
}

.topLinks,
.topLinks a,
.closer,
.closer a,
.bottomLinks,
.bottomLinks a,
.defaultLinks a {
	color: #4A4B4C;
}

.topLinks,
.defaultLinks a:hover {
	background-color: #DEDFED;
}

.defaultLinks a {
	border-color: #DEDFED;
}

.closer,
.points {
	background-image: url(../images/dot3x1.gif);
	background-repeat: repeat-x;
}

.centerArea {
	background-color: #EEE;
}

.contact a {
	color: white;
	background-color: #898D93;
}

.rightCenterArea {
	color: black;
}

.rightCenterArea h1,
.rightCenterArea h2,
.rightCenterArea h3,
.rightCenterArea h4,
.rightCenterArea h5 {
	color: #113388;
}

.savingscalculator th {
	color: #33539c;
}

.selected {
	color: red;
}

/* Color Profieltest */
th.firstColumn, th.secondColumn, th.thirdColumn, th.fourthColumn, th.fifthColumn, th.sixthColumn,
td.firstColumn, td.secondColumn, td.thirdColumn, td.fourthColumn, td.fifthColumn, td.sixthColumn {
	background-color: #eeeeff;
}

.profileTestResult a {
	color: #21184a;
}

td.selectedItem {
	background-color: #c9c9ff;
}

/* Wordt gebruikt voor communicatie van (fout)meldingen naar de gebruiker */
td.message {
	color: red;
}
/******************************************************************************************
 positionering
*******************************************************************************************/
/* Algemeen */
body {
	margin: 0px;
	padding: 2px;
}

p {
	margin: 0px;
}

h1 {
	margin-top: 0px;
	margin-bottom: 5px;
}

h2,
h3,
h4,
h5 {
	margin-top: 17px;
	margin-bottom: 0px;
}

a {
	white-space: normal; /* Zorgt ervoor dat Firefox lange menu texten wrapt. */
}

table {
	border-collapse: collapse;
}

img {
	border: 0px;
}

ul {
	margin-left: 0px;
	padding-left: 16px;
}

.points {
	height: 1px;
	font-size: 1px; /* Voorkomt dat IE de dividers toch hoger dan 1px maakt. */
}

table.page {
	width: 999px; /* Past precies in 1024px plus scrollbar */
}

databaseResult table {
	margin-top: 4px;	/* Afstand van tekst voor tabel met zoekresultaten (vacatures, adviseurs) */
	margin-bottom: 4px;
}

table.personalDataForm {
	margin-top: 4px;	/* Afstand van tekst voor tabel met formulier erin (open account, e-mail adviseur, ..) */
	margin-bottom: 4px;
}

td {
	padding: 0px;
	margin: 0px;
	vertical-align: top;
}

.points { /* Stippellijn divider */
	margin: 14px 7px;
}

/* Standaard content pagina */
/* TopArea */
.topLinks {
	height: 22px;
	text-align: right;
	padding: 0px 17px;
	margin-bottom: 2px;
}

#breadcrumb {
	float: right;
}

img.logo {
	position: absolute;
	top: 13px;
	padding: 13px 30px 12px 30px;
}

.sitelabel {
	text-align: right;
	height: 13px;
	padding: 59px 17px 8px 0px;
	margin-bottom: 2px;
}

.menuContainer {
	width: 100%;
	height: 22px;
	margin-bottom: 2px;
}

.menuSpacerleft {
	display: none; /* Verbergen omdat wij deze niet gebruiken */
}

.menu {
	margin-left: 156px;
}

.menu a {
	display: block;
	padding: 0px 15px;
}

/* Content areas */
.leftArea {
	width: 162px;
	margin-right: 2px;
}

.centerArea {
	width: 654px;
	margin-right: 2px;
	padding-top: 28px;
}

.rightArea {
	width: 162px;
	margin-right: 17px;
}

.subMenu a,
.subSubMenu a {
	display: block;
	width: 148px;
	padding: 0px 7px;
}

td.subMenu a,
td.subMenuSelected a {
	margin-top: 2px;
}

table.subMenu {
	margin-top: -2px;
}

.subSubMenu a,
.subSubMenuSelected a {
	width: 136px; /* 148px minus 12px extra padding. */
	padding-left: 19px; /* 7px plus 12px extra padding. */
}

.defaultLinks a {
	display: block;
	width: 148px;
	padding: 0px 7px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
}

.search label,
.search input {
	margin-left: 7px;
}

.search a {
	line-height: 11px; /* Deze twee regels fixen de uitlijning van de tekst */
	padding: 5px 7px; /* van de link in Internet Explorer. */
	width: 148px;
	cursor: pointer;
	cursor: hand; /* Zodat IE een handje laat zien bij deze link. */
}

.closer {
	margin-left: 7px;
	margin-right: 7px;
	padding-top: 23px;
	padding-bottom: 13px;
}

.linkToTop {
	float: right;
}

.centerArea .centerTopArea,
.centerArea .centerCenterArea {
	margin-left: 171px;
	margin-right: 12px;
}

.topFunctionBar {
	margin-bottom: 24px;
}

.bottomFunctionBar {
	margin: 25px 0px 28px 0px;
}

.topFunctionBar,
.bottomFunctionBar {
	padding: 0px 7px;
	text-align: right;
	background-image: url(../images/dot3x24.gif);
	background-repeat: repeat-x;
}

.contact a {
	display: block;
	padding: 6px 7px 5px 7px;
}

.contact img {
	margin-right: 6px;
}

.rightArea .points {
	margin: 7px;
}

.rightCenterArea ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
}

.rightCenterArea li {
	margin-top: 10px;
	padding-left: 18px;
	background-image: url(../images/gt12x13.gif);
	background-repeat: no-repeat;
}

.bottomLinks {
	margin-top: 32px;
}

.moreLink {
	text-align: right; /* De 'meer...' link lijnen we rechts uit. */
}

.moreLink a {
	text-decoration: none;
}

.moreLink a:hover {
	text-decoration: underline;
}

/* Maatwerkpagina's */
/* Distributiepagina */
.splashArea,
.splashArea h1 {
	color: white;
	background-color: #113388;
}

.splashArea ul {
	background-color: #113388;
	background-image: url(../images/dot3x1-white.gif); /* Produceert de stippellijn boven de menuItems. */
	background-repeat: repeat-x;
}

.splashArea li.divider { /* Produceert de stippellijn tussen de menuItems. */
	background-image: url(../images/dot1x3-white.gif);
	background-repeat: repeat-y;
}

.splashCenterArea {
	width: 1007px;
}

.splashArea {
	width: 483px; /* Hier passen vier menuitems (120px breed) plus 3 stippellijntjes (1px breed) in */
	position: absolute;
	left: 447px;
	top: 283px;
}

.splashArea h1 {
	padding: 22px 250px 41px 8px;
	margin: 0px;
}

.splashArea ul {
	width: 100%;
	height: 22px;
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.splashArea li {
	margin: 0px;
	margin-top: 1px; /* Voorkomt dat de menubuttons overlappen met de stippellijn erboven. */
	padding: 0px;
	float: left;
}

.splashArea li.divider {
	height: 22px;
	width: 1px;
}

.splashArea li.menuItem {
	width: 120px;
}

.splashArea .menuItem a {
	padding-left: 8px; /* De padding van menuItems op de distributiepagina wijkt af van de normale menuItems. */
}

/* ShowHome */
.teaserArea h2,
.teaserArea p {
	font-size: 11px;
	line-height: 13px;
}

.headlineArea,
.headlineArea h1,
.headlineArea a {
	color: white;
	background-color: #113388;
}


.teaserArea {
	background-color: #E5ECF6;
}

.headlineSimpel {
	cursor:pointer;		
	height: 210px;
	width: 982px;
}

.headline {	
	height: 210px;
	width: 982px;
}

.headlineArea {
	width: 486px; /* 409px minus 24px padding. */
	height: 111px;
	padding: 12px 12px 11px 12px;
	position: relative;
	left: 456px;
	top: 60px;
}

.teaser {
	margin-top: 7px;
	margin-right: 15px;
	background-image: url(../images/dot3x1.gif);
	background-repeat: repeat-x;
}

.teaser td {
	vertical-align: top;
}

.teaserArea {
	width: 162px;
	height: 275px;
	margin-top: 7px;
	margin-right: 2px;
	padding-top: 11px;
}

.teaserArea h2 {
	margin: 0px 7px 11px 7px;
}

.teaserArea div.text {
	margin: 12px 7px 12px 7px;
}

/* ShowSub en ShowSubSub (Allianz Index Pagina B) */
.subCenterArea,
.subCenterArea td,
.subCenterArea p {
	font-size: 13px;
	line-height: 16px;
}

.subSubContainer li {
	font-size: 13px;
	line-height: 16px;
}

.subSubContainer h2 {
	font-size: 11px;
	line-height: 11px;
}

.subCenterArea {
	color: black;
	background-color: #E5ECF6;
}

.subCenterArea {
	margin-right: 2px;
}

.subCenterArea h1 {
	margin: 24px 7px 0px 171px;
}

.subCenterArea .closer {
	margin-top: 11px;
}

.subSubContainer {
	margin-top: 11px;
}

.subSubContainer li {
	background-image: url(../images/gt13x17.gif);
	background-repeat: no-repeat;
}

.subSubContainer a {
	text-decoration: none;
}

.subSubContainer a:hover {
	text-decoration: underline;
}

.subSubContainer h2 {
	width: 148px;
	padding: 12px 7px;
	margin: 0px;
}

.subSubContainer ul {
	list-style: none;
	width: 230px;
	margin: 0px;
	margin-left: 2px;
	padding: 12px 7px 11px 7px;
}

.subSubContainer li {
	margin: 0px;
	padding: 0px;
	padding-left: 16px;
}

.subSubContainer tr {
	background-image: url(../images/dot3x1.gif);
	background-repeat: repeat-x;
}

.listDocumentContainer {
	background-image: url(../images/dot3x1.gif);
	background-repeat: repeat-x;
}

.listDocumentContainer tr {
	padding: 11px 0px 11px 0px;
}

.listDocumentContainer td {
	padding: 0px 7px 3px 171px;
}

.listDocumentContainer .text {
	padding: 0px;
}

.listDocumentContainer .titel {
	margin-bottom: 0px;
}

/* ShowProduct */
.moreInfoArea,
.moreInfoBar h2 {
	font-size: 11px;
	line-height: 14px;
}

.moreInfoArea,
.moreInfoBar h2 {
	background-color: #B3C4DC;
}

.moreInfoBar {
	margin-top: 28px;
}

.moreInfoArea,
.moreInfoBar h2 {
	width: 148px;
	height: 59px;
	padding: 12px 7px 7px 7px;
	margin-left: 2px;
}

.moreInfoBar h2 {
	margin: 0px;
}

.moreInfoArea table {
	height: 100%;
}

.moreInfoArea table td {
	vertical-align: bottom;
}

.moreInfoArea a.moreInfoLink {
	display: block;
	margin-left: 7px;
	padding-left: 16px;
	background-image: url(../images/gt12x13.gif);
	background-repeat: no-repeat;
}

/* ShowProductWithChart */
.fundInfoArea table {
	width: 80%;
	margin-top: 12px;
	font-size: 11px;
}

.fundInfoArea b {
	color: #113388;
}

.fundInfoArea td {
	padding: 2px;
	background-color: #DEDFED;
}

.fundInfoArea applet {
	margin-top: 12px;
}

/* ShowProductWithFundList */
.fundRatesArea table {
	width: 80%;
	margin-top: 12px;
}

.fundRatesArea td {
	padding: 1px;
	background-color: #DEDFED;
	font-size: 10px;
}

.fundRatesArea a,
.fundRatesArea a:hover {
	text-decoration: none;
}

.fundRatesArea b {
	color: #113388;
}

.negativeValue {
	color: #F00;
}

.positiveValue {
	color: #090;
}

#searchintermediaries * {
	font-size: 11px;
	line-height: 13px;
}

#searchintermediaries input {
	font-size: 10px;
	line-height: 12px;
}

#searchintermediaries .head,
#searchintermediaries a {
	font-weight: bold;
}

#searchintermediaries a {
	text-decoration: none;
}

#searchintermediaries a:hover {
	text-decoration: underline;
}

#searchintermediaries,
#searchintermediaries a {
	color: #4A4B4C;
	background-color: #DEDFED;
}

#searchintermediaries .label {
	background-color: #B5B7BD;
}

#searchintermediaries {
	padding: 4px 7px 5px 7px;
	margin-bottom: 2px;
}

#searchintermediaries .head {
	margin-bottom: 5px;
}

#searchintermediaries .text {
	margin-top: 5px;
}

#searchintermediaries input {
	width: 44px;
	height: 10px;
	margin-bottom: 2px;
	float: left;
}

#searchintermediaries .label {
	line-height: 16px;
	width: 90px;
	padding-left: 2px;
	margin-right: 2px;
	display: block;
	float: left;
}

#searchintermediaries table {
	clear: left;
}

#searchintermediaries td {
	vertical-align: middle;
}

/* Positionering profieltest */
td.question {
	padding-top: 15px;
}

.profileTestResult th, .profileTestResult td {
	text-align: center;
	margin: 2px;
	padding: 2px;
	padding-left: 10px;
	padding-right: 10px;
}

td.firstColumn {
	text-align: left;
	padding-left: 5px;
}

/* Rekentool */
.savingscalculator table {
	text-align: right;
	margin: 12px 0 12px 0;
	border-collapse: collapse;	
}

.savingscalculator table td {
	border: 1px solid #000;
	cell-padding: 0px;
}

.savingscalculator table td.label {
	border: 0px;
	white-space: nowrap;
	padding-right: 4px;
}
/* VOWP (Veilig op weg Pakket) */
.orderform {
	background-color: #C6D2EB;
	width: 95%;
	margin-top: 5px;
}

.orderform table {
	margin: 3px 5px 3px 5px;
	width: 90%
}

.orderform table th {
	text-align: left;
	color: #0068B3;
	padding-bottom: 5px;
}

.orderform table td {
	vertical-align: middle;
	whitespace: nowrap;
	padding: 0px 5px 0px 0px;
	font-size: 11px;
}

.orderform table td.label {
	width: 30%;
	vertical-align: top;
}

.orderform .radio {
	font-size: 10px;
}

.orderform .info {
	color: #0068B3;
	font-weight: bold;
	font-size: 11px
}

/* Pagina's die meer ruimte nodig hebben */
#moreSpace {
	margin-left: 12px;
}

/* Nieuws */
.ictd1 {
	background-color: #D9D9D9;
	font-size: 9px
}

.ictd1a {
	background-color: #D9D9D9;
	font-size: 9px;
	text-align: right;
}

.ictd2 {
	background-color: #D9D9D9;
	font-size: 10px;
	font-weight: bold;
}

/* Vacature lijst kleuren .. jltd0 is kleur van bovenste balk 'functie/bij/standplaats/afdeling/urd; 1-5 zijn table kleuren van links naar rechts */
.jltd0 {
	background-color: #D9D9D9;
	font-size: 10px;
	font-weight: bold;
}

.jltd1 {
	background-color: #D9D9D9;
	font-size: 10px;
	           
}

.jltd2 {
	background-color: #D9D9D9;
	font-size: 10px
}

.jltd3 {
	background-color: #D9D9D9;
	font-size: 10px
}

.jltd4 {
	background-color: #D9D9D9;
	font-size: 10px
}

.jltd5 {
	background-color: #D9D9D9;
	font-size: 10px
}

/* bij 'Vacature detail' en 'reageer op vacature'.. kleuren linker table;  kleuren rechter table */
.jobtd1 {
	background-color: #D9D9D9;
	font-size: 12px;
	font-weight: bold;
}

.jobtd2 {
	background-color: #D9D9D9;
	font-size: 12px;
}

.tdkrs1 {
	background-color: #D9D9D9;
	font-size: 9px;
	text-align: right;
}

.tdkrs2 {
	background-color: #D9D9D9;
	font-size: 10px;
	font-weight: bold;
}

.tdkrs3 {
	background-color: #D9D9D9;
	font-size: 10px;
	text-align: right;
}

.tdkrs4 {
	background-color: #D9D9D9;
	font-size: 10px;
	text-align: right;
}	

/* Klachtenformulier */
.buttonKlacht	{
	padding: 5px 0px 5px 10px;
}

.klachtForm td	{
	padding: 0px 10px 5px 10px;	
}

.juridicalform th	{
	text-align: left;
}

.juridicalform td.label	{
	width: 55%;
}