@import url('search.css');
@import url('contact.css');

html, body {
	font-family: verdana, arial, sans-serif;	
	margin: 0px;
	font-size: 12px; 
	color: #036; 
	height: auto;
	background-color: white;
}

/* title ---------------- */

h1 {
	font-family: verdana, arial, sans-serif;
	font-size: 18px;
	color: #06F;
	text-decoration: none;
	font-weight: bold;
	margin: 30px 0 15px 0;
}
h2 {
	font-family: verdana, arial, sans-serif;	
	font-size: 14px;
	color: #036;
	text-decoration: none;
	font-weight: bold;
	margin: 20px 0 10px 0;
}
h3 {
	font-family: verdana, arial, sans-serif;	
	font-size: 12px;
	color: #036;
	text-decoration: none;
	font-weight: normal;	
}
.h4 {
	font-family: verdana, arial, sans-serif;	
	font-size: 11px;
	color: #036;
	text-decoration: none;
	font-weight: normal;	
}

.h2-layer {
	width: 468px;
	margin: 20px 0 3px 0;	
}
.h2-link {
	font-family: verdana, arial, sans-serif;
	font-size: 14px;
	color: #036;
	text-decoration: underline;
	font-weight: bold;
}
.h2-link:hover {
	color: #06F;
	text-decoration: underline;
}

.h3-layer {
	width: 468px;
	margin: 3px 0 5px 0;
}
.h3-link {
	font-family: verdana, arial, sans-serif;
	font-size: 12px;
	color: #06F;
	text-decoration: underline;
}
.h3-link:hover {
	color: #F90;
	text-decoration: underline;
}

/* list items ---------------- */

ul {
	margin: 10px 0px 15px 15px;
	list-style-type: disc;
}

p {
	margin: 0 0 15px 0;
}

.dottedline {
    border-bottom: 2px dotted #06F;
	margin: 15px 0 0 0;	
}

/* buttons ---------------- */

.knop_proefabonnement_aanvragen {
	background: url(../images/partners/arag_knop_proefabonnement_aanvragen.png) no-repeat;
	width: 230px;
	height: 26px;
	border: none;
}

.submit {	
	font-family: arial, verdana, sans-serif;
	font-size: 14px;
	background: #d5d5d5;
	color: #333;
	cursor: pointer;                      	
	height: 22px;
	width: 115px;
	border-top: solid 1px #B1B1B1;
	border-right: solid 1px #333;
	border-bottom: solid 1px #333;
	border-left: solid 1px #B1B1B1;
	padding: 2px 8px;  
}

.submit:hover {
	background: #39F;
	color: #FFF;
	border-top: solid 1px #F3F3F3;	
	border-right: solid 1px #333;
	border-bottom: solid 1px #333;
	border-left: solid 1px #F3F3F3;	
}


div#background {
	background: white url(../images/algemeen/background.gif) repeat-x;
	height: 2100px;
}

div#main-container {
	background-color: white;
	margin: 0 auto 0 auto;
	position: relative;
	height: 1000px;
	top: 25px;
	width: 982px;
	text-align: left;
}

div#menu-boven {
	background: url(../images/algemeen/header.png) no-repeat;
	position: relative;
	top: -10px;
	height: 130px;
	width: 100%;
	margin-bottom: -3px;
}
div#banner-header {
	background: url(../images/algemeen/banner.png) no-repeat;
	position: relative;
	height: 60px;
	width: 468px;
	left: 465px;
	top: 25px;
}


div#hoofdnavigatie {
	position: relative;
	width: 550px;
	left: 65px;
	top: 42px;
}
.hoofdnavigatie-link {
	font-family: arial, verdana, sans-serif;	
	font-size: 12px;
	color: #06F;
	font-weight: bold;
	text-decoration: none;
}
.hoofdnavigatie-link:hover {
	color: #F90;
	text-decoration: none;
}
.hoofdnavigatie-afscheiding {
	font-family: arial, verdana, sans-serif;	
	font-size: 12px;
	color: #666;
	font-weight: bold;
	text-decoration: none;
}


