/* 

 * Nobbe Trainingen website 

*/



/* SITE LAYOUT */

body {

    text-align:center;

    color:#7b797a;

    font-family:Arial, Helvetica, sans-serif;

    font-size:12px;
    
    padding:0;

    margin:0;

}



#wrap {

    text-align: left;

    width: 827px;

    margin-left: auto;

    margin-right: auto;

}



h1 {

    font-size:18px;

    color:#bfbf00;

    margin:10px 0px 5px 0px;

    font-weight:normal;

}



h2 {

    font-size:14px;

    color:#bfbf00;

    margin:10px 0px 5px 0px;

    font-weight:bold;

}



h4 {

    font-size:12px;

    color:#210414;

    margin:10px 0px 5px 0px;

    font-weight:normal;

}



p {margin:5px 0 10px 0;}

img {border:none;}

a { color:#bfbf00; text-decoration:none;}

a:hover { text-decoration:underline;}



.right {text-align:right;}

.left {text-align:left;}



/* Header */

#header {

    position:relative;

    top:0px;

    left:0px;

    text-align:right;

    height:100px;

    width:100%;

    border:1px solid white;

}



#header img {

    float:left;

}



span.quote_tekst {

    font-size:12px;

    font-style:italic;

    color:#a7a7a7;

    display:block;

    margin:50px 5px 5px 5px;

}



span.quote_persoon {

    font-size:10px;

    font-weight:bold;

    color:#bfbf00;

    display:block;

    margin:5px;

}



#header_img {

    position:relative;

    float:left;

    width:660px;

    height:150px;

    margin-bottom:20px;

}



/* Menu */

#menu {

    position:relative;

    float:left;

    height:300px;

    width:140px;

    margin-right:27px;

}



#menu ul {

    list-style-type:none;

    width:140px;

    padding:12px;

    padding-top:0px;

    margin:0;

}



#menu ul li a {

    display:block;

    background-repeat:no-repeat;

    height:30px;

    padding-left:50px;

    padding-top:17px;

    text-decoration:none;

    color:#bfbf00;

}



/* Terug knop */

#menu ul li a.terug {background-image:url(/public/images/terug.gif); font-size:18px; color:#210414;}



/* Standaard knoppen */

#menu ul li a.home {background-image:url(/public/images/home.gif);}

#menu ul li a.aanbod {background-image:url(/public/images/aanbod.gif);}

#menu ul li a.kennis {background-image:url(/public/images/kennis.gif); }

#menu ul li a.wwz {background-image:url(/public/images/trainers.gif);}

#menu ul li a.klanten {background-image:url(/public/images/klanten.gif);}

#menu ul li a.nieuws {background-image:url(/public/images/nieuws.gif);}

#menu ul li a.contact {background-image:url(/public/images/contact.gif);}

#menu ul li a.lang {background-image:url(/public/images/lang.gif); color:#a6a6a6;}



/* Standaard knoppen mouse-over */

#menu ul li a.home:hover {background-image:url(/public/images/home_mo.gif);}

#menu ul li a.aanbod:hover {background-image:url(/public/images/aanbod_mo.gif);}

#menu ul li a.kennis:hover {background-image:url(/public/images/kennis_mo.gif); }

#menu ul li a.wwz:hover {background-image:url(/public/images/trainers_mo.gif);}

#menu ul li a.klanten:hover {background-image:url(/public/images/klanten_mo.gif);}

#menu ul li a.nieuws:hover {background-image:url(/public/images/nieuws_mo.gif);}

#menu ul li a.contact:hover {background-image:url(/public/images/contact_mo.gif);}

#menu ul li a.lang:hover {background-image:url(/public/images/lang_mo.gif);}



/* Geselecteerde knoppen */

#menu ul li a.home_sel {background-image:url(/public/images/home_sel.gif); font-size:18px; color:#210414;}

#menu ul li a.aanbod_sel {background-image:url(/public/images/aanbod_sel.gif); font-size:18px; color:#210414;}

#menu ul li a.kennis_sel {background-image:url(/public/images/kennis_sel.gif); font-size:18px; color:#210414; }

#menu ul li a.wwz_sel {background-image:url(/public/images/trainers_sel.gif); font-size:18px; color:#210414;}

#menu ul li a.klanten_sel {background-image:url(/public/images/klanten_sel.gif); font-size:18px; color:#210414;}

#menu ul li a.nieuws_sel {background-image:url(/public/images/nieuws_sel.gif); font-size:18px; color:#210414;}

#menu ul li a.contact_sel {background-image:url(/public/images/contact_sel.gif); font-size:18px; color:#210414;}



/* Geselecteerde knoppen mouse-over */

#menu ul li a.home_sel:hover {background-image:url(/public/images/home_sel_mo.gif); background-position:1px 0px;}

#menu ul li a.aanbod_sel:hover {background-image:url(/public/images/aanbod_sel_mo.gif); background-position:1px 0px;}

