body, td      { font: 12px/14px Arial, Helvetica, sans-serif; color: #000000 }
body          { background-color: #ffffff; margin: 10px; }
form          { margin: 0px; padding:0px }

a, a:visited  { color: #ec008c; text-decoration: none }
a:hover       { text-decoration: underline }

p        { margin: 0px }
ul       { margin: 0px 0px 0px 18px; padding: 0px; list-style-image: url('../img/bullet.gif') }
hr       { height: 1px; border: none; background-color: black; color: black }

H1       { font-size: 16px; margin: 12px 0 }
H4       { font-size: 12px; margin: 8px 0 4px }

#pagecontainer    { vertical-align: top }

#mainheader       { background: url('../img/header.jpg') #8a8b8f no-repeat; height: 163px; width: 900px; margin-bottom: 10px }
#mainnavcol       { background-color: #d1d2d4; width: 155px; font-weight: bold; vertical-align: top }
#mainnavcol .padd { margin: 5px 10px 10px }
#mainnavcol A:visited,
#mainnavcol A     { display: block; margin: 2px 0 2px 9px; color: black; text-decoration: none }
#mainnavcol A.active,
#mainnavcol A:hover { color: #ec008c !important; text-decoration: none }
#gutter1          { background-color: #ffffff; width: 10px }
#maincontentcol   { background-color: #dcddde; width: 465px; vertical-align: top }
#maincontentcol .padd { margin: 3px 10px 15px 15px }

#gutter2          { background-color: #ffffff; width: 10px }
#mainsubnavcol    { background-color: #bcbdc0; width: 260px; vertical-align: top }
#mainsubnavcol .padd { margin: 25px 10px 10px }

DIV.dotline1             { background: url('../img/dotline1.gif') repeat-x; height: 7px; padding: 0; line-height: 0; font-size: 0 }
#mainnavcol DIV.dotline1 { margin-left: 5px; width: 90% }
#mainnavcol #mainmenu    { min-height: 430px }

#submenu          { font-size: 11px; line-height: 11px }
#submenu A:visited,
#submenu A        { display: block; margin: 5px 0 5px 13px; color: #6d6e71; text-decoration: none }
#submenu A.active,
#submenu A:hover  { color: #ec008c; text-decoration: none }

/* producties */
#productieActueel A:visited,
#productieActueel A        { float: left; background-color: white; color: black; font-size: 21px; font-weight: bold; line-height: 32px; margin: 0 26px 26px 0 }
#productieActueel A IMG   { width: 190px; height: 267px; border: none; border: 1px solid #dcddde }
#productieActueel A .dash { display: block; border: 1px dashed #ec008c; width: 190px; height: 267px }
#productieActueel A .padd   { display: block; margin: 24px 8px 0px 16px }
#productieActueel A:hover { text-decoration: none }
#productieActueel A.link:hover { background-color: #ec008c; color: white; cursor: pointer }
#productieActueel A.link:hover .dash { border-color: white }
#productieActueel A.link:hover IMG   { border: 1px solid #ec008c }
#productieActueel SPAN.posterdate    { font-size: 11px; display: block; position: relative; height: 20px; line-height: 20px; width: 192px; border: none; background-color: #dcddde }
#productieActueel A.link:hover SPAN.posterdate  { color: #ec008c }

#productieArchief A:visited,
#productieArchief A        { float: left; background-color: white; color: black; font-size: 11px; font-weight: bold; line-height: 14px; margin: 0 12px 12px 0 }
#productieArchief A IMG   { width: 95px; height: 133px; border: none; border: 1px solid #dcddde }
#productieArchief A .dash { display: block; border: 1px dashed #ec008c; width: 95px; height: 133px }
#productieArchief A .padd   { display: block; margin: 4px 2px 0px 2px }
#productieArchief A:hover { text-decoration: none }
#productieArchief A.link:hover { background-color: #ec008c; color: white;  }
#productieArchief A.link:hover .dash { border-color: white }
#productieArchief A.link:hover IMG   { border: 1px solid #ec008c }


/* news */
#newslist h1        { width: 80px; font-size: 14px; height: 22px; line-height: 22px; background-color: #ec008c; color: white; padding: 0 8px }
#newslist h4        { font-size: 11px; margin: 0 }
#newslist p         { font-size: 11px; margin: 0 }
#newslist .dotline1 { margin: 6px 0; width: 120px }

/* agenda */
#agenda    { font-size: 10px; padding: 5px; background-color: #a7a9ac; margin: 0; font-weight: bold }
#agenda H4 { font-size: 10px; margin: 4px 0 12px }
#agenda A:visited,
#agenda A         { display: inline; line-height: 11px; margin: 0; color: #ec008c }
#agenda A:hover   { color: white }

/* logo's */
A.logos { margin: 10px 6px; float: left }

/* path */
.path                    { font-size: 10px; font-weight: bold; color: black }
.path A, .path A:visited { color: #6d6e71 }
.path A:hover            { color: #ec008c; text-decoration: none }

#submenuright H1           { width: 80px; font-size: 14px; height: 22px; line-height: 22px; background-color: #ec008c; color: white; padding: 0 8px }
#submenuright DIV.dotline1 { width: 60% }
#submenuright A:visited,
#submenuright A            { display: block; font-weight: bold; font-size: 11px; margin-left: 5px; color: black; text-decoration: none }
#submenuright A.active,
#submenuright A:hover      { color: #ec008c !important; text-decoration: none }

/* hide playbar in header video 
div.hideYouTubePlaybar        { width:255px; height:150px;max-height: 150px; overflow:hidden; border:none; background-color:transparent; position:relative; top:0px}
*/

.sociallinks A     { margin: 0 6px 0 0 }
.sociallinks A IMG { margin: 0 }