/* Start CSS-reset */
@import "/smt/user/styles/classes/classes.css";

/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,img { margin: 0px; padding: 0px; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
img { vertical-align:top;}
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }


html > body { width:100%; height:100%; }

/* PAGE STRUCTURE */
#body { }		

		#wrapper { 
		position:relative; 
		width: 980px; 
		margin:0px auto; }
			
			#header { 
			position: absolute; 
			top: 0px; 
			width: 980px; 
			height:118px;	}
				
			
			#header-image {	
			position: absolute; 
			overflow:hidden; 
			top: 118px; 
			width: 980px; 
			height:258px; } 
			
			#content {
			position: relative;
			width: 980px;
			min-height:836px;
			clear: both; 
			}

				#content-right {
				float: right; 
				width:640px;
				margin-right:10px;
				margin-top: 381px;
				display:inline;/* IE6 */
				}
				
				#content-left { 
				float:left;
				width: 278px;
				margin: 391px 0px 0px 33px;
				display:inline;/* IE6 */
				}

				#content-detail {
				float: left; 
				width:980px;
				}
				
			#footer {
			height: 50px;
			clear:both; 
			} 

/* PAGE DESIGN */
h1 { 
font-size:19px; 
margin-bottom:15px; 
color: #CA0008;
}

h2 { 
font-size:15px; 
font-weight:bold;
/*line-height:17px; */
color: #ADBFD2; 	
margin-bottom:7px; 
margin-top:15px;
clear:both; 
}

img {
font-size:xx-small;
}
 
a:link,
a:visited { 
color:#FFFFFF; 
}

a:hover { 
color:#B3060F; 
text-decoration:underline;
cursor:pointer; 
}

p { 
margin:0px 0px 15px 0px;
}

td {
vertical-align:top;
text-align:left;
}

body { 
background-color: #203146;
font-family: Arial, Helvetica, sans-serif; 
font-size:13px; 
line-height:17px; 
color: #ADBFD2; 	
}

#body { 
}

	#wrapper { 
	text-align:left; 
	background: url(/smt/user/images/wrapper_bg.gif) repeat-y; 
	}
		
		#header { 
		background: url(/smt/user/images/header_bg.gif) no-repeat; 
		}
			
					
		#header-image { 
		background: url(/smt/user/images/header_image_bg.jpg) no-repeat; 
		}
									
		#content { 
		background: url(/smt/user/images/content_bg.gif) no-repeat left 380px;	
		}
						
			#content-right {
			}
												
			#content-left { 
			}

				.content-left h1 {
				color: #7998B8;
				margin-top: 0px;
				}
								
			#footer {
			line-height:60px; 
			color:#FFFFFF; 
			text-align:center;
			}
			
				#footer a:link,
				#footer a:visited { 
				color:#FFFFFF; 
				text-decoration:none; 
				}

				#footer a:hover { 
				text-decoration:underline; 
				}

/* GENERAL CLASSES */

.error {
	color:#D50000;
}

.table-row {
clear: both;
}

.table-column {
float: left;
margin: 0 15px 20px 8px;
display:inline;/* IE6 */
}

.middle {
background-color:#7998B8;
float:left;
padding:7px 10px 10px;
position:relative;
text-align:center;

}

	.middle .nieuw {
	background-color:#ED1C24;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	padding:3px 0;
	position:absolute;
	text-transform:uppercase;
	width:106px;
	}
	
	.middle .crop {
	overflow:hidden;
	}
		
		.middle .crop img{
		/*border:1px solid #203146;*/
		}

.fields {
float:left;
clear:both;
margin:0px 0px 5px 0px;
width:100%;
display:inline;/* IE6 */
}

	.fields label {
	float:left;
	clear:left;
	width:200px;
	}
	
	.fields .input {
	float:left;
	width:250px;
	}
				
/* COMPONENTS */

/***** Logo *****/
#language { 
position: absolute; 
right: 28px;
top:13px;
}			

/***** Main Menu *****/				
#main-menu {  } /* in menu/main_menu.css */


