html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin:0;
padding:0;
}



@font-face {
    font-family: 'CreteRoundItalic';
    src: url('fonts/CreteRound-Italic-webfont.eot');
    src: url('fonts/CreteRound-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/CreteRound-Italic-webfont.woff') format('woff'),
         url('fonts/CreteRound-Italic-webfont.ttf') format('truetype'),
         url('fonts/CreteRound-Italic-webfont.svg#CreteRoundItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'CreteRoundRegular';
    src: url('fonts/CreteRound-Regular-webfont.eot');
    src: url('fonts/CreteRound-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/CreteRound-Regular-webfont.woff') format('woff'),
         url('fonts/CreteRound-Regular-webfont.ttf') format('truetype'),
         url('fonts/CreteRound-Regular-webfont.svg#CreteRoundRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*
	*
	*	Start
	*
*/
body {
	background:#fff;
}
#wrap {
	margin:0 auto;
	width:1000px;
}

div.container {
	margin:0 auto;
	width:100%;
}

.fl{float:left;}
.fr{float:right;}
.cl{clear:both;}

/*
	*
	*	Header
	*
*/
#header {
	margin:0;
	width:100%;
	background: rgb(71, 73, 75); /* The Fallback */
	background: rgba(71, 73, 75, 0.55);
}

/*
	*
	*	Logo
	*
*/
#logo h3{ line-height:54px;font-size:25px;margin:0; }
#logo h3.incl a{ background:url(../beeld/logo-cratos-advies.png) no-repeat 0 0;text-indent:-9999px;display:block;line-height:0; }
#logo h3.incl a { height:228px; width:501px; }

/*
	*
	*	Menu
	*
*/
#menu {
	margin:0;
	width:100%;
	height:56px;
	background: rgb(71, 73, 75); /* The Fallback */
	background: rgba(71, 73, 75, 0.55);
	background-image:url(../beeld/horizontale-stippels.png);
	background-repeat:no-repeat;
}

/*
	*
	*	Page
	*
*/
#page {
	margin:0;
	width:100%;
	min-height:400px;
	background: rgb(71, 73, 75); /* The Fallback */
	background: rgba(71, 73, 75, 0.55);
	background-image:url(../beeld/horizontale-stippels.png);
	background-repeat:no-repeat;
}

.content { padding:45px 65px 45px 65px; }
.content p {
	color:#fff;
	font: 13px/16px Arial, sans-serif, Helvetica Neue, Helvetica;
	padding:0;
	margin:0;
	letter-spacing: normal !important;
}

.content a {
	color:#fff;
	text-decoration:underline;
}

.content a:hover {
	color:#b7e0e8;
	text-decoration:underline;
}

.content .geen {
	color:#fff;
	text-decoration:none;
}
.content .geen:hover {
	color:#b7e0e8;
	text-decoration:underline;
}

.content ul {
	color:#fff;
	font: 13px/16px Arial, sans-serif, Helvetica Neue, Helvetica;
	padding:0;
	margin:0;
	letter-spacing: normal !important;
	list-style-type: square; 
	list-style-position: outside;
	margin-left: 15px; 
	padding-left: 5px;
}

.content h1 {
	color:#fff;
	font: 17px/20px 'CreteRoundRegular', Arial, sans-serif;
	padding:0 0 12px 0;
	margin:0;
	letter-spacing: normal !important;
}

.content h2 {
	color:#fff;
	font: 14px/17px 'CreteRoundRegular', Arial, sans-serif;
	padding:0;
	margin:20px 0 3px 0;
	letter-spacing: normal !important;
}

.hs {
	margin:0;
	width:100%;
	height:2px;
	background-image:url(../beeld/horizontale-stippels.png);
	background-repeat:no-repeat;
}

/*
	*
	*	Footer
	*
*/
#footer {
	margin:0;
	width:100%;
	height:34px;
	background: rgb(71, 73, 75); /* The Fallback */
	background: rgba(71, 73, 75, 0.55);
	background-image:url(../beeld/horizontale-stippels.png);
	background-repeat:no-repeat;
}
.copyright { padding:7px 0px 0px 65px; }
.copyright p {
	color:#fff;
	font: 11px/16px Arial, sans-serif, Helvetica Neue, Helvetica;
	padding:0;
	margin:0;
	letter-spacing: normal !important;
}
.copyright p a,
.copyright p a:hover {
	color:#fff;
	font: 11px/16px Arial, sans-serif, Helvetica Neue, Helvetica;
	padding:0;
	margin:0;
	letter-spacing: normal !important;
	text-decoration:none;
}
.copyright p a:hover {
	text-decoration:underline;
}
.socialmedia { padding:7px 55px 0px 0px; }

