/*
    lichtblauw 75b8fd
    donkerblauw 3f74aa
    donkerderblauw 063194
    geel febf01
    
    tagclouddonkerblauw 001f92
    tagcloudlichtblauw 85a1ea
*/

/* browser reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; }
ins { text-decoration: overline; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
img { border: 0; }

/* start new definitions */

html { 
	background: #febf01; 
	color: #000000; 
	text-align: center; 
}
body { color: #000000; background: #febf01 url('/images/back_glasherstel.nl.jpg') left 15px no-repeat; }
body { text-align: left; width: 1008px; margin: 0 auto; padding-top: 1px; margin-top: -1px; font-family: Verdana, "Bitstream Vera Sans", "DejaVu Sans", Tahoma, Geneva, Arial, sans-serif; font-size: 62.5%; }
div#container, div#logo { text-align: left; margin: 0 auto; width: 1008px; }
div#logo { margin-top: 50px; }
div#logo h1 { margin: 0 0 0 10px; }
div#logo div#motto { float: right; text-align: right; margin: -55px 15px 0 0; font-size: 14px; }
div#motto strong { font-size: 36px; color: #3f74aa; }
div#containertop, div#containermid, div#containerbottom { margin: 0; padding: 0; border: 0 }
div#containertop { background: transparent url('/images/back_container1.png') left bottom no-repeat; height: 14px; padding-bottom: 1px; }
div#containermid { background: transparent url('/images/back_container2.png') left top repeat-y; padding: 1px 0; }
div#containerbottom { background: transparent url('/images/back_container3.png') left top no-repeat; height: 14px; padding-top: 1px; }
div#head, div#main, div#foot { margin: 0 13px; }
div#head { background: url('/images/back_nav.png') top left no-repeat; }
.clear { width: 0; height: 0; clear: both; padding: 0; margin: 0; border: 0; line-height: 0; font-size: 0; }

ul#nav { display: block; list-style-type: none; height: 63px; margin: 0; padding: 3px 0 0 2px; }
ul#nav li { color: #ffffff; float: left; width: 235px; height: 53px; padding: 10px 0 0 10px; }
ul#nav li.current, ul#nav li:hover { background: url('/images/back_nav-active.png') top left no-repeat; }
ul#nav li a { color: #ffffff; text-decoration: none; display: block; }
ul#nav li a img { display: block; margin-bottom: 5px; }

div#breadcrumbs ul { color: #063194; display: block; list-style-type: none; height: 3em;  }
div#breadcrumbs ul li { float: left; margin-left: 0.4em; font-size: 0.9em; }
div#breadcrumbs ul li a { color: #063194; }
div#breadcrumbs ul li:before { content: "< " }
div#breadcrumbs ul li:first-child { margin-left: 0; }
div#breadcrumbs ul li:first-child:before { content: "" }

div#big { float: left; margin: 0 10px 0 0; width: 612px; }
div#side { float: left; width: 350px; margin-left: 5px; }
div#banner { margin: 0; padding-left: 10px; width: 612px; min-height: 340px; background: url('/images/back_main.jpg') top left no-repeat; }
div#banner h2 { margin: 0; padding: 0; padding-top: 10px; }

div#big h2 { font-size: 32px; font-weight: bold; color: #3f74aa; margin-bottom: 20px; }
div#big h3 { font-size: 20px; font-weight: bold; color: #3f74aa; margin: 10px 0; }
div#big p { font-size: 120%; line-height: 1.4em; }
div#big ol { list-style-type: decimal; padding-left: 3em; }
div#big a, ul#faq a { color: #3f74aa; font-weight: bold; }
ul#faq, div.splist ul.provinces, ul#sitemap, ul#sitemap li ul { list-style-image: url('/images/bullet.gif'); padding-left: 20px; font-size: 12px; line-height: 16px; }

ul#faq li q { color: #3f74aa; font-weight: bold; line-height: 20px; }
ul#faq li q:hover { cursor: pointer; }

ul#bullets { margin: 0; padding: 0; margin-top: 160px; }
ul#bullets li { margin-bottom: 6px; padding: 9px 0 0 32px; color: #ffffff; height: 20px; text-transform: uppercase; font-size: 12px; font-weight: bold; }
li#bul1 { background: url('/images/back_bul1.png') top left no-repeat; }
li#bul2 { background: url('/images/back_bul2.png') top left no-repeat; }
li#bul3 { background: url('/images/back_bul3.png') top left no-repeat; }

ul#sitemap a { color: #3f74aa; }
ul#sitemap li { margin-left: 3ex; line-height: 16px; }

div.panel { width: 334px; height: 98px; padding: 10px; margin-top: 2px; background: url('/images/back_panel.png') top left no-repeat; }
div#searchbox { height: 82px; margin-top: 0; background: url('/images/back_zoeken.png') top left no-repeat; }
div#searchbox input#q { width: 247px; font-size: 14px; font-style: italic; margin: 15px 0 0 10px; color: #666666; vertical-align: top; border: 0; background: transparent; }
div#searchbox input#search { margin-top: 1px; }
div.ac_results { background: #ffffff; color: #000000; border: 1px solid #cccccc; margin-left: -1px; }
div.ac_results ul li { font-size: 11px; line-height: 14px; padding: 5px; }
div.ac_results ul li.ac_odd { background: #f3f3f3; }
div.ac_results ul li.ac_over { background: #75b8fd; }

div.panel h2 { margin: 5px 0; }
div#what ol { list-style-type: decimal; padding-left: 20px; font-size: 11px; line-height: 12px;}
div#testimonial blockquote { background: url('/images/quote-links.png') top left no-repeat; }
div#testimonial blockquote p { background: url('/images/quote-rechts.png') bottom right no-repeat; padding: 5px 25px; font-style: italic; font-size: 11px; text-align: justify; }
div#testimonial cite { display: block; margin: 0; margin-top: 6px;}
div#testimonial a { color: #000; text-decoration: none; }

form#contactformulier { margin: 20px 0; }
form#contactformulier label { float: left; clear: left; width: 150px; color: #3f74aa; font-weight: bold; }
form#contactformulier input.text, form#contactformulier textarea { width: 300px; border: 1px solid #cccccc; }
form#contactformulier label, form#contactformulier input.text { font-size: 12px; height: 15px; margin-bottom: 10px; }
form#contactformulier textarea { width: 450px; height: 100px; }
form#contactformulier input.submit { clear: both; margin: 10px 0 0 150px; }
form#contactformulier label sup, form#contactformulier p#verplicht sup { vertical-align: top; font-size: 10px; }
form#contactformulier p#verplicht { margin: 10px 0 0 150px; font-size: 10px; clear: both; font-style: italic; }
form#contactformulier label sup a, form#contactformulier p#verplicht sup a { text-decoration: none; color: #75b8fd; }

div.spmap, div.splist { float: left; margin-top: 10px; }
div.spmap { width: 222px; }
div.splist { margin-left: 20px; width: 370px; }

div.splist ul.provinces li a { color: #3f74aa; text-decoration: none; }
div.splist h3 { display: inline; border-bottom: 1px solid #000000; font-size: 14px; font-weight: bold; }
div.splist ul.cities, div.splist ul.provinces  { list-style-type: none; margin-top: 20px; }
div.splist ul.cities li { font-size: 10px; line-height: 12px; margin-top: 10px; white-space: nowrap; overflow: hidden; }
div.splist ul.cities li strong { color: #080808; }
div.splist ul.cities li ul { margin-top: 2px; }
div.splist ul.cities li ul li { float: left; width: 120px; margin-right: 3px; margin-top: 0; }
div.splist ul.cities li ul li a { color: #3f74aa; text-decoration: none; }

div#foot { clear: both; padding-top: 12px; }
div#footside { width: 250px; height: 50px; margin-top: 20px; }
div#tagcloud { text-align: justify; width: 575px; height: 100px; margin-top: -70px; margin-left: 253px; padding-right: 150px; background: #ffffff url('/images/glasherstel.nl-bestelwagen.jpg') bottom right no-repeat;}
div#citiescloud { margin-top: 0px; color: #808080; }
div#citiescloud a { text-decoration: none; color: #808080; }
div#copy { font-weight: bold; }
div#copy address { font-size: 14px; font-style: normal; font-weight: bold; text-transform: uppercase; }
div#tagcloud a { text-decoration: none; color: #7b99dc; text-transform: lowercase; margin-right: 0.5em; letter-spacing: 1px; font-family: "Trebuchet MS", sans-serif; font-size: 12px; line-height: 18px; }
div#tagcloud a.cloud1, div#tagcloud a.cloud5, div#tagcloud a.cloud8 { font-size: 22px; font-weight: bold; color: #4c71c5; line-height: 24px; }
div#tagcloud a.cloud3, div#tagcloud a.cloud4 { font-size: 32px; color: #001f92; line-height: 34px; }

div#tagcloud a:hover { color: #febf01; }

div#footnav ul { display: block; margin: 0.5em 0 0em 0; list-style-type: none; height: 1em; }
div#footnav ul li { float: left; margin-left: 0.4em; font-size: 0.9em; }
div#footnav ul li:before { content: "- " }
div#footnav ul li:first-child { margin-left: 0; }
div#footnav ul li:first-child:before { content: "" }
div#footnav ul li a { color: #808080; text-decoration: none; font-weight: bold; }

div#achtergrond { display: none; position: fixed; height: 100%; width: 100%; top: 0; left: 0; background: #999; z-index:1; }
div.provinciepopup { display: none; position: fixed; height: 33em; width: 45em; background: #ffffff; border: 2px solid #cccccc; z-index: 2; padding: 12px; }
a.provinciepopupx { font-size: 1.2em; line-height: 1.2em; right: 6px; top: 4px; position: absolute; color: #ffc104; font-weight: bold; display: block; cursor: pointer; }

div.provinciepopup div#spmap { width: 23em; margin-top: 2em; }
div.provinciepopup div.splist { width: 20em; margin-top: 2em; }