body { background-color: #e1e1e1; overflow : -moz-scrollbars-vertical; background-image: url(images/achtergrond-nieuw.jpg); background-repeat:repeat-x; margin: 0; padding:0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 17px; color: #111111; font-weight: normal; }

/* Div's */
#content { position: absolute; width: 748px; padding: 0px; margin: 0px; top: 90px; left: 163px; background-color:#ffffff;}
#content1 { position: absolute; padding: 0px; margin: 0px; top: 90px; left: 16px; background-color:#ffffff;}
#logo { background-image: url(images/logo-nieuw.jpg); height: 38px; width: 156px; position: absolute; left: 163px; top: 22px; }

#lijn { position: absolute; width: 100%; padding: 0px; margin: 0px; top: 35px; left: 0px; height: 2px; }

#googlemap-small { position:absolute; left:509px; top:529px; width:510px; height:149px; z-index:2; }

#voortgang { position:absolute; left:200px; top:349px; width:330px; height:31px; z-index:10; background-color: #64B2D8; vertical-align:middle; font-size: 11px; font-weight: bold; color: #ffffff; text-align: center; line-height: 17px; padding-top: 5px; padding-bottom: 5px; }

#menulayer { text-align: left; position: absolute; height: 25px; left: 580px; top: 38px; z-index:22; }

#googlead { position:absolute; left:923px; top:90px; width:120px; height:600px; z-index:13; visibility: visible; }

#aantalhotspots { margin:0; padding:0; text-align:left; font-weight:bold; width: 300px; }

#legenda { position:absolute; left:603px; top:96px; width:400px; height:38px; z-index:23; }
#fon-div { position:absolute; left:843px; top:567px; width:50px; height:38px; z-index:23; }

/* H1,H2,H3, p */
h1 { margin: 0; padding-top: 2px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; text-transform: uppercase; font-size: 17px; font-weight: bold; }

h1 a:visited, h1 a:link, h1 a:active { color: #FFFFFF; text-decoration:none; padding: 0; margin:0; }

h1 a:hover { color: #FFFFFF; text-decoration:underline; }

h2 { font-size: 12px; line-height: 11px; font-weight: bold; margin: 0px; padding-top: 2px; padding-right: 4px; padding-bottom: 4px; padding-left: 0px; text-transform: uppercase; }

h3 { font-size: 12px; line-height: 11px; font-weight: bold; margin: 0px; padding-top: 6px; padding-bottom: 20px; padding-left:10px; text-transform: uppercase; color: #ffffff; }

p { text-decoration:none; border: 0px; margin: 0px; padding-top: 1px; padding-right: 4px; padding-bottom: 1px; padding-left: 0px; }

p a:visited, p a:link, p a:active { color: #010101; text-decoration:underline; padding: 0; margin:0; }

p a:hover { color: #ffffff; background-color: #010101; text-decoration:none; padding-left: 0px; padding-right: 0px; padding-bottom: 1px; padding-top:1px; }

.footer { font-size: 10px; color:#999999; padding-left: 10px; padding-top: 20px; padding-bottom: 20px; line-height: 13px; }

.footer a:visited, .footer a:link, .footer a:active { color: #999999;  text-decoration:underline; }

.footer a:hover { color: #ffffff; background-color: #010101; text-decoration:none; padding-left: 0px; padding-right: 0px; padding-bottom: 1px; padding-top:1px; }


.wit { color: #ffffff; }

.wit a:link, .wit a:active, .wit a:visited { color: #ffffff; }

.wit a:hover { color: #ffffff; text-decoration:none }

.witover a:link, .witover a:active, .witover a:visited { color: #ffffff; text-decoration:underline }

.witover a:hover { color: #ffffff; text-decoration:none }

.oranjetekst { color:#FF6600; }

.groenetekst { color: #99cc00; }

.geletekst { color: #CCCC00; }
.lblauwetekst {color: #3399CC;}

.rijtje { font-size: 10px; line-height: 13px; color: #ffffff; }

.resultaten { font-size: 11px; line-height: 13px; }

.borderbottom a:visited, .borderbottom a:link, .borderbottom a:active { padding:0; margin:0; border-bottom: 0px; text-decoration:none; }

.borderbottom a:hover { padding: 0; margin:0; border-bottom: 0px; text-decoration: none; }

.super { vertical-align:super; font-size:8px; line-height:12px; }

.klein { font-size: 10px; line-height: 12px; margin:0px; }

.grijs { color: #666666; }

.rechts { text-align: right; padding-right:3px; }

.links { text-align: left; }

.mappagina { padding-left: 4px; padding-top: 4px; padding-bottom: 0px; margin:0px; }

.button { font-family:  Arial, Helvetica, sans-serif; font-size: 10px; margin: 4px; }

select { font-family:  Arial, Helvetica, sans-serif; font-size: 10px; border: 1px solid #CCCCCC; margin: 4px; width: 100px; }

option { font-family: Arial, Helvetica, sans-serif; font-size:10px; padding-left: 4px; }

.invulveld_tekst { font-size: 11px; border: 1px solid #CCCCCC; margin: 4px; width: 150px; padding-left: 4px; }
.invulveld_zoeken { font-size: 11px; border: 1px solid #CCCCCC; margin: 4px; width: 150px; padding-left: 4px; }


.invulveld_providers { font-size: 10px; border: 1px solid #CCCCCC; margin: 0px; width: 140px; }

.invulveld_addhotspots { font-family: Arial, Helvetica, sans-serif;  font-size: 11px; border: 1px solid #CCCCCC; margin: 4px; width: 120px;padding-left:4px; }

.uitklaplijst {  font-family: Arial, Helvetica, sans-serif;  font-size: 11px; border: 1px solid #CCCCCC; margin: 4px; width: 120px; padding-left: 1px; padding-bottom: 2px; padding-top:2px;}
.uitklaplijst-smal {  font-family: Arial, Helvetica, sans-serif;  font-size: 11px; border: 1px solid #CCCCCC; margin: 4px; width: 100px; padding-left: 1px;padding-bottom: 2px; padding-top:2px;  }
.uitklaplijst-smaller {  font-family: Arial, Helvetica, sans-serif;  font-size: 11px; border: 1px solid #CCCCCC; margin: 4px; width: 90px; padding-left: 1px; padding-bottom: 2px; padding-top:2px;  }
.uitklaplijst-smalst {  font-family: Arial, Helvetica, sans-serif;  font-size: 11px; border: 1px solid #CCCCCC; margin: 4px; width:80px; padding-left: 1px;padding-bottom: 2px; padding-top:2px; }


.uitklaplijst_addhotspots { font-family: Arial, Helvetica, sans-serif;  font-size: 11px; line-height: 17px; border: 1px solid #CCCCCC; margin: 0px; width: 140px; padding-left: 1px; height: 15px; }

.navigatie td { font-family: Arial, Helvetica, sans-serif; text-transform:uppercase; font-weight: bold; font-size: 11px; color: #ffffff; height: 15px; vertical-align: middle; text-decoration: none; margin: 0px; line-height: 25px; padding-left: 3px; padding-right:3px; }

.navigatie td a, .navigatie td a:active, .navigatie td a:link, .navigatie td a:visited { line-height: 25px; text-decoration: none; color: #ffffff; text-align: center; padding-left: 0px; padding-right: 0px; display: block; margin: 0px; vertical-align: middle; height: 25px; }

.navigatie td a:hover { text-decoration: underline; margin: 0px; color: #ffffff; }

/* Tabellen enzo */
.tabel-content { margin: 10px; background-color:#ffffff; }

.tabel-zoeken td p { padding-left: 0px; padding-right: 0px; padding-bottom: 2px; margin-bottom: 0px; }

.tabel-hotspots-zoeken td p { color:#ffffff; font-size: 10px; line-height: 12px; }

.item td { background-color: #ffffff; padding-bottom: 8px; padding-top:8px;}

.item td h2 { font-size:12px; padding-bottom:2px; text-transform:none; color:#010101; }
.item td p {text-align: justify; padding-right: 0px; padding-left: 0px;} 


.homepage-menu td h1 {padding-left: 10px; padding-top: 5px; font-size: 14px; color: #ffffff; }
.homepage-menu td p {padding-left: 10px; padding-right:10px; padding-top: 0px;
padding-bottom:3px; font-size: 11px; color: #ffffff; font-weight: bold; }

.homepage-menu td a
{
padding: 5px 10px 5px 10px;
padding-right: 10px;
font-size:12px;
font-weight: bold;
}
.homepage-menu-tekst td p { margin-top: 5px; margin-bottom: 5px; margin-left: 10px; font-size: 11px; line-height: 17px; color: #ffffff; }

.homepage-menu-zoeken td { border-bottom: 5px solid #ffffff; }

.tabel-tarieven .kolomhoofd td {background-image:url(images/bg-menu-tarieven.jpg);}
.tabel-tarieven .kolomhoofd td p {color: #FFFFFF; font-weight: bold; padding-left: 3px; padding-right: 3px;}
.tabel-tarieven .rij td {border-bottom: 1px solid #cccccc;}
.tabel-tarieven .rij td p {color: #010101;padding-left: 3px;padding-right: 3px;}

.tabel-hotspots td {background-image:url(images/bg-menu-zoeken.jpg);}
.tabel-hotspots td p {color: #ffffff;font-size: 11px; font-weight: bold; padding-left: 3px;}

.tabel-directory td p {color: #333333; font-size: 11px; padding-left: 2px;padding-top: 2px; padding-bottom: 2px;}

.tabel-details .titel td h2 {color: #010101; font-size: 12px;padding-left: 5px; padding-top: 10px;}
.tabel-details .rij td p {color: #010101; font-size: 11px;padding-left: 5px;}
.hotspot-naam a:visited, .hotspot-naam a:link, .hotspot-naam a:active { text-decoration: none; color:#3399CC;}
.hotspot-naam a:hover {color:#ffffff; }



.hotspot-naam {padding-top: 0px; font-size: 11px; line-height: 13px;}
.hotspot-naam a:visited, .hotspot-naam a:link, .hotspot-naam a:active { text-decoration: none; color:#3399CC;}
.hotspot-naam a:hover {color:#ffffff; }

.what {visibility:hidden; height: 0px; width:0px;}
.avatar {visibility:hidden; height:0px; width:0px;}

.item1 { background-color: #fACD04;}

.editc {text-decoration:none; /*background: inherit;*/ border: 1px solid #669966; margin: 0px; padding-top: 1px; padding-right: 4px; padding-bottom: 1px; padding-left: 0px; }

/* tables */
#res {
	font-family:arial;
	background-color: #CDCDCD;
	margin:10px 0pt 15px;
	font-size: 8pt;
        font-weight: bold;
	width: 100%;
	text-align: left;
}
#res thead tr th, #res tfoot tr th {
	background-color: #e6EE;
	border: 1px solid #FFFFFF;
	font-size: 8pt;
	padding: 4px;
        padding-right:18px;
}
#res thead tr .header {
	background-image: url(bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
#res tbody td {
	color: #3D3D3D;
	padding: 4px;
	background: #aaaadd;
	vertical-align: top;
	border-bottom: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
}
#res tbody tr.odd td {
	background: #f7ff4b;
}
#res thead tr .headerSortUp {
	background-image: url(asc.gif);
}
#res thead tr .headerSortDown {
	background-image: url(desc.gif);
}
#res thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #8dbdd8;
}
#res1 th { background-image: url(images/headerdonkerblauw.jpg); color:#ffffff; text-align: center; border-bottom: solid 2px; border-left: 1px solid;font-size: 11px;}
#res1 td { padding-left: 5px; border-right: solid 1px #999999;border-bottom: solid 2px; font-weight: bold; font-size: 11px;}

.hover-effect
{
background-image: url(images/oranje_boven.jpg);
/*background-color: #fACD04;*/
color: black;
/*font-size: 16px;*/
border: solid 2px #ffffff;
text-decoration:none;
}

#help
{
color: darkblue;
padding-left: 30px;
font-weight: bold;
font-family: Verdana, Lucida, Geneva, Helvetica,Arial, sans-serif;
}