/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

              _   _  ___  ____          ___  _____ 
             | | | ||_ _||  _ \        |_ _||_   _|
             | |_| | | | | |_) | _____  | |   | |
             |  _  | | | |  __/ |_____| | |   | |
             |_| |_||___||_|           |___|  |_|
 
   
        (c) Concept, vormgeving, ontwerp en uitvoering
         ~~ HIP-IT BV (Media Laboratory) Amsterdam ~~
           Tel. +31-(0)20-617 02 82, info@hip-it.nl
                        www.hip-it.nl

(c) 1999-2008 HIP-IT Media Produkties BV
(c) Redouan Salmoun

All rights reserved! Alle rechten voorbehouden. Niets uit deze uitgave
mag zonder voorafgaande schriftelijke toestemming van HIP-IT
verveelvoudigd en/of openbaar worden gemaakt!

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@import url('http://stcm.nl/src/global.css');
body{
  background-repeat:repeat-x;
  background-color:#F2F2F2;
  margin:0px;
  padding:0px;
  color:#928D89
}
A:link, A:visited, A:active{
	color:#928D89;
	text-decoration:none
}
A:hover{
	color:#CF0200
}
.w A:link, .w A:visited, .w A:active{
	color:#FFF;
	text-decoration:none
}
.w A:hover{
	color:#FFF;
	text-decoration:underline
}
.r A:link, .r A:visited, .r A:active{
	color:#CF0200;
	text-decoration:none
}
.r A:hover{
	color:#CF0200;
	text-decoration:underline
}
.g{
  color:#a5a5a5
}
.caps{
  text-transform:uppercase
}
/* borders */
.aborder{
	border:1px solid #CBCACA
}
.bborder{
	border-bottom:1px solid #CBCACA
}
.rborder{
	border-right:1px solid #CBCACA
}
.lborder{
	border-left:1px solid #CBCACA
}
.tborder{
	border-top:1px solid #CBCACA
}
.bdborder{
  border-bottom:1px dotted #CBCACA
}
/* margins, paddings en linespacings */
.bmargin{
  margin-bottom:5px
}
.tmargin{
  margin-top:5px
}
.lmargin{
  margin-left:5px
}
.rmargin{
  margin-right:5px
}
.ls5{
  line-height: 0.5cm
}
#facebook_plugin iframe{
  position:relative;
  top:-5px;
  left:-5px;
  border:0px;
  overflow:hidden;
  width:380px;
  height:410px
}
#facebook_plugin{
  width:356px;
  height:350px;
  overflow:hidden;
  border-bottom:10px solid #FFF;
  margin-top:10px;
  background-color:#FFF
} 
/* subglobal mvc dialogs */
#dialogback, #dialog{
  background-image:url('http://stcm.nl/agenda/img/cbg.gif');
  background-color:#E6E6E8;
  background-repeat:repeat-x
}
#dialogpadding, #dialog{
  padding-top:50px;
  padding-left:10px;
  padding-right:10px;
  padding-bottom:10px
}
#dialoginborder, #dialog{
  border:solid 1px #FFF
}
.dialogoutborder{
  padding:5px;
  background:#C07241
}
#overlay{
  background-color:#000
}
/* sprites */
.cp_welkom, .cp_em_contentc, .eventdisplay_map_calcc{
  background:url('http://stcm.nl/agenda/img/spritev.png') repeat-x
}
.ui_c_mid, #places{
  background:url('http://stcm.nl/agenda/img/spriteh.png') repeat-y
}
#header, #footer, .button, .cp_tab_1, .cp_tab_2, .cp_tab_3, .cp_tab_4, .ui_c_t, .ui_c_s, .ui_c_m, .ui_c_n, .ui_c_l, .ui_c_top, .ui_c_bot, .places_footer, .places_bit_arrow, .cp_contact_del, .cp_contact_add, .cp_welkom_icon, .biz_ui_nbtn, .biz_ui_nbtn_o, .cp_em_nav, .cp_em_type, .cp_em_cat, .tbh_big, .alert, .cp_em_old_titel, .cp_em_contact_twitter, .cp_em_contact_twitter_a, .cp_em_contact_facebook, .cp_em_contact_facebook_a, .cp_em_contact_tel, .cp_em_contact_tel_a, .cp_em_contact_route, .cp_em_contact_route_a, .eventsdisplay_content_venue, .eventsdisplay_content_tijd, .eventdisplay_tabc, .eventdisplay_tab1, .eventdisplay_tab2, .eventdisplay_tab3, .eventdisplay_tab4, .eventdisplay_tab1a, .eventdisplay_tab2a, .eventdisplay_tab3a, .eventdisplay_tab4a, .eventdisplay_box_locatie_button, .eventdisplay_info_contact_bit_email, .eventdisplay_info_contact_bit_web, .eventdisplay_info_contact_bit_tel, .pagenumstatic, .pagenum A:link, .pagenum A:visited, .pagenum A:active, .pagenumajax, .pagenum A:hover, .pagenumajax:hover, .eventdisplay_map_calc_header_right, .contentleft_bg_top, .contentleft_bg_btm, .eventdisplay_map_balloon_print, .eventdisplay_map_balloon_bereken, .addthis_button_facebook, .addthis_button_twitter, .addthis_button_email, .addthis_button_print, .add_button_agenda, .addthis_button_compact, .socmedia{
  background:url('http://stcm.nl/agenda/img/sprite.png') no-repeat
}
.button{
  background-position:-560px -187px;
  text-align:center;
  height:32px;
  width:130px;
  font-weight:bold;
  color:#FFF
}
/* start mainpagina */
#main{
  position:relative;
  width:990px;
  margin:0px auto;
  overflow:hidden
}
#header{
  background-position:-10px -608px;
  width:990px;
  height:125px
}
#footer{
  background-position:-10px -743px;
  width:970x;
  padding:10px;
  height:145px;
  margin-top:50px
}
.footer_copy{
  padding-top:110px
}
#titelbalk{
  height:95px;
  margin-bottom:10px
}
#slideshow{
  width:990px;
  height:240px;
  margin-bottom:10px
}
#contentleft{
  width:644px;
  margin:0px 10px 10px 0px
}
.contentleft_bg_btm, .contentleft_bg_top{
  width:644px;
  height:10px
}
.contentleft_bg_top{
  background-position:-10px -432px
}
.contentleft_bg_btm{
  background-position:-10px -452px
}
#contentright{
  width:336px;
  overflow:hidden;
  margin-bottom:10px
}
#content{
  background:#fff;
  padding:5px 15px 5px 15px
}
.tbh_big{
  width:606px;
  height:23px;
  padding:8px 0px 0px 8px;
  background-position:-355px -234px
}
.alert{
  background-position:-952px -63px;
  padding:3px 0px 0px 25px;
  min-height:18px
}
/* cp */
.cp_tab_1, .cp_tab_2, .cp_tab_3, .cp_tab_4{
  width:120px;
  height:30px;
  float:left
}
.cp_tab_1_a{
  background-position: -10px -10px
}
.cp_tab_1_o{
  background-position: -10px -80px
}
.cp_tab_1_i{
  background-position: -10px -45px
}
.cp_tab_2_a{
  background-position: -135px -10px
}
.cp_tab_2_o{
  background-position: -135px -80px
}
.cp_tab_2_i{
  background-position: -135px -45px
}
.cp_tab_3_a{
  background-position: -260px -10px
}
.cp_tab_3_o{
  background-position: -260px -80px
}
.cp_tab_3_i{
  background-position: -260px -45px
}
.cp_tab_4_a{
  background-position: -385px -10px
}
.cp_tab_4_o{
  background-position: -385px -80px
}
.cp_tab_4_i{
  background-position: -385px -45px
}
/* autocomplete venue's */
#places{
  background-position:-415px 0px
}
#placesc{
  width:410px;
  position:absolute;
  filter:alpha(opacity='90');
  -moz-opacity:0.9;
  opacity:.9;
  khtml-opacity:.9
}
.places_bit_arrow{
  background-position:-514px -156px;
  margin:8px 5px 0px 10px;
  width:4px;
  height:8px
}
.places_bit_headline{
  width:387px;
  padding:3px 2px 3px 2px
}
.places_footer{
  width:410px;
  height:20px;
  background-position:-560px -152px
}
/* forms */
input{
  font-family:Arial, Tahoma;
  font-size:12px;
  padding:4px;
  border-top:1px solid #C6C6C4;
  border-right:1px solid #e7e7e9;
  border-bottom:1px solid #e7e7e9;
  border-left:1px solid #C6C6C4;
  width:140px;
  margin:0px;
  color:#999
}
textarea{
  font-family:Arial, Tahoma;
  font-size:12px;
  padding:4px;
  border-top:1px solid #C6C6C4;
  border-right:1px solid #e7e7e9;
  border-bottom:1px solid #e7e7e9;
  border-left:1px solid #C6C6C4;
  color:#999
}
select{
  font-family:Arial, Tahoma;
  font-size:12px;
  padding:3px;
  margin:0px;
  border-top:1px solid #C6C6C4;
  border-right:1px solid #e7e7e9;
  border-bottom:1px solid #e7e7e9;
  border-left:1px solid #C6C6C4;
  color:#999
}
.ui_text{
  width:150px;
  padding:8px 0px 15px 0px
}
.ui_text_hnr{
  width:96px;
  padding:8px 0px 15px 32px
}
.ui_text_plaats{
  width:61px;
  padding:8px 25px 15px 0px
}
.ui_text_nummer{
  width:84px;
  padding:8px 25px 15px 0px
}
/* textveld containers */
.ui_c_t{
  width:41px;
  height:24px;
  padding:4px;
  background-position:-375px -152px
}
.ui_c_s{
  width:67px;
  height:24px;
  padding:4px;
  background-position:-429px -152px
}
.ui_c_m{
  width:114px;
  height:24px;
  padding:4px;
  background-position:-10px -152px
}
.ui_c_n{
  width:225px;
  height:24px;
  padding:4px;
  background-position:-137px -152px
}
.ui_c_l{
  width:402px;
  height:24px;
  padding:4px;
  background-position:-10px -115px
}
.ui_c_top{
  width:410px;
  height:5px;
  background-position:-10px -189px
}
.ui_c_bot{
  width:410px;
  height:5px;
  background-position:-10px -205px
}
.ui_c_mid{
  padding:0px 4px 0px 4px;
  width:402px
}
.ui_t{
  width:31px;
  height:14px;
  padding:4px
}
.ui_s{
  width:57px;
  height:14px;
  padding:4px
}
.ui_m{
  width:104px;
  height:14px;
  padding:4px
}
.ui_n{
  width:215px;
  height:14px;
  padding:4px
}
.ui_l{
  width:392px;
  height:14px;
  background:#FFF;
  padding:4px;
  margin:0px
}
.ui_dd_t{
  width:41px;
  height:24px;
  padding:2px 2px 2px 0px;
}
.ui_dd_s{
  width:67px;
  height:24px;
  padding:2px 2px 2px 0px;
}
.ui_dd_m{
  width:114px;
  height:24px;
  padding:2px 2px 2px 0px;
}
.ui_dd_n{
  width:225px;
  height:24px;
  padding:2px 2px 2px 0px;
}
.ui_sep{
  padding:8px 4px 0px 4px
}
.ui_txtarea{
  width:392px;
  padding:4px
}
.cp_ade{
  margin-top:10px;
  padding-left:1px
}

