html {
	background: #4E5441;
	color: #4e5441;
	padding: 0;
	font: 12px "Arial", Sans-Serif;
}

body {
	position: relative;
	background: #fff;
	margin: 0;
}

div#container {
	position: relative;
	width: 822px;
	background: #fff url("../gfx/site/bg.png") 55% 68px no-repeat;
	margin: 0 auto;
	padding: 0 0 30px 0;
}

/* Link opmaak */
a {
	color: #e26d0a;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

/* Form elements font style */
input, select, textarea, button, option {
	font-family: 		Arial;
	color: 				#000000;
	font-size: 			11px;
	margin-bottom: 		1px;
	margin-top: 		1px;
}

/* Standard width fitting for textarea and selectboxes */
textarea {
	border: 		1px solid #888888;
	width: 			362px;
	height: 		120px;
	padding: 		2px;
}

select {
 	border: 		1px solid #888888;
	width: 			216px;
	height: 		18px;
	padding: 		1px;
}

option {
	padding:		1px;
}

/* Standard width text input boxes */
.input_small {
 	border: 		1px solid #888888;
	width: 			50px;
	height: 		14px;
	padding: 		2px;
}

.input_medium {
 	border: 		1px solid #888888;
	width: 			150px;
	height: 		14px;
	padding: 		2px;
}

.input_regular {
 	border: 		1px solid #888888;
	width: 			210px;
	height: 		14px;
	padding: 		2px;
}

.input_large {
 	border: 		1px solid #888888;
	width: 			362px;
	height: 		14px;
	padding: 		2px;
}

/* Calendar input box and file input box */
.input_calendar {
 	border: 		1px solid #888888;
	width: 			180px;
	height: 		14px;
	padding: 		2px;
}

.input_file, input[type='file'] {
	width: 			221px;
	padding: 		2px;
}

/* Checkboxes */
input[type='checkbox'], input[type='radio'] {
	margin-left: 	4px;
}

/* Correct text blocks div for checkboxes and radio buttons */
div.radio_checkbox_div {
	padding-left: 	40px;
	text-indent: 	-45px;
}
div.radio_checkbox_div input {
	width:			40px;
}

/* Buttons */
button, input[type='submit'], .input_submit {

}

/* Calendar button */
button.calendar_button {
	padding-top:		0px;
	width: 				26px;
	height:				20px;
}

/* /Link opmaak */

/* Clear */
.clear {
	width: 1px;
	height: 1px;
	clear: both;
}
/* /Clear */

/* Images */
img {border: 0;}
/* /Images  */

/* Alinea */
p {
	margin: 0;
	padding: 7px 0;
}
/* /Alinea  */

/* Header  */
div#header {
	height: 69px;
	background: url("");
	padding: 0;
}
#zzp-logo {
	position: absolute;
	width: 134px;
	height: 129px;
	background: url("../gfx/site/zzp-logo.png") no-repeat;
	top: 0;
	right: 0;
	margin: 36px 0 0 0;
}
#opdracht-logo {
	position: absolute;
	width: 134px;
	height: 129px;
	background: url("../gfx/site/opdracht-logo.png") no-repeat;
	top: 0;
	right: 0;
	margin: 36px 0 0 0;
}
#zzp-paspoort {
	position: absolute;
	width: 134px;
	height: 129px;
	background: url("../gfx/site/zzp_paspoort.png") no-repeat;
	top: 0;
	right: 0;
	margin: 36px 0 0 0;
}
div#banner {
	margin: 10px 0 0 0;
}
/* /Header */

