/*======================================
      WELCOME TO THE STYLESHEET
--------------------------------------      
     Copyright Johan Adriaans
      Author: Johan Adriaans
======================================*/
 
/**************************************\
|------------COLOR SCHEME--------------|
|--------------------------------------|
- Red                 #CA3434
- Bleu                #204A87
- Orange              #F6840D
- Green               #88AE3D
- Grey                #414141

\**************************************/

/**************************************/
/*              GLOBALS               */
/**************************************/
body     { background-color: #073d4a; padding: 2em 0 2em 0; color: #333333; }
div#site { background-color: white; position: relative; }
div#site div#logo { width: 206px; height: 233px; position: absolute; background: url(../images/logo.png) no-repeat; margin: -30px 0 0 -40px; z-index: 1; }

.container a:link,
.container a:visited { text-decoration: underline; color: #333; }
.container a:hover,
.container a:active { text-decoration: underline; color: #000; }

/* Toolbox */
body .nopadding, body table td.nopadding, body table th.nopadding { padding: 0; }
body .nomargin, body table td.nomargin, body table th.nomargin { margin: 0; }
body .left { float: left; }
body .right { float: right; }
body .nofloat { float: none; }

/* Disable bluetrip external link icons */
a[href^="http:"], a[href^="http:"]:visited { background-image: none; padding-right: 0px; }

/* Markup text at top in tables (when using images next to text) */
body table td, body table th { vertical-align: top;}
body table { border-collapse: separate; }
table, tr, td, th { border: 0px; }

/* Markup headers */
body h1, body h2, body h3, body h4, body h5, body h6 {
  color: #494F57;
  font-family: 'Trebuchet MS', Helvetica, sans-serif;
  font-weight: lighter;
  line-height: 1.2em;
}

/*************************************************/
/*   Template specifieke kleuren (optioneel)     */
/*************************************************/
body div.rood h1, body div.rood h2, body div.rood h3, body div.rood h4, body div.rood h5, body div.rood h6,
body div.rood a, body div.rood a:link, body div.rood a:visited,
div#menu ul li.rood a {
  border-color: #CA3434;
  color: #CA3434;
}

body div.blauw h1, body div.blauw h2, body div.blauw h3, body div.blauw h4, body div.blauw h5, body div.blauw h6,
body div.blauw a, body div.blauw a:link, body div.blauw a:visited,
div#menu ul li.blauw a {
  border-color: #204A87;
  color: #204A87;
}

body div.wit h1, body div.wit h2, body div.wit h3, body div.wit h4, body div.wit h5, body div.wit h6,
body div.wit a, body div.wit a:link, body div.wit a:visited,
div#menu ul li.wit a {
  border-color: #fff;
  color: #fff;
}

body div.groen h1, body div.groen h2, body div.groen h3, body div.groen h4, body div.groen h5, body div.groen h6,
body div.groen a, body div.groen a:link, body div.groen a:visited,
div#menu ul li.groen a {
  border-color: #88AE3D;
  color: #88AE3D;
}

body div.oranje h1, body div.oranje h2, body div.oranje h3, body div.oranje h4, body div.oranje h5, body div.oranje h6,
body div.oranje a, body div.oranje a:link, body div.oranje a:visited,
div#menu ul li.oranje a {
  border-color: #F6840D;
  color: #F6840D;
}

body div.zwart h1, body div.zwart h2, body div.zwart h3, body div.zwart h4, body div.zwart h5, body div.zwart h6,
body div.zwart a, body div.zwart a:link, body div.zwart a:visited,
div#menu ul li.zwart a {
  border-color: #000000;
  color: #000000;
}

