/*		normal	Tekst
Home		732278
Theater 	c20049
Zakelijk 	6f2173	85288a
organisatie	7d54ac
vvb		1e5abc
welzijn		00bbce  00acbe
ckv		97c130	7ba31a
meerpaal	f68b16
dorpshuizen	6a4500	735210
*/

/* ----- stukje nieuws -------*/
.modNieuws                  { float: left; position: relative; width: 100%; background: transparent url(/images/nieuws_bg.gif) repeat-x scroll left bottom; border: 1px dotted #b6b6b6;  border-width: 0 0 1px 0;  margin: 0.5em 0 1.3em 0; padding-bottom: 1em; }
.modNieuws h2               { display: none; }
.modNieuws ul               { float: left; width: 470px; }
.modNieuws li               { float: left; }
.modNieuws li p             { padding: 0px; margin-top: 0em;}
.modNieuws .RTE             { margin-top: 0em; line-height: 1.4em; }
.modNieuws p                { margin-top: 5.5em; padding: 0px;}
.modNieuws img              { position: absolute; top: 10px; left: 25px; }
.modNieuws .listText        { padding-left: 115px; padding-top: 5px; width: 315px; }
.modNieuws .fastList        { line-height: 1.4em; padding-top: 6px; width: 400px; }
.modNieuws .fastList li     { float: left; line-height: 1.4em;  padding-left: 10px; width: 100%; background: transparent url(/images/list_arrow.gif) no-repeat 0 5px; }
.modNieuws h4               { font-size: 1em; font-weight: bold; padding-bottom: 0px;}


/* ----- slideshow -------*/
.theater .portlet-content    { height:259px;}

/*----- basic lay-out -------*/
#columnContainer  { background: none; }
#mainColumn       { width: 100%; }
.contentColumn    { margin: 0px; }

.portlet-header         { cursor: inherit; }
.portlet-header h2      { font: 1.6em/1.5em normal Arial, verdana; float: left; padding-left: 5px; }
.portlet-header ul      { float: right; padding-top: 0.5em; font-size: 0.9em;}
.portlet-header ul a    { color: #646464;}

#main .portlet-info > h3{ padding: 0.5em 1em 0em 1em; margin: 0px; font-size: 1.2em; line-height: 1em; }
.portlet-info           { padding: 0em;}
.portlet-info > p       { padding: 1em;}

.portlet-links          { float: left; width: 100%; border: 1px dotted #b6b6b6; border-width: 1px 0 0 0; }
.portlet-links ul       { padding: 0 1em 1em 1em; float: left; }
.portlet-links li       { float: left; width: 160px; }
.portlet-links p        { padding: 1em 1em 0 1em;}

.theater .portlet-info              { padding: 0px; cursor: pointer; }
.theater .portlet-info h4           { float: left; font-size: 1.2em;  line-height: 1.4em; }
.theater .portlet-info .date        { font-size: 0.9em; text-align: center; line-height: 1.2em; margin: 1px 13px 0px 0px; padding: 0px; color: #fff; float: left; width: 44px; height: 44px; overflow: hidden; background: transparent url(/images/slideshow_date_bg.gif); }
.theater .portlet-info .date strong { font-size: 1.3em; line-height: 1.2em;}
.theater .portlet-info img          { float: left; padding: 0px; margin: 0px;}

p.drag          { background: transparent url(/images/icon_drag.gif) no-repeat; width: 13px; height: 13px; padding: 0; margin-top: 4px;}
p.drag span     { display: none;}

/* ----- basic portlets JS aanroepen-------- */
.column                     { float: left; width: 425px; margin-left: 18px; } /* ie6 fix */
.portlet                    { float: left; width: 424px; margin: 0.5em; border: 1px solid #b6b6b6; }
.portlet-header             { padding-left: 0.2em; border: 1px solid #fff; height: 38px; overflow: hidden;  }
.portlet-header .ui-icon    { float: right; }
.portlet-header-hover       { cursor: move; }
.ui-icon-hover              { cursor: pointer; }
.portlet-content            { float: left; width: 421px; border: 1px solid #fff; border-width: 0px 1px 1px 1px; background: transparent url(/images/portlets_bg.gif) repeat-x top left;}
.ui-sortable-placeholder    { border: 2px dashed #F7B54A; visibility: visible !important; }
.ui-sortable-placeholder *  { visibility: hidden; }

/* ----- color templates-------- */
.column .theater       { background: transparent url(/images/menuactivetheaterbg.gif) repeat-x scroll left top; }
.column .zakelijk      { background: transparent url(/images/menuactivezakelijkbg.gif) repeat-x scroll left top; }
.column .welzijn       { background: transparent url(/images/menuactivewelzijnbg.gif) repeat-x scroll left top; }
.column .ckv           { background: transparent url(/images/menuactiveckvbg.gif) repeat-x scroll left top; }
.column .servicepunt   { background: transparent url(/images/menuactivevvbbg.gif) repeat-x scroll left top; }
.column .events        { background: transparent url(/images/menuactiveeventsbg.gif) repeat-x scroll left top; }
.column .dorpshuizen   { background: transparent url(/images/menuactivedorpshuizenbg.gif) repeat-x scroll left top; }
.column .organisatie    { background: transparent url(/images/menuactiveorganisatiebg.gif) repeat-x scroll left top; }

.theater a.active	{ color: #c20049; text-decoration: underline; }
.zakelijk a.active	{ color: #6f2173; text-decoration: underline;}
.organisatie a.active	{ color: #7d54ac; text-decoration: underline;}
.servicepunt a.active		{ color: #1e5abc; text-decoration: underline;}
.welzijn a.active	{ color: #00acbe; text-decoration: underline;}
.ckv a.active		{ color: #97c130; text-decoration: underline;}
.events	a.active        { color: #f68b16; text-decoration: underline;}
.dorpshuizen a.active	{ color: #6a4500; text-decoration: underline;}

.theater a	{ color: #c20049; }
.theater a span.artiest { color: #000000; }
.zakelijk a	{ color: #6f2173; }
.organisatie a	{ color: #7d54ac; }
.servicepunt a	{ color: #1e5abc; }
.welzijn a	{ color: #00acbe; }
.ckv a		{ color: #97c130; }
.events	a       { color: #f68b16; }
.dorpshuizen a	{ color: #6a4500; }