/**************************************************************************************
CSS Stylesheet behorende bij Van Dijk Studieboeken Institutes, externe site, Label Standaardboek Verhuur

    vdsinstitutes-cms STB

-------------- CHANGE HISTORY ----------------------
23-04-2008		Mathijs van der Burg	Initiele versie
2009-03-16		Sierk Rosema			.schoolSelfNot H2 toegevoegd vanwege Buzilla #22406.
2009-06-02		Sierk Rosema			RFC019: .schoolSelfNot H2 verwijderd.
***************************************************************************************/

/**************************************************************************************
Algemeen gebied: HTML tags
***************************************************************************************/

/* 2009: De nieuwe webkleuren van Standaardboek Verhuur zijn: */
/* Kader rechts: 			#e43517 */
/* Menu links: 				#e43517 */
/* Tekst:					#000000 */
/* Knoppen					#ee7f00 */
/* Menubalk					#ee7f00 */
/* Tekst menubalk 		    #ffffff */
/* Tekst menu links 		#ffffff */
/* Tekst kruimelpad 		#000000 */
/* Mouse over (isbn) 	    #ee7f00 */


body, table, p {
	font-family: Arial, Verdana, Helvetica, Sans-serif;
    font-size: 12px;
	margin: 0px;
}

p	{
	margin-bottom: 0px;
}

body	{
	text-align: center;
}

table, p, h1, ul, ol, pre, td	{
	text-align: left;
	color: #51260b;
}

h3	{
	font-size: large;
	text-align: left;
	color: #51260b;
}

ul.li {
	margin-left: 0px;
}

h1, h2, .hilight  {
	font-size: 12px;
    color: #FFFFFF;
	background-color:  #EE7F00; /* menubalk oranje */
	padding: 5px;
	padding-left: 10px;
	margin-bottom: 10px;
}

h1	{
	font-weight: bold;
}

h2, table.hilight {
	font-weight: normal;
}

table.hilight {
	margin: 5px;
}
table.hilight td{
    color: #FFFFFF;
}

form {
	margin: 0px;
}

img {
	border: 3px;
}

a {
	color: #E43517; /* Menu links rood */
	text-decoration: underline;
	font-weight: normal;
}

a:hover {
	color: #6C97B9;
}

.select {
	color: black;
}

.textArea , textarea{
	font-family: Arial, Verdana, Helvetica, Sans-serif;
	/*width:60%;*/
}

input {
	font-family: Arial, Verdana, Helvetica, Sans-serif;
}

input.text {
	border: 1px solid #666666;
}

/**************************************************************************************
Algemeen gebied: classes
***************************************************************************************/

.button {
    font-size: 12px;
}

.checkBox {}

/* Tabel voor searchlist en entitylist. */
.databaseTable {
	padding: 1px;
	background: none;
}

/* Header voor de databaseTable class */
.databaseTable th {
	text-align: left;
	color: #000000;
}

/* Linkje in de header voor deze tabel */
.databaseTable th a {
	color: navy;
}

/* Class voor het beschrijven van de layout van input velden */
.label {
	color: #51260b;
	width: 30%;		/* Een label heeft een vaste breedte (zorg dat de omvattende cel 100% breedte heeft */
}

/* Wordt gebruikt voor communicatie van (fout)meldingen naar de gebruiker */
.message {
	color:red;
}

input.radio {}

div.radio	{
	margin-bottom: 4px;
	clear: both;
}

div.radio div.radioButton {
	float: left;
	width: 30px;
}

div.radio div.radioLabel {
	float: left;
	width: 450px;
}

.text {
	text-align: left;
}

div.helpLayer {
	position: absolute;
	left: 0;
	top: 0;			/* prevents creating scrollbars */
	width: 280px;
	visibility: hidden;
	z-index: 10;
	border: 2px solid #ffaa00;
}

div.helpLayer table {
	width: 100%;
	background-color: #ffffcc;
	border-collapse: collapse;
}

div.helpLayer table tr th {
	padding-left: 10px;
	text-align: left;
	background-color: #ff9900;
	font-weight: bolder;
}

div.helpLayer table tr td {
	padding: 1px;
}

div.helpLayer table tr td#content {
	padding: 10px;
}

/* Class voor het beschrijven van de layout van teksten en  'h', 'k' en 'n' in de tabellen met artikelen */
.articleTableText {
	color:red;
}

/* Class voor de teksten bij de artikelen */
.helpText {
	font-family: arial, helvetica, Trebuchet MS,;
	color: #FF0000;
	font-size: 11px;
	line-height: 16px;
}