/***** Header Shop *****/
#header-shop {
height:222px;
margin-left:33px;
overflow:hidden;
width:277px;
}

/***** Content Right Top  *****/
#content-right-top {
width: 605px;

}

	.content-right-top {
	background: url(/smt/user/images/content_right_top_bg.gif) repeat-y;
	padding:10px 25px 10px 10px;
	overflow: hidden;
	}


/***** Content Right Bottom  *****/
#content-right-bottom {
}

	.content-right-bottom {
	padding-top: 25px;
	}	


/***** Koi Aanbod  *****/
#koi-aanbod {
width: 605px;
overflow: hidden;
}


/************************** Small Blue Box ******************************/

.sml-blue-box {
float: left;
width: 128px;	
}

	.sml-blue-box .top {
	width: 128px;
	height:5px;
	background: url(/smt/user/images/sml-blue-box/top.png) no-repeat;
	behavior: url("/smt/user/scripts/iepngfix.htc");
	}

	.sml-blue-box .middle {
	width: 108px;
	}

		.sml-blue-box .middle .crop {
		width:106px;
		height:200px;
		}
		
		.sml-blue-box .middle .crop .koi {
		width:100px;
		height:200px;
		}
	
		.sml-blue-box .middle .name {
		font-size: 13px;
		font-weight: bold;	
		padding: 3px;
		}
		
			.sml-blue-box .middle .name a {
			color: #111820;
			text-decoration: none;
			}
		
		.sml-blue-box .middle .price {
		font-size: 15px;
		color: #ffffff;
		/*float:left;*/
		}
		.sml-blue-box .middle .attention {
		height:17px;
		font-size: 12px;
		color: #CA0008;
		font-weight:bold;
		/*float:left;*/
		}

		.sml-blue-box .middle .add-cart {
		/*float:right;*/
		}

	.sml-blue-box .bottom {
	width: 128px;
	height:5px;
	clear:both;
	background: url(/smt/user/images/sml-blue-box/bottom.png) no-repeat;
	behavior: url("/smt/user/scripts/iepngfix.htc");
	}

/***************************** Light Blue Box **********************************/

.light-blue-box {
width: 184px;	
}

	.light-blue-box .top {
	width: 184px;
	height:7px;
	background: url(/smt/user/images/blue-box/top.gif) no-repeat;
	}
	
	.light-blue-box .middle {
	width: 164px;
	}

		.light-blue-box .middle h2 {
		color: #203146;
		font-weight: bold;
		margin-bottom: 15px;
		}
		
			.light-blue-box .middle h2 a {
			color: #203146;
			font-weight: bold;
			text-decoration: none;	
			}
		
		.light-blue-box .middle .crop {
		width:163px;
		height:326px;
		}

			.light-blue-box .middle .crop .koi {
			width:auto;
			height:326px;
			}
			
	.light-blue-box .bottom {
		width: 184px;
		clear:both;
		height:7px;
		background: url(/smt/user/images/blue-box/bottom.gif) no-repeat;
	}

/******************* Big Blue Box *******************/

