/*--------------- ALGEMEEN ------------------------------*/
p{
margin: 0px;
}
p a:link, p a:visited{
color: #F00000;
text-decoration: underline;
}
p a:hover{
color: #F00000;
text-decoration: none;
}
ul li{
padding: 2px;
}
ul a:link, ul a:visited{
color: #F00000;
text-decoration: none;
}
ul a:hover{
color: #000000;
text-decoration: none;
}
strong{
color: #F00000;
}
span#red{
color: #F00000;
font-weight: bold;
}
img{
border: 0px;
}
img.marge{
float: left;
margin: 0 10px 10px 0;
padding: 1px;
background-color: #FFFFFF;
border: 1px solid #000000;
}
img.wedstrijden{
margin-right: 7px;
margin-left:  5px;
}
h1{
margin: 0 0 5px 0;
font-size: 14px;
color: #F00000;
}
h1#big{
border-bottom: 2px solid #E6EADB;
margin: 0 0 20px 0;
font-size: 17px;
}
h1 a:link, h1 a:visited, h1 a:hover{
color:           #F00000;
text-decoration: none   ;
}
h1#download{
float: left;
width: 175px; /* 200 + 43 (padding) = 243 x 2 = 486 (item_l_body) */
height: 35px;
line-height: 35px;
margin: 0 0 25px 25px;
padding: 0 0 0 43px;
border-bottom: 0px;
background-image: url(../img/pg/download.gif);
background-repeat: no-repeat;
color: #F00000;
cursor: pointer; /* om onbekende reden is de cursor bij a:hover in IE default */
}
a:link h1#download, a:visited h1#download{
color:           #F00000;
text-decoration: none;
}
a:hover h1#download{
background-image: url(../img/pg/download_hover.gif);
background-repeat: no-repeat;
color: #000000;
text-decoration: none;
}
h2{
margin: 0px;
font-size: 12px;
color: #F00000;
text-align: left;
}
h2#right{
text-align: right;
}
h2#dag{
font-size: 10px;
text-align: center
}
h2 a:link, h2 a:visited, h2 a:hover{
color:           #F00000;
text-decoration: none   ;
}
h3{
margin: 0px;
font-size: 11px;
color: #F00000;
text-align: right;
}
h3 a:link, h3 a:visited, h3 a:hover{
margin: 0px;
color:           #F00000;
text-decoration: none   ;
font-size: 10px;
font-weight: bold;
}
caption{
padding: 2px;
font-weight: bold;
text-align: left;
font-size: 12px;
}
caption a:link, caption a:visited{
color:           #555555;
text-decoration: none   ;
}
caption a:hover{
color:           #F00000;
text-decoration: none   ;
}
table#hf{
float: left;
border-collapse: collapse; /* cellspacing */
}
td#pg{
vertical-align: top;
padding: 0px; /* cellpadding */
}
td#zb{
vertical-align: top;
padding: 0px; /* cellpadding */
}
/*--------------- BODY & MAIN ------------------------------------*/
body{
margin: 1px 0 0 0; /* margin-bottom staat bij ft */
background-image: url(../img/pg/bg.gif);
background-repeat: repeat;
color: #555555;
text-align: justify;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
}
#main{
width: 748px;
margin: 0 auto 0 auto;
}
/*--------------- KOP ---------------------------------------------*/
#hd{
width: 748px;
height: 154px;
margin: 10px 0 0 0;
background-image: url(../img/hd/hd.gif);
background-repeat: repeat-x;
}
#mn1{
width: 747px; /* 747px + 1px (border-left)  = 748px */
height: 30px;
border-top:    1px solid #000000;
border-right:  0px solid #000000;
border-bottom: 0px solid #000000;
border-left:   1px solid #000000;
background-image: url(../img/mn/bg1.gif);
background-repeat: repeat-x; 
}
#mn1 img{
padding: 7px 0 7px 0;
}
#mn_b1{
float: left;
height: 30px;
line-height: 30px;
border-right: 1px solid #000000;
border-left:  1px solid #FFFFFF;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
}
#mn_b1 a:link, #mn_b1 a:visited{
color: #FFFFFF;
text-decoration: none;
display: block;
zoom: 100%;
}
#mn_b1 a:hover{
background-image: url(../img/mn/bg1_hover.gif);
background-repeat: repeat-x;
color: #FFFFFF;
text-decoration: none;
display: block;
zoom: 100%;
}
#mn_b1 a.active:link, #mn_b1 a.active:visited{
background-image: url(../img/mn/bg1_active.gif);
background-repeat: repeat-x;
color: #FFFFFF;
}
#mn_b1 a.active:hover{
background-image: url(../img/mn/bg1_active.gif);
background-repeat: repeat-x;
color: #FFFFFF;
}
.a1{
width: 65px;
}
.b1{
width: 140px;
}
.c1{
width: 120px;
}
.d1{
width: 115px;
}
.e1{
width: 185px;
}
.f1{
width: 110px;
}
#mn2{
width: 747px; /* 747px + 1px (border-left)  = 748px */
height: 25px;
border-top:    1px solid #000000;
border-right:  0px solid #000000;
border-bottom: 0px solid #000000;
border-left:   1px solid #000000;
background-image: url(../img/mn/bg2.gif);
background-repeat: repeat-x; 
}
#mn_b2{
float: left;
height: 25px;
line-height: 25px;
border-right: 1px solid #000000;
border-left:  1px solid #FFFFFF;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
letter-spacing: 1px;
}
#mn_b2 a:link, #mn_b2 a:visited{
color: #CCCCCC;
text-decoration: none;
display: block;
zoom: 100%;
}
#mn_b2 a:hover{
background-color: #FFFFFF;
color: #FFFFFF;
text-decoration: none;
display: block;
zoom: 100%;
background-image: url(../img/mn/bg2_hover.gif);
background-repeat: repeat-x;
}
#mn_b2 a.active:link, #mn_b2 a.active:visited{
background-image: url(../img/mn/bg2_active.gif);
background-repeat: repeat-x;
color: #FFFFFF;
}
#mn_b2 a.active:hover{
background-image: url(../img/mn/bg2_active.gif);
background-repeat: repeat-x;
color: #FFFFFF;
}
.a2{
width: 105px;
}
.b2{
width: 95px;
}
.c2{
width: 113px;
}
.d2{
width: 120px;
}
.e2{
width: 95px;
}
.f2{
width: 110px;
}
.g2{
width: 95px;
}
/*--------------- HOOFD --------------------------------------------*/
div#hf{
float: left;
width: 746px; /* 746 + 2 (border) = 748 */
padding-top: 20px;
border-top:    1px solid #000000;
border-right:  1px solid #000000;
border-bottom: 1px solid #000000;
border-left:   1px solid #000000;
background-color: #FFFFFF;
}
/*--------------- PAGINA -------------------------------------------*/
div#pg{
float: left;
width: 516px; /* 516 + 40 (padding) = 556 (pg) + 190 (zb) = 746 (hf excl. 2 keer border van 1px) */
padding: 0 20px 15px 20px; /* padding-bottom 15px, anders komt de ad tegen de bodem van pg, waarom? -> iets met float */
}
/* ----------- hr ------------- */
#hr{
width: 486px;
height: 1px;
font-size: 1px;
border-top: 1px solid #E6EADB;
clear: both;
}
/* ----------- ad ------------- */
div#ad{
text-align: center;
}
p#ad{
line-height: 15px;
padding-left: 7px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
}
/* ----------- browser -------- */
#browser{
width: 480px; /* 480 + 20 (padding) = 500 (img), 500 + 16 (margin) = 516 (pg) */
height: 80px; /* 12 + 12 + 10 + 35 = 69, 69 + 11 (shadow) = 80 + 20 (padding) = 100 (img) */
margin: 0 8px 15px 8px;
padding: 10px;
background-image: url(../img/pg/browser.gif);
background-repeat: no-repeat;
color: #FFFFFF;
}
#browser p{
margin: 0 0 10px 0;
text-align: center;
}
#browser h1{
height: 35px;
line-height: 35px;
margin: 0 0 0 100px;
padding: 0 0 0px 45px;
border-bottom: 0px;
background-image: url(../img/pg/download.gif);
background-repeat: no-repeat;
color: #F00000;
cursor: pointer; /* om onbekende reden is de cursor bij a:hover in IE default */
}
#browser a:link h1, #browser a:visited h1{
color:           #F00000;
text-decoration: none;
}
#browser a:hover h1{
background-image: url(../img/pg/download_hover.gif);
background-repeat: no-repeat;
color: #FFFFFF;
text-decoration: none;
}
/* ----------- item ----------- */
#item_l{
float: left;
width: 516px; /* 516px (item_1) + 40px (margin 2 keer 20px) = 556px (pg) */
margin: 0 0 15px 0;
}
#item_l_top{
float: left;
width: 516px;
height: 16px;
background-image: url(../img/pg/bg_l_top.gif);
background-repeat: repeat-x;
}
#item_l_body{
float: left;
width: 486px; /* 486px + 30 (2x padding 15)= 516px (item_l) */
padding: 0 15px 5px 15px;
background-image: url(../img/pg/bg_l_body.gif);
background-repeat: repeat-y;
}
table.item_l_body{
width: 486px;
border-collapse: collapse;
}
td.left{
width: 238px; /* 238px (left) + 237px (right) + 11px (lijn) = 486px (item_l_body) */
vertical-align: top;
}
td.lijn{
width: 11px;  /* 238px (left) + 237px (right) + 11px (lijn) = 486px (item_l_body) */
background-image: url(../img/pg/lijn.gif);
background-repeat: repeat-y;
vertical-align: top;
}
td.right{
width: 237px;  /* 238px (left) + 237px (right) + 11px (lijn) = 486px (item_l_body) */
vertical-align: top;
}
#item_l_bottom{
float: left;
width: 516px;
height: 5px;
background-image: url(../img/pg/bg_l_bottom.gif);
background-repeat: repeat-x;
}
#download_img{
float: left;
width: 200px;
height: 150px;
margin-right: 10px;
display: block;
zoom: 100%;
}
#download_img a:link, #download_img a:visited, #download_img a:hover{
display: block;
zoom: 100%;
}
/* ----------- game -------------- */
#game{
width: 486px;
height: 24px;
line-height: 24px;
border-top: 1px solid #E6EADB;
background-color: #F4F4F4;
font-size: 11px;
}
#game.b{
background-color: #FFFFFF;
}
#game.e{
text-indent: 10px;
}
#game:hover{
background-color: #CCFF66;
cursor: default;
}
#game.e:hover{
background-color: #F4F4F4;
cursor: default;
}
#game #flag{
float: left;
width: 24px; /* 24 + 20 (padding) = 44 */
padding: 5px 20px 5px 10px;
}
#game #home{
float: left;
width: 100px;
}
#game #streep{
float: left;
width: 24px;
}
#game #away{
float: left;
width: 100px;
}
#game #time{
float: left;
width: 44px;
text-align: right;
}
#game #stage{
float: left;
width: 100px;
font-size: 9px;
padding: 0 10px 0 0;
text-align: right;
color: #999999;
}
/* ----------- wedstrijd --------- */
#wedstrijd{
width: 486px;
height: 24px;
line-height: 24px;
border-top: 1px solid #E6EADB;
background-color: #F4F4F4;
font-size: 11px;
}
#wedstrijd.b{
background-color: #FFFFFF;
}
#wedstrijd.e{
text-indent: 10px;
}
#wedstrijd:hover{
background-color: #CCFF66;
cursor: default;
}
#wedstrijd.e:hover{
background-color: #F4F4F4;
cursor: default;
}
#wedstrijd a:link, #wedstrijd a:visited{
color: #555555;
text-decoration: none;
}
#wedstrijd a:hover{
color: #555555;
text-decoration: underline;
}
#wedstrijd #date{
float: left;
width: 55px; /* 55 + 10 (padding) = 65px */
padding-left: 10px;
}
#wedstrijd #time{
float: left;
width: 50px;
}
#wedstrijd #flag{
float: left;
width: 24px; /* 24 + 25 (padding) = 49 */
padding: 5px 15px 5px 10px;
}
#wedstrijd #home{
float: left;
width: 95px;
}
#wedstrijd #streep{
float: left;
width: 24px;
}
#wedstrijd #away{
float: left;
width: 95px;
}
#wedstrijd #score{
float: left;
width: 59px;
text-align: center;
}
/* ----------- kanalen --------- */
#kanalen{
width: 486px;
height: 24px;
line-height: 24px;
margin: 0 0 20px 0;
border-top: 1px solid #E6EADB;
border-bottom: 1px solid #E6EADB;
font-size: 11px;
font-style: italic;
}
#kanalen #label{
float: left;
width: 62px;
text-align: center;
}
#kanalen #kanaal{
float: left;
width: 105px;
border-left: 1px solid #E6EADB;
text-align: center;
}
/* ----------- wedstrijdschema --------- */
#wedstrijdschema{
width: 486px;
height: 24px;
line-height: 24px;
border-top: 1px solid #E6EADB;
background-color: #F4F4F4;
font-size: 11px;
}
#wedstrijdschema.b{
background-color: #FFFFFF;
}
#wedstrijdschema.e{
text-indent: 10px;
}
#wedstrijdschema:hover{
background-color: #CCFF66;
cursor: default;
}
#wedstrijdschema.e:hover{
background-color: #F4F4F4;
cursor: default;
}
#wedstrijdschema #id{
float: left;
width: 30px; /* 30 + 5 (padding) = 35px */
padding-left: 5px;
}
#wedstrijdschema #date{
float: left;
width: 55px; /* 55 + 10 (padding) = 65px */
padding-left: 10px;
}
#wedstrijdschema #time{
float: left;
width: 50px;
}
#wedstrijdschema #home{
float: left;
width: 120px;
}
#wedstrijdschema #streep{
float: left;
width: 24px;
}
#wedstrijdschema #away{
float: left;
width: 120px;
}
#wedstrijdschema #stage{
float: left;
width: 72px;
}
/* ----------- groepen --------- */
table#groepen{
width: 484px;
margin: 0 0 15px 0;
border-collapse: collapse; /* cellspacing */
font-size: 11px;
}
table#groepen a:link, table#groepen a:visited{
color: #555555;
text-decoration: none;
}
table#groepen a:hover{
color: #555555;
text-decoration: underline;
}
table#groepen thead{
border-bottom: 1px solid #CCCCCC;
font-weight: bold;
color: #555555;
text-align: center;
}
table#groepen tbody{
text-align: center;
}
table#groepen tbody td#landen{
font-weight: bold;
text-align: left;
}
table#groepen td{
padding: 5px; /* cellpadding */
border-bottom: 1px solid #CCCCCC;
}
/* ----------- landen --------- */
div#landen{
width: 484px; /* 484 + 2 (margin) = 486 */
margin: 0 1px 0 1px;
}
div#landen #kolom{
float: left;
width: 121px;
line-height: 18px;
vertical-align: middle;
font-weight: bold;
}
div#landen #kolom img{
padding: 5px 5px 5px 0;
vertical-align: middle;
}
div#landen #kolom a{
display: block;
}
div#landen #kolom a:link, div#landen #kolom a:visited{
color: #000000;
text-decoration: none;
}
div#landen #kolom a:hover{
color: #F00000;
text-decoration: none;
}
div#vak{
float: left;
width: 215px; /* 225 + 10 (margin) + 16 (padding) + 2 (border) = 243, 243 x 2 = 486 (item) */
margin: 10px 5px 0 5px;
padding: 8px;
border: 1px solid #CCCCCC;
}
div#vak div#land{
line-height: 36px;
vertical-align: middle;
font-size: 18px;
font-weight: bold;
color: #F00000;
}
div#vak div#land img{
vertical-align: middle;
}
div#vak table#team{
width: 215px;
margin-top: 10px;
border-collapse: collapse; /* cellspacing */
}
div#vak table#team td#l{
text-align: right;
font-weight: bold;
}
div#vak table#team td#r{
padding-left: 5px;
}
/*--------------- ZIJBALK ------------------------------------------*/
#zb{
float: left;
width: 190px;
background-color: #FFFFFF;
}
#zb a:link, #zb a:visited{
color: #F00000;
text-decoration: underline;
}
#zb a:hover{
color: #F00000;
text-decoration: underline;
}
#zb a#none:link, #zb a#none:visited{
color: #F00000;
text-decoration: none;
}
#zb a#none:hover{
color: #000000;
text-decoration: none;
}
#logo{
width: 170px;
height: 217px;
margin: 0 0 15px 0px;
background-image: url(../img/zb/logo.gif);
background-repeat: no-repeat;
}
#ad_zb_1{
text-align: center;
}
#item_s{
width: 170px; /* 170px (item_s) + 20px (margin-right) = 190px (zb) */
margin: 0 20px 15px 0;
}
#item_s_top{
width: 170px;
height: 16px;
background-image: url(../img/pg/bg_s_top.gif);
background-repeat: repeat-x;
}
#item_s_body{
width: 140px; /* 140px + 30px (2x padding 15) = 170px (item_s) */
padding: 0 15px 5px 15px;
background-image: url(../img/pg/bg_s_body.gif);
background-repeat: repeat-y;
}
#item_s_bottom{
width: 170px;
height: 5px;
background-image: url(../img/pg/bg_s_bottom.gif);
background-repeat: repeat-x;
}
/* ----------- line ------------- */
#line{
width: 140px; /* item_s_body */
height: 1px;
font-size: 1px;
border-top: 1px solid #CCCCCC;
clear: both;
}
/* ----------- wedstrijden --------- */
#wedstrijden{
width: 134px; /* 134 + 6 (padding) = 140 (item_s_body) */
height: 30px;
line-height: 15px;
padding: 0 3px;
border-top: 1px solid #CCCCCC;
background-color: #F4F4F4;
font-size: 9px;
}
#wedstrijden.b{
background-color: #FFFFFF;
}
#wedstrijden.e{
width: 134px; /* 134 + 6 (padding) = 140 (item_s_body) */
height: 15px;
line-height: 15px;
padding: 0 3px;
border-top: 1px solid #CCCCCC;
background-color: #F4F4F4;
font-size: 9px;
}
#wedstrijden:hover{
background-color: #CCFF66;
cursor: default;
}
#wedstrijden.e:hover{
background-color: #F4F4F4;
cursor: default;
}
#wedstrijden a:link, #wedstrijden a:visited{
color: #555555;
text-decoration: none;
}
#wedstrijden a:hover{
color: #555555;
text-decoration: underline;
}
#wedstrijden #eerste{
float: left;
width: 62px;
}
#wedstrijden #tweede{
float: left;
width: 72px;
text-align: right;
}
#wedstrijden #home{
float: left;
width: 62px;
color: #000000;
}
#wedstrijden #streep{
float: left;
width: 10px;
text-align: center;
}
#wedstrijden #away{
float: left;
width: 62px;
color: #000000;
}
/* ----------- groepc --------- */
table#groepc{
width: 140px; /* item_s_body */
margin: 0 0 15px 0;
border-collapse: collapse; /* cellspacing */
font-size: 11px;
}
table#groepc td{
padding: 2px; /* cellpadding */
border-bottom: 1px solid #CCCCCC;
}
table#groepc a:link, table#groepc a:visited{
color: #555555;
text-decoration: none;
}
table#groepc a:hover{
color: #555555;
text-decoration: underline;
}
/* ----------- links ---------- */
#links_l, #links_r{
float: left;
width: 243px; /* 243 + 243 = 486 (item) */
}
table#links{
width: 243px;
margin: 0 0 20px 0;
}
#links_r table#links tr, #links_r caption{
text-align: right;
}
table#links a:link, table#links a:visited{
color: #F00000;
text-decoration: none;
}
table#links a:hover{
color: #000000;
text-decoration: none;
}
/* --------------- FOOTER ---------------------------------------------*/
#ft{
float: left;
width: 746px; /* 746 + 2 (borders) = 748px */
height: 25px;
line-height: 25px;
margin-bottom: 20px;
border-top:    0px solid #000000;
border-right:  1px solid #000000;
border-bottom: 1px solid #000000;
border-left:   1px solid #000000;
background-image: url(../img/ft/bg.gif);
background-repeat: repeat-x;
color: #000000;
}
#ft a:link, #ft a:visited{
color:           #FFFFFF;
text-decoration: none;
}
#ft a:hover{
color:           #000000;
text-decoration: none;
}
#ft_l{
float: left;
width: 310px;
padding: 0 0 0 20px;
}
#ft_c{
float: left;
text-align: center;
}
#ft_r{
float: right;
width: 170px; /* 170 + 20 (padding) = 190 */
height: 25px;
padding: 0 20px 0 0;
text-align: center;
vertical-align: middle;
}