/* Menu  */
ul.menu {
	float: left;
	margin: 13px 14px 0 0;
	padding: 0;
	list-style: none;
}
ul.menu li {
	position: relative;
	float: left;
	margin: 0 10px 0 0;
}
ul.menu li a, ul.menu li div {
	float: left;
	height: 42px;
	color: #fff;
	font: 12px/32px "Arial", Sans-serif;
}
ul.menu li a:hover {text-decoration: none;}
ul#home {margin: 26px 14px 0 0;}
ul#home li {behavior: url("../hover.htc");}
ul#home li a, ul#home li div{
	background: url("../gfx/site/home_l.png") no-repeat left top;
}
ul#home li a span, ul#home li div span{
	float: left;
	height: 42px;
	background: url("../gfx/site/home_r.png") no-repeat right top;
}
ul#home li a span b, ul#home li div span b {
	float: left;
	height: 42px;
	background: url("../gfx/site/home_bottom.png") no-repeat bottom center;
	padding: 0 13px;
}
ul#home li:hover div.dropbox, ul#home li.hover div.dropbox {
	background: #575D4B url("../gfx/site/dropbox-top.png") no-repeat top left;
	margin: 0;
}
ul#home li:hover div.dropbox span, ul#home li.hover div.dropbox span {background: none;}
ul#home li:hover div.dropbox span b, ul#home li.hover div.dropbox span b{
	width: 199px;
	background: none;
}
ul#home li ul {display: none;}
ul#home li:hover ul, ul#home li.hover ul {
	width: 225px;
	top: 0;
	position: absolute;
	display: block;
	height: auto;
	background: #575D4B url("../gfx/site/dropbox-bottom.png") no-repeat bottom left;
	margin: 30px 0 0 0;
	padding: 0 0 10px 0;
	list-style: none;
	clear: both;
}
ul#home li:hover ul li, ul#home li.hover ul li {
	display: block;
	float: none;
	height: 20px;
	margin: 0;
	padding: 0 13px;
	clear: both;
}
ul#home li:hover ul li a, ul#home li.hover ul li a {
	color: #fff;
	height: 20px;
	background: none;
	font: 12px/20px "Arial", Sans-serif;
	margin: 0;
}
ul#home li:hover ul li a:hover, ul#home li.hover ul li a:hover {
	text-decoration: underline;
}
ul#opdracht li a {
	color: #4e5441;
	background: url("../gfx/site/opdracth-l.png") no-repeat left top;
}
ul#opdracht li a span {
	float: left;
	height: 42px;
	background: url("../gfx/site/opdracht-r.png") no-repeat right top;
}
ul#opdracht li a span b {
	float: left;
	height: 42px;
	padding: 0 13px;
}
ul#opdracht li a:hover span b, ul#opdracht li.active a span b {background: url("../gfx/site/opdracht-bottom.png") no-repeat bottom center;}
ul#opdracht li a:hover, ul#opdracht li.active a {
	color: #fff;
	background: url("../gfx/site/opdracht-l_active.png") no-repeat left top;
}
ul#opdracht li a:hover span, ul#opdracht li.active a span {background: url("../gfx/site/opdracht-r_active.png") no-repeat right top;}
ul#zzp li a {
	color: #4e5441;
	background: url("../gfx/site/zzp-l.png") no-repeat left top;
}
ul#zzp li a span {
	float: left;
	height: 42px;
	background: url("../gfx/site/zzp-r.png") no-repeat right top;
}
ul#zzp li a span b {
	float: left;
	height: 42px;
	padding: 0 13px;
}
ul#zzp li a:hover span b, ul#zzp li.active a span b {background: url("../gfx/site/zzp-bottom_active.png") no-repeat bottom center;}
ul#zzp li a:hover, ul#zzp li.active a {
	color: #fff;
	background: url("../gfx/site/zzp-l_active.png") no-repeat left top;
}
ul#zzp li a:hover span, ul#zzp li.active a span {background: url("../gfx/site/zzp-r_active.png") no-repeat right top;}
/* /Menu */

