/* base */
body {margin:0; padding:0; background-color:white}

.clearer {clear:both; height:0px; font-size:0px; line-height:0px}

#pageWrapper {width:800px; margin:0 auto}
	#pagePadding {margin:0; padding:0 25px}
		
		#header {clear:both; width:750px; height:45px; margin:0; margin-top:10px; padding:0; background-image:url('../gfx/header.png'); background-position:top left; background-repeat:no-repeat}
		
		#navigation {clear:both; width:750px; height:50px; margin:0; margin-top:16px; padding:0;}
			
			#topNav {background-image:url('../gfx/nav/bg.png'); background-position:top left; background-repeat:repeat-x}
				#tab,
				.noTab {float:left; display:inline; height:28px}
					#tab_bg {float:left; display:inline; height:28px; background-image:url('../gfx/nav/tab_bg.png'); background-position:top left; background-repeat:repeat-x; cursor:pointer}
					#tab_left {float:left; display:inline; height:28px; margin:0; padding:0; background-image:url('../gfx/nav/tab_left.png'); background-position:top left; background-repeat:no-repeat}
					#tab_right {float:left; display:inline; height:28px; margin:0; padding:6px 12px 0 10px; background-image:url('../gfx/nav/tab_right.png'); background-position:top right; background-repeat:no-repeat}
				.noTab {margin:0; padding:6px 15px 0 8px; cursor:pointer}
				#topSubNav {clear:both}
					.navSubItem {float:left; display:inline}
						.navSubItemPadding {padding-right:18px}
				
		#contentWrapper {clear:both; width:750px; margin:0; margin-top:8px; padding:0}
			#contentPadding {margin:0; padding:0}
				
				#contentMain {float:left; width:620px; margin:0; padding:0}
					#contentMainPadding {margin:0; padding:0}
				#contentSidebar {float:left; width:130px; margin:0; padding:0}
					#contentSidebarPadding {margin:0; padding:0; padding-left:20px}
		
		#footer {clear:both; width:750px; margin:0; margin-top:18px; padding:0; background-image:url('../gfx/gray_pixel.png'); background-position:top left; background-repeat:repeat-x}
			#footerPadding {margin:0; padding:0; padding-top:4px}
				#footerLeft {width:375px; float:left; margin:0; padding:0}
					#over_ing {margin:0; margin-right:20px; padding:0}
					#ing_in_nederland {margin:0; padding:0}
				#footerRight {width:375px; float:left; margin:0; padding:0; text-align:right}
					#privacy {margin:0; padding:0}
					#disclaimer {margin:0; margin-left:20px; padding:0}

/* font styles and colors */
body,
td,
div,
a {font-family:Arial, Verdana; font-size:12px; color:#000000}

h1 {font-size:22px; color:#ff6600; font-family:Rockwel Std}
	h1#pageTitle { color: #000000; }
h2 {font-size:14px; color:#000000}
h3 {font-size:12px; color:#000000}

#footer a {font-size:10px; color:#cccccc; text-decoration:none}
#footer a:hover {text-decoration:underline}

.tabTitle,
.noTabTitle {font-family:Rockwel Std, Arial, Verdana; background-color:white}
.tabTitle a {font-size:14px; color:#000000; text-decoration:none; font-weight:bold}
.noTabTitle a {font-size:14px; color:#ff6600; text-decoration:none; font-weight:bold}
.noTabTitle a:hover {color: #000000;}
.navSubItemPadding a {font-size:12px; color:#ff6600; text-decoration:none; font-weight:bold}
.navSubItemPadding .subItemSelected a {color:#000000}

.logout, .logoutOn { float: right; margin-top: 8px; background:url(../gfx/black-arrow.gif) no-repeat; width: 76px; cursor: pointer;}
	.logoutOn { background-image:url(../gfx/black-arrow.gif); }

.logout,
.logoutTitle {background-color:white; margin-left: 8px; }
.logoutTitle a {font-size:14; color:#000000; text-decoration:none; font-weight:bold; font-family:Rockwel Std, Arial, Verdana;}
.logoutTitle a:hover {color: #000000; cursor:pointer;}

.formfieldname {}
.formfield {font-family:Arial, Verdana; font-size:12px; color:#000000}
.formbutton,
.formbutton_alert {color:white; font-weight:bold; font-size:11px; background-color:#ff6600}