/* Global Styles */
html, body {margin:0 auto; }
/* end hack */
#wrapper {
	position:absolute;
	left:50%;
	margin-left:-470px;/* half width*/
}
body {
	background-color: #016559;
	margin: 0;
	padding: 0;
	
}
body,td,th {
	font-family: Comic Sans MS;
	font-size: 14px;
	color: #00382f;
}
#main {
	float:left;
	width:940px;
	height:auto;
	min-height:550px;
	background-color:#6ccebf;
	
}
#header {
	display:block;
	position:fixed;
	left:50%;
	margin-left:-470px;
	width:940px;
	height:100px;
	text-align:left;
	color:#9FF;
	padding-left:200px;
	padding-top:78px;
	background-image:url(../layout/header.jpg);
	background-repeat:no-repeat;
	font-size:12px;
}
#logo {
	float:left;
	width:160px;
	height:160px;
	background-image:url(../layout/logo.jpg);
	background-repeat:no-repeat;
	margin:5px;
}
#kolomnav {
	display:block;
	position:fixed;
	left:50%;
	margin-left:-465px;
	width:170px;
	height:auto;
	margin-top:5px;
	background-image:url(../layout/linkerachtergrond.jpg);
	background-repeat:repeat-y;
}
#kolompag {
	float:left;
	width:755px;
	height:auto;
	margin-top:100px;
	margin-left:175px;
	
}

.kolom {
	float:left;
	width:180px;
	height:auto;
	margin-left:0px;
	margin-top:5px;
	margin-right:2px;
}
#footer {
	float:right;
	width:755px;
	height:auto;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
	margin-top:5px;
	margin-bottom:5px;
	margin-left:10px;
	margin-right:-7px;
	
	border-width:2px;
	border-color:#016559;
	border-style:solid;
	background-color:#adffff;
}

.kolombreed1 {
	float:left;
	width:740px;
	height:auto;
	margin-left:190px;
	margin-right:10px;
	margin-top:10px;
}
.kolomtekst {
	float:left;
	width:735px;
	height:auto;
	min-height:440px;
	margin:3px;
	padding-left:10px;
	padding-right:10px;
	border-width:2px;
	border-color:#016559;
	border-style:solid;
	background-color:#ffffff;
}
.kolomtekstadmin {
	float:left;
	width:735px;
	height:auto;
	min-height:750px;
	margin:3px;
	padding-left:10px;
	padding-right:10px;
	border-width:2px;
	border-color:#016559;
	border-style:solid;
	background-color:#ffffff;
}

