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

              _   _  ___  ____          ___  _____ 
             | | | ||_ _||  _ \        |_ _||_   _|
             | |_| | | | | |_) | _____  | |   | |
             |  _  | | | |  __/ |_____| | |   | |
             |_| |_||___||_|           |___|  |_|
 
   
        (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/ikmetjou/img/bg.gif');
  background-repeat:repeat-x;
  background-color:#FFF;
  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:#dd0078
}
.roze A:hover{
	color:#dd0000;
	text-decoration:underline
}
.roze{
  color:#dd0078
}
.paars A:link, .paars A:visited, .paars A:active{
	color:#993498
}
.paars A:hover{
	color:#dd0000;
	text-decoration:underline
}
.paars{
  color:#993498
}
/* 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
}
.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-color:#9B359A;
	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:#000;
	background-color:#E4DBE5;
	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:#000;
	background-color:#D0D0D0;
	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/ikmetjou/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:#993498
}
#overlay{
  background-color:#993498
}
.registerlinks{
  color:#343434
}
/* buttons */
.button{
  text-align:left;
  background-image:url('http://stcm.nl/ikmetjou/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/ikmetjou/img/bbutton.gif');
  background-repeat:repeat-x;
  background-position:0px 0px
}
#postform{
  width:670px;
  padding:10px 10px 0px 10px;
  overflow:hidden
  background-color:#E4DBE5
}
.formbutton{
  width:22px;
  height:22px;
  background-image:url('http://stcm.nl/ikmetjou/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:660px;
  border:1px solid #757575;
  margin-top:10px;
  padding:5px
}
#loginform{
  background-image:url('http://stcm.nl/ikmetjou/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:901px;
  margin-left:-450px;
  overflow:hidden
}
#mvcnetworknav{
  position:absolute;
  width:100%;
  z-index:2
}
#header{
  z-index:3
}
#headnav{
  position:absolute;
  top:70px;
  left:50%;
  margin-left:152px;
  width:278px;
  height:135px;
  z-index:4;
  overflow:hidden
}
#usernav{
  width:200px;
  height:30px;
  position:absolute;
  top:60px;
  left:50%;
  margin-left:-440px;
  z-index:4
}
#content{
  width:690px
}
#footer{
  width:860px;
  height:37px;
  background-image:url('http://stcm.nl/ikmetjou/img/footer.gif');
  background-repeat:repeat-x;
  padding:20px;
  margin-top:40px
}
#footer .left{
  width:430px
}
#footer .right{
  width:428px
}
/* topverhaal */
#topverhaal{
  width:280px;
  height:70px;
  position:absolute;
  top:222px;
  left:50%;
  margin-left:148px;
  z-index:5
}
#topverhaal .thumb{
  width:65px;
  height:65px;
  margin-right:5px
}
#topverhaal .info{
  width:205px;
  height:65px;
  overflow:hidden
}
/* verhalenbits */
.verhaalbit{
  width:338px;
  height:142px;
  background-image:url('http://stcm.nl/ikmetjou/img/welkom3.gif');
  overflow:hidden 
}
.verhaalbit .thumb{
  width:65px;
  padding:20px 10px 0px 20px
}
.verhaalbit .info{
  width:223px;
  padding:15px 20px 0px 0px
}
/* leftnav */
#nav{
  z-index:5;
  width:175px;
  margin-left:27px;
  position:relative;
  top:-75px
}
#navmenu{
  background-image:url('http://stcm.nl/ikmetjou/img/thema.gif');
  background-repeat:no-repeat;
  padding:10px 10px 20px 15px;
  width:141px;
  height:173px;
}
#navmenu .selected{
  padding:4px 0px 4px 16px;
  background-image:url('http://stcm.nl/ikmetjou/img/icon2.gif');
  background-repeat:no-repeat;
  background-position:0px 6px
}
#navmenu .noselected{
  padding:4px 0px 4px 0px
}
/* front */
#content #frontwelkom{
  background-image:url('http://stcm.nl/ikmetjou/img/welkom.jpg');
  background-repeat:no-repeat;
  padding:20px 20px 10px 120px;
  height:113px
}
#content #frontwelkom1{
  background-image:url('http://stcm.nl/ikmetjou/img/welkom1.gif');
  background-repeat:no-repeat;
  width:198px;
  padding:20px 20px 10px 120px;
  height:112px
}
#content #frontwelkom2{
  background-image:url('http://stcm.nl/ikmetjou/img/welkom2.gif');
  background-repeat:no-repeat;
  padding:20px 20px 10px 120px;
  width:198px;
  height:112px
}
/* aanmeldform */
.vraag{
  width:680px;
  padding:4px 5px 4px 5px
}
.vraag .q{
  width:220px
}
.vraag .a{
  width:460px
}
/* staticdisplay */
#staticdisplay{
  width:690px
}
#staticdisplay .meta, #verhalendisplay .meta{
  width:690px;
  padding-bottom:10px;
  border-bottom:1px dotted #838383
}
#staticdisplay .thumb, #verhalendisplay .thumb{
  width:84px;
  margin-right:10px
}
#staticdisplay .titel, #verhalendisplay .titel{
  width:596px
}
/* MVC-posts */
#posts #comments .hbg{
  border-top:1px dotted #757575;
  border-bottom:1px dotted #757575;
  width:690px;
  height:30px
}
#posts #comments .htitel{
  width:332px;
  padding:8px 0px 0px 10px
}
#posts #comments .htab{
  width:338px;
  padding:10px 10px 5px 0px
}
#posts #comments .header{
  width:690px;
  height:11px;
  overflow:hidden
}
.reageer{
  background-color:#
}
#posts #comments .header1{
  background-image:url('http://stcm.nl/ikmetjou/img/top1.gif');
  background-repeat:no-repeat
}
#posts #comments .header2{
  background-image:url('http://stcm.nl/ikmetjou/img/top2.gif');
  background-repeat:no-repeat
}
#posts #comments .footer{
  width:690px;
  height:25px;
  overflow:hidden
}
#posts #comments .footer1{
  background-image:url('http://stcm.nl/ikmetjou/img/footer1.gif');
  background-repeat:no-repeat
}
#posts #comments .footer2{
  background-image:url('http://stcm.nl/ikmetjou/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:582px
}
.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/ikmetjou/img/grad1.gif');
	background-repeat:repeat-x;
	padding:5px 10px 5px 10px;
	width:670px;
	color:#626262;
	min-height:50px;
}
#posts #comments blockquote .blok2{
	background-image:url('http://stcm.nl/ikmetjou/img/grad2.gif');
	background-repeat:repeat-x;
	padding:5px 10px 5px 10px;
	width:670px;
	color:#626262;
	min-height:50px;
}
#posts #comments .citaat{
	position:relative;
	margin:5px 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
}
/* statische content */
.tabtext{
  padding:4px 0px 5px 5px
}
.fillerbgs{
  background-image:url('http://stcm.nl/biz/img/stab-sb.gif');
  font-weight:bold
}
.fillerbgs A:link, .fillerbgs A:visited, .fillerbgs A:active{
	color:#dd0078
}
.submenu A:link, .submenu A:visited, .submenu A:active{
	text-decoration:none;
	color:#dd0078
}
.submenu A:hover{
	color:#dd0000;
	text-decoration:underline
}
.fillerbgu{
  cursor:pointer;
  cursor:hand;
  background-image:url('http://stcm.nl/biz/img/stab-ub.gif')
}
.filler, .fillerbgs, .fillerbgu{
  height:24px;
  float:left
}
.menu{
  margin-bottom:10px
}
.submenu{
  margin-bottom:10px;
  padding:0px 0px 10px 6px;
  border-bottom:1px dotted #838383
}