/*
	Default Style Sheet
	Copyright: Winking
	Version: 2007
*/

* {
	margin: 0px;
	padding: 0px;
}

html {
	height: 100%;
	margin-bottom: 1px;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
	color: #000000;
	background-color: #FFFFFF;
}

a:link {
	color: #BC0B15;
	text-decoration: none;
}

a:visited {
	color: #BC0B15;
	text-decoration: none;
}

a:hover {
	color: #660000;
	text-decoration: underline;
}

a:active {
	color: #660000;
	text-decoration: none;
}


/*
Header
*/

#wrapperTop {
	background-color: #FFFFFF;
}

	#wrapperTop #top {
		height: 145px;
		margin: 0px auto;
		width: 1000px;
	}
	
		#wrapperTop #top h1 {
			float: left;
			text-indent: -5000px;
			background-image: url(../images/winking-logo.png);
			background-repeat: no-repeat;
			background-position: 5px 5px;
			height: 140px;
			width: 280px;
		}
		
			#wrapperTop #top h1 a {
				display: block;
				height: 150px;
				width: 280px;
			}
		
		#wrapperTop #top h2 {
			float: left;
			color: #660000;
			margin-top: 120px;
			font-size: 16px;
		}
		
		#wrapperTop #top #banner {
			padding-top: 25px;
			padding-bottom: 20px;
			float: right;
		}
		
#wrapperHeader {
	clear: both;
	background-color: #660000;
}
	
	#wrapperHeader #header {
		height: 50px;
		margin: 0px auto;
		width: 1000px;
	}
	
		#wrapperHeader #header #mainMenu {
			clear: both;
		}
			
			#wrapperHeader #header #mainMenu ul {
				list-style-type: none;
			}
				
				#wrapperHeader #header #mainMenu ul li {
					float: left;
					margin: 0px;
				}
					
					#wrapperHeader #header #mainMenu ul li a {
						display: block;
						padding: 20px 15px 17px 15px;
						color: #FFFFFF;
						font-weight: bold;
						text-decoration: none;
					}
						
						#wrapperHeader #header #mainMenu ul li a:hover {
							background-color: #BC0B15;
						}
							
						#wrapperHeader #header #mainMenu ul li a.active {
							background-color: #BC0B15;
						}
						
