/*
/ ---------------------------------------------------------------------------------------------------------
/ Nieuwe algemene dingen
/ ---------------------------------------------------------------------------------------------------------
*/

body {
  background: #fff url('/gfx/background.gif') no-repeat center center;
}

#contentcontainer {
  position: relative;
  float: left;
	margin-top: 0px;
	margin-left: 0px;
	height: auto !important;
	height: 400px;
	min-height: 400px;
	width: 100%;
  z-index: 100;
}

#content {
  position: absolute;
  top: 5px;
  left: 175px;
  opacity:.9;
  filter: alpha(opacity = 85);
}


#menu {
  position: absolute;
  top: 5px;
  left: 10px;
  opacity:.85;
  filter: alpha(opacity = 85);
	background-color: white;
	width: 145px;
	padding-top: 5px;
}

#backgroundcontainer {
	position: absolute;
	top: 120px;
	left: 0px;
	width: 100%;
  z-index: 5;
}

#backgroundimage {
	width: 994px;
}


/*
/ ---------------------------------------------------------------------------------------------------------
/ denes verwijzing rechts onderin
/ ---------------------------------------------------------------------------------------------------------
*/

.denes_verwijzing_onderin {
  position: absolute;
  bottom: 5px;
  right: 3px;
}

/*
/ ---------------------------------------------------------------------------------------------------------
/ Nieuwe knoppen
/ ---------------------------------------------------------------------------------------------------------
*/

.button {
	font: bold 12px Arial, Helvetica, sans, sans-serif;
	border-radius: 7px;
	text-align: center;
	border: 1px solid #ccc;
	padding: 2px;
	margin: 1px;
	width: 90px;
	background-color: #ddf1f2;
	text-decoration: none;
	cursor: pointer;
}

.button:hover {
	color: white;
	background-color: #00a3bf;
}	


.button.buy {
	float: left;
	margin: 0;
	padding: 0;
	line-height: 12px;
	width: 62px;
}

.button.sell {
	float: right;
	margin: 0;
	padding: 0;
	line-height: 12px;
	width: 62px;
}


/*
/ ---------------------------------------------------------------------------------------------------------
/ Nieuwe menu
/ ---------------------------------------------------------------------------------------------------------
*/

	.nw_menucontainer {
    background-color: white;
		width: 175px;
	}
 
	.nw_menucontainer .submenuitem {
 		text-decoration: none;
		color: #00a3bf;
	}

	.nw_menucontainer .submenuitem:hover {
		text-decoration: underline;
		color: #00758A;
		cursor:pointer;
	}

 .nw_menucontainer #menu {
		border: 1px solid gray;
 }


 .nw_menucontainer .menu_header_first {
  	padding-left: 5px;
  	padding-top: 5px;
    font-weight: bold;
 }

 .nw_menucontainer .menu_header {
		border-top: 1px solid #ccc;
  	padding-left: 5px;
  	margin-top: 5px;
  	padding-top: 3px;
    font-weight: bold;
 }
 
  .nw_menucontainer .submenuitem {
  	margin-left: 15px;
  }
  .nw_menucontainer #spelernaam {
  	margin-left: 15px;
  }


/*
/ ---------------------------------------------------------------------------------------------------------
/ Nieuwe poll
/ ---------------------------------------------------------------------------------------------------------
*/


	.nw_poll {
		background-color: white;
		border-top: 1px solid #ccc;
	}

	.nw_poll #aftellen {
  	margin-left: 5px;
  	padding: 10px;
    font-size: 11px;
	}

/*
/ ---------------------------------------------------------------------------------------------------------
/ Nieuwe grafieken
/ ---------------------------------------------------------------------------------------------------------
*/

 .nw_graph {
	background-color: white;
	border: 1px solid #ccc;
	min-width: 870px;
 }

/*
/ ---------------------------------------------------------------------------------------------------------
/ Nieuwe text pagina
/ ---------------------------------------------------------------------------------------------------------
*/

 .nw_text {
	background-color: white;
	border: 1px solid #ccc;
	min-width: 870px;
 }

	.nw_text table {
	}

	.nw_text td {
		padding: 15px;
	}


