/*	(c) 2008 Charlotte webdesign
	www.charlottewebdesign.nl */

html,body {
	font-family: 'trebuchet ms', tahoma, verdana, arial, 'sans serif';
	background: #fff;
	margin: 0;
	padding: 0;
	}

#container {
	width: 850px;
	background: #fff;
	margin: 0 auto;
	padding: 0;
	}
	
/* 	HEADER */

#header {
	width: 850px;
	height: 205px;
	background: url('im/logo03.jpg') #fff;
	}

/*	MENU */

#menu {
	width: 200px;
	float: left;
	background: #fff;
	text-align: center;
	}

ul.menu {
	font-size: 16px;
	color: #000;
	list-style: none;
	margin-left: 0;
	padding: 0;
	line-height: 250%;
	width: 200px;
	}
li.m01:hover {	background: url('im/bg_menu01.jpg') no-repeat #fff; }
li.m02:hover {	background: url('im/bg_menu02.jpg') no-repeat #fff; }
li.m03:hover {	background: url('im/bg_menu03.jpg') no-repeat #fff; }
li.m04:hover {	background: url('im/bg_menu04.jpg') no-repeat #fff; }
li.m05:hover {	background: url('im/bg_menu05.jpg') no-repeat #fff; }
li.m06:hover {	background: url('im/bg_menu06.jpg') no-repeat #fff; }
li.m07:hover {	background: url('im/bg_menu07.jpg') no-repeat #fff; }
li.m08:hover {	background: url('im/bg_menu08.jpg') no-repeat #fff; }
li.m09:hover {	background: url('im/bg_menu09.jpg') no-repeat #fff; }
li.m10:hover {	background: url('im/bg_menu10.jpg') no-repeat #fff; }

a.menu:link {	color: #000; text-decoration: none; background: transparent; }
a.menu:visited {	color: #000; text-decoration: none; background: transparent; }
a.menu:active {	color: #000; text-decoration: none; background: transparent; }
a.menu:hover {	color: #000; text-decoration: none; background: transparent; }

/*	CONTENT */

#content {
	width: 626px;
	padding: 10px;
	margin-left: 200px; 
	background: #fff;
	}
#content-home { 
	width: 790px;
	padding: 10px 30px 10px 30px;
	background: #fff;
	}

h1 {	font-size: 20px; font-weight: normal; }
h2 {	font-size: 17px; color: #213e82; font-weight: normal; }
p {	font-size: 14px; line-height: 150%; }
.center { 	text-align: center; }
.klein {		font-size: 12px; }
.unav {		color: #999; } /* unav = unavailable -> greyed-out */

a:link {		color: #ec0088; text-decoration: none; background: transparent; }
a:visited {	color: #db0066; text-decoration: none; background: transparent; }
a:active {	color: #ec0088; text-decoration: underline; background: transparent; }
a:hover {	color: #00adef; text-decoration: none; background: transparent; }

table {	border: 0; font-size: 14px; width: 100%; background: transparent; }
th {		text-align: left; }
td {		vertical-align: top; }
img {	border: 0; }
ul {		font-size: 14px; line-height: 150%; }

input[type="text"] {	border: 1px solid #d22f1c; width: 200px; font-family: arial; }
select {				width: 200px; font-family: arial; }
textarea {				border: 1px solid #d22f1c; width: 200px; height: 100px; font-family: arial; }

.reparatiekit { 
   height: 1px; 
   clear: both; 
   font-size: 1px; 
}

/*	FOOTER */

#footer {
	width: 850px;
	height: 20px;
	background: #fff;
	border-top: 2px solid #d22f1c;
	}
	
#footer p {
	font-size: 12px;
	color: #666;
	background: transparent;
	text-align: center;
	}
#footer a:link {		color: #666; text-decoration: none; background: transparent; }
#footer a:visited {	color: #666; text-decoration: none; background: transparent; }
#footer a:active {	color: #666; text-decoration: none; background: transparent; }
#footer a:hover {	color: #666; text-decoration: underline; background: transparent; }

#footer-print {
	display: none;
	text-align: center;
	background: #fff;
	font-size: 12px;
	color: #666;
	}