/* Content */
div#content {
	float: left;
	width: 625px;
	margin: 0 37px 10px 0;
	overflow: hidden;
}
div#content h1 {
	color: #74b547;
	margin: 5px 0 0 17px;
	padding: 0;
	font: 40px/38px "Calibri", Sans-serif;
}
div#content h1.zzp {color: #e36c0a;}
div#content h3 {
	color: #4e5441;
	margin: -17px 0 0 17px;
	padding: 0;
	font: 28px "Calibri", Sans-serif;
}
div#content .inner {
	background: url("../gfx/site/inner_bg.png") repeat-y;
	margin: -23px 0 0 0;
	padding: 0 20px;
}
div#content .inner3 {
	background: url("../gfx/site/inner_bg.png") repeat-y;
	margin: 0px 0 0 0;
	padding: 0 20px;
	font: 12px/18px "Arial", Sans-Serif;
}
ul#kruimel {
	width: 229px;
	height: 35px;
	background: url("../gfx/site/content-top.png") no-repeat;
	margin: 0 -20px;
	padding: 15px 0 0 396px;
	font: bold 10px "Verdana", Sans-serif;
	list-style: none;
	text-transform: uppercase;
}
ul#kruimel li {
	float: left;
	width: 30px;
	color: #fff;
	margin: 0 27px 0 0;
	text-align: center;
}
ul#kruimel li.active {color: #4e5441;}
ul#kruimel-zzp {
	width: 229px;
	height: 35px;
	background: url("../gfx/site/content-top2.png") no-repeat;
	margin: 0 -20px;
	padding: 15px 0 0 396px;
	font: bold 10px "Verdana", Sans-serif;
	list-style: none;
	text-transform: uppercase;
}
ul#kruimel-zzp li {
	float: left;
	width: 30px;
	color: #fff;
	margin: 0 27px 0 0;
	text-align: center;
}
ul#kruimel-zzp li.active {color: #4e5441;}

div#content .inner .bottom, div#content .inner3 .bottom {
	width: 625px;
	height: 16px;
	background: url("../gfx/site/inner_foot.png") no-repeat;
	margin: 0 -20px;
}
div#content  .inner-top {
	width: 625px;
	height: 14px;
	background: url("../gfx/site/inner_top.png") no-repeat;
	margin: 0 -20px;
}
div#content p.border {
	padding: 7px 0 10px 0;
	border-bottom: 1px dotted #C1C3BD;
	zoom: 1;
}
div#content .inner3 strong {
	display: block;
	margin: 20px 0 0 0;
}
form#steps {margin: 10px 0 0 0;}
form#steps div.left {
	float: left;
	width: 344px;
}
form#steps div label {
	display: block;
	height: 24px;
	color: #74b547;
	font: bold 12px/24px "Arial", Sans-serif;
}
form.zzp label {color: #e36c0a!important;}
form#steps div.left input.textfield {
	width: 271px;
	height: 23px;
	background: url("../gfx/site/input1.png") no-repeat;
	margin: 0;
	padding: 7px 5px 0 5px;
	font: 12px "Arial", Sans-serif;
	border: 0;
}
form#steps div.right {
	float: left;
	width: 245px;
	margin: 0 -15px 0 0;
}
form#steps div.right input.textfield {
	width: 231px;
	height: 23px;
	background: url("../gfx/site/input2.png") no-repeat;
	margin: 0;
	padding: 7px 5px 0 5px;
	font: 12px "Arial", Sans-serif;
	border: 0;
}
form#steps div.right input.textfield2{
	width: 121px;
	height: 23px;
	background: url("../gfx/site/input3.png") no-repeat;
	margin: 0;
	padding: 7px 5px 0 5px;
	font: 12px "Arial", Sans-serif;
	border: 0;
}

form#steps div.left input.textfield2  {
	width: 121px;
	height: 23px;
	background: url("../gfx/site/input3.png") no-repeat;
	margin: 0;
	padding: 7px 5px 0 5px;
	font: 12px "Arial", Sans-serif;
	border: 0;
}

