/* 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: ''; content: none; }
/* 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; }

/* general
------------------------------------------------------------------*/
body { background:#fff url(../images/taalk_bg_body.jpg) 50% 0 repeat-x; color: #424242; font: 16px/22px 'lucida Grande', 'Lucida Sans Unicode', sans-serif; }
h1 {}
h2 {}
h3 {}
h4 {}
ul, ol { margin: 0 0 14px 16px; }
p, form { margin: 0 0 14px 0; }
a { color: #4F535C; }
a:hover { color: #6CB417; }
input, textarea, select { font-size: 11px; font-family: Arial, sans-serif; color: #4F535C; }
strong { font-weight: bold; }
em { font-style: italic; }

.img_left { float: left; margin: 0 10px 10px 0; }
.img_right { float: right; margin: 0 0 10px 10px; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hide from IE Mac \*/
.clearfix { display: block; }
/* End hide from IE Mac */

/* page structure
------------------------------------------------------------------*/
#wrapper { width: 978px; margin: 0 auto; }
#header { position: relative; width: 978px; height: 167px; }
#content { position: relative; width: 978px; height: 470px; background: url(../images/taalk_sfeerbeeld.jpg) no-repeat; }
#footer { clear: both; width: 978px; margin: 0 0 10px 0; color:#a4938b; font-size: 10px; }

/* header
------------------------------------------------------------------*/
#logo { position: absolute; top: 8px; left: 16px; width: 201px; height: 79px; }
#header h1 { position: absolute; top: 109px; left: 0; width: 962px; height: 38px; margin: 0; padding: 20px 0 0 16px; background: url(../images/taalk_bg_h1.gif) repeat-x; color: #fff; font-size: 18px; font-weight: normal; }


#language { position: absolute; top: 66px; left: 605px; width: 350px; }
#language a { display: block; margin: 0 0 50px 0; padding: 0 0 0 30px; color: #fb8d34; text-decoration: none; }
#language a:hover { background: url(../images/taalk_arrow.png) no-repeat top left; color: #fff; }
#language a span { display: block; }
#language a span.title { margin: 0 0 10px 0; font-size: 30px; }
#language a span.smallTitle { display: inline; font-size: 18px; }


/* CMS Preview
------------------------------------------------------------------*/
#CMSpreviewBar { margin-bottom: 10px; padding: 3px; background-color: red; color: #fff; }
#CMSpreviewBar a { color: #fff; }