/**
 * De Verbouwing
 * @media screen
 */

/* Generic styles */
* { margin: 0; padding: 0; }
body { font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", sans-serif; font-size: 11px; color: #000; background: #fff; }
a { text-decoration: none; }
a:visited { color: inherit; }
a:hover, a:focus { color: #b3b3b3; }
.pdf-link { text-decoration: underline; color: #000; }
.pdf-link:hover, .pdf-link:focus { color: #b3b3b3; }
p { margin-bottom: 1em; }

/* Project description */
#project-desc { width: 300px; padding: 25px; float: left; color: #fff; background: #b3b3b3; }
h1 { width: 208px; height: 40px; margin-top: 65px; text-indent: -999em; background: url(images/logo.gif); }
#backLink { text-transform: uppercase; color: #fff; }
#backLink:hover, #backLink:focus { color: #000; }

/* Blueprints */
p.blueprint-balloon { position: relative; }
p.blueprint-balloon span { position: absolute; top: -999em; left: 50%; z-index: 10; width: 135px; margin-left: -67px; padding: 21px 10px 10px; display: block; color: #000; background: url(images/balloon.gif); }
p.blueprint-balloon:hover span { top: 90px; }

/* Main content */
#main-content { width: 600px; min-height: 656px; padding: 25px; border-left: 350px solid #b3b3b3; }
#languageToggle { float: right; color: #000; }
#languageToggle:hover, #languageToggle:focus { color: #b3b3b3; }

#items { position: relative; width: 600px; margin-top: 52px; overflow: hidden; }
#items ul { overflow: hidden; 14px; }
#items li { margin-right: 1em; padding-bottom: 2px; float: left; list-style: none; }
#items li:first-child { margin-right: 0; }
#items li:first-child:before { content: ""; }
#items li:before { display: inline-block; margin-right: 1em; content: "-"; }
#items a { text-transform: uppercase; color: #000; border-bottom: 2px solid #fff; }
#items a.current, #items a:hover, #items a:focus { border-bottom: 2px solid #000; }

/* Content slider UI */
#content-slider-area { position: relative; width: 600px; margin: 10px 0 25px; background: #b3b3b3; }
#content-slider { position: relative; width: 526px; height: 10px; margin-left: 12px; }
#slider-prev-button, #slider-next-button { position: absolute; bottom: 0; width: 12px; height: 10px; text-indent: -999em; background: url(images/slider-next-prev.gif); border: 0; cursor: pointer; }
#slider-prev-button { left: 0; border-right: 2px solid #fff; }
#slider-prev-button:hover, #slider-prev-button:focus { background-position: 0 -10px; }
#slider-next-button { right: 0; background-position: -10px 0; border-left: 2px solid #fff; }
#slider-next-button:hover, #slider-next-button:focus { background-position: -10px -10px; }
#content-slider a { position: absolute; width: 50px; height: 10px; background: url(images/slider-drag.gif); outline: 0; }
#content-slider a:hover, #content-slider a:focus { background-position: 0 -10px; }
#content-slider-area em { display: none; } /* for ie6 */
#content-slider-area > em { position: absolute; top: -30px; right: 0; width: 67px; height: 20px; display: block; background: url(images/slider-fade.png) repeat-y; }

/* Content items */
h2 { font-size: 25px; text-transform: uppercase; }
.extra { margin-top: 1em; }
.extra a:link { text-decoration: underline; color: #000; }
.extra a:hover, .extra a:focus { color: #b3b3b3; }
.inzendingen img { margin: 0 0 10px 0; float: left; display: block; }
.inzendingen .img1 { margin-right: 20px; }
.inzendingen p { margin: 10px 0; }