/**
 * CSS Reset
 * From Blueprint reset.css
 * http://blueprintcss.googlecode.com
 */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/**
 * Basic Typography
 */
body {
    font-family: "Lucida Grande", Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
    font-size: 80%;
    color: #222;
    background: #fff;
    margin: 1em 1.5em;
}
pre, code {
    margin: 1.5em 0;
    white-space: pre;
}
pre, code {
    font: 1em 'andale mono', 'lucida console', monospace;
    line-height:1.5;
}
a[href] {
    color: #436976;
    background-color: transparent;
}
h1, h2, h3, h4, h5, h6 {
    color: #003a6b;
    background-color: transparent;
    font: 100% 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
    margin: 0;
    padding-top: 0.5em;
}
h1 {
    font-size: 230%;
    margin-bottom: 0.5em;
}
h2 {
    font-size: 120%;
    margin-bottom: 0.5em;
    border-bottom: 1px solid #aaa;
}
h3 {
    font-size: 110%;
    margin-bottom: 0.5em;
    text-decoration: underline;
}
h4 {
    font-size: 100%;
    font-weight: bold;
}
h5 {
    font-size: 100%;
    font-weight: bold;
}
h6 {
    font-size: 80%;
    font-weight: bold;
}

.olControlAttribution {
    bottom: 5px;
}

/**
 * Map Examples Specific
 */
.smallmap {
    width: 512px;
    height: 256px;
    border: 1px solid #ccc;
}
/* .largemap added by Egge-Jan Pollé - 7 december 2013*/
.largemap {
    width: 1024px;
    height: 512px;
    border: 1px solid #000000;
}
/* .squaremap added by Egge-Jan Pollé - 7 december 2013*/
.squaremap {
    width: 512px;
    height: 512px;
    border: 1px solid #000000;
}
#tags {
    display: none;
}

#docs p {
    margin-bottom: 0.5em;
}
/* mobile specific */
@media only screen and (max-width: 600px) {
    body {
        height           : 100%;
        margin           : 0;
        padding          : 0;
        width            : 100%;
    }
    #map {
        background : #7391ad;
        width      : 100%;
    }
    #map {
        border : 0;
        height : 250px;
    }
    #title {
        font-size   : 1.3em;
        line-height : 2em;
        text-indent : 1em;
        margin      : 0;
        padding     : 0;
    }
    #docs {
        bottom     : 0;
        padding    : 1em;
    }
    #shortdesc {
        color      : #aaa;
        font-size  : 0.8em;
        padding    : 1em;
        text-align : right;
    }
    #tags {
        display : none;
    }
}
@media only screen and (orientation: landscape) and (max-width: 600px) {
    #shortdesc {
       float: right;
       width: 25%;
    }
    #map {
        width: 70%;
    }
    #docs {
        font-size: 12px;
    }
}
body {
    -webkit-text-size-adjust: none;
}

/* Added by Egge-Jan Pollé - 21 December 2013*/

#container {
  width: 100%;
  margin: 0 auto;
  text-align: left;
  position: relative;
  min-height: 100%;
  height: auto !important; /* voor moderne browsers */
  height: 100%; /* voor IE */
}
html>body #container {
		    height: auto;
		}
#wrapper {
  padding-bottom: 32px;
}
#TitleBar {
    background-color:      #F2F5A9; /* #FCDAA4; */
	height:           90px;
	position:         absolute;
	top:              0;
	width:            900px;
}
#titel {
  	padding:          0;
	position:         absolute;
        left:             100;
}

#MenuBar {
    background-color: #F2F5A9;
	height:           relative;
	position:         absolute;
	top:              90;
	width:            200px;
}
#inhoud {
  	padding: 0 2em 60px 2em;
	position:         absolute;
	top:              95;
        left:             205;
}
#footer {
position: absolute;
bottom: 0; /* heel belangrijk */
width: 100%;
height: 40px;
font-size:.7em;
font:             status-bar;
line-height: 40px;
text-align:center;
}
.address {
	border:           dashed 1px #808080;
 	color:            #808080;
	font-family:      Arial, Helvetica, sans-serif;
	font-size:        7.5pt;
	font-style:       normal;
	font-weight:      normal;
	margin:           30px 2px 2px 2px;
	padding:          6px;
}
.abg {
  padding-left: .3em;
  padding-right: .3em;
  padding-top: 1em;
  padding-bottom: .3em;
  margin:          100px 2px 2px 2px;
}
.toolboxbutton {
  width: 170px;
  margin: 2px;
  font-family: helvetica,arial,sans-serif;
  font-size: 100%;
  font-weight: normal;
}
.toolboxbutton a {
  display: block;
  width: 100%;
}
.toolboxbutton a:link,
.toolboxbutton a:visited,
.toolboxbutton a:hover {
  padding-left: .3em;
  padding-right: .3em;
  padding-top: .1em;
  padding-bottom: .1em;
  text-decoration: none;
}
.toolboxbutton a:link,
.toolboxbutton a:visited {
  color: #000000;
  background-color: #F2F5A9;
  border: 1px solid #209D5F;
}
.toolboxbutton a:hover {
  color: #FF6347;
  background-color: #FFFF00;
  border: 1px solid #209D5F;
}