/* Stylesheet "http://www.detuynvanmade.nl/" */
/* pixi_khaki 5f7b2a */
/*
1em => 12px;
1.5em => 17px;
* */

body, div, table {
	/*margin: 0px;*/
	background: #5f7b2a; /*url(../images/pixi_khaki.gif);*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.95em;	/* 12px; */
	text-align:center;
}

h1
{
	background: inherit;
	border-bottom: 1px dashed #ccc;
	color:#ffff00;
	font: 1.5em Georgia, serif;
	margin: 0 0 0.5em;
	padding: 0 0 5px;
	text-align: center;
}

h1.noborder {
	border:0;
    font:16px Verdana, Arial, Helvetica, sans-serif;
    font-weight:bold;
    padding:10px 0px 5px 0px;
}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	color: #ffffff;
}
p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.95em;
	color: #fff;

}
h3, h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #fff;
}

.wit { color: #fff; text-align:center; width:100%;  }

a:link {
	color: #fff;
	text-decoration:none;
}
a:visited {
	color: #fff;
	text-decoration:none;
}
a:hover {
	color:#0066FF;
	text-decoration:underline;
	}

.formclass
	input, textarea, select{
 		font-family: Verdana, Arial, Helvetica, sans-serif;
 		font-size: 0.94em;
 		background:#fff;
 		border: 1px solid #C0C0C0;
}
input:focus, textarea:focus{
	background-color:#CCFFFF;
}

#header {
	position:absolute;
	top:33px;
	left:0;
	padding:0;
	margin:0;
	width:100%;
	z-index: 1;
	/*overflow:hidden;*/
}

#header img {
	width:950px;
}

#container {
	width: 950px;
	position: relative;
	margin: 0 auto;
	text-align:left;
	background:#fff;
} 

#center {
	position: absolute;
	top:150px;
	left:266px;
	width:675px;
	text-align:left;
}

#center * {
	text-align:left;	
}

#left {
	border: 1px solid silver;
	float:left;
	width:230px;
	height:75%;
	background:#003300 !important;
	margin:150px 5px 10px 10px;
	text-align:left;
}

#left #left-content {
	background: #003300;
	float:left;
	padding-left:5px;
	width:225px;
	min-height:525px;
	text-align:left;
}

#left #left-content .inner {
	float:left;
    text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#footer {
	display: none;
	width:100%;
	float:right;
	margin: 15px auto 15px auto;
	position: relative;
	padding-top: 15px;
	color:#fff;
}

/* =-=-=-=-=-=-=-[HoofdMenu]-=-=-=-=-=-=-=-=-=- */
#nav {
  position:absolute;
  top:0px;
  left:0px;
  height:33px;
  width: 950px;
}

ul.menu {
  padding:0;
  margin:0;
  list-style-type:none;
  white-space:nowrap;
  cursor:pointer;
  float:left;
  width:100%;
  background: url(../images/menubg.jpg) no-repeat top right;
  }

.menu li {
  float:left;
  background:url(../images/btn_up.gif) no-repeat top left;
  border-right: 1px solid #798f48;
  width:98px;
  height:33px;
  }
 
 .menu li:hover {
 	background:url(../images/btn_down.gif);
 } 

.menu span {
  display:block;         /* Alle browsers behalve IE */
  font:1.1em Times New Roman;
  font-weight:bold;
  padding-top:7px;
  color:#660000;  
  border:0;
  text-decoration:none;
  text-align:center;
}

/*	---	*/

.ErrorText, .error {
	color: #ff0000;
	font-weight:bold;
	width:80%;
	display: block;
	border: 1px solid #ff0000;
	background: #eee;
}

div.line {
	clear:both;
	border-top: 1px dashed #ccc;
	text-align:center;
	margin: 5px 0 5px 0;
}

.links_main {
	width:500px;
    margin-bottom:5px;
    line-height:16px;
    float:left;
    text-align:left !important;
}

.links_main ul {
       list-style: circle;
       color:#fff;
       /*line-height:14px;*/
       margin-top:5px;
    }

.links_main a:link {   
	color: #fff;
	text-decoration:none;
}
.links_main a:visited {
	color: #fff;
	text-decoration:none;
}
.links_main a:hover {
	color:#FFFF00;
	text-decoration:underline;
}

#Box {
	/*border: 1px solid silver;*/
	color:#fff;
	font-size:0.94em;
	text-align:left;
}

#Box label{
	font-size: 1em;
	margin: 5px;
	float: left;
	width: 120px;
	font-weight:normal;
}

#Box legend {
	text-decoration:underline;
}

