/* Mediamind stylesheet, algemeen
 * Version: $Id: mediamind.css,v 1.9 2010/05/25 09:16:02 telnotap Exp $
 */

/* zie ook opmerking bij H1 #beginInhoud*/
.noCss {
  display: none;
}

/*  toevoeging van Juan, voor een hidden div */
#hidden {
  visibility: hidden;
}

/*  toevoeging, voor grijs randje bovenaan pagina */
#grijzebovenrand {
  position: absolute; display: block;
  width: 979px; height: 4px; 
  background-image : url(../gfx/grijstop.gif);
  top: 4px; left: 6px;
  z-index: 555;
}

/* voor het identificeren van de pagina, identificatie voor de properties in de editwizzard en het vergroten/verkleinen voor de leesbaarheid */
#frame {
  width: 100%;
  padding : 0px;
  margin: 0;
}

.opties {  
  position: absolute; display: block;
  right: 15px; top: 99px; width: 10%;
  color: #872200;
  margin: 0px;
  padding: 0px;
  text-align : right;
}

.opties a,  .opties a:active, .opties a:link {  
  color: #872200;
  font-size : 1.0em;
  font-weight : bold;
  font-style : italic;
  margin: 0px;
  padding: 0px;
  text-align : right;  
}

/*   pagina te centreren */
#sitecontainer {
  background: url(../gfx/bg-body-repeat.gif) repeat-y 0 0;
  margin : 0px auto;
  position : relative;
  width: 1073px;
  padding: 0;
  height: 1%;  
}

/*  algemene pagina definities */
body {
  background: #ef4a6c url(../gfx/bg-body.gif) no-repeat top center;  
  font-family: Arial, Helvetica, sans-serif;
  margin: 0px;
  padding: 0px;  
}

/*  foutmelding bij e-mailprocessing*/
.foutmelding {
  color: #D00021;
  font-weight : bold;
}

.homepage {
  height : 490px;
  width: 600px;
  margin: 0px;
  padding: 0px; 
}

.flashobject {
  outline: none;
}

/*  list definities */
ul {  
  margin: 0px;
  padding: 0px;
  list-style: none;
}

li p {
  font-weight : normal;
  margin : 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

ul.attachments {
  margin: 20px 0;
}

/* links in the site   */
a, a:active, a:link, a:visited {
  color: #E2007A; font-weight: bold;
  text-decoration: none;
  outline: none;
}

a:hover {
  color: #E2007A;
  text-decoration: underline;
}

a.download {
  display:block;
}

.hierbenik {
  color: #9933CC;
  text-decoration: underline;
}

#inhoud .leesmeer {
  color: #e7008a;
  font-size: 12px;
  font-weight: normal;
}

form label {
  width: 100px;
  display: block;
  height:  24px;
  font-weight: bold;
}

input {
  padding: 4px;
  height:  16px;
  border: 1px solid #e1e1e1;
  width: 285px;
}

input.radiopoll {
  padding: 4px;
  height:  16px;
  border: 1px solid #e1e1e1;
  width: 30px;
}

textarea {
  padding: 4px;
  font: 12px/14px Arial, Helvetica, sans-serif;
  border: 1px solid #e1e1e1;
  width: 285px;
}

input#action {
  background:transparent url(../gfx/btn-stem.gif) repeat-x scroll 0 0;
  border:0 none;
  color:#FFFFFF;
  cursor:pointer;
  display:block;
  font-size:12px;
  font-weight:bold;
  height:26px;
  overflow:hidden;
  padding-bottom:12px;
  text-transform:uppercase;
  width:89px;
}

fieldset {
  border: none;
}

.leesmeer {
  color: #e7008a;
  font-size: 12px;
  font-weight: normal;
}

/*  Kop HOMEPAGE */
#logo_homepage {
  background : url(../gfx/header_hzhome.jpg);
  background-repeat : no-repeat;
  color: #cccccc;
  display: none;
  font-size: 1.2em;
  font-weight: bold;
  height : 84px;
  margin-right : 0px;
  width: 993px;
  padding: 0px;
  border: 1px dotted red;
}

