/* HTML */
html, body { height: 100% }
body {
	color: #5f666e;
	background: #dedfde url(/img/bgr.gif) repeat-x;
}
body { font: 0.7em Arial, Helvetica, sans-serif }
body, form { margin: 0; padding: 0; }

a {
	color: #00adef;
	text-decoration: none;
}
a:hover { color: #5291de }
.brdOrange a { color: #f9af24 }
.brdOrange a:hover { color: #f26522 }

h1 { font: 1.6em 'Trebuchet MS', Arial, Helvetica, sans-serif }
h2 { font: bold 1.4em 'Trebuchet MS', Arial, Helvetica, sans-serif }
h3 { font: bold 1.1em Arial, Helvetica, sans-serif }
h1, h2, h3, p {
	margin: 0;
	padding: 1em 0 0;
}
.brdBlue h1,
.brdBlue h2,
.brdBlue h3 { color: #5291de }
.brdOrange h1,
.brdOrange h2,
.brdOrange h3 { color: #f26522 }


/* layout */
.yOffset {
	position: relative;
	height: 280px;
}
.yOffset.index {
	min-height: 280px;
	height: 50%;
}
#xOffset {
	position: absolute;
	left: 50%;
	height: 280px;
	bottom: 0;
}
#pageHolder {
	position: absolute;
	left: -390px;
	top: 0;
	width: 780px;
}
#header { height: 72px }
#logo {
	position: absolute;
	left: 24px;
	top: 16px;
	width: 196px;
	height: 43px;
	overflow: hidden;
	font: 1px/100px a;
	text-decoration: none;
	background: url(/img/logo.png);
	cursor: pointer;
}
#topPanel {
	position: absolute;
	right: 0;
	bottom: 0;
	height: 28px;
}
#nav {
	position: absolute;
	left: 8px;
	top: 8px;
	width: 202px;
	padding: 2px;
}
#nav a {
	display: block;
	position: relative;
	height: 18px;
	font: bold 0.9em/18px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.2ex;
	color: #fff;
	margin: 0 0 2px;
	padding: 0 8px 0 20px;
	z-index: 1;
	cursor: pointer;
}
#nav a .bgr {
	position: absolute;
	left: 0;
	top: 0;
	width: 202px;
	height: 18px;
	background: url(/img/faded_blue33.png);
	z-index: -1;
}
#nav a:hover .bgr,
#nav a:hover.on .bgr { background: #5291de }
#nav a.on .bgr { background: url(/img/faded_blue50.png) }
#nav a .bgr .bullet {
	position: absolute;
	left: 6px;
	top: 5px;
	width: 9px;
	height: 9px;
	overflow: hidden;
	background: url(/img/nav_bullet.png);
}
#nav a:hover .bgr .bullet,
#nav a.on .bgr .bullet { background: url(/img/nav_bullet_on.png) }
#navSub {
	position: absolute;
	left: 12px;
	top: 56px;
	width: 160px;
	min-height: 200px;
	text-align: right;
	padding: 12px 10px;
}
#navSub .shadTop {
	position: absolute;
	right: 0;
	top: -8px;
	width: 180px;
	height: 8px;
	overflow: hidden;
	background: url(/img/subnav_shad_top.png);
}
#navSub .shadRight {
	position: absolute;
	right: -8px;
	top: -8px;
	width: 8px;
	height: 202px;
	overflow: hidden;
	background: url(/img/subnav_shad_right.png);
}
#navSub a {
	display: block;
	position: relative;
	height: 35px;
	font: 14x Arial, Helvetica, sans-serif;
	text-transform: uppercase; 
	color: #5291de;
	padding: 0 10px 0;
}
#navSub a:hover { color: #f26522 }
#navSub a.on { color: #5f666e }
#navSub a .bullet {
	position: absolute;
	right: 0;
	top: 3px;
	width: 9px;
	height: 9px;
	overflow: hidden;
	background: url(/img/nav_bullet_on_f50.png);
}
#navSub a:hover .bullet,
#navSub a.on .bullet { background: url(/img/nav_bullet_on.png) }
#search {
	position: relative;
	height: 18px;
	font: 10px/18px Arial, Helvetica, sans-serif;
	color: #fff;
	padding: 5px;
	z-index: 1;
}
#search .bgr {
	position: absolute;
	left: 6px;
	top: 0;
	width: 186px;
	height: 6px;
	overflow: hidden;
	background: url(/img/search_bgr.png);
	z-index: -1;
}
#slogan {
	position: absolute;
	left: 240px;
	top: 36px;
	font: 18px 'Trebuchet MS', Arial, Helvetica, sans-serif;
	letter-spacing: 0.2ex;
	color: #fff !important;
}
#slogan h1 {
	font-size: 30px;
	font-weight: bold;
	margin: 0 0 -10px;
	padding: 0;
}
#content {
	min-height: 300px;
	letter-spacing: 0.1ex;
}
.index #content { min-height: 180px }
#footer {
	font-size: 0.9em;
	letter-spacing: 0.1ex;
	color: #dedfde;
	margin: 12px 0 4px;
}
#footer a { color: #fff }
#footer a:hover { text-decoration: underline }


/* global */
.fdBlack { background: url(/img/faded_black.png) }
.fdWhite { background: url(/img/faded_white.png) }
.border { border: 1px solid }
.grad {
	background: repeat-x;
	padding: 0 12px 16px;
}
.grad.hasSub { padding-left: 216px }
.brdBlue .grad { background-image: url(/img/grad_bl.gif) }
.brdOrange .grad { background-image: url(/img/grad_or.gif) }
.small { font-size: 0.9em }


