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

              _   _  ___  ____          ___  _____ 
             | | | ||_ _||  _ \        |_ _||_   _|
             | |_| | | | | |_) | _____  | |   | |
             |  _  | | | |  __/ |_____| | |   | |
             |_| |_||___||_|           |___|  |_|
 
   
        (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{
  margin:0px;
  padding:0px;
  background-image:url('http://stcm.nl/tv/img/bg.gif');
  background-color:#303030;
  background-repeat:repeat-x;
  color:#a8a8a8
}
A:link, A:visited, A:active{
	color:#a8a8a8;
	text-decoration:none
}
A:hover{
	color:#CF0200;
	text-decoration:underline
}
.blauw A:link, .blauw A:visited, .blauw A:active{
	color:#00c0ff
}
.blauw A:hover{
	color:#f50777;
	text-decoration:underline
}
.blauw{
  color:#00c0ff
}
.roze A:link, .roze A:visited, .roze A:active{
	color:#f50777;
	text-decoration:underline
}
.roze A:hover{
	color:#00c0ff;
	text-decoration:none
}
.roze{
  color:#f50777
}
.g{
  color:#858585
}
.dg{
  color:#404040
}
/* 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
}
.divformarea{
  border-right: solid 1px #4d4d4d; 
  border-left: solid 1px #4d4d4d; 
  border-bottom: solid 1px #4d4d4d;
  overflow:hidden
}
/* borders */
.aborder{
	border:1px solid #6f6f6f
}
.bborder{
	border-bottom:1px solid #6f6f6f
}
.rborder{
	border-right:1px solid #6f6f6f
}
.lborder{
	border-left:1px solid #6f6f6f
}
.tborder{
	border-top:1px solid #6f6f6f
}
/* skins en alternates */
.skin_dark{
  background-color:#f50777
}
.skin_medium{
  background-color:#00c0ff
}
.skin_light{
  background-color:#B7DBEB
}
.alt1{
  background-color:#464646
}
.alt2{
  background-color:#303030
}
/* 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
}
/* pagenums */
.pagenumstatic {
	color:#272727;
	background-color:#e80063;
	border-color:#e80063;
	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:#c0c0c0;
	background-color:#272727;
	border-color:#8a8a8a;
	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:#000000;
	background-color:#E2E2E2;
	border-color:#e80063;
	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:#A7A6A6
}
#overlay{
  background-color:#000
}
/* buttons */
.button{
  text-align:center;
  background-image:url('http://stcm.nl/tv/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/tv/img/bbutton.gif');
  background-repeat:repeat-x;
  background-position:0px 0px
}
#postform{
  background-color:#464646;
  padding:10px 10px 0px 10px
}
.formbutton{
  width:22px;
  height:22px;
  background-image:url('http://stcm.nl/tv/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:#303030;
  scrollbar-base-color:#303030;
  width:610px;
  border:1px solid #303030;
  margin-top:10px;
  padding:5px
}
/* start mainpagina */
#main{
  position:absolute;
  left:50%;
  width:990px;
  margin-left:-495px;
  overflow:hidden
}
#header{
  width:990px;
  height:168px
}
#footer{
  background-image:url('http://stcm.nl/tv/img/footer.gif');
  background-repeat:no-repeat;
  height:47px;
  width:980px;
  padding:15px 5px 0px 5px;
  margin-bottom:10px
}
#usernav{
  position:absolute;
  left:50%;
  width:300px;
  z-index:20;
  height:30px;
  margin-left:200px;
  top:25px
}

/* ads */
#mvcad468c{
  position:absolute;
  left:50%;
  top:62px;
  margin-left:-18px;
  width:468px;
  height:60px;
  padding:10px 10px 10px 10px;
  background-color:#303030;
  border:1px solid #FFF
}
#mvcad468{
  position:absolute;
  left:50%;
  top:72px;
  margin-left:-8px;
  width:468px;
  height:60px;
  border:1px solid #FFF
}
#wbdsrec{
  width:336px;
  height:280px
}
.frtrec{
  position:absolute;
  left:50%;
  top:537px;
  margin-left:157px
}

/* frontdisplay */
#teaser{
  width:990px;
  height:325px
}
#stats{
  width:654px;
  height:314px
}

