/*   HTML ------------- */

/* @font-face{ 
        font-family: "monof55";
        src: url('http://www.fontsforweb.com/public/fonts/368/monof55.eot') format('eot');
        src: url('http://www.fontsforweb.com/public/fonts/368/monof55.ttf') format("truetype");
 }
 @font-face{ 
		font-family: "Kontrapunkt Bold";
        src: url('/fonts/Kontrapunkt-Bold-webfont.eot') format('eot');
        src: url('/fonts/Kontrapunkt-Bold-webfont.ttf') format("truetype");
		}
@font-face{ 
		font-family: "Kontrapunkt Light";
        src: url('/fonts/Kontrapunkt-Light-webfont.eot') format('eot');
        src: url('/fonts/Kontrapunkt-Light-webfont.ttf') format("truetype");

}
*/    
   
h1, h2, h3 {
/*font-family:monof55, Tahoma;*/	
}
body {
	font-family:Tahoma, Geneva, sans-serif;
	color: #000;
	margin: 0px;
	background-image:url(images/blok2.png);
	background-attachment:fixed;
	background-color:#FFF;
	font-size: 1em;
}

h2 {
 	font-size: 110%;
	letter-spacing: 0.1em;
	font-weight: normal;
	font-style:italic;
	padding: 3px 3px;
	margin:0 0;
	background-color:#FFF;
 }
h1 {
	letter-spacing: 0.3em;
	font-size: 120%;
	text-transform: uppercase;	
	text-align:center;
	font-weight:normal;
	border-bottom:#666 dotted thin;
}


pre {
	font-family:"Courier New", Courier, mono;
	font-weight: bold;
	font-size:12px;
	
	}
	
#header_menu a, #footer_menu a {
	float:left;
	display:block;
	width:130px;
	height: 20px;
	margin:0 5px;
	padding:0 2px;
	color:#403340;
	color: white;
	text-decoration:none;
	/*background-image:url(images/trans_white.png);*/
	
	background-color:#c36030;
	font-size:90%;
	text-align:center;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius:6px;
	filter: alpha(opacity=80); 
	opacity: 0.8;
	border: solid thin white;
}
#header_menu a:hover, #footer_menu a:hover {
color: #000;
background-color:#A0E900;
	filter: alpha(opacity=80); 
	opacity: 0.8;
	border: solid thin black;
}

#header_menu .menu_homebut a{
	float:left;
	display:block;
	background-image:url(images/home_3h.png);
	background-repeat:no-repeat;
	width:20px;
}



/* ----------------- LAYOUT ------------- */

#wrapper {
	position:relative;
	width:1000px;
	
	margin:auto;
	
}

#menu {
	position:fixed;
	bottom:30px;
	margin:auto;
	padding-left:10px;
	width:1000px;
	height:30px;
	z-index:50;
}


#header {
	position:absolute;
	top:0;
	background-image:url(images/header.jpg);
	height:150px;
	width:1000px;
	z-index: 25;
	padding:0px 0px 0px 0px;
	
}

#header_menu {
	position:absolute;
	bottom:10px;
	left:10px;
}

#footer {
	position:fixed;
	bottom:0;
	background-image:url(images/footer.png);
	background-position:bottom;
	background-repeat:no-repeat;
	height:80px;
	width:1000px;	
}

#footer_menu {
	position:absolute;
	top:25px;
	left:10px;
}


/* 1-kolom --- */
#kolomvol {
	position:absolute;
	top:170px;
	
	width:980px;
	background-image:url(images/trans_white.png);
	min-height:400px;
	margin-bottom:70px;
	padding:0px 10px 70px;
	font-size:90%;
	text-align:left;
	
}

/* 2 kolommen */

#kolom21 {
	position:absolute;
	top:170px;
	
	width:475px;
	background-image:url(images/trans_white.png);
	min-height:400px;
	margin-bottom:70px;
	padding:0px 10px 70px;
	font-size:90%;
	text-align:left;
	
}

#kolom22 {
	position:absolute;
	top:170px;
	left:505px;
	width:475px;
	background-image:url(images/trans_white.png);
	min-height:400px;
	margin-bottom:70px;
	padding:0px 10px 70px;
	font-size:90%;
	text-align:left;
	
}

/* drie kolommen */
#kolom1 {
	position:absolute;
	top:170px;
	
	width:310px;
	background-image:url(images/trans_white.png);
	min-height:400px;
	margin-bottom:70px;
	padding:0px 10px 70px;
	font-size:90%;
	text-align:justify;
}
#kolom2 {
	position:absolute;
	top:170px;
	left:335px;
	width:310px;
	min-height:400px;
	margin-bottom:70px;
	padding:0px 10px 70px;
	
	font-size:90%;
	text-align:justify;
	background-image:url(images/trans_white.png);
}
#kolom3 {
	position:absolute;
	top:170px;
	left:670px;
	width:310px;
	min-height:400px;
	margin-bottom:70px;
	padding:0px 10px 70px;
	font-size:90%;
	text-align:justify;
	background-image:url(images/trans_white.png);
}


/*///////////////////////////-----customized-------- */

.center {
	text-align:center;
}

.paddinglinks{
	padding-left:50px;	
}

/*.main_img {
	margin-bottom:20px;
	padding-top:0px;
	
	
}

#logo td {
	text-align:center;
}
.code {
	font-family:"Courier New", Courier, mono;
	font-weight: bold; 
}
.kopje {
	text-transform: uppercase;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	
}
.kopmain{
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 0.1em;
}
.kopje2 {
	letter-spacing: 0.3em;
	font-size: 1.2em;
	text-transform: uppercase;
}
.subkopje {
	font-weight: bold;
	font-style: italic;
	letter-spacing: 0.1em;
	width:100%;
	text-align:center;
	margin-bottom:1px;
	margin-top:3em;
	padding: 5px;
}

.img {
margin-bottom: 3px;
}
.small {

font-size: 80%;
  }
.bgbalk {
	font-weight: bold;
	color: #000000;
	letter-spacing: 1pt;
	padding: 0px 10px 10px 50px;
	background-image:url(images/streep.gif);
	background-repeat:no-repeat;
}
.bgred {
padding-top: 7px; padding-right: 7px; padding-bottom: 7px; padding-left: 7px; text-align: justify; 
font-weight: bold;
background-color:#FFC;
}
.kopje {
font-weight: bold; color: #000000; letter-spacing: 0.2em; 
}
.txtvariatie {
	font-weight: bold;
	font-style: italic;
}
*/
/* -----------LINKS --------------------*/

a:link {
	color:#33F;
	text-decoration: none;
	font-weight: normal; 
}
a:visited {
	color:#900;
	text-decoration: none;
	font-weight: normal; 
}
a:hover {
 	color:#06F;
	font-weight: normal;
	text-decoration: underline;
}
a:active {
	color: #000000;
	text-decoration: none;
}

.txtbold { font-weight: bold }
.doindent { 
	margin-left: 10px;
	
}