﻿@font-face
{
    font-family: 'FranklinGothicDemiRegular';
    src: url('../tjwebstudio/fonts/fradm-webfont.eot');
    src: local('â˜º'), url('../tjwebstudio/fonts/fradm-webfont.woff') format('woff'), url('../tjwebstudio/fonts/fradm-webfont.ttf') format('truetype'), url('../tjwebstudio/fonts/fradm-webfont.svg#webfontXoZQx644') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face
{
    font-family: 'FranklinGothicBookRegular';
    src: url('../tjwebstudio/fonts/frabk-webfont.eot');
    src: local('☺'), url('../tjwebstudio/fonts/frabk-webfont.woff') format('woff'), url('../tjwebstudio/fonts/frabk-webfont.ttf') format('truetype'), url('../tjwebstudio/fonts/frabk-webfont.svg#webfontVvPQQsUm') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* algemeen */
body
{
    margin: auto;
    background-image: url('../tjwebstudio/images/bg.png');
    background-repeat: repeat-x;
    background-color: #EBEBEB;
    font-family: Arial;
    font-size: 12px;
    color: #333333;
}

p
{
    margin-top: 15px;
}

h1
{
    font-family: 'FranklinGothicDemiRegular' , Arial;
    font-size: 24px;
    font-weight: normal;
    color: #333333;
    padding: 0px 0px 0px 0px;
    margin: 10px 0px 10px 0px;
    text-transform: uppercase;
}

h2
{
    font-family: 'FranklinGothicBookRegular' , Arial;
    font-size: 18px;
    font-weight: normal;
    color: #333333;
    padding: 0px 0px 2px 0px;
    margin: 10px 0px 10px 0px;
}

h3, h4, h5, h6
{
    font-family: 'FranklinGothicBookRegular' , Arial;
    font-size: 16px;
    font-weight: normal;
    color: #333333;
    padding: 0px 0px 2px 0px;
    margin: 10px 0px 2px 0px;
}
a
{
    color: #95a811;
    text-decoration: underline;
    cursor: pointer;
}
a:hover
{
    color: #333333;
    text-decoration: underline;
    cursor: pointer;
}
ul
{
    padding: 0px 0px 0px 15px;
}
li
{
    margin: 2px 0px 0px 0px;
    padding: 0px;
}

/* eind algemeen */

.container
{
    margin: auto;
    background-image: url('../tjwebstudio/images/schaduw.png');
    background-color: transparent;
    background-repeat: no-repeat;
    overflow: hidden;
    width: 1002px;
    min-height: 768px;
}

.header
{
    margin: auto;
    overflow: hidden;
    background-image: url('../tjwebstudio/images/bg_top.png');
    background-repeat: repeat-x;
    width: 920px;
    height: 110px;
    padding-left: 40px;
}
.header img
{
    border: none;
}
.logo
{
    width: 410px;
    height: 110px;
    float: left;
}

.dashboard
{
    width: 470px;
    height: 110px;
    text-align: right;
    padding-top: 20px;
    padding-right: 20px;
    float: left;
}

.menu_container
{
    margin: auto;
    overflow: hidden;
    background-image: url('../tjwebstudio/images/bg_menu.png');
    background-repeat: repeat-x;
    width: 960px;
    height: 40px;
}
.menu_links
{
    width: 55px;
    padding-left: 40px;
    float: left;
    margin: 0;
    overflow: hidden;
    cursor: pointer;
}

a.snellinks, a.snellinks:visited, div.snellinks
{
    background: transparent;
    cursor: pointer;
}
td.snellink_td_button
{
    width: 44px;
    height: 42px;
    background-image: url('../tjwebstudio/images/menu_snellinks_clicked2.png');
    background-repeat: repeat-y;
    cursor: pointer;
}
.snellink_td
{
    padding: 0px;
    margin: 0px;
    width: 204px;
}

.snellinks_item_tjwebstudio, .snellinks_item_website, .snellinks_item_email
{
    background-image: url('../tjwebstudio/images/snellinks_item.png');
    background-repeat: no-repeat;
    width: 157px;
    height: 27px;
    font-family: Arial, Sans-Sherif;
    font-size: 16px;
    color: #686868;
    margin: 0;
    padding-left: 47px;
    padding-top: 7px;
    float: left;
    cursor: pointer;
}
a.snellinks_item_tjwebstudio:hover
{
    background-image: url('../tjwebstudio/images/snellinks_item_tjwebstudio.png');
    color: #95A811;
}
a.snellinks_item_email:hover
{
    background-image: url('../tjwebstudio/images/snellinks_item_emailtemplate.png');
    color: #D75DAF;
    cursor: pointer;
}
a.snellinks_item_website:hover
{
    background-image: url('../tjwebstudio/images/snellinks_item_website.png');
    color: #0099CC;
    cursor: pointer;
}

.menu_rechts
{
    width: 650px;
    height: 40px;
    float: left;
}

/* Menu */
.menu_item
{
    height: 40px;
    width: auto;
    float: left;
    padding-top: 10px;
}
.menu_sep
{
    height: 40px;
    padding-top: 7px;
    float: left;
}
.mainbar
{
    font-family: 'FranklinGothicBookRegular' , Arial;
    font-size: 15px;
    color: #666666;
    height: 40px;
    width: 635px;
    padding-left: 5px;
}
a.mainmenu:link, a.mainmenu:visited
{
    font-size: 15px;
    color: #666666;
    text-decoration: none;
    height: 40px;
}
a.mainmenu:hover
{
    font-size: 15px;
    color: #95a811;
    text-decoration: none;
    height: 40px;
}
.zoeken
{
    padding-top: 9px;
    margin-right: 30px;
    float: right;
    width: 160px;
    height: 31px;
    overflow: hidden;
}
.boxSearch
{
    border-style: none;
    border-color: inherit;
    border-width: 0px;
    height: 18px;
    color: #A9A9A9;
    font-size: 6px;
    cursor: pointer;
}
.btnSearch
{
    background-image: url( '../tjwebstudio/images/zoekknop.png' );
    background-repeat: no-repeat;
    background-position: center;
    background-color: Transparent;
    height: 18px;
    width: 20px;
    border: 0px;
    margin-left: -20px;
    cursor: pointer;
}
.zoeken input[type="text"], .txtSearch
{
    padding-top: 1px;
    padding-left: 5px;
    background-image: url( '../tjwebstudio/images/zoekvlak.png' );
    border: 0px;
    color: #7D7D7D;
    cursor: pointer;
}
/* einde Menu */

.banner
{
    margin: auto;
    overflow: hidden;
    background-color: #FAFAFA;
    width: 960px;
    height: 259px;
}

.content_container
{
    margin: auto;
    overflow: hidden;
    width: 960px;
    background-color: #FBFBFB;
    background-image: url('../tjwebstudio/images/bg_content.png');
    background-position: bottom;
    background-repeat: repeat-x;
    min-height: 400px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.breadcrumb
{
    color: #333333;
}
.lijn
{
    height: 2px;
    width: 920px;
    margin: auto;
    background-image: url('../tjwebstudio/images/lijn_horizontaal.png');
    background-repeat: repeat-x;
}

.bottom_container
{
    margin: auto;
    overflow: hidden;
    width: 960px;
    height: 55px;
    padding-top: 10px;
    font-size: 10px;
}
.bottom_container a
{
    color: #333333;
    text-decoration: underline;
    cursor: pointer;
}
.bottom_container a:hover
{
    color: #95a811;
    text-decoration: underline;
    cursor: pointer;
}

.bottom_menu
{
    padding-left: 40px;
    float: left;
    width: 220px;
}
.bottommenu_item
{
    width: 95px;
    height: 10px;
    float: left;
}

.bottom_socialbook
{
    width: 160px;
    float: left;
    overflow: hidden;
}
.bottom_socialbook img
{
    border: 0;
}

.bottom_adres
{
    width: 460px;
    float: right;
    padding-right: 30px;
}
.bottom_adres td
{
    padding-left: 10px;
}

/* admin sidebox */
.boxHeader
{
    margin-top: 15px;
    border-bottom: #cccccc 1px solid;
    padding: 7px;
    padding-top: 11px;
    padding-left: 15px;
    text-align: left;
    font-weight: bold;
    font-family: Arial;
    font-size: 12px;
    background: #444444 top right no-repeat;
    color: #ffffff;
    height: 18px;
}
.boxContent
{
    padding: 15px;
    padding-bottom: 15px;
    text-align: left;
    font-family: Arial;
    font-size: 11px;
    background: url('../tjwebstudio/images/boxbg.jpg') #9a9a9a;
    color: #ffffff;
}
.boxContent a
{
    color: #ffffff;
    font-family: Arial;
    font-size: 11px;
}
/* einde */
.comments
{
    width: 500px;
    margin-bottom: 20px;
}
.commentbody
{
    border: 1px solid #95a811;
    padding: 10px;
}
.commentinfo
{
    background-color: #95a811;
    color: white;
    padding: 2px;
}

/* Contact Module */

.contact_module_content
{
    border: 1px solid #d0d0d0;
    border-left: 6px solid #95a811;
    padding: 10px 30px 15px 30px;
}
ul.tabs
{
    margin-top: 10px;
}
ul.tabs li:hover
{
}
ul.tabs a
{
    padding: 5px;
    float: left;
    display: block;
    padding: 5px 30px;
    position: relative;
    color: Black;
    top: 1px;
    text-decoration: none;
    height: 18px;
    background-image: url('../tjwebstudio/images/button_contactmodule.png');
    background-repeat: repeat-x;
    border: 1px solid #d0d0d0;
}

ul.tabs a:hover
{
    color: White;
    text-decoration: none;
    background-image: url('../tjwebstudio/images/button_contactmodule_hover.png');
    background-repeat: repeat-x;
}

/* selected tab */
ul.tabs a.current
{
    background-image: url('../tjwebstudio/images/button_contactmodule_hover.png');
    background-repeat: repeat-x;
    color: White;
    text-decoration: none;
}

tr.contactmodule_td td
{
    padding-top: 3px;
}
.nieuws_header
{
    width: 700px;
    height: 45px;
    overflow: hidden;
    background-image: url('../tjwebstudio/images/nieuws_item_bg_big.png');
    background-repeat: no-repeat;
    margin-bottom: 10px;
}
.nieuws_datum
{
    padding-left: 7px;
    padding-top: 5px;
    width: 55px;
    height: 40px;
    float: left;
}
.nieuws_titel_blok
{
    float: left;
    padding-top: 5px;
}
.nieuws_titel
{
    font-size: 16px;
}
a.nieuws_reacties
{
    color: #333;
    text-decoration: none;
    cursor: pointer;
}
a.nieuws_reacties:hover
{
    color: #95A811;
    text-decoration: none;
    cursor: pointer;
}
.nieuws_bericht
{
    width: 705px;
    margin-bottom: 25px;
    overflow: hidden;
}

.nieuws_lees_verder
{
    display: block;
    cursor: pointer;
    width: 85px;
    height: 25px;
    background-image: url('../tjwebstudio/images/lees_verder_nieuws.png');
    background-repeat: no-repeat;
    float: right;
}

