/*
Index:

-Main layout
-Content layout
-Main navigation
-Sub navigation
-boekpagina navigation
-onderbalk navigation
*/

#email {
   font-family: Arial, Helvetica, sans-serif;
   font-size:13px;
   line-height:20px;
}

/*main layout*/
body {
	background-color: #F9F8F0;
	color: #333;
	margin: 0;
	padding: 0;
	color:#333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:20px;
	}

td {
	color:#333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:20px;
}	

#bg_image {
	padding: 0;
	margin: 0;
	background-image:  url("img/background.gif");
	background-repeat: repeat-y;
	background-position: top left;
	}

#bg_image_boekpagina {
	padding: 0;
	margin: 0;
	background-image:  url("img/background_boekpagina.gif");
	background-repeat: repeat-y;
	background-position: top left;
	}

#menu {
	float: left;
	width: 258px;
	padding-left: 1px;
	}

#footer {
	clear: both;
	width: 100%;
	text-align: center;
	}

/*
#loading_padding{
	padding-top: 500px;
}
*/

h1, h2 {
	font-family: "Trebuchet MS", verdana, lucida, arial, helvetica, sans-serif;
	color: #6F600F;
}

h1 {
	font-size: 16px;
	margin-bottom: 10px;

}

h2 {
	font-size: 13px;
	letter-spacing: 2px;
	border-bottom: 1px dotted #6F600F;
	margin-bottom: -8px;
}

/*main layout*/

/*Begin Content layout*/
#content {
	width: 502px;
	padding: 0px;
	color:#333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:20px;
	}

p{
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:20px;
}

#contentboekpagina {
	position:absolute;
	margin-left: 142px;
	margin-top: 90px;
	padding: 0px;
	border: 0px;
	}

#textfield{
	padding: 20px;
	width: 500px;
}

#breadcrumbs {
	color: #979276;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	margin-left: 25px;
	margin-top: 25px;
	background: #F9F8F0;
	width: 400px;
	padding-left: 5px;
	border: 1px solid #B3A372;
	}
	
a.breadcrumblink{
	color: #C5B24A;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	text-decoration:none;
	}

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

a.titellink{
	color: #C5B24A;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	}

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

a.boeklink{
	color: #918548;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	text-decoration:none;
	}
	
a.textlink{
	color: #918548;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	text-decoration:none;
	}
	
a.textlink:hover{
	text-decoration:underline;
	}

a.boektitellink{
	color: #918548;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	text-decoration:none;
	}

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

a.boeklink:hover{
	text-decoration:underline;
	}
	
#menu address{
	padding-left:20px;
	padding-bottom:10px;
	display:block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #918548;
	font-size:9px;
	line-height:12px;
	}
	
a.adreslink{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #918548;
	font-size:9px;
	text-decoration:none;
	}

a.adreslink:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #918548;
	font-size:9px;
	text-decoration:underline;
	}
	
#logo{
	font-family: Comic Sans MS;
	font-size: 11px;
}
/*End Content layout*/

/*begin main navigation*/		
#navposition{
	width: 523px;
	position:absolute;
	margin-left:257px;
	}

#navpositionboek{
	width: 650px;
	position:absolute;
	margin-left:133px;
	}


#nav {
	margin: 0;
	padding: 0;
	height: 68px;
	list-style: none;
	display: block;
	overflow: hidden;
	}

#nav li {
	margin: 0; 
	padding: 0;
 	list-style: none;
	display: inline;
	}

#nav a {
	float: left;
	padding: 68px 0 0 0;
	display: block;
	overflow: hidden;
	height: 68px !important;
	height /**/:68px; /* for IE5/Win only */
	}

#nav a:hover{
	background-position: 0 -68px;
	}

#nav a:active, #nav a.selected {
	background-position: 0 -68px;
	}

#navhomepage a  {
	width: 174px;
	background: url(../img/nav_homepage.jpg) top left no-repeat;
	}

#navhetbedrijf a  {
	width: 174px;
	background: url(../img/nav_hetbedrijf.jpg) top left no-repeat;
	}
	
#navcontact a  {
	width: 174px;
	background: url(../img/nav_contact.jpg) top left no-repeat;
	}
	
#navhomepageboek a  {
	width: 216px;
	background: url(../img/nav_homepageboek.jpg) top left no-repeat;
	}

#navhetbedrijfboek a  {
	width: 215px;
	background: url(../img/nav_hetbedrijfboek.jpg) top left no-repeat;
	}
	
#navcontactboek a  {
	width: 215px;
	background: url(../img/nav_contactboek.jpg) top left no-repeat;
	}
/*End main nav*/

/*Begin sub nav*/

#subnavpositionhetbedrijf{
	width:523px;
	display: block;
	position:absolute;
	margin-left: 257px;
	margin-top: 68px;
	}

#subnavpositionhetbedrijfboek{
	width:650px;
	display: block;
	position:absolute;
	margin-left: 133px;
	margin-top: 68px;
	}

#subnavpositioncontact{
	width:529px;
	display: block;
	position:absolute;
	margin-left: 257px;
	margin-top: 68px;
	}

