html, body {
	height:100%;
	}

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-size: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	vertical-align: baseline;
}
a img, :link img, :visited img {
	border: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

q:before, q:after,
blockquote:before, blockquote:after {
	content: "";
}

/* ----------------------------------------------------------------------------- */
/* ---------------------------- FONT ------------------------------------------- */
/* ----------------------------------------------------------------------------- */

a,
a:link,
a:visited,
a:active {
    color: #053c0c;
}

a:focus, a:active {
      outline: 0 none;
      -moz-outline: 0 none;
}


h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight:bold;
	color: #fff;
	margin-bottom: 18px;
}
h2 {
	font-size: 16px;
	font-weight:bold;
	color: #fff;
}
h3 {
	font-size: 16px;
	color: #fff;
}
h4 {
	font-size: 14px;
	font-weight:bold;	
	color: #fff;	
}
h5 {
	font-size: 14px;
	color: #fff;
}
h6 {
	font-size: 12px;
	color: #fff;	
}

/* ----------------------------------------------------------------------------- */
/* ---------------------------- BASE-------------------------------------------- */
/* ----------------------------------------------------------------------------- */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	color: #000;
	padding:0;
	margin:0;
	text-align:center;	
	min-width:960px;
}

#outer{
	height:100%;
	min-height:100%;
	width:960px;
	text-align:left;
	margin:auto;
	position:relative;
	background:#fff;
}
 
html>body #outer{height:auto;} /*for mozilla as IE treats height as min-height anyway*/
#innerwrap {/* enables content first */
	float:left;
	width:960px;	
}


/* ----------------------------------------------------------------------------- */
/* ---------------------------- TOP -------------------------------------------- */
/* ----------------------------------------------------------------------------- */

#header{
	position:absolute;	
	top:0px;
	width:960px;
	height:100px;
	background:#FFFFFF;
	color: #000000;

}

#logo {
	position:absolute;
	top:0;
	left:0;
	width:312px;
	height:82px;
	background:url(/images/logo_vlmg.jpg) no-repeat;
}


#logo a {
	display:block;
	width:100%;
	height:100%;
}

/* ----------------------------------------------------------------------------- */
/* --------------------------- LINKS ------------------------------------------- */
/* ----------------------------------------------------------------------------- */

#left {
	
}

/* ----------------------------------------------------------------------------- */
/* -------------------------- FOOTER ------------------------------------------- */
/* ----------------------------------------------------------------------------- */

#footer {
	width:960px;
	clear:both;
	height:60px;
	position: absolute;
	left:0;
	bottom:0;
}

#uwpartner {
	float:left;
	width:370px;
	margin-left: 95px;
	_margin-left: 48px;
	font-weight:bold;
	font-size:11px;
	color:#808080;
}

#footertxt {
	float:left;
	text-align:right;
	height:20px;
	width:400px;
	color:#808080;
	font-size:10px;
}

#footertxt a {
	font-size:9px;
	color:#808080;
	text-decoration:none;
}

* html #footer {/*only ie gets this style*/
	\height:80px;/* for ie5 */
}

div,p  {margin-top:0}/*clear top margin for mozilla*/

/* ----------------------------------------------------------------------------- */
/* --------------------------- CONTENT ----------------------------------------- */
/* ----------------------------------------------------------------------------- */

#centrecontent {
	width:960px;
	float:left;
	padding-top:100px;
}

#beeld {
	position:relative;
	width:960px;
	height:170px;
}

.beeldbij 			{	background:url(/images/beeld_bij_klein.jpg) no-repeat;		}
.beeldinternet 	{	background:url(/images/beeld_internet_klein.jpg) no-repeat;	}
.beeldcrossmedia 	{	background:url(/images/beeld_crossmedia_klein.jpg) no-repeat;	}
.beeldprint 		{	background:url(/images/beeld_print_klein.jpg) no-repeat;		}
.beelddrukwerk 	{	background:url(/images/beeld_drukwerk_klein.jpg) no-repeat;	}
.beelddirectmail	{	background:url(/images/beeld_directmail_klein.jpg) no-repeat;	}
.beeldxpression 	{	background:url(/images/beeld_xpression_klein.jpg) no-repeat;	}
.beeldxlprinting 	{	background:url(/images/beeld_xlprinting_klein.jpg) no-repeat;	}
.beeldsign 		{	background:url(/images/beeld_sign_klein.jpg) no-repeat;	}

#content {
	float:left;
	width:840px;
	font-size:11px;
	color:#fff;
	line-height:18px;
	margin: 25px 0px 90px 95px;
	_margin: 25px 0px 90px 48px;	
}

#titel {
	font-size:18px;
	color:#888888;
	height: 40px;
}	

#content_rechts {
	float:left;
	width:570px;
	margin: 0px 0px 20px 20px;
	color:#888888;
}

#content a {
	font-size:11px;
	color: #ed1e79;
	text-decoration:none;
}

#clearfooter {width:100%;height:32px;clear:both} /* to clear footer */


/* ----------------------------------------------------------------------------- */
/* ------------------------------ ZOEKEN TOP ----------------------------------- */
/* ----------------------------------------------------------------------------- */	