/* rounded corners */
.crnTL,
.crnTR,
.crnBR,
.crnBL {
	display: block;
	position: absolute;
	width: 5px;
	height: 5px;
	overflow: hidden !important;
}
.crnTL {
	top: 0;
	left: 0;
	background: url(/img/crn_tl.png);
}
.crnTR {
	top: 0;
	right: 0;
	background: url(/img/crn_tr.png);
}
.crnBR {
	bottom: 0;
	right: 0;
	background: url(/img/crn_br.png);
}
.crnBL {
	bottom: 0;
	left: 0;
	background: url(/img/crn_bl.png);
}
.border .crnTL {
	top: -1px;
	left: -1px;
}
.border .crnTR {
	top: -1px;
	right: -1px;
}
.border .crnBR {
	bottom: -1px;
	right: -1px;
}
.border .crnBL {
	bottom: -1px;
	left: -1px;
}
.brdBlue .crnTL { background: url(/img/crn_bl_tl.png) }
.brdBlue .crnTR { background: url(/img/crn_bl_tr.png) }
.brdBlue .crnBR { background: url(/img/crn_bl_br.png) }
.brdBlue .crnBL { background: url(/img/crn_bl_bl.png) }
.brdOrange .crnTL { background: url(/img/crn_or_tl.png) }
.brdOrange .crnTR { background: url(/img/crn_or_tr.png) }
.brdOrange .crnBR { background: url(/img/crn_or_br.png) }
.brdOrange .crnBL { background: url(/img/crn_or_bl.png) }


/* icons */
.tNavBtn {
	float: left;
	width: 11px;
	height: 11px;
	overflow: hidden;
	font: 1px/100px a;
	margin: 9px 9px 0;
}
.tnbContact { background: url(/img/icons/11/contact.gif) }
.tnbContact:hover,
.tnbContactOn { background: url(/img/icons/11/contact_ovr.gif) }
.tnbHome { background: url(/img/icons/11/home.gif) }
.tnbHome:hover,
.tnbHomeOn { background: url(/img/icons/11/home_ovr.gif) }
.tnbSitemap { background: url(/img/icons/11/sitemap.gif) }
.tnbSitemap:hover,
.tnbSitemapOn { background: url(/img/icons/11/sitemap_ovr.gif) }


/* flags */
.flag {
	float: left;
	width: 16px;
	height: 11px;
	overflow: hidden;
	font: 1px/100px a;
	border: 1px solid #989fa6;
	margin: 7px 11px 0 0;
}
.flag:hover,
.flag.on { border-color: #fff }
.flgBG { background: url(/img/flags/bg.gif) }
.flgEE { background: url(/img/flags/ee.gif) }
.flgEN { background: url(/img/flags/gb.gif) }
.flgGR { background: url(/img/flags/gr.gif) }
.flgNL { background: url(/img/flags/nl.gif) }



/* form objects */
textarea { overflow: auto }
.field {
	font-size: 1em;
	color: #7a4b7b;
	background: #fff;
	border: 1px solid #7a4b7b;
}
#search .field {
	width: 120px;
	vertical-align: middle;
	color: #fff;
	background: #a7bfde;
	border-color: #fff;
	margin: 0 2px;
}
#search .button {
	width: 16px;
	height: 16px;
	vertical-align: middle;
	background: url(/img/icons/16/magnifier.png);
}


/* colors */
.bgrWhite { background-color: #fff !important }
.brdBlue { border-color: #a1bbdc !important }
.brdOrange { border-color: #f9af24 !important }


/* dummies */
.clear { clear: both }
.flLeft { float: left }
.flRight { float: right }
.aLeft { text-align: left }
.aRight { text-align: right }
.aCenter { text-align: center }
.block { display: block }
.ofh { overflow: hidden }
.rel { position: relative }
.abs { position: absolute }

.vMiddle { vertical-align: middle }

.wFull { width: 1000px }
.w100p { width: 100% }
.w110p { width: 110% }
.index .border.wLS { width: 220px }
.index .border.wCR { width: 534px }
.h100p { height: 100% }
.noHgh {
	height: 0 !important;
	overflow: hidden !important;
}

.fs9 { font-size: 9px !important }
.fs10 { font-size: 10px !important }
.fs11 { font-size: 11px !important }
.fs14 { font-size: 14px !important }
.fs20 { font-size: 20px !important }
.uc { text-transform: uppercase }

.mar2 { margin: 2px }
.mar2btm { margin-bottom: 2px }
.pad2 { padding: 2px }
.pad8 { padding: 8px }



/* admin */
table {
	border: 0px;
	border-collapse: collapse;
}
table td,
table th {
	border: 0px;
	padding: 2px 4px;
}



/* admin */
.tblgrid {
	border: 1px solid #ccc;
	border-collapse: collapse;
}
.tblgrid td,
.tblgrid th {
	border: 1px solid #ccc;
	padding: 2px 4px;
}
.tblgrid th {
	color: #fff;
	background: #5291de;
	border-color: #fff;
}
.tblgrid tr.odd td { background: #eee }


.admin_table {
	border: 0px;
	padding: 2px 4px;
}

.admin_table td {
	border: 0px;
	padding: 0px 0px;
}

.admin_table tr {
	border: 0px;
	padding: 0px 0px;
}