/* =========================
(c) 2011 Copyright Francis Bax Illustraties
		[www.francisbax.nl]
Ontworpen door Charlotte webdesign
		[www.charlottewebdesign.nl]
============================ */

/* ======= CONTAINER ======= */

body { 
	background-color: #FFFFFF; 
	font-family: "lucida sans unicode", "trebuchet ms", sans-serif; 
}

div.container {
	background-color: #FFFFFF;
	width: 775px;
	margin-right: auto;
	margin-left: auto;
	border: 0;
	line-height: 120%;
}


/* ======= HEADER ======= */

div.header {
	height: 164px;
	margin: 0;
	padding: 0;
	border: 0;
	background: url('afb/header-bg4.jpg') bottom right no-repeat #fff; /* was #333; */
	border-right: 20px solid #dd0000;
}

/*p.header {
	font-size: 14pt;
	color: #333;
	font-weight: normal;
	background-color: #333; 
}*/

/* ======= TOPMENU ======= */

.nav { 
	height: 22px;
	font-size: 10pt;
	color: #fff;
	font-weight: normal; 
	width: 700px;
	border: 0;
	padding: 0 0 0 75px;
	margin: 0;
	background-color: #666;
	position: relative; } 
.nav ul { margin: 0; padding: 0; list-style: none; } 
/*.nav ul.menu { position: absolute; overflow: hidden; }*/
.nav .menu .level1-li { float: left; width: 120px; margin-top: -500px; background: transparent; } 
.nav .menu a { display: block; width: 120px; text-decoration: none; text-indent: 10px; padding: 1px 0 2px 0; background: #666; color: #fff; }
.nav .menu a.level1-a { position: relative; float: left; margin-top: 500px; margin-right: -119px; }
.nav .menu .sub { float: left; margin-bottom: -32000px; } 
.nav .menu .sub a { background: #999; position: relative; color: #fff; margin-right: -1px; } 
.nav .menu a:hover, 
.nav .menu a:focus, 
.nav .menu a:active { color: #d00; margin-right: 0;} 

/* ======= SUBMENU ======= */

div.submenu {
	min-height: 400px;
	max-height: 100%;
	overflow: visible;
	width: 149px;
	float: left;
	padding: 15px 15px 15px 0;
	margin: 0;
	background-color: #FFFFFF;
	background: #FFFFFF;
	background-repeat: no-repeat;
}

*html div.submenu {
	height: 400px;
	overflow: visible;
	width: 149px;
	float: left;
	padding: 15px;
	margin: 0px;
	background-color: #FFFFFF;
	background: #FFFFFF;
	background-repeat: no-repeat;
}

p.submenu {
	font-size: 10pt; 
	color: #333333; 
	font-weight: normal; 
	background-color: transparent; 
}

a:link.submenu    { color: #333333; text-decoration: none; font-weight: normal; background-color: transparent; font-size: 10pt; }
a:visited.submenu { color: #333333; text-decoration: none; font-weight: normal; background-color: transparent; }
a:hover.submenu   { color: #F00; text-decoration: none; font-weight: normal; background-color: transparent; }
a:active.submenu  { color: #333333; text-decoration: none; font-weight: normal; background-color: transparent; }

a:link.emailmenu    { color: #FF0000; text-decoration: none; font-weight: normal; background-color: transparent; font-size: 10pt; }
a:visited.emailmenu { color: #FF0000; text-decoration: none; font-weight: normal; background-color: transparent; }
a:hover.emailmenu   { color: #FF0000; text-decoration: underline; font-weight: normal; background-color: transparent; }
a:active.emailmenu  { color: #FF0000; text-decoration: none; font-weight: normal; background-color: transparent; }

/* ======= CONTENT ======= */

div.content {
	min-height: 400px;
	max-height: 100%;
	width: 561px;
	overflow: visible;
	float: left;
	margin-left: 0px;
	padding: 15px;
	background-color: #FFFFFF;
	background: url('afb/content-bg4.jpg') top right no-repeat #FFFFFF;
	background-repeat: no-repeat;
	border-right: 20px solid #dd0000;
}
*html div.content {
	height: 400px;
	width: 561px;
	overflow: visible;
	float: left;
	margin-left: 0px;
	padding: 15px;
	background-color: #FFFFFF;
	background: url('afb/content-bg4.jpg') top right no-repeat #FFFFFF;
	background-repeat: no-repeat;
	border-right: 20px solid #dd0000;
}

div.content-lang {
	min-height: 552px;
	max-height: 100%;
	width: 561px;
	overflow: visible;
	float: left;
	margin-left: 0px;
	padding: 15px;
	background-color: #FFFFFF;
	background: url('afb/content-bg4.jpg') top right no-repeat #FFFFFF;
	background-repeat: no-repeat;
	border-right: 20px solid #dd0000;
}
*html div.content-lang {
	height: 552px;
	width: 561px;
	overflow: visible;
	float: left;
	margin-left: 0px;
	padding: 15px;
	background-color: #FFFFFF;
	background: url('afb/content-bg4.jpg') top right no-repeat #FFFFFF;
	background-repeat: no-repeat;
	border-right: 20px solid #FF0000;
}
a:link    { 	color: #FF0000; text-decoration: none; font-weight: normal; background-color: transparent; }
a:visited { 	color: #CC0000; text-decoration: none; font-weight: normal; background-color: transparent; }
a:hover   { 	color: #FF0000; text-decoration: underline; font-weight: normal; background-color: transparent; }
a:active  { 	color: #FF0000; text-decoration: none; font-weight: normal; background-color: transparent; }

/*kop*/			h2 { font-size: 14pt; color: #333333; font-weight: normal; background-color: transparent; }
/*tussenkop*/ 	h3 { font-size: 11pt; color: #666666; font-weight: normal; background-color: transparent; }
/*alinea*/  	p,td,.normal { font-size: 10pt; color: #333333; font-weight: normal; background-color: transparent; }
/*klein*/		small { font-size: 8pt; }

img { border: 0; } 
img.thumb		{ border: 1px solid #333; }
img.thumb:hover 	{ border: 1px dashed #F00; }
img.left {	margin: 2px 2px 2px 0; float: left; border: 1px solid #999; }
img.right {	margin: 2px 0 2px 2px; float: right; border: 1px solid #999; } 
img.center {	margin: 2px 0; border: 1px solid #999; } /*in html align=center toevoegen */
img.webshop { margin: 0 0 2px 0; border: 1px solid #999; } 

.nieuws { border: 1px solid #f00; padding: 0 5px; } 

div.reparatiekit { 
   height: 1px; 
   clear: both; 
   font-size: 1px; 
   background-color: #666;
}

/* --- galerie ---*/

div.galerij { 
	height: 145px;
	width: 100%; 
	border: 1px solid #999; 
	margin-top: 12px; 
	padding: 0;
	background: transparent; 
} 
div.galerij h3, div.galerij p { padding: 0 0 5px 0; margin: 0; } 

/* --- contactformulier --- */

fieldset { border: 1px solid #999; width: 525px; background: transparent; font-size: 10pt; color: #333333; font-weight: normal; }
legend { font-size: 10pt; color: #666; background: transparent; } 
.formleft { 
	width: 132px; 
	float: left; 
	text-align: right; 
	color: #000; 
	font-size: 10pt; 
	padding: 0px 5px 0 0; 
	margin: 0; 
	background: transparent; 
}
input { border: 1px solid #999; background: transparent; margin: 2px 0 2px 0; font-family: arial, sans-serif; font-size: 10pt; } 
.losveld { margin-left: 137px; } 
input[type="submit"] { margin: 2px 0 2px 137px; } /* boven rechts onder links */
textarea { border: 1px solid #999; background: transparent; margin: 2px 0 2px 0; font-family: arial, sans-serif; font-size: 10pt; } 
.geheimevraag { font-size: 10pt; display: block; float: left; margin: 0; padding: 0; background: transparent; } 
.formerror, .formok { font-weight: normal; border: 1px solid #f00; padding: 2px; } 

/* ======= FOOTER ======= */

div.copy {
	width: 100%;
	height: 20px;
	background-color: #666666; 
	margin: 0;
	padding: 2px 0 0 0;
}

p.copy {
	font-size: 9pt;
	color: #FFFFFF; 
	background-color: #666666; 
	font-weight: normal;
	margin: 0;
	padding: 0;
}

a:link.copy    { color: #FFFFFF; text-decoration: underline; font-weight: normal; background-color: #666666; font-size: 9pt; }
a:visited.copy { color: #FFFFFF; text-decoration: underline; font-weight: normal; background-color: #666666; }
a:hover.copy   { color: #FFFFFF; text-decoration: none; font-weight: normal; background-color: #666666; }
a:active.copy  { color: #FFFFFF; text-decoration: none; font-weight: normal; background-color: #666666; }


/* ===== EINDE CODE ===== */