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

              _   _  ___  ____          ___  _____ 
             | | | ||_ _||  _ \        |_ _||_   _|
             | |_| | | | | |_) | _____  | |   | |
             |  _  | | | |  __/ |_____| | |   | |
             |_| |_||___||_|           |___|  |_|
 
   
        (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{
  background-image:url('http://stcm.nl/yasmina/img/chick.gif');
  background-repeat:no-repeat;
  background-position:50% 170px;
  background-color:#F0F0F0;
  margin:0px;
  padding:0px;
  color:#6d5f5e
}
A:link, A:visited, A:active{
	color:#897471;
	text-decoration:none
}
A:hover{
	color:#CF0200;
	text-decoration:underline
}
.pink A:link, .pink A:visited, .pink A:active{
	color: #e91c5f;
	font-weight:bold;
	text-decoration:none
}
.pink A:hover{
	color: #bc3f96;
	font-weight:bold;
	text-decoration:underline
}
.paars A:link, .paars A:visited, .paars A:active{
	color: #bc3f96;
	font-weight:bold;
	text-decoration:none
}
.paars A:hover{
	color: #e91c5f;
	font-weight:bold;
	text-decoration:underline
}
.pink{
  color:#e91c5f
}
.paars{
  color:#bc3f96
}
.o{
  color:#f08b00
}
/* input */
input{
  font-family:Arial, Tahoma;
  font-size:12px;
  padding:2px;
  border:1px inset #E5E5E5;
  width:140px;
  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
}
/* borders */
.aborder{
	border:1px solid #bfbfbf
}
.bdborder{
	border-bottom:1px dotted #bfbfbf
}
.tdborder{
	border-top:1px dotted #bfbfbf
}
.bborder{
	border-bottom:1px solid #bfbfbf
}
.rborder{
	border-right:1px solid #bfbfbf
}
.lborder{
	border-left:1px solid #bfbfbf
}
.tborder{
	border-top:1px solid #bfbfbf
}
/* skins en alternates */
.skin_dark{
  background-color:#ff2a00
}
.skin_medium{
  background-color:#EFE8E1
}
.skin_light{
  background-color:#FAF8F6
}
.alt1{
  background-color:#f1f1f1
}
.alt2{
  background-color:#f9f9f9
}
/* margins, paddings en linespacings */
.tmargin{
  margin-top:10px
}
.rmargin{
  margin-right:10px
}
.bmargin{
  margin-bottom:10px
}
.lmargin{
  margin-left:10px
}
/* subglobal mvc dialogs */
#dialogback, #dialog{
  background-image:url('http://stcm.nl/yasmina/img/popbg.png');
  background-position:bottom;
  background-repeat:repeat-x;
  background-color:#f0f0f0;
}
#dialogpadding, #dialog{
  padding-top:50px;
  padding-left:10px;
  padding-right:10px;
  padding-bottom:10px
}
#dialoginborder, #dialog{
  border:solid 1px #FFF
}
.dialogoutborder{
  padding:5px;
  background:#e91c5f
}
#overlay{
  background-color:#bc3f96
}
/* buttons */
.button{
  text-align:center;
  background-image:url('http://stcm.nl/ramadan/img/btn.gif');
  height:18px;
  width:73px;
  font-weight:bold;
  color:#FFF;
  padding: 0px 18px 5px 0px
}
/* start mainpagina */
#main{
  width:990px;
  margin:0px auto;
  overflow:hidden
}
#footer{
  width:968px;
  height:20px;
  border-left:1px solid #ccc;
  border-right:1px solid #ccc;
  border-top:3px solid #ccc;
  background-color:#F0F0F0
}
#mainfl{
  width:624px;
  height:280px;
  margin:10px 0px 0px 10px
}
/* artikel display */
#artikeldisplay{
  background-image:url('http://stcm.nl/yasmina/img/artikeldisplay.gif ');
  background-repeat:no-repeat;
  width:990px;
  min-height:900px;
  background-color:#ffffff;
  padding-bottom:10px;
  border-left:1px solid #ccc;
  border-right:1px solid #ccc;
  border-bottom:1px solid #ccc
}
#artikeldisplay #brood{
  position:relative;
  top:7px;
  left:25px
}
#artikeldisplay #titel{
  color:#e60072;
  font-weight:bold;
  position:relative;
  top:30px;
  left:10px
}
#artikeldisplay #cat{
  position:relative;
  top:35px;
  left:10px
}
#artikeldisplay #datumin{
  font-family:Arial;
  font-size:12px;
  color:#afafaf;
  position:relative;
  top:17px;
  left:70px
}
#artikeldisplay #content{
  width:474px;
  font-family:Arial;
  font-size:12px;
  position:relative;
  top:-50px;
  left:160px
}
#artikeldisplay #wbdsrec{
  position:absolute;
  top:304px;
  margin-left:644px
}
#artikeldisplay #wbdssky{
  position:absolute;
  top:540px;
  margin-left:20px
}
#artikeldisplay #plaatje{
  position:relative;
  top:60px;
  left:10px;
  width:140px;
  height:90px
}
#artikeldisplay #tags{
  position:relative;
  top:65px;
  left:10px;
  width:140px;
  height:20px;
  overflow:hidden
}
#artikeldisplay #translink{
  position:absolute;
  top:595px;
  margin-left:644px;
  width:336px;
  height:370px
}
/* thema display */
#themadisplay{
  background-image:url('http://stcm.nl/yasmina/img/themadisplay.gif');
  background-repeat:no-repeat;
  background-color:#ffffff;
  border-left:1px solid #ccc;
  border-right:1px solid #ccc;
  border-bottom:1px solid #ccc;
  width:990px
}
#themadisplay #wbdsrec{
  position:absolute;
  top:283px;
  margin-left:644px
}
#themadisplay #translink{
  position:absolute;
  top:573px;
  margin-left:644px;
  width:336px;
  height:280px
}
/* thema's */
#thema_mode{
  background-image:url('http://stcm.nl/yasmina/img/thema_mode.jpg');
  background-repeat:no-repeat;
  margin:11px 0px 10px 10px;
  width:624px;
  height:870px;
  overflow:hidden
}
#thema_beauty{
  background-image:url('http://stcm.nl/yasmina/img/thema_beauty.jpg');
  background-repeat:no-repeat;
  margin:11px 0px 10px 10px;
  width:624px;
  height:940px;
}
#thema_show{
  background-image:url('http://stcm.nl/yasmina/img/thema_show.jpg');
  background-repeat:no-repeat;
  margin:11px 0px 10px 10px;
  width:624px;
  height:940px;
}
#thema_family{
  background-image:url('http://stcm.nl/yasmina/img/thema_family.jpg');
  background-repeat:no-repeat;
  margin:11px 0px 10px 10px;
  width:624px;
  height:928px;
}
#thema_cuisine{
  background-image:url('http://stcm.nl/yasmina/img/thema_cuisine.jpg');
  background-repeat:no-repeat;
  background-repeat:no-repeat;
  margin:11px 0px 10px 10px;
  width:624px;
  height:928px;
}
#thema_carriere{
  background-image:url('http://stcm.nl/yasmina/img/thema_carriere.jpg');
  background-repeat:no-repeat;
  margin:11px 0px 10px 10px;
  width:624px;
  height:940px;
}
#thema_islam{
  background-image:url('http://stcm.nl/yasmina/img/thema_islam.jpg');
  background-repeat:no-repeat;
  margin:11px 0px 10px 10px;
  width:624px;
  height:928px;
}
/* frontdisplay */
#frontdisplay{
  background-image:url('http://stcm.nl/yasmina/img/frontdisplay.jpg');
  background-repeat:no-repeat;
  min-height:900px;
  background-color:#ffffff;
  padding-bottom:10p;
  border-left:1px solid #ccc;
  border-right:1px solid #ccc;
  border-bottom:1px solid #ccc
}
#frontdisplay #wbdsrec{
  position:absolute;
  top:496px;
  margin-left:644px
}
#frontdisplay #wbdsleader{
  position:absolute;
  top:1025px;
  margin-left:252px
}
#frontdisplay #translinkv{
  position:absolute;
  top:824px;
  margin-left:11px;
  width:233px;
  height:530px
}
#frontdisplay #translinkb{
  position:absolute;
  top:824px;
  margin-left:644px;
  width:336px;
  height:190px
}
#frontdisplay #translinkbl{
  position:absolute;
  top:1160px;
  margin-left:644px;
  width:336px;
  height:163px
}
#frontdisplay #nieuws1{
  position:absolute;
  top:825px;
  margin-left:255px;
  width:380px;
  height:190px;
  overflow:hidden
}
#frontdisplay #nieuws2{
  position:absolute;
  top:1130px;
  margin-left:255px;
  width:380px;
  overflow:hidden
}
#frontdisplay .timg{
  width:120px;
  padding-right:10px
}
#frontdisplay .ninfo {
  width:240px
}
#frontdisplay .ninfo .ntitel {
  padding-bottom:5px
}
#frontdisplay .headline{
  border-bottom:1px dotted #f0f0f0;
  padding-bottom:5px;
  margin-bottom:5px
}