/*
/ ---------------------------------------------------------------------------------------------------------
/ Nieuwe tabellen
/ ---------------------------------------------------------------------------------------------------------
*/

	 .nw_lijst {
	 }

	.nw_lijst table {
		border-top: 1px solid #ccc;
		min-width: 870px;
	}

	.nw_lijst td {
    background-color: white;
  }

	.nw_lijst th {
		border-bottom: 1px solid #ccc;
		border-left: 1px solid #ccc;
		padding: 4px;
	}

	.nw_lijst .last {
		border-right: 1px solid #ccc;
	}


	.nw_lijst th a {
		text-decoration: none;
		color: #00a3bf;
	}

	.nw_lijst th a:hover {
		text-decoration: underline;
		color: #00758A;
	}

	.nw_lijst td {
		border-bottom: 1px solid #ccc;
		border-left: 1px solid #ccc;
		padding: 4px;
    height: 16px;
	}

	.nw_lijst td a {
		text-decoration: none;
		color: #00a3bf;
	}
	.nw_lijst td a:hover {
		text-decoration: underline;
		color: #00758A;
	}
	
	.nw_lijst .waarde {
		text-align: right;
		min-width: 75px;
	}

	.nw_lijst .aandeel {
		text-align: left;
		min-width: 100px;
	}

	.nw_lijst .positie {
		text-align: right;
		min-width: 18px;
	}

	.nw_lijst .aantal {
		text-align: right;
		min-width: 18px;
	}


	.nw_lijst .verwachte_uitbetaling {
		color: #a0a0a0;
		text-align: right;
	}

	.nw_lijst .hoeveelheid {
		text-align: right;
		min-width: 65px;
	}

	.nw_lijst .knoppen {
		text-align: right;
		min-width: 100px;
	}

	.nw_lijst .previous {
		float: left;
		margin-top: 5px;
		margin-bottom: 5px;
	}

	.nw_lijst .next {
		float: right;
		margin-top: 5px;
		margin-bottom: 5px;
	}

	.nw_lijst .subtotaal {
		text-align: right;
	}

	.nw_lijst	.datum_tijd {
		text-align: right;
	}
	
	.nw_lijst .seperator {
    border: 0 none;
    padding: 0;
    height: 10px;
    background-color: transparent;
  }

/*
/ ---------------------------------------------------------------------------------------------------------
/ Nieuwe Portfolio
/ ---------------------------------------------------------------------------------------------------------
*/

	 .nw_portfolio {
	 }

	.nw_portfolio table {
		border-top: 1px solid #ccc;
		min-width: 870px;
	}

	.nw_portfolio td, th {
	  background-color: white;
  }

  .nw_portfolio .transparent {
    background-color:transparent;
  }
  
	.nw_lijst td {
    background-color: white;
  }

	.nw_portfolio tr.licht td {
    background-color: #efefef;
  }

	.nw_portfolio tr.donker td {
	  background-color: white;
  }
  
	.nw_portfolio th {
		border-bottom: 1px solid #ccc;
		border-left: 1px solid #ccc;
		padding: 4px;
	}

	.nw_portfolio .last {
		border-right: 1px solid #ccc;
	}


	.nw_portfolio th a {
		text-decoration: none;
		color: #00a3bf;
	}

	.nw_portfolio th a:hover {
		text-decoration: underline;
		color: #00758A;
	}

	.nw_portfolio td {
		border-bottom: 1px solid #ccc;
		border-left: 1px solid #ccc;
		padding: 4px;
    height: 16px;
	}

	.nw_portfolio td a {
		text-decoration: none;
		color: #00a3bf;
	}
	.nw_portfolio td a:hover {
		text-decoration: underline;
		color: #00758A;
	}
	
	.nw_portfolio .waarde {
		text-align: right;
		min-width: 75px;
	}

	.nw_portfolio .positie {
		text-align: right;
		min-width: 18px;
	}

	.nw_portfolio .aantal {
		text-align: right;
		min-width: 18px;
	}

	.nw_portfolio .aandeel {
		text-align: left;
		min-width: 100px;
	}

	.nw_portfolio .hoeveelheid {
		text-align: right;
		min-width: 65px;
	}

	.nw_portfolio .knoppen {
		text-align: right;
		min-width: 100px;
	}

	.nw_portfolio .subtotaal {
		text-align: right;
	}

	.nw_portfolio .verwachte_uitbetaling {
		color: #a0a0a0;
		text-align: right;
	}

	.nw_portfolio	.datum_tijd {
		text-align: right;
	}
	
	.nw_portfolio .subtotaal_blok td {
		border: none;
	}

	.nw_portfolio .subtotaal_blok .last {
		border-right: 1px solid #ccc;
	}
	
	.nw_portfolio .subtotaal_blok .subtotaal {
		border-bottom: 1px solid #ccc;
		border-left: 1px solid #ccc;
	}

	.nw_portfolio .seperator {
    border: 0 none;
    padding: 0;
    height: 10px;
    background-color: transparent;
  }

	.nw_portfolio #portfolio_datum_tijd {
    color:gray;
    position: relative;
    right: 40px;
  }

  /* updates van de display */

  .nw_portfolio .hoeveelheid div {
    transition: color 1s, text-shadow .7s;
  }

  .nw_portfolio .waarde div {
    transition: color 1s, text-shadow .7s;
  }

  .nw_portfolio .update_field_up {
    text-shadow: 0.0em 0.0em 10px green;
    color: green;
    font-weight: bold;
  }

  .nw_portfolio .update_field_down {
    text-shadow: 0.0em 0.0em 10px red;
    color: red;
    font-weight: bold;
  }

  .nw_portfolio .update_field_unknown {
    text-shadow: 0.0em 0.0em 10px blue;
    color: blue;
    font-weight: bold;
  }

