html { margin: 0; padding: 0; background: #FFF; font: 13px Verdana, sans-serif }
body { margin: 0; padding: 0; height: 100%; width: 1000px; max-width: 100% }
a { color: #00C; text-decoration: none }
p { margin: 13px 0 }
h4 { font-size: 13px }
h3 { font-size: 15px; margin: 15px 0 }
p+h3 { margin-top: 35px }
h2 { font-size: 17px }
h1 { font-size: 15px; margin: 15px 0 }
ul { margin: 0 0 0 31px; padding: 0 }
li { margin: 0; padding: 0 }

#menu { position: fixed; top: 20px; left: 10px; width: 160px; border: solid 1px #DDD; font: 11px Tahoma, sans-serif; letter-spacing: 1px;
        background: url(backmenu.jpg) top left }
#content { margin: 0; padding: 20px 10px 10px 190px }
#copyright { position: fixed; bottom: 20px; left: 10px; width: 160px; font-size: 10px; text-align: center }

#menu a { display: block; height: 16px; padding: 4px 2px 1px 7px; border-bottom: solid 1px #CCC; color: #000 }
#menu a#selected { background: url(keys.png) center right no-repeat }
#menu a#selected2 { background: url(keys.png) center right no-repeat }
#menu a:hover { border: solid 2px #CCC; border-top-width: 1px; padding: 3px 0 0 5px; background: #EEE url(keys.png) center right no-repeat !important }
#content a:hover { text-decoration: underline }
.aanbod ul { margin: 0 0 0 11px }
.aanbod ul li { list-style-type: decimal; margin-left: 10px }
#content h3 { position: relative; border-bottom: solid 1px #DDD; color: #555 }
#content>h3:first-child { margin: 0 0 15px }
#content>h3:first-child span { position: absolute; top: 0; right: 0; width: 199px; height: 40px;
                               background: url(mercelis-logo-small.png) top right no-repeat }
                               
#content h1 { position: relative; border-bottom: solid 1px #DDD; color: #555 }
#content>h1:first-child { margin: 0 0 15px }
#content>h1:first-child span { position: absolute; top: 0; right: 0; width: 199px; height: 40px;
                               background: url(mercelis-logo-small.png) top right no-repeat }



#clr-small { float: right; width: 202px; height: 10px; overflow: hidden }

#blink { position: absolute; top: 270px; left: 10px; width: 160px; text-align: center }
#blink a { color: #F00; display: block; font: bold 16px "Trebuchet MS", sans-serif }
#blink a span { display: block; border: solid 1px #F00; background: #EEE url(keysboth.png) center left no-repeat; cursor: pointer }
.opacity10 { opacity: 1 }
.opacity03 { opacity: .2 }

#introhead { background: url(mercelis-logo-trans.png) top left no-repeat; width: 310px; margin: 0 auto 0 auto; padding-top: 70px }
#introhead h4 { margin: 0 }
.index #content div { text-align: center }
.index #content h3 { margin: 40px 0; padding: 0; border: 0 none }
.index #content h2 { margin: 30px 0 }
.index #content p { margin: 5px 0 0; font-size: 11px; line-height: 15px }
.index #content a { color: #444 }
.index #content a:hover { color: #777; text-decoration: none }

#copyright a { color: #662 }
#copyright a:hover { color: #AAA }
.aanbod2 { width: auto; height: auto; padding: 10px; background: url(background.jpg) center center no-repeat fixed }
.aanbod2 h1 { margin: 0 0 15px; font: bold 35px "Trebuchet MS", sans-serif; color: #444 }
.aanbod2 h3 { padding-bottom: 2px; border-bottom: solid 1px #DDD }
.aanbod2 h3 span { font-size: 13px }
.aanbod2 img { display: block; margin: 20px auto 0 }