/* contact telefoon */
.cp_contact_add{
  width:32px;
  height:32px;
  margin-left:5px;
  background-position:-429px -189px
}
.cp_contact_del{
  width:32px;
  height:32px;
  margin-left:5px;
  background-position:-472px -189px
}
/* fieldsets */
form fieldset{
  margin-top:20px;
  border-top: 1px solid #C7C7C7;
  border-right: 0px;
  border-bottom: 0px;
  border-left: 0px;
}
form fieldset legend{
  margin-bottom:15px;
  font-family:Arial, Tahome, Verdana;
  text-transform:uppercase;
  font-size:9px;
  color:#2187B5
}
/* welkom */
.cp_welkom{
  margin-top:20px;
  padding:10px 0px 0px 10px
}
.cp_welkom_icon{
  width:60px;
  height:80px;
  background-position:-515px -10px;
}
.cp_welkom_text{
  padding:10px;
  width:522px
}
/* biz drop */
#biz_checkbox_c{
  width:176px
}
#biz_droplist_c{
  width:225px
}
.biz_ui_nbtn{
  width:153px;
  height:32px;
  background-position:-10px -220px
}
.biz_ui_nbtn_o{
  width:153px;
  height:32px;
  background-position:-172px -220px
}
.biz_checkbox{
  margin:1px 1px 0px 1px
}
.biz_checkbox_txt{
  position:relative;
  top:-3px;
  left:2px
}
/* nieuw event */
#conditionsdiv{
  margin-bottom:20px
}
.conditionstext{
  height:80px;
  overflow-y:scroll
}
.agreediv{
  width:456px
}
/* events manager */
.cp_em_navc{
  width:99px;
  margin-bottom:15px
}
.cp_em_nav{
  background-position:-981px -3px;
  background-color:#F3F2F2;
  padding:4px 0px 4px 10px;
  border-top:1px solid #fff;
  border-left:1px solid #fff
}
.cp_em_contentc{
  background-position:0px -160px;
  width:492px;
  padding:10px;
  margin-bottom:15px
}
.cp_em_content_left{
  width:245px;
  margin-top:10px
}
.cp_em_content_right{
  width:247px;
  margin-top:10px
}
.cp_em_content_thumb{
  margin-right:5px
}
.cp_em_content_thumbi{
  border:1px solid #FFF;
  background-position:50% 50%;
  width:78px;
  height:78px
}
.cp_em_type, .cp_em_cat{
  width:100px;
  height:14px;
  padding:0px 0px 0px 45px;
  margin-bottom:5px
}
.cp_em_date{
  margin-bottom:15px
}
.cp_em_type{
  background-position:-928px -41px;
}
.cp_em_cat{
  background-position:-928px -22px;
}
.cp_em_legend{
  margin:0px
}
.cp_em_fieldset{
  margin:0px;
  padding:0px 10px 5px 10px;
  font-family:Arial, Tahome, Verdana;
}
.cp_em_statc{
  width:225px;
  padding:4px 0px 4px 2px
}
.cp_em_stat_left{
  width:120px
}
.cp_em_stat_right{
  width:105px
}
.cp_em_old_titel{
  background-position:-975px -1px;
  width:440px;
  padding:5px 5px 5px 15px
}
.cp_em_old_datum{
  width:120px;
  padding:5px
}
.cp_em_old_del{
  padding:4px;
  width:5px
}
/* pagenums */
.pagenav{
  margin:10px 0px 20px 0px
}
.pagenumstatic{
	color:#298AB4;
	background-position:-625px -75px;
	margin:0px;
	width:20px;
	padding:7px 8px 8px 8px;
	text-decoration:none;
	text-align:center
}
.pagenum A:link, .pagenum A:visited, .pagenum A:active, .pagenumajax{
	color:#666;
	background-position:-595px -75px;
	margin:0px;
	width:20px;
	padding:7px 8px 8px 8px;
	text-decoration:none;
	text-align:center
}
.pagenum A:hover, .pagenumajax:hover{
	color:#FFF;
	background-position:-655px -75px;
	margin:0px;
	width:20px;
	padding:7px 8px 8px 8px;
	text-decoration:none;
	text-align:center
}
.cp_em_contact_twitter, .cp_em_contact_twitter_a, .cp_em_contact_facebook, .cp_em_contact_facebook_a, .cp_em_contact_tel, .cp_em_contact_tel_a, .cp_em_contact_route, .cp_em_contact_route_a{
  width:20px;
  height:20px;
  margin:5px 5px 0px 0px
}
.cp_em_contact_twitter{
  background-position:-618px -10px;
}
.cp_em_contact_twitter_a{
  background-position:-618px -40px;
}
.cp_em_contact_facebook{
  background-position:-593px -10px;
}
.cp_em_contact_facebook_a{
  background-position:-593px -40px;
}
.cp_em_contact_tel{
  background-position:-643px -10px;
}
.cp_em_contact_tel_a{
  background-position:-643px -40px;
}
.cp_em_contact_route{
  background-position:-669px -10px;
}
.cp_em_contact_route_a{
  background-position:-669px -40px;
}
.eventsdisplayc{
  border-bottom:1px solid #D4D4D4;
}
.eventdisplay_date{
  border-radius:3px;
  color:#FFF;
  width:100px;
  height:100px;
  margin:10px 5px 0px 0px
}
.eventdisplay_date_d, .eventdisplay_date_m{
  text-align:right;
}
.eventdisplay_date_d{
  margin:0 5px 0 20px;
  font-size:60px;
  line-height:20px
}
.eventdisplay_date_m{
  margin:0 5px 0 20px;
  font-size:25px;
  line-height:50px
}
.eventdisplay_date_w{
  position:relative;
  top:35px;
  left:-40px;
  width:100px;
  height:20px;
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg)
}
.eventsdisplay_thumb, .eventdisplay_thumb{
  border:1px solid #D4D4D4;
  margin:10px 10px 10px 0px
}
.eventsdisplay_thumbi, .eventdisplay_thumbi{
  width:128px;
  height:88px;
  border:5px solid #FFF;
  background-position:50% 50%;
  background-repeat:no-repeat
}
.eventsdisplay_content{
  width:359px;
  margin:10px 0px 5px 0px
}
.eventsdisplay_content h1{
  margin:0px 0px 5px 0px;
  font-weight:normal;
  font-size:24px
}
.eventdisplay_content h1{
  margin:0px 0px 15px 0px;
  font-weight:normal;
  font-size:28px
}
.eventsdisplay_content_tijd, .eventsdisplay_content_venue{
  padding-left:18px;
  margin-left:5px
}
.eventsdisplay_content_tijd{
  background-position:-953px -185px 
}
.eventsdisplay_content_venue{
  width:145px;
  height:16px;
  overflow:hidden;
  background-position:-953px -88px
}
#gmapc{
  width:612px;
  height:600px
}
.eventdisplay_tabc{
  background-position:-355px -274px;
  width:614px;
  height:32px;
  margin-bottom:5px
}
.eventdisplay_tab1, .eventdisplay_tab2, .eventdisplay_tab3, .eventdisplay_tab4, .eventdisplay_tab1a, .eventdisplay_tab2a, .eventdisplay_tab3a, .eventdisplay_tab4a{
  width:101px;
  height:32px
}
.eventdisplay_tab1{
  background-position:-10px -548px
}
.eventdisplay_tab1a{
  background-position:-10px -491px
}
.eventdisplay_tab2{
  background-position:-121px -548px
}
.eventdisplay_tab2a{
  background-position:-121px -491px
}
.eventdisplay_tab3{
  background-position:-230px -548px
}
.eventdisplay_tab3a{
  background-position:-230px -491px
}
.eventdisplay_tab4{
  background-position:-340px -548px
}
.eventdisplay_tab4a{
  background-position:-340px -491px
}
.eventdisplay_map_balloon_titel{
  width:180px;
  margin:15px 10px 10px 0px
}
.eventdisplay_map_balloon_print{
  background-position:-692px -81px;
  width:15px;
  height:15px;
  margin:15px 10px 0px 0px
}
.eventdisplay_map_balloon_bereken{
  background-position:-708px -10px;
  margin:10px 10px 0px 0px;
  width:106px;
  height:20px
}
.eventdisplay_map_balloon_thumb{
  margin-right:10px
}
.eventdisplay_map_balloon_thumbi{
  border:1px solid #FFF;
  background-position:50% 50%;
  width:78px;
  height:78px
}
.eventdisplay_map_calc_header_left{
  width:538px
}
.eventdisplay_map_calc_header_right{
  background-position:-708px -43px;
  width:68px;
  height:16px
}
.eventdisplay_map_calcc{
  background-position:0px -160px;
  padding:10px
}
.eventdisplay_map_calcc{
  background-position:0px -160px;
  padding:10px
}
.eventdisplay_content{
  width:452px;
  margin:10px 0px 5px 0px
}
.eventdisplayc{
  padding-bottom:10px;
  margin-bottom:10px
}
.eventdisplay_box{
  margin-top:20px;
  background-position:0px -160px;
  width:292px;
  padding:10px 0px 0px 10px;
  overflow:hidden
}
.eventdisplay_info_contact_bit_email, .eventdisplay_info_contact_bit_web, .eventdisplay_info_contact_bit_tel{
  padding-left:50px;
  margin-top:10px
}
.eventdisplay_info_contact_bit_email{
  background-position:-929px -341px;
}
.eventdisplay_info_contact_bit_tel{
  background-position:-929px -361px
}
.eventdisplay_info_contact_bit_web{
  background-position:-929px -321px
}
.eventdisplay_info_contact_bit_tel_data{
  width:140px;
  overflow:hidden
}
.eventdisplay_box_locatie_naw{
  width:202px;
  margin-right:5px;
  overflow:hidden
}
.eventdisplay_box_locatie_button{
  background-position:-705px -324px;
  width:85px;
  height:85px
}
#addthis_toolbox_container{
  width:582px;
  position:relative;
  top:-26px;
  height:32px;
  overflow:hidden
}
.addthis_toolbox{
  display:none;
  position:relative;
  left:308px;
  z-index:1
}
.addthis_button_facebook, .addthis_button_twitter, .addthis_button_email, .addthis_button_print, .add_button_agenda, .addthis_button_compact{
  height:32px;
  width:32px;
  overflow:hidden
}
.addthis_button_facebook{
  background-position:-825px -322px
}
.addthis_button_twitter{
  background-position:-825px -362px
}
.addthis_button_email{
  background-position:-825px -563px
}
.addthis_button_print{
  background-position:-825px -524px;
  margin-right:36px
}
.add_button_agenda{
  display:none;
  background-position:-867px -322px;
  position:relative;
  left:484px;
  top:-26px;
  z-index:2
}
.addthis_button_compact{
  background-position:-825px -483px
}
/* userspace */
.userspace_out, .userspace_in, .userspace_em{
  background:url('http://stcm.nl/agenda/img/userspace.png');
  margin-bottom:10px
}
/* logged out */
.userspace_out{
  background-position:-10px -10px;
  width:306px;
  height:145px;
  padding:15px
}
.userspace_out_login, .userspace_out_register{
  width:153px;
  height:34px;
  margin-top:85px
}
/* logged in */
.userspace_in{
  background-position:-10px -195px;
  width:336px;
  height:175px;
}
.userspace_in_welkom, .userspace_em_welkom{
  width:145px;
  height:62px;
  padding:24px 15px 0px 176px
}
.userspace_in_bit, .userspace_em_bit{
  width:225px;
  height:21px;
  padding:5px 0px 0px 23px
}
.userspace_in_bit_stat{
  width:65px;
  height:21px;
  padding:5px 23px 0px 0px
}
.userspace_in_loguit{
  margin:15px 0px 0px 245px;
  width:85px;
  height:34px
}
/* logged in em */
.userspace_em{
  background-position:-10px -380px;
  height:240px
}
.userspace_em_bit_stat{
  width:73px;
  height:21px;
  padding:5px 15px 0px 0px
}
.userspace_em_loguit{
  margin:10px 0px 0px 245px;
  width:85px;
  height:34px
}

/* ads */
#ad-leader-atf, #ad-rec-atf, #ad-sky-atf{
  line-height:0;
  background-color:#f4f4f0;
  display:table-cell;
  vertical-align:middle;
  text-align:center
}

#ad-rec-atf{
  width:336px;
  height:280px;
  margin-top:10px
}
#ad-leader-atf{
  width:728px;
  height:90px;
  position:absolute;
  top:16px;
  left:260px
}
.eventdisplay_468{
  margin-top:5px;
  padding:0px 5px 5px 73px
}
/* social media */
.socmedia{
  background-position:-10px -273px;
  width:336px;
  height:65px
}
.socmedia_facebook, .socmedia_google{
  width:98px;
  padding:37px 0px 0px 12px
}
.socmedia_twitter{
  width:96px;
  overflow:hidden;
  margin-right:10px;
  padding:37px 0px 0px 10px
}