/*
----------------------------------------------------------------------
Design door Richard Snijders.
Slice door Richard Snijders.
Criminolz is een onderdeel van Game-projects (www.game-projects.net).
© 2008
----------------------------------------------------------------------
*/

body {
	background: url(images/background_main.jpg);
	text-align: center;
}

#container {
	text-align: left;
	margin: 0 auto;
	width: 880px;
}

a:link {
	color: #dddddd;
	text-decoration: none;
	font-weight: bold;
}

a:visited {
	color: #dddddd;
	text-decoration: none;
	font-weight: bold;
}

a:hover {
	color: #ffffff;
	text-decoration: underline;
	font-weight: bold;
}

.onderwerp {
	background: #777777;
	color: #fafafa;
	padding: 4px 6px;
	font-weight: bold;
	border-bottom: 1px solid #000000;
	margin: 0 -6px 4px;
}

#header {
	background: url(images/header.jpg) no-repeat;
	width: 875px;
	height: 215px;
}

#status {
	background: url(images/status.gif) no-repeat;
	width: 245px;
	height: 205px;
	position: absolute;
	margin-left: 628px;
	margin-top: 2px;
	padding-top: 20px;
	padding-left: 20px;
	font: bold 15px Arial;
	color: #101010;
}

#status table {
	font: 11px Arial;
	color: #101010;
	float: left;
}

#navbar_end_left {
	background: url(images/navbar_left.gif) no-repeat;
	width: 15px;
	height: 55px;
	float: left;
	margin-top: 5px;
}

#navbar_mid {
	margin: 0;
	padding: 0;
	background: url(images/navbar_mid.gif) repeat-x;
	width: 845px;
	height: 55px;
	float: left;
	margin-top: 5px;
}

#navbar_mid li {
	display: inline;
}

#navbar_mid li a {
	padding: 15px 10px 0px 10px;
	font: bold 13px Verdana, Helvetica, Tahoma;
	text-decoration: none;
	color: #101010;
	display: block;
	float: left;
	outline: none;
	height: 40px;
}

#navbar_mid li a:hover {
	background: url(images/navbar_mid_active.gif) repeat-x;
	color: #ffffff;
}

#navbar_end_right {
	background: url(images/navbar_right.gif) no-repeat;
	width: 15px;
	height: 55px;
	float: left;
	margin-top: 5px;
}

a.tab {
	padding-left: 5px;
	padding-right: 5px;
	border: solid 1px #c0c0c0;
	font: 11px;
	font-family: Arial;
	border-width: 1px;
	outline: none;
}

a.tab_active {
	padding-left: 5px;
	padding-right: 5px;
	border: solid 1px #ffffff;
	font: 11px;
	font-family: Arial;
	color: #000000;
	background-color: #e5e5e5;
	border-width: 1px;
	outline: none;
}

a.tab:hover,a.tab_active:hover {
	border: solid 1px #5e5e5e;
	text-decoration:none;
}

#column_container {
	float: left;
	width: 210px;
	margin-top: 10px;
}

#column_dark_content_top {
	background: url(images/menucontainer_top.gif) no-repeat;
	width: 210px;
	padding-top: 15px;
	margin-top: 10px;
}

#column_dark_content {
	background: #313131;
}

#column_dark_content_bottom {
	background: url(images/menucontainer_bottom.gif) no-repeat;
	width: 210px;
	height: 15px;
}

#menu_head {
	background: url(images/menu_head.gif) no-repeat;
	width: 205px;
	height: 30px;

	margin-left: 2px;
	padding-top: 5px;
	padding-left: 10px;
	font: bold 12px Arial;
}

#menu_content {
	background: url(images/menucontent.gif) repeat-y;
	padding-top: 5px;
	width: 203px;
	margin-left: 2px;
}

#menu_content ul {
	padding: 0;
	margin: 0;
	padding-left: 2px;
	padding-right: 4px;
}

#menu_content ul li {
	display: inline;
}

#menu_content ul li a {
	padding-left: 10px;
	color: #fff;
	text-decoration: none;
	display: block;
	font: 11px Arial;
	outline: none;
}

