/* fontsizes */
.extrasmall { font-size: 8px; }
.small { font-size: 10px; }
.normal { font-size: 12px; text-align:justify; }
.large { font-size: 14px; }
.extralarge { font-size: 16px; }
.superlarge { font-size: 18px; }
.megalarge { font-size: 24px; }

/***[ Genral styles ]*****************************************************************************/

/***[ Tag styles ]********************************************************************************/
body,table { font-family: Calibri,sans-serif; font-size: 12px; }
input, textarea { font-family: Calibri,sans-serif; font-size: 13px; }
div.PageBody { width: 980px; margin: auto; }
form { margin: 0px; }
h1 { text-align:center; color: #076224; font-size: 16px; }
h2 { margin: 0px; font-size: 16px; color: #076224; }
input.button { background-color: #076224; color: #ffffff; }
div.HomeLogo { position: absolute; width: 260px; text-align: right; color: #ffffff; margin-top: 30px; }
li { margin-top:5px; margin-bottom: 8px; color: #696969; }
p.GreenText { color:#076224; font-weight: bold; }
p:first-child { margin-top: 0px; }
td p { margin: 0px; }
a { color: #0000ff; text-decoration: none; }
a:hover { color: #D59709; }

/***[ Forms ]*************************************************************************************/
form table { width: 100%; }
form th { vertical-align:top; text-align: left; padding-top: 3px; padding-bottom: 6px; color:#696969; }
form td { vertical-align:top; }
form.Contact td input.textbox, form.Contact td textarea { width: 300px; }
form td input.textbox, form td textarea { width: 400px; }
form td.buttons { padding-top: 10px; }
/***[ Submenu ]***********************************************************************************/
div.Submenu { height: 20px; padding: 10px 0px 10px 0px; }
div.Submenu table { width: 85%; }
div.Submenu td { width: 10%;  }
div.Submenu td a {
	width: 100%; height: 22px; padding-top: 7px; display: inline-block;
	text-align: center; text-decoration: none; color: #ffffff;
	font-weight: bold; font-size: 10pt;
	background-image: url(button-top-normal.png);
	background-repeat: no-repeat; background-position: center;
}
div.Submenu td a:hover {
	color: #076224; text-decoration: none; font-weight: bold; font-size: 10pt;
	background-image: url(button-top-active.png);
}
div.Submenu td span {
	width: 100%; height: 22px; padding-top: 7px; display: inline-block;
	text-align: center; text-decoration: none; color: #076224;
	font-weight: bold; font-size: 10pt;
	background-image: url(button-top-current.png);
	background-repeat: no-repeat; background-position: center;
}

/***[ Mainmenu ]**********************************************************************************/
div.Mainmenu { padding: 10px 0px 10px 0px; height:85px; position: relative; }
div.Mainmenu div.Leaves {
	background-image: url(groene_blaadjes_bg.png); background-repeat: repeat-x; 
	position: absolute; width: 100%; height: 149px; margin-top: -50px; 
}
div.Mainmenu div.Glow {
	position: absolute; top: -55px; left: 0px; height: 200px; width: 200px; visibility: hidden;
}

/*
div.Mainmenu td.Language { text-align: center; padding-top: 20px; }
div.Mainmenu td.Language a { color: #000000; text-decoration: none; }
div.Mainmenu td.Language a:hover { color: #076224; text-decoration: underline; }
*/

div.Mainmenu a {
	font-size: 11px; display: inline-block; position: absolute; top: -10px;
	width: 120px; height: 120px;
	color: #ffffff; text-decoration: none;
/*
	background-image: url(/images/solarcar.png);
*/
	background-repeat: repeat-none; background-position: bottom center;
}
div.Mainmenu a:hover {
	text-decoration: underline;
/*
	background-image: url(/images/solarcar_hover.png);
*/
}

div.MainmenuSmall { padding: 10px 0px 10px 0px; height: 85px; position: relative; }
div.MainmenuSmall div.Leaves { 
	background-image: url(groene_blaadjes_bg_small.png); background-repeat: repeat-x; 
	position: absolute; width: 100%; height: 107px; margin-top: -8px; 
}
div.MainmenuSmall div.Glow {
	position: absolute; top: -12px; left: 0px; height: 150px; width: 150px; visibility: hidden;
}
/*
div.MainmenuSmall td.Language { text-align: center; width: 150px; padding-top: 20px; }
div.MainmenuSmall td.Language a { color: #000000; text-decoration: none; }
div.MainmenuSmall td.Language a:hover { color: #076224; text-decoration: underline; }
*/
div.MainmenuSmall a {
	font-size: 11px; display: inline-block; position: absolute; top: 18px;
	width: 90px; height: 90px;
	color: #ffffff; text-decoration: none;
/*
	background-image: url(/images/solarcar_small.png);
*/
	background-repeat: repeat-none; background-position: bottom center;
}
div.MainmenuSmall td.Mainmenu a:hover {
	text-decoration: underline;
/*
	background-image: url(/images/solarcar_hover_small.png);
*/

}
div.Mainmenu a.Home { background-image: url(home_large_off.png); }
div.Mainmenu a.Home:hover { background-image: url(home_large_hover.png); }
div.Mainmenu a.Brochure { background-image: url(brochure_large_off.png); }
div.Mainmenu a.Brochure:hover { background-image: url(brochure_large_hover.png); }
div.Mainmenu a.Contacts { background-image: url(contacts_large_off.png); }
div.Mainmenu a.Contacts:hover { background-image: url(contacts_large_hover.png); }
div.Mainmenu a.Products { background-image: url(products_large_off.png); }
div.Mainmenu a.Products:hover { background-image: url(products_large_hover.png); }
div.Mainmenu a.Savings { background-image: url(savings_large_off.png); }
div.Mainmenu a.Savings:hover { background-image: url(savings_large_hover.png); }

div.MainmenuSmall a.Home { background-image: url(home_small_off.png); }
div.MainmenuSmall a.Home:hover { background-image: url(home_small_hover.png); }
div.MainmenuSmall a.Brochure { background-image: url(brochure_small_off.png); }
div.MainmenuSmall a.Brochure:hover { background-image: url(brochure_small_hover.png); }
div.MainmenuSmall a.Contacts { background-image: url(contacts_small_off.png); }
div.MainmenuSmall a.Contacts:hover { background-image: url(contacts_small_hover.png); }
div.MainmenuSmall a.Products { background-image: url(products_small_off.png); }
div.MainmenuSmall a.Products:hover { background-image: url(products_small_hover.png); }
div.MainmenuSmall a.Savings { background-image: url(savings_small_off.png); }
div.MainmenuSmall a.Savings:hover { background-image: url(savings_small_hover.png); }

div.Mainmenu a.Inicio { background-image: url(inicio_large_off.png); }
div.Mainmenu a.Inicio:hover { background-image: url(inicio_large_hover.png); }
div.Mainmenu a.Folleto { background-image: url(folleto_large_off.png); }
div.Mainmenu a.Folleto:hover { background-image: url(folleto_large_hover.png); }
div.Mainmenu a.Contactos { background-image: url(contactos_large_off.png); }
div.Mainmenu a.Contactos:hover { background-image: url(contactos_large_hover.png); }
div.Mainmenu a.Productos { background-image: url(productos_large_off.png); }
div.Mainmenu a.Productos:hover { background-image: url(productos_large_hover.png); }
div.Mainmenu a.Ahorros { background-image: url(ahorros_large_off.png); }
div.Mainmenu a.Ahorros:hover { background-image: url(ahorros_large_hover.png); }

div.MainmenuSmall a.Inicio { background-image: url(inicio_small_off.png); }
div.MainmenuSmall a.Inicio:hover { background-image: url(inicio_small_hover.png); }
div.MainmenuSmall a.Folleto { background-image: url(folleto_small_off.png); }
div.MainmenuSmall a.Folleto:hover { background-image: url(folleto_small_hover.png); }
div.MainmenuSmall a.Contactos { background-image: url(contactos_small_off.png); }
div.MainmenuSmall a.Contactos:hover { background-image: url(contactos_small_hover.png); }
div.MainmenuSmall a.Productos { background-image: url(productos_small_off.png); }
div.MainmenuSmall a.Productos:hover { background-image: url(productos_small_hover.png); }
div.MainmenuSmall a.Ahorros { background-image: url(ahorros_small_off.png); }
div.MainmenuSmall a.Ahorros:hover { background-image: url(ahorros_small_hover.png); }


/***[ Contents ]**********************************************************************************/
div.PagePhoto { position: absolute; margin-top: 40px; margin-left: 0px; }
div.PagePhoto table { height: 100%; }
div.PagePhoto img { height: 180px; width: 270px; }

div.HomeContents { height: 450px; overflow: visible; }
div.HomeContents div.QuoteManager { 
	position: absolute;
	top: 220px;
	margin-left: 50px;
	width: 480px;
}
div.HomeContents div.QuoteManager a { color: #ffffff; font-weight: bold; text-decoration: none; font-size: 175%;  }
div.HomeContents div.QuoteManager a:hover { color: #D59709; }

div.WithSubmenu {}
.contents { height: 340px; display:block; float:left; }
div.WithSubmenu div.ViewportWithPhoto, div.WithSubmenu div.ViewportNoPhoto { height: 250px; background-color: #ffffff; }
div.WithSubmenu div.PagePhoto { height: 250px; }


div.NoSubmenu {}
div.NoSubmenu div.ViewportWithPhoto, div.NoSubmenu div.ViewportNoPhoto { height: 290px; background-color: #ffffff; }
div.NoSubmenu div.PagePhoto { height: 290px; }

div.ViewportWithPhoto { margin-left: 282px; width: 638px; }
div.ViewportNoPhoto { margin-left: 67px; width: 853px; }

div.ViewportWithPhoto, div.ViewportNoPhoto {
	position: absolute; overflow: auto; overflow-x: hidden;
	margin-top: 40px;
scrollbar-face-color: #c8decb; scrollbar-shadow-color: #ffffff;
       scrollbar-darkshadow-color: #ffffff; scrollbar-track-color: #ffffff; scrollbar-arrow-color: #90b094;
       scrollbar-highlight-color: #ffffff; scrollbar-3d-light-color: #ffffff;
	padding-right:10px;
	/* background-color: #cccccc; */
}



div.SiteMap th { text-align: left; }



/***[ Gallery (Images) ]**************************************************************************/
div.GalleryPage { width: 100%; height: 100%; }
div.GalleryPage table { width:100%; }
div.GalleryPage td.Spacer { width: 150px; }
div.GalleryPage td.ThumbsBar { width: 150px; padding-left: 75px; }
div.GalleryPage td.LargeImageCanvas { text-align: center; }
div.GalleryPage div.LargeImageCanvas {
	background-color: #ddffdd;
	width: 405px; height: 270px;
	display: inline-block; position: relative;
	text-align: left;
}
div.GalleryPage img#LargeImageID { width: 405px; height: 270px; }
div.ThumbsBar {}
div.ThumbsBar td.Arrow { height: 30px; }
div.ThumbsBar td.Thumbs { height: 270px; }
td.Thumbs div#ThumbsViewPortID { height: 270px; overflow: hidden; position: relative; }
div#ThumbsViewPortID div#ScrollerID { position: absolute; left: 0px; }
div#ThumbsViewPortID div.Thumb { position: relative; width: 100%; height: 86px; margin-top:3px; margin-bottom: 3px; }
div.Thumb img { width: 135px; height: 86px; }


/***[ Dialogs ]***********************************************************************************/
div.dialog { border: 1px solid #076224; background-color: #eeeeee; }
div.dialog td.dialogtitle, div.dialog td.dialogclosebuttons {
	background-color: #076224; color: #ffffff; padding: 3px;
}
div.dialog td.dialogtitle, div.dialog td.dialogclosebuttons img { cursor: pointer; }
div.dialog table.dialogcontents { margin-top: 2px; margin-bottom: 2px; }
div.dialog table.dialogcontents td { padding: 5px; }
div.dialog td.dialogbuttons { text-align: center; }
div.dialog td.dialogbuttons button { width: 100px; font-size: 12px; }
div.dialog form table { width: 100%; }
div.dialog form th { padding-left: 3px; }
div.dialog form td { padding: 1px 3px 1px 0px; }
div.dialog form td div { padding:1px; border: 1px solid #cccccc; }
table.dialogcontents td p { margin: 6px 0px 6px 0px; }

/***[ PageHeader ]********************************************************************************/
div.PageHeader { height: 50px; padding: 20px 0px 10px 0px; }
div.PageHeader table { width:100%; }
div.PageHeader td.logo { text-align: right; color: #076224; }
div.PageHeader td.logo a { text-decoration: none; color: #076224; }
div.PageHeader td.quote { text-align: left; color: #076224; font-size: 14px; }
div.PageHeader td.quote a { color: #076224; font-size: 16px; font-weight: bold; text-decoration: none; }
div.PageHeader td.quote a:hover { color: #D59709; }
div.PageHeader a#IDDownload { font-size:150%; text-decoration: underline; }

/***[ PageFooter ]********************************************************************************/
div.PageFooter { height: 20px; padding: 10px 0px 10px 0px; }
div.PageFooter table { width: 100%; color: #696969; font-size: 11px; }
div.PageFooter td.menu a { color:#696969; text-decoration: none; margin-left: 5px; margin-right: 5px; }
div.PageFooter td.menu a:hover { color:#076224; text-decoration: underline; }
div.PageFooter td.copyright { text-align: right; }

/***[ Contact Page ]******************************************************************************/
div.ContactPage { padding: 0px 40px 0px 40px; }
div.ContactPage table { width: 100%; }
div.ContactPage td { vertical-align: top; }
div.ContactPage td.LeftColumn { width: 500px; }
div.ContactPage td.RightColumn { width: 400px; }
div.ContactPage th { color: #696969; font-weight: normal; }
div.ContactPage p.AddressBlock { margin: 0px 0px 10px 0px; color: #696969; }
div.ContactPage p.AddressBlock a { color: #696969; text-decoration: underline; }
div.ContactPage p.AddressBlock a:hover { color: #076224; text-decoration: underline; }

/***[ FAQ ]***************************************************************************************/
p.question, p.closed  {
	background-color:#006633; color:#ffffff; padding:3px 5px 3px 15px; margin:0px; cursor:pointer;
	border-width:1px 0px 0px 0px; border-style:solid; border-color:#ffffff; cursor:pointer;
	font-size: 16px;
}
p.answer { background-color:#ffffff; color:#000000; padding:3px 5px 3px 38px; margin:0px; font-size: 16px; }
span.vraagnummer { display:inline-block; width:20px; text-align:right; margin-right:3px; }