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

              _   _  ___  ____          ___  _____ 
             | | | ||_ _||  _ \        |_ _||_   _|
             | |_| | | | | |_) | _____  | |   | |
             |  _  | | | |  __/ |_____| | |   | |
             |_| |_||___||_|           |___|  |_|
 
   
        (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;
  background-image:url('http://stcm.nl/geentaboes/img/bg.gif');
  background-repeat:repeat-x;
  background-color:#90D0DA;
  background-position:50% 0px;
  padding:0px;
  color:#343434
}
A:link, A:visited, A:active{
	color:#993498;
	text-decoration:none
}
A:hover{
	color:#dd0000;
	text-decoration:underline
}
.roze A:link, .roze A:visited, .roze A:active{
	color:#d882d1
}
.roze A:hover{
	color:#dd0000;
	text-decoration:underline
}
.roze{
	color:#d882d1
}
.w A:link, .w A:visited, .w A:active{
	color:#FFF
}
.w A:hover{
	color:#dd0000;
	text-decoration:underline
}
.z A:link, .z A:visited, .z A:active{
	color:#000000
}
.z A:hover{
	color:#F62DCA;
	text-decoration:underline
}
/* 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 dotted #838383
}
.dbborder{
	border-bottom:1px dotted #838383
}
.bborder{
	border-bottom:1px dotted #838383
}
.rborder{
	border-right:1px dotted #838383
}
.lborder{
	border-left:1px dotted #838383
}
.tborder{
	border-top:1px dotted #838383
}
/* skins en alternates */
.skin_dark{
  background-color:#343434
}
.skin_medium{
  background-color:#dd0078
}
.skin_light{
  background-color:#E4DBE5
}
.alt1{
  background-color:#D9D9D9
}
.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:#FFF;
	background-image:url('http://stcm.nl/geentaboes/img/dotpaars.gif');
	background-position:50% 0px;
	background-repeat:no-repeat;
	margin:0px;
	width:20px;
	padding-left:8px;
	padding-right:8px;
	padding-top:3px;
	padding-bottom:4px;
	width:1em;
	text-decoration:none;
	text-align:center
}
.pagenum A:link, .pagenum A:visited, .pagenum A:active, .pagenumajax {
	color:#FFF;
	background-image:url('http://stcm.nl/geentaboes/img/dotgrijs.gif');
	background-position:50% 0px;
	background-repeat:no-repeat;
	margin:0px;
	width:20px;
	padding-left:8px;
	padding-right:8px;
	padding-top:3px;
	padding-bottom:4px;
	width:1em;
	text-decoration:none;
	text-align:center
}
.pagenum A:hover, .pagenumajax:hover {
	color:#FFF;
	background-image:url('http://stcm.nl/geentaboes/img/dotroze.gif');
	background-position:50% 0px;
	background-repeat:no-repeat;
	margin:0px;
	width:20px;
	padding-left:8px;
	padding-right:8px;
	padding-top:3px;
	padding-bottom:4px;
	width:1em;
	text-decoration:none;
	text-align:center
}
/* subglobal mvc dialogs */
#dialogback, #dialog{
  background-image:url('http://stcm.nl/geentaboes/img/bg_pop.gif');
  background-color:#E6E6E8;
  background-repeat:no-repeat;
  background-position:top right
}
#dialogpadding, #dialog{
  padding-top:50px;
  padding-left:10px;
  padding-right:10px;
  padding-bottom:10px
}
#dialoginborder, #dialog{
  border:solid 1px #FFFFFF;
}
.dialogoutborder{
  padding:5px;
  background:#d882d1
}
#overlay{
  background-color:#90D0DA
}
.registerlinks{
  color:#343434
}
/* buttons */
.button{
  text-align:left;
  background-image:url('http://stcm.nl/geentaboes/img/btn.gif');
  height:27px;
  width:117px;
  color:#343434;
  padding: 0px 20px 0px 40px;
  font-size:11px;
  font-weight:bold
}
#divformbuttons{
  margin:0px;
}
#divformbuttonsc{
  background-image:url('http://stcm.nl/geentaboes/img/bbutton.gif');
  background-repeat:repeat-x;
  background-position:0px 0px
}
#postform{
  width:630px;
  padding:10px 10px 0px 10px;
  overflow:hidden
  background-color:#E4DBE5
}
.formbutton{
  width:22px;
  height:22px;
  background-image:url('http://stcm.nl/geentaboes/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:620px;
  border:1px solid #757575;
  margin-top:10px;
  padding:5px
}
#loginform{
  background-image:url('http://stcm.nl/geentaboes/img/login_bg.gif');
  background-repeat:no-repeat;
  width:717px;
  height:45px;
  padding:15px 10px 0px 10px;
  margin-bottom:10px
}
/* start mainpagina */
#main{
  position:relative;
  width:900px;
  margin:10px auto;
  overflow:hidden
}
#teaser{
  width:900px
}
#logo{
  position:absolute;
  top:102px;
  left:10px
}
#usernav{
  position:absolute;
  text-align:right;
  width:545px;
  height:31px;
  top:0px;
  margin-left:350px;
  padding:3px
}
/* footer */
#footer{
  position:relative;
  width:880px;
  margin:0px auto;
  overflow:hidden;
  height:37px;
  padding:10px;
  background-image:url('http://stcm.nl/geentaboes/img/footer.png');
  background-repeat:no-repeat;
  margin-bottom:10px
}
#footer span{
  color:#c0c0c0;
  position:relative;
  top:12px
}
/* page content */
#page{
  width:900px;
  background-image:url('http://stcm.nl/geentaboes/img/bamboe.gif');
  background-repeat:no-repeat;
  background-color:#FFF;
  background-position:bottom;
  min-height:600px
}
#links{
  width:220px;
  padding:0px 10px 15px 10px
}
#rechts{
  width:650px;
  overflow:hidden;
  padding-bottom:20px
}
#menu, #video{
  background-image:url('http://stcm.nl/geentaboes/img/menu_midden.gif');
  background-repeat:repeat-y;
  margin-bottom:10px;
  width:220px
}
#menu .bit{
  width:165px;
  background-image:url('http://stcm.nl/geentaboes/img/pointiconroze.gif');
  background-repeat:no-repeat;
  background-position:17px 2px;
  padding:0px 20px 3px 35px
}
#video .bit{
  
}
.videobit{
  padding:5px 0px 5px 20px
}
/* videos */
#videodisplay #videos{
  border-right:2px solid #000;
  border-left:2px solid #000;
}
#videodisplay .headline{
  width:180px;
  height:100px;
  padding:0px 30px 30px 0px
}
/* frontdisplay */
#frontdisplay #verhalen{
  width:420px;
  background-color:#e9f4f8
}
#frontdisplay #verhalen .headline .img{
  width:95px
}
#frontdisplay #verhalen .headline .info{
  width:305px
}
#frontdisplay #frvideo{
  background-image:url('http://stcm.nl/geentaboes/img/frvideo_midden.gif');
  background-repeat:repeat-y;
  width:220px
}
#frontdisplay #frvideo .headline{
  padding:5px 20px 5px 20px
}

