/* 
Titel:		Vaes Management & Advies main stylesheet
Auteur:		Richard Jaspars | bitbloxx.nl
====================================================================== */

/* Resets
====================================================================== */

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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;}

body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse; border-spacing: 0;}

/* general settings
====================================================================== */

html {background: #fff; color: #000;}
body {font-family: arial, helvetica, sans-serif; font-size: 100%;}
a {color: #222; border-bottom: none; text-decoration: none;}
a:hover {color: #222;}

/* colors: lime-green: #c1d72d */


/* lay-out
====================================================================== */

#wrapper {width: 960px; margin: 0 auto;}
#header {width: 960px; height: 236px;}
#content_wrap {width: 960px; }
#content {width: 580px; float: left;}
#sidebar {width: 300px; float: left; margin-right: 80px;}

/* typography
====================================================================== */
h1 {height: 236px; background: url(../graphics/header_logo.jpg) 0 0 no-repeat; text-indent: -9999px;}
h3 {margin-bottom: 20px;}
h4.advlist {text-decoration: underline;}

#content a {border-bottom: 2px solid #ccc;}
#content a:hover {background: #c1d72d; border-bottom: 2px solid #c1d72d;}

#content p {font-size: 14px; line-height: 20px; margin-bottom: 15px; }
#content p.cv {background: #eee; padding: 10px 20px; border: 1px solid #222;}

#content ul {margin: 10px 0 10px 15px; font-size: 14px;}
#content ul li {line-height: 20px; list-style: square;}
#content ul.lss {width: 510px; height: 266px; padding: 70px 0 0 30px; background: url(../graphics/lean_six_sigma.jpg) top right no-repeat;}

#sidebar ul {margin: 0 0 50px 40px; font-size: 25px;}
#sidebar ul li a {line-height: 35px; padding-left: 20px;}
#sidebar ul li.currentitem {}
#sidebar ul li a:hover {color: #c1d72d;}
#sidebar ul li a.currentpage {color: #c1d72d; background: url(../graphics/list_item.jpg) left center no-repeat;}

#contact {height: 232px; background: url(../graphics/contact_back.jpg) 0 0 no-repeat; margin-left: 30px; }
#contact h2 {margin-left: 20px; padding: 15px 0 2px 0;}
#contact p {padding: 10px 0 50px 0; margin-left: 20px; font-size: 14px; line-height: 21px; }
#contact a {border-bottom: 1px solid #222;}
#contact a:hover {border-bottom: 2px solid #222;}


#content h2.title {text-indent: -9999px; height: 69px; padding: 0 0 10px 0;}
h2.pagetitle_vaes {background: url(../graphics/title_vaes.jpg) 0 0 no-repeat;}
h2.pagetitle_im {background: url(../graphics/title_im.jpg) 0 0 no-repeat;}
h2.pagetitle_advies {background: url(../graphics/title_advies.jpg) 0 0 no-repeat;}
h2.motto {background: url(../graphics/motto.jpg) 0 0 no-repeat; text-indent: -9999px; height: 62px; margin-top: 20px;}

.photo {float: right; padding: 5px; border: 10px solid #eee; margin: 0 0 10px 33px;}