@charset "utf-8";
/*******************/
/* CSS Tilsuitable */
/*******************/

body {
	margin: 0;
	padding:0;
	background-color:#FFFFFF;
	margin-top:20px;
	margin-bottom:20px;
}

img{padding:0;margin:0;border:0;}

select{width:140px;}

input{font-family:tahoma; font-size:12px; }

acronym{cursor:help;}

em{font-style:normal;}

a{color: #99CCFF;}

h1{font-family:tahoma;}
h2{font-family:tahoma;}
h3{font-family:tahoma;}
h4{font-family:tahoma;font-size:12px;}


/* container css */

#container{
	margin:0px auto;
	padding:0;
	width:960px;
	background-image:url('../images/backgrounds/default.jpg');
}

/**********************/
/* 3 col & footer css */
/**********************/
.column {
	position: relative;
	float: left;
}

#center {
	height:580px;
	width: 586px;
}

#left {
	height:580px;
	width: 186px;    	
}

#right {
	height:580px;
	width: 178px;
	padding-left:10px;
	background: #FFFFFF;
}

#footer {
	clear: both;
	text-align:center;
	padding: 10px 0;
	font-family:tahoma;
	font-size:10px;
	background: #FFFFFF;
	margin:0;
}

.inner_footer {
	margin: 0px auto;
	width: 60%;
}

/*******************/
/* column left css */
/*******************/

#triangle{
	background: url(../images/triangle_shape.png);
	height: 68px;
	width: 186px;
	margin: 0;
	padding:0;
}

#spacer{
	height:230px;
	margin:0;
	padding:0;
}

#menu{
	height: 282px;
	background-color:#FFFFFF;
	width: 186px;
}

#menu ul{
	list-style:none;
	margin:0;
	padding:10px 30px;
}

#collectie_container {
	display: none;
	}
	
#collectie_container a {
	color: #000000;
	text-decoration: none;
	}

.text-spacer {
	color: #FFFFFF;
	}

/*********************/
/* column center css */
/*********************/

#logo{ background:url(../images/logo.png);width:269px; height:170px; position:absolute; top:20px; left:-166px;}

#winkelwagen{ 
	background: transparent url(../images/content_overlay.png);
	margin-left:270px;
	margin-right:20px;
	margin-top:20px;
	padding:10px 10px;
	height:100px;	
	font-family:tahoma;
	font-size:11px;
	color:#FFF;
}

#geenwinkelwagen{height:140px;}

#spacer_content{
	height:20px;
	margin:0;
	padding:0;
}

#content{
	background: transparent url(../images/content_overlay.png);
	padding:10px 20px;
	margin:0;
	font-family:tahoma;
	font-size:11px;
	color:#FFF;
	height: 400px;
	overflow:auto;
	margin-right:20px;
	margin-left:20px;
}


/********************/
/* column right css */
/********************/

#right p{font-family:tahoma; font-size:14px; padding:20px 10px; margin:0;}

#right span{ font-family:tahoma;font-size:18px; font-weight:bold;}





/* div styles */
.error{ background:#FF0000;color:#000000; padding:5px 5px; font-weight:bold; }
.error ul{ padding:0; margin:0; }
.error ul li{ background: url(../images/cross.png) no-repeat; height:16px; padding: 2px 22px;}
.succes{ background-color:#009900;color:#000000; padding:5px 5px; font-weight:bold; }

.overzicht_box{ background-color:#999999; padding: 10px 10px;}
.overzicht_naam{ font-weight:bold; font-size:14px; color:#000000; }

.line_x{ background: url(../images/line_x.gif) repeat-x; }


#slide_products{ list-style:none; padding:0; }
#slide_products li p{ font-family:verdana;font-size:11px; padding:0px 8px;margin:0; width:172px;}

.account_divheading{ background-color:#999999; padding: 5px 10px; font-size:14px; font-weight:bold}

/* image popup */
.imagepopup{ position:relative; z-index:0; }
.imagepopup:hover{ background: transparent url(../images/content_overlay.png); z-index:50; }
.imagepopup span{
	position:absolute;
	background-color:#FFFFFF;
	padding:5px;

	border: 1px solid #000000;
	visibility: hidden;
	color: #000000;
	text-decoration: none;	
}
.imagepopup span img{ border-width:0; padding:2px; }
.imagepopup:hover span{ visibility: visible;}