/* @override 
	http://immarketing.jonnoriekwel.nl/css/main.css
	http://www.immarketing.nl/css/main.css
*/

* {
	margin: 0;
	padding: 0;
}

/* CONFIG */

html {
	
}

body {
	color: #333333;
	font: 12px/1.6em Helvetica, Arial, Geneva, sans-serif;
	background: #eae7df url(../images/pattern.gif) repeat-y;
}

a:active, a:focus {
  outline: 0;
}

#footer a:hover, #content h2, #content em, #content b, a.leesverder, a  {
	color: #8ab023;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a.leesverder {
	text-align: right;
	display: block;
	margin-top: 10px;
	text-decoration: none;
}

a.leesverder:hover {
	text-decoration: underline;
}

ul {
	list-style-type: none;
}

ul.nrs {
}

ul.nrs li {
	list-style-type: decimal;
	list-style-position: outside;
	margin-left: 17px;
	_margin-left: 23px;
}

ul li {
	list-style-type: square;
	list-style-position: inside;
}

img {
	border-style: none;
}

img a {
	border-style: none;
}

p.resultaat {
	background-color: #faf7f1;
	border: 1px dashed #d8d5ce;
	padding: 3px 7px 2px;
	margin-bottom: 7px;
}

/* HEADER */

#header {
	height: 95px;
	background: #fff url(../images/headers/header.jpg) no-repeat 0 0;
}

/* NAVIGATION */

#navigation {
	background-image: url(../images/navigation_bg.jpg);
	height: 39px;
}

#navigation ul {
	list-style-type: none;
}

#navigation ul li {
	float: left;
	list-style-type: none;
}

#navigation ul li a.introductie {
	width: 79px;
	height: 39px;
	display: block;
	margin-right: 20px;
	background: url(../images/navigation.jpg) 0 0;
}

#navigation ul li a.introductie:hover {
	width: 79px;
	height: 39px;
	display: block;
	background: url(../images/navigation.jpg) 0 -41px;
}

#navigation ul li a.nieuws {
	width: 46px;
	height: 39px;
	display: block;
	margin-right: 20px;
	background: url(../images/navigation.jpg) -80px 0;
}

#navigation ul li a.nieuws:hover {
	width: 46px;
	height: 39px;
	display: block;
	background: url(../images/navigation.jpg) -80px -41px;
}

#navigation ul li a.advies {
	width: 42px;
	height: 39px;
	display: block;
	margin-right: 20px;
	background: url(../images/navigation.jpg) -126px 0;
}

#navigation ul li a.advies:hover {
	width: 42px;
	height: 39px;
	display: block;
	background: url(../images/navigation.jpg) -126px -41px;
}

#navigation ul li a.indemedia {
	width: 72px;
	height: 39px;
	display: block;
	background: url(../images/navigation.jpg) -565px 0;
	margin-right: 20px;
}

#navigation ul li a.indemedia:hover {
	width: 72px;
	height: 39px;
	display: block;
	background: url(../images/navigation.jpg) -565px -41px;
}

#navigation ul li a.intrim {
	width: 46px;
	height: 39px;
	display: block;
	margin-right: 20px;
	background: url(../images/navigation.jpg) -168px 0;
}

#navigation ul li a.intrim:hover {
	width: 46px;
	height: 39px;
	display: block;
	background: url(../images/navigation.jpg) -168px -41px;
}

#navigation ul li a.werving {
	width: 124px;
	height: 39px;
	display: block;
	margin-right: 20px;
	background: url(../images/navigation.jpg) -322px 0;
}

#navigation ul li a.werving:hover {
	width: 124px;
	height: 39px;
	display: block;
	background: url(../images/navigation.jpg) -322px -41px;
}

#navigation ul li a.vacatures {
	width: 66px;
	height: 39px;
	display: block;
	margin-right: 20px;
	background: url(../images/navigation.jpg) -446px 0;
}

#navigation ul li a.vacatures:hover {
	width: 66px;
	height: 39px;
	display: block;
	background: url(../images/navigation.jpg) -446px -41px;
}
#navigation ul li a.activiteiten {
	width: 100px;
	height: 39px;
	display: block;
	margin-right: 0px;
	background: url(../images/navigation_imintelligent.jpg) -3px 0;
}

#navigation ul li a.activiteiten:hover {
	width: 100px;
	height: 39px;
	display: block;
	background: url(../images/navigation_imintelligent.jpg) -3px -41px;
}

#navigation ul li a.contact {
	width: 52px;
	height: 39px;
	display: block;
	background: url(../images/contact.jpg) -873px 0;
	margin-right: 20px;
}

#navigation ul li a.contact:hover {
	width: 52px;
	height: 39px;
	display: block;
	background: url(../images/contact.jpg) -873px -41px;
}

#navigation ul li a.overimmarketing {
	width: 85px;
	height: 39px;
	display: block;
	background: url(../images/navigation.jpg) -671px 0;
	margin-right: 20px;
}

#navigation ul li a.overimmarketing:hover {
	width: 85px;
	height: 39px;
	display: block;
	background: url(../images/navigation.jpg) -671px -41px;
}