#menu_content ul li a:hover {
	background: url(images/menu_li_a.jpg) repeat-x;
	color: #101010;
}

#menu_content_bottom {
	background: url(images/menucontent_bottom.gif) no-repeat;
	width: 205px;
	height: 10px;
	margin-left: 2px;
}

#content_container {
	float: left;
	width: 440px;
	margin-left: 10px;
	margin-right: 10px;
}

#content_top {
	background: url(images/content_top.gif) no-repeat;
	width: 440px;
	height: 15px;
	margin-top: 20px;
	float: left;
}

#content {
	background: #343434;
	width: 425px;
	word-wrap: break-word;

	font: 11px Arial;
	color: #fff;
	margin-top: -5px;
	padding-left: 10px;
	padding-right: 5px;
	padding-top: 5px;
	float: left;
}

#content_bottom {
	background: url(images/content_bottom.gif) no-repeat;
	width: 440px;
	height: 15px;
	float: left;
}

h1.titel {
	font: bold 13px Verdana, Helvetica, Tahoma;
	padding: 0;
	margin: 0;
	margin-bottom: 5px;
}

div.dark {
	background: #2a2a2a;
	width: 400px;
	margin-left: 5px;
	margin-top: 10px;
	padding-top: 10px;
	padding-left: 5px;
	padding-bottom: 10px;
	color: #bababa;
}

div.warningbar {
	background: url(images/warningbar.jpg) no-repeat;
	width: 425px;
	height: 45px;
	padding-top: 10px;
	padding-left: 10px;
	font: bold 12px Verdana, Helvetica, Tahoma;
	margin-top: 10px;
}

div.warningbar span.dark {
	color: #424242;
}

div.warningbar a {
	color: #ffffff;
	text-decoration: none;
}

div.warningbar a:hover {
	color: #eeeeee;
	text-decoration: underline;
}

div.footer {
	font: bold 11px Verdana, Helvetica, Tahoma;
	color: #fff;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 15px;
}

.quotetitle {
	margin: 10px 5px 0 5px;
	padding: 4px;
	border-width: 1px 1px 0px 1px;
	border-style: solid;
	border-color: #7a7a7a;
	color: #000000;
	background-color: #d7d7d7;
	font-size: 11px;
	font-weight: bold;
}

.quotetitle .quotetitle {
	font-size: 1em;
}

.quotecontent {
	margin: 0 5px 10px 5px;
	padding: 5px;
	border-color: #7a7a7a;
	border-width: 0 1px 1px 1px;
	border-style: solid;
	font-weight: normal;
	font-size: 11px;
	line-height: 1.4em;
	font-family: Arial;
	background-color: #ffffff;
	color: #000000;
}

table {
	color: #ffffff;
	font: 11px Arial;
}

td.start {
	border-bottom: #f5f5f5 solid 1px;
	font: bold 11px Arial;
	color: #d4d4d4;
}

td.list {
	border-bottom: #878787 solid 1px;
	font: 11px Arial;
	color: #ffffff;
}

td.shop {
	border-bottom: #878787 solid 1px;
	padding-top: 10px;
	padding-bottom: 10px;
}

td.shop_end {
	padding-top: 10px;
}

textarea.textarea {
	background: #dadada;
	border: #101010 solid 1px;
	font: 11px Arial;
	scrollbar-arrow-color: #a4a4a4;
	scrollbar-face-color: #cdcdcd;
	scrollbar-highlight-color: #f1f1f1;
	scrollbar-3dlight-color: #e7e7e7;
	scrollbar-shadow-color: #949494;
	scrollbar-darkshadow-color: #cfcfcf;
	scrollbar-track-color: #ededed;
}

input.input {
	background: url(images/input.jpg) repeat-x;
	height: 20px;
	font: 11px Arial;
	border: #101010 solid 1px;
}

select.input {
	background: #efefef;
	height: 20px;
	font: 11px Arial;
}

.submit {
	background: url(images/input.jpg) repeat-x;
	height: 20px;
	font: 11px Arial;
	border: #101010 solid 1px;
}