.big-blue-box {
	width: 580px;	
}

	.big-blue-box .top {
	width: 580px;
	height:5px;
	background: url(/smt/user/images/big-blue-box/top.png) no-repeat;
	behavior: url("/smt/user/scripts/iepngfix.htc");
	}
	
	.big-blue-box .middle {
	width: 560px;
	float:left;
	position:relative;
	}
	
		.big-blue-box .middle .crop {
		float:left;
		width:250px;
		height:450px;
		overflow:hidden;
		}

			.big-blue-box .middle .crop img {
			width:auto;
			height:450px;
			}
		
		.big-blue-box .middle .details {
		float: right;
		width: 305px;
		text-align:left;
		}

			.big-blue-box .middle .details h2 {
			font-weight:bold;			
			}	

				.big-blue-box .middle .details .spec-row {
				clear: both;
				overflow:hidden;
				}

					.big-blue-box .middle .details .spec-row label {
					width: 100px;
					float: left;
					padding:1px 1px;
					}

					.big-blue-box .middle .details .spec-row .value {
					float: left;
					padding:1px 0px;
					color: #ffffff;
					}

					.big-blue-box .middle .details .spec-row .attention {
					padding:1px 0px;
					color: #FFFFFF;
					font-weight:bold;
					float:left;
					}

						.big-blue-box .middle .details .spec-row .value strong{
						font-weight: bold;
						}


					.big-blue-box .middle .details .video-link {
					clear: both;
					margin-top: 40px;
					}
					
					.big-blue-box .middle .details .video-link a {
					background: url(/smt/user/images/camera.gif) no-repeat left top;
					height: 29px;
					line-height: 20px;
					display: block;
					padding-left: 30px;
					color: #ffffff;
					text-decoration: none;
					}

					.big-blue-box .middle .details #koi-video {
					width: 250px;
					height: 150px;
					display: none;
					margin-bottom:50px;
					}

		.big-blue-box .middle .add-cart {
		bottom:10px;
		position:absolute;
		right:10px;
		width:305px;
		}	

	.big-blue-box .bottom {
	width: 580px;
	height:7px;
	background: url(/smt/user/images/big-blue-box/bottom.png) no-repeat;
	clear:both;
	behavior: url("/smt/user/scripts/iepngfix.htc");
	}

/***** Koi Kweker *****/

.koi-kweker {
}

	.koi-kweker h1{
	font-weight: bold;
	color: #ED1C24;
	font-size: 16px;
	margin:0 0 5px 0;
	}

	.koi-kweker h2{
	font-weight: bold;
	margin:0 0 5px 0;
	}
	
	.koi-kweker a {
	color:#7998B8;
	font-style: italic;
	font-size: 10px;
	text-decoration: none;
	display: block;
	}

	.koi-kweker a:hover {
	text-decoration: underline;
	}
	
	.koi-kweker a.koi-links {
	color:#FFFFFF;
	font-style:normal;
	font-size:12px;
	}

	.koi-kweker a:hover.koi-links {
	color:#FFFFFF;
	font-style:normal;
	font-size:12px;
	text-decoration:underline;
	}
	
/***** Kwekers lijst *****/

.kwekers {
}

	.kwekers .item {
	width: 200px;
	clear:both;
	padding: 10px 0px 10px 0px;
	overflow:hidden;
	}

		.kwekers .item .crop {
		float:left;
		width:40px;
		border: 1px solid #f5f5f5;
		margin-top:3px;
		display:inline;/* IE6 */
		}		

			.kwekers .item .crop img {
			width:40px;
			}	

		.kwekers .item .details {
		float:right;
		width:145px;
		}

			.kwekers .item .details a.kweker-link {
			color:#ED1C24;
			font-size:14px;
			font-weight:bold;
			text-decoration:none;
			}

			.kwekers .item .details .specialisatie {
			color: #ED1C24;
			font-size: 11px;	
			font-style: italic;
			}

			.kwekers .item .details .specialisatie-tekst {
			font-size: 11px;
			}

	.kweker-detail-crop {
	float:left;
	width:200px;
	height:auto;
	overflow:hidden;	
	}
		.kweker-detail-crop img{
		border:1px solid #203146;
		}	

/**************** Kweker Koi ********************/
.kweker-koi .item {
margin-left: 4px;
color: #7998B8;
float:left;
clear:both;
margin-bottom: 10px;
width:250px;
display:inline;/* IE6 */
}

	.kweker-koi .item .crop {
	float:left;
	width:50px;
	border: 1px solid #f5f5f5;
	margin-top:3px;
	display:inline;/* IE6 */
	}
	
		.kweker-koi .item .crop img {
		width:50px;
		height:auto;
		}
	
	.kweker-koi .item .details {
	float:right;
	width:180px;
	margin-left:10px;
	display:inline;/* IE6 */
	}

		.kweker-koi .item .details .spec-row {
		clear: both;
		}

			.kweker-koi .item .details .spec-row .label {
			width: 60px;
			float: left;
			padding:1px 1px;
			}

			.kweker-koi .item .details .spec-row .value {
			float: left;
			padding:1px 0px;
			color: #ffffff;
			}

				.kweker-koi .item .details .spec-row .value strong{
				font-weight: bold;
				}