#zoeken {
	position:absolute;
	top: 40px;
	right: 10px;
	width: 200px;
	height: 18px;
}

#zoekenveld {
	float:left;
	width: 125px;
	height: 16px;
	border:1px solid #7f7f7f;
}

#zoekenknop {
	float:left;
	width: 18px;
	height: 18px;
	border:1px solid #000;
	margin-left:0px;
}

/* ----------------------------------------------------------------------------- */
/* -------------------------- TOP NAVIGATIE ------------------------------------ */
/* ----------------------------------------------------------------------------- */	

.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
	position:		absolute;
	top:			42px;
	right: 			77px;
	height: 15px;
	float:			left;
	margin-bottom:	1em;
	z-index:		9999;
}

.sf-menu li {
	height: 20px;	
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			12em;
	border: 1px solid #999999;
	z-index:		9999;
}
.sf-menu ul li {
	width:			100%;
	border-bottom:	1px solid #999999;		
	height:25px;
	text-decoration:none;	
}

.sf-menu ul li.last {
	border-bottom:	none;
}

.sf-menu li:hover {
	visibility:		inherit;
	color:#0066CC;
}
.sf-menu li {
	float:			left;
	position:		relative;
	z-index:		9999;	
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			10px;
	top:			20px;
	z-index:		9999;
	width:			220px;
	
}

.sf-menu ul li a:focus, .sf-menu ul li a:hover, .sf-menu ul li a:active {
	background:		#ff0086;
	outline:		0;
	color:#fff;
}

.sf-menu li a {
	padding: 		.0em 1em;
	text-decoration:none;
}

.sf-menu ul li a {
	height:15px;
	padding-top:5px;
	padding-bottom: 4px;
	text-decoration:none;
}

.sf-menu a, .sf-menu a:visited  {
	color:			#000;
}
.sf-menu li {

}
.sf-menu li li {
	background:		#fff;
	width:			220px;
}


/* ----------------------------------------------------------------------------- */
/* ------------------------- HOOFD NAVIGATIE ----------------------------------- */
/* ----------------------------------------------------------------------------- */	

#hoofdnavigatie {
	position:relative;
	height:70px;
	z-index:1;
}

#hoofdnavigatie ul {
	width: 960px;
	height:30px;
	margin-left:0px;
}

#hoofdnavigatie li {
	float:left;
	list-style:none;
	width:115px;
	height:23px;
	padding: 7px 0px 0px 5px;
	cursor:pointer;
}

#hoofdnavigatie a {
	display:block;
	text-decoration:none;
	height:100%;
	width:100%;
	font-size: 13px;
	color:#fff;
}

.bij 		{ background-color:#ed1e79; }
.internet 	{ background-color:#9abd00; }
.crossmedia { background-color:#ffb600; }
.print 		{ background-color:#e8145a; }
.drukwerk 	{ background-color:#ff7724; }
.directmail { background-color:#29abff; }
.xpression 	{ background-color:#cccc00; }
.xlprinting { background-color:#0071bc; }
.sign { background-color:#7800ff; }

#payoff {
	float:left;
	width:220px;
	height: 30px;
	margin:10px 0px 0px 95px;
	_margin:10px 0px 0px 48px;
}

.payoffbij 		{	background:url(/images/be_bij.png) no-repeat; 		}
.payoffinternet 	{	background:url(/images/be_internet.png) no-repeat; 	}
.payoffcrossmedia 	{	background:url(/images/be_crossmedia.png) no-repeat; 	}
.payoffprint 		{	background:url(/images/be_print.png) no-repeat; 		}
.payoffdrukwerk 	{	background:url(/images/be_drukwerk.png) no-repeat; 	}
.payoffdirectmail 	{	background:url(/images/be_directmail.png) no-repeat; 	}
.payoffxpression 	{	background:url(/images/be_xpression.png) no-repeat; 	}
.payoffxlprinting 	{	background:url(/images/be_xlprinting.png) no-repeat; 	}
.payoffsign 		{	background:url(/images/be_sign.png) no-repeat; 		}

#brood {
	float:left;
	width: 600px;
	height: 15px;
	margin-top:15px;	
	font-size:10px;
	color:#fff;
}

#brood a {
	display:inline;
	height:auto;
	width:auto;
	text-decoration:none;	
	font-size:10px;
	color:#fff;
}

/* ----------------------------------------------------------------------------- */
/* ------------------------- LINKS NAVIGATIE ----------------------------------- */
/* ----------------------------------------------------------------------------- */	


#nav {
	float:left;
	width:200px;
	margin-top: 30px;
}

#nav ul {
	margin: 0px;
	padding: 0px;
}

#nav ul ul {
	display:none;
}

#nav ul li.selected ul {
	display:block;
}

#nav li {
	list-style: none;
	text-align:left;
	width:200px;
	padding:1px 0px 1px 0px;
}

#nav li li {
	list-style: none;
	text-align:left;
	width:200px;
	padding:0px 0px 0px 10px;
}

#nav li.selected a, #nav li a:hover, #nav li.selected li.selected a, #nav li.selected li a:hover {
	color:#ed1e79;
}

#nav li.selected li a {
	color:#888888;
}

#nav li a {
	font-size:11px;
	color:#888888;
	text-decoration:none;	
}