﻿/** { border: solid 1px #fff !important; } */

body, html { margin: 0; padding: 0; }
body { background-position: 0px 0px; font-family: 'Trebuchet MS'; font-size: 12px; color: #333333; background-image: url(i/bg_all.png); background-color: #002c33; background-repeat: repeat-x; background-attachment: scroll; }

/* Page layout*/
#edit-submitted-fieldset-a-fieldset-b-fieldname-wrapper {
  float: left;
  padding: 3px;
  background-color: #eeeeee;
}

a:link {color: #000000} a:visited {color: #000000} a:hover {color: #00CCCC} a:active {color: #00CCCC}
#wrap { min-width: 1000px; width: 90%; margin-left: 30px; margin-right: auto; }
#header { height: 153px; }
#spacer { height: 50px; margin-bottom: 22px; padding-left: 50px; }
#page-container { }
#footer { padding: 20px 30px 10px 30px; margin-left: 50px; margin-right: 50px; }

/* Page Header content */
#sitetitle { position: relative; top: 35px; left: 30px; }
#sitetitle h1 { float: left; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #333333; line-height: 1.1em; font-size: 2.6em; }
#page_date { position: relative; right: -220px; margin-top: 129px; color: #C0C0C0; font-weight: 600; float: right; }

/*-- search -- */
.form-submit { background: #2b618c; vertical-align: middle; color: #FFFFFF; font-weight: bold; font-size: 12px; vertical-align: middle; border: 1px solid #6787a3; padding: 2px 5px 2px 4px; margin-right: 10px; margin-left: 5px; }
.form-submit:hover { background: #4b85b1; color: #FFFFFF; }

.search-box { float: right; position: relative; right: 40px; top: 0px; padding: 16px 0px 16px 16px; margin-top: 41px; text-align: left; background: url(i/bg-search.png) top left no-repeat; }
.search-box input { font-size: 12px; vertical-align: middle; }

#search-form { padding: 0px; }
#search-form label { color: #202a32; font-size: 12px; text-transform: none; font-weight: bold; vertical-align: middle; margin-right: 5px; }

#search-form .form-submit { background: url(i/search.gif) top left no-repeat; border: none; width: 65px; height: 20px; vertical-align: middle; color: #FFFFFF; font-weight: bold; font-size: 11px; font-family: Arial; text-transform: capitalize; }
#search-form .form-text { width: 226px; font-size: 11px; font-weight: bold; color: #000000; height: 18px; background: #FFFFFF; border: 1px solid #d4d0c8; margin-right: 6px; }
.search-form input { vertical-align: middle; }
/*---------------------*/


/* Content roots (menu in spacer)*/
#links ul { margin: 0px; padding-top: 10px; }
#links li { float: left; list-style-type: none; min-width: 60px; height: 20px; text-align: center; border-left: 1px solid #FFF; padding-top: 4px; border-left-color: #999999; }
#links a { font-family: "Trebuchet MS"; font-size: 12px; color: #fff; font-weight: bold; text-decoration: none; margin-left: 10px; margin-right: 10px; }
#links a:hover { font-family: "Trebuchet MS"; font-size: 12px; color: #fff; font-weight: bold; text-decoration: underline; }


/* ------------------- */
/* -- USED IN #wrap -- */
/* ------------------- */

/* CORNERS */
.cont-indent { padding: 0px 40px 0px 40px; }
.corner-top-left { background: #fff url(i/corner_topleft.png) no-repeat scroll left top; }
.corner-top-right { background: url(i/corner_topright.png) no-repeat scroll right top; }
.corner-bot-left { background: url(i/corner_bottomleft.png) no-repeat scroll left bottom; }
.corner-bot-right { background: url(i/corner_bottomright.png) no-repeat scroll right bottom; }
.bot-watermark { background-position: center bottom; background-image: url(i/page_watermark.png); background-repeat: no-repeat; background-attachment: scroll; }

/* TITLES */
h1 { color: #444b4e; font-size: 18px; font-weight: normal; }

h1.title { background: none; font-size: 11px; }
h1.title a { color: #000000; text-transform: uppercase; text-decoration: none; font-size: 11px; font-weight: bold; }
h1.title a:hover { text-decoration: underline; }

h2 { background: none; font-size: 16px; color: #000000; padding: 10px 0px 7px 15px; text-transform: capitalize; }

h2.with-tabs { padding-left: 0px; }
.block h2 { display: block; border-bottom: #bcbcbc 1px solid; color: #444b4e; font-size: 12px; line-height: 22px; margin: 0; margin-top: 5px; margin-bottom: 10px; padding: 0; }

h3 { color: #444b4e; padding: 5px 0px; }
h3 a { color: #444b4e; text-decoration: none; }

.node .content h3
{
   width: 97%;
   color: white;
   background: url(i/back.png) repeat-y;
}

/* Page content Panel's */
#page-container td { padding: 5px; }
#page-container #col0 { width: 220px; }
#page-container #col0 div { padding: 0; }
#page-container #col0 .block { background-image: url(i/bg-block.png); background-repeat: repeat-y; }
#page-container #col0 .block-top { background-image: url(i/block-top.png); background-repeat: no-repeat; background-position: left top; }
#page-container #col0 .block-bot { background-image: url(i/block-bot.png); background-repeat: no-repeat; background-position: left bottom; }
#page-container #col0 .block-title { margin: 5px 0px 0px 3px; padding: 0px; }
#page-container #col0 .block-title h3 { background-image: url(i/bg-block-dh.png); background-position: 0px 5px; background-repeat: no-repeat; color: #ffffff; font-size: 11px; font-weight: bold; padding: 25px 0px 25px 39px; text-transform: uppercase; }
#page-container #col0 .block-content { margin: 0px; padding: 5px; padding-top: 0px; }

#page-container #col0 #userlogin-block .block-title h3 { background-image: url(i/bg-block-lh.png); }

#page-container #col1 { padding: 10px; }

a.leesmeer { width: auto; height: 16px; line-height: 16px; color: #c821ac; font-weight: bold; text-decoration: none; padding: 0 14px 0 0; background: url(i/arrow-purple.png) 100% 1px no-repeat; }
.invis { /* Code for the invisibile elements */ visibility: hidden; display: none; position: absolute; left: -1000px; top: -1000px; }
.regular { color: #666; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; text-align: left; width: 360px; margin-left: 20px; }
.center { color: #666; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; text-align: center; width: 390px; margin-left: 20px; }
.center_prijs { color: #666; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; text-align: center; width: 390px; margin-left: 20px; }
.white { color: #666; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; }


/*----Login-form----*/
#user-login-form { text-align: left; }
#user-login-form input#edit-name, #user-login-form input#edit-name-1 { width: 150px; font-size: 12px; height: 16px; color: #818181; background: #FFFFFF; border: 1px solid #818181; }
#user-login-form input#edit-pass, #user-login-form input#edit-pass-1 { width: 150px; font-size: 12px; height: 16px; color: #818181; background: #FFFFFF; border: 1px solid #818181; }
#user-login-form label { color: #5f6258; font-size: 10px; font-weight: normal; padding-right: 3px; }
#user-login-form .form-required { color: #ff0000; }
#user-login-form .description a { color: #47a4bb; }
#user-login-form .item-list ul { padding: 10px 0px 0px 0px; }
#user-login-form .item-list li { line-height: 16px; list-style: none; list-style-image: none; margin: 0px; padding: 0px; width: 125px; background: none; }
#user-login-form .item-list li a { background: none; font-weight: normal; color: #1c8ba2; text-decoration: underline; font-size: 10px; padding-left: 0px; }
#user-login-form .item-list li a:hover { text-decoration: none; color: #000000; }
#user-login-form .form-submit { background: url(i/login.gif) top left no-repeat; border: none; width: 65px; height: 20px; margin: 17px 0px 0px 40px; font-weight: bold; color: #FFFFFF; font-size: 11px; text-transform: uppercase; }
#user-login-form .form-item { margin-top: 0px; margin-bottom: 3px; }

.breaker { display: none; }
.comment { padding: 10px 0px 10px 20px; }
.comment h3 { background: none; }
.comment h3 a { color: #000000; font-size: 15px; }
.comment .title { padding-left: 0px; padding-bottom: 10px; }
.comment .submitted { margin-left: 22px; padding-bottom: 10px; }

.content { padding: 0px 10px 20px 0px; color: #000000; line-height: 20px; }
.content strong { color: #000000; }
.content span { color: #1786b9; font-size: 12px; }
.content a { color: #5082bf; font-size: 13px; text-decoration: underline; }
.content a:hover { text-decoration: none; }

.node { width: 100%; padding-bottom: 30px; margin-bottom: 10px; padding-top: 5px; background: url(i/line.gif) bottom repeat-x; }
.node .content, #contact-mail-page { padding: 22px 20px 0px 33px; }
.node div.links { padding-top: 3px; text-align: left; }
.node .title { padding: 5px 0px 3px 66px; margin-left: 0; }

/*----NAVIGATION----*/
#navigation-block .block-content ul.menu { padding-left: 14px; padding-bottom: 0px; }
#navigation-block .block-content ul.menu li ul.menu { padding-left: 15px; }
#navigation-block .block-content ul.menu li { background: none; padding: 5px 0px 5px 0px; list-style-image: none; list-style: none; margin: 0; }
#navigation-block .block-content ul.menu li a { background: url(i/a1.gif) no-repeat 0 4px; padding-left: 19px; color: #171717; font-size: 11px; text-decoration: underline; font-weight: bold; line-height: 11px; text-transform: none; }
#navigation-block .block-content ul.menu li a:hover { text-decoration: none; color: #1f9ab2; }
#navigation-block .block-content ul.menu li.collapsed a { background: url(i/a2.gif) no-repeat 0 5px; }

/* LAST PART */

/* footer */
#footer { color: #5a9aaa; font-size: 11px; font-weight: normal; text-align: center; background: none; font-family: Arial; }
#footer .foot { text-align: left; margin: 0 auto; padding: 35px 0px 50px 0px; width: 980px; background: none; }
#footer a { color: #5a9aaa; }
#footer .foot span { padding-left: 88px; }
/* footer end */



