* { margin: 0;  }

html {
	height: 100%;
	background: url(../img/bg/ruis.gif);
	}

body {
	height: 100%;
	background: url(../img/bg/behang.jpg) repeat-x top;
	font: 11px Arial, Helvetica, sans-serif;
	color: #3e3725;
	}

a { text-decoration: none; white-space: nowrap; }
h1 { width: 520px; height: 24px; padding: 6px 10px 0; margin: -10px -10px 3px; font-size: 17px; color: #d9d4c7; text-transform: uppercase; background: url(../img/bg/h1.gif); border-bottom: 1px solid #d9d4c7; }
.tImg { width: 540px; margin: -3px -10px 3px; font-size: 17px; color: #d9d4c7; text-transform: uppercase; border-bottom: 1px solid #d9d4c7; }
h2 { }  
h3 { width: 190px; height: 36px; margin: 0 -20px 7px; text-indent: -9999px; }
p { margin: 0 0 18px; }
  input { font: 11px Arial, Helvetica, sans-serif; color: #3e3725; border: 0px solid #ABA28B; background: #E2DED4; }
 .item input { font: 11px Arial, Helvetica, sans-serif; color: #3e3725; border: 1px solid #ABA28B; background: #E2DED4; }
 #daddy-shoutbox input { font: 11px Arial, Helvetica, sans-serif; color: #3e3725; border: 1px solid #ABA28B; background: #E2DED4; }
textarea { font: 11px Arial, Helvetica, sans-serif; color: #3e3725; border: 1px solid #ABA28B; background: #E2DED4; width: 300px;  }
select { font: 11px Arial, Helvetica, sans-serif; color: #3e3725; border: 1px solid #ABA28B; background: #E2DED4; width: 200px;  }

#container {
	width: 960px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -60px;
	}
 
#header {
	width: 960px;
	height: 113px;
	}
	#header a.logo { width: 340px; height: 113px; display: block; margin: 8px 0 0 33px; background: url(../img/bg/logo.png); text-indent: -9999px; position: absolute; }
	#header .cartoon { width: 82px; height: 130px; margin: 12px 0 0 668px; background: url(../img/bg/cartoon.png); position: absolute; }
	#header #inloggen { width: 150px; height: 53px; padding: 30px 20px 10px; background: url(../img/bg/inloggen.gif); float: right; }
	#header #inloggen .user { width: 124px; height: 17px; padding: 4px 4px 0 22px; margin: 0 0 1px; background: url(../img/bg/input-user.gif); float: left; }
	#header #inloggen .user:focus { background: url(../img/bg/input-user.gif) bottom; }
	#header #inloggen .pass { width: 94px; height: 17px; padding: 4px 4px 0 22px; background: url(../img/bg/input-pass.gif); float: left; }
	#header #inloggen .pass:focus { background: url(../img/bg/input-pass.gif) bottom; }
	#header #inloggen .btn { width: 29px; height: 21px; padding: 0; margin: 0 0 0 1px; background: url(../img/bg/inloggen-btn.gif); float: left; cursor: pointer; }
	#header #inloggen .btn:focus, #header #inloggen .btn:hover { background: url(../img/bg/inloggen-btn.gif) bottom; }
	#header #talk { background: url(../images/talk.png); width: 160px; height: 68px; position: absolute;  margin: 12px 0 0 468px; color: #605A48; padding: 18px 30px 5px 10px }

#content {
	width: 960px;
	background: url(../img/bg/content.gif);
	overflow: hidden;
	}
	.contentbottom { width: 960px; height: 5px; background: url(../img/bg/content-bottom.gif); font-size: 0; }

#left, #right {
	width: 150px;
	padding: 20px 20px 0;
	float: left;
	overflow: hidden;
	}
	#left ul, #right ul { padding: 0 0 20px; list-style: none; }
	#left li a, #right li a { width: 130px; padding: 3px 0 3px 20px; display: block; background:url(../img/icons/menu.gif) no-repeat 5px 6px; border-bottom: 1px solid #988e77; color: #3e3725; }
	#left li a:hover, #right li a:hover { background:url(../img/icons/menu.gif) no-repeat 5px -16px; border-bottom: 1px solid #a49a84; font-weight: bold; }
	
#stats {
	width: 150px;
	padding: 0 0 10px;
	color: #d9d4c7;
	overflow: hidden; 
	}
	#stats a { padding: 0 0 0 25px; color: #d9d4c7; }
	#stats a:hover { color: #3e3725; }
	#stats span { height: 22px; background-repeat: no-repeat !important; float: left; }
	#stats .bank { width: 82px; background: url(../img/icons/bank.png); }
	#stats .respect { width: 65px; background: url(../img/icons/respect.png); }
	#stats .status { width: 82px; background: url(../img/icons/status.png); }
	#stats .nieuws { width: 63px; background: url(../img/icons/nieuws.png); }
	#stats .promotie { width: 82px; background: url(../img/icons/promotie.png); }
	#stats .stats { width: 63px; background: url(../img/icons/stats.png); }
	#stats .vrienden { width: 82px; background: url(../img/icons/vrienden.png); }
	#stats .reizen { width: 63px; background: url(../img/icons/reizen.png); }
	#stats .help { width: 82px; background: url(../img/icons/help.png); }
	#stats .loguit { width: 63px; background: url(../img/icons/loguit.png); }
	#stats .diamant { width: 82px; background: url(../img/icons/diamant.png); }
	#stats .tijd { width: 43px; background: url(../img/icons/tijd.png); padding: 0 0 0 25px; }

#main {
	width: 540px;
	padding: 20px 20px 0;
	background: url(../img/bg/main-top.gif) no-repeat;
	line-height: 18px;
	float: left;
	}
	#main a { color: #c72e26; font-weight: bold; }
	#main a:hover { color: #000; }
	#main .item { width: 520px; padding: 10px 10px 10px 10px; margin: 0 0 20px; background: url(../img/bg/main-item-bottom.gif) no-repeat bottom #cbc2ac; text-align: justify; overflow: hidden; }
	#main .false { width: 518px; padding: 10px; margin: 0 0 20px; background:  #FFE1DE; text-align: justify; overflow: hidden; border: 1px solid #FF3521; color: #FF3521;}
	#main .false input { margin: 2px; background:  #FFE1DE; border: 1px solid #FF3521; color: #FF3521;}
	#main .correct { width: 518px; padding: 10px; margin: 0 0 20px; background:  #DAEFD6; text-align: justify; overflow: hidden; border: 1px solid #5EBB41; color: #5EBB41;}
	#main .code { width: 518px; padding: 10px; margin: 0 0 20px; background:  #cccccc; text-align: justify; overflow: hidden; border: 1px solid #666666; color: #333333;}
	#main .correct  img{ margin-left: 20px; border: 1px solid #5EBB41; }
	#main .item #geld { padding: 2px 3px 3px 22px; height: 22px; background-repeat: no-repeat !important;  background: url(../img/icons/bank.png); }
	#main .item #tijd { padding: 2px 3px 3px 22px; height: 22px; background-repeat: no-repeat !important;  background: url(../img/icons/tijd.png); }
	#main .aanmelden a { width: 244px; height: 57px; margin: 0 0 20px 148px; display: block; background: url(../img/bg/aanmelden.jpg); text-indent: -9999px; }
	#main .gids a { width: 540px; height: 138px; margin: 0 0 20px; display: block; background: url(../images/gids.png); text-indent: -9999px; }
	#main .aanmelden a:hover { background: url(../img/bg/aanmelden.jpg) bottom; }
	#main #news { padding: 0 0 18px; list-style: none; }
	#main #news li a { width: 495px; padding: 3px 0 3px 25px; display: block; background: url(../img/icons/nieuws.png) no-repeat 0 3px; color: #3e3725; font-weight: normal; border-bottom: 1px solid #d4ccb9; }
	#main #news li a:hover { border-bottom: 1px solid #d9d4c7; color: #c72e26; }
	#main #news span { padding: 0 10px 0 0; color: #7c735b; }