/*  Kop HOMEPAGE ROLLOVER*/
#logo_hpage a {
  background : url(../gfx/header_hzhome.jpg);
  display: block;
  height : 84px;
  margin-left : 0px;
  padding: 0px;
  vertical-align: top;
  width: 993px;
}

#logo_hpage a:hover {
  background : url(../gfx/header_hzhome_over.jpg);
  display: block;
  height : 84px;
  margin-left : 0px;
  padding: 0px;
  vertical-align: top;
  width: 993px;
}

/*  Kop vervolgpagina ROLLOVER*/
#logo {
  display: block; 
  background : url(../gfx/bg-header.gif);
  width: 980px; height: 208px;
  z-index: 100;
}

#logo a {
  display: block;
  height : 84px;
  margin-left : 0px;
  padding: 0px;
  vertical-align: top;
}

#logo a:hover {
  display: block;
  height : 84px;
  margin-left : 0px;
  padding: 0px;
  vertical-align: top;
  width: 260px; height: 141px;
}

/* linkernavigatie   */
#hoofdnavigatie {
  display: block;
}

ul#hoofdnavigatie li {  
  float: left;
}

ul#hoofdnavigatie li a span {
  display: none;
}

ul#hoofdnavigatie li a {
  display: block;
}

/*ul#hoofdnavigatie li a:hover, */
ul#hoofdnavigatie li.hierbenik a {
  background-position: 0px -57px;
  color: #F4811F;
  text-decoration: none;
}

/*  menugrijs, menut items andere kleur/maat */
ul#hoofdnavigatie li#nav8 a, ul#hoofdnavigatie li#nav9 a, ul#hoofdnavigatie li#nav10 a {
  background-position: 0px -114px;
  color: #656566;
  line-height : 35px;
  text-align: left; text-indent: 15px;
  height: 45px;
}

ul#hoofdnavigatie li#nav1 a {
  background : url(../gfx/nav1.gif);
  height:89px;
  width:105px;
  margin-top: 44px;
}
ul#hoofdnavigatie li.hierbenik#nav1 a { background-position: 0px -89px; }

ul#hoofdnavigatie li#nav2 a {
  background : url(../gfx/nav2.gif);
  height:68px;
  width:222px;
  margin-top:52px;
}
ul#hoofdnavigatie li.hierbenik#nav2 a { background-position: 0px -68px; }

ul#hoofdnavigatie li#nav3 a {
  background : url(../gfx/nav3.gif);
  height:55px;
  width:113px;
  margin-top:38px;  
}
ul#hoofdnavigatie li.hierbenik#nav3 a { background-position: 0px -55px; }

ul#hoofdnavigatie li#nav4 a {
  background : url(../gfx/nav4.gif);
  height:63px;
  width:175px;
  margin-top: 17px;  
}
ul#hoofdnavigatie li.hierbenik#nav4 a { background-position: 0px -63px; }

ul#hoofdnavigatie li#nav5 a {
  background : url(../gfx/nav5.gif);
  height:58px;
  width:138px;
}
ul#hoofdnavigatie li.hierbenik#nav5 a { background-position: 0px -58px; }

/* overige navigatie   */
.volgendepagina, .vorigepagina {
  font-size: 0.7em;
  font-weight : bold;
  margin : 0px 0px 10px 0px;
  padding : 0px 0px 5px 0px;
  width: 500px;
  text-indent : 100px;
}

/* paginainhoud   */
#inhoud {
  display: block; 
  position: relative;
  color: #370004;
  table-layout : fixed;
  min-height: 600px; /*werkt alleen onder firefox*/
  margin: 0 0 0 0;
  padding: 0 45px 30px 38px;  
  text-align: left; 
  vertical-align: top; 
  width: 575px;
  float: left;
  display: inline;
}

/*  let op hier even een hele nare IE 6 hack */
#linkernavigatie {
  margin: -53px 0 0 0;
  height:  155px;
  z-index: 400;
}

* html body #hoofdnavigatie { margin-right: 5px; }  

/* 
alleen oudere versies van IE (voor 7 ) pakken dit: * html body
andere browsers negeren dit. normaal is html het hoogste element in de dom
bij de oudere versies is er dus nog iets boven, naar doch erg handig
*/
/*  /einde nare IE 6 hack */

