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

              _   _  ___  ____          ___  _____ 
             | | | ||_ _||  _ \        |_ _||_   _|
             | |_| | | | | |_) | _____  | |   | |
             |  _  | | | |  __/ |_____| | |   | |
             |_| |_||___||_|           |___|  |_|
 
   
        (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-2010 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:#A09A8E url('http://stcm.nl/politie/img/bg.jpg') repeat-x 50% 20px;
  color:#fff
}
A:link, A:visited, A:active, .yellow{
	color:#F2BC20;
	text-decoration:none
}
A:hover{
	color:#FCDB70;
	text-decoration:underline
}
.green A:link, .green A:visited, .green A:active, .green{
	color:#C2F300;
	text-decoration:none
}
.green A:hover{
	color:#BCD06C;
	text-decoration:underline
}
.geel A:link, .geel A:visited, .geel A:active, .geel{
  color:yellow
}
.geel A:hover{
	color:yellow;
	text-decoration:none
}
.g{
  color:#A8A396
}
.w A:link, .w A:visited, .w A:active{
  color:#FFF
}

h1{
  font-family: Arial;
  font-size:18px;
  margin-bottom:10px
}
/* 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
}
.dbborder{
	border-bottom:1px dotted #FFF
}
/* skins en alternates */
.skin_dark{
  background-color:#f50777
}
.skin_medium{
  background-color:#00c0ff
}
.skin_light{
  background-color:#B7DBEB
}
.alt1{
  background-color:#898479
}
.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
}
.uljump{
  padding-left:25px
}
li{
  margin-bottom:6px;
  padding-left:0px
}
/* pagenums */
.pagenumstatic {
	color:#272727;
	background-image:url('http://stcm.nl/politie/img/pagenav3.gif');
	float:left;
	display:block;
	margin-right:3px;
	text-align:center;
	padding-top:4px;
	width:28px;
	height:14px;
	text-decoration:none
}
.pagenum A:link, .pagenum A:visited, .pagenum A:active, .pagenumajax {
	background-image:url('http://stcm.nl/politie/img/pagenav2.gif');
	float:left;
	display:block;
	margin-right:3px;
	text-align:center;
	padding-top:4px;
	width:28px;
	height:14px;
	text-decoration:none;
	cursor:pointer
}
.pagenum A:hover, .pagenumajax:hover {
	background-image:url('http://stcm.nl/politie/img/pagenav1.gif');
	float:left;
	display:block;
	margin-right:3px;
	text-align:center;
	padding-top:4px;
	width:28px;
	height:14px;
	text-decoration:none
	cursor:pointer;
	text-decoration:none
}
/* subglobal mvc dialogs */
#dialogback, #dialog{
  background:#E6E6E8 url('http://stcm.nl/img/pops_05.gif') 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/politie/img/btn.gif');
  height:23px;
  width:118px;
  color:#FFF;
  padding: 0px;
  font-size:11px;
  font-weight:bold
}
#divformbuttons{
  margin:0px;
}
#divformbuttonsc{
  background:url('http://stcm.nl/politie/img/bbutton.gif') repeat-x 0px 0px
}
#postform{
  background-color:#898479;
  padding:10px 0px 0px 0px
}
.formbutton{
  width:22px;
  height:22px;
  background-image:url('http://stcm.nl/politie/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:#898479;
  scrollbar-base-color:#898479;
  width:616px;
  border:1px solid #A8A396;
  margin-top:10px;
  padding:5px
}

/* start mainpagina */
#main{
  position:relative;
  width:990px;
  margin:0px auto;
  overflow:hidden
}
#header{
  width:990px;
  height:483px
}
/* content blokken */
#contentleft{
  width:648px
}
#contentright{
  padding-left:10px;
  width:332px
}
/* small content blokken rechts */
.contentbloks{
  width:332px;
  background:url('http://stcm.nl/politie/img/mid.gif') repeat-y;
}
.contentbloks .bloktops{
  width:332px;
  height:10px;
  background-image:url('http://stcm.nl/politie/img/bloktops.gif');
}
.contentbloks .blokinners{
  width:312px;
  padding:0px 10px 10px 10px;
  background:url('http://stcm.nl/politie/img/blokinners.gif') no-repeat bottom;
}
/* medium content blokken links */
.contentblokm{
  width:648px;
  background:#898479;
}
.contentblokm .bloktopm{
  width:648px;
  height:10px;
  background-image:url('http://stcm.nl/politie/img/bloktopm.gif');
}
.contentblokm .blokinnerm{
  width:628px;
  padding:0px 10px 10px 10px;
  background:url('http://stcm.nl/politie/img/blokinnerm.gif') no-repeat bottom;
}