div#menu-zzp-profielen{
	background: white url(../images/algemeen/img-zzp-profielen.png) no-repeat;
	float: left;
	width: 360px;
	height: 109px;
}
div#menu-zzp-opdrachten{
	background: white url(../images/algemeen/img-zzp-opdrachten.png) no-repeat;		
	float: left;
	width: 342px;
	height: 109px;
} 
.profiel-opdracht-link {
	margin-left: 20px;
	margin-top: 4px;
	text-align: left;
}
.profiel-opdracht-button {
	margin-left: 75px;
	margin-top: 9px;
	text-align: left;
}
.profiel-opdracht-linkstyle {
	font-family: verdana, arial, sans-serif;	
	font-size: 20px;
	color: #FFF;
	text-decoration: none;
}
.profiel-opdracht-linkstyle:hover {
	color: #CCC;
	text-decoration: none;
}
.profielen-linkstyle-10 {
	font-family: verdana, arial, sans-serif;
	font-size: 10px;
	color: #033;	
	text-decoration: none;
}
.profielen-linkstyle-10:hover {
	color: #033;
	text-decoration: underline;
}
.profielen-linkstyle-11 {
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
	color: #033;	
	text-decoration: none;	
}
.profielen-linkstyle-11:hover {
	color: #033;
	text-decoration: underline;
}
.profielen-linkstyle-12 {
	font-family: verdana, arial, sans-serif;
	font-size: 12px;
	color: #033;	
	text-decoration: none;			
}
.profielen-linkstyle-12:hover {
	color: #033;
	text-decoration: underline;
}
.profielen-linkstyle-14 {
	font-family: verdana, arial, sans-serif;
	font-size: 14px;
	color: #033;	
	text-decoration: none;	
}
.profielen-linkstyle-14:hover {
	color: #033;
	text-decoration: underline;
}
.profielen-linkstyle-16 {
	font-family: verdana, arial, sans-serif;
	font-size: 16px;
	color: #033;	
	text-decoration: none;
}
.profielen-linkstyle-16:hover {
	color: #033;
	text-decoration: underline;
}


div#menu-onderwerpen{
	float: left;
	width: 247px;
	height: 100%;
}
div#menu-onderwerp-algemeen{
	background: white url(../images/algemeen/tab-zzp-algemeen.png) no-repeat;
	float: left;
	width: 280px;
	height: 109px;
}
div#menu-onderwerp-algemeen-img{
	background: white url(../images/algemeen/tab-zzp-algemeen-img.png) no-repeat;
	float: left;
	width: 33px;
	height: 1550px;
}
div#menu-onderwerp-agenda {
	background: white url(../images/algemeen/tab-zzp-agenda.png) no-repeat;
	float: left;
	width: 247px;
	height: 113px;
	margin-top: 2px;
}
div#menu-onderwerp-starter {
	background: white url(../images/algemeen/tab-zzp-starter.png) no-repeat;
	float: left;
	width: 247px;
	height: 113px;
}
div#menu-onderwerp-starter-uitkering {
	background: white url(../images/algemeen/tab-zzp-starter-uitkering.png) no-repeat;		
	float: left;
	width: 247px;
	height: 59px;	
}
div#menu-onderwerp-financieel {
	background: white url(../images/algemeen/tab-zzp-financieel.png) no-repeat;
	float: left;
	width: 247px;
	height: 113px;
}
div#menu-onderwerp-verzekering {
	background: white url(../images/algemeen/tab-zzp-verzekering.png) no-repeat;		
	float: left;
	width: 247px;
	height: 113px;	
}
.verzekering-bottom {
	background: white url(../images/algemeen/tab-zzp-verzekering-bottom.png) no-repeat;		
	float: left;
	width: 47px;	
	height: 113px;
}
div#button-verzekering-container {	
	float: left;
	width: 247px;
	height: 113px;	
}
.button-verzekering {
	float: left;
	margin-top: 9px;		
	margin-left: 5px;
}
div#menu-onderwerp-fiscaal {
	background: white url(../images/algemeen/tab-zzp-fiscaal.png) no-repeat;
	float: left;
	width: 247px;
	height: 113px;
}
div#menu-onderwerp-var-verklaring {
	background: white url(../images/algemeen/tab-zzp-var-verklaring.png) no-repeat;		
	float: left;
	width: 247px;
	height: 59px;	
}
div#menu-onderwerp-vakliteratuur {
	background: white url(../images/algemeen/tab-zzp-vakliteratuur.png) no-repeat;		
	float: left;
	width: 247px;
	height: 129px;	
}
div#menu-onderwerp-materieel {
	background: white url(../images/algemeen/tab-zzp-materieel.png) no-repeat;
	float: left;
	width: 247px;
	height: 113px;
}
div#menu-onderwerp-marketing {
	background: white url(../images/algemeen/tab-zzp-marketing.png) no-repeat;
	float: left;
	width: 247px;
	height: 113px;
}
.marketing-bottom {
	background: white url(../images/algemeen/tab-zzp-marketing-bottom.png) no-repeat;		
	float: left;
	width: 47px;	
	height: 138px;
}
div#button-website-container {	
	float: left;
	width: 247px;
	height: 138px;	
}
.button-website {
	float: left;
	margin-top: 11px;		
	margin-left: 5px;
}
div#menu-onderwerp-juridisch {
	background: white url(../images/algemeen/tab-zzp-juridisch.png) no-repeat;
	float: left;
	width: 247px;
	height: 113px;
}
div#menu-onderwerp-vereniging {
	background: white url(../images/algemeen/tab-zzp-vereniging.png) no-repeat;		
	float: left;
	width: 247px;
	height: 59px;	
}
div#menu-onderwerp-overig {
	background: white url(../images/algemeen/tab-zzp-overig.png) no-repeat;		
	float: left;
	width: 247px;
	height: 113px;	
}
div#menu-onderwerp-detachering {
	background: white url(../images/algemeen/tab-zzp-detachering.png) no-repeat;		
	float: left;
	width: 247px;
	height: 98px;
	margin-top: 2px;
}
div#menu-onderwerp-payrolling {
	background: white url(../images/algemeen/tab-zzp-payrolling.png) no-repeat;		
	float: left;
	width: 247px;
	height: 98px;
	margin-top: 2px;	
}


