/*--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

              _   _  ___  ____          ___  _____ 
             | | | ||_ _||  _ \        |_ _||_   _|
             | |_| | | | | |_) | _____  | |   | |
             |  _  | | | |  __/ |_____| | |   | |
             |_| |_||___||_|           |___|  |_|
 
   
        (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!

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
body{
  background-image:url('../img/bg_gra.gif');
  background-color:#FFFFFF;
  background-repeat: repeat-x;
  font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
  font-size: 11px;
  color: #5C5B5B;
  margin: 0;
  padding: 0
}
td, th, input, select, textarea {
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px
}
A:link, A:visited, A:active{
	color: #999999;
	text-decoration: underline
}
A:hover{
	color: #F59B25;
	text-decoration: underline
}
.red A:link, .red A:visited, .red A:active{
	color: #F52625;
	text-decoration: underline
}
.red A:hover{
	color: #F59B25;
	text-decoration: none
}
.blink A:link, .blink A:visited, .blink A:active{
	color: #249bff;
	text-decoration: none
}
.blink A:hover{
	color: #D20001;
	text-decoration: underline
}
.dlink A:link, .dlink A:visited, .dlink A:active{
	color: #999999;
	text-decoration: none
}
.dlink A:hover{
	color: #999999;
	text-decoration: underline
}
.tlink A:link, .tlink A:visited, .tlink A:active{
	color: #999999;
	text-decoration: none
}
.tlink A:hover{
	color: #61CEFF;
	font-weight:bold
}
.alignr{
  text-align: right
}
.bl{
  color:#61CEFF
}
.b{
  font-weight: bold
}
.u{
  text-decoration: underline
}
.r{
  color: #D20001
}
.g{
  color: #ABABAB
}
.z{
  color: #000000
}
.w{
  color: #ffffff
}
.o{
  color: #F59B25
}
.asf{
	font-size: 9px;
	font-family: Arial, Helvetica
}
.vsf{
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica
}
.vnf{
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica
}
.vlf{
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica
}
.vgf{
	font-size: 18px;
	font-family: Verdana, Arial, Helvetica
}
.tsf{
	font-size: 9px;
	font-family: Tahoma, Verdana, Helvetica
}
.tnf{
	font-size: 11px;
	font-family: Tahoma, Verdana, Helvetica
}
.tlf{
	font-size: 13px;
	font-family: Tahoma, Verdana, Helvetica
}
.linespacing{
  line-height: 0.5cm
}
.nolinespacing{
  line-height: 0.35cm
}
.skin_white{
	background-color:#FFFFFF
}
.skin_light{
	background-color:#AFE000
}
.skin_medium{
	background-color:#FF9E35
}
.skin_dark{
	background-color:#61CEFF
}
.alt1{
	background-color:#F6F6F7
}
.alt2{
	background-color:#ECECEC
}
.aborder{
	border-width : 1px;
	border-style : solid;
	border-color : #D9D9D9
}
.tborder{
	border-top-width : 1px;
	border-top-style : solid;
	border-top-color : #D9D9D9
}
.rborder{
	border-right-width : 1px;
	border-right-style : solid;
	border-right-color : #D9D9D9
}
.bborder{
	border-bottom-width : 1px;
	border-bottom-style : solid;
	border-bottom-color : #D9D9D9
}
.lborder{
	border-left-width : 1px;
	border-left-style : solid;
	border-left-color : #D9D9D9
}
.bdottedbborder{
	border-bottom-width : 1px;
	border-bottom-style : dotted;
	border-bottom-color : #D9D9D9
}
.rdottedbborder{
	border-right-width : 1px;
	border-right-style : dotted;
	border-right-color : #D9D9D9
}
.ldottedbborder{
	border-left-width : 1px;
	border-left-style : dotted;
	border-left-color : #D9D9D9
}
.padding5{
	padding : 5px
}
.padding10{
	padding : 10px
}
img {
  border: none;
}
.hand{
  cursor:hand
}
.foutmelding{
  border-width: 1px 1px 1px 1px;
  border-style: dotted;
  border-color: #c0c0c0;
  background-color: #FFFFE1;
  background-image:url('/img/foutmelding.gif');
  background-repeat:no-repeat;
  background-position:10px 10px;
  padding:10px 10px 10px 30px
}
.redirect{
  border-width: 1px 1px 1px 1px;
  border-style: dotted;
  border-color: green;
  background-color: #FFFFE1;
  background-image:url('/img/icoon-refresh.gif');
  background-repeat:no-repeat;
  background-position:10px 10px;
  padding:10px 10px 10px 30px
}
select{
  background-color: #ffffff;
  color: #000000;
  border: 1px #A5ACB2;
  border-width: 1px;
  border-style: solid;
}
input{
  background-color: #ffffff;
  font-family:Arial;
  font-size:12px;
  width:180px;
  color: #414141;
  border: 1px #A5ACB2;
  border-width: 1px;
  border-style: dotted;
  padding:2px
}
textarea{
  background-color: #ffffff;
  color: #000000;
  border: 1px #A5ACB2;
  border-width: 1px;
  border-style: solid;
  width: 100%
}
option{
  background-color: #ffffff;
  color: #000000;
  border: 1px #A5ACB2;
  border-width: 1px;
  border-style: solid;
}
.button{
  background-image: url('../img/btn_bg.gif');
  background-position: top center;
  background-repeat: no-repeat;
  background-color: transparent;
  font-size:11px;
  font-family:Arial;
  font-weight:bold;
  color:#FFF;
  width: 90px;
  height: 15px;
  padding: 0px 0px 5px 0px;
  margin: 0;
  text-align: center;
  border: 0px solid white;
  cursor:hand
}
.aanmelden{
  background-image: url('/img/aanmeld_but.gif');
  width: 95px;
  height: 18px;
  cursor:hand;
  border:0px
}

.buttonlogin{
  background-image: url('../img/login_btn.gif');
  background-position: top center;
  background-repeat: no-repeat;
  background-color: transparent;
  font-size:11px;
  font-family:Arial;
  font-weight:bold;
  color:#FFF;
  width: 95px;
  height: 18px;
  padding: 0px 0px 5px 0px;
  margin: 0;
  text-align: center;
  border: 0px solid white;
  cursor:hand
}

.checkbox{
  border: 0px;
}

.imgborder {
  border-width : 1px 1px 1px 1px;
  border-style : solid;
  border-color : #ffffff

}
.pagenumstatic {
	color: #FFFFFF;
	background-color: #ABBEEF;
	border-color: #ffffff;
	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 {
	color: #ffffff;
	background-color: #6E89DD;
	border-color: #ffffff;
	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:hover {
	color: #6E89DD;
	background-color: #FFFFFF;
	text-decoration: none;
	border-color: #000000;
	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;
}
#mainmenu{
  width:770px;
  height:100px
}
.tmargin{
  margin-top:10px
}
.bmargin{
  margin-bottom:10px
}
.lmargin{
  margin-left:10px
}
.rmargin{
  margin-right:10px
}
.alignr{
  text-align:right
}
#trailer{
  width:550px;
  height:188px
}
.container{
  background-image:url('../img/grad.gif');
  background-position:top;
  background-repeat:repeat-x;
  background-color:#F3F3F3;
  border-left:1px solid #D9D9D9;
  border-right:1px solid #D9D9D9;
  border-bottom:1px solid #D9D9D9;
  width:188px;
  margin-bottom:20px;
  padding:10px
}
.footer{
  background-image:url('../img/grad.gif');
  background-position:bottom;
  background-repeat:repeat-x;
  background-color:#F3F3F3;
  border:1px solid #D9D9D9;
  width:750px;
  margin:20px 0px 20px 0px;
  padding:10px
}

.bheader{
  width:210px;
  height:13px;
  background-image:url('../img/balkje.gif');
  background-repeat:no-repeat;
}
.theader{
  background-image:url('../img/dot_1.gif');
  background-repeat:no-repeat;
  background-position: 0px 8px;
  padding: 5px 5px 5px 20px;
  font-weight:bold
}
.dheader{
  background-image:url('../img/dot_2.gif');
  background-repeat:no-repeat;
  background-position: 0px 8px;
  padding: 5px 5px 5px 20px;
  font-weight:bold
}
.arrowrb{
  background-image:url('../img/front_b.gif');
  background-repeat:no-repeat;
  background-position: 0px 7px;
  padding: 5px 30px 5px 20px
}
.arrowlb{
  background-image:url('../img/back_b.gif');
  background-repeat:no-repeat;
  background-position: 0px 7px;
  padding: 5px 30px 5px 20px
}
.arrowro{
  background-image:url('../img/front_o.gif');
  background-repeat:no-repeat;
  background-position: 0px 7px;
  padding: 5px 30px 5px 20px
}
.arrowlo{
  background-image:url('../img/back_o.gif');
  background-repeat:no-repeat;
  background-position: 0px 7px;
  padding: 5px 30px 5px 20px
}
.tcontent{
  padding: 5px 10px 10px 20px
}

.tbox{
  padding: 10px 0px 10px 0px;
  border-top-width : 1px;
	border-top-style : dotted;
	border-top-color : #E4E4E4
}
.timg{
  margin: 2px 10px 0px 0px
}
.floatl{
  float:left;
}
.cleardiv{
  clear:both;
  height:0px;
  width:0px;
  overflow:hidden
}
.tdimg{
  width:70px
}
.tdcontent{
  width:550px
}
.tddcontent{
  width:475px
}
.tcimg{
  width:160px
}
.tccontent{
  width:465px
}
.paddingr{
  padding-right:50px
}
#casestitels{
  width:170px;
  overflow:hidden
}
#casesplaatjes{
  width:483px;
  overflow:hidden
}

/* nieuwe shit */
.frontheadline{
  background-image:url('/img/n_arrow.gif');
  background-repeat:no-repeat;
  background-position:0px 13px;
  padding:10px 5px 5px 18px
}
.frontbg{
  background-image:url('/img/frontbg.gif');
  background-repeat:no-repeat;
  padding:10px;
  width:530px;
  border-bottom:1px solid #D9D9D9;
  overflow:hidden
}