#wrapperMiddle {
	clear: both;
	width: 1000px;
	margin: 0px auto;
}	

	/*
	Sidebar
	*/
		
	#wrapperMiddle #sidebar {
		float: left;
		width: 178px; /* 200 totaal */
		padding: 10px;
		background-color: #EFEFEF;
		border-left: 1px solid #EFD1D3;
		border-right: 1px solid #EFD1D3;
		border-bottom: 1px solid #BC0B15;
		margin-bottom: 10px; /* werkt niet met IE */
	}
	
		#wrapperMiddle #sidebar ul {
			list-style-type: square;
			margin-bottom: 5px;
		}
		
			#wrapperMiddle #sidebar ul li {
				margin-left: 15px;
				font-weight: bold;
			}
		
		#wrapperMiddle #sidebar p {
			margin-bottom: 5px;
		}
		
		#wrapperMiddle #sidebar strong {
			color: #000000;
		}
		
		#wrapperMiddle #sidebar .contactgegevens {
			text-align: left;
			padding-top: 10px;
		}
		
			#wrapperMiddle #sidebar .contactgegevens p {
				margin-bottom: 10px;
			}
			
			#wrapperMiddle #sidebar .contactgegevens .sidehelp {
				margin-left: 15px;
				margin-top: -5px;
				margin-bottom: 10px;
			}
		
		#wrapperMiddle #sidebar .badges {
			margin-bottom: 1px;
		}
		
			#wrapperMiddle #sidebar .badges img {
				float: left;
				margin-right: 1px;
				margin-bottom: 5px;
			}
		
	/*
	Content
	*/
		
	#wrapperMiddle #content {
		width: 769px; /* 800 totaal */
		float: left;
		padding: 10px 10px 10px 20px;
		border-right: 1px solid #EFD1D3;
	}
	
		/* voorpagina */
		#wrapperMiddle #content #nieuws {
			float: left;
			width: 365px;
			padding: 10px 10px 10px 0px;
		}
		
		#wrapperMiddle #content #acties {
			float: left;
			width: 365px;
			padding: 10px 0px 10px 10px;
		}
		
		
		#wrapperMiddle #content p {
			margin-bottom: 10px;
		}

		#wrapperMiddle #content ul {
			list-style-type: square;
			margin-bottom: 10px;
		}

			#wrapperMiddle #content ul li {
				margin-left: 15px;
				margin-bottom: 5px;
			}
	
		/* Voorstelling van de producten */
		#wrapperMiddle #content .promobox {
		
		}
			
			/* huidige producten */
			#wrapperMiddle #content .promobox .promo {
				border: 1px solid #BC0B15;
				border-spacing: 0px;
			}
				
				#wrapperMiddle #content .promobox .promo td {
					width: 265px;
					vertical-align: top; /* fix */
					padding: 10px;
					background-color: #EFF8FF;
				}
				
					#wrapperMiddle #content .promobox .promo td:hover {
						background-color: #EFF8FF;
					}
					
			/* verwijzing naar andere producten */
			#wrapperMiddle #content .promobox .other {
				width: 230px;
				padding: 14px 10px 10px 10px;
				vertical-align: top; /* fix */
			}
		
				#wrapperMiddle #content .promobox .other:hover {
					background-color: #EFF8FF;
				}
		
		/* boxen index pagina */
		#wrapperMiddle #content .boxen {
			
		}
			
			#wrapperMiddle #content .boxen img {
				float: right;
			}
			
			#wrapperMiddle #content .boxen .box1 {
				width: 365px;
				padding: 10px 10px 10px 0px;
				float: left;
			}
		
			#wrapperMiddle #content .boxen .box2 {
				float: left;
				width: 365px;
				padding: 10px 0px 10px 10px;
			}
		
		/* lijst met opties van winkin' */
		#wrapperMiddle #content .opties {
			margin: 0px;
			padding: 0px;
		}
			
			#wrapperMiddle #content .opties ul {
				padding-top: 10px;
				margin: 0px;
			}
				
				#wrapperMiddle #content .opties ul li {
					list-style-type: none;
					float: left;
					margin: 0px 40px 0px 0px;
					padding: 0px;
					width: 130px;
				}
					
					#wrapperMiddle #content .opties ul li ul {
						margin: 0px;
						padding: 0px;
					}
						#wrapperMiddle #content .opties ul li ul li {
							clear: both;
							margin: 0px 0px 0px 5px;
							padding: 0px;
						}

		#wrapperMiddle #content .opties2 {
			margin: 0px;
			padding: 0px;
		}
			
			#wrapperMiddle #content .opties2 ul {
				padding-top: 10px;
				margin-top: 10px;
			}
				
				#wrapperMiddle #content .opties2 ul li {
					list-style-type: none;
					float: left;
					margin: 0px 40px 0px 0px;
					width: 300px;
				}
					
					#wrapperMiddle #content .opties2 ul li ul {
						list-style-type: square;
						padding: 0px;
					}
						#wrapperMiddle #content .opties2 ul li ul li {
							list-style-type: square;
							clear: both;
							margin: 0px 0px 0px 15px;
							list-style-type: square;
						}

		
		/* list met meerdere kolommen */
		#wrapperMiddle #content .columnList {
			margin: 10px 0px 10px 0px;
		}
			
			#wrapperMiddle #content .columnList ul {
				float: left;
				margin: 0px 40px 0px 0px;
			}
	
		#wrapperMiddle #content #bestelbon {
			padding: 10px;
			border: 1px dashed #660000;
			background-color: #EEEEEE;
		}
		
			#wrapperMiddle #content #bestelbon h4 {
				font-size: 18px;
			}
		
		/* referentielijst */
		#wrapperMiddle #content #referentielijst {
			
		}
		
			#wrapperMiddle #content #referentielijst .row {
				clear: both;
				border-bottom: 1px solid #E9E9E9;
				margin-bottom: 25px;
				min-height: 26px;
				padding-bottom: 5px;
			}
			
				#wrapperMiddle #content #referentielijst .row .badge {
					float: left;
					margin-right: 15px;
					padding-right: 30px;
					border-right: 1px dashed #E9E9E9;
					min-height: 31px;
					width: 118px;
				}
				
				#wrapperMiddle #content #referentielijst .row .quote {
					float: left;
					width: 595px;
				}
				
	/*
	Footer
	*/
	
	#wrapperFooter {
		clear: both;
	}
	
		#wrapperFooter #footer {
			width: 980px;
			margin: 0px auto;
			border-top: 1px solid #BC0B15;
			text-align: center;
			padding: 10px;
			margin-top: 10px;
			background-color: #FFFFFF;
		}
	
