/* tk_main.css */

/* - Normalizing ---------------------------------------------------------------- */
/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td 
{ margin : 0; padding : 0; }
/* Normalizes font-size for headers */
h1,h2,h3,h4,h5,h6 { font-size : 100%; }
/* Removes list-style from lists */
ol,ul { list-style:none; } 
/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var
{ font-style : normal; font-weight : normal; }
/* Normalizes table */
table { border-collapse : collapse; border-spacing : 0; }
/* Removes border from fieldset and img */
fieldset,img { border : 0; }
/* Left-aligns text in caption and th */
caption,th { text-align : left; }
/* Removes quotation marks from q */
q:before, q:after { content :''; }

/* - Layout --------------------------------------------------------------------- */
html {
	background: #FFF url(images/backslice.jpg) repeat-x top;
}

#container { 
	position: relative; 
	margin: 0 auto;
	margin-top: 10px;
	padding-top: 10px;
	width: 918px; 
	background: #FFF;
} 

.top {
	position: relative; 
	width: 898px; 
	height: 172px; 
	margin-left: 10px;
	background: #FFFFFF;
}
#top1 {
	background: #FFFFFF url(images/header03.jpg) no-repeat 0 0;
}
#top2 {
	background: #FFFFFF url(images/header04.jpg) no-repeat 0 0;
}
#top3 {
	background: #FFFFFF url(images/header08.jpg) no-repeat 0 0;
}
#top4 {
	background: #FFFFFF url(images/header05.jpg) no-repeat 0 0;
}
#top5 {
	background: #FFFFFF url(images/header01.jpg) no-repeat 0 0;
}

#content { 
	position: relative;
	margin-top: 10px; 
	height: 300px; /* Let op: bepaalt hoogte website */
}

#content_left {
	position: absolute;
	left: 10px; 
	border: solid #3F4042;
	border-width: 1px 0px 1px 0px;
	width: 175px; 
	height: 100%;
	background: #666 url(images/backmenuslice.jpg) repeat-x 0 0;
	overflow: hidden;
}
  
#content_right { 
	position: absolute; 
	left: 195px;
	border: solid 1px #DDD;
	width: 711px;
	height: 100%;
	background: #FFF url(images/backtextslice.jpg) repeat-x 0 0;
	overflow: auto;
}

#content_right_table {
	margin: 20px 20px 20px 30px;
}

#menu {
	margin-top: 15px;
	float: right;
}
#menu li {
	font: 20px Arial, sans-serif;
	font-weight: 100;
	letter-spacing: 2px;
	color: #FFF;
	text-align: right;
	padding: 5px 15px 5px 15px;
}
#menu li.over {
	color: #FB9C2C;
	cursor: pointer;
	border-width: 0px;
}
#menu li.on {
	color: #FB9C2C;
	border: solid #666;
	border-width: 1px 0px 1px 0px;
}

.butstan {
	float: left;
	text-align: center;
	height: 21px;
	background: url(images/butwhite.jpg) repeat-x bottom;		
	cursor: pointer;
	border: solid #333 1px; 	
	margin-right: 6px;
}
.butstan.over {	border: solid #666 1px; }
.butstan p {
	margin-left: 20px;
	margin-right: 20px;
	font-size: 90%;
	font-weight: 700;
	color: #333;
	margin-bottom: 0px;
	margin-top: -1px;
}
.butstan.over p {	color: #D37520 }



/* - Typografie --------------------------------------------------------------------- */
body { 
	font: 12px Verdana, sans-serif;
	line-height: 175%;
	color: #333;
}

h1, h2, h3, h4, p {
	margin: 0px 0px 15px 0px;
}

h1 { 	/* paginatitel */
	color: #484848;
	font-size: 120%; 
	font-weight: bold; 
	letter-spacing: 1px;
}

h2 { 	/* tussenkop */
	font-size: 100%; 
	font-weight: bold; 
	letter-spacing: 1px;
}

p { 
	font-size: 100%;
}

.small { 
	font-size: 90%;
}

a {
 text-decoration: none;
}
/*
a:link, a:visited { 
	text-decoration: underline;
	color: #4F4F51;
}
a:hover { 
	text-decoration: underline;
	color: #C1001F;
}
*/

/* - specifieke classes ------------------------------------------------------------------ */
.hide {
	visibility: hidden;
}
.hideblock {
	display: none;
}