.kolomtekstkoopjeshoek {
	float:left;
	width:735px;
	height:auto;
	min-height:374px;
	margin:3px;
	padding-left:10px;
	padding-right:10px;
	border-width:2px;
	border-color:#016559;
	border-style:solid;
	background-color:#ffffcc;
}
.kolomtekstnav {
	float:left;
	width:735px;
	height:auto;
	margin:3px;
	padding-left:10px;
	padding-right:10px;
	border-width:2px;
	border-color:#016559;
	border-style:solid;
	background-color:#ffffff;
}
.kolomtekstkoopjeshoeknav {
	float:left;
	width:735px;
	height:auto;
	margin:3px;
	padding-left:10px;
	padding-right:10px;
	border-width:2px;
	border-color:#016559;
	border-style:solid;
	background-color:#ffff88;
}
.kolomtekstindex {
	float:left;
	width:735px;
	height:auto;
	margin:3px;
	padding-left:10px;
	padding-right:10px;
	border-width:2px;
	border-color:#016559;
	border-style:solid;
	background-color:#ffffff;
	background-image:url(../layout/index_bg.jpg);
	background-repeat:no-repeat;
}
.kadernieuwsbrief {
	float:left;
	width:200px;
	height:auto;
	margin-left 0px;
	margin-top:0px;
}
.kadertop {
	float:left;
	width:180px;
	height:40px;
	background-image:url(../layout/boxbz.jpg);
	background-repeat:no-repeat;
	margin-left: 5px;
	text-align:center;
	font-weight:bold;
	color:#FFFFFF;
}
.kadertekst {
	float:left;
	width:170px;
	height:auto;
	background-image:url(../layout/boxmd.jpg);
	background-repeat:repeat-y;
	margin-left: 5px;
	padding-top: 2px;
	padding-bottom: 3px;
	padding-left:5px;
	padding-right:5px;
	font-size: 12px;
}
.kaderbodem {
	float:left;
	width:180px;
	height:5px;
	background-image:url(../layout/boxoz.jpg);
	background-repeat:no-repeat;
	margin-left: 5px;
	padding-bottom:10px;
}
.kadertussen {
	float:left;
	width:180px;
	height:3px;
	background-image:url(../layout/boxts.jpg);
	background-repeat:no-repeat;
	margin-left: 5px;
}
.kadertopnav {
	float:left;
	width:160px;
	height:20px;
	background-image:url(../layout/boxbznav.jpg);
	background-repeat:no-repeat;
	margin-left: 5px;
	text-align:center;
	font-weight:bold;
	color:#FFFFFF;
}
.kadertekstnav {
	float:left;
	width:150px;
	height:auto;
	background-image:url(../layout/boxmdnav.jpg);
	background-repeat:repeat-y;
	margin-left: 5px;
	padding-top: 2px;
	padding-bottom: 3px;
	padding-left:5px;
	padding-right:5px;
	font-size: 13px;
}
.kadertekstnavkoop {
	float:left;
	width:150px;
	height:auto;
	background-image:url(../layout/boxmdnav.jpg);
	background-repeat:repeat-y;
	margin-left: 5px;
	padding-top: 2px;
	padding-bottom: 3px;
	padding-left:5px;
	padding-right:5px;
	font-size: 13px;
}
.kaderbodemnav {
	float:left;
	width:160px;
	height:5px;
	background-image:url(../layout/boxoznav.jpg);
	background-repeat:no-repeat;
	margin-left: 5px;
	padding-bottom:10px;
}
.kadertussennav {
	float:left;
	width:160px;
	height:3px;
	background-image:url(../layout/boxtsnav.jpg);
	background-repeat:no-repeat;
	margin-left: 5px;
}
.tussen {
	float:left;
	width:160px;
	height:3px;
	background-image:url(../layout/boxtussen.jpg);
	background-repeat:no-repeat;
	margin-left: 5px;
}
.kolom3 {
	float:left;
	width:240px;
	height:auto;
	margin-left:0px;
	margin-top:5px;
	margin-right:3px;
}
.kadertop3 {
	float:left;
	width:240px;
	height:40px;
	background-image:url(../layout/boxbz3.jpg);
	background-repeat:no-repeat;
	margin-left: 5px;
	text-align:center;
	font-weight:bold;
	color:#FFFFFF;
}
.kadertekst3 {
	float:left;
	width:240px;
	height:auto;
	background-image:url(../layout/boxmd3.jpg);
	background-repeat:repeat-y;
	margin-left: 5px;
	padding-top: 2px;
	padding-bottom: 3px;
	padding-left:5px;
	padding-right:5px;
	font-size: 14px;
}
.kaderbodem3 {
	float:left;
	width:240px;
	height:5px;
	background-image:url(../layout/boxoz3.jpg);
	background-repeat:no-repeat;
	margin-left: 5px;
	padding-bottom:10px;
}
.kadertussen3 {
	float:left;
	width:240px;
	height:3px;
	background-image:url(../layout/boxts3.jpg);
	background-repeat:no-repeat;
	margin-left: 5px;
}

.prod {
	float:left;
	width:165px;
	height:auto;
	margin-left: 0px;
	margin-top: 5px;
}
.prodtop {
	float:left;
	width:140px;
	height:20px;
	background-image:url(../layout/smboxbz.jpg);
	background-repeat:no-repeat;
	margin-left: 5px;
	text-align:center;
	font-size: 14px; color: #FFFFFF; font-weight: bold;
}
.prodnav {
	float:left;
	width:20px;
	height:20px;
	background-image:url(../layout/smboxbznav.jpg);
	background-repeat:no-repeat;
	text-align:center;
}
.prodtekst {
	float:left;
	width:140px;
	height:auto;
	background-image:url(../layout/smboxmd.jpg);
	background-repeat:repeat-y;
	margin-left: 5px;
	padding-top: 5px;
	padding-left:10px;
	padding-right:10px;
}
.prodbodem {
	float:left;
	width:160px;
	height:6px;
	background-image:url(../layout/smboxoz.jpg);
	background-repeat:no-repeat;
	margin-left: 5px;
}

#linkerkolom {
	float:left;
	width:215px;
	height:auto;
}
#middenkolom {
	float:left;
	width:500px;
	padding-top:10px;
	height:auto;
}
#logsheetkolom {
	float:left;
	width:910px;
	padding:10px;
	height:auto;
}