#menu ul li a.kennis_sel:hover {background-image:url(/public/images/kennis_sel_mo.gif); background-position:1px 0px; }

#menu ul li a.wwz_sel:hover {background-image:url(/public/images/trainers_sel_mo.gif); background-position:1px 0px;}

#menu ul li a.klanten_sel:hover {background-image:url(/public/images/klanten_sel_mo.gif); background-position:1px 0px;}

#menu ul li a.nieuws_sel:hover {background-image:url(/public/images/nieuws_sel_mo.gif); background-position:1px 0px;}

#menu ul li a.contact_sel:hover {background-image:url(/public/images/contact_sel_mo.gif); background-position:1px 0px;}



/* Content */

#content {

    position:relative;

    float:left;

    width:660px;

    line-height: 1.5em;
}



.home_text {

    float:left;

    width: 438px;

}



.home_text h2 { margin-top:0px; }



.home_img {

    position:relative;

    float:left;

    width:216px;

    height:98px;

    margin:0px 6px 25px 0px;

    border:none;

}



/* Aanbod */

#akb, #aab {

    position:relative;

    float:left;

    width:660px;

    color:#FFF;

    margin-top:-14px;

    margin-bottom: 20px;
    
    line-height: normal;

}



#akb #aanbiedingen, #akb #kennis, #akb #blog,
#aab #actueel, #aab #ad, #aab #bestel, #aab #speakupdear {

    position:relative;

    float:left;

    width:196px;

    height:62px;

    padding:5px 10px 5px 10px;

    margin:0px;

    overflow:hidden;

    font-size:12px;

    border:0px;

}

#aab {
    height: 245px;
}

#aab #actueel, #aab #ad, #aab #bestel, #aab #speakupdear {
    height: 100%;
}

#akb #aanbiedingen { background-color:#b1bb1c; }

#akb #kennis { background-color:#8e244a; margin-left:6px; }

#akb #blog { background-color:#391b01; margin-left:6px; }

#aab #actueel, #aab #speakupdear { background-color: #5e5e5e; }

#aab #ad { background-color: #d9dee4; margin-left:6px; text-align: center; }

#aab #ad img { position: relative; top: 7px; }

#aab #bestel { background-color: #5e5e5e; margin-left:6px; }

#aab #bestel img, #aab #speakupdear img { position: absolute; bottom: 17px; margin-left: 8px; }

#akb h3, #aab h3 { font-size:14px; margin:0px; margin-left:-1px; color:#fff; font-weight:bold; }

#akb a, #aab a { color:#FFF; }
#akb a:hover, #aab a:hover { text-decoration: none; }

#akb #blog a {text-decoration:none; }


#aanbod {

    position:relative;

    width:660px;

    color:#7b797a;

}



#aanbod #trainingen, #aanbod #masterclasses, #aanbod #maatwerk, #aanbod #televisie {

    position:relative;

    float:left;

    width:211px;

    margin:0px;

    padding:0px;

}



#aanbod #trainingen { border-left:5px solid #b1bb1c; }

#aanbod #masterclasses { border-left:5px solid #8e244a; margin-left:6px; }

#aanbod #maatwerk, #aanbod #televisie { border-left:5px solid #391b01; margin-left:6px; }

#aanbod #televisie { margin-top:118px; }



#aanbod h2 { font-size:14px; color:#fff; margin-top:0px; padding:5px; font-weight:bold; }

#aanbod #trainingen h2 { background-color:#b1bb1c; }

#aanbod #masterclasses h2 { background-color:#8e244a; }

#aanbod #maatwerk h2, #aanbod #televisie h2 { background-color:#391b01; }



#aanbod .aanboditem {

    height:165px;

    font-weight:bold;

    padding-left:5px;

}



#aanbod .aanboditem a {color:#7b797a; }

#aanbod .aanboditem img { position:relative; left:-5px; margin:0px; margin-bottom:3px; }


/* Nieuws */
.nieuws_text {

    float:right;

    width:438px;

    height:98px;

}



.nieuws_foto {

    float:right;

    width:438px;

    padding-right:222px;

    height:98px;

}



.nieuws_text div.header, .nieuws_foto div.header { text-align:right; }



.nieuws_text div.header .datum, .nieuws_foto div.header .datum {

    font-size:9px;

}



.nieuws_text div.header .titel, .nieuws_foto div.header .titel {

    font-size:14px;

    color:#bfbf00;

    line-height:1.5em;

}



.nieuws_text div.header .titel a { text-decoration:none; }



.nieuws_img {

    position:relative;

    float:right;

    width:216px;

    margin:0px 0px 6px 6px;

    border:none;

}


.link {color:#210414; text-decoration:none; font-weight:bold; line-height:2em;}

.link:hover {text-decoration:none;}

.nieuwsbrieven { float:left; height:50px; width:125px;}



/* Nieuwsbrief */

#header_nieuwsbrief {

    position:relative;

    left:164px;

    width:660px;

    height:150px;

    background-color:#9d2852;

    color:#ffffff;

    font-size:48px;

    font-weight:bold;

    letter-spacing:0.05em;

    line-height:1.2em;

}



