/* 0. Algemeen
1. Header
2. Menu
3. Tabelstructuur
4. Provincie-header
5. Opmaak diverse blokken
6. Opmaak algemeen
7. Fotoblokken en afbeeldingen
8. Footer  */

/* 0.--------ALGEMEEN */
BODY {margin-top:10px; margin-bottom:0px; background:#FFF; color:#000;
      font:normal 16px/1.3em Verdana, Arial, sans-serif;} /*margin-right:9px;*/
A:focus {border-bottom:2px dashed #C00; outline:0;} /* met outline: #390 dotted thin; kleurt de gestippelde rand rondom
         een link #390 ipv zwart. gestippelde lijn (of border-bottom) is belangrijk voor browsen met TAB-toets en is te
         zien rondom een actieve link */
IMG {border:none; vertical-align:baseline; color:#DFFFBD;} /* deze color verbergt de ALT-tekst van de foto's als foto's a/h binnenkomen zijn of niet geladen
     worden */
.print, .print-pag {display:none} /* print-pag wordt alleen gebruikt in printversies bij interne verwijzingen naar paginanummer
         |in style_print.css wordt dit display:inline */

/* 1.--------HEADER */
.floatkoptekst H1 {margin:0; padding:0.22em 0em; background:#C6FF8A; color:#C00; letter-spacing:.15em; text-align:center;
                   font:bold 28px/70% 'Comic Sans MS', Tahoma, Verdana, sans-serif;  border-bottom:6px double #390;}
                   /* margin-right:9px; */
.floatkoptekst H1 I {margin:0; font-style:normal; line-height:99%;}
.nl {font-size:22px; font-family:Verdana; color:#390;}
.floatkoptekst H2 {margin:0.3em 0; padding:0; border:none; color:#390; letter-spacing:.3em; text-align:center;
                   font:bold 22px/120% 'Comic Sans MS', Tahoma, Verdana, sans-serif;} /* 100% 28px */
.floatboxlinks {margin:20px 0px 5px 9px; float:left;}
.floatboxrechts {margin:20px 9px 5px 0px; float:right;} 
.floatboxlinks, .floatboxrechts {padding:5px; border:4px solid #390; width:185px; background:#DFFFBD; color:#C00;
                 text-align:center; font:bold 17px/99% 'Comic Sans MS', Tahoma, Verdana, sans-serif;}                   
.floatkoptekst P, .floatboxlinks P, .floatboxrechts P {margin:0}
.update {margin:10px 37px 0 0; padding:0 10px 0 10px; background:#DFFFBD; color:#390; float:right; height:30px;
         border:1px solid #390; border-width:1px; font-weight:bold; line-height:29px; font-size:12px;}


/* 2.--------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 #390; 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:#390; width:138px; height:30px; border:1px solid #390; 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:#FFF;} /* dit was 218px, hiermee positie navmenuarrowwhite.gif in bredere kolom gecorrigeerd */
.menu ul ul :hover > a.drop {background:#C00 url(http://www.onzeautovakantiesinnoorwegen.nl/signs/navmenuarrowwhite.gif) no-repeat 218px center; color:#FFF;} /* 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:#C00;} /* 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:#C00 url(../signs/navmenuarrowleftwhite.gif) no-repeat 130px center; color:#FFF;} /* dit was 218px, hiermee positie navmenuarrowwhite.gif in bredere kolom gecorrigeerd */
.menu ul ul :hover > a.dropleft {background:#C00 url(../signs/navmenuarrowleftwhite.gif) no-repeat 218px center; color:#FFF;} /* 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:#390; 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:#FFF; background:#C00;}
.menu :hover > a, .menu ul ul :hover > a {color:#FFF; background:#C00;}
.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;}
 
.dis_bruin {border-left:30px solid #ECBE75; font-size:14px;} /* alle dis_... alleen gebruikt in kaart_....html */
.dis_oost {border-left:16px solid #FCC20D; font-size:10px;}
.dis_zuid {border-left:16px solid #FC85FC; font-size:10px;}
.dis_west {border-left:16px solid #05B7EC; font-size:10px;}
.dis_midden {border-left:16px solid #A8E61A; font-size:10px;}
.dis_noord {border-left:16px solid #FC7E04; font-size:10px;}
.dis_blanco {border-left:16px solid #FFF; font-size:10px; visibility:hidden;}

/* 3.--------TABELSTRUCTUUR */
TABLE, TR, TD {color:#000; font:normal 16px/1.3em Verdana, Arial, sans-serif;}
TABLE.hoofdtabel {margin-right:auto; margin-left:auto; width:930px; clear:both;} /* bij max-breedte van 930px voor een webpagina passen
                  op een 24' beeldscherm 2 vensters naast elkaar van 960px */
/*  #valignhoofdtabel = id="valignhoofdtabel" = terug te vinden in scripts/verdeel_hoofdtabel.js */
TABLE.hoofdtabel-kaarten {margin-right:auto; margin-left:auto; width:95%;} /* wordt alleen gebruikt bij kaart_....html */
.provr {color:#B0B0B0; width:34px; text-align:right; font-weight:bold; line-height:1.3em;
        font-family:'Comic Sans MS', Tahoma, Verdana, sans-serif;}
.provr IMG {width:16px; height:20px;}
.provrbalkje {border-bottom:6px solid #390; width:16px; float:right;}
TABLE A, TABLE A:link, TABLE A:hover, TABLE A:visited {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:#390; maar dan verschuift het plaatje in IE */

/* 4.--------PROVINCIE-HEADER */
.provbalk {border-bottom:6px solid #390; width:87%;}
.regio {color:#2B8000; text-align:center; font-weight:bold; font-size:18px;}
.prov {color:#C00; text-align:center; font:bold 28px 'Comic Sans MS', Tahoma, Verdana, sans-serif;}
.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;}

/* 5.--------OPMAAK DIVERSE BLOKKEN */
.balloon {background:#DFFFBD; color:#390; font-weight:bold; font-size:85%;}
.balloon IMG {width:12px; height:11px;}
.balloon A, .balloon A:link {color:#C00; text-decoration:none;}
.balloon A:visited {color:#069; text-decoration:underline;}
.balloon A:visited:hover {text-decoration:none}
.balloon A:hover {color:#FFF; background:#390;}
.balloon A:active {color:#C00; text-decoration:none; font-weight:bold;}

.balloonhome {background:#FFF; color:#390; font-weight:bold; font-size:17px;}
.balloonhome A, .balloonhome A:link {color:#390; text-decoration:none; font-size:100%;
                 font-family:'Comic Sans MS', Tahoma, Verdana, sans-serif;}
.balloonhome A:visited {color:#390; text-decoration:none;}
.balloonhome A:hover {background:#390; color:#FFF;}
.code {margin:10px 0 10px 0; padding:10px; background:#DFFFBD; color:#666; font-size:12px; line-height:130%;}
.codeadsense {margin-top:10px; margin-right:-1.8em; margin-bottom:10px; padding:10px; background:#C6FF8A; width:61.6em;
              font-size:12px;} /* margin-right:14.8em; is nodig voor Google Chrome */
.codew {margin:0; padding:10px; background:#E8E8E8; color:#888; border-right:2px dotted #390; display:inline-block;
        line-height:130%;}
.datum {margin-right:12px; color:#C00; border:1px solid #390; border-left:0; font:normal 13px 'Comic Sans MS', Tahoma, Verdana, sans-serif;}
/* hyperlinks in datum = zie onder 7.--------FOTOBLOKKEN EN AFBEELDINGEN */
.kantlijn {border-left:6px double #390; height:auto;}
.kantlijntekst {color:#888}
.kantlijn, .kantlijntekst {margin-top:0; margin-bottom:0; margin-left:16px;}
.reclame {color:#C00; letter-spacing:.15em; font:bold 14px 'Comic Sans MS', Tahoma, Verdana, sans-serif;}
.reclame-nl	{color:#390; font-weight:bold;}

/*.addthis_toolbox = geregeld via addthis.com */
/* fixed position AddThis Toolbox | bron: http://www.addthis.com/gallery/fixed-position#.Tqrm1rKHV_N */            
.addthis_toolbox.atfixed {position:fixed; left:9px; bottom:10px;
     /* transparante achtergrond | bron: http://robertnyman.com/2010/01/11/css-background-transparency-without-affecting-child-elements-through-rgba-and-filters/ */
     background: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.6);}
/* hyperlinks Larger link-area | bron: http://home.tiscali.nl/developerscorner/css-enlargedLink/large_link-area.htm */
.addthis_toolbox.atfixed A:link, .addthis_toolbox.atfixed A:visited {text-decoration:none; position:relative; padding:8px 2px 6px 0; z-index:1;}
.addthis_toolbox.atfixed A:hover {background:#C6FF8A}
/* hoveren van de plaatjes | bron: http://www.mozbrowser.nl/forum/viewtopic.php?t=20186&f=26 */
.addthis_toolbox.atfixed img.hover {display:none}
.addthis_toolbox.atfixed:hover img.standaard {display:none}
.addthis_toolbox.atfixed:hover img.hover {display:inline}

/* 6.--------OPMAAK ALGEMEEN */
.fll {float:left}
.fln {float:none}
.flr {float:right}
.inleiding {font-weight:bold}
.line_thin {background:#390; color:#390; height:1px; border:0 solid #390;}
.l {width:45%; float:left;}
.m {width:10%; float:left; text-align:center;}
.r {width:45%; float:right; text-align:right;}
.l, .m, .r {line-height:153%}
.oranje {color:#C00; font-weight:bold;} 
.groen {color:#2B8000; font-weight:bold;}
.zwart {color:#333}
.oranje, .groen, .zwart {text-align:left}

A.welkom {text-decoration:none; font-weight:bold; font-size:14px;}
A.welkom:link {color:#C00; text-decoration:none;} 
A.welkom:visited {color:#C00; text-decoration:none; font-style:italic; font-weight:normal;}
A.welkom:visited:hover {text-decoration:none}
A.welkom:hover {background:#390; color:#FFF;}

/* 7.--------FOTOBLOKKEN EN AFBEELDINGEN */
.foto, .fotozonderlink {margin:4px 0 2px 8px; border:4px double #390; background:#DFFFBD; color:#DFFFBD; font-weight:bold;
       font-size:75%;} /* deze color verbergt de ALT-tekst van de foto's als foto's a/h binnenkomen zijn of niet geladen
       worden */
.foto:hover {background:#390; text-decoration:none;} /* deze hover dient om een groene rand te geven rond de foto's die een link hebben */
.fotozonderlink:hover {text-decoration:none}

.fotobox {float:right}
.fotoboxl {float:none}
.fotobox I, .fotoboxl I, .fototekst {margin-left:30px; margin-right:0; font:italic 12px/1.2em Verdana, Arial, sans-serif;}

.fotobox B, .vlag {float:right}
.datum B a:link, .datum B a:visited, .fotobox B a:link, .fotobox B a:visited, .vlag a:link, .vlag a:visited {text-decoration:none;}
.datum B IMG, .fotobox B IMG, .vlag IMG {width:12px; height:12px; padding-left:12px;}
.datum B IMG:hover, .fotobox B IMG:hover, .vlag a:hover {background:#390}

.toegevoegd {margin-left:30px; margin-right:0; border:1px solid; background:#FFFFE7;
             font:normal 12px/1.2em Verdana, Arial, sans-serif;} 

.gemwa {margin:5px; height:126px;} /* wordt alleen gebruikt bij kaart_....html */
.lach	{width:12px; height:12px;}
.taal	{width:18px !important; height:12px;}
.bar50 {width:50px; height:8px;}
.x9x8  {width:9px; height:8px; padding-bottom:2px;} /* wordt alleen gebruikt in het menu + kaart_...html | een class naam mag nooit met een cijfer beginnen: daarom .x-x-*/

/* 8.--------FOOTER */
.takkforbesoktet {padding-top:20px; border-top:6px double #390; width:80%; font-weight:bold; font-size:95%;}
.voettekst {padding:5px; border:1px solid #390; background:#DFFFBD; color:#390; text-align:center; font-weight:normal;
            font-size:12px;}
.voettekstupdate {float:right; text-align:right;}