/* CSS Document */

html {
height: 100%;}

body{
background: url(../images/chessbg2.gif) fixed;margin: 0; height: 100%;}

/* centreren website */
div#main_container{
margin: 0 auto 0 auto;width: 918px;text-align: left; height: 100%;}

/* menu */
#menu {
width: 917px;
background-image: url(../images/balk1.gif);
border-right-width: 1px; border-right-style: solid; border-right-color: #5A1407 ;}
#menu ul {
list-style: none;
margin: 0;
padding: 0;
width: 131px;
float: left;}
#menu h2 {
font: bold 12px verdana, helvetica, sans-serif;
display: block;
border-left-width: 1px; border-left-style: solid; border-left-color: #5A1407;
border-top-width: 1px; border-top-style: solid; border-top-color: #5A1407;
border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #5A1407;
text-align: center;
margin: 0;
padding: 5px 1px 5px 2px;
color: #f5f5f5;
background-image: url(../images/balk1.gif);}
.menuitem{
font: 12px verdana, helvetica, sans-serif;
display: block;
margin: 0;
padding: 5px 2px 5px 20px;
width: 110px; height: 15px;
color: #880000;
background-image: url(../images/menuitem.gif);
background-repeat: no-repeat;
text-decoration: none;}
.menuitem:hover{
font: 12px verdana, helvetica, sans-serif;
display: block;
margin: 0;
padding: 5px 2px 5px 20px;
width: 110px; height: 15px;
color: #880000;
background-image: url(../images/menuitem2.gif);
background-repeat:no-repeat;
text-decoration: none;}
#menu h2:hover {
color: #F7E499;
background-image: url(../images/balk2.gif);}
#menu a:hover {
color: #880000;
width: 108px;z-index:1;}
#menu li {
position: relative;z-index:1;}
#menu ul ul {
position: absolute; 
z-index: 2500;}
#menu ul ul ul {
top: 0;
left: 100%;}
div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}
div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}

/*afronding onderste menu item*/
.laatste{
font: 12px verdana, helvetica, sans-serif;
display: block;
margin: 0;
padding: 5px 2px 5px 20px;
width: 110px; height: 25px;
color: #880000;
background-image: url(../images/laatste.gif);
text-decoration: none;
background-repeat:no-repeat;}
.laatste:hover{
font: 12px verdana, helvetica, sans-serif;
display: block;
margin: 0;
padding: 5px 2px 5px 20px;
width: 110px; height: 25px;
color: #880000;
background-image: url(../images/laatste2.gif);
text-decoration: none;
background-repeat:no-repeat;}

/*layout*/
.logo{
width: 110px; height: 102px;
position: relative;
left: 26px;
top: 20px;}
.header{
background-image: url(../images/header2.gif);
width: 916px; height: 138px;
border-left-width: 1px; border-left-style: solid; border-left-color: #5A1407;
border-right-width: 1px; border-right-style: solid; border-right-color: #5A1407;}
.inhoud{
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px;
background-color: #FFFFFF; 
width: 901px; min-height: 75%; 
position:relative;
border-left-width: 1px; border-left-style: solid; border-left-color: #5A1407;
border-right-width: 1px; border-right-style: solid; border-right-color: #5A1407;
padding: 15px 5px 5px 10px;}
.footer{
background-image: url(../images/footer.gif);
width: 918px; height: 20px;}

.submenuboven{
background-image: url(../images/submenuboven.gif);
width: 900px; height: 22px;
padding-top: 3px;
line-height: 20px;
text-indent: 15px;
font: 12px verdana, helvetica, sans-serif;}

/* subtitels (h2 zit in menu verwerkt */
h1{
text-indent: 20px;
font: bold 14px verdana, helvetica, sans-serif;
background-image: url(../images/hoofdtitel.gif);
background-repeat: no-repeat;
color: #990000;
margin-top: 25px;
padding: 0px 0px 0px 0px;}
h3{
font: bold 12px verdana, helvetica, sans-serif;
color: #663300;
margin: 0px;
padding: 0px 5px 0px 0px;}
h4{
font: bold 12px verdana, helvetica, sans-serif;
color: #000000;
margin: 0px;}

p{
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px;}
a img {border: 0}
img {border: 0}  

a:link { 
font-family: Verdana, Arial, Helvetica, sans-serif; color: #0000CC; text-decoration: none;}
a:visited {
font-family: Verdana, Arial, Helvetica, sans-serif; color: #0000CC; text-decoration: none;}
a:hover { 
font-family: Verdana, Arial, Helvetica, sans-serif; color: #ff6600; text-decoration: underline;}
a:active {
font-family: Verdana, Arial, Helvetica, sans-serif; color: #0000CC; text-decoration: none;}

/* oranje tabellen */
/*linksboven*/.tabel1{
background-image: url(../images/kader_01.gif);
width: 10px; height: 24px;
background-repeat:no-repeat;}
/*middenboven*/.tabel2{
background-image: url(../images/kader_02.gif);
background-repeat:repeat-x;
height: 24px;
vertical-align: middle;
font-family: Verdana, Arial, Helvetica; 
font-size: 13px; 
color: #ffffff;
font-weight: bold;}
/*rechtsboven*/.tabel3{
background-image: url(../images/kader_03.gif);
width: 10px; height: 24px;
background-repeat:no-repeat;}
/*linksmidden*/.tabel4{
border-left-width : 1px ;border-left-style : solid ;border-left-color : #e8641b ;
width: 9px;}
/*rechtsmidden*/.tabel6{
border-right-width : 1px ;border-right-style : solid ;border-right-color : #e8641b ;
width: 9px;}
/*linksonder*/.tabel7{
background-image: url(../images/kader_07.gif);
width: 10px; height: 19px;
background-repeat:repeat-x;}
/*middenonder*/.tabel8{
background-image: url(../images/kader_08.gif);
height: 19px;
background-repeat:repeat-x;}
/*rechtsonder*/.tabel9{
background-image: url(../images/kader_09.gif);
width: 10px; height: 19px;
background-repeat:repeat-x;}

/* in tabellen: rijen wisselen af grijs met wit, dit was een voorlopige oplossing maar heb het uiteindelijk nog altijd niet op een deftige manier opgelost */
.even{
background-color: #F5F5F5;}

/* op indexpagina */
.rechts{
min-height:100%;
padding-right: 8px;
padding-top: 8px;
padding-left: 5px;
float: right;
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; }

/* tabel nieuwsitems schaakfabriek op homepage */
.klein{
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }

ul { list-style-image: url(../images/ul.gif);
padding: 0px 0px 0px 14px;
margin: 4px 0px 4px 4px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
line-height: 14pt; }

/* beveiligen emailadressen tegen spam */
span.email { direction: rtl; unicode-bidi: bidi-override; } 
span.email a:hover { color: ff6600; }