#nb_tekst {

    position:relative;

    margin:0px;

    padding:0px;

    top:-11px;

}



#nieuwsbrief { color:#7b797a; padding:0; margin:0;}



.nieuwsbrief_even { 

    display:table;

    width:660px;

    margin:0;

    padding:0;

    background-color:#9d2852;

    color:#ffffff;

}



.nieuwsbrief_even img { 

    position:relative;

    margin:0;

    margin-right:10px;

    padding:0;

    float:left;

}



.nieuwsbrief_oneven { 

    display:table;

    width:660px;

    margin:0;

    padding:0;

    background-color:#bfbf00;

    color:#ffffff;

}



.nieuwsbrief_oneven img { 

    position:relative;

    margin:0;

    margin-left:10px;

    padding:0;

    float:right;

}



.nieuwsbrief_even h2, .nieuwsbrief_oneven h2 { color:#ffffff; padding-left:10px; padding-right:10px;}

.nieuwsbrief_even p, .nieuwsbrief_oneven p { padding:10px;}



/* Kennis */

#highlights {

    position:relative;

    width:640px;

    padding:10px;

    margin-top:-14px;

    margin-bottom:20px;

    background-color:#391b01;

    color:#FFF;

}



#highlights ul {

    margin:0px;

    padding:0px;

    list-style:none;

}



#highlights a {

    color:#FFF;

    text-decoration:underline;

}



#kennis_left {

    position:relative;

    float:left;

    margin:0px;

    width:216px;

    line-height: normal;
}



#kennis_content {

    position:relative;

    float:left;

    margin:0px;

    width:429px;

    margin-left:15px;

}



#kennis_left #analyses,

#kennis_left #interviews,

#kennis_left #wetenswaardigheden,

#kennis_left #artikelen {

    position:relative;

    padding:5px;

    margin:0px;

    margin-bottom:6px;

    text-align:left;

}



#kennis_left #analyses { background-color:#b1bb1c; }

#kennis_left #interviews { background-color:#8e244a; }

#kennis_left #wetenswaardigheden { background-color:#968367; }

#kennis_left #artikelen { background-color:#391b01; }



#kennis_left h1 { margin:0px; margin-bottom:6px; color:#fff; font-size:14px; font-weight:bold; }

#kennis_left a { color:#fff; text-decoration:none; line-height:1.5em; }

#kennis_left a:hover { text-decoration:underline; }

#kennis_left table { margin:0px; padding:0px; }

#kennis_left table td { vertical-align:top; }

#kennis_left img { position:relative; left:-5px; margin-top:-3px; }



#kennis_content img { position:relative; margin:0px 0px 6px 6px; float:right; }

#kennis_content h2 { margin-top:0px; }



div.analyse {

    position:relative;

    width:660px;

    margin:0 0 -10px 0;

    padding:0 10px 0 0;

}



div.analyse img {

    clear:left;

    float:left;

    margin:0 10px 0 0;

    border:none;

}



.analyse_link {color:#210414; text-decoration:none; font-weight:bold; float:right;}

.analyse_link:hover {text-decoration:none;}



/* Klanten */

#klanten_left {

    position:relative;

    float:left;

    margin:0px;

    width:438px;

}



#klanten_right {

    position:relative;

    float:left;

    margin:0px;

    margin-left:6px;

    width:216px;

}



#klanten_right h1 {

    color:#4a2b0d;

}



.klantquote {

    margin-bottom:30px;

}



.klantquote h4 {

    display:inline;

    color:#8c8a8a;

    font-size:18px;

}



.klantquote a {

    color:#7b797a;

    text-decoration:underline;

}



/* Admin */

#admin_menu {

    position:relative;

    float:left;

    height:300px;

    width:140px;

    margin-right:25px;

}

#admin_menu ul {

    list-style-type:none;

    margin:0px;

    padding:0px;

    padding-left:20px;

}





/* Jaargangen */

#jaargangen a {

    display:block;

    width:650px;

    font-size:14px;

    font-weight:bold;

    color:#ffffff;

    padding:0 5px;

    line-height:28px;

    margin-top:8px;

    margin-bottom:20px;

    text-decoration:none;

}



#jaargangen a.even {

    background-color:#bfbf00;

}



#jaargangen a.oneven {

    background-color:#8e244a;

}



#content table.border {

    border: 1px solid #ccd292;

    border-collapse: collapse;

}



#content table.border tr {

    border: 1px solid #ccd292;

}



#content table.border td {

    border: 1px solid #ccd292;

}



#content table tr.even {

    background-color:#e4e6be;

}



#content table tr.odd {

    background-color:#ffffff;

}



#content table.border td {

    padding:5px;

}

.persoon {
    display: none;
}

.persoon p {
    width: 260px;
    text-align: justify;
}

.formerrors p, form p.error {
    color: red;
}

form table td {
    vertical-align: top;
}