/************************ Style ************************/



html, body
		{
			/*background:	#fff;*/
			overflow:		hidden;
			margin:			auto;
		}

img
		{
			border-style:	none;
		}

.oranje	{
			color:#f1bf66;
		}
		
h2.h2	{
			font-size:14px;
			margin-bottom:-8px;
			padding-bottom:-8px;
		}

#body
		{
			position:		absolute;
			width:			100%;
			height:			100%;
			top:			0px;
			left:			0px;
			overflow:		auto;
			margin:			auto;
		}

#home_foto {
			margin:auto;
			padding:10px;
			width:200px;
		}

#line
		{
			background:		#f1bf65 url(/img/line.jpg) repeat-x;
			height:			4px;
			min-width:		660px;
			overflow:		hidden;
			width:			100%;
		}


.flash-visible
		{
			visibility:		visible;
		}
.flash-hidden
		{
			visibility:		hidden;
		}
		
#flashcheck	{
			display: block;
		}


#contact
		{
			z-index:9999;
			position:		absolute;
			border:			solid 0px;
			width:			100%;
			background:		url(http://improduct.nl/img/graybg.png);
			top:			0px;
			left:			0px;
		}


#contact_vak
		{
			position:		absolute;
			background:		#FFF;
			border:			#f9b24c solid 3px;
			font:			normal 12px Trebuchet MS;
			color:			#000;
			left:			50%;
			top:			30%;
			height:			auto;
			margin-left:	-170px;
			width:			300px;
			padding:		5px;
		}


.contact-visible
		{
			display:		inline;
		}
.contact-hidden
		{
			display:		none;
		}



#voorwaarde
		{
			z-index:9999;
			position:		absolute;
			border:			solid 0px;
			height:			100%;
			width:			100%;
			background:		url(http://improduct.nl/img/graybg.png);
			top:			0px;
			left:			0px;
		}


#voorwaarde_vak
		{
			position:		absolute;
			background:		#FFF;
			border:			#f9b24c solid 3px;
			font:			normal 12px Trebuchet MS;
			color:			#000;
			left:			50%;
			top:			20%;
			height:			auto;
			margin-left:	-300px;
			width:			600px;
			height:			400px;
			padding:		5px;
		}


#voorwaarde_vak_scroll
		{
			position:		absolute;
			background:		#FFF;
			font:			normal 12px Trebuchet MS;
			color:			#000;
			left:			50%;
			height:			auto;
			margin-left:	-300px;
			width:			600px;
			height:			360px;
			overflow:		auto;
		}
	
	
.voorwaarde-visible
		{
			display:		inline;
		}
.voorwaarde-hidden
		{
			display:		none;
		}


#links
		{
			z-index:		9999;
			position:		absolute;
			border:			solid 0px;
			height:			100%;
			width:			100%;
			background:		url(http://improduct.nl/img/graybg.png);
			top:			0px;
			left:			0px;
		}


#links_vak
		{
			position:		absolute;
			background:		#FFF;
			border:			#f9b24c solid 3px;
			font:			normal 12px Trebuchet MS;
			color:			#000;
			left:			50%;
			top:			30%;
			height:			auto;
			margin-left:	-170px;
			width:			300px;
			padding:		5px;
		}

	
.links-visible
		{
			display:		inline;
		}
.links-hidden
		{
			display:		none;
		}


#x1, #x2, #x3
		{
			float:			right;
		}
		


#foot
		{	
			min-width:		760px;
			width:			100%;
			float:			left;
			text-align:		left;
			height:			40px;
			position:		relative;
			background:		#f1bf65 url(/img/foot.jpg) repeat;
			font:			normal 11px Trebuchet MS;
			color:			#FFF;
		}

#foot_shadow
		{
			width:			98%;
			position:		absolute;
			margin-left:	1%;
			margin-right:	1%;
			text-align:		center;
			bottom:			0px;
			background:		#f1bf65 url(/img/foot.jpg) repeat;
			z-index:		-1;
			
			-moz-box-shadow: 0px 10px 20px #333;
			-webkit-box-shadow: 0px 10px 20px #333;
		}



#footl
		{
			float:			left;
			text-align:		left;
			padding-top:	20px;
			padding-left:	60px;
			position:		relative;
			height:			20px;
			width:			auto;
			background:		#f1bf65 url(http://improduct.nl/img/footl.jpg) no-repeat top left;
		}


		
#footr
		{
			float:			right;
			text-align:		right;
			padding-top:	20px;
			padding-right:	60px;
			position:		relative;
			height:			20px;
			width:			auto;
			background:		#f1bf65 url(http://improduct.nl/img/footr.jpg) no-repeat top right;
		}




#container
		{
			position:		relative;
			min-width:		800px;
			margin-top:		30px;
			margin-left:	100px;
			margin-right:	100px;
		}


	
#content
		{
			position:		relative;
			text-align:		left;
			background:		#59218C;
			clear:			both;
			margin-left:	50px;
			margin-right:	50px;
		}


#admin
		{
			padding-left:	40px;
			padding-right:	40px;
			position:		relative;
			z-index:		0;
		}


#admin_right
		{
			position:		absolute;
			float:			right;
			top:			130px;
			right:			40px;
			min-width:		200px;
			z-index:		99;
			text-align:		right;
			background:		#59218C;
		}

#admin_right_clicked
		{
			position:		absolute;
			float:			right;
			top:			128px;
			right:			38px;
			min-width:		840px;
			z-index:		99;
			text-align:		right;
			border:			solid #f1bf65 2px;
			background:		#59218C;
		}


.datatable
		{
			width:			70px;
			float:			left;
			text-align:		center;
		}

#menu
		{
			padding-left:	30px;
			padding-top:	15px;
			text-align:		left;
			color:			#FFF;
			font:			normal 12px Trebuchet MS;
			background:		#59218C;

		}


#text
		{
			width:			45%;
			padding-top:	15px;
			float:			right;
			padding-right:	30px;
			text-align:		left;
			margin-left:	20px;
			color:			#FFF;
			font:			normal 12px Trebuchet MS;
			background:		#59218C;
			clear:			both;
		}




#login
		{
			width:			45px;
			text-align:		left;
			float:			right;
			padding-top:	5px;
			padding-left:	5px;
		}


.vensterinhoud
		{
			position:		relative;
			float:			right;
			text-align:		left;
			right:			30px;
			border-top:		#000 solid 3px;
			border-left:	#000 solid 3px;
			border-right:	#000 solid 3px;
			font:			normal 12px Trebuchet MS;
			color:			#000;
			background:		#FFF;
			padding:		5px 5px 5px 5px;
			width:			170px;
			height:			200px;
			display:		hidden;
		}


.keuzelijst
		{
			position:		absolute;
			top:			0px;
			left:			0px;
			width:			0px;
			height:			0px;
			visibility:		hidden;
		}


#spreek
		{
			position:		relative;
			overflow:		hidden;
			height:			30px;
			right:			30px;
			width:			200px;
			float:			right;
			text-align:		right;
			background:		url(http://improduct.nl/img/spreekvenster.png) top right no-repeat;
		}

.div_foto {
			position:		relative;
		}

.foto	{
			border: solid 2px #59218c;
		}
		
.foto:hover	{
			border: ridge 2px #f9b24c;
			-moz-border-radius:4px; 
	    	-webkit-border-radius:4px;
			-moz-box-shadow: 0 0 10px #000;
			-webkit-box-shadow: 0 0 10px #000;
		}


th
		{
			text-align:center;
			font-size:16px;
			font-weight:bold;
		}

#home_img {
			position:relative;
			float:left;
			width:400px;
			height:430px;
		}

.home_img {
			position:relative;
			float:left;
			margin:20px;
			height:180px;
		}

		
/*********************** CSS Thumbs overlay ***********************/


.div_thumb {
	float:left;
	clear:left;
	padding-right:10px;
}

.div_thumb2 {
	float:right;
	clear:right;
	padding-left:10px;
}

.div_thumb, .div_thumb2 {
	display:inline;
	text-align:center;
	padding-bottom:15px;
}

.foto_link {
	margin-bottom:-15px;
}


.foto_thumb, img.foto_thumb2 {
	border: solid 2px #59218c;
}
		
.foto_thumb_hover, img.foto_thumb2:hover {
	border: ridge 2px #f9b24c;
	-moz-border-radius:4px; 
    -webkit-border-radius:4px;
	-moz-box-shadow: 0 0 10px #000;
	-webkit-box-shadow: 0 0 10px #000;
}

.foto_link a:hover, .foto_link a:active {
	text-decoration:underline;
 }




.next, .prev { 
    /* absolute positioning relative to the overlay */ 
    position:absolute; 
    top:40%; 
 
    /* upcoming CSS3 rounded border feature */ 
    -moz-border-radius:5px; 
    -webkit-border-radius:5px; 
} 
 
/* progress indicator (animated gif). should be initially hidden */ 
.progress { 
    position:absolute; 
    top:45%; 
    left:50%; 
    display:none; 
} 
 
/* active thumbnail is raised on top of the mask using the z-index property */ 
#thumbs a.active img { 
    outline:1px solid #000; 
    z-index:9999; 
    position:relative; 
}


/* the overlayed element */
.simple_overlay {
	
	font: normal 12px Trebuchet MS;
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background-color:#333;
	
	width:375px;	
	min-height:100px;
	/*border:1px solid #666;*/
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
}

/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image:url(../img/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}


/* the large image. we use a gray border around it */
#img {
	border: solid 2px #f9b24c;
	-moz-border-radius:4px; 
    -webkit-border-radius:4px;
	-moz-box-shadow: 0 0 10px #000;
	-webkit-box-shadow: 0 0 10px #000;
}

/* "next image" and "prev image" links */
.next, .prev {
	
	/* absolute positioning relative to the overlay */
	position:absolute;
	top:40%;	
	border:1px solid #666;	
	cursor:pointer;
	display:block;
	padding:10px 20px;
	color:#fff;
	font-size:11px;
	font-weight:bold;
	
	/* upcoming CSS3 features */
	-moz-border-radius:5px;
	-webkit-border-radius:5px;	
}

.prev {
	left:0;
	border-left:0;
	left:2px;
	-moz-border-radius-topleft:0;
	-moz-border-radius-bottomleft:0;
	-webkit-border-bottom-left-radius:0;
	-webkit-border-top-left-radius:0;
}

.next {
	right:0;
	border-right:0;
	right:-1px;
	-moz-border-radius-topright:0;
	-moz-border-radius-bottomright:0;
	-webkit-border-bottom-right-radius:0;
	-webkit-border-top-right-radius:0;	
}

.next:hover, .prev:hover {
	text-decoration:underline;
	background-color:#000;
}

/* when there is no next or previous link available this class is added */
.disabled {
	visibility:hidden;		
}

/* the "information box" */
.info {
	position:absolute;
	bottom:0;
	left:2px;
	bottom:-2px;
	padding:10px 15px;
	color:#fff;
	font-size:11px;
	border-top:1px solid #666;
}

.info strong {
	display:block;
}

/* progress indicator (animated gif). should be initially hidden */
.progress {
	position:absolute;
	top:45%;
	left:50%;
	display:none;
}

/* everybody should know about RGBA colors. */
.next, .prev, .info {
	background:#333 !important;
	background:rgba(0, 0, 0, 0.6) url(/img/h80.png) repeat-x;
}