/* reset default browser CSS, Eric Meyer style
   ------------------------------------------- */
html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
}
a img, :link img, :visited img {
	border: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol, ul {
	list-style-type: none;
}
q:before, q:after,
blockquote:before, blockquote:after {
	content: "";
}/*
hr {
	display: none;
}*/
center {
	margin: 0;
	padding: 0;
	text-align: left;
}
/* form control */
input {display: block;}
input.textfield {display: inline;}
input.radio {display: inline;}


/* GENERAL */
body {
	background: url(../img/bgtemplate.jpg) repeat-x top #e10019;
	width: 100%;
}
#header {
	position: relative;
	background: url(../img/header.jpg) no-repeat top center;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	min-width: 960px;
	height: 136px;
}

/* NAVIGATION */
#logolink {
	position: absolute;
	top: 0;
	left: 0;
}
#navigation {
	position: relative;
	height: 135px; /* was 136, dit is een test */
	width: 860px;
	margin: 0 auto;
}
div#profileview {
	position: absolute;
	width: auto;
	top: 0;
	right: 9em;
	margin-top: 0.5em;
	z-index: 100;
	white-space: nowrap;
}
#profileview * {
	position: static;
	padding: 0 1em;
}
#users {
	position: absolute;
/*	width: 20em;
*/	width: 7em;
	margin: 0;
	padding: 0;
	top: 0;
	right: 9px;
	z-index: 100;
	background: url(../img/usersdivright.gif) no-repeat top right;
}
#users:hover, #users.sfhover {
	width: 20em;
}
#userwrap {
	position: relative;
	float: right;
}
#userwrap li {
	white-space: nowrap;
}
a#userlink {
	height: 2em;
	width: 4em;
	margin-top: 0.5em;
	padding: 0 1.5em;
	display: block;
}
#userwrap li #userlist {
	position: absolute;
	top: 0;
	right: 0px;
	margin-top: 0.5em;
	border: 1px solid #79271b;
	display: none;
}
#userwrap li:hover #userlist, #userwrap li.sfhover #userlist { 
	display: block;
}
* html #userlist {
	width: 20em;
}
* html #userlist li {
	display: inline;
}
* html #userlist li a {
	height: 1%;
}

#navigation #navlist {
	background: url(../img/divright.gif) no-repeat bottom right;
	position: absolute;
	margin: 1px 9px 0 9px;
	padding: 0;
	padding-right: 1px;
	width: 841px;
	bottom: 0;
	list-style: none;
	font-size: 1.1667em;
}
#navigation #navlist li {
	background: url(../img/divleft.gif) no-repeat bottom left;
	float: left;
}
#navigation #navlist a {
	position: relative;
	margin-left: 1px;
	display: block;
	padding: 0 1em;
}
/*
a#home {width: 114px;}
a#about {width: 137px;}
a#approach {width: 160px;}
a#solutions {width: 160px;}
a#news {width: 114px;}
a#contact {width: 147px;}

#homepage a#about {width: 160px;}
#homepage a#approach {width: 183px;}
#homepage a#solutions {width: 183px;}
#homepage a#news {width: 136px;}
#homepage a#contact {width: 169px;}
*/

a#home:hover, #homepage a#home					{border-bottom: 4px solid #cb3838;}                
a#about:hover, #aboutpage a#about 				{border-bottom: 4px solid #ff8a00;}
a#approach:hover, #approachpage a#approach 		{border-bottom: 4px solid #a6dd3b;}
a#solutions:hover, #solutionspage a#solutions 	{border-bottom: 4px solid #37c767;} 
a#club:hover, #clubpage a#club 					{border-bottom: 4px solid #3bddbb;}
a#online:hover, #onlinepage a#online 			{border-bottom: 4px solid #3bd5dd;}
a#news:hover, #newspage a#news                  {border-bottom: 4px solid #0078e3;}
a#contact:hover, #contactpage a#contact 		{border-bottom: 4px solid #b53bdd;}

