@charset "utf-8";
/********************* SITE LAYOUT ************************/

html { overflow-x: hidden; overflow-y: auto }

body {
	padding: 0;
	margin: 0;
	font-family: Tahoma; font-size: 11px;
	color: #555;
	cursor: default;
	background: url("../images/layout/bg.gif") repeat-x top left;
}

/********** PAGE LAYOUT ***********/
#top { 
	height: 119px;
	width: 100%;
	margin-bottom: 13px;
	background: #fff url("../images/top/bg.gif") repeat-x top left;
 }
 #top H1 { position: absolute; z-index: 10; left: 24px; top: 23px; margin: 0; padding: 0; width: 462px; height: 73px; text-indent: -9999px; overflow: hidden; background: url("../images/top/logo.jpg") }
 #top .bgpic { position: absolute; z-index: 5; left: 471px; top: 0px; width: 588px; height: 116px; background: url("../images/top/bgpic.jpg") }
 /* #top wordt niet meer gebruikt ***/

#container { position: relative; width: 1235px; top: 12px }
#navContainer { float: left; width: 184px }

#navContainer H1 { position: absolute; left: 22px; top: 12px; z-index: 1; margin: 0 auto; padding: 0; width: 164px; height: 28px; text-indent: -9999px; overflow: hidden; background: url("../images/top/logo.jpg") }

#pageContainer { position: relative; float: left; width: 800px }
#frameTop { width: 100%; height: 15px; background: url("../images/layout/contentTop.gif") }
#frameBottom {
	width: 100%;
	height: 15px;
	background-image: url("../images/layout/contentBottom.png")!important;
	background-image: none;
	filter: none !important;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/layout/contentBottom.png");
}

#frameContent {
	position: relative;
	width: 800px; /* BOX-MODEL HACK IE5.5 */
	border-left: 5px solid #f7f7f7;
	border-right: 5px solid #f7f7f7;
	font-size: 10px;
	color: #393939;
	background-color: #FFFFFF;
	padding: 0 22px 10px 22px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 746px; /* juiste width , de eerste is IE5.5 HACK * BOX-MODEL */
}

UL#footer { position: relative; margin: 12px 0 60px 0; padding: 0; font-size: 10px; color: #3c3c3c; line-height: 13px }
UL#footer LI { list-style-type: none }
ul#footer #left {float: left; margin-left: 20px }
ul#footer #right { float: right; margin-right: 20px }

#bc { position: absolute; z-index: 1; bottom: 50px; left: 1015px; width: 218px; height: 369px;
	background-image: url("../images/layout/bc.png")!important;
	background-image: none;
	filter: none !important;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/layout/bc.png");
 }