.flash_base #inhoud {
  background-image : url(../gfx/dummy.jpg);
  margin-top: 11px;
  margin-left: -3px;
  margin-right:  0px;
  margin-bottom: 0px;
  padding: 0px;
  width: 520px;
}

.flash_base_homepage  {
  height : 490px;
  margin-top: 0px;
  margin-left: 0px;
  margin-right:  0px;
  margin-bottom: 0px;
  padding: 0px;
  width: 520px;
  z-index: 5000;
}

/* tekstkoppen    */

/*  anker voor gebruikers die om een of andere reden geen stylesheet gebruiken, identificatie om meteen naar de eerste kop te springen om de content vd pagina weer te geven  */
h1 {
  margin-top: 0px;
  font-size: 1.4em;
  padding : 0px;
}

h1 a:link, h1 a:visited  {
  text-decoration: none;
}

.content h1 {
  font-size: 1.0em;
}

h1#beginInhoud, h1 {
  display: block; 
  position: relative;
  width: 516px;
  color: #000;
  font: 30px/32px Arial, Helvetica, sans-serif;  
  overflow: hidden;
  margin:0 0 5px 0;
}

.quiz .quiz h1#beginInhoud {
  background:  url(../gfx/h1-quiztekst.gif) no-repeat top left; 
  overflow: hidden;
  width: 437px;
  padding-top: 53px;
  height: 0; 
  margin-bottom:  20px;
}

h2 {
  font-size: 1.3em;
  margin-top: 0px;
  padding : 0px;
}

h3 {
  margin-top:0px; 
  margin-bottom: 0px;
  margin-left: 0px;
  padding : 0px;
}

h4 {  
  font-size: 1.1em;
  margin-top: 0px;
  padding : 0px;
}

h5 {  
  font-size: 1.0em;
  margin-top: 0px;
  padding : 0px;
}

h6 {
  font-size: 0.9em;
  margin-top: 0px;
  margin-bottom: 3px;
  padding : 0px;
}

/* twitter   */


.twitter #forumfeed h3 {
  background: url(../gfx/h3-twitter.gif) no-repeat top left;
  height:  33px;
  width:  270px;
  text-indent: 271px;
  overflow: hidden;
  margin-bottom: 10px;
}

.rssitem h4 {
  background-color: #fff;
  margin: 0;
  padding: 8px 8px 0 8px
}

.rssitem span {
  colo: #999;
  font-size: 10px;
  padding: 8px 8px 8px 8px  
}

.rssitem h4 a {
  color: #333;
  font-size: 14px;
  font-weight: normal;
}

.rssitem span {
  background-color: #fff;
  display: block;
}

/* hyves   */
.hyves h3 {
  background: url(../gfx/h3-hyves.gif) no-repeat top left;
  height:  0;
  padding-top: 45px;
  width:  320px;
  text-indent: 378px;
  overflow: hidden;
  margin:0 -30px 25px -20px;
}
.quiz #inhoud .quiz h1#beginInhoud .sIFR-flash,  
#extrainhoud .twitter h3 .sIFR-flash, 
#extrainhoud .hyves h3 .sIFR-flash {
  visibility:  hidden !important;
  display: none !important;
}

/* teksten */
p.intro {
  font-size: 18px; 
  line-height: 24px;
  font-weight: bold;
  margin-bottom : 20px;
  padding-bottom : 5px;
  color: #6d1f80;
  width:auto;
}

.quiz #inhoud p {
  padding-right:  45px;
}

.quiz #inhoud {
  padding-left: 25px;
  padding-right: 0;
  width: 634px;
}

p {
  font-size: 12px; 
  line-height: 19px;
  margin: 0px;
  padding: 0px;
  padding-bottom: 23px;
  color: #666;
  width:expression(document.body.clientWidth > 520? "520px": "auto" );
}

.tekst p {
  width:auto;
  max-width:none;
}

#extrainhoud p {
  padding-bottom: 5px;  
}

/*  voor pagina onderdelen die qua inhoud duidelijk bij elkaar horen, kan apart vormgegeven worden, zie templates waar ze voorkomen */
.paginaelement {
  clear: both;
  margin-top: 4px;
  margin : 0px 0px 3px;
}

