/*
** Last Minute Leiden ~ lml.css
** Author:    Lodewijk Schutte ~ Low
** Purpose:   extra styles for LML
** Last edit: 20080623
*/

/* LML colors */
/*
.lml #top {background-image:url(../images/header_color_lml.gif);}
.lml #top .title, .lml #subnav h3  {background-color:#97b576;}
.lml #content .tip p, .lml .extra .kader {border-color:#97b576;}
*/

.lml #photo {background-image:url(../images/top_lml.jpg);}

#hpage.lml #content {margin-top:55px;}
#hpage.lml #content #etalage {width:960px;height:232px;background:url(../images/lml_masthead_top.jpg) no-repeat;position:relative;}
#hpage.lml #content #primary {width:300px;margin-left:340px;background:url(../images/top_shadow.jpg) 50% 0 no-repeat;}
#hpage.lml #content #secondary {width:300px;margin-left:-620px;background:url(../images/top_shadow.jpg) 50% 0 no-repeat;}
#hpage.lml #content #subnav {margin-top:-25px;background:url(../images/lml_masthead_bottom.jpg) no-repeat;min-height:0;padding:0;width:320px;height:320px;}

#etalage ul, #etalage h1 {position:absolute;z-index:-1;}
#etalage .signup {position:absolute;top:176px;left:600px;width:112px;height:25px;text-indent:-9999px;outline:none}

.home #content p em {display:block;color:#888;margin:.75em 0;}
/*.home #content #secondary .extra {border-right:1px dotted #ccc;margin-bottom:0;padding-bottom:1.5em;}*/


/* Workshops */
#primary.workshops h2 {margin-left:240px;}
#primary.workshops table col.meta {width:230px;}
#primary.workshops table td, #primary.workshops table th {border:3px solid #fff;}
#primary.workshops table th.time {background:#90a763;color:#fff;font-weight:normal;white-space:nowrap;}
#primary.workshops table th.location {background:#fff;color:#999;font-weight:normal;text-align:right;}
#primary.workshops table tr.odd td {background:#efefd7;}
#primary.workshops table tr.even td {background:#efefe8;}

#primary.workshops table a {color:#0c2577;}
#primary.workshops table a:hover {color:#b68f00;}


.programma #primary .vevent {margin:0 0 1.5em 230px;padding-top:1.5em;position:relative;border-top:1px solid #ccc;min-height:4.5em;}
.programma #primary .vevent .meta {position:absolute;width:200px;top:1em;left:-230px;padding:.5em 10px 0;background:#efefd7 url(../images/rc_tl.gif) 0 0 no-repeat;}
.programma #primary .vevent .meta h3 {font-size:1em;line-height:1.5;padding-right:17px;background:url(../images/c_arrow_blue.gif) 100% .3em no-repeat;}
.programma #primary .vevent .meta p {font:.929em/1.462 tahoma,sans-serif;margin:0 0 0 -10px;padding:0 0 .731em 10px;background:url(../images/rc_bl.gif) 0 100% no-repeat;}
.programma #primary .vevent .location {display:block;}
.programma #primary .vevent .description {font:1em/1.5 georgia,serif;margin:0;color:#000;padding:0 10px;}
.programma #primary .vevent.even .meta {background-color:#efefe8;}

.programma #secondary img.opleiding {border:1px solid #ccc;padding:4px;margin-bottom:1.5em;}

/*#hpage.lml #content #primary {background-color:pink;}
#hpage.lml #content #secondary {background-color:silver;}
#hpage.lml #content #subnav {background:lightgreen;}*/

.lml #content .extra p, .lml #content .extra li {font:1em/1.5 georgia,serif;color:#000;}
.lml #content .extra li {background:url(../images/arrow_green.gif) 0 .6em no-repeat;padding-left:15px;}
#content .extra.skt h2 {background:url(../images/icon_skt.gif) 0 0 no-repeat;padding-left:50px;padding-top:20px;}
#content .extra.workshops h2 {background:url(../images/icon_workshops.gif) 0 0 no-repeat;padding-left:50px;padding-top:20px;}
#content .extra.opl h2 {background:url(../images/icon_opl1.gif) 0 0 no-repeat;padding-left:40px;}
#content .extra.links h2 {background:url(../images/icon_links.gif) 0 0 no-repeat;padding-left:50px;}

.lml #content .links ul li {background:none;padding:0;margin-bottom:1.5em;}
#content .extra.links ul li a {display:block;background:url(../images/r_arrow_green.gif) 0 50% no-repeat;padding-left:20px;border:none;color:#b68f00;}
#content .extra.links ul li a:hover {color:#0c2577;}

/* opleidingen */
#primary #opleidingen {border-top:3px solid #caccb4;background:#efefd7;padding:15px;position:relative;margin:0 0 1.5em 0;}
#primary #opleidingen fieldset#selectstudie label {background:url(../images/icon_opl2.gif) 0 0 no-repeat;float:left;text-indent:-9999px;width:45px;height:45px;}
#primary #opleidingen fieldset#selectstudie select {float:left;width:auto;}
#primary #opleidingen a.signup {position:absolute;right:15px;bottom:15px;width:108px;height:23px;background:url(../images/button_signup.gif) no-repeat;outline:none;border:none;text-indent:-9999px;}
#primary #opleidingen h2 {border-top:1px dotted #caccb4;line-height:1.16;padding:.508em 0;}
#primary #opleidingen h3 {font-weight:normal;font-size:1.143em;line-height:1.3125;}
#primary #opleidingen p {margin:0;}
#primary #opleidingen p.location, #primary #opleidingen p.time {margin-bottom:1.5em;}

#opleidingen .intro {float:right;width:194px;padding-left:15px;border-left:2px solid #888;margin-bottom:1.5em;}
#opleidingen .intro p {font:.786em/1.909 tahoma,sans-serif;color:#555;}
#opleidingen .route {margin:0;clear:both;}

#secondary .extra.sil h2 {background-image:url(../images/icon_sil-link.gif);}



/* na afloop evenement */
#hpage.lml #content.finished #etalage {background-image:url(../images/lml_masthead_finished_top.jpg)}
#hpage.lml #content.finished #primary,
#hpage.lml #content.finished #secondary {background:none;}
#content .extra.f1 h2 {background:url(../images/icon_finished_01.gif) 0 0 no-repeat;padding-left:40px;}
#content .extra.f2 h2 {background:url(../images/icon_finished_02.gif) 0 0 no-repeat;padding-left:40px;}