/*
/ ---------------------------------------------------------------------------------------------------------
/ Site Header
/ ---------------------------------------------------------------------------------------------------------
*/


#siteheader {
  position: relative;
	width: auto !important;
	width: 900px;
	min-width: 900px;
	height: 45px;
}

#sitelogo {
  position: absolute;
  top: 0px;
  left: 10px;
  color: white;
}

#headerloguit {
	position: absolute;
  top: 16px;
  right: 36px;
  color: black;
}

#headerloguit a {
  color: black;
  text-decoration: none;
}

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

#headerloginformulier {
	position: absolute;
  top: 10px;
  right: 33px;
}

#headerloginformulier td {
	font: 11px Arial, Helvetica, sans, sans-serif;
	color: black;
	text-align: center;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 1px;
	padding-bottom: 1px;
}

#headerloginformulier td a {
		color: #00a3bf;
	text-align: center;
	text-decoration: none;
}


/*
/ ---------------------------------------------------------------------------------------------------------
/ Tickertape
/ ---------------------------------------------------------------------------------------------------------
*/
	
	
#tickertape {
	width: auto !important;
	width: 900px;
	min-width: 900px;
	height: 26px;
  color: white;
	background-color: #00a3bf;
	position: relative;
}

#tickertapetext {
  font-weight: bold;
  line-height: 26px;
  padding: 0px 140px 0px 10px;
}

#tickertapetext a {
  color: white;
  text-decoration: none;
}

#tickertapetext a:hover {
  color: white;
  text-decoration: underline;
}

#tickertapemarquee {
  font-size: 15px;
  font-weight: bold;
  letter-spacing: .1px;
  padding: 0px 0px 0px 10px;
  border-left: 1px solid gray;
  border-right: 1px solid gray;
	overflow: hidden;
}

#tickertapebron {
	position: absolute;
	right: 50px;
  font-size: 10px;
  margin: 0px 18px 0px 0px;
  letter-spacing: .1px;
}


/*
/ ---------------------------------------------------------------------------------------------------------
/ Open orders onder portfolio
/ ---------------------------------------------------------------------------------------------------------
*/



/*
/ ---------------------------------------------------------------------------------------------------------
/ form
/ ---------------------------------------------------------------------------------------------------------
*/

.nw_popupform .extra_text_boven {
  font-size: .9em;
	width: 90%;
  margin: 10px 5px;
}

.nw_popupform .extra_text_onder {
  font-size: .9em;
	width: 90%;
  margin: 10px 5px;
}

/*
/ ---------------------------------------------------------------------------------------------------------
/ Inline form
/ ---------------------------------------------------------------------------------------------------------
*/

.nw_inlineform {
  padding-top: 20px;
  padding-bottom: 20px;
	background-color: white;
	border: 1px solid #ccc;
	min-width: 870px;
}


.nw_inlineform textarea, .nw_inlineform select {
	font-family: Arial, Helvetica, sans, sans-serif;
	font-size: 12px;
	width: 250px;
}

.nw_inlineform input[type=text], .nw_inlineform input[type=password] {
	font-family: Arial, Helvetica, sans, sans-serif;
	font-size: 12px;
	width: 250px;
}

.nw_inlineform .error {
	text-decoration: none;
	font-size: 12px;
	color: #880000;
}

.nw_inlineform .error strong {
	font-size: 12px;
}

.nw_inlineform strong {
  font-size: 13px;
}

.nw_inlineform a {
	color: #00a3bf;
  text-decoration: none;
}

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

.nw_inlineform #titlediv {
  padding-bottom: 5px;
	border-bottom: 1px solid #ccc;
}

.nw_inlineform #buttondiv {
  padding-top: 12px;
	border-top: 1px solid #ccc;
}


.nw_inlineform .extra_text_boven {
	width: 90%;
	margin: 0 auto;
}

.nw_inlineform .extra_text_onder {
	width: 90%;
	margin: 0 auto;
}

.nw_inlineform .extra_form_block {
		border-top: 1px solid #ccc;
}


