BODY {background-color:#FFFFFF; line-height:1.3em; margin-top:10px; margin-bottom:0px; font-family:Verdana, Arial, sans-serif; font-size:16px; font-weight:normal; color:#000000;} /*margin-right:9px;*/ .print {display:none;} .print-pag {display:none;} /* wordt alleen gebruikt bij interne verwijzingen naar paginanummer | in style_print.css wordt dit display:inline */ A:focus {border-bottom:2px dashed #CC0000; outline:0;} /* met outline: #339900 dotted thin; kleurt de gestippelde rand rondom een link #339900 ipv zwart. gestippelde lijn (of border-bottom) is belangrijk voor browsen met TAB-toets en is te zien rondom een actieve link */ TABLE, TR, TD {line-height:1.3em; font-family:Verdana, Arial, sans-serif; font-size:16px; font-weight:normal; color:#000000;} TABLE.hoofdtabel {width:930px; margin-right:auto; margin-left:auto;} /* bij max-breedte van 930px voor een webpagina passen op een 24' beeldscherm 2 vensters naast elkaar van 960px */ /* hier stond geen width en alleen: margin-left:34px; */ TABLE.hoofdtabel-kaarten {width:95%; margin-right:auto; margin-left:auto;} /* wordt alleen gebruikt bij kaart_....html */ TABLE A {text-decoration:none;} TABLE A:link {text-decoration:none;} TABLE A:visited {text-decoration:none;} TABLE A:hover {text-decoration:none;} /* deze TABLE A:hover dient om een groene rand te geven rond de foto's die een link hebben hier stond background-color:#339900; maar dan verschuift het plaatje in IE */ .provr {line-height:1.3em; text-align:right; font-family:'Comic Sans MS', Tahoma, Verdana, sans-serif; font-weight:bold; color:#B0B0B0; width:34px;} .prov {text-align:center; font-family:'Comic Sans MS', Tahoma, Verdana, sans-serif; font-size:28px; font-weight:bold; color:#CC0000;} .provrbalkje {float:right; border-bottom:solid 6px #339900; width:16px;} .provbalk {border-bottom:solid 6px #339900; width:87%;} .regio {text-align:center; font-size:18px; font-weight:bold; color:#2B8000;} .floatkoptekst H1 {background:#C6FF8A; line-height:70%; letter-spacing:.15em; text-align:center; font-family:'Comic Sans MS', Tahoma, Verdana, sans-serif; font-size:28px; font-weight:bold; color:#CC0000; border-bottom:double 6px #339900; margin:0; padding:0.22em 0em;} /*margin-right:9px;*/ .floatkoptekst H1 I {line-height:99%; font-style:normal; margin:0} .nl {font-size:22px; font-family:Verdana; color:#339900;} .floatkoptekst H2 {line-height:120%; letter-spacing:.3em; text-align:center; font-family:'Comic Sans MS', Tahoma, Verdana, sans-serif; font-size:22px; font-weight:bold; color:#339900; border:none; margin:0.3em 0; padding:0;} /* 100% 28px */ .floatkoptekst P {margin:0;} .floatboxlinks {background:#DFFFBD; float:left; line-height:99%; text-align:center; font-family:'Comic Sans MS', Tahoma, Verdana, sans-serif; font-size:17px; font-weight:bold; color:#CC0000; border:solid 4px #339900; width:185px; margin:20px 0px 5px 9px; padding:5px;} .floatboxlinks P {margin:0px;} .floatboxrechts {background:#DFFFBD; float:right; line-height:99%; text-align:center; font-family:'Comic Sans MS', Tahoma, Verdana, sans-serif; font-size:17px; font-weight:bold; color:#CC0000; border:solid 4px #339900; width:185px; margin:20px 9px 5px 0px; padding:5px;}/*margin:20px 18px 5px 0px*/ .floatboxrechts P {margin:0;} .inleiding {font-weight:bold;} .update {float:right; margin:10px 37px 0 0; font-size:12px; color:#339900; height:30px; border:1px solid #339900; border-width:1px; background:#DFFFBD; padding:0 10px 0 10px; line-height:29px; font-weight:bold;} .code {background:#DFFFBD; line-height:130%; font-size:12px; color:#666666; margin:10px 0px 10px 0px; padding:10px;} .codeadsense {background:#C6FF8A; font-size:12px; width:61.6em; margin-top:10px; margin-right:-1.8em; margin-bottom:10px; padding:10px;} /*margin-right:14.8em; is nodig voor Google Chrome*/ .codew {background:#E8E8E8; display:inline-block; line-height:130%; color:#888888; border-right:dotted 2px #339900; margin:0; padding:10px;} .reclame {letter-spacing:.15em; font-family:'Comic Sans MS', Tahoma, Verdana, sans-serif; font-size:14px; color:#CC0000; font-weight:bold;} .reclame-nl {color:#339900; font-weight:bold;} .flag:hover {background-color:#339900;} .balloon {background-color:#DFFFBD; font-size:85%; font-weight:bold; color:#339900;} .balloon A {text-decoration:none; color:#CC0000;} .balloon A:link {text-decoration:none; color:#CC0000;} .balloon A:visited {text-decoration:none; font-size:105%; font-style:italic; font-weight:normal; color:#CC0000;} .balloon A:visited:hover {text-decoration:none; font-weight:bold;} .balloon A:hover {background-color:#339900; color:#FFFFFF;} .balloon A:active {text-decoration:none; font-weight:bold; color:#CC0000;} .balloonhome {background-color:#FFFFFF; font-size:17px; font-weight:bold; color:#339900;} .balloonhome A {text-decoration:none; font-size:100%; font-family:'Comic Sans MS', Tahoma, Verdana, sans-serif; color:#339900;} .balloonhome A:link {text-decoration:none; font-size:100%; font-family:'Comic Sans MS', Tahoma, Verdana, sans-serif; color:#339900;} .balloonhome A:visited {text-decoration:none; color:#339900;} .balloonhome A:hover {background-color:#339900; color:#FFFFFF;} A.welkom {text-decoration:none; font-size:14px; font-weight:bold;} A.welkom:link {text-decoration:none; color:#CC0000;} A.welkom:visited {text-decoration:none; font-style:italic; font-weight:normal; color:#CC0000;} A.welkom:visited:hover {text-decoration:none;} A.welkom:hover {background-color:#339900; color:#FFFFFF;} IMG {color:#DFFFBD;} /* deze color verbergt de ALT-tekst van de foto's als foto's a/h binnenkomen zijn of niet geladen worden */ .foto {background:#DFFFBD; font-size:75%; font-weight:bold; color:#DFFFBD; border:double 4px #339900; margin-top:4px; margin-bottom:2px; margin-left:8px;} /* deze color verbergt de ALT-tekst van de foto's als foto's a/h binnenkomen zijn of niet geladen worden */ .foto:hover {text-decoration:none; background-color:#339900; } /* deze hover dient om een groene rand te geven rond de foto's die een link hebben hier stond ook: margin-left:0px; padding-left:8px; margin-left:0px voorkomt in FF tijdens het hoveren een groen blokje links naast de foto's maar dan gaat de tekst links schuiven daarom toegevoegd: padding-left:8px; dit geeft helaas een komplete dikke groene rand links */ .fotozonderlink {background:#DFFFBD; color:#DFFFBD; font-size:75%; font-weight:bold; border:double 4px #339900; margin-top:4px; margin-left:8px; } /* deze color verbergt de ALT-tekst van de foto's als foto's a/h binnenkomen zijn of niet geladen worden */ .fotozonderlink:hover{text-decoration:none;} .gemwa {border:0px; margin:5px; height:126px;} .fototekst {line-height:1.2em; font-family:Verdana, Arial, sans-serif; font-size:12px; font-style:italic; margin-left:30px; margin-right:0px; } .kantlijn {border-left:double 6px #339900; height:auto; margin-top:0px; margin-bottom:0px; margin-left:16px;} .kantlijntekst {color:#888888; margin-top:0px; margin-bottom:0px; margin-left:16px;} .datum {font-family:'Comic Sans MS', Tahoma, Verdana, sans-serif; font-size:13px; font-weight:normal; color:#CC0000; border-top:solid 1px #339900; border-right:solid 1px #339900; border-bottom:double 1px #339900;} .dis_bl {border-top:1px solid #0488E7; border-bottom:1px solid #0488E7; border-left:30px solid #0488E7;} .dis_go {border-top:1px solid #E7D404; border-bottom:1px solid #E7D404; border-left:30px solid #E7D404;} .dis_gr {border-top:1px solid #88E704; border-bottom:1px solid #88E704; border-left:30px solid #88E704;} .dis_lbl {border-top:1px solid #04E7D4; border-bottom:1px solid #04E7D4; border-left:30px solid #04E7D4;} .dis_or {border-top:1px solid #E76204; border-bottom:1px solid #E76204; border-left:30px solid #E76204;} .dis_bruin {border-left:30px solid #ECBE75; font-size:14px;} /* alleen gebruikt in regio-html's */ .dis_oost {border-left:16px solid #FCC20D; font-size:10px;} /* alleen gebruikt in regio-html's */ .dis_zuid {border-left:16px solid #FC85FC; font-size:10px;} /* alleen gebruikt in regio-html's */ .dis_west {border-left:16px solid #05B7EC; font-size:10px;} /* alleen gebruikt in regio-html's */ .dis_midden {border-left:16px solid #A8E61A; font-size:10px;} /* alleen gebruikt in regio-html's */ .dis_noord {border-left:16px solid #FC7E04; font-size:10px;} /* alleen gebruikt in regio-html's */ .dis_blanco {border-left:16px solid #FFFFFF; font-size:10px; visibility:hidden;} /* alleen gebruikt in regio-html's */ .oranje {text-align:left; font-weight:bold; color:#CC0000;} .groen {text-align:left; font-weight:bold; color:#2B8000;} .zwart {text-align:left; color:#333;} .takkforbesoktet{font-size:95%; font-weight:bold; border-top:double 6px #339900; width:80%; padding-top:20px;} .l {width:45%; float:left; line-height:153%;} .m {width:10%; float:left; text-align:center; line-height:153%;} .r {width:45%; float:right; text-align:right; line-height:153%;} .voettekst {background:#DFFFBD; text-align:center; font-weight:normal; font-size:12px; color:#339900; border:solid 1px #339900; padding:5px;} .voettekst A {text-decoration:none; font-size:12px; font-weight:normal; color:#1A4D00;} .voettekst A:link {text-decoration:none; font-size:12px; font-weight:normal; color:#1A4D00;} .voettekst A:visited {text-decoration:none; font-weight:normal; color:#1A4D00;} .voettekst A:hover {background-color:#339900; font-weight:normal; color:#FFFFFF; border:none;} .voettekst A:active {background-color:#339900; text-decoration:none; color:#1A4D00;} .voettekstupdate {float:right; text-align:right;} .onestat A {text-decoration:none; font-size:100%;} /* --------BEGIN STIJL NAVIGATIE-MENU--------bron: http://www.cssplay.co.uk/menus/final_drop.html -------- --------This copyright notice must be untouched at all times. --------The original version of this stylesheet and the associated (x)html --------is available at http://www.cssplay.co.uk/menus/final_drop.html --------Copyright (c) 2005-2008 Stu Nicholls. All rights reserved. --------This stylesheet and the associated (x)html may be modified in any --------way to fit your requirements. het originele menu heeft 5 kolommen a 149px, dit is hieronder teruggebracht tot 4 kolommen a 149px = 596px de breedtes van de onderliggende niveaus zijn hieronder ook vergroot */ .menu {width:596px; height:32px; position:relative; z-index:100;border-right:1px solid #339900; font-family:Verdana, Arial, sans-serif;} /* dit was 745, hiermee 5 kolommen teruggebracht naar 4 */ * html .menu {width:597px; w\idth:596px;} /* dit was 746 en 745 */ .menu ul {padding:0;margin:0;list-style-type:none;} .menu ul ul {width:149px;} .menu li {float:left;width:149px;position:relative;} .menu a, .menu a:visited {display:block; font-size:12px;text-decoration:none; color:#339900; width:138px; height:30px; border:1px solid #339900; border-width:1px 0 1px 1px; background:#DFFFBD; padding-left:10px; line-height:29px; font-weight:bold;} * html .menu a, * html .menu a:visited {width:149px; w\idth:138px;} .menu ul ul a.drop, .menu ul ul a.drop:visited {background:#DFFFBD url(http://www.onzeautovakantiesinnoorwegen.nl/signs/navmenuarrow.gif) no-repeat 218px center;} /* dit was 130px hiermee positie navmenuarrowwhite.gif in bredere kolom gecorrigeerd */ .menu ul ul a.drop:hover{background:#CC0000 url(http://www.onzeautovakantiesinnoorwegen.nl/signs/navmenuarrowwhite.gif) no-repeat 130px center; color:#FFFFFF;} /* dit was 218px, hiermee positie navmenuarrowwhite.gif in bredere kolom gecorrigeerd */ .menu ul ul :hover > a.drop {background:#CC0000 url(http://www.onzeautovakantiesinnoorwegen.nl/signs/navmenuarrowwhite.gif) no-repeat 218px center; color:#FFFFFF;} /* dit was 130px, hiermee positie navmenuarrowwhite.gif in bredere kolom gecorrigeerd */ .menu ul ul ul a, .menu ul ul ul a:visited {background:#DFFFBD; margin-left:88px; width:254px;} /* laagste niveau, zelf toegevoegd: 216-128=margin-left 88, width:254 hiermee de breedte van laagste niveau vergroot */ .menu ul ul ul a:hover {background:#CC0000;} /* laagste niveau */ .menu ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0; width:149px;border-top:0px solid #000;} * html .menu ul ul {top:30px;t\op:31px;} .menu ul ul ul{left:149px; top:0px; width:149px;} /*top:-1px;*/ .menu ul ul ul.left {left:-362px;} /* dit was 149, hiermee positie van bredere linker laagste niveau gecorrigeerd */ .menu ul ul a.dropleft, .menu ul ul a.dropleft:visited {background:#DFFFBD url(../signs/navmenuarrowleft.gif) no-repeat 218px center;} /* dit was 130px hiermee positie navmenuarrowwhite.gif in bredere kolom gecorrigeerd */ .menu ul ul a.dropleft:hover{background:#CC0000 url(../signs/navmenuarrowleftwhite.gif) no-repeat 130px center; color:#FFFFFF;} /* dit was 218px, hiermee positie navmenuarrowwhite.gif in bredere kolom gecorrigeerd */ .menu ul ul :hover > a.dropleft {background:#CC0000 url(../signs/navmenuarrowleftwhite.gif) no-repeat 218px center; color:#FFFFFF;} /* dit was 130px, hiermee positie navmenuarrowwhite.gif in bredere kolom gecorrigeerd */ .menu table {position:absolute; top:0; left:0; border-collapse:collapse;;} .menu ul ul a, .menu ul ul a:visited {background:#DFFFBD; color:#339900; height:auto; line-height:1.5em; padding:10px; width:216px; border-width:0 1px 2px 1px;} /* middelste niveau, line-height was 1em, width was 128, hiermee de breedte van middelste niveau vergroot */ * html .menu ul ul a, * html .menu ul ul a:visited {width:252px;w\idth:216px;} /* dit was 150 en 128 */ .menu a:hover, .menu ul ul a:hover{color:#FFFFFF; background:#CC0000;} .menu :hover > a, .menu ul ul :hover > a {color:#FFFFFF; background:#CC0000;} .menu ul li:hover ul, .menu ul a:hover ul{visibility:visible; } .menu ul :hover ul ul{visibility:hidden;} .menu ul :hover ul :hover ul{ visibility:visible;} /* -------EINDE STIJL NAVIGATIE-MENU------- */