form#steps button {
	margin: 35px 0 0 0;
	background: #fff;
	border: 0;
}
ul#ads {
	clear: both;
	margin: 41px 0 0 0;
	padding: 0;
	list-style: none;
}
ul#ads li {
	float: left;
	margin: 0 45px 0 0;
}

div#content .inner2 {padding: 20px 0 0 20px;}
.inner2 strong {
	display: block;
	color: #74b547;
}
.inner2 p {
	padding: 0 0 14px 0;
	font: 12px/18px "Arial", Sans-serif;
}
form#login, form#login-zzp {
	float: right;
	width: 159px;
	height: 154px;
	color: #fff;
	background: url("../gfx/site/form_bg.png") no-repeat;
	margin: 0 0 0 15px;
	padding: 0 0 0 14px;
}
form#login input.textfield, form#login-zzp input.textfield {
	float: left;
	width: 103px;
	height: 23px;
	color: #fff;
	background: url("../gfx/site/login-input.png") no-repeat;
	font: 12px "Arial", Sans-serif;
	margin: 0 6px 11px 0;
	padding: 7px 0 0 5px;
	border: 0;
}
form#login-zzp input.textfield {background: url("../gfx/site/login-input-zzp.png") no-repeat;}
form#login input.submit, form#login-zzp input.submit {
	float: left;
	width: 33px;
}
form#login  h2, form#login-zzp  h2 {
	color: #fff;
	margin: 9px 0 0px 0;
	padding: 0;
	font: 22px "Calibri", Sans-serif;
}
form#login  a, form#login-zzp  a {
	display: block;
	color: #fff;
	font-size: 11px;
	text-decoration: underline;
	clear: both;
}
form#login  a:hover, form#login-zzp  a:hover {text-decoration: none;}
div#gegevens {
	margin: 15px 0 0 0;
	padding: 0 0 20px 0;
	border-bottom: 1px dotted #C1C3BD;
}
div#gegevens strong.pers a {color: #575d4b;}
div#gegevens strong.pers {
	display: block;
	color: #575d4b;
	background: url("../gfx/site/persoonlijk.png") no-repeat 0 3px;
	font: bold 18px "Calibri", Sans-serif;
	margin: 0;
	padding: 0 0 0 23px;
}
div#gegevens .left {
	float: left;
	width: 263px;
}
div#gegevens .right {
	float: left;
	width: 319px;
}
div#gegevens strong.edit a {color: #575d4b;}
div#gegevens strong.edit {
	float: right;
	color: #575d4b;
	background: url("../gfx/site/edit.png") no-repeat 0 3px;
	font: bold 18px "Calibri", Sans-serif;
	margin: 0;
	padding: 0 0 0 23px;
	text-align: right;
}
div#gegevens .left ul {
	margin: 0;
	padding: 15px 0 0 0;
	list-style: none;
	clear: both;
}
div#gegevens .left ul li {
	font: 12px/18px "Arial",Sans-serif;
}
div#gegevens .left ul li b {
	color: #e36c0a;
	margin: 0 11px 0 0;
}
div#gegevens .right ul {
	margin: 0;
	padding: 15px 0 0 0;
	list-style: none;
	clear: both;
}
div#gegevens .right ul li{
	font: 12px/18px "Arial",Sans-serif;
}
div#gegevens .right ul li b {
	color: #e36c0a;
	margin: 0 11px 0 0;
}
div#documenten {}
div#documenten strong {
	display: block;
	color: #575d4b;
	background: url("../gfx/site/docs.png") no-repeat 0 3px;
	font: bold 18px "Calibri", Sans-serif;
	padding: 0 0 0 23px;
}
div#documenten ul {
	margin: 20px 0 40px 0;
	padding: 0;
	list-style: none;
}
div#documenten ul li {
	height: 74px;
}
div#documenten ul li.dark {background: #F4F4F4;}
div#documenten ul li .pdf {
	float: left;
	width: 56px;
	height: 62px;
	padding: 12px 0 0 0;
}
div#documenten ul li .pdf {background: url("../gfx/site/pdf.png") no-repeat 5px 18px;}
 div#documenten ul li.active .pdf {background: url("../gfx/site/pdf-active.png") no-repeat 5px 18px;}
