/* ================================================ 
 *
 *    Version: 0.1
 *    Author: KST (Amplexor)
 *	
 * ================================================= */
/* ====
 * = 1. Common Styling 
 * ======================= */
/*html{background: url(css_left_repeat.jpg) repeat-y 0 0; padding: 0; margin: 0}*/
body{background: #f0ecdb /*url(css_header_bg.jpg) no-repeat 0 0*/; font: 0.83em/1.333 arial, verdana, sans-serif; margin: 0; padding: 0; color: #666; text-align: center;}
/* html{height: 100%} */
* {font-size: 100%;}
ul, ol, li, div, p, table, tr, th, td, blockquote, img, h1, h2, h3, h4, hr{margin: 0; padding: 0; border: none}

.box{background: #f0f1f5; border-top: 1px dotted #6D799A; border-bottom: 1px dotted #6D799A; padding: 10px; margin: 10px 0}

h1,h2,h3{color: #6D799A}
h2{color: #666; font-size: 110%; width: 100%; margin-top: 15px}
.box h2{color: #6D799A; margin: 5px 0 !important; font-size: 120%; letter-spacing: 1px}

a{color: #6d799a}
a:hover{color: #997512}

dfn{cursor: help}

#inset a{color: #666; text-decoration: none}
#inset a:hover{color: #997512}
.box ul a:hover{/*font-weight: bold; color: #6d799a*/}

table,td,th{border-collapse: collapse; border: 1px dotted #6D799A}
table{margin: 10px 0}
td,th{padding: 2px 5px; vertical-align: top}
th{background: #f0f1f5}

hr{background: none; height: 1px; border-bottom: 1px dotted #6D799A; margin: 0; clear: both}

/* to clear floated elements */
/* from http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden}
.clearfix {display:inline-block}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%}
.clearfix {display: block}
/* End hide from IE-mac */


/* ====
 * = 2. Main Blocks
 * ======================= */
#container{width: 998px; height: 100%; background: #fff url(css_container_left_repeat.jpg) repeat-y -4px 0; margin: 0 auto; text-align: left; position: relative}
#content, #content-nav{float: left; height: 100%; min-height: 500px}/* check pre ie7 css */
#content{padding: 10px; padding-left: 20px; margin-top: 152px; width: 664px; float: right}/* check pre ie7 css */
#content-nav{width: 304px; margin-top: 151px}/* check pre ie7 css */
#header{position: absolute; top: 0; left: 0; height: 153px; width: 100%}

#home #content{background: url(css_home_top.jpg) no-repeat 0 0; padding-top: 60px}

/* ====
 * = 3. Header Styling 
 * ======================= */
#header #logo{background: url(css_header_bg.jpg) no-repeat 0 -1px; width: 100%; height: 153px}
#header #logo img{margin-top: 20px; margin-left: 115px}
#header #site-nav, #header #lang-nav{position: absolute; top: 130px; left: 304px; height: 27px; list-style-type: none}/* check pre ie7 css */
#header a{color: #fff; text-decoration: none; font-size: 90%}
#header a:hover, #header a.on{color: #f5eabe; font-weight: bold}
#header a.on{font-weight: bold}
#header #site-nav{width: 550px}
#header #site-nav li, #header #lang-nav li{float: left; margin-right: 20px; padding-right: 25px; background: url(css_site_nav_bg.gif) no-repeat 100% 7px; padding-top: 3px}

#header #site-nav li.sn-home{width: 37px}
#header #site-nav li.sn-sitemap{width: 50px}
#header #site-nav li.sn-contact{width: 45px}
#header #site-nav li.sn-faq{width: 30px}
#header #site-nav li.sn-lexicon{width: 45px}
/* frans - zie ook pre_ie7.css voor uitzonderingen */
.fr #header #site-nav li.sn-home{width: 45px}
.fr #header #site-nav li.sn-sitemap{width: 65px}
.de #header #site-nav li.sn-home{width: 45px}

#header #lang-nav{left: 872px; border-left: 1px solid #fff}
#header #lang-nav li{background: none; padding-right: 0; margin: 0; margin-left: 8px; line-height: 16px; width: 20px}

/* door de verschillende lengtes van de woorden van de zoekknop, en de header knoppen zijn er uitzonderingsregels per taal */

#header #simple-search{position: absolute; left: 0px; top: 0px}

#header #simple-search input{/*display: block; float: left;*/ border: 1px solid #fff; /*background: #fff;*/ height: 20px; padding: 0; color: #938766}
#header #simple-search input.input-text{position: absolute; left: 620px; top: 90px; border-right: 1px solid #c3c9bb; width: 154px}
#header #simple-search input.input-button{text-align: right; padding-right: 20px; position: absolute; left: 777px; top: 90px; height: 22px; width: 95px; background: #fff url(css_search_arrow.gif) no-repeat 90% 6px; cursor: pointer; font-weight: bold; font-size: 90%; border: 1px solid #fff}

#header #simple-search input.input-button:hover{color: #fff; background: #938766 url(css_search_arrow_on.gif) no-repeat 90% 6px;}

#aangifte img{position: absolute; top: 22px; left: 620px}
#register img{position: absolute; top: 22px; left: 720px}

.fr #register img{left: 740px}
.en #register img{left: 740px}
.de #register img{left: 725px}


/* ====
 * = 4. Naigation(s) Styling 
 * ========================== */
#content-nav{background: url(css_left_nav_bg.jpg) no-repeat 0 0}
/* algemene afmetingen */
#content-nav ul{list-style-type: none; text-align: right; margin-top: 60px; margin-right: 20px}
#content-nav li{float: right; clear: both; width: 160px; margin-bottom: 5px}
#content-nav li li li{margin-bottom: 0px}


#content-nav ul ul{margin-top: 5px; margin-right: 0}
#content-nav ul ul ul{margin-top: 5px}


#content-nav ul ul ul li{}

/* toon verberg onderliggende niveau's */
#content-nav li ul, #content-nav li.on-path ul ul{display: none}
#content-nav li.on-path ul, #content-nav li.on-path li.on-path ul{display: block}

/* eerste niveau */
#content-nav ul a{font-weight: bold; color: #6d799a; text-decoration: none; margin: 0; padding: 1px; /*display: block;*/ margin-top: 1px; margin-bottom: 1px}
#content-nav ul a:hover, #content-nav .on-path a{background: #6d799a; color: #fff}

/* tweede niveau */
#content-nav ul ul a, #content-nav .on-path ul a{font-weight: normal; background: none; color: #6d799a; padding: 0 !important} 
#content-nav ul ul a:hover, #content-nav ul ul .on-path a{padding: 1px; background: none;  color:#776b4b; font-weight: bold; /*font-weight: normal; background: #6d799a; color: #fff*/} 

/* derde niveau */
#content-nav ul ul ul a{font-size: 85%; color: #776b4b !important; background: none !important;  font-weight: normal !important; margin-right: 10px; display: block}
#content-nav ul ul ul a:hover, #content-nav ul ul ul .on-path a{color: #776b4b; background: none; text-decoration: underline;}
 
/* ====
 * = 5. Content Styling 
 * ======================= */
#bread-crumb{min-height: 19px; padding-bottom: 5px; padding-top: 10px; color: #aaadba; border-bottom: 1px dotted #6D799A; margin-right: 115px;}
.has-inset #bread-crumb{margin-right: 215px}
#bread-crumb a{color: #aaadba}
#bread-crumb a:hover{color: #6d799a}

#txt ol, #txt ul{margin: 5px 0 10px 20px}
#txt ol ol, #txt ul, ul{margin-top: 0; margin-bottom: 5px}

/* back link */
.back{float: right}
#txt .back img{margin: 0}


/* Inset */

#inset{margin: 0 ; margin-top: -1px; margin-left: 20px; width: 194px; padding: 0 0 20px 0px; float: right; font-size: 90%}
#inset .box{margin: 0px; margin-bottom: 10px}
#inset ul{list-style-type: none; margin: 0 0 5px 0}
#inset li{background: url(css_inset_list_icon.gif) no-repeat 0 7px; padding-left: 10px}
#inset h2{color: #6d799a; padding-left: 15px; background: url(css_inset_arrow.gif) no-repeat 0 0.5em; font-size: 100%}

#inset h2.search-icon{width: auto; background:url(css_search_icon.gif) no-repeat 0 0; padding-left: 25px}
#inset h2.search-icon a{color: #6d799a}

#inset #search-inset{}
#inset #search-inset h2{background: url(css_search_icon.gif) no-repeat 0 0}
#inset #search-inset h2 a{color: #6d799a}

#txt{margin: 0; margin-right: 115px}
.has-inset #txt{margin-right: 115px}

.has-inset #txt .box{width: 410px}

#txt p{margin-top: 10px; clear: left}

#txt .list-overview p{margin: 5px 0}

#txt .box{padding: 15px 20px}
#txt .box p{margin-bottom: 5px}
#toc {padding-top: 0 !important}
#txt .box ul{list-style-type: none; margin-left: 0}
#txt .box li{background: url(css_inset_arrow.gif) no-repeat 0 7px; padding-left: 20px}
.has-inset #txt .box p{margin-right: 70px}/* moet nog verder uitgewerkt worden => zien voor elke content type wat nu precies waar komt te staan */

#txt h2{margin-bottom: 10px; margin-top: 20px}
#txt h3{color: #858585; margin-bottom: 5px; margin-top: 10px}
#txt .pagetitle-container h2{margin: 0 !important}

#txt img{float: left; margin-right: 10px; margin-bottom: 10px}

h1{font-size: 130%; border-bottom: 1px dotted #6D799A; padding: 10px 0; margin-bottom: 10px; color: #6D799A}
h1.faq{}
.has-inset h1{width: 450px}/* check pre-ie7 css */



h1.simple{border: none; padding: 0; margin-top: 10px; border-top: none}
h1.home{border: none; padding: 0; font-weight: normal}

p.intro{color: #6D799A}
#home p.intro{margin: 0}
div.intro{font-weight: bold}

#home #txt img.home-title{float: none}
#home #txt .box a.more{background-image: url(css_right_arrow_trans.gif); background-position: 100% 50%}

.more{background: url(css_inset_arrow.gif) no-repeat 100% 0.4em; padding-right: 15px}

.homepage-content{margin: 10px 0; border-bottom: 1px dotted #6D799A; padding-bottom: 10px}
.homepage-content p{margin: 0 !important}
.homepage-content div{background: url(css_blue_arrow.gif) no-repeat 0 5px; width: 238px; padding-left: 20px; float: left; margin-top: 5px}
.homepage-content div.last{background: url(css_blue_arrow.gif) no-repeat 10px 5px; border-left: 1px dotted #6D799A; padding-left: 30px; margin-left: 10px;}

/* h2 met top linkje */
.pagetitle-container{margin-top: 20px; margin-bottom: 10px}
.pagetitle-container h2{display: block; width: 510px; margin: 0; margin-right: 40px; float: left}
.pagetitle-container.lexicon-letter h2{width: 490px}
.pagetitle-container a{/*color: #997512; text-decoration: underline*/}
.pagetitle-container span.top{display: inline; float: left; /*margin-top: 15px*/}
#txt .pagetitle-container img{margin: 0 !important}

/* Sitemap */
#sitemap-module{margin-bottom: 20px} 
#sitemap-module div{width: 169px; margin-right: 10px; float: left; margin-bottom: 10px}
#sitemap-module hr{clear: both; margin: 10px 0}
#sitemap-module a{text-decoration: none}
#sitemap-module a:hover{font-weight: normal}
#sitemap-module div ul{margin-left: 20px; list-style-type: none}
#sitemap-module div ul li{width: 150px}
#sitemap-module div ul ul{margin: 0px; margin-left: 5px}
#sitemap-module div ul ul a{font-size: 85%; color: #776b4b !important}
#sitemap-module div ul ul a:hover{font-weight: normal; text-decoration: underline}
#sitemap-module div h2 a{text-decoration: none;}
#sitemap-module div h2 a:hover{background: #6D799A; color: #fff; padding: 2px}
h2.icoon, #search h2, #sitemap-module div h2{font-size: 100%; width: auto; padding-left: 20px; background: url(css_maantje_wit.gif) no-repeat 0 2px}


/* vacature */
table.list{width: 100%; margin-top: 0px; border-top: none}
table.list th{color: #6D799A; border-top: none}
table.list td, table.list th{padding: 10px 20px; vertical-align:middle}
.date{width: 100px; text-align:center}
td.date{color: #aaadbb}
table.list h2{font-size: 100%}

table.list-overview{width: 100%; margin-top: 0px;}
table.vac-list{margin-top: 20px}
table.vac-list td.desc{width: auto}
table.vac-list td.extra{width: 100px}

/* event list */
table.list .event-date, table.list .event-loc{text-align: center}


/* FAQ-list & Doclist */
#doc-list h2, #faq-list h2{font-size: 100%; width: auto; padding-left: 20px; background: url(css_maantje_wit.gif) no-repeat 0 2px}
#doc-list ul, #faq-list ul{margin-left: 20px; list-style-type: none; margin-bottom: 10px}
#doc-list li, #faq-list ul a{color: #aaadbb; background: url(css_streepke.gif) no-repeat 0 0; padding-left: 15px; display: block}
#doc-list li{color: #666; font-size: 90%; clear:left}
#doc-list li span{color: #aaadbb}
#doc-list a{font-size: 100%; letter-spacing: 1px; margin: 0 2px; background: none; padding: none; color: #aaadbb}
#doc-list ul a:hover, #faq-list ul a:hover{color: #997512}

#doc-list a.pdf{letterspacing: 0 !important; padding-left: 13px !important; margin-left: 5px; background: url(page_white_acrobat_small.gif) no-repeat 0 0; padding-left: 20px}
#doc-list h3{margin-left: 20px; color:#6D799A}
.doclist th{color: #6D799A; padding: 5px 10px; font-size: 110%}
.doclist .doclist-data{width: 75%; font-size: 95%; padding: 5px 10px;}
.doclist .doclist-data strong{display: block}
.doclist .doclist-data p{margin: 0 !important; padding: 0 !important}

.doclist .doclist-data span{margin: 0 !important; margin-top: 5px !important; color: #aaadbb !important}

.doclist .doclist-meta{width: 25%; padding: 5px 10px; text-align: center; color: #aaadbb}

.doclist .doclist-meta a{color: #aaadbb}

.doclist .doclist-meta em{cursor: pointer;text-decoration: underline; background: url(page_white_acrobat.png) no-repeat 0 0; padding-left: 20px; display: block; height: 25px; text-align: left}
.doclist .doclist-meta strong{}

#doc-list hr{margin-bottom: 10px}
#doc-list em{background: url(page_white_acrobat.png) no-repeat 0 0; padding-left: 15px}

/* search results */
#search h2{margin: 5px 0}
#search hr{clear: both}

#search-pager{float: right}
#search-pager.list-page{float: none}
#search-pager li{background: none !important; list-style-image: none; margin: 0 !important; padding: 2px 5px !important; list-style-type: none; float: left}

#search-results, #search-form{margin: 10px 0}
#search-results em{background: yellow}
#search-results ul{clear: both; list-style-type: none; font-size: 90%}
#search-results ul li{background: url(css_streepke.gif) no-repeat 0 0; padding-left: 10px; margin-left: 20px}

.facets{font-size: 90%; margin-left: 0px; margin-bottom: 10px}
.facets p, .facets strong{margin-right: 5px; clear: left; font-weight: bold}
.facets li{list-style-type: none; float: left; margin-right: 5px}
.facets a{ color:#6D799A ; white-space: nowrap}
.facets a:hover{ color: #aaadbb}
.facets a.selected{font-weight: bold; color: #6D799A}

#txt #facet-filter ul{list-style-type: none; margin: 0; padding: 0; clear: left; padding-bottom: 10px !important}
#txt #facet-filter li{background: none !important; list-style-image: none; padding: 0}
#txt #facet-filter p{margin: 0 !important}
.search-meta{margin: 0 0 10px 0; color: #aaadbb}

#txt #facet-filter hr{margin: 5px 0 !important; border-color: transparent; display: block !important; clear: both !important}

.score-indicator{height: 3px; background: #f0ecdb; border: 1px solid #6e7999; width: 100px; float: right; margin-top: 5px}
.score-indicator span{background: #6e7999; height: 3px; display: block}

/*#search-form{border: 1px dotted #6D799A; padding: 10px; background: #f0f1f5; font-size: 90%}*/
/* #pdf-search select, #pdf-search input, #pdf-search label{width: 100px; display: block; float: left; margin-left: 10px}
#pdf-search p{clear: left}*/
#search-form input{border: 1px solid #6D799A;}
#search-form input, #search-form select, #search-form label{font-size: 95%}
#search-form fieldset{margin-top: 0px;  border: 1px solid #aaadbb; width: auto; padding: 0px 10px 5px 10px}
#search-form legend{color: #aaadbb;}

#search-form #search-in-mod{display: inline; margin: 0 4px}
#search-form #date-from-to{margin-top: 5px}
#search-form label{padding: 1px 2px}
#search-form #toggle-adv-search{font-size: 90%}

/* forms */
#cbpl_form {margin-top: 20px}
#cbpl_form label{line-height: 15px; min-height: 15px; vertical-align:top; font-size: 90%; margin: 0; clear: left}
#cbpl_form label{width: 155px; padding: 2px 20px; background: #f0f1f5; float: left; margin: 0px 10px 2px 0}
#cbpl_form textarea, #cbpl_form input{width: 245px; float: left; margin-top: 1px; border: 1px solid #6D799A}
#cbpl_form textarea{height: 80px; font-size: 115%}
#cbpl_form hr{clear: both; margin: 25px 0 5px 0 !important; width: 452px; height: 5px}
#cbpl_form .checkbox{width: 15px; border: none; margin-left: 0; margin-right: 10px}

#cbpl_form .cbpl-form-docs label{width: 385px !important}

.cbpl-form-buttons{text-align: right; width: 452px}
.cbpl-form-btn{width: auto !important; float: none !important}
#cbpl_form .validation-failed{border-color: #900}
#cbpl_form .validation-advice{display: block; clear: both; margin-left: 205px; color: #900}

 /* ====
 * = 6. Footer Styling 
 * ======================= */
 #footer{width: auto; margin-left: 324px; clear: both; color: #b2b2b2; font-size: 80%; padding-bottom: 10px}
 #footer a{color: #b2b2b2}
 #footer a:hover{color: #6d799a}
 
  /* ====
 * = 7. Lexicon Styling 
 * ======================= */
/* lexicon page */
#txt #lexicon-nav{margin: 0; padding: 0; list-style-type: none; list-style-image: none;}
#txt #lexicon-nav li{float: left; width: 19px; height: 19px; padding: 0; margin-top: 13px; background: none}
/*
#txt #lexicon-nav a, #txt #lexicon-nav span{color: #997512; padding: 4px 5px; font-weight: bold}
#txt #lexicon-nav a:hover{background-color: #997512; color: #fff; }*/
.lexicon-letter{padding-left: 20px; background: url(css_lexicon_icon.gif) no-repeat 0 0}

dl{margin-left: 23px}
dt{font-weight: bold}
dd{margin-left: 0; margin-bottom: 10px}

#txt #lexicon-nav span{position: absolute; left: -2000px}

#txt .lexicon-letter h2 span{width: 19px; height: 19px}

#txt .lexicon-letter h2{margin: 0}

.a{background: url(/static/img/lexicon/a_off.gif) no-repeat 0 0 !important}
.a a{background: url(/static/img/lexicon/a.gif) no-repeat 0 0 !important; display: block; width: 100%; height: 100%}
.a a:hover{background: url(/static/img/lexicon/a_hover.gif) no-repeat 0 0 !important}

.b{background: url(/static/img/lexicon/b_off.gif) no-repeat 0 0 !important}
.b a{background: url(/static/img/lexicon/b.gif) no-repeat 0 0 !important; display: block; width: 100%; height: 100%}
.b a:hover{background: url(/static/img/lexicon/b_hover.gif) no-repeat 0 0 !important}

.c{background: url(/static/img/lexicon/c_off.gif) no-repeat 0 0 !important}
.c a{background: url(/static/img/lexicon/c.gif) no-repeat 0 0 !important; display: block; width: 100%; height: 100%}
.c a:hover{background: url(/static/img/lexicon/c_hover.gif) no-repeat 0 0 !important}

.d{background: url(/static/img/lexicon/d_off.gif) no-repeat 0 0 !important}
.d a{background: url(/static/img/lexicon/d.gif) no-repeat 0 0 !important; display: block; width: 100%; height: 100%}
.d a:hover{background: url(/static/img/lexicon/d_hover.gif) no-repeat 0 0 !important}

.e{background: url(/static/img/lexicon/e_off.gif) no-repeat 0 0 !important}
.e a{background: url(/static/img/lexicon/e.gif) no-repeat 0 0 !important; display: block; width: 100%; height: 100%}
.e a:hover{background: url(/static/img/lexicon/e_hover.gif) no-repeat 0 0 !important}

.f{background: url(/static/img/lexicon/f_off.gif) no-repeat 0 0 !important}
.f a{background: url(/static/img/lexicon/f.gif) no-repeat 0 0 !important; display: block; width: 100%; height: 100%}
.f a:hover{background: url(/static/img/lexicon/f_hover.gif) no-repeat 0 0 !important}

.g{background: url(/static/img/lexicon/g_off.gif) no-repeat 0 0 !important}
.g a{background: url(/static/img/lexicon/g.gif) no-repeat 0 0 !important; display: block; width: 100%; height: 100%}
.g a:hover{background: url(/static/img/lexicon/g_hover.gif) no-repeat 0 0 !important}

.h{background: url(/static/img/lexicon/h_off.gif) no-repeat 0 0 !important}
.h a{background: url(/static/img/lexicon/h.gif) no-repeat 0 0 !important; display: block; width: 100%; height: 100%}
.h a:hover{background: url(/static/img/lexicon/h_hover.gif) no-repeat 0 0 !important}

.i{background: url(/static/img/lexicon/i_off.gif) no-repeat 0 0 !important}
.i a{background: url(/static/img/lexicon/i.gif) no-repeat 0 0 !important; display: block; width: 100%; height: 100%}
.i a:hover{background: url(/static/img/lexicon/i_hover.gif) no-repeat 0 0 !important}

.j{background: url(/static/img/lexicon/j_off.gif) no-repeat 0 0 !important}
.j a{background: url(/static/img/lexicon/j.gif) no-repeat 0 0 !important; display: block; width: 100%; height: 100%}
.j a:hover{background: url(/static/img/lexicon/j_hover.gif) no-repeat 0 0 !important}

.k{background: url(/static/img/lexicon/k_off.gif) no-repeat 0 0 !important}
.k a{background: url(/static/img/lexicon/k.gif) no-repeat 0 0 !important; display: block; width: 100%; height: 100%}
.k a:hover{background: url(/static/img/lexicon/k_hover.gif) no-repeat 0 0 !important}

.l{background: url(/static/img/lexicon/l_off.gif) no-repeat 0 0 !important}
.l a{background: url(/static/img/lexicon/l.gif) no-repeat 0 0 !important; display: block; width: 100%; height: 100%}
.l a:hover{background: url(/static/img/lexicon/l_hover.gif) no-repeat 0 0 !important}

.m{background: url(/static/img/lexicon/m_off.gif) no-repeat 0 0 !important}
.m a{background: url(/static/img/lexicon/m.gif) no-repeat 0 0 !important; display: block; width: 100%; height: 100%}
.m a:hover{background: url(/static/img/lexicon/m_hover.gif) no-repeat 0 0 !important}

.n{background: url(/static/img/lexicon/n_off.gif) no-repeat 0 0 !important}
.n a{background: url(/static/img/lexicon/n.gif) no-repeat 0 0 !important; display: block; width: 100%; height: 100%}
.n a:hover{background: url(/static/img/lexicon/n_hover.gif) no-repeat 0 0 !important}

.o{background: url(/static/img/lexicon/o_off.gif) no-repeat 0 0 !important}
.o a{background: url(/static/img/lexicon/o.gif) no-repeat 0 0 !important; display: block; width: 100%; height: 100%}
.o a:hover{background: url(/static/img/lexicon/o_hover.gif) no-repeat 0 0 !important}

.p{background: url(/static/img/lexicon/p_off.gif) no-repeat 0 0 !important}
.p a{background: url(/static/img/lexicon/p.gif) no-repeat 0 0 !important; display: block; width: 100%; height: 100%}
.p a:hover{background: url(/static/img/lexicon/p_hover.gif) no-repeat 0 0 !important}

.q{background: url(/static/img/lexicon/q_off.gif) no-repeat 0 0 !important}
.q a{background: url(/static/img/lexicon/q.gif) no-repeat 0 0 !important; display: block; width: 100%; height: 100%}
.q a:hover{background: url(/static/img/lexicon/q_hover.gif) no-repeat 0 0 !important}

.r{background: url(/static/img/lexicon/r_off.gif) no-repeat 0 0 !important}
.r a{background: url(/static/img/lexicon/r.gif) no-repeat 0 0 !important; display: block; width: 100%; height: 100%}
.r a:hover{background: url(/static/img/lexicon/r_hover.gif) no-repeat 0 0 !important}

.s{background: url(/static/img/lexicon/s_off.gif) no-repeat 0 0 !important}
.s a{background: url(/static/img/lexicon/s.gif) no-repeat 0 0 !important; display: block; width: 100%; height: 100%}
.s a:hover{background: url(/static/img/lexicon/s_hover.gif) no-repeat 0 0 !important}

.t{background: url(/static/img/lexicon/t_off.gif) no-repeat 0 0 !important}
.t a{background: url(/static/img/lexicon/t.gif) no-repeat 0 0 !important; display: block; width: 100%; height: 100%}
.t a:hover{background: url(/static/img/lexicon/t_hover.gif) no-repeat 0 0 !important}

.u{background: url(/static/img/lexicon/u_off.gif) no-repeat 0 0 !important}
.u a{background: url(/static/img/lexicon/u.gif) no-repeat 0 0 !important; display: block; width: 100%; height: 100%}
.u a:hover{background: url(/static/img/lexicon/u_hover.gif) no-repeat 0 0 !important}

.v{background: url(/static/img/lexicon/v_off.gif) no-repeat 0 0 !important}
.v a{background: url(/static/img/lexicon/v.gif) no-repeat 0 0 !important; display: block; width: 100%; height: 100%}
.v a:hover{background: url(/static/img/lexicon/v_hover.gif) no-repeat 0 0 !important}

.w{background: url(/static/img/lexicon/w_off.gif) no-repeat 0 0 !important}
.w a{background: url(/static/img/lexicon/w.gif) no-repeat 0 0 !important; display: block; width: 100%; height: 100%}
.w a:hover{background: url(/static/img/lexicon/w_hover.gif) no-repeat 0 0 !important}

.x{background: url(/static/img/lexicon/x_off.gif) no-repeat 0 0 !important}
.x a{background: url(/static/img/lexicon/x.gif) no-repeat 0 0 !important; display: block; width: 100%; height: 100%}
.x a:hover{background: url(/static/img/lexicon/x_hover.gif) no-repeat 0 0 !important}

.y{background: url(/static/img/lexicon/y_off.gif) no-repeat 0 0 !important}
.y a{background: url(/static/img/lexicon/y.gif) no-repeat 0 0 !important; display: block; width: 100%; height: 100%}
.y a:hover{background: url(/static/img/lexicon/y_hover.gif) no-repeat 0 0 !important}

.z{background: url(/static/img/lexicon/z_off.gif) no-repeat 0 0 !important}
.z a{background: url(/static/img/lexicon/z.gif) no-repeat 0 0 !important; display: block; width: 100%; height: 100%}
.z a:hover{background: url(/static/img/lexicon/z_hover.gif) no-repeat 0 0 !important}