/* CSS Nostalgie */
/* © 2008 by Inovamedia */
/* Development by Rene Sebastian */
/* Datum: 23-07-2008 */

body {
	margin:			0;
	padding:		0;
	font-family: 	Verdana, Arial, Helvetica, sans-serif;
	font-size: 		11px;
	text-align:		left;
	color:			#ffffff;
	background-color: #8a4937;
}

.maintable{
	background: 	#854029 url(/images/bg.jpg);
	width: 			986px;
	height:			566px;
	border: 		1px solid #ffffff;
	border-top:		0px;
}

.icons{
	width:			381px;
	height:			136px;
	background-image:url(/images/index_03.jpg);
}

.icondiv{
	margin-left:	35px;
}

.contenttd{
	width:				351px;
	height:				430px;
	background-color:	#7c3520;
}

.videoplayer{
	width:			451px;
	height:			430px;
	background-image:url(/images/index_05.jpg);
}

p{
		margin-top:0px;
}

.commenttitel{
	padding-top:  3px;
	padding-bottom: 3px;
}

.commentcontent{
	padding:						  5px;
	background-color:			  #85412a;
	border: 			1px solid #9a6454;
}

.eyecatch{
	background-image:	url(/images/eyecatch.jpg);
	background-repeat:	  no-repeat;
	width:				      256px;
	height:				 	   47px;
	padding:		 	 		3px;
	padding-right:				8px;
	text-align:		         center;
	color:		  			#FFFFFF;
	font-weight:			   bold;
}

/*
Product showcase CSS
*/

.largealbum_foto {
	height:100px;
	width:75px;
}
.largealbum_bestel, .minialbum_meer {
	width:	100px;
	font-size: 12px;
	text-align:center;
}

.largealbum {
	position: inherit;
	float:left;
	margin-right:5px;
	margin-left:5px;
	margin-bottom:20px;
	width:100px;
}

.product {
	position: inherit;
	float:left;
	margin-right:15px;
	margin-top:5px;
	margin-bottom:5px;
	width:135px;
}

.product_foto {
	height:110px;
	width:110px;
}
.product_bestel, .product_meer {
	font-size: 12px;
	text-align:center;
}

/*
Album view 
*/
.album {
	position: inherit;
	float:left;
	margin-right: 10px;
	margin-left: 10px;
	margin-top:5px;
	margin-bottom:5px;
	width:90px;
}

	
#inova_scrolldiv{
	/* De totale breedte van de scrollende div inclusief scrollbar */
	position:			absolute;
	left:				50%;
	margin-left:		113px;
	top:				136px;
	z-index:			2;
	width:				410px;
	height:				465px;	/* De hoogte van de scrollende div */
}
	
#scrolldiv_parentContainer{
	width:			500px;	/* Breedte van de scrollende tekst */
	height:			100%;
	overflow:		hidden;
	border:			1px solid #682a18;
	float:			left;
	position:		relative;
}

/*
CSS voor de scrollende content:
*/
#scrolldiv_content{
	padding: 5px;
	position:relative;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height:130%;
	color: #ffffff;
}
	
/*
De slider: 
*/
#scrolldiv_slider{
	width:15px;
	margin-left:2px;
	height:500px;
	float:left;
}
	
/*
De scrollbar tussen de 2 pijlen in:
*/
#scrolldiv_scrollbar{
	width:15px;
	height:460px;	/* Totale hoogte - 40 pixels */
	border:1px solid #682a18;
	position:relative;
		
}

/*
Scroll functie schuif:
*/
#scrolldiv_theScroll{
	margin:1px;
	width:13px;
	height:13px;
	background: 	#a75942 url(/images/midscroll.jpg);
	position:absolute;	
	top:0px;
	left:0px;
	cursor:pointer;
}
	
/*
Buttons voor scrollfunctie:
*/
#scrolldiv_scrollUp,#scrolldiv_scrollDown{
	width:15px;
	height:16px;
	border:1px solid #682a18;
	color: #682a18;
	text-align:center;
	font-size:16px;
	line-height:16px;
	cursor:pointer;
}
#scrolldiv_scrollUp{
	margin-bottom:2px;
}
#scrolldiv_scrollDown{
	margin-top:2px;
}
#scrolldiv_scrollDown span,#scrolldiv_scrollUp span{
	font-family: Symbol;
}

/*
Basis link instellingen:
*/

a:link {
	color: 			#ffffff;
	text-decoration:underline;
	
}
a:visited {
	color: 			#ffffff;
	text-decoration:underline;
}
a:hover {
	color: 			#ffffff;
	text-decoration:underline;
}
a:active {
	color: 			#ffffff;
	text-decoration:underline;
}

/*
Custom link kleuren:
*/

/*Grijs*/
a.grijs:link, a.grijs:visited{
	color:						#2e2e2e;
	text-decoration:			none;
}

a.grijs:hover, a.grijs:active{
	color:						#2e2e2e;
	text-decoration:			underline;
}

/*Lijsten*/
a.candy:link, a.candy:visited{
	color:						#ff4e00;
	text-decoration:			none;
}

a.candy:hover, a.candy:active{
	color:						#ff4e00;
	text-decoration:			underline;
}

/*Grijs*/
a.grijs2:link, a.grijs2:visited{
	color:						#383838;
	text-decoration:			underline;
}

a.grijs2:hover{
	color:						#383838;
	text-decoration:			underline;
}

/*Wit*/
a.wit:link, a.wit:visited{
	color:						#ffffff;
	text-decoration:			none;
}

a.wit:hover{
	color:						#FFFFFF;
	font-weight:				normal;
	text-decoration:			underline;
}

/*Blauw*/
a.blauw:link, a.blauw:visited{
	color:						#5099c8;
	text-decoration:			none;
}

a.blauw:hover{
	color:						#5099c8;
	font-weight:				normal;
	text-decoration:			underline;
}
.voteBar {
	background:					#eee4e3; 
	display: 					inline-block;
	border:						1px solid #8a2b11;
}
label.vote {
	display:						inline-block;
	width:						339px;
	padding:						5px;
	border:						#7c3520 1px solid;
}
label.vote:hover {
	background:					#eee4e3;
	border:						1px dashed #8a2b11;
	color:						#7c3520;
	cursor:						pointer;
}
label.vote input {
	float:						right;
}
.voteResult {
	display:						inline-block;
	width:						125px;
}

table.menu {
	background-color:			#eee4e3;
}

table.menu tr td a {
	display:						block;
	width:						126px;
	margin:						0 8px;
	padding:						5px 0 5px 10px;
	border-bottom:				1px dashed #7c361d;
	color:						#9e614c;
	font-weight:				lighter;
	font-family: 				"Palatino Linotype", Georgia, "Times New Roman", Times, serif;
	font-size:					14px;
	text-decoration:			none;
}

table.menu tr td a:hover {
	text-decoration:			underline;
}