list                {text-decoration:none;}
table               {text-decoration:none;}
a                   {text-decoration:underline;color:black;font-weight:bold;}
h1, h2, h3          {font-size:10pt;color:#ffffff;background-color:#a0a0a0;font-weight:bold;padding-left:20px;letter-spacing:2.0px;}
h4                  {color:#ffffff;}
h5                  {margin-top:4px;margin-bottom:1px;color:#ffffff;}
hr                  {color: #a0a0a0;}
/* li a, li a:hover    {text-decoration:none;}*/
img                 {border:none;}
td                  {border-right-color:#e0e0e0;border-right-width:1px;border-right-style:dotted;border-bottom-color:#e0e0e0;border-bottom-width:1px;border-bottom-style:dotted;vertical-align:top;}
th                  {border-right-color:#a0a0a0;border-right-width:1px;border-right-style:solid;border-top-color:#a0a0a0;border-top-style:solid;border-top-width:1px;text-align:left;background-color:#e0e0e0;padding-bottom:10px;}

#image A,  #image A:link, #image A:hover, #image A:visited, #image A:active  {
	text-decoration:none;
	background-color : transparent;
    color: #ffffff;
    line-height: 24px; 
}
#gad                {color:#6464A6;font-size:10pt;background-color:#e0e0e0;text-align:center;}
#container          {margin:0px;padding:0px;}
#inleiding p,#invulinstructie p {margin:0px;padding:4px 30px 0px 18px;text-align:left;}
#linkerkolom        {margin:0px;padding:0px;width:303px;}
#zerkenXXX ul          {list-style-position:outside;list-style:square;}
#zerkenxxx li          {display:marker;margin-left:-20px}
#zerkloop1p td      {border-right-color:#e0e0e0;border-right-width:0px;border-right-style:solid;border-bottom-color:#e0e0e0;border-bottom-width:0px;border-bottom-style:solid;padding:0;}
#zerkloop1z td      {border-right-color:#e0e0e0;border-right-width:1px;border-right-style:solid;border-bottom-color:#e0e0e0;border-bottom-width:1px;border-bottom-style:solid;padding:1;}
#bgplijst p         {margin-top:4px;margin-bottom:4px;margin-left:30px;text-indent:-30px;}
#signalen           {font-weight:bold;color:Black;background-color:Yellow;}

.body               {font-family:Verdana,Tahoma,Arial,Helvetica;font-size:70%;line-height:14px;color:Black;text-decoration:none;background-color:White;margin: 0 10% 0 10%;border-right-style:solid;border-left-style:solid;border-color:#808080;border-width:1px;}
.bdnpers            {list-style:circle;}
.bdncontainer       {display:table;float:left;width:100%;}
.bdncell            {display:table-cell;width:24%;padding-left:10px;padding-right:10px;padding-top:10px;vertical-align:top;clear:both;}
.clear              {clear:both;}
.container          {width:100%;}
.content            {display:table-cell;width:100%;min-width:160px;padding-left:10px;padding-right:10px;padding-top:10px;vertical-align:top;clear:both;}
.contentcontainer   {display:table;float:left;width:100%;}

.defcol1            {float:left;width:33%;vertical-align:top;margin:0 0.5% 0 0;text-align:left;}
.defcol2            {float:left;width:33%;vertical-align:top;padding:0 0.5% 0 0;text-align:left;}
.defcol3            {float:left;width:33%;vertical-align:top;padding:0 0 0 0;text-align:left;}






.defgem             {margin:5px 5px 5px 5px;line-height:18px;}
.defland            {display:inline;color:#ffffff;background-color:#a0a0a0;margin:5px 5px 5px 5px;letter-spacing:1.5px;font-weight:bold;line-height:18px;}
.defnieuws          {padding:10px 0 10px 0;line-height:15px;}
.defnieuws   p      {margin:5px 0 0 10px;text-indent:-10px;}
.defnieuws   img    {width:40px;}
.defprov            {margin:5px 5px 5px 5px;line-height:18px;}
.defzoek            {float:left;width:100%;}
.defzoekl           {float:left;width:100%;}
.defzoekf           {float:left;width:80px;}   
.defzoekv           {float:left;}
.disclaimer         {color:Gray; text-align:center;}
.doncol1            {float:left;width:49%;vertical-align:top;padding:0 0.25% 0 0;text-align:left;}
.doncol2            {float:left;width:49%;vertical-align:top;padding:0 0 0 0.25%;text-align:left;}
.feedcontainer      {display:table;float:right;}
.feedline           {vertical-align:top;clear:both;display:table-row;}
.feeditem           {display:table-cell;}
.for_title          {font-size:1.3em;float:left;font-weight:bold;}
.for_name           {font-size:0.8em;float:right;text-align:right;color:gray;}
.for_body           {clear:left;}
.for_response       {clear:left;border-top-width:1px;border-top-color:lightgray;border-top-style:solid;margin-bottom:14px;padding-top:5px;margin-left:50px;}
.for_container      {clear:both;border-bottom-width:1px;border-bottom-color:lightgray;border-bottom-style:solid;margin-bottom:14px;padding-top:5px;}
.for_image          {background-color:transparent;color: #ffffff;height:12px;margin-left:8px;}
.googleright        {display:table-cell;width:160px;max-width:160px;vertical-align:top;background-color:#e0e0e0;}
.googlebottom       {text-align:center;width:100%;padding-top:20px;align-content:center;}
.googleZerkenHome   {text-align:center;margin-top:20px;}
.googleNieuws       {text-align:center;margin-top:20px;}
.google_slot_bottom {display:inline-block;width:970px;height:90px;text-align:center;}

.header             {height:50px;background-image:url('/images/kopbalk.jpg');color: #ffffff;font-weight:bolder;line-height:50px;font-size:24pt;text-align:center;font-style:italic;}
.header_beh         {height:25px;color:#000000;font-weight:bolder;line-height:25px;text-align:center;}
.header_test        {height:50px;background-image:url('/images/kopbalk.jpg');color:red;font-weight:bolder;line-height:50px;font-size:24pt;text-align:center;font-style:italic;}	  
.header_balk        {height:15px;background-color:#a0a0a0;font-weight:bold;color:White;text-align:center;}   
.hidden             {display:none;}
.logoncol1          {float:left;width:100px;vertical-align:middle;}
.logoncol2          {float:left;width:350px;}
.logoncol3          {float:left;}
.nws_sluit          {text-align:right;cursor:pointer;}
.nws_bgp            {float:right;font-weight:bold;}
.nws_titel          {float:left;clear:both;width:100%;margin-bottom:15px;margin-top:15px;}
.nws_titeldate      {float:right;}
.nws_titelkop       {float:left;font-weight:bolder;font-size:2.0em;}
.nws_bericht        {clear:both;}
.nws_bericht img    {float:right;width:300px;margin-bottom:15px;margin-left:15px;}
.nws_grafiek img    {float:left;width:initial;}
.osm_map_canvas     {width:800px;height:400px;float:right;}
.paypal             {float:right;}
.sb                 {display:table-cell;min-width:130px;max-width:140px;text-align:right;vertical-align:top;padding-right:10px;padding-top:10px;background-color:#e0e0e0;}
.sb_image           {width:120px;}
.sb_menu            {width:130px;height:24px;clear:both;font-variant:small-caps;vertical-align:baseline;}
.sb_menu_sel        {width:130px;height:24px;clear:both;font-variant:small-caps;} 
.sb_menu_img        {width:12px;text-align:right;} 
.showbgp_tabel      {width:44%;float:left; margin-right:1%;}
.showbgp_map_canvas {width:44%;min-width:100px;max-width:400px;height:400px;float:right;}
.showbgp_line       {width:100%;margin-bottom:5px;float:left;}
.showbgp_col1       {width:30%;float:left; margin-right:1%;}
.showbgp_col2       {width:69%;float:right;}
.showbgp_col12      {width:100%;float:left;}
.showbgp_oms        {width:100%;}
.visible            {display:block;}
.zerken_container   {width:100%;}
.zerken_tabel       {width:50%;float:left; margin-right:1%;}
.zerken_fotoframe   {width:44%;min-width:100px;max-width:400px;float:right;}
.zerken_foto        {width:100%;min-width:100px;max-width:400px;text-align:center;font-weight:bold;}
.zerken_foto img    {width:100%;min-width:100px;max-width:400px;}
.zerken_map_canvas  {width:100%;min-width:100px;max-width:400px;height:400px;margin-top:1%;}
.zerken_line        {width:100%;margin-bottom:5px;float:left;}
.zerken_col1        {width:30%;float:left; margin-right:1%;}
.zerken_col2        {width:69%;float:right;}
.zerken_col12       {width:100%;float:left;}
.zerken_pv          {width:30%;float:right;text-align:right;}

.sb_test            {float:left;height:24px;font-variant:small-caps;vertical-align:baseline;}


@media only screen and (max-device-width: 1100px) {
    .google_slot_bottom {display:inline-block;width:728px;height:90px;text-align:center;}
}


/* @media only screen and (max-device-width: 799px) {
    .body               {max-width:799px;font-size:90%}
    .content            {display:table-row;width:100%;min-width:160px;padding-left:10px;padding-right:10px;padding-top:10px;vertical-align:top;clear:both;}
    .defcol1            {width:99%;vertical-align:top;padding:0 0 0 0;text-align:left;}
    .defcol2            {width:99%;vertical-align:top;padding:0 0 0 0;text-align:left;}
    .defcol3            {width:99%;vertical-align:top;padding:0 0 0 0;text-align:left;}
    .defgem             {margin:15px 15px 15px 15px;line-height:20px;}
    .defland            {margin:15px 15px 15px 15px;line-height:20px;}
    .defprov            {margin:15px 15px 15px 15px;line-height:20px;}
    .google_slot_bottom {display:inline-block;width:728px;height:90px;text-align:center;}
    .header             {font-size:12pt;}
    .sb                 {min-width:30px;max-width:140px;display:table-row;vertical-align:top;padding-right:2px;padding-top:2px;background-color:#e0e0e0;clear:both}
    .sb_menu            {float:left;height:30px;font-variant:small-caps;vertical-align:central;clear:none;width:auto;font-size:10pt;padding-right:10px;padding-left:10px;}
    .sb_menu_a          {float:left;height:28px;font-variant:small-caps;vertical-align:baseline;}
    .sb_menu_sel        {float:left;height:30px;font-variant:small-caps;vertical-align:central;clear:none;width:auto;font-size:10pt;padding-right:10px;padding-left:10px;} 
    .sb_menu_img        {width:1px;height:24px;}  
    .sb_image           {width:1px;height:24px;}
    .nomob              {display:none;}

}  */
@media only screen and (max-width: 600px) {
    .body               {max-width:600px;}
    .header             {font-size:11pt;}
    .google_slot_bottom {display:inline-block;width:468px;height:60px;text-align:center;}
}
@media only screen and (max-width: 500px) {
    .body               {max-width:500px;}
    .header             {font-size:10pt;}
    .google_slot_bottom {display:inline-block;width:320px;height:100px;text-align:center;}
}
@media only screen and (max-width: 400px) {
    .body               {max-width:400px;}
    .header             {font-size:9pt;}
    .google_slot_bottom {display:inline-block;width:180px;height:150px;text-align:center;}
}

@media screen and (max-width:1500px) {
    .body {margin: 0 5% 0 5%;}
}
@media screen and (max-width:1300px) {
    .body {margin: 0 0 0 0;}
    .defcol1 {float:left;width:48%;vertical-align:top;margin:0 2% 0 0;text-align:left;}
    .defcol2 {float:left;width:48%;vertical-align:top;padding:0 0% 0 0;text-align:left;}
    .defcol3 {float:none;width:100%;clear:both;}
    .header             {font-size:11pt;}
}

@media screen and (max-width:800px) {

.zerken_tabel       {float:none;width:auto;margin-right:1%;}
.zerken_fotoframe   {float:none;width:auto;min-width:100px;max-width:400px;}

}

@media screen and (max-width:700px) {
    .body {margin: 0 0 0 0;}
    .defcol1 {float:none;display:block;width:auto;text-align:left;}
    .defcol2 {float:none;display:block;width:auto;text-align:left;clear:both;}
    .defcol3 {float:none;display:block;width:auto;clear:both;}
    .header             {font-size:10pt;}
}


/* Remove margins and padding from the list, and add a black background color */
ul.topnav {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    /* background-color: #333; */
    background-color: #808080;
}

/* Float the list items side by side */
ul.topnav li {float: left;display:normal;}

/* Style the links inside the list items */
ul.topnav li a {
    display: inline-block;
    color: #f2f2f2;
    text-align: center;
    /* padding: 14px 16px; */
    padding: 14px 12px;
    text-decoration: none;
    transition: 0.3s;
    font-size: 90%;
}

/* Change background color of links on hover */
ul.topnav li a:hover {background-color: #111;}

/* Hide the list item that contains the link that should open and close the topnav on small screens */
ul.topnav li.icon {display: none;}



/* When the screen is less than 680 pixels wide, hide all list items, except for the first one ("Home"). Show the list item that contains the link to open and close the topnav (li.icon) */
@media screen and (max-width:700px) {
  ul.topnav li:not(:first-child) {display: none;}
  ul.topnav li.icon {
    float: right;
    display: inline-block;
  }
}

/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens */
@media screen and (max-width:700px) {
  ul.topnav.responsive {position: relative;}
  ul.topnav.responsive li.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  ul.topnav.responsive li {
    float: none;
    display: inline;
  }
  ul.topnav.responsive li a {
    display: block;
    text-align: left;
  }
}