

html,body {margin:0;padding:0;height:100%;width:100%;}

body{font: 70% trebuchet ms,trebuchet,helvetica,arial,verdana,sans-serif;color:#4F5354;}

html {background:transparent url(images/bg_html.jpg) repeat-x fixed 0px 0px;}
body {background:transparent url(images/bg_body_tl.jpg) no-repeat fixed 0px 32px;}

a, a:visited, a:active, a:link {color:#B6D7E0;}
a:hover {color:#fff;}
#container {margin:0 auto;min-width:987px;*min-width:980px;max-width:1200px;padding:0;width:100%;font-size:100%;padding-top:32px;}


#innercontainer {background:#000 url(images/bg_navigation.jpg) repeat-y scroll 0px 0px;}
* html #container {width:expression(document.body.clientWidth < 989? "987px" : document.body.clientWidth > 1202? "1200px" : "auto");}
#footer {position:relative;clear:both;height:30px;margin:16px auto 0;margin:0 auto;min-width:987px;*min-width:980px;max-width:1200px;padding:0;width:100%;font-size:100%;background:#000 url(images/bg_footer.gif) repeat-x scroll 0px bottom;}
div#navigation {float:left;margin-left:-100%;width:214px;background:#b6d7e0 url(images/bg_navigation.jpg) repeat-y scroll 0px 0px;padding-top:20px;}
div#extra {float:left;margin-left:-170px;width:170px;}
div#wrapper {float:left;width:100%;background:#000 url(images/bg_navigation.jpg) repeat-y scroll 0px 0px;}
div#submenu {background:#000000;border-bottom:1px solid #2e2c2d;clear:both;display:block;height:23px;line-height:23px;padding:4px 15px 0px 15px;}
div#content {margin:0 170px 0 233px;overflow:hidden;}



/*  OEDJEMULLE QUICKBAR   */
#ojmbar {width:100%;height:32px;position:fixed;background:#FFF url(images/bg_tabs.gif) left top repeat-x scroll;top:0px;margin:0px;padding:0px;z-index:998;}
div.tab {margin-top:8px;float:left;background:#fff url(images/tab-right.gif) right top no-repeat scroll;}
div.tab a {background:transparent url(images/tab-left.gif) left top no-repeat scroll;line-height:23px;text-decoration:none;font-family:verdana;font-size:11px;text-transform:uppercase;font-weight:bold;color:#3A3A3A;display:block;}
div.tab a:hover {color:#8A8B8F;}
div.tab img {background:transparent none repeat scroll 0 0;display:block;float:left;height:16px;left:4px;margin-right:8px;min-width:16px;position:relative;top:4px;}
div.tab .tabcontents {margin-right:8px;}
#container {padding-top:0px;} /*zonder ojm bar*/
a.changes {top:0px !important;} /*zonder ojm bar*/
#ojmbar {display:none;} /*zonder ojm bar*/
body {background-position:0px 0px;} /*zonder ojm bar*/

/*  -----------------------  */

a.changes {z-index:997;outline:none;position:absolute;top:32px;right:0px;width:250px;height:150px;background:transparent url(images/btn_changes.png) no-repeat scroll 0px 0px;}

/*        FMP HEADER         */
#header {border-bottom:2px solid #545454;position:relative;height:112px;width:100%;display:block;background:transparent url(images/bg_header.gif) repeat-x scroll 0px -30px;}
#header .headerrl {display:block;width:5px;height:5px;position:absolute;left:0px;bottom:29px;background:transparent url(images/bg_headerrl.jpg) no-repeat scroll 0px 0px;}
#header .headerrr {display:block;width:5px;height:5px;position:absolute;right:0px;bottom:29px;background:transparent url(images/bg_headerrr.jpg) no-repeat scroll 0px 0px;}
#footer .footerrr {display:block;width:5px;height:5px;position:absolute;right:0px;bottom:0px;background:transparent url(images/footerrr.jpg) no-repeat scroll 0px 0px;}
#footer .footerrl {display:block;width:214px;height:30px;position:absolute;left:0px;bottom:0px;background:transparent url(images/footerrl.jpg) no-repeat scroll 0px 0px;}
#header #logo {position:absolute;display:block;width:460px;height:41px;right:0px;top:30px;}
#header .block-menu {position:relative;height:34px;top:78px;}
#header .block-menu ul{list-style-type:none;vertical-align:baseline;margin:0px;padding:0px 10px;}
#header .block-menu ul li {float:left;list-style-type:none;margin:0px;}
#header .block-menu ul li.leaf {list-style-type:none;list-style-image:none;padding-top:0px;}
#header .block-menu ul li a {font-size:1.2em;text-align:center;display:block;font-weight:bold;color:white;padding:0px 0px;line-height:36px;text-decoration:none;height:34px;width:145px;}
#header .block-menu ul li a:hover {background:url(images/buttonhover.gif) no-repeat scroll center 1px;}
#menu {display:none;}

/*  -----------------------  */

/* 5 STAR RATING  */
div.fivestar-widget .star, div.fivestar-widget .star a {background:transparent url(images/fmp_votestars.gif) no-repeat scroll 0px 0px;}
div.fivestar-widget .cancel, div.fivestar-widget .star {width:30px;height:28px;}
div.fivestar-widget-static .star span.on {background-position: 0 -32px;}
div.fivestar-widget div.hover a, div.rating div a:hover {background-position: 0 -59px;}
div.fivestar-widget div.on a {background-position: 0 -29px;}
form.fivestar-widget {background:transparent url(images/bg_voting.jpg) no-repeat scroll center top;padding:15px;text-align:center;}
div.fivestar-widget {margin:0px auto;width:150px;}
form.fivestar-widget .form-item label {font-size:1.2em;color:#fff;}

div.fivestar-widget-static .star {background:transparent url(images/fmp_votestars_small.gif) no-repeat scroll 0px 0px;}
div.fivestar-widget-static .star span.on {background:transparent url(images/fmp_votestars_small.gif) no-repeat scroll 0px -14px;}
div.fivestar-widget-static .star span.off {background:transparent url(images/fmp_votestars_small.gif) no-repeat scroll 0px 0px;}
#edit-vote-wrapper label {display:none;}


/* FMP IMAGES */
div.content {overflow:hidden;}
div.content .imgcontainer {text-align:center;}
div.content .imgcontainer a.photo {display:block;height:auto;padding-bottom:5px;text-align:center;}
div#content h2 {text-align:center;color:#fff;font-size:1.5em;margin:1em 0 0.25em 0;}
div#content h3 {text-align:center;color:#fff;font-size:1.5em;margin:1em 0 0.25em 0;}
div#content .date {text-align:center;font-size:0.9em;}
span.user-rating {margin-right:7px;color:#6F6F6F;}
span.user-rating span {color:#4F5354;}
span.average-rating {margin-right:7px;color:#6F6F6F;}
span.average-rating span {color:#4F5354;}

a.next {background:url("images/btn_next.png") no-repeat scroll center 10px transparent;
bottom:66px;
clear:both;
float:left;
font-size:1.2em;
font-weight:bold;
height:48px;
line-height:20px;
margin-top:0;
outline:medium none;
padding-top:40px;
position:absolute;
right:100px;
text-indent:-9999px;
width:50px;}
a.next:hover {letter-spacing:1px;}
.node-fmp .content {position:relative;}


a.report {clear:both;color:#5E5E5E;float:left;font-size:0.9em;margin-top:10px;width:100%;text-align:center;}
a.report:hover {color:#fff;}
.author {text-align:center;color:#6F6F6F;font-weight:bold;font-size:1.1em;}

/* USER LOGIN - editortjes */
.block-user {background:#121212;padding:15px;margin-left:15px;width:125px;}
#block-user-0 .title {font-size:1.5em;color:#fff;padding-left:40px;background:transparent url(images/users.png) no-repeat scroll 0px 0px;line-height:32px;}
#user-login-form {text-align:left;}
#edit-search-block-form-1, #user-login-form input.form-text {width:115px;}
#edit-search-block-form-1 {margin-bottom:10px;}
#user-login-form .item-list {margin-top:10px;}
#user-login-form .item-list ul {list-style-type:none;margin:0px;padding:0px;}
#user-login-form .item-list ul li {list-style-type:none;margin:0px;padding:0px;}
input.form-text {background:#4F5354;color:#fff;font-family:trebuchet ms,trebuchet,helvetica,arial,verdana,sans-serif;font-size:11px;border:0px solid #4F5354;padding:2px 4px;}
#edit-field-fmp-image-0-filefield-upload, .form-submit, #edit-preview, #edit-submit {background:transparent url(images/bg_header.gif) repeat-x scroll 0 -110px;border:1px solid #4F5354;color:#fff;cursor:pointer;}
#edit-field-fmp-image-0-filefield-upload:hover, .form-submit:hover, #edit-submit:hover, #edit-preview:hover {border:1px solid #fff;}
#edit-field-fmp-image-0-upload, .form-textarea {background:#4F5354;border:0px solid #4F5354;color:#fff;font-family:trebuchet ms,trebuchet,helvetica,arial,verdana,sans-serif;font-size:11px;}
.preview .node {background-color:#000;}

/* SEARCH */
.block-search {background:#121212;padding:15px;margin-left:15px;width:125px;border-bottom:1px solid #4F5354;}
#block-search-0 .title {margin-bottom:10px;font-size:1.5em;color:#fff;padding-left:40px;background:transparent url(images/search.png) no-repeat scroll 0px 0px;line-height:32px;}

/* UPLOAD */
.block-custom_funny {background:#121212 none repeat scroll 0 0;margin-left:15px;width:155px;}
.block-custom_funny  a {display:block;text-indent:-9999px;outline:none;width:155px;height:58px;background:transparent url(images/btn_upload.jpg) no-repeat scroll 0px 0px;}

/* USER */
#user-register, #user-login {padding:5px 15px;}
.form-item .description {font-size:0.95em;}
.form-item label {font-size:1.1em;color:#6F6F6F;}
ul.primary li a {background-color:#6F6F6F;}
ul.primary li a:hover {color:#6F6F6F;}
.messages {margin:1em 0em;}
div.error, tr.error {color:#FF3333;font-weight:bold;}
div.error ul {margin:0;
padding:4px 4px 4px 70px;background:transparent url(images/msg_error.png) no-repeat 10px center;}
.error a {color:#000;clear:both;}
.error a:hover {color:#FF3333;clear:both;}
.status  {background:#BDE5F8 url(images/msg_info.png) no-repeat scroll 10px center;
border:1px solid #00529B;color:#00529B;font-weight:bold;margin:1em 0;min-height:32px;padding:4px 4px 4px 55px;}


/* TABLES */
table.views-table {width:100%;font-size:1.1em;}
.views-field-field-fmp-image-fid {width:152px;}
.views-field-created{width:90px;padding:6px 10px;}
.views-field-name {width:100px;word-break:break-all;word-wrap:break-word;padding:6px 10px;}
.views-field-title {padding:6px 10px;}
.views-field-created {width:105px;}
td.views-field-value {width:95px;}
td.views-field-value .fivestar-widget-static {margin:0px auto;width:85px;}
tr.even, tr.odd {background-color:transparent;border-bottom:1px solid #4F5354;}
thead th {border-bottom:3px solid #4F5354;font-size:1.2em;font-weight:bold;background:#121212;padding:6px 10px;}
a.active img {margin-left:5px;}
td.active {background-color:#121212;}



/* ARCHIVE */
.view-archive-fmp  {margin-top:2em;}
.view-archive-fmp .item-list ul.views-summary {list-style-type:none;}
.view-archive-fmp .item-list ul.views-summary li {position:relative;text-align:center;list-style-type:none;margin-right:6px;float:left;height:165px;width:107px;background:transparent url(images/folder_back.png) no-repeat scroll 5px 0px;}
.view-archive-fmp .item-list ul.views-summary li:hover {background-color:#121212;}
.view-archive-fmp .item-list ul.views-summary li a {position:relative;z-index:99;float:left;width:100%;padding-top:132px;background:transparent url(images/folder_front.png) no-repeat scroll 5px 0px;}
.view-archive-fmp .item-list ul.views-summary li img {left:24px;position:absolute;top:25px;z-index:98;opacity:0.95;width:60px;}



/* PAGER  */
ul.pager {margin-top:2em;color:#fff;}
ul.pager li {padding:0px;margin:0px;margin-right:5px;}
ul.pager li a {color:#B6D7E0;background-color:#121212;padding:2px 4px;}
ul.pager li a.active {background-color:#121212;color:#B6D7E0;}
ul.pager li a.active:hover {background-color:#B6D7E0;color:#121212;}
ul.pager li a:hover {color:#fff;}


/* COMMENTS */
.node-fmp {overflow:hidden;margin-bottom:15px;}
#comments {/*background:transparent url("images/bg_voting.jpg") no-repeat center top;color:#4F5354;*/padding:0px 15px 15px 15px;float:left;width:100%;}
#comments .box {background:transparent url("images/bg_voting.jpg") no-repeat scroll center top;}
div#content #comments .date {text-align:left;margin-left:50px;}
#comments .author {text-align:left;margin-left:50px;}
#comments .comment {background:transparent url("images/fontfind.jpg") no-repeat 15px 15px;margin:0px;padding:15px 10px;position:relative;}
#comments .comment .content {color:#fff;margin-right:129px;}
#comments .comment .content p {margin:5px 0 0 0;}
#comments .even {background-color:#121212;}
#comments .links {position:absolute;bottom:10px;right:15px;width:50px;}
#comments h4.title {display:none;}
#comments h3.title {text-align:left;margin-top:0px;padding-top:25px;}
#edit-comment-wrapper {margin-right:335px;}
#comments #comment-form {position:relative;}
#comments #comment-form p a {position:absolute;right:0;top:10em;width:333px;}
#comments .captcha {position:absolute;right:0;top:12em;width:333px;border:0 none;padding:0;margin:0;}
#comments .captcha legend {display:none;}
#comments .tips {margin-right:15px;position:absolute;right:0;top:2em;width:306px;}