/* Class voor de achtergrondkleur bij keuzevakken */
.optionalCourseArticle {
	background-color: #F8BC86;
}

/* Class voor de achtergrondkleur bij keuzevakken als de gebruiker vergeten is een keuze te maken */
.optionalCourseArticleForgotten {
	background-color: #E43517; /* Menu links rood */
}

/* Class voor lettertype in-actieve prijzen */
.price_inactive
{
 	color: #9FC3DB;
}

/* Class voor lettertype actieve prijzen */
.price_active
{
	color: #51260b;
}


/* Het sterretje dat aangeeft dat een veld verplicht is */
.required {
	color: #E43517; /* Menu links rood */
}

#header {
    height: 100%;
    background: #e43517;
}

#logo h4 a {
    background-color: #e43517;
    float: left;
    display: inline;
    width: 224px;
    height: 91px;
    margin: 10px 0 0 0;
    text-decoration: none;
    text-indent: -999em;
    background: url( ../images/header.gif ) no-repeat left top;
}


/**************************************************************************************
Verdeling van gebieden op het scherm
***************************************************************************************/

/* Page rekt de tabel op het top niveau uit tot maximale hoogte/breedte zonder witruimtes*/
.page {
	border: 0;
	border-spacing: 0;
	border-collapse: collapse;
	width: 1000px;
	height:100%;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

.page td {
	padding: 0;
}

td.topArea {
	vertical-align: top;
	margin-top: 5px;
	margin-left: 0px;
	height: auto;
	padding-bottom: 20px;
}

.topArea table {

}

.topArea td.menuSpacerLeft, .leftArea {
	width: 150px;
	white-space: nowrap;
}

/* Het menu begint helemaal links */
.topArea td.menuSpacerLeft {
	width: 0px;:
}

td.leftArea {
	vertical-align: top;
	margin-left: 5px;
	padding-right: 10px;
	padding-left: 2px;
	height: 100%;
	white-space: nowrap;
}

.leftArea td {}

.centerArea  {
	vertical-align: top;
	height: 100%;
	width: 100%;
}

/*
    CMS content in het centrum van de taxatie pagina.
*/
.centerAreaAppraiseBook  {
	vertical-align: top;
	height: 100%;
    width: 1000px;
}
.centerArea td {
	vertical-align: top;
}

.centerTopArea {}

.centerTopArea td {
	padding-bottom: 5px;
	vertical-align: center;
}

td.centerTopArea {
	height: 100%;
	/* padding-left: 8px; */
	padding-right: 10px;
}

table.centerAreaContainer {
    width: 100%;
    /* four values: top, right, bottom and left respectively */
    margin : 0px 0px 0px 0px;
}


table.centerAreaContainerContainer {
	margin-bottom: 25px;
}

.centerAreaContainer td {
	margin-left: 0px;
	margin-right: 0px;
}

td.centerCenterArea {
	height: 100%;
	vertical-align: top;
	/* padding-left: 8px; */
	padding-right: 0px;
	width: 100%;
}

/* makeTable gebruikt h2 in een table header, overrule de default */
.centerCenterArea h2, .centerArea th h2 {
	vertical-align: top;
	padding-bottom: 5px;
}

.centerCenterArea td {
}

.centerBottomArea {
	width: 100%;
}

.centerBottomArea td {}

td.centerBottomArea {
	height: 100%;
	/* padding-left: 8px; */
	padding-right: 0px;
}

td.rightArea {
	vertical-align: top;
	padding-bottom: 0px;
	horizontal-align: right;
}

.rightArea table {
	/*margin-top: 0px;*/
}

.bottomArea {
	text-align: right;
	vertical-align: bottom;
}

/**************************************************************************************
TopArea gebied: HTML tags en classes
***************************************************************************************/
.topArea {
	background-color: #FFFFFF;
	border-spacing: 0;
	border-collapse: collapse;
}

.topArea a {
	color: #7D7B53;
	text-decoration: none;
}

/* Custom: text of a link in the topArea is bold, white */
.topArea td {
	color: white;
	font-weight: bolder;
	font-size: 9pt;
}

/**************************************************************************************
LeftArea gebied: HTML tags en classes
***************************************************************************************/
.leftArea {
	background-color: white;
	white-space: nowrap;
}

.leftArea .groupTitle {
	font-weight: bold;
}

.leftArea .groupItem {}

.leftArea a {
	color: #51260b;
	text-decoration: none;
	font-family: Trebuchet MS, arial, helvetica;
	margin: 7px;
	margin-left: 0px;
	margin-right: 0px;
}

/*	Deze class wordt gebruikt voor de stijl van de links in
	het subsubmenu van 'contact' en 'site info' */
table.defaultLinks {
	margin-left: 0px;
	background-color:  #EE7F00; /* menubalk oranje */
	border-bottom: 3px solid #ccdce9;     /* licht blauw (naar grijs) */
	margin-bottom: 20px;
	margin-right: 0px;
	width: 164px;
}

table.defaultLinks td {
	padding-left: 5px;
	padding-right: 5px;
}

table.defaultLinks tr td a:active,
table.defaultLinks tr td a:link,
table.defaultLinks tr td a:visited,
table.defaultLinks tr td a:hover {
	color: #FFFFFF;
	border: 0px;
	font-family: Trebuchet MS, arial, helvetica;
	font-size: 13px;
	text-decoration: none;
}

/* De layout van de tekst invoer box (om te zoeken in de site) in
	het subsubmenu */
.defaultLinks input {
	font-size: 11px;
	border: 0px;
	width: 100%;
}

/**************************************************************************************
CenterArea gebied: HTML tags en classes
***************************************************************************************/
.centerArea .groupTitle {
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 5px;
	margin-top: 5px;
}

.centerArea .groupItem {
	margin-left: 20px;
}

/**************************************************************************************
CenterTopArea gebied: HTML tags en classes
***************************************************************************************/

/**************************************************************************************
CenterCenterArea gebied: HTML tags en classes
***************************************************************************************/


/**************************************************************************************
CenterBottomArea gebied: HTML tags en classes
***************************************************************************************/

/**************************************************************************************
RightArea gebied: HTML tags en classes
***************************************************************************************/
.rightArea .groupTitle {
	font-size: 13px;
	color: #ffcc00;
	margin-bottom: 5px;
	margin-top: 5px;
}

.rightArea .groupItem {
	margin-left: 15px;
}

td.rightArea {
	background-color: #51260b;
}

.rightArea h1 {
	color: #FFFFFF;
	background-color: #51260b;
	font-size: 12px;
	line-height: 16px;
	padding: 5px;
	margin-bottom: 5px;
	font-weight: bold;
}

.rightArea td {
	padding: 5px;
	/*padding-left: 10px;*/
	margin-bottom: 10px;
}

.rightArea p {
	color: #FFFFFF;
}

/**************************************************************************************
BottomArea gebied: HTML tags en classes
***************************************************************************************/

/* The copyright text in the bottomarea */
.bottomArea small {
	color: #819FBD;
 	font-size: 10px;
	line-height: 28px;
	font-family: Trebuchet MS, arial, helvetica;
}

/* A link to the disclaimer in the disclaimer */
.bottomArea small a {
	color: #819FBD;
}

/**************************************************************************************
Menu: HTML tags en classes
**************************************************************************************/

/* Menu omvattende tabel */
.menuContainer {
	background-color: #F6C4C3;
	width: 100%;
	height: 26px;
	border-collapse: collapse;
	/*border-bottom: 3px solid #ccdce9;*/ /* licht blauw (naar grijs) */
	border-bottom: 3px solid aqua;
}

/* Ruimte aan de linkerzijde van het menu, boven de leftArea */
.menuContainer td.menuSpacerLeft {
	width: 0px;
	height: 26px;
	border-collapse: collapse;
}

/* Bevat het eigenlijke menu */
.menuContainer td.menuContainerCell {
}

/* Ruimte aan de rechterzijde van het menu, boven de rightArea */
.menuContainer td.menuSpacerRight {
	width: 100%;
	height: 26px;
	background-color:  #EE7F00; /* menubalk oranje */
}

.menu {
	margin-top: 0;
	width: 100%;
	border-spacing: 0px;
	border-collapse: collapse;
	padding: 10px;
	font-family: Trebuchet MS, arial, helvetica;
	text-decoration: none;
}

.menu tr td.menuSelected, .menu tr td.menuSelected a {
	background-color:  #EE7F00; /* menubalk oranje */
	padding: 0px;
	font-size: 13px;
}

.menu tr td {
	color: #17383E;
    background-color: #EE7F00; /* menubalk oranje */
	border-right: 1px solid #EE7F00; /* menubalk oranje */
}

.menu tr td a, .menu tr td.menuSelected a {
	padding:4px;
	display:block;
	text-decoration: none;
	font-weight: normal;
	font-size: 13px;
	color: #FFFFFF;
	cursor: pointer;					/* only needed when hand is not shown */
}

.menu tr td a:hover{
	background-color:  #EE7F00; /* menubalk oranje */
	color: #FFFFFF; /* Tekst menu balk : wit */
}

.menuSpan {
    white-space: nowrap;
}


/**************************************************************************************
Sub menu: HTML tags en classes
***************************************************************************************/

.subMenu {
    padding: 0px;
	border: 1px solid #CCDCE9; /* licht blauw (naar grijs) */
	border-top: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
	background-color:  #EE7F00; /* menubalk oranje */
}

.subMenu td a {
    white-space: nowrap;
	color: #FFFFFF; /* Tekst menu balk : wit */

/*
    width: 100%;		-- dit gaat fout in firefox: geeft een lege rand aan de rechterkant van de cel.
	height: 100%;		-- dit gaat fout in firefox: de oranje lijn tussen de regels valt hierdoor weg. In IE lijkt het geen effect te hebben
*/
	border: 1px solid #FFFFFF; /* Submenu border Wit */
	line-height: 18px;
    cursor: pointer; /* only needed when hand is not shown */
	font-family: Trebuchet MS, arial, helvetica;
	font-size: 13px;
	padding:4px;
	display:block;
}

.subMenu a:hover {
	background-color:  #EE7F00; /* menubalk oranje */
	color: #FFFFFF; /* Tekst menu balk : wit */
}

/*	Het submenu klapt over de normale tekst heen in de centerArea en krijgt daarom
een andere diepte index (z-index) */
.subMenuLayer {
    POSITION: absolute;
    z-index: 1;
    visibility: hidden;
	padding-top:1px;
	width: 1px;		/* zorg ervoor dat het submenu niet breder wordt dan nodig */
}


/**************************************************************************************
Sub sub menu: HTML tags en classes
***************************************************************************************/
table.subSubMenu {
    width: 100%;
	border-bottom: 3px solid #CCDCE9; /* licht blauw (naar grijs) */
	border-spacing: 0px;
	border-collapse: collapse;
	margin-bottom: 20px;
}

.subSubMenu td {
	padding: 0px;
	vertical-align: middle;
	background-color: #E43517; /* Menu links rood */
}

.subSubMenu td.subSubMenuSelected {
	background-color: #EE7F00; /* menubalk oranje */
}

.subSubMenu a, .subSubMenuSelected a {
	color: #FFFFFF;
	font-family: Trebuchet MS, arial, helvetica;
	font-size: 13px;
	text-decoration: none;
    font-weight: normal;
    cursor: Pointer; 				/* only needed when hand is not shown */
	padding:1px;
	display:block;
/*
	width: 100%;
    height: 100%;
*/
}

.subSubMenu a:hover,
.subSubMenu tr td.subSubMenuSelected  {
	color: #FFFFFF;
}

/* Het menu heeft een donkere achtergrond, evenals de cellen. Deze class zorgt
   voor een lichte omlijning. */
.subSubMenuContainer {
	width: 100%;
	margin-top: 0px;
	border-collapse: collapse;
}

.subSubMenuContainer td table td {
	height: 19px;
	border-top: 1px solid #E43517; /* Menu links rood */
}

/**************************************************************************************
Header: HTML tags en classes
**************************************************************************************/
/* De header bevat algemene gegevens van een object boven de tabbladen. */

.header {
	background-color: #cccccc;
	color: #010066;
	font-size: 8pt;
	font-family : arial, verdana, helvetica, sans-serif;
	width: 100%;
	border-spacing: 0px;
	border-collapse: collapse;
}


/**************************************************************************************
Tab's: HTML tags en classes
**************************************************************************************/

.tab {
	background-color: #010066;
	width: 100%;
	border-spacing: 0px;
	border-collapse: collapse;
	margin: 0px;
	padding: 0px;
}

.tabItem {
	background-color: #010066;
	color: #ffffff;
	font-size: 8pt;
	font-family : arial, verdana, helvetica, sans-serif;
	text-decoration: none
}

.tabItem A {
	color: white;
	text-decoration: none
}

.tabItem A:hover {
	text-decoration: underline;
	color: white;
}

.tabItemSelected {
	background-color: #fc0204;
	color: #ffffff;
	font-size: 8pt;
	font-family : arial, verdana, helvetica, sans-serif;
	text-decoration: none
}

.tabItemSelected A {
	color: white;
	text-decoration: none;
}

.tabItemSelected A:hover {
	text-decoration: underline;
	color: white;
}


/**************************************************************************************
Subtab: HTML tags en classes
**************************************************************************************/

.subTab {
	background-color: #dddddd;
	color: #000066;
	font-weight: bold;
}

.subTabItem {
	background-color: #dddddd;
	color: #010066;
	font-weight: bold;
	font-size: 8pt;
	font-family : arial, verdana, helvetica, sans-serif;

}

.subTabItem A {
	color: #010066;
	text-decoration: none;
	font-weight: bold;
	font-size: 8pt;
}

.subTabItem A:hover {
	text-decoration: underline
}

.subTabItemSelected {
	background-color: #dddddd;
	color: #fc0204;
	text-decoration: none;
	font-weight: bold;
	font-size: 8pt;
	font-family : arial, verdana, helvetica, sans-serif;

}

.subTabItemSelected A {
	color: #fc0204;
	text-decoration: none;
	font-weight: bold;
}

.subTabItemSelected A:hover {
	text-decoration: underline
}

.listDocumentContainer
{
	margin-bottom: 10px;
	width: 100%;
}

.FAQ h2
{
	background-color: white;
	color: #51260b;
	font-weight: bold;
	padding-left: 0px;
	margin-bottom: 0px;
	padding-bottom:0px;
	margin-top: 0px;
	padding-top: 0px;
}

/**************************************************************************************
VDS-specific classes
**************************************************************************************/

table {
	border-collapse: collapse;
}

table.information	{
	background-color: #F8BC86;
}

table.information th {
	background-color:  #EE7F00; /* menubalk oranje */
	color: white;
	font-weight: bold;
}

table.information td {
	padding: 4px;
	color: #51260b;
	/*border: 1px solid #B4D3E8;*/
}

a.information, h2 a.information {
	text-decoration: none;
	color: #FF7800;
}

table.WizardSteps	{
	width: 			150px;
	color: 			#FFFFFF;
	background-color: #E43517; /* Menu links rood */
}

table.WizardSteps a	{
	font-family: 	Arial;
	font-size: 		9pt;
	font-weight: 	bold;
	color: 			#FFFFFF;
}

table.WizardSteps a:hover {
	color: 			#FFFFFF;
}

table.WizardSteps td {
	font-family:	Arial;
	font-size: 		9pt;
	font-weight: 	bold;
	color: 			#FFFFFF;
}

table.additionalArticleNav a {
	font-family:	Arial;
	font-size: 		9pt;
	text-decoration: none;
	color: #FFFFFF;
}
table.additionalArticleNav a:hover {
	color: #FFFFFF;
}

.buttonPrevNext {
	background-color: #EE7F00; /* Knoppen oranje */
	cursor: pointer;
	font-family: Arial;
	font-size: 9pt;
	color: #FFFFFF;
}

table.WizardSteps td.AvailableVink	{
	padding-top: 	10px;
	padding-left: 	5px;
	padding-right: 	0px;
}

table.WizardSteps td.AvailableStepName	{
	padding-top: 	10px;
	padding-left: 	0px;
	padding-right: 	10px;
}

table.WizardSteps td.notAvailableVink	{
	padding-top: 	10px;
	padding-left: 	5px;
	padding-right: 	10px;
}

table.WizardSteps td.notAvailableStepName	{
	padding-top: 	10px;
	padding-left: 	0px;
	padding-right: 	10px;
}

table.WizardSteps td.subAvailable	{
	padding-top: 	2px;
	padding-left: 	10px;
	padding-right: 	2px;
	font-weight:	normal;
}

table.WizardSteps td.subAvailable a {
	font-weight:	normal;
}

table.WizardSteps a {
	margin-left: 0px;
}

table.WizardSteps td.subAvailable a:hover {
	color: #FFFFFF;
}


.plusMinusCell {
	width: 10px;
}
.plusMinusCell H2 {
	height: 16px;
}

.smallIcon{
	margin-bottom:-12px;
	height:11px;
}
.headerCell {
	width: 100%;
}
.headerCell H2 a, .headerCell H2 a:hover{
	color: #FFFFFF;
}
.amountCell {
	width: 80px;
}
.koopCell {
	width: 80px;
}


.previousNextButton {
	background-color: #EE7F00; /* menubalk oranje */
	cursor: pointer;
	font-family: Arial;
	font-size: 9pt;
	color: #FFFFFF;
}

table.SelectPackage {
	border: 1px solid #E43517; /* Menu links rood */
	padding: 5px;
}

table.SelectPackage td {
	border: 0;
}

/******************************************
			WEBSHOP STIJLEN
 ******************************************/

.webShop td.cellContent {
	padding: 10px 10px 10px 10px;
	color: #E43517; /* Menu links rood */
	font-family: Arial;
	font-weight: bold;
	font-size: 10pt;
	border: 1px solid #D0ECF3;
	width: 190px;
}

.webShopTextLight {
	color: #ADD8E6;
	font-family: Arial;
	font-weight: bold;
	font-size: 10pt;
}

.webShopText {
	color: #51260b;
	font-family: Arial;
	font-weight: bold;
	font-size: 10pt;
}
.webShopTextBig {
	color: #51260b;
	font-family: Arial;
	font-weight: bold;
	font-size: 15pt;
}

.webShopTextOfferArticles {
	font-family: Arial;
	font-weight: bold;
	color: #51260b;
	font-size: 9pt;
	height: 30px;
	text-align: center;
}

.webShop td.cellSpacerHorizontal {
	height: 20px
}
.webShop td.cellSpacerVertical {
	width: 20px
}

.webShop div.imageWebshop {
	margin-top: 10px;
	height: 	100%;
	float: 		left;
}

.webShop img.imageWebshop {
	margin-top: 10px;
	width: 		95px;
	height: 	110px;
	float: 		left;

}

.webShop div.textAndButton {
	margin-top: 10px;
	float: 		right;
	top: 		90px;
	position: 	relative;
}

.webShop div.textAndButtonInfo {
	margin-top: -4px;
	float: 		right;
	top: 		40px;
	position:	relative;
}

.webShop div.offerTextAndButtonInfo {
	margin-top: 20px;
	float: 		right;
	top: 		40px;
	position:	relative;
}

.webShop div.offerTextAndButtonInfo .offerCheckBox {
	margin-bottom: 3px;
}

.webShop div.textAndButtonInfo img {
	margin-top: 5px;
}

.webShopArticle {
	width: 100%;
}

.webShopArticle td.cellContent {
	padding: 10px 10px 10px 10px;
	color: #E43517; /* Menu links rood */
	font-family: Arial;
	font-weight: bold;
	font-size: 10pt;
	border: 1px solid #D0ECF3;
}

.webShopArticle div.imageWebshop {
	height: 258px;
	float: left;
}

.webShopArticle img.imageWebshop {
	width: 243px;
	height: 258px;
	float: left;

}

.webShopArticle div.textAndButtonInfo {
	font-family: Arial;
	font-size: 15pt;
	width: 327px;
	position: relative;
	float: right;
}


/**************************************
	   HOOFDPAGINA & BESTELPAGINA
 **************************************/
.rightAreaFlashContent {
	height: 		600px;
	width: 			120px;
 	margin-top: 	4px;
	margin-bottom: 	4px;
}

.showSiteBlueBox {
	padding: 5px 5px 5px 5px;
	background-color: #D0ECF3;
	width: 210px;
	height: 120px;
}

.showSiteBorderBox {
	padding: 5px 5px 5px 5px;
	border: 1px solid #51260b;
	width: 210px;
	height: 120px;
}

.showSiteOrangeBox {
	padding: 			5px 5px 5px 5px;
	background-color: 	#FF7800;
	width: 				210px;
	height: 			120px;
}

.showSiteBlueBoxLabel {
	font-family: Arial;
	color: #51260b;
}

.showSiteBlueBoxInput {
	margin-left: 15px;
	border: 1px solid #51260b;
}

.previousNextButtonOrange {
	background-color: #EE7F00; /* menubalk oranje */
	cursor: pointer;
	font-family: Arial;
	font-size: 9pt;
	color: #FFFFFF;
}

.messageAppraiseBook {
	background-color: #FF7800;
	font-family: Arial;
	font-size: 9pt;
	color: #FFFFFF;
	padding: 5px;
	padding-left: 10px;
	margin-bottom: 10px;
}

.messageAppraiseBook a{
	color: #FFFFFF;
}

.commonBottomArea {
	background-color:  #EE7F00; /* menubalk oranje */
}

.headerExterneSite {
	background-color: #E43517; /* Menu links rood */
	cellpadding: 0px;
	cellspacing: 0px;
	padding: 0px;
	margin: 0px;
	border: 0px;
	width: 100%;
}

.addSaleOrderKruimelPad {
	font-family: Arial;
	font-size: 9pt;
	color: #000000; /* Tekst kruimelpad zwart */
}