/* front page */
#welkom{
  position:absolute;
  top:510px;
  left:180px;
  width:800px;
  height:170px
}
#popopoll{
  width:990px;
  height:77px
}
#askpolice{
  position:absolute;
  top:900px;
  left:675px;
  width:300px;
  height:140px
}
#askpolice input{
  border:0px;
  margin:0px;
  padding:0px
}
#askpolice .qselect{
  width:300px;
  margin-bottom:5px;
}
#askpolice .qinput{
  width:107px
}
#askpolice .qinput1{
  width:148px;
  margin:0px 5px 5px 0px
}
#askpolice .qinput2{
  width:147px;
  margin-bottom:5px
}
#askpolice .qtextarea{
  width:290px;
  overflow:hidden;
  border:0px;
  height:70px
}
#twitterfeed{
  position:absolute;
  top:865px;
  left:665px;
  width:315px;
  height:214px;
  overflow:hidden
}
#story{
  position:absolute;
  top:1140px;
  left:16px;
  width:970px;
  height:185px;
  overflow:hidden
}
#frontbody{
  width:990px;
  height:850px
}
#toppers{
  position:absolute;
  left:18px;
  top:895px;
  width:630px;
  height:150px
}
/* verhaal headlines */
.storyheadliner{
  width:88px
}
.storyheadlinel{
  width:220px;
  height:88px;
  overflow:hidden;
  margin-bottom:10px
}
/* poll */
.polll{
  width:265px
}
.pollr{
  width:100px
}
.pollsend{
  background:url('http://stcm.nl/politie/img/pollstem.gif') no-repeat;
  width:81px;
  height:23px;
  margin-top:5px
}

/* toppers headline */
.topperheadline{
  padding:2px 5px 5px 15px;
  background:url('http://stcm.nl/politie/img/arrow.gif') no-repeat 0px 5px;
}
.topperheadline_front{
  padding:0px 0px 2px 0px
}
/* comments and posts */
#posts #comments .header{
  width:648px;
  height:9px;
  overflow:hidden
}
#posts #comments .header1{
  background:url('http://stcm.nl/politie/img/top1.gif') no-repeat;
}
#posts #comments .header2{
  background:url('http://stcm.nl/politie/img/top2.gif') no-repeat;
}
#posts #comments .footer{
  width:648px;
  height:8px;
  overflow:hidden
}
#posts #comments .footer1{
  background:url('http://stcm.nl/politie/img/footer1.gif') no-repeat
}
#posts #comments .footer2{
  background:url('http://stcm.nl/politie/img/footer2.gif') no-repeat
}
#posts #comments .avatar{
  margin-right:8px;
  border:1px solid #FFF;
  overflow:hidden;
  height:60px;
  width:60px
}
#posts #comments .avatarbg1{
  width:96px;
  height:87px;
  padding-left:8px;
  background:url('http://stcm.nl/politie/img/avatarbg1.gif') no-repeat
}
#posts #comments .avatarbg2{
  width:96px;
  height:87px;
  padding-left:8px;
  background:url('http://stcm.nl/politie/img/avatarbg2.gif') no-repeat
}
#posts .videoheaderl{
  width:300px
}
#posts .videoheaderr{
  width:324px;
  padding:2px
}
#comments .message{
  width:544px
}
#comments .message .posttext{
  border-top:1px solid #A8A396;
  margin-top:10px;
  margin-right:10px;
  padding-top:5px
}
.pagenav{
  padding:5px 0px 0px 0px
}
#comments .arrowup{
  float:right;
  position:relative;
  top:2px;
  right:10px
}
#comments blockquote{
	border:0px;
	margin:0px;
	width:648px
}
#comments .quoteblok{
  margin:5px 10px 10px 10px;
  padding:5px;
  background-color:#A8A396;
  border:1px dotted #CCCCCC;
  width:95%
}
#comments .quoteblokby{
  color:#565347;
  font-style:italic
}
.postalt1{
  background:url('http://stcm.nl/politie/img/postbg1.gif') repeat-y
}
.postalt2{
  background:url('http://stcm.nl/politie/img/postbg2.gif') repeat-y
}

/* video */
#tvframec{
  width:628px;
  height:398px
}

/* verhalen */
.storyl{
  background:url('http://stcm.nl/politie/img/venster.gif') no-repeat;
  width:163px;
  height:263px;
  padding:8px 10px 10px 8px
}
.storyr{
  width:445px
}