/**** Newsletter *****/
.nlContainer { position: relative; width: 746px; height: 30px }
.nlLeft { float: left; width: 10px; height: 30px; background: #f7f7f7 url("../images/layout/newsletterLeft.gif") repeat-x left }
.nlRight { float: left; width: 10px; height: 30px; background: #f7f7f7 url("../images/layout/newsletterRight.gif") repeat-x left }
.nlContent { float: left; height: 100%; color: #393939; width: 726px; background: #f7f7f7 url("../images/layout/newsletterContent.gif") repeat-x left }

.nlContainer a { cursor: pointer; cursor: hand } /*** IE 7 Bug, in a link bij zichtbaar maken unsubscribe divje..  door a href="#" .. vandaar cursor: hand in de plaats ***/

#nlUnsub { position: absolute; right: 10px; top: 27px; text-align: center; background-color: #fff; border: 1px solid #CCCCCC; padding: 5px 2px 5px 5px; z-index: 200 }
#nlUnsub INPUT { font-size: 10px; padding: 1px 2px 1px 2px; margin-bottom: 5px; color: #959595; font-family: Tahoma; width: 130px }
#nlUnsub H4 { margin: 1px 0 5px 0; padding: 0; font-size: 10px; color: red; font-weight: normal }
.nlClose a { position: absolute; display: block; bottom: 3px; right: 3px; width: 9px; height: 9px; background: url("../images/close.gif") top no-repeat }

.nlContent H2 { margin: 0; padding: 0; font-family: "Trebuchet MS"; font-weight: bold; font-style: italic; font-size: 16px; letter-spacing: -1px; color: #2a7fbe }
.nlContent FORM { margin: 0; padding: 0 }
.nlContent INPUT { font-size: 10px; padding: 1px 2px 1px 2px; color: #959595; font-family: Tahoma; width: 130px }
#de_inpEmail { width: 116px }
#de_sltLand { width: 80px }
#ru_sltLand { width: 120px }
.nlContent SELECT { font-size: 10px; padding-top: 1px; color: #959595; font-family: Tahoma }
.nlContent TABLE { font-size: 10px; position: relative; top: 4px }
/*********************/

/**** Tabs ***********/
.tabContainer { width: 746px; height: 37px; margin: 12px 0 10px 0 }
.tabContainer .tabHR { margin: 0; padding: 0; font-size: 1px; width: 100%; height: 6px; background: url("../images/tabs/hr.gif") no-repeat left }

.tab a { display: block; padding: 12px 0 0 34px; width: 142px; height: 31px; text-decoration: none; color: #393939; position: relative; float: left;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 108px;
	height: 19px
}
.tab a:hover { font-weight: bold; color: #FFFFFF }

#tabLocator a { background: url("../images/tabs/kopentrainen.gif") }
#tabLocator a:hover { background-position: -149px 0 }
#tabLocatorActive a { background: url("../images/tabs/kopentrainen.gif"); background-position: -149px 0 }
#tabLocatorActive.tab a { font-weight: bold; color: #FFFFFF }

#tabTool a { background: url("../images/tabs/personaltool.gif") }
#tabTool a:hover { background-position: -149px 0 }
#tabToolActive a { background: url("../images/tabs/personaltool.gif"); background-position: -149px 0 }
#tabToolActive.tab a { font-weight: bold; color: #FFFFFF }

#tabFaq a { background: url("../images/tabs/faq.gif") }
#tabFaq a:hover { background-position: -149px 0 }
#tabFaqActive a { background: url("../images/tabs/faq.gif"); background-position: -149px 0 }
#tabFaqActive.tab a { font-weight: bold; color: #FFFFFF }

#tabRef a { background: url("../images/tabs/reference.gif") }
#tabRef a:hover { background-position: -149px 0 }
#tabRefActive a { background: url("../images/tabs/reference.gif"); background-position: -149px 0 }
#tabRefActive.tab a { font-weight: bold; color: #FFFFFF }
/*******/
.tabBig a { display: block; padding: 12px 0 0 34px; width: 172px; height: 31px; text-decoration: none; color: #393939; position: relative; float: left;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 138px;
	height: 19px
}
.tabBig a:hover { font-weight: bold; color: #FFFFFF }

.tabBig#tabTool a { background: url("../images/tabs/personaltool_large.gif") }
.tabBig#tabTool a:hover { background-position: -179px 0 }
.tabBig#tabToolActive a { background: url("../images/tabs/personaltool_large.gif"); background-position: -179px 0 }
#tabToolActive.tabBig a { font-weight: bold; color: #FFFFFF }

.tabBig#tabFaq a { background: url("../images/tabs/reference_large.gif") }
.tabBig#tabFaq a:hover { background-position: -179px 0 }
.tabBig#tabFaqActive a { background: url("../images/tabs/reference_large.gif"); background-position: -179px 0 }
#tabFaqActive.tabBig a { font-weight: bold; color: #FFFFFF }

/*********************/

/**** FRAMES KADERKES **/
.frmHome { width: 746px; height: 225px; padding: 6px 6px 0 6px; background: #f7f7f7 url("../images/frames/bghome.gif");
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 734px;
	height: 219px
}
.frmIntro { float: left; width: 400px; height: 213px }
.frmBlue { float: left; width: 162px; height: 213px; margin-left: 5px; margin-bottom: 6px; background: url("../images/frames/frmBlue.jpg"); color: #526774; font-size: 10px }
#frmContact { position: relative; text-align: center }
#frmContact H1 { position: relative; margin: 102px 0 0 0; padding: 0; font-size: 10px; font-weight: bold; z-index: 20 }
#frmContact H1#less { margin: 92px 0 0 0 }
#frmContact H2 { position: relative; margin: 0; padding: 0; font-size: 10px; font-weight: normal; margin-bottom: 10px; line-height: 14px; z-index: 20 }
H2#adres { text-align: left; width: 100px; margin: 0 auto }
#frmContact a:visited { color: #006cff }
#frmContact .contactbg { position: absolute; width: 115px; height: 108px; top: 17px; left: 24px; z-index: 10; background: url("../images/frames/frmContactbg.jpg") }
#frmActua H2 { margin: 5px 0 0 0; padding: 0; font-family: "Trebuchet MS"; font-weight: bold; font-style: italic; font-size: 16px; letter-spacing: -1px; color: #2a7fbe; text-align: center }

.frm { width: 174px; height: 444px; padding: 6px 0px 0px 1px; background: #f7f7f7 url("../images/frames/bg.gif");
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 173px;
	height: 438px
}
/**********************/
 
 
/**********************************/

/************ ACTUA ***************/
#marqueecontainer{
	position: relative;
	margin: 0 auto;
	width: 144px; /*marquee width */
	height: 175px; /*marquee height */
	overflow: hidden;
}
#vmarquee { position: relative; width: 100%; text-align: center }
#vmarquee HR { position: relative; width: 100%; border: 0px; height: 1px; background-color: gray; color: gray; padding: 0 }
#vmarquee img { border: 0px }
/**********************************/


/*********** NETWORK **************/
.netContainer { position: relative; margin: 15px 0 10px 0; width: 527px }
.frmNetwerk { margin: 0; padding: 0 }
.netTop { width: 100%; height: 13px; font-size: 1px; background: url("../images/netwerk/frmtop.gif") }
.netBottom { width: 100%; height: 13px; font-size: 1px; background: url("../images/netwerk/frmBottom.gif") }
.netContent {
	width: 527px;
	border-left: 2px solid #dddddd;
	border-right: 2px solid #dddddd;
	padding: 0;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 523px; /* juiste width , de eerste is IE5.5 HACK * BOX-MODEL */	
} 
#net1 { width: 475px; padding: 0 0 5px 48px; background-color: #CCCCCC; background: url("../images/netwerk/1.gif") no-repeat top left }
#net2 { display: none; width: 475px; margin-top: 10px; padding: 10px 0 5px 48px; border-top: 1px solid #ddd; background-color: #999; background: url("../images/netwerk/2.gif") no-repeat top left }
#net3 { display: none; width: 475px; margin-top: 10px; border-top: 1px solid #ddd; padding: 10px 0 5px 48px; background-color: #CCCCCC; background: url("../images/netwerk/3.gif") no-repeat top left }
#net4 { display: none; width: 475px; margin-top: 10px; border-top: 1px solid #ddd; padding: 10px 0 5px 48px; background-color: #CCCCCC; background: url("../images/netwerk/2.gif") no-repeat top left }

#net1 INPUT { float: left; position: relative; top: 5px; margin: 0 5px 0 0 }
#net1 BLOCKQUOTE { float: left; font-size: 10px; margin: 0; padding: 0; width: 210px }
#net1 H3 { margin: 0; padding: 0 0 9px 0; font-family: Trebuchet MS; text-decoration: none; font-size: 28px; line-height: 23px; color: #ee2e24; font-weight: bold; letter-spacing: -1px }

#net2 SELECT { float: left; margin: 5px 5px 0 0; width: 140px; font-size: 10px; height: 20px; margin-left: 3px }
#net2 INPUT { padding: 1px 2px 1px 2px; font-size: 10px; margin: 2px 0 0 9px }
#net2 INPUT.inp1 { float: left; position: relative; margin: 0 5px 0 0 }
#net2 INPUT.inp2 { float: left; position: relative; margin: 0 0 0 17px }
#net2 .world { float: left; margin-left: 5px; width: 51px; height: 32px; background: url("../images/netwerk/world.gif") }

#net3 STRONG { margin: 0 0 5px 6px; display: block }
#net3 LABEL { margin: 10px 10px 0 5px }
#net3 INPUT { vertical-align: middle; margin: 0 0 0 5px; padding: 0 }

#net4 SELECT { float: left; margin: 5px 5px 0 0; width: 140px; font-size: 10px; height: 20px; margin-left: 3px }
#net4 .world { float: left; margin-left: 5px; width: 51px; height: 32px; background: url("../images/netwerk/world.gif") }

LABEL.lblCountry { float: left; margin: 5px 5px 0 4px; line-height: 20px }
.orderSelect { font-size: 10px; color: #293b53 }

#search { display: none; float: right; margin: 10px 10px 0 0 }

.tblNetwerk { position: relative; left: -10px; font-size: 11px }
.tblNetwerk td { position: relative; width: 159px; background-color: #fff; border: 1px solid #f4f4f4; padding: 5px 5px 10px 10px; vertical-align: top }
.tblNetwerk td:hover { background-color: #fafafa; border: 1px solid #e5e5e5 }
.tblNetwerk td.emptyTD { border: none }
.tblNetwerk td.emptyTD:hover { background-color: #fff; border: none }

.recordContainer { position: relative; margin: 10px 0 20px 0; width: 545px; font-size: 11px }
.record { position: relative; float: left; width: 159px; background-color: #fff; border: 1px solid #ededed; padding: 10px 5px 10px 10px; margin: 5px 5px 5px 0 }
.record:hover { background-color: #fafafa; border: 1px solid #e5e5e5 }


IMG.flag { position: absolute; right: 2px; bottom: 2px; border: 1px solid #ededed }

a.preview { position: absolute; top: 22px; right: 2px; display: block; width: 16px; height: 16px; margin-bottom: 5px; font-size: 1px; background: url("../images/preview.gif") }
a.preview:hover { background-position: -16px 0 }
a.preview2 { position: absolute; top: 22px; right: 2px; display: block; width: 16px; height: 16px; font-size: 1px; background: url("../images/preview2.gif") }
a.preview2:hover { background-position: -16px 0 }
a.website { position: absolute; top: 2px; right: 2px; text-indent: -9999px; overflow: hidden; margin-bottom: 5px; display: block; width: 16px; height: 16px; font-size: 1px; background: url("../images/website.gif") }
a.website:hover { background-position: -16px 0 }

a.orderLink:visited { color: #006cff }

/**********************************/


/***** TOOLTIP *****/
#tooltip{
	position: absolute;
	padding: 2px 5px 2px 5px;
	font-size: 10px;
	color: #ffffff;
	background-color: #4FA3FF;
	visibility: hidden;
	z-index: 5000;
}
#imgtooltip{
	position: absolute;
	border: 1px solid #CCCCCC;
	padding: 2px;
	background-color: #ffffff;
	visibility: hidden;
	z-index: 5000;

}
/*******************/

BR.clear { clear: both }

a { color: #006cff }
a:visited { color: #2e62a9 }
a.linkRight { float: right; position: relative; right: 0px; top: 10px }

.btn a { display: block; cursor: pointer; cursor: hand; width: 55px; height: 21px; text-align: center; color: #FFFFFF; font-size: 10px; background: url("../images/btn.gif"); font-weight: bold; line-height: 20px; text-decoration: none }
.btn a:hover { text-decoration: none; color: #FFFFFF; background-position: -55px 0 }
.btn a:visited { color: white }

.btn2 a { display: block; cursor: pointer; cursor: hand; width: 60px; height: 21px; text-align: center; color: #FFFFFF; font-size: 10px; background: url("../images/btn2.gif"); font-weight: bold; line-height: 20px; text-decoration: none }
.btn2 a:hover { text-decoration: none; color: #FFFFFF; background-position: -60px 0 }
.btn2 a:visited { color: white }


/**********************************************************/