#vip {
	width: 520px;
	height: 77px;
	padding: 10px;
	margin: 0 0 20px;
	line-height: 20px;
	background: url(../img/bg/vip.gif);
	}
	#vip span { width: 149px; font-weight: bold; float: right; }
	#vip label { padding: 0 0 0 25px; background-repeat: no-repeat !important; background-position: left !important; float: right; }
	#vip div { width: 122px; height: 12px; padding: 0 0 0 3px; margin: 5px 25px 0 0; background: url(../img/bg/vip-bar.gif); color: #d9d4c7; line-height: 11px; float: right; }
	#vip div .progress { padding: 0; margin: 0; background: url(../img/bg/progress.gif) no-repeat right #c72e26; float: left;}
	#vip .geld { width: 70px; background: url(../img/icons/geld.png); }
	#vip .rang { width: 100px; background: url(../img/icons/rang.png); }
	#vip .bank { width: 70px; background: url(../img/icons/bank.png); }
	#vip .leven { width: 100px; background: url(../img/icons/leven.png); }
	#vip .inbox { width: 70px; background: url(../img/icons/inbox.png); }
	#vip .moord { width: 100px; background: url(../img/icons/moord.png); }
	#vip .schiet { width: 100px; background: url(../images/target.png); }
	#vip .diamant { width: 70px; background: url(../img/icons/diamant.png); }