.onderwerp-link {
	margin-left: 12px;
	margin-top: 7px;
	margin-bottom: 11px;
	text-align: left;
}
.onderwerp-link-info {
	margin-left: 10px;
	margin-bottom: 5px;
	text-align: left;	
}
.onderwerp-linkstyle {
	font-family: arial, verdana, sans-serif;	
	font-size: 16px;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}
.onderwerp-linkstyle:hover {
	color: #F90;
	text-decoration: none;
}


.subonderwerp-link {
	margin-left: 20px;
	margin-top: 3px;
	margin-right: 25px;	
	text-align: left;	
}
.subonderwerp-linkaanw {
	font-family: verdana, arial, sans-serif;	
	font-size: 12px;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}
.subonderwerp-linkstyle {
	font-family: arial, verdana, sans-serif;	
	font-size: 12px;
	color: #036;
	text-decoration: none;
}
.subonderwerp-linkstyle:hover {
	color: #FFF;
	text-decoration: none;
}
.subonderwerp-linkstyle-red {
	font-family: arial, verdana, sans-serif;	
	font-size: 12px;
	color: #F00;
	text-decoration: none;
}
.subonderwerp-linkstyle-red:hover {
	color: #FFF;
	text-decoration: none;
}
.subonderwerpen-linkstyle {
	font-family: arial, verdana, sans-serif;	
	font-size: 12px;
	color: #036;
	font-weight: bold;
	text-decoration: none;
}
.subonderwerpen-linkstyle:hover {
	color: #FFF;
	text-decoration: none;
}


.onderwerp-deta-pay-tekststyle {
	font-family: verdana, arial, sans-serif;	
	font-size: 10px;
	color: #FFF;
	text-decoration: none;
	width: 188px;
	margin-left: 20px;
	margin-top: -5px;
	margin-bottom: 5px;
}


div#menu-paginanavigatie {
	background: white;
	float: left;
	width: 702px;
	height: 50px;
}
.paginanavigatie-logo {
	margin-left: -8px;
	margin-top: 10px;
	text-align: left;
	height: 30px;
}
.paginanavigatie {
	margin-left: 8px;
	margin-top: -23px;
	text-align: left;	
}
.paginanavigatie-tekst {
	font-family: arial, verdana, sans-serif;	
	font-size: 12px;
	color: #036;
	font-weight: bold;
	text-decoration: none;
}
.paginanavigatie-subtekst {
	font-family: arial, verdana, sans-serif;	
	font-size: 12px;
	color: #036;
	text-decoration: none;
}
.paginanavigatie-linkaanw {
	font-family: verdana, arial, sans-serif;
	font-size: 12px;
	color: #036;
	font-weight: bold;
	text-decoration: none;
}
.paginanavigatie-linkaanw-lb {
	font-family: verdana, arial, sans-serif;
	font-size: 12px;
	color: #06F;
	font-weight: bold;
	text-decoration: none;
}
.paginanavigatie-linkstyle {
	font-family: arial, verdana, sans-serif;
	font-size: 12px;
	color: #036;	
	text-decoration: underline;
}
.paginanavigatie-linkstyle:hover {
	color: #06F;
	text-decoration: underline;
}


