@charset "utf-8";

/* Reset | 20080212 */
/* http://meyerweb.com/eric/tools/css/reset/ */

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, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; }

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }

del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* end reset */


/* Algemeen */
html { font-size: 62.5%; }

a { text-decoration: none; }

ul.skip { /* sla menu over linkje en go-to-top */ display: none; }

/* Header */
.header {
	background-color: #48b0cd; /* blauw + #303030*/
	color: white;
}

#headerimage { display: none; }

.header h1 {
	font-size: 3.6em;
	display: none;
}

.header h2 { visibility: hidden; }

.header .centerheader {
	width: 100em;
	margin: 0 auto;
	height: 20em;
	background: #18809d url(../images/gray.jpg) no-repeat top right;
}

.header .centerheader .contentheader {
	background-color: #2890ad; /*blauw plus #101010*/
	height: 20em;
	margin-right: 20em;
}

.header .centerheader ul li {
	width: 20%;
	float: left;
}

.header .centerheader ul li a {
	display: block;
	height: 4.5em;
	/*width: 7.95em;*/
	padding: 0 1em;
	font-size: 2em;
	color: #FFF;
	border-top: #2890ad solid 0.5em; /*blauw + #101010 en dus gelijk aan .contentheader */
	text-decoration: none;
	text-indent: 0em;
	line-height: 2em;
	background-color: #08708d;/*text-shadow: 2px 2px 2px #000; /* voorlopig alleen zichtbaar in goede browsers zoals Opera (www.opera.com) */
}

.header .centerheader ul li a:visited { /* markering van bezochtte links in het menu */ color: #ddd; /* subtiel net geen wit */ }

.header .centerheader ul li a:hover, .header ul li a.current:hover {
	border-top: #18809d solid 0.5em;
	height: 5em;
}

.header .centerheader ul li a:active, .header .centerheader ul li a:focus {
	background-color: #18809d;
	color: #e37006;
	outline: #333333 dotted 1px;
	background-image: none;
}

.header .centerheader h2 { /* style de tagline */
	height: 3.6em;
	font-size: 2.5em;
	line-height: 3em;
	text-indent: 0.73em;/*text-shadow: 2px 2px 2px #000; /* voorlopig alleen zichtbaar in goede browsers zoals Opera (www.opera.com) */
}

/* kleuren van de afzonderlijke menuopties */
a#over { background-color: #d2003d; }

a#diensten { background-color: #471c6c; }

a#kirkman { background-color: #18809d; }

a#partners { background-color: #e37006; }

a#contact { background-color: #7a6b68; }

/* Headers krijgen dezelfde kleur als de menu-kleur van de huidige pagina */
body.over .maincontent h1, body.over .maincontent h2, body.over .maincontent h3, body.over .maincontent h4, body.over .maincontent h5, body.over .maincontent h6 { border-color: #d2003d; }

body.diensten .maincontent h1, body.diensten .maincontent h2, body.diensten .maincontent h3, body.diensten .maincontent h4, body.diensten .maincontent h5, body.diensten .maincontent h6 { border-color:  #471c6c; }

body.kirkman .maincontent h1, body.kirkman .maincontent h2, body.kirkman .maincontent h3, body.kirkman .maincontent h4, body.kirkman .maincontent h5, body.kirkman .maincontent h6 { border-color: #18809d; }

body.partners .maincontent h1, body.partners .maincontent h2, body.partners .maincontent h3, body.partners .maincontent h4, body.partners .maincontent h5, body.partners .maincontent h6 { border-color: #e37006; }

body.contact .maincontent h1, body.contact .maincontent h2, body.contact .maincontent h3, body.contact .maincontent h4, body.contact .maincontent h5, body.contact .maincontent h6 { border-color: #7a6b68; }

/* alleen de menuoptie die overeen komt met de classe van de body */
body.over a#over, body.diensten a#diensten, body.kirkman a#kirkman, body.partners a#partners, body.contact a#contact { height: 5em; }

/* Content */
.maincontent {
	text-align: left;
	background: #7a6b68 url(../images/se.jpg) no-repeat top right;
}

.innercontent {
	background-color: #eee;
	padding: 2em;
}

.innercontent > * { /* elk child van inntercontent (masterfontsize) */
	font-size: 1.2em;
	line-height: 1.3em;
	margin: 1em 0;
}

.maincontent, .footer { /* gelijke breedte main content en footer */
	margin: 0 auto;
	width: 80em;
	padding-right: 20em;
}

.maincontent a:hover, .maincontent a:focus, .footer a:hover, .footer a:focus { /* in maincontent en footer moeten links wel onderstreept worden */ text-decoration: underline; }

.maincontent h1, .maincontent h2, .maincontent h3 { /* style headers */
	margin: 1em 0;
	padding-left: 1em;
	border-left: solid 0.5em;
	clear: both;
}

.maincontent h1 { font-size: 2em; }

.maincontent h2 { font-size: 1.6em; }

.maincontent h3 { font-size: 1.4em; }

.maincontent p { margin: 1em 0; }

.maincontent blockquote {
	border-left: black solid 1px;
	border-right: black solid 1px;
	padding: 0 0.5em;
	margin: 2em;
	font-style: italic;
	background-color: #ddd;
}

.maincontent ul, .maincontent ol { margin: 2em; }

.maincontent ul li {
	margin: 1em;
	list-style: outside disc;
}

.maincontent ol li {
	margin: 1em;
	list-style: outside decimal;
}

/* Footer */
.footer { background-color: #eee; }

.footer a { /*color: #00F;*/
}

.footer p {
	font-size: 1.2em;
	padding: 1em;
	background-color: #baaba8; /* grijs + #404040 */
}

.mailgrayse {
	background: url(../images/mail.png) left no-repeat;
	padding-left: 25px;
}

.kleiner { font-size: 0.999em; }

.tothepointdesign { display: none !important; }

a.kirkmanlink { color: #800080 !important; }