/**************************************/
/*              MODULE                */
/**************************************/
body .container .PollModule .showPollAction { background-color: #fbd7d1; margin-bottom: 20px; }
body .container .PollModule .showPollAction div.display-results,
body .container .PollModule .showPollAction div.total { background-color: #ec3a18; padding: 5px; color: #fff; }
body .container .PollModule .showPollAction div.display-results a:link,
body .container .PollModule .showPollAction div.display-results a:visited { color: #fff; }
body .container .PollModule .showPollAction div.name { display: none; }
body .container .PollModule .showPollAction div.description { padding-top: 5px; }
body .container .PollModule .showPollAction div.description,
body .container .PollModule .showPollAction div.answer { padding-left: 5px; padding-right: 5px; }
body .container .PollModule .showPollAction div.percentage div.image { background-color: #ec3a18; }

.container div.cornerContent div.title { color: #fff; font-size: 14pt; font-weight: bold; padding-bottom: 8px; }
.container ul.news-latestnews { background-color: #e2d8ec; }
body div.NewsModule div.latestnewsAction ul li { background-image: none; padding-left: 2px; }
.container div.news-latestnews-footer { background-color: #703BA1; }
.container div.news-latestnews-footer a:link,
.container div.news-latestnews-footer a:visited { color: #fff; }

.container div#section_main div#section_main_1 div.roundedCorners,
.container div#section_main div#section_main_1 div.news-latestnews-footer { display: none; }
.container div#section_main ul.news-latestnews { background-color: transparent; list-style: disc; margin: 0px; padding: 0 0 0 10px; }
.container ul.news-latestnews span.news-latestnews-date { display: none; }
.container div#section_main ul.news-latestnews span.news-latestnews-date { display: block; }

.container ul.agenda-upcommingevents { background-color: #d7e5a6; }
body div.AgendaModule div.latestagendaAction ul li { background-image: none; padding-left: 2px; }
.container div.agenda-latestagenda-footer { background-color: #9CBF21; }
.container div.agenda-latestagenda-footer a:link,
.container div.agenda-latestagenda-footer a:visited { color: #fff; }
.container div#section_main ul.agenda-upcommingevents { background-color: transparent; list-style: disc; margin: 0px; padding: 0 0 0 10px; }
.container div#section_main div#section_main_1 div.agenda-latestagenda-footer,
.container div#section_main div#section_main_1 div.roundedCorners,
.container div#section_main div#section_main_2 div.agenda-latestagenda-footer,
.container div#section_main div#section_main_2 div.roundedCorners,
.container div#section_main div#section_main_3 div.agenda-latestagenda-footer,
.container div#section_main div#section_main_3 div.roundedCorners { display: none; }
.container div#section_main ul.agenda-upcommingevents span.agenda-date { display: block; }
.container span.agenda-date { float: right; }

.container div.gallery-last-album { background-color: #478ce8; }
.container div.gallery-last-album ul.last-album li { width: 100%; padding: 0px; }
.container div.gallery-last-album ul.last-album li a { background-color: #dae8fa; padding: 5px; }
.container div.gallery-lastalbum-footer { background-color: #478ce8; }
.container div.gallery-lastalbum-footer a:link,
.container div.gallery-lastalbum-footer a:visited { color: #fff; }
.container a.last-album-link div.last-album-count { display: none; }

.container div.gallery-random-image { background-color: #478ce8; }
.container div.gallery-random-image ul.random-image li { width: 100%; padding: 0px; }
.container div.gallery-random-image ul.random-image li a { background-color: #dae8fa; padding: 5px; }
.container div.gallery-randomimage-footer { background-color: #478ce8; }
.container div.gallery-randomimage-footer a:link,
.container div.gallery-randomimage-footer a:visited { color: #fff; }
.container div.random-image-title { display: none; }
.container div.random-image-description p { margin-bottom: 0px; }

div#site div.GalleryModule div.detailsAction div.gallery-details { overflow: hidden; }

.container ul.last-comment-blog-list { background-color: #f6cd99; margin: 0px; padding: 0px; }
.container div.blog-latestblog-footer { background-color: #e98300; }
.container div.blog-latestblog-footer a:link,
.container div.blog-latestblog-footer a:visited { color: #fff; }
.container div.lastCommentBlogAction div.last-comment-blog ul.last-comment-blog-list { margin: 0px; }

.container div.latestnewsAction ul.news-latestnews li,
.container div.latestagendaAction ul.agenda-upcommingevents li,
.container div.lastCommentBlogAction div.last-comment-blog ul.last-comment-blog-list li { margin-left: 5px; margin-right: 5px; padding-top: 2px; padding-bottom: 5px; }

.container div.latestnewsAction,
.container div.latestagendaAction,
.container div.latestgalleryAction,
.container div.lastCommentBlogAction,
.container div.NewsModule,
.container div.BlogModule,
.container div.socialNetworks,
.container div.addressSubscribe,
.container div.AgendaModule { margin-bottom: 20px; padding: 0px; }

.container div.addressSubscribe p { margin: 0px; }

.container div.newsletter-address-preferences fieldset table tbody tr td { padding-bottom: 3px; padding-top: 3px; }

div.blog-latestblog-footer,
div.GalleryModule div.gallery-lastalbum-footer,
div.AgendaModule div.agenda-latestagenda-footer,
div.GalleryModule div.gallery-randomimage-footer,
div.NewsModule div.news-latestnews-footer { padding: 5px; }

.container .latestagendaAction ul li.agenda-future-upcommingevent { background: url(); padding: 0px; margin: 0px; }

.container div.show-post-reply textarea { width: 450px; }
.container div.show-post-reply table tbody tr td { padding-bottom: 5px; }

.container div.latestagendaAction, .container div.AgendaModule ul { margin: 0px; list-style-type: none; }

.container div.show-post ul.show-post-comments li div.show-post-comment-footer { border: 0px; border-bottom: 1px solid #ccc; padding-bottom: 8px; }

/**************************************/
/*              HEADER                */
/**************************************/
div#section_header p { margin: 0; }
div#linksRechtsBoven { padding: 5px; padding-right: 10px; padding-top: 0px; }
div#linksRechtsBoven,
div#linksRechtsBoven a { color: #939598; text-decoration: none; }
div#linksRechtsBoven a:hover { color: #333; }

/**************************************/
/*             NAVIGATION             */
/**************************************/
div#menu                                { background: url( /templates/rhenoy/images/background-menu.png ) repeat-x; width: 950px; }
div#menu ul.menu                        { margin: 0px; list-style: none; font-size: 1.2em; height: 45px; font-weight: bold; }
div#menu ul.menu li                     { margin: 0px; display: inline; height: 35px; line-height: 25px; float: left; }
div#menu ul.menu li a:link, 
div#menu ul.menu li a:visited,
div#menu ul.menu li a                   { color: white; text-decoration: none; display: block; padding-left: 18px; padding-right: 18px; height: 29px; overflow: hidden; line-height: 26px; background-color: transparent; text-align: center; }
div#menu ul.menu li a.first            { padding-left: 21px; }
div#menu ul.menu li a.last             { padding-right: 22px; }
div#menu ul.menu li a:hover             { background-image: url( /templates/rhenoy/images/background-menu-hover.png ); }

div#menu ul.sub                         { visibility: hidden; overflow: hidden; list-style: none; padding: 0; margin: 0px; z-index: 1; position: absolute; width: auto; min-width: 135px; border:none; background-color: #005275; white-space: nowrap; }
div#menu ul.sub li                      { float: none; margin: 0px; padding: 0; }
div#menu ul.sub li a:link,
div#menu ul.sub li a:visited,
div#menu ul.sub li a                    { color: #FFF; font-size: 1em; text-decoration: none; font-weight: normal; line-height: 25px; height: 25px; width: inherit; display: block; background-color: transparent; text-align: left; padding: 3px 20px 2px 20px; }
div#menu ul.sub li a:hover              { background-color: #61a4c0; background-image: none; }

div#breadcrumbs { margin-left: 20px; margin-bottom: 10px; }
div.leftColumn { margin-left: 20px; }

div#search { float: right; width: 210px; }
div#search input[type='text'] { border: none; padding: 2px; padding-left: 6px; margin: none; font-family: arial; background-color: transparent; color: #333; width: 155px; }
div#search input[type='text']:focus { border: none; outline: none; }
div#search div.input { float: left; border: none; background: url( /templates/rhenoy/images/searchinput.png ) no-repeat; height: 22px; padding: none; margin: none; font-family: arial; color: #333; width: 166px; margin-right: 3px; }
div#search button { padding: none; margin: none; border: none; float: none; background: url( /templates/rhenoy/images/searchsubmit.png ) no-repeat; width: 22px; height: 22px; }

div#breadcrumbs { float: left; }

/**************************************/
/*            MAIN CONTENT            */
/**************************************/
div#copyright { padding-top: 5px; width: 100%; text-align: center; }
div#copyright p { margin: 0px; }
table.socialnetwork tbody tr td { padding: 5px; }

.container div#homeMainBottomBlocks { margin-top: 20px; }
.container div#homeMainBottomBlocks div.span-6 { width: 235px; margin-right: 0px; }
.container div#homeMainBottomBlocks div.firstBlock { margin-right: 20px; }

.container div#main div.leftColumn,
.container div#main div.middleColumn { margin-right: 20px; }
.container div#main div.middleColumn { width: 490px; }

.container div#section_main div#section_main_0 h1,
.container div#section_main div#section_main_0 h2,
.container div#section_main div#section_main_0 h3 { margin-top: 0px; }


/**************************************/
/*             SNIPPETS               */
/**************************************/
table td.socialnetworks img,
table td.socialnetworks a { float: left; margin-bottom: 2px; margin-top: 2px; }
table td.socialnetworks a { left: 5px; display: block; height: 34px; line-height: 32px; font-weight: bold; }
table td.socialnetworks a.hyves { color: #ee5722; }
table td.socialnetworks a.twitter { color: #007cc2; }
table td.socialnetworks p { clear: both; }

/**************************************/
/*               FOOTER               */
/**************************************/
div#footer a,
div#footer { text-align: center; color: #888888; padding-top: 1em; }

/**************************************/
/*            EDITOR CONTENT          */
/**************************************/
body#tinymce, body#tinymce td, body#tinymce pre { font-family: "Liberation Sans", Helvetica, Arial, sans-serif; }
body#tinymce { background: white; margin: 10px 0 0 10px; padding: 0; }