div#documenten ul li .beschikbaar {
	float: left;
	width: 89px;
	height: 62px;
	color: #999999;
	padding: 12px 0 0 0;
	font-size: 11px;
	font-weight: bold;
}
div#documenten ul li .beschikbaar {background: url("../gfx/site/v.png") no-repeat 25px 36px;}
div#documenten ul li.active .beschikbaar {background: url("../gfx/site/v-active.png") no-repeat 25px 36px;}
div#documenten ul li .titel {
	float: left;
	width: 294px;
	height: 62px;
	padding: 12px 0 0 0;
	font-size: 11px;
}
div#documenten ul li .titel p {padding: 0;}
div#documenten ul li .titel b {color: #e36c0b;}
div#documenten ul li span {
	float: left;
	width: 62px;
	height: 62px;
	color: #818678;
	padding: 12px 0 0 0;
	font: bold 11px "Arial", Sans-serif;
}
div#documenten ul li a.delete {
	float: left;
	margin: 12px 0 0 0;
}
div#content div.zzp strong {color: #e36c0a!important;}
div#zzp-er {
	float: left;
	position: relative;
	width: 361px;
	height: 180px;
	background: url("../gfx/site/zzp-er.png") no-repeat;
	margin: 235px 14px 180px 0;
	padding: 22px 0 0 0;
}
div#zzp-er h4 {
	color: #fff;
	margin: 0 0 0 32px;
	padding: 0;
	font: 32px "Calibri", Sans-serif;
}
div#zzp-er p {
	color: #fff;
	margin: 0 32px;
	padding: 0;
	font: 12px/18px "Arial", Sans-serif;
}
div#zzp-er .login, div#opdrachtgever .login {
	position: absolute;
	bottom: 0;
	margin: 0 0 0 254px;
}
div#opdrachtgever {
	float: left;
	position: relative;
	width: 361px;
	height: 180px;
	background: url("../gfx/site/opdrachtgever.png") no-repeat;
	margin: 235px 14px 180px 0;
	padding: 22px 0 0 0;
}
a.vergeten {
	display: block;
	position: absolute;
	color: #fff;
	font: 11px/30px "Arial", Sans-serif;
	text-decoration: underline;
	margin: 0 0 0 132px;
	bottom: 0;
	left: 0;
}
a.vergeten:hover {text-decoration: none;}
div#opdrachtgever h4 {
	color: #fff;
	margin: 0 0 0 32px;
	padding: 0;
	font: 32px "Calibri", Sans-serif;
}

div#opdrachtgever p {
	color: #fff;
	margin: 0 32px;
	padding: 0;
	font: 12px/18px "Arial", Sans-serif;
}
div#opdrachtgever .login, div#opdrachtgever .login {
	position: absolute;
	bottom: 0;
	margin: 0 0 0 254px;
}
img {margin: 0 0 -3px 0;}
form#login-opdracht {
	position: absolute;
	width: 298px;
	height: 37px;
	background: url("../gfx/site/form-home.png") no-repeat;
	margin: 0 0 -43px 32px;
	padding: 6px 0 0 14px;
	bottom: 0;
	left: 0;
}
form#login-opdracht input.textfield {
	float: left;
	width: 98px;
	height: 23px;
	color: #fff;
	background: url("../gfx/site/input-home.png") no-repeat;
	margin: 0 5px 0 0;
	padding: 7px 5px 0 5px;
	font: 12px "Arial", Sans-serif;
	border: 0;
}
/* /Content  */

/* Right */
div#right {
	float: left;
	width: 160px;
	margin: 175px 0 0 0;
}
/* /Right  */