/***** Hedaer Shop Count *****/

#header-shop-count {
position:absolute;
bottom:7px;
left:330px;
height:30px;
}

	.header-shop-count {
	color:#FFFFFF;
	font-size:14px;
	line-height:30px;
	}

		.header-shop-count a {
		margin-left:30px;
		}	
			
/***** Header Shop Overview *****/

#header-shop-overview {
background-color:#7998B8;
border:2px solid #FFFFFF;
height:192px;
overflow:auto;
left:41px;
padding:5px;
position:absolute;
top:8px;
width:247px;
color:#FFFFFF;
}	

	#header-shop-overview h2 {
	color:#111820;
	margin: 0px 0px 4px 0px;
		
	}
	
	#header-shop-overview a {
	text-decoration:underline;	
	}

/***** Koi Splash *****/

#koi-splash {
background-color:#7998B8;
border:2px solid #FFFFFF;
height:192px;
left:41px;
padding:5px;
position:absolute;
top:8px;
width:247px;
color:#FFFFFF;
}	

	#koi-splash .crop {
	float:left;
	width:60px;
	height:140px;
	/*border: 1px solid #f5f5f5;*/
	overflow:hidden;
	}	
	
	#koi-splash .crop img {
	width:auto;
	height:140px;
	}
	
	#koi-splash .details {
	float:right;
	margin-left:10px;
	width:170px;
	display:inline;/* IE6 */
	}

		#koi-splash .details .spec-row {
		clear: both;
		}

			#koi-splash .details .spec-row .label {
			width: 70px;
			float: left;
			padding:1px 1px;
			}

			#koi-splash .details .spec-row .value {
			float: left;
			padding:1px 0px;
			color: #ffffff;
			}

				#koi-splash .details .spec-row .value strong{
				font-weight: bold;
				}
									
/***** Shop Overview *****/

.statusmsg {
margin-left: 35px;
position: absolute;
top: 225px;	
width: 275px;
}

.shop {
width: 615px;
}

	.shop-data {
	font-weight: normal;
	overflow:hidden;
	width: 615px;
	}

	.shop-total {
	font-weight: bold;
	border-top-color: #C3BCB7;
	border-top-style: solid;
	border-top-width: 1px;
	width: 615px;
	}

	.shop-Item-top {
	font-weight: bold;
	}

/***** Order Form *****/

#order-form {
float:left;
width:605px;
}
						
/***** Latest News *****/

.laatste-nieuws {
color: #7391B0;
font-size: 13px;
font-weight: bold;
overflow : hidden;
padding-bottom:15px;
}

	.laatste-nieuws .item {
	font-weight: bold;
	font-family: Arial;
	margin-bottom: 10px
	}
		
		.laatste-nieuws .item .date {
		color: #7290AF;
		font-weight: bold;
		font-family: Arial;
		font-size: 11px;
		margin-bottom: -3px;
		}

		.laatste-nieuws .item a {
		color: #B3060F;
		font-weight: bold;
		text-decoration: none;
		margin-bottom: -3px;
		}
		
		.laatste-nieuws .item a:hover {
		color: #B3060F;
		}
				
		.laatste-nieuws .item .text {
		margin-top: -3px;
		color: #A3B4C7;
		font-weight: normal;
		}


/********** Order mail *******************/

.order-table {
	width: 500px;
}

.order-table .price {
	text-align:right;
}


/***** Hacks for IE6!!! *****/


* html #content {
height: 836px;
}

* html .big-blue-box .middle {
	margin-top:-11px;
}

* html .sml-blue-box .middle {
	margin-top:-10px;
}	

* html .light-blue-box .middle {
	margin-top:-9px;
}