/* style.css
** sheet style from Martijn van Namen
*/

/* standard elements */

/* default links */
A:hover {color: #d50000; text-decoration: underline; }
A:link.menu { font-family: Arial; font-size: 14px; color: #FFFFFF; text-decoration: none;}
A:hover.menu { font-family: Arial; font-size: 14px; color: #FFFFFF; text-decoration: none;}

A:link.menu2 { font-family: Verdana, Arial; font-size: 11px; color: #d50000; text-decoration: none}
A:hover.menu2 { font-family: Verdana, Arial; font-size: 11px; color: #888888; text-decoration: none}

A:link.gmenu { font-family: Arial; font-size: 13px; color: #006C6F; text-decoration: none}
A:hover.gmenu { font-family: Arial; font-size: 13px; color: #000000; text-decoration: none}

A:link.ecpage { font-family: Arial; font-size: 9px; color: #888888; text-decoration: none}
A:hover.ecpage { font-family: Arial; font-size: 9px; color: #FFFFFF; text-decoration: none}

A:link.boxheader { font-family: Arial; font-size: 24px; color: #808080; text-decoration: none}
A:hover.boxheader { font-family: Arial; font-size: 24px; color: #d50000; text-decoration: none}

/* Style definitions */
.bg1 { background: #800; color: #F2F2F2;}
.bg2 { background: #F2F2F2;}
.bg3 { background: #006C70;}
.bg4 { background: #F1EFE0;}

.menu { font-family: Arial; font-size: 14px; color: #FFFFFF; text-decoration: none}
.menu2 { font-family: Verdana, Arial; font-size: 11px; color: #006C70; text-decoration: none}
.gmenu { font-family: Arial; font-size: 13px; color: #006C6F; text-decoration: none}
.ecpage { font-family: Arial; font-size: 9px; color: #888888; text-decoration: none}
.head { font-family: Arial; font-size: 18px; color: #800; text-decoration: underline}

.tekst9 { font-family: Arial; font-size: 9pt; color: #888888; text-decoration: none}
.tekst12 { font-family: Arial, Helvetica, Geneva; font-size: 10pt; color: #888888; text-decoration: none}
.tekst12g { font-family: Arial, Helvetica, Geneva; font-size: 10pt; color: #006C6F; text-decoration: none}
.tekst13 { font-family: Arial, Helvetica, Geneva; font-size: 13px; color: #000000; text-decoration: none}

.header1 { font-family: Arial, Helvetica, Geneva; font-size: 24px; color: #006C6F; text-decoration: none}
.boxheader { font-family: Arial; font-size: 24px; color: #808080; text-decoration: none}

.copyright { font-family: Arial; color: #F1EFE0; font-size=-2 verdana;}


/* -------------------------------------------------------------- */

@font-face {
  font-family: "Raleway";
  font-style: normal;
  font-weight: normal;
  src: local("Raleway"), url("http://fonts.gstatic.com/s/raleway/v9/0dTEPzkLWceF7z0koJaX1A.woff2") format("woff2"), url("http://fonts.gstatic.com/s/raleway/v9/IczWvq5y_Cwwv_rBjOtT0w.woff") format("woff");
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body
{
	margin:				0px;
	background: 		#fff;
	font-family:		'Open Sans', "Raleway", Arial;
}

#wrapper
{
	width:			 	100%;
	margin-left:		auto;
	margin-right:		auto;
}


/* -- HEADERS -- */

#Header
{
	position:			relative;
	width:				100%;
	height:				45px;
	background:			#8B5250  ;
	border-top:			1px solid #8B5250  ;
	border-bottom:		10px solid #FFF;
	box-shadow:			0px 2px 3px 0px rgba(20, 20, 20, 0.3);
	min-width:			1000px;
	z-index:			1;

}
#header-title
{
	position:			relative;
	font-size:			30px;
	color:				white;
	font-family:		Garamond;
	text-align:			center;
	letter-spacing:		5px;
	border-bottom:		1px solid #FFF;

}
#header-info
{
	position:			relative;
	font-size:			18px;
	color:				white;
	text-align:			center;
	letter-spacing:		2px;
	margin-top:			-10px;
	margin-bottom:		4px;
	text-shadow: 		2px 2px #000;
}
#header-info a
{
	color:				#FFF;
	text-decoration:	none;
}
#header-info a:hover
{
	color:				#8B5250;
	text-decoration:	none;
}
#Header-top
{
	position:			relative;
	margin-left:		auto;
	margin-right:		auto;
	width:				1100px;
	margin-top:			-10px;
}

#header-list
{
	position:			relative;
	text-align:			center;
	list-style-type:	none;
	margin-left:		-40px;
}

#header-list li
{
	display:			inline-block;
	font-size:			1em;
}

.menu-item
{
	color:				#FFF;
	text-decoration:	none;
	padding-top:		8px;
	padding-bottom:		6px;
	padding-left:		35px;
	padding-right:		35px;
	font-weight:		bold;
	transition:			none;
}
.menu-item:hover
{	
	background-color: 	#333;
	color:				#FFF;
	text-decoration:	none;
	transition:			none;
}

/*#Header-bottom
{
	margin-top:			-16px;
	min-width:			1000px;
	height:				20px;
	border-top:			1px solid white;
	border-bottom: 		1px solid #707070;
	background-color: 	#FFF;
}*/

#Header-image
{
	background-image: 		url(../images/leiden.jpg);
	background-position:	center center;
	background-repeat:		no-repeat;
	background-size:		cover;
	height:				390px;
	width:				100%;
	
	min-width:			1000px;
}
#Header-image-title
{
	width:				100%;
	margin-left:		auto;
	margin-right:		auto;
	background: 		rgba(51,51,51,0.5);
	text-align:			center;
	line-height:		55px;
	font-size:			40px;
	color:				#E6E6E6 ;
	letter-spacing:		5px;
	font-family:		Times New Roman;
}
#Header-image-links
{
	width:				1000px;
	margin-left:		auto;
	margin-right:		auto;
	margin-top:			50px;
	display:			none;
}
#Header-image-links td.link
{
	height:				200px;
}
#Header-image-links td.link a
{
	display:			block;
	height:				100%;
	width:				100%;
	
	transition: 		all 200ms linear 0s;
	color:				#FFF;
	text-decoration:	none;
	font-size:			28px;
}
.image-inner-link
{
	position:			relative;
	margin-left:		auto;
	margin-right:		auto;
	text-align:			center;
	
	top:				140px;
}
.image-consultant
{
	height:				100%;
	background-image:	url(../images/handshake.png);
	background-size:	200px 200px;
	background-repeat:	no-repeat;
	background-position: center -25px;
	background-color:	#333;
}
.image-court
{
	height:				100%;
	background-image:	url(../images/court.png);
	background-size:	110px 110px;
	background-repeat:	no-repeat;
	background-position: center 18px;
	background-color:	#333;
}
.image-accountant
{
	height:				100%;
	background-image:	url(../images/GVNtrans.png);
	background-size:	110px 110px;
	background-repeat:	no-repeat;
	background-position: center 18px;
}
/* ----- Content ---- */

#content-holder
{
	position:			relative;
	height: auto !important;
    height: 100%;
	background:			#E6E6E6;
	font-size:			12px;
	color:				#000;

	min-width:			1000px;
}
#content
{
	position:			relative;
	width:				1000px;
	margin-left:		auto;
	margin-right:		auto;
}
#inner
{
	padding:			40px 0px;
	font-size:			16px;
	line-height:		25px;
}
#inner table td
{
	vertical-align:		top;
	border:				none;
}

/* ----- Big icons ----- */
.box-link
{
	display:			block;
	height:				100%;
	background-color:	#FFF;
	font-weight:		600;
	font-size:			16px;
	transition: 		all 100ms linear 0s;
		
	border:				5px solid #fff;
	color:				#333;
	text-decoration:	none;
}
.box-link:hover
{
	border:				5px solid #333;
	color:				#FFF;
	text-decoration:	none;
	background-color:	#333;
}
.box-link:active
{
	border:				5px solid #E6E6E6;
}

.contact
{
	background-image:	url(../images/contact.png);
	background-size:	200px 200px;
	background-repeat:	no-repeat;
	background-position: center -15px;
}
.contact:hover
{
	background-image:	url(../images/contact-white.png);
}
.tax
{
	background-image:	url(../images/tax.png);
	background-size:	160px 160px;
	background-repeat:	no-repeat;
	background-position: center 20px;
}
.tax:hover
{
	background-image:	url(../images/tax-white.png);
}
.gvn
{
	background-image:	url(../images/gvn.png);
	background-size:	140px 140px;
	background-repeat:	no-repeat;
	background-position: center 20px;
}
.gvn:hover
{
	background-image:	url(../images/gvn-white.png);
}
.legal
{
	background-image:	url(../images/court.png);
	background-size:	120px 120px;
	background-repeat:	no-repeat;
	background-position: center 30px;
}
.legal:hover
{
	background-image:	url(../images/court-white.png);
}
.account
{
	background-image:	url(../images/calculator.png);
	background-size:	120px 120px;
	background-repeat:	no-repeat;
	background-position: center 30px;
}
.account:hover
{
	background-image:	url(../images/calculator-white.png);
}

/* ----- Small icons ----- */
.contact-small
{
	background-image:	url(../images/contact.png);
	background-size:	130px 130px;
	background-repeat:	no-repeat;
	background-position: center -15px;
}
.contact-small:hover
{
	background-image:	url(../images/contact-white.png);
}
.tax-small
{
	background-image:	url(../images/tax.png);
	background-size:	100px 100px;
	background-repeat:	no-repeat;
	background-position: center 5px;
}
.tax-small:hover
{
	background-image:	url(../images/tax-white.png);
}
.legal-small
{
	background-image:	url(../images/court.png);
	background-size:	70px 70px;
	background-repeat:	no-repeat;
	background-position: center 10px;
}
.legal-small:hover
{
	background-image:	url(../images/court-white.png);
}
.vacature-small
{
	background-image:	url(../images/vacatures.png);
	background-size:	70px 70px;
	background-repeat:	no-repeat;
	background-position: center 10px;
}
.vacature-small:hover
{
	background-image:	url(../images/vacatures-white.png);
}
.account-small
{
	background-image:	url(../images/calculator.png);
	background-size:	70px 70px;
	background-repeat:	no-repeat;
	background-position: center 10px;
}
.account-small:hover
{
	background-image:	url(../images/calculator-white.png);
}


.inner-link
{
	position:			relative;
	margin-left:		auto;
	margin-right:		auto;
	text-align:			center;
	
	top:				185px;
}
.inner-link-small
{
	position:			relative;
	margin-left:		auto;
	margin-right:		auto;
	text-align:			center;
	
	top:				100px;
}

.table-title
{
	position:			relative;
	width:				100%;
	background:			#8B5250;
	color:				#FFF;
	padding-left:		26px;
	line-height:		200%;
	font-size:			30px;
	font-weight:		bold;
}
.table-text
{
	position:			relative;
	width:				100%;
	height:				90%;
	background:			#FFF;
	color:				#333;
	padding:			26px;
	font-size:			14px;
	line-height:		25px;
}
.table-text-title
{
	font-weight:		bold;
	font-size:			20px;
	color:				#8B5250;
}
.table-text-title-small
{
	font-weight:		bold;
	font-size:			16px;
	color:				#8B5250;
}
.table-text-title-home
{
	font-weight:		bold;
	font-size:			28px;
	color:				#FFF;
}
#table-diensten
{
	
}
#table-diensten .title
{
	transition:			all 0.3s ease-in 0s;
	margin-bottom:		10px;
	background:			#F0F0F0;
}
#table-diensten .title:hover
{
	background-color:	#8B5250;
	transition:			all 0.2s ease-in 0s;
	color:				white;
	cursor:				pointer;
}
/* ----- FOOTER ----- */

#footer
{
	position: 			relative;
	width:				100%;
	height:				56px;
	color:				#FFF;
	background:			#000;
	padding-top:		5px;
	
	font-size:			12px;
	text-align:			center;
	line-height:		45px;
	
	min-width:			1000px;
}
#footer a
{
	color:				#aaa;
	text-decoration:	none;
}
#footer a:hover
{
	color:				#8B5250 ;
}