/*
	*
	*	Credits
	*
*/
#credits {
	margin:0;
	width:100%;
	height:34px;
	background: none;
}
.disclaimer { padding:7px 0px 0px 65px; }
.disclaimer p {
	color:#fff;
	font: 13px/16px Arial, sans-serif, Helvetica Neue, Helvetica;
	padding:0;
	margin:0;
	letter-spacing: normal !important;
}
.disclaimer p a,
.disclaimer p a:hover {
	color:#fff;
	font: 13px/16px Arial, sans-serif, Helvetica Neue, Helvetica;
	padding:0;
	margin:0;
	letter-spacing: normal !important;
	text-decoration:none;
}
.disclaimer p a:hover {
	text-decoration:underline;
}


/*
	*
	* Formulier
	*
*/

.contactgegevens {
	width:274px;
}

.form {
	width:490px;
}

.formulier {
	width:500px;
}

.formulier td.TDwit {
	background-color: #ffffff;
	height:2px;
}

.formulier td.TDtekst {
	padding:2px 0px 2px 5px;
	text-align:right;
	color:#fff;
	font: 13px/16px Arial, sans-serif, Helvetica Neue, Helvetica;
	margin:0;
	letter-spacing: normal !important;
}

.formulier td {
	padding:2px 5px 2px 0px;
	color:#fff;
	font: 13px/16px Arial, sans-serif, Helvetica Neue, Helvetica
}


.formContact{
	margin:25px 0 25px 0;
}

.formfield{
	height:22px;
	border:none;
	background: rgb(255, 255, 255); /* The Fallback */
	background: rgba(255, 255, 255, 0.75);
	float:left;
	margin:3px 0 1px 10px;
	padding:2px 0 0 5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#58595b;
	width:350px;
}
.formarea{
	border:none;
	background: none;
	float:left;
	margin:3px 0 3px 0;
	padding:2px 0 0 5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#58595b;
}

.formradio{
	margin:5px 0 5px 0;
}
.formsubmit{
	width:108px;
	height:30px;
	color:#47494b;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	cursor:pointer;
	float:right;
	border:none;
	background: rgb(255, 255, 255); /* The Fallback */
	background: rgba(255, 255, 255, 0.75);
	margin:10px 47px 0 0;
}
.formsubmit:hover{
	color:#47494b;
	font-weight:bold;
	border:none;
	background:#b7e0e8;
	margin:10px 47px 0 0;
}

.formverplicht{
	color:#fff;
	padding-right:5px;
}

.formverplichtGeen{
	color:#b7d1df;
	padding-right:5px;
}

.formulier td a {
	color:#fff;
	text-decoration:underline;
	font: 13px/16px Arial, sans-serif, Helvetica Neue, Helvetica;
	margin:0;
	letter-spacing: normal !important;
}

.formulier td a:hover {
	color:#b7e0e8;
	text-decoration:underline;
	font: 13px/16px Arial, sans-serif, Helvetica Neue, Helvetica;
	margin:0;
	letter-spacing: normal !important;
}

.formulier #captcha_code {
	width:100px; 
	float:left; 
	margin:10px 15px 0 10px;
}

.content .referentiesvlak {
	background-color:#FFF;
	text-align:center;
	width:100%;
	height:240px;
}

.content ul#referenties {
	margin:0; 
	padding:0;
	margin-left:70px;
	display:block;	
}

.content ul#referenties li {
	list-style:none; 
	margin:20px 20px 0 0; 
	float:left;
}

/*
.menu-span1 { display:block; height:3px; width:140px; }
.menu-span2 { display:block; height:19px; width:120px; }
.menu-span3 { display:block; height:19px; width:165px; }
.menu-span4 { display:block; height:11px; width:145px; }
.menu-span5 { display:block; height:19px; width:125px; }
*/
.menu-span1 { display:block; height:3px; width:140px; }
.menu-span2 { display:block; height:19px; width:120px; }
.menu-span3 { display:block; height:19px; width:165px; }
.menu-span4 { display:block; height:11px; width:145px; }
.menu-span5 { display:block; height:19px; width:125px; }
.menu-span6 { display:block; height:11px; width:145px; }

.menu-a1 { padding-left:65px; background-image:none; }