#navigation ul li a.indemedia {
	width: 72px;
	height: 39px;
	display: block;
	background: url(../images/navigation.jpg) -565px 0;
	margin-right: 20px;
}

#navigation ul li a.indemedia:hover {
	width: 72px;
	height: 39px;
	display: block;
	background: url(../images/navigation.jpg) -565px -41px;
	margin-right: 20px;
}

#navigation ul li a.imhome {
	width: 70px;
	height: 39px;
	display: block;
	margin-right: 10px;
	background: url(../images/navigation_imhome.jpg) -15px 0;
}

#navigation ul li a.imhome:hover {
	width: 70px;
	height: 39px;
	display: block;
	background: url(../images/navigation_imhome.jpg) -15px -41px;
}



/* NAVIGATION2 */

#navigation2 {
	margin-top: 55px;
}

#navigation2 ul {
	list-style-type: none;
}

#navigation2 ul li {
	float: left;
	list-style-type: none;
}

#navigation2 ul li a.btn_vacatures {
	width: 108px;
	height: 108px;
	display: block;
	background: url(../images/navigation2.jpg) no-repeat 0 0;
	margin-right: 18px;
}

#navigation2 ul li a.btn_vacatures:hover {
	width: 108px;
	height: 108px;
	display: block;
	background: url(../images/navigation2.jpg) no-repeat 0 -108px;
}

#navigation2 ul li a.btn_advies {
	width: 108px;
	height: 108px;
	display: block;
	background: url(../images/navigation2.jpg) no-repeat -108px 0;
	margin-right: 18px;
}

#navigation2 ul li a.btn_advies:hover {
	width: 108px;
	height: 108px;
	display: block;
	background: url(../images/navigation2.jpg) no-repeat -108px -108px;
}
#navigation2 .activiteiten {
	float: right;
	height: 98px;
	width: 250px;
	background-color: #8fa536;
	border: 5px solid #FFFFFF;
	overflow: hidden;
	font-size: 11px;
}
#navigation2 .activiteiten div {
	margin: 5px 10px;
}


#navigation2 .activiteiten a {
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	margin: 4px 0px;
}
#navigation2 .activiteiten a:hover {
	text-decoration: underline;
}
#navigation2 .activiteiten .alle {
	margin-bottom: 0px;
	margin-top: 5px;
	text-align: right;
}





/* CONTENT */

#content {
	padding-top: 30px;
}

#content b {
	font-weight: normal;
	font-style: normal;
}

#content em {
	font-weight: normal;
	font-style: normal;
}

#content h1 {
	font-size: 12px;
	text-transform: uppercase;
	margin-bottom: 20px;
	font-style: normal;
	font-weight: normal;
}

#content h2 {
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 5px;
	text-align: left;
}

#content .left {
	width: 515px;
	float: left;
	padding-right: 30px;
}

#content .right {
	width: 221px;
	float: right;
	padding-left: 30px;
	border-left: 1px solid #d8d5ce;
}

/* _nieuws */

#nieuws {
	text-align: left;
}

#nieuws p.quote {
	padding: 3px 7px 2px;
	background-color: #faf7f1;
	margin-top: 2px;
	margin-bottom: 15px;
	border: 1px dashed #d8d5ce;
}

#nieuws p.quote b {
	color: #333333;
	font-weight: bold;
}

#nieuws li {
	list-style-type: square;
	list-style-position: inside;
}

#nieuws li.nodot {
	list-style-type: none;
}

#nieuws li img {
	float: left;
	margin-right: 7px;
	_margin-top: 1px;
}

#nieuws li img.iehack_mrgnrght {
	_margin-right: -9px;
}

/* _item */

.item {
	margin-bottom: 15px;
	border-bottom: 1px solid #d8d5ce;
	padding-bottom: 15px;
}

.noborder {
	border-bottom-style: none;
}


/* ADMIN */


input.width {
	width: 200px;
}

input.none {
	width: auto;
	margin-top: 7px;
	margin-right: 10px;
}


textarea.inleiding {
	height: 40px;
}

/* FOOTER */

#footer {
	margin-left: 60px;
	margin-top: 10px;
	margin-bottom: 10px;




}
#footer div{
	margin-left: 60px;
	margin-top: 10px;
	margin-bottom: 10px;

	font-size: 10px;
	font-style: italic;
	color: #b3b2ad;
	width: 797px;
	text-align: right;
}

#footer  div a {
	color: #b3b2ad;
	text-decoration: none;
}

#footer  a:hover {
}


/* CONTAINER */

.container {
	/*width: 797px;*/
	width: 835px;
	text-align: justify;
	padding-left: 60px;
	padding-right: 40px;
}

/* OTHER */

img.absolute {
	position: absolute;
	_margin-top: -1px;
}

.clear {
	clear: both;
}

a.btn_activiteiten {
	width: 108px;
	height: 108px;
	display: block;
	background: url(../images/activiteiten-knop.jpg) no-repeat 0 0;
	margin-right: 18px;
}

a.btn_activiteiten:hover {
	width: 108px;
	height: 108px;
	display: block;
	background: url(../images/activiteiten-knop.jpg) no-repeat 0 -108px;
}