div#inhoud-container {
	background-color: white;
	float: left;
	height: auto;
	width: 468px;
}
.inhoud-content {
	float: left;
	width: 468px;
}
.inhoudbalk-top-left {
	float: left;	
	height: 33px;
}
.inhoudbalk-top-right {
	float: left;
	height: 33px;
}
.inhoudbalk-subtekst {
	background-color: #069;
	float: left;
	height: 22px;
	width: 468px;
}
.inhoudbalk-subtekststyle {
	font-family: arial, verdana, sans-serif;
	font-size: 11px;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
	float: left;
	width: 450px;
	margin-left: 10px;
	margin-top: 4px;
}
.inhoud-adv-banner {
	float: left;
	width: 468px;
	height: 60px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.inhoud-adv-google {
	float: left;
	width: 250px;
	height: 250px;
	margin-top: 30px;
	margin-left: -12px;
}
.inhoud-adv-google-grote-rechthoek {
	float: left;
	width: 336px;
	height: 280px;
	margin-top: 30px;
}
.inhoud-content-left {
	float: right;
	width: 200px;
	height: auto;
	margin-top: 16px;
}
.content-lb-link {
	font-family: verdana, arial, sans-serif;
	font-size: 12px;
	color: #06F;
	text-decoration: none;
}
.content-lb-link:hover {
	color: #06F;
	text-decoration: underline;
}
.content-db-link {
	font-family: verdana, arial, sans-serif;
	font-size: 12px;
	color: #036;
	text-decoration: none;
}
.content-db-link:hover {
	color: #06F;
	text-decoration: underline;
}


.meer-info {
	float: right;
	width: 468px;
	margin-top: 10px;
	text-align: left;
}
.meer-subinfo {
	float: right;
	width: 445px;
	margin-top: 3px;
	text-align: left;
}
.gerelateerd {
	float: right;
	width: 468px;
	margin-top: 10px;
	text-align: right;
}
.lees-verder {
	float: right;
	width: 200px;
	margin-top: 15px;
	text-align: right;
}
.lees-verder-link {
	color: #06F;
	font-weight: bold;
	text-decoration: none;
}
.lees-verder-link:hover {
	color: #036;
	text-decoration: underline;
}


.nieuws-content {
	float: left;	
	width: 420px;
	margin-top: 11px;
	text-align: left;
}
.nieuws-content-link {
	color: #036;
	font-weight: bold;
	text-decoration: none;
}
.nieuws-content-link:hover {
	color: #06F;
	text-decoration: underline;
}
.nieuws-subcontent {
	float: left;
	width: 406px;
	margin-left: 62px;
}
.nieuws-datum {
	float: left;	
	width: 48px;
	margin-top: 11px;
	text-align: left;
}


div#zzp-layer {
	background: white url(../images/algemeen/zzp-gezocht.png) no-repeat;		
	float: left;	
	width: 468px;
	height: 60px;
	margin-top: 15px;
}
div#auteur-layer {
	background: white url(../images/algemeen/auteurs-gezocht.png) no-repeat;		
	float: left;	
	width: 468px;
	height: 60px;
	margin-top: 15px;
}
.auteur-content {
	float: right;
	width: 458px;
	margin-top: 6px;
	text-align: left;
}
.auteur-link {
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
	color: #036;
	text-decoration: underline;
}
.auteur-link:hover {
	color: #06F;
	text-decoration: underline;
}