.paginaelement.tekst h3 {
  color: #6d1f80;
  font-weight:normal;
}

.paginaelement h3 a {
 color: #6d1f80;
 font-size: 18px;
}

.paginaelement.stream {
  margin: 20px 0px 30px 0px;
  font-size: 0.9em;
  width: 500px;
}

.paginaelement.stream p {  
  font-weight: normal;
  margin-left: 109px;
}

.paginaelement.episode {
  margin: 0px;
  margin-bottom: 15px;
  padding : 0px;
}

.paginaelement.episode h4 {
  font-size: 1.0em;
  margin: 0px;
  padding : 0px;
  text-decoration : underline;
}

.paginaelement.episode p.intro {  
  font-size: 0.8em;
  font-weight : normal;
  margin: 0px;
  padding : 0px;
}

.paginaelement.episode li {  
  font-size: 0.9em;
  font-weight : bold;
  margin: 0px;
  margin-bottom : 5px;
  padding : 0px;
}

 .paginaelement.article {
  position: relative;
  padding: 0 0 0 220px;
  margin-bottom: 30px;
  width: 340px;  
}

.paginaelement.article h3 {
  margin-bottom: 5px;  
}

.paginaelement.article p.intro {
  font-size: 12px;
  line-height: 19px;
  font-weight: normal;
  color : #666;
  margin-bottom: 3px;
}

.paginaelement.article .meta {
  display: inline-block;
  margin-bottom: 10px;
}
 
.paginaelement.article .date {
  display: inline-block;
  font-size: 12px;
  color: #999;
}

.paginaelement.poll h4 {
  margin: -20px 0 0 0;
  padding : 0px;
}

/* rechternavigatie   */

/* IE */
#extrainhoud {
  background:#f7f7f7 url(../gfx/img-camera.jpg) bottom right no-repeat;
  position: relative; 
  display: block; 
  float: right;  
  margin:  -102px 93px 0 0 ;
  padding : 40px 30px 300px 20px;  
  text-align : left;
  vertical-align : top;
  width : 270px;
}

#extrainhoud .blok p {
  width: auto;
}

#extrainhoud .link_leesmeer .afbeelding {
  display: none;
}

#extrainhoud a.leesmeer {
  margin-bottom:15px;
  display:block;
}

/* ============= toegevoegd 21 05 2010 Leidi Haaijer, aanpassing rechtermenu o.a. Poll ======== */
#extrainhoud #blok_right1.blok.paginalink.link_leesmeer p,
#extrainhoud #blok_right2.blok.paginalink.link_leesmeer p {
  margin: -20px 0 0 0;
  padding: 0;
}

#extrainhoud h3 {
  color: #e2007a;
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 10px;
}

.poll p { font-weight: bold;}

#extrainhoud .poll fieldset { border: none;}

.poll .stemknop {  
  background:url(../gfx/btn-stem.gif) repeat-x;
  border: 0; 
  color: #fff;
  cursor: pointer;
  display: block;
  font: Arial, Helvetica, sans-serif;
  font-size: 16px;
  height: 31px;
  margin-top: 20px;
  text-transform: uppercase;
  overflow: hidden;
  width: 89px;
}

form.poll a {
  display:block;
  margin:5px 0 0;
  font-size:90%;
}

#extrainhoud ul {
  display: block; position: relative;
  list-style-type: none;
  list-style-image: none;
  margin: 0px;
  padding: 0px;
  text-align : left;
  width: 175px;
}

ul.links {  
  margin-bottom: 20px;
}

#extrainhoud ul li {  
  display: block;
  margin-bottom : 0px;
  padding-bottom: 0px;
  width: 175px; height: 85px; /* height: 45px; */
  overflow: hidden;
}

#extrainhoud ul li a {
  display: block;
  background-image : url(../gfx/zij_menu3.gif);
  background-position: 0px 2px; background-repeat: no-repeat;
  color: #006E3A;
  font-size : 14pt;
  font-family: impact;
  font-weight: normal!important;
  line-height : 22px;
  padding: 10px; padding-right: 10px;
  text-decoration: none; 
  width: 150px; height: 85px;
}

