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

              _   _  ___  ____          ___  _____ 
             | | | ||_ _||  _ \        |_ _||_   _|
             | |_| | | | | |_) | _____  | |   | |
             |  _  | | | |  __/ |_____| | |   | |
             |_| |_||___||_|           |___|  |_|
 
   
        (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!

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
body{
  margin:0px;
  background-image:url('http://stcm.nl/zvjo/img/bg.gif');
  background-repeat:repeat-x;
  background-color:#FFFFFF;
  background-position: 50% 7px;

  padding:0px;
  color:#5c5c5c
}
A:link, A:visited, A:active{
	color:#000000;
	text-decoration:none
}
A:hover{
	color:#CF0200;
	text-decoration:underline
}
#contentdisplay A:link, #contentdisplay A:visited, #contentdisplay A:active{
	color:#000000;
	text-decoration:none
}
#contentdisplay A:hover{
	color:#CF0200;
	text-decoration:underline
}

.roze A:link, .roze A:visited, .roze A:active{
	color:#b94183
}
.roze A:hover{
	color:#dd0000;
	text-decoration:underline
}
.roze{
  color:#b94183
}
.paars A:link, .paars A:visited, .paars A:active{
	color:#2d40af
}
.paars A:hover{
	color:#dd0000;
	text-decoration:underline
}
.paars{
  color:#2d40af
}
.blauw A:link, .blauw A:visited, .blauw A:active{
	color:#2c68ac;
}
.blauw A:hover{
	color:#dd0000;
	text-decoration:underline
}
.blauw{
  color:#2c68ac;
}
.groen A:link, .groen A:visited, .groen A:active{
	color:#2ea1ab;
}
.groen A:hover{
	color:#dd0000;
	text-decoration:underline
}
.groen{
  color:#2ea1ab;
}
/* input */
input{
  font-family:Arial, Tahoma;
  font-size:12px;
  padding:2px;
  border:1px inset #E5E5E5;
  width:220px;
  color:#999
}
textarea{
  font-family:Arial, Tahoma;
  font-size:12px;
  padding:2px;
  border:1px inset #E5E5E5;
  width:90%;
  color:#999
}
select{
  font-family:Arial, Tahoma;
  font-size:12px;
  padding:2px;
  border:1px inset #E5E5E5;
  width:200px;
  color:#999
}
.youtubediv{
  width:480px;
  height:360px
}
/* borders */
.aborder{
	border:1px solid #FFF
}
.bborder{
	border-bottom:1px solid #FFF
}
.rborder{
	border-right:1px solid #FFF
}
.lborder{
	border-left:1px solid #FFF
}
.tborder{
	border-top:1px solid #FFF
}
/* skins en alternates */
.skin_dark{
  background-color:#e30001
}
.skin_medium{
  background-color:#31a3ad
}
.skin_light{
  background-color:#DEDEDE
}
.alt1{
  background-color:#C8E1E3
}
.alt2{
  background-color:#EBEBEB
}
/* margins, paddings en linespacings */
.bmargin{
  margin-bottom:10px
}
.rmargin{
  margin-right:10px
}
.tmargin{
  margin-top:10px
}
.lmargin{
  margin-left:10px
}
.tmarginb{
  margin-top:20px
}
.lmarginb{
  margin-left:20px
}
.rmarginb{
  margin-right:20px
}
.ls5{
  line-height: 0.5cm
}
.padding8{
  padding:8px
}
/* pagenums */
.pagenumstatic {
	color:#000;
	background-color:#D0D0D0;
	border-color:#474747;
	border-style:solid;
	border-width:1px;
	margin:0px;
	padding:0px;
	padding-left:4px;
	padding-right:4px;
	padding-top:1px;
	padding-bottom:1px;
	width:1em;
	text-decoration:none
}
.pagenum A:link, .pagenum A:visited, .pagenum A:active, .pagenumajax {
	color:#FFF;
	background-color:#55bdc8;
	border-color:#626262;
	border-style:solid;
	border-width:1px;
	margin:0px;
	padding:0px;
	padding-left:4px;
	padding-right:4px;
	padding-top:1px;
	padding-bottom:1px;
	width:1em;
	text-decoration:none;
	cursor:pointer
}
.pagenum A:hover, .pagenumajax:hover {
	color:#FFFFFF;
	background-color:#b94183;
	border-color:#626262;
	text-decoration:none;
	border-style:solid;
	border-width:1px;
	margin:0px;
	padding:0px;
	padding-left:4px;
	padding-right:4px;
	padding-top:1px;
	padding-bottom:1px;
	width:1em;
	text-decoration:none
}
/* subglobal mvc dialogs */
#dialogback, #dialog{
  background-image:url('http://stcm.nl/img/pops_05.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 #FFFFFF;
}
.dialogoutborder{
  padding:5px;
  background:#31a3ad
}
#overlay{
  background-color:#31a3ad
}
/* buttons */
.button{
  text-align:center;
  background-image:url('http://stcm.nl/zvjo/img/btn.gif');
  height:23px;
  width:118px;
  color:#FFF;
  padding: 0px 20px 0px 0px;
  font-size:11px;
  font-weight:bold
}
#divformbuttons{
  margin:0px;
}
#divformbuttonsc{
  background-image:url('http://stcm.nl/zvjo/img/bbutton.gif');
  background-repeat:repeat-x;
  background-position:0px 0px
}
#postform{
  width:717px;
  padding:10px 10px 0px 10px;
  overflow:hidden
}
.formbutton{
  width:22px;
  height:22px;
  background-image:url('http://stcm.nl/zvjo/img/bbutton.gif');
  background-repeat:no-repeat;
  background-position:0px 0px
}
.formbuttonover{
  background-position:0px -22px
}
.formbuttondown{
  background-position:0px -44px
}
.formbuttonup{
  background-position:0px -66px
}
.formtextarea{
  background-color:#FFF;
  color:#757575;
  scrollbar-base-color:#FFF;
  width:707px;
  border:1px solid #757575;
  margin-top:10px;
  padding:5px
}
#loginform{
  background-image:url('http://stcm.nl/zvjo/img/login_bg.gif');
  background-repeat:no-repeat;
  width:717px;
  height:45px;
  padding:15px 10px 0px 10px;
  margin-bottom:10px
}
/* start mainpagina */
#main{
  position:absolute;
  left:50%;
  width:996px;
  margin-left:-498px;
  overflow:hidden
}
#usernav{
  width:280px;
  height:45px;
  position:absolute;
  top:27px;
  left:50%;
  margin-left:220px;
  z-index:20
}
#navmenu{
  width:249px
}
#video{
  position:absolute;
  top:103px;
  left:50%;
  margin-left:-154px;
  width:414px;
  height:192px;
  border:1px solid #FFF
}
#videos{
	margin-left: auto; 
	margin-right: auto;
  position:relative;
  width:319px;
  height:190px;
  border:1px solid #FFF
}
#footerl{
  width:617px;
  height:72px
}
#footerr{
  background-image:url('http://stcm.nl/zvjo/img/footer_r.gif');
  width:359px;
  height:52px;
  overflow:hidden;
  padding:20px 20px 0px 0px
}
#footerr A:link, A:visited, A:active{
	color:#FFFFFF;
}
/* verhalen bits, nieuwsbits */
#verhalenbits{
  background-image:url('http://stcm.nl/zvjo/img/ervaring.jpg');
  background-repeat:no-repeat;
  width:243px;
  height:181px;
  padding: 133px 3px 0px 3px;
  margin-right:10px;
  overflow:hidden;
}
#verhalenbitsextra{
  background-image:url('http://stcm.nl/zvjo/img/ervaringextra.jpg');
  background-repeat:no-repeat;
  width:737px;
  height:160px;
  padding-top:20px;
  overflow:hidden;
}
#verhalenbits .thumb, #verhalenbitsextra .thumb, #nieuwsbits .thumb{
  overflow:hidden
}
#verhalenbits .thumbc, #verhalenbitsextra .thumbc, #nieuwsbits .thumbc{
  width:57px;
  height:57px;
  overflow:hidden;
  border:1px solid #dfdfdf
}
#verhalenbits .thumbi, #verhalenbitsextra .thumbi, #nieuwsbits .thumbi{
  width:55px;
  height:55px;
  background-repeat:no-repeat;
  background-position:50% 50%;
  border:1px solid #FFF
}
#verhalenbits .info, #verhalenbitsextra .info, #nieuwsbits .info{
  width:160px
}
#nieuwsbits{
  background-image:url('http://stcm.nl/zvjo/img/nieuws.jpg');
  background-repeat:no-repeat;
  width:243px;
  height:250px;
  padding:35px 3px 0px 3px;
  overflow:hidden;
}
#nieuwsbits .intro{
  height:40px;
  overflow:hidden;
  margin-bottom:10px;
}
#nieuwsbits .seperator{
  border-bottom:1px dotted #ff0000;
  margin-bottom:5px
}
.headline{
  background-image:url('http://stcm.nl/zvjo/img/arrow.gif');
  background-repeat:no-repeat;
  background-position:5px 5px;
  padding:2px 10px 0px 20px
}
/* frontdisplay */
#frontdisplay #themainfo{
  position:absolute;
  margin-left:60px;
  left:50%;
  top:458px;
  left:200px;
  width:230px
}
.pdfshow{
  z-index:20;
  position:absolute;
  left:50%;
  top:710px;
  background-color:#6585CE;
  color:#FFFFFF;
  padding:5px;
  width:210px;
  border:1px dotted #FFFFFF;
  filter:alpha(opacity='85');
  -moz-opacity:0.85;
  opacity:.85;
  khtml-opacity:.85;
  overflow:hidden
}
.pdfshow img{
  margin-right:5px
}
#weetjesinfo{
  position:absolute;
  left:50%;
  width:240px;
  padding:5px;
  overflow:hidden
}
#weetjesinfo{
	height:110px;
  top:896px;
}
#tipsinfo{
	position:absolute;
  width:240px;
  padding:5px;
  overflow:hidden;
	height:260px;
  top:754px;
}
/* contentdisplay */
#contentdisplay{
  width:737px;
  margin-left:10px
}
#contenthbg{
  width:737px;
  height:26px;
  margin-bottom:6px;
}
#nieuwsdisplay{
  width:737px;
  margin-left:10px
}
#nieuwsdisplay #nieuwsbit .thumb{
  width:89px;
  padding-right:10px  
}
#nieuwsdisplay #nieuwsbit .thumbc{
  width:87px;
  height:87px;
  border:1px solid #757575
}
#nieuwsdisplay #nieuwsbit .thumbi{
  border:1px solid #fff
}
#nieuwsdisplay #nieuwsbit .info{
  width:638px
}
/* MVC-posts */
#posts #comments .hbg{
  border-top:1px dotted #757575;
  border-bottom:1px dotted #757575;
  width:737px;
  height:30px
}
#posts #comments .htitel{
  width:359px;
  padding:8px 0px 0px 10px
}
#posts #comments .htab{
  width:358px;
  padding:10px 10px 5px 0px
}
#posts #comments .header{
  width:737px;
  height:11px;
  overflow:hidden
}
.reageer{
  background-color:#
}
#posts #comments .header1{
  background-image:url('http://stcm.nl/zvjo/img/top1.gif');
  background-repeat:no-repeat
}
#posts #comments .header2{
  background-image:url('http://stcm.nl/zvjo/img/top2.gif');
  background-repeat:no-repeat
}
#posts #comments .footer{
  width:737px;
  height:25px;
  overflow:hidden
}
#posts #comments .footer1{
  background-image:url('http://stcm.nl/zvjo/img/footer1.gif');
  background-repeat:no-repeat
}
#posts #comments .footer2{
  background-image:url('http://stcm.nl/zvjo/img/footer2.gif');
  background-repeat:no-repeat
}
#posts #comments .avatar{
  background-repeat:no-repeat;
  background-position:50% 50%;
  margin-right:8px;
  border:1px solid #FFF;
  overflow:hidden;
  height:60px;
  width:60px
}
#posts #comments .message{
  width:629px
}
.pagenav{
  padding:5px 0px 0px 0px
}
#posts #comments .arrowup{
  float:right;
  position:relative;
  top:-20px;
  right:5px
}
#posts #comments blockquote{
	border:0px;
	margin:0px
}
#posts #comments blockquote .blok1{
	background-image:url('http://stcm.nl/zvjo/img/grad1.gif');
	background-repeat:repeat-x;
	padding:5px 10px 5px 10px;
	width:776px;
	color:#626262;
	min-height:50px;
}
#posts #comments blockquote .blok2{
	background-image:url('http://stcm.nl/zvjo/img/grad2.gif');
	background-repeat:repeat-x;
	padding:5px 10px 5px 10px;
	width:776px;
	color:#626262;
	min-height:50px;
}
#posts #comments .citaat{
	position:relative;
	margin:5px 0px 30px 0px;
	padding-left:5px;
	color:#626262
}
#posts #comments .quoteblok{
  margin:5px 10px 10px 10px;
  padding:5px;
  background-color:#DDD;
  color:#626262;
  border:1px dotted #757575;
  width:95%
}
#posts #comments .quoteblokby{
  color:#626262;
  font-style:italic
}
/* errors en redirects */
.error{
  background-image:url('http://stcm.nl/zvjo/img/error.gif');
  background-repeat:no-repeat;
  background-position:5px 0px;
  padding:0px 5px 5px 25px;
  margin:10px
}
.redirect{
  background-image:url('http://stcm.nl/zvjo/img/refresh.gif');
  background-repeat:no-repeat;
  background-position:5px 0px;
  padding:0px 5px 5px 25px;
  margin:10px
}