/* Incentive Wise CSS Document */

/* general styles */
* { margin: 0; padding: 0; }
html, body { height: 100%; }
.push { height: 18px; }
body { background: #450765; color: #450765; font-size: 11px; line-height: 18px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: center; }
div { border: none; }
img { border: none; }
th { font-weight: normal; text-align: right; font-size: 10px; vertical-align: middle; }
p { margin-bottom: 18px; }
input, textarea { font-size: 11px; line-height: 18px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #fff; border: 1px solid #ccd311; width: 255px; }
textarea { height: 54px; }
.radio { width: auto; background-color: transparent; border: none; }
.small { width: 96px !important; width: 99px;}
.submit { width: 100px; background-color: #ccd311; color: #fff; }

/* layout */
div#container { position: relative; background: url(images/bg.gif) top center repeat-y; width: 770px; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -18px; text-align: left; }
div#container:after { content: ".";  display: block; height: 0; clear: both; visibility: hidden; }
div#header { position: relative; float: left; width: 531px; height: 126px; background-color: #ccd311; }
div#tekst { position: absolute; bottom: 33px; right: 13px; width: 450px; text-align: right; vertical-align: text-bottom; font-family: "Courier New", Courier, monospace; font-weight: bold; line-height: 23px; color: #fff; font-size: 22px; }
div#logo { position: relative; float: left; width: 239px; height: 126px; background-color: #ccd311; }
div#navigation { position: relative; float: left; background-color: #ccd311; border-top: 1px solid #fff; width: 531px; height: 22px; }
div#filler { background-color: #ccd311; width: 239px; float: right; height: 23px;}
div#content { position: relative; margin: 28px 0px; width: 397px; float: left; padding-left: 118px; _padding-left: 122px; }
div#content div#home_foto { position: relative; margin-left: -99px; margin-bottom: 18px; }
div#content div#specifiek_idee { position: relative; width: 389px; border: 1px solid #ccd311; }
div#content div#meer_ideeen { position: relative; float: left; margin-top: 18px; width: 390px; }
div#sidebar { position: relative; margin: 28px 22px; _margin-right: 10px; width: 195px; float: right; }
div#sidebar .item { position: relative; margin-bottom: 18px; padding-bottom: 13px; border-bottom: 1px solid #ccd311; }
div#sidebar .venster { position: relative; margin-bottom: 18px; width: 178px; padding: 9px; background-color: #ccd311; font-size: 11px; }
div#sidebar #leesmeer { margin-bottom: 19px; }
div#footer { position: relative; width: 652px; color: #fff; background: url(images/footer.gif) repeat-y top left; padding-left: 118px; height: 18px; margin: 0 auto 0; line-height: 18px; text-align: left; }
div#footer_tekst { position: absolute; left: 119px; top: 0px; }
div#creabea { position: absolute; left: 552px; top: 0px; _top: 2px; height: 4px; }

/* styles */
div#content h1 { font-size: 12px; font-weight: bold; margin-bottom: 18px; }
div#content h2 { font-size: 12px; font-weight: bold; }
div#content a { color: #450765; text-decoration: underline; }
div#content a:hover { color: #450765; text-decoration: none; }
div#content li { margin-left: 30px; }
div#content ol, div#content ul { margin-bottom: 18px; }
div#content .foto { float: left; margin-right: 10px; margin-top: 4px; }

div#content div#home_foto img { margin-right: 4px; }

div#content div#meer_ideeen h1 { padding-left: 8px; width: 378px; background-color: #ccd311; height: 18px; color: #fff; font: 12px Verdana, Arial, Helvetica, sans-serif; line-height: 18px; margin-bottom: 6px; font-weight: bold; }
div#content div#meer_ideeen a { color: #450765; text-decoration: none; line-height: 24px; display: block; width: 386px; border-bottom: 1px solid #ccd311; }

ul#content_idee { list-style: none; }
ul#content_idee li { position: relative; float: left; margin: 0px 11px 11px 0px; width: 119px; height: 162px; border: 1px solid #ccd311; }
ul#content_idee li img { width: 100px; height: 100px; position: absolute; top: 9px; left: 9px;}
ul#content_idee li span { line-height: 16px; position: absolute; padding: 8px; top: 119px; left: 0px; width: 103px; height: 84px; text-align: center; border-top: 1px solid #ccd311; cursor: pointer; }

div#specifiek_idee img { position: relative; margin: 9px; }
div#specifiek_idee div#idee_text, div#specifiek_idee ul#idee_fotos, div#specifiek_idee div#idee_footer { text-align: center; border-top: 1px solid #ccd311; padding: 9px; }
div#specifiek_idee div#idee_footer a { color: #ccd311; font-size: 10px; text-decoration: none; line-height: 15px; }
div#specifiek_idee div#idee_footer img { margin: 0; }

div#specifiek_idee ul#idee_fotos { margin: 0; }
div#specifiek_idee ul#idee_fotos li { list-style: none; display: inline; margin: 0; }
div#specifiek_idee ul#idee_fotos li .left { float: left; margin-right: 0px; }
div#specifiek_idee ul#idee_fotos li .middle { margin-right: 0px; }
div#specifiek_idee ul#idee_fotos li .right { float: right; }
div#specifiek_idee ul#idee_fotos li img { border: 1px solid #ccd311; width: 100px; height: 100px; }

div#sidebar .item h2 { font-size: 12px; font-weight: bold; }
div#sidebar .item a { color: #ccd311; text-decoration: none; }
div#sidebar .item a:hover { color: #ccd311; text-decoration: underline; }

div#sidebar #leesmeer h2 { display: inline; font-size: 12px; font-weight: bold; }
div#sidebar #leesmeer a { color: #ccd311; text-decoration: none; }

div#sidebar .venster p { margin: 0; }
div#sidebar .venster a { color: #450765; text-decoration: underline; }
div#sidebar .venster a:hover { color: #450765; text-decoration: none; }
div#sidebar .venster label { color: #fff; font-weight: bold; cursor: text; }

div#footer a { color: #fff; text-decoration: none; }
div#footer a:hover { color: #450765; text-decoration: none; }

.nodisplay { display: none; }

/* navigation */
div#navigation ul { list-style: none; }
div#navigation li { display: inline; position: absolute; top: 0; }
div#navigation #home{ left: 118px; }
div#navigation #profiel { left: 200px; }
div#navigation #werkwijze { left: 282px; }
div#navigation #ideeen { left: 364px; }
div#navigation #contact { left: 445px; }
div#navigation #lang { left: 552px; }

img#profiel { padding: 0px; margin: 0px; }