#subnav {
	margin: 0;
	padding: 0;
	height: 17px;
	list-style: none;
	display: block;
	overflow: hidden;
	}

#subnav li {
	margin: 0; 
	padding: 0;
  list-style: none;
	display: inline;
	}

#subnav a {
	float: left;
	padding: 17px 0 0 0;
	display: block;
	overflow: hidden;
	height: 17px !important; 
	height /**/:17px; /* for IE5/Win only */
	}

#subnav a:hover{
	background-position: 0 -17px;
}

#subnav a:active, #subnav a.selected {
	background-position: 0 -17px;
	}

#subnavprofiel a {
	width: 104px;
	background: url(../hetbedrijf/img/profiel.gif) top left no-repeat;
	}

#subnavsales a {
	width: 105px;
	background: url(../hetbedrijf/img/sales.gif) top left no-repeat;
	}

#subnavdetachering a {
	width: 104px;
	background: url(../hetbedrijf/img/detachering.gif) top left no-repeat;
	}

#subnavgaming a {
	width: 104px;
	background: url(../hetbedrijf/img/gaming.gif) top left no-repeat;
	}

#subnavuitgeverij a {
	width: 261px;
	background: url(../hetbedrijf/img/uitgeverij.gif) top left no-repeat;
	}

#subnavvacatures a {
	width: 261px;
	background: url(../hetbedrijf/img/vacatures.gif) top left no-repeat;
	}

#subnavsalesboek a {
	width: 129px;
	background: url(../hetbedrijf/img/salesboek.gif) top left no-repeat;
	}

#subnavdetacheringboek a {
	width: 129px;
	background: url(../hetbedrijf/img/detacheringboek.gif) top left no-repeat;
	}

#subnavgamingboek a {
	width: 129px;
	background: url(../hetbedrijf/img/gamingboek.gif) top left no-repeat;
	}

#subnavuitgeverijboek a {
	width: 323px;
	background: url(../hetbedrijf/img/uitgeverijboek.gif) top left no-repeat;
	}

#subnavvacaturesboek a {
	width: 323px;
	background: url(../hetbedrijf/img/vacaturesboek.gif) top left no-repeat;
	}


#subnavcontactgegevens a {
	width: 174px;
	background: url(../contact/img/contactgegevens.gif) top left no-repeat;
	}

#subnavroutebeschrijving a {
	width: 174px;
	background: url(../contact/img/routebeschrijving.gif) top left no-repeat;
	}

#subnavreactieformulier a {
	width: 174px;
	background: url(../contact/img/reactieformulier.gif) top left no-repeat;
	}

#subnavreactieformulier a {
	width: 174px;
	background: url(../contact/img/reactieformulier.gif) top left no-repeat;
	}

#subnavreactieformulier a {
	width: 174px;
	background: url(../contact/img/reactieformulier.gif) top left no-repeat;
	}

#subnavreactieformulier a {
	width: 174px;
	background: url(../contact/img/reactieformulier.gif) top left no-repeat;
	}
/*End sub nav*/

/*Begin boekpagina nav*/
#boekpaginanav{

	border-top: 1px solid #A69D62;
	border-bottom: 1px solid #A69D62;
	background-color:#F6F2E9;
	padding-left:18px;
	padding-bottom:24px;
	display:block;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #918548;
	font-size:12px;
	width: 114px;
}
/*End boekpagina nav*/

/*Begin onderbalk nav*/

#onderbalknav a:hover{
	background-position: 0 -23px;
	}

#onderbalknav {
	margin: 0;
	padding: 0;
	height: 23px;
	list-style: none;
	display: block;
	overflow: hidden;
	}

#onderbalknav li {
	margin: 0; 
	padding: 0;
  list-style: none;
	display: inline;
	}

#onderbalknav a {
	float: left;
	padding: 23px 0 0 0;
	display: block;
	overflow: hidden;
	height: 23px !important; 
	height /**/:23px; /* for IE5/Win only */
	}

#onderbalknavprint a {
	width: 87px;
	background: url(../img/print.gif) top left no-repeat;
	}

#onderbalknavemail a {
	width: 78px;
	background: url(../img/email.gif) top left no-repeat;
	}

#onderbalknavdisclaimer a {
	width: 92px;
	background: url(../img/disclaimer.gif) top left no-repeat;
	}

#onderbalknavcopyright a{
	width: 523px;
	background: url(../img/copyright.gif) top left no-repeat;
	}
/*End onderbalk nav*/


.formulierveld {
	font-family: Verdana, Arial, Helvetica, san-serif;
	font-size: 8pt;
	color: #7C5B0F;
	background-color: #F9F8F0;
	padding-left: 2px;
	border: inset 1px #E2E1D6;
}

.formulierbutton {
	font-family: "Trebuchet MS", verdana, lucida, arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	letter-spacing:1px;
	color: #665829;
	padding-left: 5px;
	padding-right: 5px;
	border:1px solid #7D6F22;
	background-color: #F9F8F0;
	cursor:pointer;
}

form {
	margin: 0;
}

.red{
	color:#FF0000;
}

.vet11px {
	font-weight:bold;
	font-size:11px;
}