/*
/ ---------------------------------------------------------------------------------------------------------
/ Text pagina
/ ---------------------------------------------------------------------------------------------------------
*/

#default_content {
  width: 870px;
}

#default_content .text {
  padding: 20px;
}

/*
/ ---------------------------------------------------------------------------------------------------------
/ Nieuwe popupform
/ ---------------------------------------------------------------------------------------------------------
*/

 .nw_popupform {
	background-color: white;
	/*border: 1px solid #ccc;*/
	font-family: Arial, Helvetica, sans, sans-serif;
 }

 .nw_popupform a{
	font-family: Arial, Helvetica, sans, sans-serif;
}

.nw_popupform textarea {
	font-family: Arial, Helvetica, sans, sans-serif;
	font-size: 12px;
	width: 250px;
}

.nw_popupform select {
	font-family: Arial, Helvetica, sans, sans-serif;
	font-size: 12px;
}

.nw_popupform input[type=text] {
	font-family: Arial, Helvetica, sans, sans-serif;
	font-size: 12px;
	width: 150px;
}

.nw_popupform .error {
	text-decoration: none;
	font-size: 12px;
	color: #a00;
  font-weight: bold;
}

.nw_popupform .error strong {
	font-size: 12px;
}

.nw_popupform strong {
  font-size: 13px;
}

.nw_popupform a {
	color: #00a3bf;
  text-decoration: none;
}

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

.nw_popupform #titlediv {
  padding-bottom: 5px;
	border-bottom: 1px solid #ccc;
}

.nw_popupform #buttondiv {
  padding-top: 12px;
	border-top: 1px solid #ccc;
}

.nw_popupform #siteheader {
	width: 100%;
	min-width: 0;
}

.nw_popupform #sitelogo {
  left: 0px;
}

.nw_popupform #formtitle {
	width: 100%;
	height: 26px;
  color: white;
	background-color: #00a3bf;
	position: relative;
}

.nw_popupform #formtitletext {
  font-weight: bold;
  line-height: 26px;
  padding: 0px 140px 0px 10px;
}



/*
/ ---------------------------------------------------------------------------------------------------------
/ Nieuwe algemene dingen
/ ---------------------------------------------------------------------------------------------------------
*/


	 .nw_spreadsheet {
	 }

	.nw_spreadsheet table {
		border-top: 1px solid #ccc;
		min-width: 870px;
	}

	.nw_spreadsheet td {
    background-color: white;
  }

	.nw_spreadsheet th {
		border-bottom: 1px solid #ccc;
		border-left: 1px solid #ccc;
		padding: 4px;
	}

	.nw_spreadsheet .last {
		border-right: 1px solid #ccc;
	}


	.nw_spreadsheet th a {
		text-decoration: none;
		color: #00a3bf;
	}

	.nw_spreadsheet th a:hover {
		text-decoration: underline;
		color: #00758A;
	}

	.nw_spreadsheet td {
		border-bottom: 1px solid #ccc;
		border-left: 1px solid #ccc;
		padding: 4px;
    height: 16px;
	}

	.nw_spreadsheet td a {
		text-decoration: none;
		color: #00a3bf;
	}
	.nw_spreadsheet td a:hover {
		text-decoration: underline;
		color: #00758A;
	}
	

/*
/ ---------------------------------------------------------------------------------------------------------
/ Nieuwsberichten
/ ---------------------------------------------------------------------------------------------------------
*/

.nieuws_item {
	background-color: white;

	margin-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	min-height: 160px; 

	border: 1px solid #ccc;
	position: relative;
}

.nieuws_item .titel {
	font-weight: bold;
	font-size: 14px;
	margin-bottom:10px;
}

.nieuws_item .nieuws_item_image {
  position: relative;
	width: 240px;
	height: 120px;
	display: inline; 
	float: left; 
	margin-right:20px;
	margin-bottom:10px;
  overflow: hidden;
	border: 2px solid gray;
}

.nieuws_item .nieuws_item_image img {
  position: absolute;
}


.publicatie_datum {
	position: absolute;
	right:20px;
	top:10px;
}

/*
/ ---------------------------------------------------------------------------------------------------------
/ inline text dingen
/ ---------------------------------------------------------------------------------------------------------
*/


.inline_table table {
	width: 100px;
	min-width: 100px;
}

.inline_table th {
	font: bold 10px Arial, Helvetica, sans, sans-serif;
	border-right: 1px solid #ccc;
	text-align: right;
}

.inline_table td {
	font: 10px Arial, Helvetica, sans, sans-serif;

	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 2px;
  height: 10px;

	text-align: right;
}