media/base/css/lex.css

   1
   2 body {
   3         margin: 0px;
   4         padding: 0px;
   5         font-family:Verdana, Georgia,Arial, sans-serif;
   6         font-size:9pt;
   7         background: #000000 url('img/lex/achtergrond.jpg') top left no-repeat;
   8         min-width:1000px;
   9
  10 }
  11
  12 img {
  13    /* Workaround to make IE6 support transparent PNGs */
  14    behavior: url("iepngfix.htc");
  15 }
  16
  17 .p {
  18         text-align:justify;
  19         line-height: 15px;
  20         padding:5px 5px 5px 5px;
  21         margin-top:0px;
  22 }
  23
  24 a {
  25         color: #ffffff;
  26 }
  27
  28 a:hover {
  29         color: #a10a00;
  30 }
  31
  32 h1 {
  33         font-size:12pt;
  34         color: red;
  35 }
  36
  37 h2, hr {
  38         font-size:9pt;
  39         color: red;
  40         margin-top:5px;
  41         margin-bottom:0px;
  42 }
  43
  44
  45 /* Because .InnerContainer is absolutely positioned, and IE6 doesn't do
  46  * .OuterContainer's min-width and min-height properties, we use an
  47  * extra, empty, container of the same size of .InnerContainer. IE6 will
  48  * stretch up .OuterContainer to make .MinSizeContainer fit in. */
  49 .MinSizeContainer {
  50         width: 1000px;
  51 }
  52
  53 div.logo{
  54         height: 132px;
  55         width: 220px;
  56         background: url('img/lex/logo.png');
  57         behavior: url("iepngfix.htc");
  58         background-repeat: no-repeat;
  59         margin-left:5px;
  60 }
  61
  62 div.navleft {
  63         float:left;
  64         width:220px;
  65         margin-left:5px;
  66 }
  67
  68 img.navleftimg {
  69         margin:0px;
  70         padding:0px;
  71         display:block;
  72 }
  73
  74 .navleftbox {
  75         margin:0 auto;
  76         border-left:3px double #aaaaaa;;
  77         border-right:3px double #aaaaaa;;
  78         background-color:#000000;
  79         width: 180px;
  80         color: #ffffff;
  81         padding:5px 5px 5px 0px;
  82 }
  83
  84 .borderNavleft {
  85         margin:0 auto;
  86         width:190px;
  87         height:10px;
  88         line-height:10px;
  89 }
  90
  91 ul {
  92         list-style-image: url('img/lex/arrow.gif');
  93         line-height: 22px;
  94         margin-top:0px;
  95         margin-bottom:0px;
  96 }
  97
  98 .navleftbox li {
  99         word-spacing:1px;
 100 }
 101
 102 li a, li a:visited {
 103         text-decoration:none;
 104 }
 105
 106 .midden {
 107         margin-left:265px;
 108         margin-right:330px;
 109 }
 110
 111 /* * * * * * * * * Fancy boven- en onder-randjes * * * * * * * * */
 112 .borderNavmidden {
 113         height:10px;
 114         line-height:10px;
 115 }
 116
 117 .topleft, .topright, .botleft, .botright {
 118         width:10px;
 119         height:10px;
 120 }
 121
 122 .topleft, .botleft {
 123         float:left;
 124 }
 125
 126 .topright, .botright {
 127         float:right;
 128 }
 129
 130 .topline, .botline {
 131         background: url('img/lex/topBrdr.gif');
 132         background-repeat:repeat-x;
 133         margin:0px 10px 0px 10px;
 134 }
 135
 136 .topleft {
 137         background: url('img/lex/topLCrnr.gif');
 138         background-repeat:no-repeat;
 139 }
 140
 141 .topline {
 142         background: url('img/lex/topBrdr.gif');
 143 }
 144
 145 .topright {
 146         background: url('img/lex/topRCrnr.gif');
 147         background-repeat:no-repeat;
 148 }
 149
 150 .botleft {
 151         background: url('img/lex/botLCrnr.gif');
 152         background-repeat:no-repeat;
 153 }
 154
 155 .botline {
 156         background: url('img/lex/botBrdr.gif');
 157 }
 158
 159 .botright {
 160         background: url('img/lex/botRCrnr.gif');
 161         background-repeat:no-repeat;
 162 }
 163
 164 /* * * * * * * * * einde fancy boven- en onder-randjes * * * * * * * * */
 165
 166 .navmidden, .navmidden table {
 167         color: #ffffff;
 168 }
 169
 170 .navmidden {
 171         background-color:#000000;
 172         border:3px double #aaaaaa;;
 173         border-top:0px;
 174         border-bottom:0px;
 175         padding:10px;
 176         padding-top:5px;
 177 }
 178
 179 .navrechts {
 180         float:right;
 181         width: 302px;
 182         color: #ffffff;
 183         margin-right:10px;
 184         margin-left:10px;
 185         margin-top:38px;
 186 }
 187
 188 .aankondiging {
 189         width:302px;
 190         height:297px;
 191         margin:0px;
 192         padding:0px;
 193         display:block;
 194         background:url('img/lex/tabelrechts.png');
 195         behavior: url("iepngfix.htc");
 196         margin-bottom:20px;
 197 }
 198
 199 a.inschrijfbut {
 200         display:block;
 201         width:220px;
 202         height:25px;
 203         position:relative;
 204         top:250px;
 205         left:45px;
 206         background:url('img/lex/butInschrijf.gif');
 207 }
 208
 209 a.inschrijfbut:hover {
 210         display:block;
 211         background:url('img/lex/bhlInschrijf.gif');
 212 }
 213
 214 div.kalender {
 215         width:270px;
 216         margin:auto;
 217         text-align:center;
 218         background-color:#000000;
 219         border:3px double #aaaaaa;;
 220         border-bottom:0px;
 221         border-top:0px;
 222 }
 223
 224 .borderNavRight {
 225         margin:0 auto;
 226         width:276px;
 227         height:10px;
 228         line-height:10px;
 229 }
 230
 231 .footer {
 232         clear:both;
 233         color:#ffffff;
 234         font-size:0.8em;
 235         text-align:center;
 236         padding:60px 0 30px 0;
 237         margin:10px 0 0 0;
 238         background:url('img/lex/footer-bg.gif');
 239         background-repeat:repeat-x;
 240         background-position: top left;
 241         height:10px;
 242 }
 243
 244 /* * * * * * * * * nieuwspagina * * * * * * * * */
 245
 246 p.nieuws {
 247         margin-top:0px;
 248 }
 249
 250 .nieuws span{
 251         font-style:italic;
 252 }
 253
 254 img.nieuwsimg {
 255         margin:0px;
 256 }
 257
 258 /* * * * * * * * * linkspagina * * * * * * * * */
 259
 260 .linksBlok {
 261         width:30%
 262 }
 263
 264 .linksVereniging {
 265         float:left;
 266 }
 267
 268 .linksWinkel {
 269         float:left;
 270         margin-left:10px;
 271         margin-right:10px;
 272 }
 273
 274 .linksOverig {
 275         float:right;
 276 }
 277
 278 .linksMail {
 279         clear:both;
 280 }
 281
 282 /* * * * * * * * * trailerpagina * * * * * * * * */
 283
 284 .trailLeft {
 285         float:left;
 286 }
 287
 288 .trailLeft div {
 289         margin-bottom:40px;
 290 }
 291
 292 .trailRight div {
 293         margin-bottom:40px;
 294 }
 295
 296 .trailRight {
 297         float:right;
 298         margin-right:30px;
 299 }
 300
 301 .trailSpacer {
 302         clear:both;
 303 }
 304
 305 /* * * * * * * * * missie/crew * * * * * * * * */
 306
 307 .wieiswie {
 308         width:80px;
 309         height:80px;
 310         margin-right:5px;
 311         float:left;
 312         /*clear:both;*/
 313         padding:2px;
 314         background:url('img/lex/wieborder.gif');
 315         background-repeat:no-repeat;
 316 }