/*
Match all
*/

h3 {
	margin-top: 20px;
	margin-bottom: 5px;
	font-size: 14px;
	color: #660000;
}

h4 {
	margin-top: 15px;
	padding-top: 5px;
	margin-bottom: 5px;
	font-size: 12px;
	color: #BC0B15;
}


/* unsorted list */
ul {
	list-style-type: square;
	margin-bottom: 10px;
}

	ul li {
		margin-left: 15px;
	}
	
		/* voor nested li's */
		ul li ul li {
			list-style-type: none;
			margin-bottom: 0px;
		}

/* definition list */
dl {
	margin-bottom: 10px;
}
	
	dl dt {
		font-weight: bold;
		background-color: #E9E9E9;/*#EFD1D3;*/
		padding: 2px 5px 0px 5px;
	}
	
	dl dd {
		margin-left: 125px;
		padding: 5px 5px 10px 5px;
	}

hr {
	margin-bottom: 10px;
	background-color: #EFD1D3;
	border: none;
	height: 1px;
	color: #EFD1D3;
}

a img {
	border: 0px;
}

.floatLeft {
	float: left;
	margin: 10px;
}

.floatRight {
	float: right;
	margin: 10px;
}

/* form contact */
#frmContact {
	padding-top: 25px;
}

	#frmContact fieldset {
		border: 0px;
		padding: 0px;
		margin: 0px 0px 7px 0px;
	}

	#frmContact .row {
		margin: 0px;
	}

	#frmContact .bottomrow input {
		width: 140px;
		height: 25px;
		margin-left: 210px;
		border: 2px solid  #660000;
		background-color: #EFEFEF;	
		color: #660000;
		font-weight: bold;
		font-size: 11px;
		letter-spacing: 1px;
		
	}

	#frmContact label {
		position: absolute;
		width: 130px;
		text-align: right;
		margin-top: 0px;
		padding-top: 5px;
		padding-right: 2px;
	}

	#frmContact input {
		margin-left: 140px;
		margin-top: 4px;
		margin-bottom: 4px;
		padding: 0px;
		border: 1px solid #BC0B15;
	}
		
		#frmContact input:focus {
			background-color: #EFEFEF;
		}
		
	#frmContact textarea {
		margin-left: 140px;
		border: 1px solid #BC0B15;
	}
		
		#frmContact textarea:focus {
			background-color: #EFEFEF;
		}
	#frmContact .err {
		color: #FF0000;
		font-size: 10px;
	}

	/* form helpdeskaanvraag keuzes */
	#frmContact fieldset fieldset {
		margin: 5px 5px 25px 50px;
	}
	
	#frmContact fieldset fieldset input {
		margin: 10px 0px 0px 0px;
		padding: 4px 0px 0px 0px;
		border: 0px;
	}
	
	#frmContact fieldset fieldset label {
		position: relative;
		padding: 0px 0px 0px 10px;
		margin: 4px 0px 4px 0px;
	}
	
/* tabel met nieuws */	
table.news td {
	padding-bottom: 5px;
	padding-right: 10px;
}