#rechterkolom {
	float:left;
	width:215px;
	padding:0px;
}
#overzichtkolom {
	float:left;
	width:715px;
	padding-top:10px;
	height:auto;
}
.imgfloatright {
	float: right;
	margin: 10px;
}
.twright {
	float: right;
}
.imgfloatleft {
	float: left;
	margin: 10px;
	
}
.imgfloatleft1 {
	float: left;
	margin: 0px;
	
}
.hiddenPic { display:none; }
.kadertext { font-size: 14px; color: #FFFFFF; font-weight: bold; }
h1 {font-size: 16px; font-weight: bold; color:#00382f; }
h2 {font-size: 16px; font-weight: bold; color:#00382f; }
.artikeltext {font-size: 10px; font-weight: bold; color:#00382f; }
.logsheettext {font-size: 11px; color:#00382f; }
.artikelalert {font-size: 10px; font-weight: bold; color:#ff0000; }
.productalert {font-size: 10px; font-weight: bold; color:#016559; }
.tekstalert {font-size: 14px; font-weight: normal; color:#ff0000; }
.tekstantwoord {font-size: 14px; font-weight: normal; color:#00382f; }
.overzichttextvet {font-size: 13px; font-weight: bold; color:#00382f; }
.overzichttextnormaal {font-size: 13px; font-weight: normal; color:#00382f; }
.overzichttextkorting {font-size: 13px; font-weight: normaal; color:#ff0000; }
.overzichttextkortingvet {font-size: 13px; font-weight: bold; color:#ff0000; }
.tab { font-size: 12px; }
.tabel{
	padding: 5px;
	text-align:justify;
}
.wit { color: #FFFFFF; }
a.lnkhov:link { color: #0c7174; text-decoration: none; }
a.lnkhov:active { color: #0c7174; text-decoration: none; }
a.lnkhov:visited { color: #0c7174; text-decoration: none; }
a.lnkhov:hover { color: #c27200; text-decoration: none; }
a.blinkhov:link { color: #0c7174; text-decoration: blink; }
a.blinkhov:active { color: #0c7174; text-decoration: blink; }
a.blinkhov:visited { color: #0c7174; text-decoration: blink; }
a.blinkhov:hover { color: #c27200; text-decoration: blink; }
a.menuhov:link { color: #e0ae17; text-decoration: underline; }
a.menuhov:active { color: #e0ae17; text-decoration: underline; }
a.menuhov:visited { color: #e0ae17; text-decoration: underline; }
a.menuhov:hover { color: #c27200; text-decoration: none; }
a.redhov:link { color: #ff0000; text-decoration: underline; }
a.redhov:active { color: #ff0000; text-decoration: underline; }
a.redhov:visited { color: #ff0000; text-decoration: underline; }
a.redhov:hover { color: #000000; text-decoration: none; }
a.greenhov:link { color: #008000; text-decoration: underline; }
a.greenhov:active { color: #008000; text-decoration: underline; }
a.greenhov:visited { color: #008000; text-decoration: underline; }
a.greenhov:hover { color: #000000; text-decoration: none; }
a.mainhov:link { color: #8fc0ef; text-decoration: none; font-weight: bold; }
a.mainhov:active { color: #8fc0ef; text-decoration: none;font-weight: bold;  }
a.mainhov:visited { color: #8fc0ef; text-decoration: none; font-weight: bold; }
a.mainhov:hover { color: #ffff00; text-decoration: none; font-weight: bold; }
a.cwhov:link { font-size: 10px; color: #0c7174; text-decoration: none; }
a.cwhov:active { font-size: 10px; color: #0c7174; text-decoration: none; }
a.cwhov:visited { font-size: 10px; color: #0c7174; text-decoration: none; }
a.cwhov:hover { font-size: 10px; color: #c27200; text-decoration: none; }
#vars {
	position:absolute;
	left: 800px;
	top: 0px;
	width:250px;
	height:auto;
	background-color:#FFFFFF;
}
.style1 {
	font-size: 24px;
	font-family: Arial, Helvetica, sans-serif;
}
.pb
{
	font-size: 18px;
	font-weight: bold;
}
table.tc {
	border: 1px solid #016559;
}
td.tc {
	border: 1px solid #016559;
}
td.sm {
	border: 1px solid #016559;
	font-size: 10px;
}
.smrood {
	font-size: 10px;
	color:#F00;
}
td.sgra {
	border: 1px solid #016559;
	background-color: #9ff2e3;
	font-size: 10px;
}
td.srda {
	border: 1px solid #016559;
	background-color: #ff7a7a;
	font-size: 10px;
}

.smallit { font-size: 10px; font-style:italic; }
.small { font-size: 8px; }
.smallnorm { font-size: 12px;  }
.textnorm { font-size: 14px;  }
hr { background-color: #0c7174; height:1px; }
hr.hr2  { background-color: #0c7174; height:3px; }
oudeprijs { text-decoration:line-through; }
nieuweprijs { color: #FF0000; }
td.ah {
	border: 1px solid #fff299;
	color:#fff299;
	background-color:#4d2500;
	
}
td.tt {
	border: 1px solid #fff299;
	color:#fff299;
	background-color:#946100;
}
td.zm {
	border: 1px solid #fff299;
	background-color:#fff299;
}
td.ms {
	border: 1px solid #fff299;
}
td.tg {
	border: 1px solid #fff299;
	background-color:#ffc26e;
}
td.nw {
	border: 1px solid #fff299;
	background-color:#ffde89;
}