@charset "ISO-8859-1";

html {
	background-color: #e4e3e2;
}

body {
	margin: 0;
	padding: 0;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	background-image: url(../images/bg_body.gif);
	background-repeat: repeat-y;
	background-position: center;
}

h1 {
	color: #008fa5;
	font-size: 16px;
	display: block;
	width: 100%;
	padding-top: 9px;
	padding-bottom: 8px;
	margin: 0;
	margin-bottom: 6px;
	background-image:url(../images/bg_h1.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
}

h2 {
	 color: #008fa5;
	 font-size: 14px;
}

h3 {}
h4 {}
h5 {}
h6 {}

/* -------------------------------------- LINKS   ------------------------------------------- */

a:link, a:visited {
	font-size: 12px;
	text-decoration: underline;
	color: #008fa5;
}

a:hover, a:active {
	font-size: 12px;
	text-decoration: underline;
	color: #c5beb0;
}

a.taal:link, a.taal:visited {
	font-size: 11px;
	text-decoration: none;
	color: #c5beb0;
}

a.taal:hover, a.taal:active {
	font-size: 11px;
	text-decoration: none;
	color: #008fa5;
}

.imghome a:link, .imghome a:visited,.imghomer a:link, .imghomer a:visited {
	display: block;
	text-decoration: none;
	color: #c5beb0;
}

.imghome a:hover, .imghome a:active, .imghomer a:hover, .imghomer a:active {
	display: block;
	text-decoration: none;
	color: #008fa5;
}

.hometabel a:link, .hometabel a:visited {
	font-size: 11px;
	color: #978f82;
	text-decoration: none;
}

.hometabel a:hover, .hometabel a:active {
	font-size: 11px;
	color: #008fa5;
	text-decoration: underline;
}

/* -------------------------------------- CLASSES ------------------------------------------- */

.clear {
	margin: 0;
	padding: 0;
	clear: both;
	display: block;
	height: 1px;
	overflow: hidden;
}

.taalselect {
	font-size: 11px;
	display: block;
	height: 14px;
	color: #008fa5;
	background-image: url(../images/blokjegroen155.gif);
	background-position: right;
	background-repeat: no-repeat;
	padding-top: 1px;
	margin-right: 5px;
}

.headerleft { 
	float: left;
	margin-right: 13px;
}

.headerright {
	float: left;
}

.floatleft { float: left; }
.floatright { float: right; }

.maintop {
	width: 600px;
	float: right;
	font-size: 11px;
	display: block;
	height: 14px;
	color: #c5beb0;
	background-image: url(../images/blokjegroen155.gif);
	background-position: right;
	background-repeat: no-repeat;
	padding-top: 1px;
	text-align: right;
	padding-right: 16px;
	margin-right: 5px;
}

.homefoto {
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #008fa5;
	border-right-color: #008fa5;
	border-bottom-color: #008fa5;
	border-left-color: #008fa5;
}

.homefoto img {
	border: 1px solid #008fa5;	
}

.homefototext {
	padding-top: 0px;
	padding-bottom: 10px;
	text-align: center;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #008fa5;
	border-right-color: #008fa5;
	border-bottom-color: #008fa5;
	border-left-color: #008fa5;
}

.homenews {
	text-align: left;
	padding-left: 5px;
	padding-top: 5px;
	vertical-align: top;
	font-size: 11px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #008fa5;
	border-right-color: #008fa5;
	border-bottom-color: #008fa5;
	border-left-color: #008fa5;
}

.awex {
	border: 2px solid #008fa5;
	padding: 10px;
}

.rij1 {
	background-color: #E6F7FA;
}

.rij2 {
	background-color: #FFF;
}

.newsdate {
	vertical-align: top;
	text-align: left;
	color: #008fa5;
	padding-left: 10px;
	padding-top: 5px;
}

.newstitel {
	width: 75%;
	vertical-align: top;
	text-align: left;
	color: #c5beb0;
	padding-left: 10px;
	padding-top: 5px;
}

.newsreadmore {
	vertical-align: top;
	text-align: right;
	padding-right: 10px;
	padding-top: 5px;
	color: #008fa5;
}

.newsfotos {
	vertical-align: top;
	text-align: center;
	width: 20%;
}

.small {
	font-size: 10px;
	color: #c5beb0;
	font-style: oblique;
}

.lijnfotos {
	background-image: url(../images/lijnfotos.gif);
	background-repeat: repeat-x;
	background-position: middle;
	height: 5px;
	font-size: 1px;
}
.noline {
	font-size: 1px;
}

.map {
	border: 2px solid #008fa5;
	z-index: 10;
}

.blauw {
	color: #008fa5;
}

.fotoslinks {
	display: block;
	width: 180px;
	float: left;
	padding-right: 20px;
}

.fotoslinks img {
	border: 2px solid #008fa5;	
	margin-bottom: 20px;
}

.tekstrechts {
	display: block;
	width: 540px;
	float: left;
}

.inputcontact {
	width: 120px;
}

.textareacontact {
	width: 300px;
}

.submitcontact {
	width: 100px;
	color: #FFF;
	background-image: url(../images/buttoncontact.gif);	
}

span.kleur0 { color: #777; }
span.kleur1 { color: #f8ce2d; }
span.kleur2 { color: #db1a30; }
span.kleur3 { color: #ed9d33; }
span.kleur4 { color: #5eb14d; }
span.kleur5 { color: #7a1f85; }

table.tproducts td.kleur0 { background-color: #777777; color: #fff; font-weight: bold; }
table.tproducts td.kleur1 { background-color: #f8ce2d; color: #000; font-weight: bold; }
table.tproducts td.kleur2 { background-color: #db1a30; color: #fff; font-weight: bold; }
table.tproducts td.kleur3 { background-color: #ed9d33; color: #000; font-weight: bold; }
table.tproducts td.kleur4 { background-color: #5eb14d; color: #fff; font-weight: bold; }
table.tproducts td.kleur5 { background-color: #7a1f85; color: #fff; font-weight: bold; }



/* -------------------------------------- DIVS    ------------------------------------------- */

#placeholder {
	width: 970px;
	margin: 0 auto;
	min-height: 800px;
}

#header {
	height: 128px;
	background-image: url(../images/bg_header.gif);
	background-repeat: repeat-x;
	padding-top: 11px;
}

#taalkeuze {
	width: 33px;
	float: right;
	padding-right: 0px;
	padding-top: 69px;
}

#main {
	background-image: url(../images/bg_menumain.gif);
	background-position: left;
	background-repeat: repeat-y;
	
}

#awex {
	position:absolute;
	top: 335px;
	left: 21px;
}

#maininhoud {
	min-height: 600px;
	width: 780px;
	float: right;
}

#maininhoudtop {
	height: 80px;
}

#inhoud {
	padding-right: 20px;
	padding-bottom: 20px;
	color: #534D45;
}

#footer {}

#productfiche {}



/* -------------------------------------- MENU    ------------------------------------------- */

#mainmenu {
	height:300px;
	width:187px;
	float: left;
	margin-top: 30px;
	background:#fff;
}

#mainmenu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 114px; /* Width of Menu Items */
	border:0;
	text-align: right;
	font:normal 11px verdana,arial,sans-serif;
	color:#707173;
	line-height:20px;
	text-decoration:none;
	padding:3px 0px 3px 10px;
}

#mainmenu ul li {
	position: relative;
}
	
#mainmenu li ul {
	position: absolute;
	left: 113px; /* Set 1px less than menu width */
	top: 0;
	display: none;
	width: 250px;
	text-align: left;
	background-image: url(../images/bg_menufly.gif);
	background-repeat: no-repeat;
	color: #008fa5;
	opacity: 0.9;
	-moz-opacity: 0.9;
	filter: alpha(opacity=90);
}

/* Styles for Menu Items */
#mainmenu ul li a {
	display: block;
	text-decoration: none;
	color: #777;
	/*background: #fff; /* IE6 Bug */
	padding: 5px;
}

/* Fix IE. Hide from IE Mac \*/
* html #mainmenu ul li { float: left; height: 1%; }
* html #mainmenu ul li a { height: 1%; }
/* End */

#mainmenu ul li a:hover { color: #008fa5; background: #fff; } /* Hover Styles */
		
#mainmenu li ul li a { padding:3px 0px 3px 10px; } /* Sub Menu Styles */
#mainmenu li ul li a:hover { 
	padding:3px 0px 3px 10px;
	color: #008fa5;
	background-color:#D2D3D2;	
}

#mainmenu li:hover ul, #mainmenu li.over ul { display: block; } /* The magic */

/* ---------------------- interlinie webdesign ----------------------------*/

#interlinie {
	margin: 0 auto;
	width: 970px;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 10px;
	font-size: 9px;
	font-family:Arial, Helvetica, sans-serif;
}

.interlinie {
	color: #c5beb0;
}

a.interlinie:link, a.interlinie:visited {
	text-decoration: none;
	font-weight: normal;
	color: #c5beb0;
	font-size: 9px;
}
a.interlinie:hover, a.interlinie:active {
	text-decoration: none;
	color: #978f82;
	font-size: 9px;
}