#footer {
	width: 100%;
	height: 28px;
	padding: 12px 0 0;
	margin: 20px 0 0;
	background: url(../img/bg/footer.gif);
	text-align: center;
	color: #555;
	}
	#footer p { margin: 0; }
	#footer a { color: #777; }
	#footer a:hover { color: #c72e26; }


.push { height: 60px; }

.imgl { float: left; margin: 0 10px 0 0; }
.imgr { float: right; margin: 0 0 0 10px; }

.istats			{ background: url(../img/bg/outside.jpg); margin: -20px -20px 7px; }
.ilinkpartners	{ background: url(../img/bg/outside.jpg) 0 72px; }
.ialgemeen 		{ background: url(../img/bg/outside.jpg) 0 36px; margin: -20px -20px 7px; }


.criminaliteit { background: url(../img/bg/headers.jpg); margin: -20px -20px 7px; }
.communicatie { background: url(../img/bg/headers.jpg) 0 252px; }
.voertuigen { background: url(../img/bg/headers.jpg) 0 216px; }
.casino { background: url(../img/bg/headers.jpg) 0 180px; }
.profiel { background: url(../img/bg/headers.jpg) 0 144px; margin: -20px -20px 7px; }
.extra { background: url(../img/bg/headers.jpg) 0 108px; }
.moord { background: url(../img/bg/headers.jpg) 0 72px; }
.familie { background: url(../img/bg/headers.jpg) 0 36px; }
.subtitle {
padding: 4px;
text-align: center;
 background: #A89F88;
  font-size: 10px;
 font-family: verdana;
 font-weight: bold;
color: green;
 color: #3E3725;
}
.text {
 background: #CBC2AC;
 font-size: 10px;
 font-family: verdana;
 color: #3E3725;
}
.color {
color: green;
}
.red {
color: red;
}
.table {
width: 100%;
}
.text1 {
 background: #CECABD;
 font-size: 10px;
padding: 2px;
 font-family: verdana;
 color: #3E3725;
}
.text2 {
 background: #CAC5B7;
 font-size: 10px;
padding: 2px;
 font-family: verdana;
 color: #3E3725;
}
.cTable {
padding: 10px;
background: #c8bca0;
border-bottom: 1px solid #A89F88;
border-top: 1px solid #A89F88;
}
	.add {
		background: url('../images/icons/accept.png');
		display: block;
		width: 16px;
		height: 16px;
		margin-right: 10px; 
		float: left;
	}
	.error {
		background: url('../images/icons/error.png');
		display: block;
		width: 16px;
		height: 16px;
		margin-right: 10px; 
		float: left;
	}
	.edit {
		background: url('../images/icons/pencil.png');
		display: block;
		width: 16px;
		height: 16px;
	}
	.delete {
		background: url('../images/icons/cross.png');
		display: block;
		width: 16px;
		height: 16px;
	}
	
	.icons {
		margin-bottom: -3px;
		margin-left: 5px;
	}
	#shootingarea {
		width: 400px;
		height: 300px;
		border: 1px solid black;
		cursor: crosshair;
		background: url('../images/Shooting Range 2.bmp');
		float: left;
position: relative;
	}
	.target {
		background: url('../images/target.png');
		width: 16px;
		height: 16px;
position: relative;
	}
	#score {
		float: left;
		margin: 20px;
		font-size: 60px;
		padding: 2px;
	}
	#start {
		width: 80px;
		float: left;
		padding: 5px;
		background: #CECABD;
		font-size: 15px;
		margin: 3px;
		border: 1px solid #999;
		text-align: center;
		text-weight: bold;
	}
	#start:hover {
		background: #CAC5B7;
		border: 1px solid #000;
	}
	
	    #daddy-shoutbox {
      padding: 5px;
      background: #cec3ad;
	  overflow: hidden;
      color: #7b7563;
      width: 500px;
      font-family: verdana;
      font-size: 9px;
    }
    .shoutbox-list {
      border-bottom: 1px solid #cebea5;
      
      padding: 2px;
    }
    #daddy-shoutbox-list {
      text-align: left;
      margin: 0px auto;
    }
    #daddy-shoutbox-form {
      text-align: left;
    }
    .shoutbox-list-time {
      color: #7b7563;
    }
    .shoutbox-list-nick {
      margin-left: 5px;
      font-weight: bold;
    }
    .shoutbox-list-message {
      margin-left: 5px;
    }
    .IconFix {
		width: 18px;
	}