#aboutpage a#about, #custompage a#custom, #directpage a#direct, #businesspage a#business, #newspage a#news, #clubpage a#club, #onlinepage a#online, #contactpage a#contact {
	cursor: default;
}

/* SUBNAV */
#subnav {
	width: 100%;
	min-width: 960px;
	height: 22px;
}
#aboutpage #subnav 		{background: url(../img/subnav1D.gif) repeat-x top;}
#approachpage #subnav 	{background: url(../img/subnav2D.gif) repeat-x top;}
#solutionspage #subnav 	{background: url(../img/subnav3D.gif) repeat-x top;}
#clubpage #subnav 		{background: url(../img/subnav4D.gif) repeat-x top;}
#onlinepage #subnav 	{background: url(../img/subnav5D.gif) repeat-x top;}
#newspage #subnav 		{background: url(../img/subnav6D.gif) repeat-x top;}
#contactpage #subnav    {background: url(../img/subnav7D.gif) repeat-x top;}

#aboutpage #subnav ul 		{background: url(../img/subnav1.gif) repeat-x top;}
#approachpage #subnav ul 	{background: url(../img/subnav2.gif) repeat-x top;}
#solutionspage #subnav ul 	{background: url(../img/subnav3.gif) repeat-x top;}		
#clubpage #subnav ul 		{background: url(../img/subnav4.gif) repeat-x top;}
#onlinepage #subnav ul 		{background: url(../img/subnav5.gif) repeat-x top;}
#newspage #subnav ul        {background: url(../img/subnav6.gif) repeat-x top;}
#contactpage #subnav ul 	{background: url(../img/subnav7.gif) repeat-x top;}


#sublist {
	overflow:hidden;
	height: 22px;
	border-right: 1px solid #fff;
	margin: 0 auto;
	padding: 0;
	width: 841px;
	list-style: none;
}
#sublist li {
	display: block;
	padding: 0 12px;
	border-left: 1px solid #fff;
	float: left;
}
li#subsublist {
	display:none; /* client's request */
	border-left: 0;
	padding-left: 0;
}
li#subsublist li {
	background: none;
	padding: 0px 12px 0 0;
	display: inline;
	font-style: italic;
	border: none;
}
li#subsublist a {
	padding-left: 12px;
	border-left: 1px dotted #fff;
}

/* CONTENT */
#content {
	position: relative;
	background: url(../img/content.gif) repeat-y top center;
	width: 960px;
	margin: 1px auto;
	padding: 0;
}
#wrapleft {
	background: url(../img/wrapleft.gif) no-repeat 50px 0px;
	margin: 0;
	padding: 0;
}
#wrapright {
	background: url(../img/wrapright.jpg) no-repeat 901px 0px;
	width: 843px;
	padding: 0 58px 0 59px;
	margin: 0;
}

.singlecolumn, .doublecolumn, .triplecolumn {
	background-color: #fff;
	min-height: 372px;
	height: auto;
	margin: 0 1px 0 0;
	padding: 12px;
}
.singlecolumn {
	width: 256px;
	min-height: 384px;
	padding-top: 24px;
	padding-bottom: 0;
	float: left;
	display: inline;
}
.doublecolumn {
	background: url(../img/bgcontent.jpg) no-repeat #fff;
	width: 513px;
	padding: 24px;
	float: left;
	display: inline;
}
.triplecolumn {
	background: url(../img/bgcontent.jpg) no-repeat #fff;
	width: 694px;
	padding: 24px;
}
* html .singlecolumn {
	height: 384px;
}
* html .doublecolumn, * html .triplecolumn {
	height: 372px;
}

#footer {
	position: absolute;
	background: url(../img/footer.gif) no-repeat top center;
	width: 840px;
	height: 15px;
	margin-bottom: 15px;
	padding: 15px 65px 0px 55px;
	bottom: -36px;
	z-index: 10;
}

.clear {
	clear: both;
}