A:link.nieuws { text-decoration: none; color: black; } A:visited.nieuws { text-decoration: none; color: black; } A:active.nieuws { text-decoration: none; } A:hover.nieuws { text-decoration: underline; color: blue; } A:link.home{ text-decoration: none; color: #888888; } A:visited.home { text-decoration: none; color: #888888; } A:active.home { text-decoration: none; } A:hover.home { text-decoration: underline; color: blue; } .opmaak { color : #000000; margin-top : 5px; padding-bottom : 10px; margin-bottom : 0px; margin-left : 40px; margin-right : 30px; font-size : 11px; font-family : Tahoma,Verdana,Arial; } .small { color : #000000; font-size : 13px; font-family : Tahoma,Verdana,Arial; } .normal { color : #000000; font-size : 15px; font-family : Tahoma,Verdana,Arial; } .large { color : #000000; font-size : 17px; font-family : Tahoma,Verdana,Arial; } /* | use: 4 corners with borderline outside a contentbox with class="inside"; | image = upper half: top left corner, long borderline, top right corner | under half: bottom left corner, long borderline, bottom right corner | CHANGE = you have to change this for fitting to your image | YCC = You Can Change (or omit), if wanted | DNC = Do Not Change */ .top-left, .top-right, .bottom-left, .bottom-right { background-image: url('images/rondhoek3.gif'); /* CHANGE: path and name of your image */ height: 20px; /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */ font-size: 2px; /* DNC: correction IE for height of the
's */ } .top-left, .bottom-left { margin-right: 20px; /* CHANGE: replace by the width of one of your corners */ } .top-right, .bottom-right { margin-left: 20px; /* CHANGE: replace by the width of one of your corners */ margin-top: -20px; /* CHANGE: replace by the height of one of your corners */ } .top-right { background-position: 100% 0; /* DNC: position right corner at right side, no vertical changes */ font-size: 10px; font-weight: bold; color: #666666; padding-top: 4px; } .bottom-left { background-position: 0 -20px; /* CHANGE: replace second number by negative height of one of your corners */ } .bottom-right { background-position: 100% -20px; /* CHANGE: replace second number by negative height of one of your corners */ } .inside { border-left: 1px solid #FFF0DB; /* YCC: color & properties of the left-borderline */ border-right: 1px solid #AAAAAA;/* YCC: color & properties of the right-borderline */ background: #FFF0DB; /* YCC: background-color of the inside */ color: #000000; /* YCC: default text-color of the inside */ padding-left: 10px; /* YCC: all texts at some distance of the left border */ padding-right:10px; /* YCC: all texts at some distance of the right border */ font-size: 12px; } .notopgap { margin-top: -4px; } /* DNC: to avoid splitting of the box */ .nobottomgap { margin-bottom: -1px; padding-bottom: 1px; } /* DNC: to avoid splitting of the box */ /* ...

Your text & other things inside

...

...

... -o-text-overflow: ellipsis; -icab-text-overflow: ellipsis; -khtml-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; */ .foto_onderschrift { font-size: 10px; font-weight: bold; color: #666666; } .inside_dorpfeest_kop { color: #000000; /* YCC: default text-color of the inside */ font-size: 30px; } .countdown_klok { color: #F00; font-size: 70px; font-weight: bold; font-family: Radioland; src: url('includes/RadioLand.ttf'); }