/* q&a */
#qdisplay .ttitel{
  position:relative;
  top:-7px;
  left:4px
}
#qdisplay .headline{
  background-image:url('http://stcm.nl/geentaboes/img/pointicongrijs.gif');
  background-repeat:no-repeat;
  background-position:5px 7px;
  padding:5px 20px 3px 24px
}
#qdisplay .titel{
  background-position:1px 5px;
  padding:5px 0px 10px 0px
}
#qdisplay .bericht{
  background-image:url('http://stcm.nl/geentaboes/img/vraagteken_groen.gif');
  background-repeat:no-repeat;
  background-position:1px 5px;
  padding:10px 0px 20px 30px
}
/* MVC-posts */
#posts #comments .hbg{
  border-top:1px dotted #757575;
  border-bottom:1px dotted #757575;
  width:650px;
  height:30px
}
#posts #comments .htitel{
  width:312px;
  padding:8px 0px 0px 10px
}
#posts #comments .htab{
  width:318px;
  padding:10px 10px 5px 0px
}
#posts #comments .header{
  width:650px;
  height:10px;
  overflow:hidden
}
.reageer{
  background-color:#
}
#posts #comments .header1{
  background-image:url('http://stcm.nl/geentaboes/img/top1.gif');
  background-repeat:no-repeat
}
#posts #comments .header2{
  background-image:url('http://stcm.nl/geentaboes/img/top2.gif');
  background-repeat:no-repeat
}
#posts #comments .footer{
  width:650px;
  height:30px;
  overflow:hidden
}
#posts #comments .footer1{
  background-image:url('http://stcm.nl/geentaboes/img/footer1.gif');
  background-repeat:no-repeat;
  height:30px
  
}
#posts #comments .footer2{
  background-image:url('http://stcm.nl/geentaboes/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:542px
}
.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-color:#e9e9e9;
	padding:5px 10px 5px 10px;
	width:630px;
	color:#626262;
	min-height:50px;
}
#posts #comments blockquote .blok2{
	background-color:#e9e9e9;
	padding:5px 10px 5px 10px;
	width:630px;
	color:#626262;
	min-height:50px;
}
#posts #comments .citaat{
	position:relative;
	margin:0px 0px 30px 0px;
	padding-left:5px;
	color:#dd0078
}
#posts #comments .quoteblok{
  margin:5px 10px 10px 10px;
  padding:5px;
  background-color:#E4DBE5;
  color:#626262;
  border:1px dotted #757575;
  width:95%
}
#posts #comments .quoteblokby{
  color:#626262;
  font-style:italic
}