/* 
	DESIGN BY INTRASERVE | intraserve.enl
	LAPIS LAZULI NL VERSIE LATEST
*/

@charset "utf-8";

body{ width:100%; margin:0; padding:0; position:relative;}

/* RESET ELEMENTS */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}


body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


a img{ border:0; }

.ui-tabs-hide { display: none; }


/* BACKGROUND PROPERTIES */
#background-image{ width:100%; }
#background-image img{ width:100%; position:absolute; z-index:9;}









/* BIG ID BLOCKS */
#wrapper{ width:960px; height:auto; margin:0 auto; position:relative; z-index:99; }
#top{ width:960px; height:67px; margin-bottom:20px;} 
#middle{ width:960px;}
#bottom{ width:960px; height: 100px; margin-top:60px; text-align:center; font:12px Arial; color:#a4a4a4; }









/* TOP PROPERTIES */
#top img.logo{ float:left; margin-right:53px; }
.top-quicknav{ float: left; width:auto; padding-top:14px; height:30px; padding-left:8px; border-left:1px solid #e5ebee; text-transform:uppercase; font:10px Arial; margin-right:35px; color:#a4a4a4; }
.top-quicknav.last{ margin:0; }

.top-quicknav span{ font-size:11px; color:#c2c8d4; font-weight:bold; letter-spacing:0.05em; margin-bottom:4px; display:block; }
.top-quicknav a{ color:#a4a4a4; text-decoration:none;}
.top-quicknav a:hover{ color:#4e7bbc; }









/* BIG PROMO PROPERTIES */
#direct{ width:950px; display:block; padding-right:10px; text-align:right; }
#direct a {text-decoration:none; font:10px Trebuchet ms; color:#a4a4a4; text-transform:uppercase; font-weight:bold; letter-spacing:0.05em;}
a:hover.direct{ color:#4e7bbc; }
.big-promo{ width:960px; height:281px; background:url('../images/promo-blok.png') no-repeat top center; position:relative;}
.big-promo-items{ width:200px; margin-bottom:15px; height:auto; position:absolute; bottom:0; right:0;}
.big-promo-items span{ float:left; margin-right:5px; font:11px Trebuchet ms; color:#fff; } 
.big-promo-items ul{ list-style:none; margin:0; padding:0; }
.big-promo-items ul li{ float: left; margin-left:5px; }
.big-promo-items ul li a{ display:block; padding-left:5px; padding-right:5px; background:#6f91c4; font:11px Trebuchet ms; color:#fff; text-decoration:none; }
.big-promo-items ul li a:hover{ background:#fff; color:#6f91c4; }
.big-promo-items li a:hover, .big-promo-items li a:active, .big-promo-items li.ui-tabs-selected a { background: #fff; color:#6f91c4; }

.big-promo-content{ width:930px; height:281px; padding-left:30px; font:12px Trebuchet ms; color:#fff; line-height:18px;}
.big-promo-content img{ float:right; position: relative;}
.big-promo-content h1{ display:block; font-size:35px; letter-spacing:-0.025em; color:#fff; text-transform:uppercase; font-weight:normal; margin:0; padding:0; margin-bottom:25px; padding-top:30px;}
.big-promo-content h1.first{ color:#d1e4fe; margin-right:7px; }
.big-promo-links{ height:60px; position: absolute; left:0; bottom:0; padding-left:20px;}
.big-promo-links a{ display: block; margin-left:10px; font:11px Trebuchet ms; color:#c8dcf8; text-decoration:none; margin-bottom:10px;}
.big-promo-links a:hover{ color:#fff;}
.big-promo-image{width:295px; height:281px;float:right;z-index:999;}









/* BIG NAV PROPERTIES */
.big-wrap{ width:960px; height:190px; clear:both; margin-top:25px; }
.big-blok{ width:960px; height:160px; clear:both; }
.big-blok-top{ width:960px; height:15px; background:url('../images/index-nav-top.png') no-repeat top center; clear:both;}
.big-blok-bottom{ width:960px; height:15px; background:url('../images/index-nav-bottom.png') no-repeat bottom center; clear:both; }
.big-blok-side{ width:2px; height:100%; }
.big-blok-side.left{ background:url('../images/index-nav-left.png') repeat-y; float:left;}
.big-blok-side.right{ background:url('../images/index-nav-right.png') repeat-y; float:right;}
.big-blok-content{ width:956px; height:100%; background:#fff url('../images/index-nav-content.png') repeat-x top center; float:left; }
.big-nav-item { float:left; text-align:left; width:208px; height:100%; padding-left:30px; border-left:1px solid #eeeeee;}
.big-nav-item.first { border:0; }

.big-blok-content h1{ font:20px Trebuchet ms; color:#565656; margin:0; margin-bottom:5px; padding:0;}
.big-nav-item ul{ margin:0; padding:0; list-style:none; }
.big-nav-item ul li a{ font:12px Trebuchet ms; width:100%; display:block; color:#7498cb; text-decoration:none; line-height:24px;}
.big-nav-item ul li a:hover{ text-decoration:underline; color:#16407b;}








/* MAIN CONTENT PROPERTIES */
.wide{ clear:both; }

.first.column { margin-right:25px; }  
.second.column { font:10px Arial; line-height:20px; }  
.second.column img { margin-bottom:10px; }  
.content-wrap{ width:960px; height:auto; margin-top:25px; clear:both; background:url('../images/content-wrap-lines.png') repeat-y; background-position:0px 15px; }
.content{ width:960px; height:auto; clear:both;}
.content-content{ width:956px; height:100%; float:left; background:url('../images/content-content-bg.png') repeat-x; }
.content-top{ width:960px; height:15px; background:url('../images/content-top.png') no-repeat top center; clear:both;  }
.content-bottom{ width:960px; height:41px; background:url('../images/content-bottom.png') no-repeat bottom center; clear:both; }
.content-side{ width:2px; height:100%; }
.content-side.left{ float:left; }
.content-side.right{ float:right;}

.content-nav{ width:209px; height:100%; background:url('../images/content-nav-bg.png') repeat-y; vertical-align:top;}
.content-nav h1{ margin:0; margin-bottom:5px; padding:0; padding-left:25px; font:20px Trebuchet ms; color:#313131; letter-spacing:-0.025em;}
.content-nav a{ padding-left:25px; font:12px Trebuchet MS; color:#7498cb; text-decoration:none; display:block; line-height:24px;}
.content-nav a:hover{ text-decoration:underline; color:#16407b;}
.content-nav img{ margin-top:10px; margin-bottom:10px; }

.content-tekst{ width:697px; padding:0 25px 75px 25px; font:12px Trebuchet ms; color:#345b94; line-height:24px; }
.content-tekst h1{ margin:0 0 10px 0; padding:0; font:35px arial; color:#345b94; letter-spacing:-0.05em; }
.content-tekst h2{ margin:0 0 10px 0; padding:0; font:16px Trebuchet ms; color:#345b94; font-weight:bold; letter-spacing:-0.025em; }
.content-tekst h2 span{ font-size:30px; color:#d8d8d8; margin-right:20px; text-transform:uppercase; }
.content-tekst h2 a{ color:#345b94; text-decoration:none;}
.content-tekst h2 a:hover{ text-decoration:underline;}
.content-tekst h3{ margin:0 0 10px 0; padding:0; font:13px Trebuchet ms; color:#313131; font-weight:bold; letter-spacing:-0.025em; }
.content-tekst h3 a{ color:#345b94; text-decoration:none;}
.content-tekst h3 a:hover{ text-decoration:underline;}
.content-tekst .text-summary{ font-weight:bold; font-size:11px; color:#8c8c8c; margin-bottom:15px;}
.content-tekst p { margin-bottom:25px; }
.content-tekst blockquote{ margin-bottom:40px; color:#313131;}
.content-tekst blockquote span{ font-size:30px; color:#d8d8d8; margin-right:20px; text-transform:uppercase; }






/* PAGINA OPTIES PROPERTIES */
.pagina-opties{ width:757px; height:41px; margin-left:203px;} 
.pagina-opties a{ float:left; display:block; height:28px; padding-top:13px; text-align:center; font:11px Trebuchet ms; color:#a4a4a4; text-decoration:none;}
.pagina-opties a:hover{ color:#4c6ea0; font-weight:bold;}

.pagina-opties a.optie-1{ width:257px; background:url('../images/pagina-optie-1.png') no-repeat; }
.pagina-opties a:hover.optie-1{ background:url('../images/pagina-optie-1-hover.png') no-repeat; }

.pagina-opties a.optie-2{ width:249px; background:url('../images/pagina-optie-2.png') no-repeat; }
.pagina-opties a:hover.optie-2{ background:url('../images/pagina-optie-2-hover.png') no-repeat; }

.pagina-opties a.optie-3{ width:251px; background:url('../images/pagina-optie-3.png') no-repeat; }
.pagina-opties a:hover.optie-3{ background:url('../images/pagina-optie-3-hover.png') no-repeat; }






/* PRODUCT BLOK DISPLAY */
.product-blok{ width:650px; height:139px; padding:10px; background:url('../images/product-bg.png') no-repeat top center; margin-bottom:15px;}
.product-blok img{ float:left; margin-right:30px; }
.product-blok h1 {margin:0 0 10px 0; padding:0; font-size:18px; letter-spacing:0.025em;}
.product-blok h1 a{ color:#313131; text-decoration:none;} 
.product-blok a.readmore{ font:12px Trebuchet ms; color:#173b70; text-decoration:none; display: block;}
.product-blok a.readmore:hover{ text-decoration:underline; color:#313131; }
.product-blok .product-summary{ width:440px; height:70px; overflow:hidden; margin-bottom:15px; } 


.products-display{ width:100%; margin-left:-50px; margin-top:50px;}
a.product-show{ display:block; height:260px; overflow:hidden; float:left; text-decoration:none; letter-spacing:-0.05em; margin-left:80px; margin-bottom:30px; width:148px; text-align:center;}
a.product-show h1{ font:15px Arial; font-weight:bold; color:#7498cb; width:100%;  padding:0; margin:0; margin-top:-20px;}
a:hover.product-show h1{ color:#4e7bbc; text-decoration:underline;}
a.product-show span{ font:10px Arial; color:#6e6e6e; letter-spacing:normal; width:100%; display:block; margin-top:7px;}




/* BIG PROD PROPERTIES */
.big-prod-item{ width:145px; float: left; font:10px Arial; color:#7e7e7e; padding-left:30px; padding-right:10px;}
.big-prod-item a{ display: block; overflow:hidden; text-decoration:none; margin-bottom:5px;  font:12px Trebuchet ms; color:#7498cb; font-weight:bold; }
.big-prod-item a:hover{ text-decoration:underline; color:#4870ab; }
.big-prod-item a img{ display: block; margin:0 auto; }







/* BOTTOM PROPERTIES */
#bottom a{ color:#a4a4a4; text-decoration:none; margin-left:15px; margin-right:15px; }
#bottom a:hover{ color:#4870ab; text-decoration:underline; }


/* CONTACT PROPERTIES */
.route { font-size: 14px; font-weight: bold; }
.route .text { border: 2px solid #7498cb; padding: 5px; width: 275px; }
.route .text_readonly { border: 2px solid #7498cb; padding: 5px; width: 275px; } 
.route .submit { width:30px; margin: 10px 0; padding:0.15em 0.4em; border:2px solid #7498cb; background:url("../images/arrow-right.gif") #FFF 49% 8px no-repeat; text-indent:-3000px; overflow:hidden; white-space:nowrap;}