/* comments and posts */
#posts #comments .hbg{
  background-image:url('http://stcm.nl/tv/img/hbg.gif');
  background-repeat:no-repeat;
  width:640px;
  height:32px
}
#posts #comments .htitel{
  width:310px;
  padding:8px 0px 0px 10px
}
#posts #comments .htab{
  width:310px;
  padding:10px 10px 5px 0px
}
#posts #comments .header{
  width:640px;
  height:11px;
  overflow:hidden
}
#posts #comments .header1{
  background-image:url('http://stcm.nl/tv/img/top1.gif');
  background-repeat:no-repeat
}
#posts #comments .header2{
  background-image:url('http://stcm.nl/tv/img/top2.gif');
  background-repeat:no-repeat
}
#posts #comments .footer{
  width:640px;
  height:25px;
  overflow:hidden
}
#posts #comments .footer1{
  background-image:url('http://stcm.nl/tv/img/footer1.gif');
  background-repeat:no-repeat
}
#posts #comments .footer2{
  background-image:url('http://stcm.nl/tv/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
}
#comments .message{
  width:544px
}
.pagenav{
  padding:5px 0px 0px 0px
}
#comments .arrowup{
  float:right;
  position:relative;
  top:-20px
}
#comments blockquote{
	border:0px;
	margin:0px
}
#comments blockquote .blok1{
	padding:5px 10px 5px 10px;
	width:620px
}
#comments blockquote .blok2{
	border-left:3px solid #595959;
	border-right:3px solid #595959;
	padding:5px 10px 5px 10px;
	width:614px
}
#comments .citaat{
	position:relative;
	margin:0px 0px 25px 0px;
	padding-left:10px
}
#comments .quoteblok{
  margin:5px 10px 10px 10px;
  padding:5px;
  background-color:#626262;
  border:1px dotted #CCCCCC;
  width:95%
}
#comments .quoteblokby{
  color:#89E900;
  font-style:italic
}

/* videodisplay */
#videodisplay{
  width:990px;
  height:340px;
  background-image:url('http://stcm.nl/tv/img/video_bit.jpg');
  background-repeat:no-repeat;
  overflow:hidden
}
#videodisplay #tvframec{
  width:505px;
  height:320px;
  padding:10px 15px 0px 10px
}
#videodisplay #tvinfo{
  width:460px;
  overflow:hidden
}
#videodisplay #info{
  width:450px;
  height:164px;
  padding:10px 10px 10px 0px
}
#videodisplay #teaser{
  width:450px
}

/* content display */
#contentleft{
  width:640px;
  margin-right:14px;
  overflow:hidden
}
#contentleft .content{
  width:640px
}
#contentleft .header{
  width:640px;
  height:40px;
  background-image:url('http://stcm.nl/tv/img/top3.gif');
  background-repeat:no-repeat
}
#contentleft .footer{
  width:640px;
  height:11px;
  overflow:hidden;
  background-image:url('http://stcm.nl/tv/img/footer3.gif');
  background-repeat:no-repeat
}
#contentleft .htitel{
  width:315px;
  padding:8px 0px 0px 5px
}
#contentleft .htab{
  width:310px;
  padding:10px 10px 5px 0px
}
#contentright{
  width:336px;
  overflow:hidden
}
#contentright .blok_bits{
  background-image:url('http://stcm.nl/tv/img/top4.gif');
  width:326px;
  height:30px;
  padding:10px 0px 0px 10px
}

/* videobits */
#videobits .videobit{
  width:640px;
  background-image:url('http://stcm.nl/tv/img/tvbit_bg.gif');
  background-repeat:repeat-x;
  background-position:top
}
#videobits .thumb{
  width:110px;
  height:80px
}
#videobits .thumbi{
  background-position:5px 5px;
  background-repeat:no-repeat
}
#videobits .play{
  filter:alpha(opacity='80');
  -moz-opacity:0.8;
  opacity:.8;
  khtml-opacity:.8;
  border:1px solid #FFF
}
#videobits .info{
  width:520px;
  padding:5px 5px 10px 5px
}
#videobits .amf{
  padding-top:5px
}

/* login */
#loginform{
  background-image:url('http://stcm.nl/tv/img/login_bg.gif');
  background-repeat:no-repeat;
  width:620px;
  height:45px;
  padding:15px 10px 0px 10px
}