#extrainhoud ul li a:hover {
  color: #fff;
}

/* voetermenu: bevat standaard een link naar home, contact, colofon, disclaimer en help   */
#voettekst {
  clear: both;
  height: 35px;
  list-style-type: none;
  list-style-image: none;
  margin-top: 20px;
  padding: 15px 40px 0;
  vertical-align : bottom;
  width: 900px;
  background-color: #19200a;
}

 #voettekst li a {  
  color: #FFF;
  display: inline;
  font-size: 12px;
  line-height: 18px;
}

#voettekst li {
  padding:0 11px 0 8px;
  background: url(../gfx/bg-sep-footer.gif) no-repeat top right;
  display: inline; 
  font-size: 10px;
  line-height: 18px;  
}

#voettekst li#voetnav5 {
  background: none;
}

#voettekst li a:hover {  
  color: #fff;
  text-decoration: underline;
}

#voettekst li.hierbenik a {  
  color: #9933CC;
  text-decoration: underline;
}

/* siteSPECIFIEK: bij de cursussites zijn vragen opgenomen met een bijbehorend antwoord */
.vragen {
  font-size: 1.0em;
  margin : 0px 5px 5px 5px;
  padding : 0px 5px 5px 5px;
}

.antwoorden {
  background-color : #FFFFFF;
  color : #003366;
  font-size: 1.0em;
  margin : 0px 5px 5px 5px;
  padding : 0px 5px 5px 5px;
}

/* afbeeldingen    */
a img {
  border : 0px;
}

.afbeelding {  
  border: 1px solid #EDEDED;
  padding: 5px;
  display: inline-block;  
}

.afbeelding a {
  color: #666;
  font-size: 12px;
  font-weight: normal;
  line-height: 0;
}

.afbeelding p {
  clear: both;
  display: inline;
  font-size : 0.7em;
  vertical-align : top; 
}

.afbeelding.groot.top {
  clear: both;
  float : right;
  padding : 0px;
  margin: 0px;
}

.afbeelding.groot.top p {
  clear: left;
  float: left;
}

.paginaelement.article .afbeelding.medium.links {
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  clear: both;
}

.afbeelding.medium.links {
  clear: right;
  float: left;
  margin: 0px 8px 8px 0;
}

.afbeelding.medium.links a {
  line-height: 0;
}

.afbeelding.medium.links p {
  clear: right;
  float: left;
  display: none;
}

.afbeelding.medium.rechts {
  float: right;
  padding: 5px;
  margin: 0 0 0 10px;
}

.afbeelding.medium.rechts a {
  line-height: 0;
}

.afbeelding.medium.rechts p {
  clear: both;
  float : left;
}

.afbeelding.medium {
  display: inline;
  float : right;
  margin: 0px;
}

.afbeelding.medium p {
  display: inline;
}

.afbeelding.klein.links {  
  color : #003366;
  clear: right;
  float: left;
  padding : 4px;
  margin: 0px 10px 0 0;
}

.afbeelding.klein.links a {
  line-height: 0;
}

.afbeelding.klein.links p {
  clear: right;
  float: left;
  text-align : left;  
  text-justify : auto;
  margin: 0px;
  padding : 0px;
  width: 450px;
}

/* poll    */
.pollblokmargin, .box {
  position: relative; display: block; 
  margin-top: 15px; 
  background-image : url(../gfx/poll.gif);
  width: 167px; height: auto; 
  font-size: 10pt; font-weight: normal;
  text-align: left;
}

.polltitel, .box h3 {
  width: 167px; height: 36px; 
  font-family: impact; font-size: 15pt; font-weight: normal;
  color: #fff; padding-top: 11px; 
  text-indent: 16px;
  overflow: hidden;
}

.pollstelling, .box p {
  padding-left: 16px; padding-right: 16px;
}

#pollForm {
  padding-left: 6px; padding-right: 16px;
}

form a {
  width: 167px; height: 33px; 
  background-image : url(../gfx/pollbottom.gif);
  background-repeat: no-repeat;
  font-size: 13pt; font-weight: normal;
  color: #E2007A;
}

form a:hover {
  color: #E2007A;
}