/* Footer */
div#footer {
	color: #ABAEA5;
	background: #4E5441;
	clear: both;
}
div#footer div.inner {
	width: 831px;
	padding: 0 0 0 9px;
	margin: 0 auto;
}
div#footer div.box {
	float: left;
	width: 265px;
	height: 185px;
	background: #565C4A url("../gfx/site/footer_bottom.png") no-repeat bottom left;
	margin: 19px 9px 20px 0;
	padding: 0 0 13px 0;
}
div#footer div.box h2 {
	color: #fff;
	font: 18px "Calibri", Sans-serif;
	margin: -2px 0 0 20px;
	padding: 0;
}
ul#nieuws {
	margin: 0 20px;
	padding: 0;
	list-style: none;
}
ul#nieuws  li {padding: 3px 0 5px 0;}
ul#nieuws  li.first-child {border-bottom: 1px dotted #686E5D;}
ul#nieuws  li span.datum {
	display: block;
	color: #e16b0a;
	text-align: right;
	font: bold 10px "Tahoma", Sans-serif;
}
div#footer div.box ul#nieuws  li h2,
div#footer div.box form#nieuwsbrief h2 {margin: -2px 0 0 0;}
div#footer div.box p {padding: 0 0 7px 0;}
div#footer div .top {
	height: 13px;
	background: url("../gfx/site/footer_top.png") no-repeat;
}
form#nieuwsbrief {
	margin: 0 20px;
	padding: 15px 0 0 0;
}
form#nieuwsbrief input.textfield {
	float: left;
	width: 142px;
	height: 24px;
	color: #9bbb59;
	background: url("../gfx/site/input_bg.png") no-repeat;
	margin: 4px 10px 8px 0;
	padding: 6px 0 0 9px;
	border: 0;
	clear: both;
}
form#nieuwsbrief input.submit {
	float: left;
	margin: 4px 0 0 0;
}
div#footer div.box  h2.service {margin: 13px 0 0 20px;}
ul#service {
	margin: 0 0 0 20px;
	padding: 0;
	list-style: none;
}
ul#service li {
	height: 22px;
	color: #ABAEA5;
	background: url("../gfx/site/list-image.png") 0 8px no-repeat;
	padding: 0 0 0 23px;
	font: 12px/22px "Arial", Sans-serif;
}
ul#service li a {
	color: #ABAEA5;
	text-decoration: underline;
}
ul#service li a:hover {text-decoration: none;}
/* /Footer  */

/* sIFR */

    .sIFR-active h1,
    .sIFR-active h2,
    .sIFR-active h3,
	.sIFR-active div#gegevens strong {
      visibility: hidden;
      font-family: Verdana;
    }

    .sIFR-active h1 {
		font-size: 40px;
    }

    .sIFR-active h2 {
      font-size: 18px;
    }

    .sIFR-active h3 {
      font-size: 28px;
    }

    .sIFR-active div#documenten strong {
		font-size: 18px;
		font-weight: bold;
	}
    .sIFR-active div#gegevens strong {
		font-size: 18px;
		font-weight: bold;
    }

    .sIFR-active h5#pullquote {
      font-size: 24px;
    }

/* Stefano */
p.message {
	color: 			#000;
	width:			550px;
	border:			2px solid #73b547;
	margin-bottom:	8px;
	padding:		4px;
}
p.error_message {
	color: 			#ff0000;
	width:			550px;
	border:			2px solid #e26d0a;
	margin-bottom:	8px;
	padding:		4px;
}
ul#extranet{ text-align: left; margin:0px;padding:0px;}
ul#extranet li{ display: inline; margin-left: 3px; padding-left: 3px; border-left: 1px dotted #C1C3BD; }
ul#extranet li.first{ border-left: 0; }
div.document_item{
	border-top: 1px dotted #C1C3BD;
}
/* /Stefano */