#Box input, textarea{
	margin: 5px;
	padding:1px 3px;
	width: 180px;
	border: 1px solid #003300;
}
#Box textarea{
	width: 300px;
	height: 150px;
}
#Box .boxes{
	width: 1em;
}
#Box .knop {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background:#003300;
	border:1px solid #003300;
	height:20px;
	margin:5px;
	padding:1px 4px;
	color:#fff;
	cursor:pointer;
	width:auto;
	font-size:1em;
}
#Box .knop:hover {
	background: #fff;
	color:#0D0D27;
}

#Box br{
	clear: left;
}

#hotspot {
	position:absolute;
	left: 30px;
	top: 550px;
}

.subtitle {
	background: inherit;
	color:#FFFF00;
	font-family:Georgia, serif;
    font-size:1.1em;
	margin:0px 5px 5px 10px;
}

#contact-details {
	float:left;
	color:#fff;
}

div#photo-box {
	float: left;
	background: #660000; 
	height: 100%; 
	padding: 10px; 
	border: 1px solid #000;
	width: 510px;
}

.photo-block {
    position: relative;
    background:#660000;
    width: 500px;
    margin: 16px 0 0 16px;
    display: inline;
    float: left;
    line-height: 0%;
    font-size: 1px;
}
.photo-block UL {
    padding: 0px;
    margin: 16px 0 0 0;
    list-style: none;
}
.photo-block UL LI {
    margin-right: 6px;
    float: left;
	width:116px;
	height:87px;
}
.photo-block UL LI IMG {vertical-align: top;}
.photo-block A.prev-button {
	font-size:16px;
	font-weight:bold;
	color:#fff;
    position: absolute;
    top: 375px;
    left: 0px;
}
.photo-block A.next-button {
	font-size:16px;
	font-weight:bold;
	color:#fff;
    position: absolute;
    top: 375px;
    left: 430px;
}
.photo-block A.next-button:HOVER, .photo-block A.prev-button:HOVER, .photo-block UL LI A:HOVER, .pages UL LI A.prev-b:HOVER, .pages UL LI A.next-b:HOVER {
    opacity: 0.8;
}

div.photo-block div.big-img {text-align:center;background:#660000;}

div.carousel {
	overflow:hidden;
	width:490px;
	height: 105px;
	float:left;
	background: #660000;
	margin:16px 5px 0 60px;
}

.carousel ul li img {border:1px solid #000;}

table.voorraad {
	width:670px;
	border:1px solid white;
	border-collapse: collapse;
	border-spacing: 3px;
}

table.voorraad th, table.voorraad td {
	font-size:0.93em;
	color: #000;
	padding: 2px 4px;
	border: 1px solid #003300;	
}

table.voorraad th {
	text-align:left;
	color: #ffff00;	
}

table.voorraad th:hover {cursor:pointer;}

table.voorraad td {background:#fff;}

table.voorraad tr.even td {background:#d5ffd5;}
table.voorraad tr.odd td {background:#e2ffe2;}

#tablemain_wrapper {
	position: relative;
	float:left;
	min-height: 302px;
	_height: 302px;
	clear: both;
	color:#fff;
}

#tablemain_processing {
	position: absolute;
	top: 0px;
	left: 50%;
	width: 250px;
	margin-left: -125px;
	border: 1px solid #ddd;
	text-align: center;
	font-size: 11px;
	padding: 2px 0;
}

#tablemain_length {	
	width: 40%;
	float: left;
	margin:5px;
}

#tablemain_length select {margin-left:5px;border: 1px solid #003300;padding-left: 3px;}

#tablemain_filter {
	width: 50%;
	margin-right:20px;
	float: right;
	text-align: right;
	margin:5px;
}

#tablemain_filter input {border: 1px solid #003300;padding:1px 3px;}

#tablemain_info {
	width: 40%;
	float: left;
	margin-top:5px;
}

.dataTables_paginate {
	/*width: 44px;
	* width: 50px;*/
	float: right;
	font-size:0.92em;	/*11px;*/
	margin-top:5px;
	margin-right:5px;
}

.dataTables_paginate span {
	/*border:1px solid #9aafe5;*/
	margin-right:2px;
}

.paginate_button {
	display:block;
	background: #fff;
	float:left;
	padding:3px 6px;
	text-decoration:none;
	border:1px solid #003300;	/*9aafe5;*/
	color:#003300;		/*0e509e;*/
}
.paginate_button:hover {background:#003300;color:#fff;cursor:pointer;}
.paginate_active {
	background:#ffff00;	/*13b2ee;		/*2e6ab1;*/
	color:#008800;
	font-weight:bold;
	display:block;
	float:left;
	padding:3px 6px;
	border:1px solid #003300;	
}

.sorting_asc {
	background: url("../images/sort_asc.gif") #003300 no-repeat center right !important;
}

.sorting_desc {
	background: url("../images/sort_desc.gif") #003300 no-repeat center right !important;
}

.sorting {
	background: url("../images/sort_both.gif") #003300 no-repeat center right !important;
}