.populair-linkstyle-10 {
	font-family: verdana, arial, sans-serif;
	font-size: 10px;
	color: #036;	
	text-decoration: none;
}
.populair-linkstyle-10:hover {
	color: #036;
	text-decoration: underline;
}
.populair-linkstyle-12 {
	font-family: verdana, arial, sans-serif;
	font-size: 12px;
	color: #036;	
	text-decoration: none;			
}
.populair-linkstyle-12:hover {
	color: #036;
	text-decoration: underline;
}
.populair-linkstyle-14 {
	font-family: verdana, arial, sans-serif;
	font-size: 14px;
	color: #036;	
	text-decoration: none;	
}
.populair-linkstyle-14:hover {
	color: #036;
	text-decoration: underline;
}
.populair-linkstyle-16 {
	font-family: verdana, arial, sans-serif;
	font-size: 16px;
	color: #036;	
	text-decoration: none;
}
.populair-linkstyle-16:hover {
	color: #036;
	text-decoration: underline;
}
.populair-linkstyle-18 {
	font-family: verdana, arial, sans-serif;
	font-size: 18px;
	color: #036;	
	text-decoration: none;
}
.populair-linkstyle-18:hover {
	color: #036;
	text-decoration: underline;
}
.populair-linkstyle-20 {
	font-family: verdana, arial, sans-serif;
	font-size: 20px;
	color: #036;	
	text-decoration: none;
}
.populair-linkstyle-20:hover {
	color: #036;
	text-decoration: underline;
}


div#partner-container {
	float: right;
	width: 190px;
	height: auto;
}
.partner-item {
	float: right;
	width: 190px;
	text-align: right;
}
.partner-subitem {
	background-color: #366;
	float: left;
	height: 22px;
	width: 190px;
	margin-top: 1px;
}
.partner-subitem-tekst {
	float: left;
	width: 170px;
	margin-left: 10px;
	margin-top: 3px;
}
.partner-subitem-link {
	font-family: arial, verdana, sans-serif;
	font-size: 11px;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}
.partner-subitem-link:hover {
	color: #F90;
	text-decoration: none;
}
.zzp-boekentip {
	float: left;
	width: 190px;
	height: 118px;
	margin-top: 2px;
}
.partner-skyscraper {
	float: right;
	width: 190px;
	height: 600px;
	margin-top: 20px;
	text-align: center;
}
.icon-item {
	float: left;
	margin: 15px 0 12px 0;
}
.partners {
	float: left;
	width: 190px;
	margin-top: 1px;
}

.tekststyle-grijs {
	font-family: verdana, arial, sans-serif;
	font-size: 12px;
	color: #666;	
	text-decoration: none;
}
.tekststyle-grijs-small {
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
	color: #999;	
	text-decoration: none;
}

div#boekentip-container {
	float: left;
	width: 468px;
}
.boekentip-layer-left {
	float: left;
	margin: 8px 30px 0 0; 
}
.boekentip-layer-right {
	float: right;
	width: 330px;
	height: auto;
	margin-top: -17px;
}
.dottedline-boekentip {
	float: left;
	width: 468px;
    border-bottom: 2px dotted #06F;
	margin: 15px 0 0 0;	
}


.vakblad-container {
	float: left;
	width: 468px;
	margin-top: 10px;
}
.vakblad-layer-left {
	float: left;
	margin: 2px 0 0 0; 
}
.vakblad-layer-right {
	float: right;
	width: 375px;
	height: auto;
}
.vakblad-h2-layer {
	width: 375px;
	margin: 0 0 3px 0;	
}
.vakblad-h3-layer {
	width: 375px;
	margin: 10px 0 0 0;	
}

/* footer ---------------- */

div#footer {
	background: white url(../images/algemeen/background-footer-zzp-centrum.png) repeat-x;
	height: 120px;
}
.footer-ondw {
	margin: 0 auto 0 auto;
	width: 980px;
	margin-top: 20px;
	text-align: center;
}
.footer-onderw-link {
	font-family: arial, verdana, sans-serif;
	font-size: 11px;
	color: #036;
	font-weight: bold;
	text-decoration: underline;
}
.footer-onderw-link:hover {
	color: #06F;
	text-decoration: underline;
}
.footer-tekst {
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
	font-style: italic;
	color: #036;
	text-decoration: none;
}
.footer-link {
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
	font-style: italic;	
	color: #036;
	text-decoration: underline;
}
.footer-link:hover {
	color: #06F;
	text-decoration: none;
}
.footer-subtekst {
	font-family: arial, verdana, sans-serif;
	font-size: 11px;
	color: #036;
	text-decoration: none;
}