@charset "utf-8";
/* Stylesheet for The New Bride */

/* Table of Contents
1. Base Elements
2. Site
3. Header
4. Page
 4.1. Sidebar
 4.2. Content
5. Footer
6. Misc.

/* 1. Base Elements */
* {
	margin:0;
	padding:0;
}

a {
	text-decoration:none;
}

a img {
	border:0;
}

li {
	list-style:none;
}

body {
	font-family:"Times New Roman";
	font-size:100%; /* 16pt */
}

/*START Site */
#site {
	overflow:hidden;
	position:relative;
	width:100%;
	min-width:880px;
	margin:0 auto;
	font-size:0.625em;
}
/*END Site*/

	/*START Header*/
	#header {
		overflow:hidden;
		width:100%px;
		height:185px;
		padding-left:38px;
	}
	
		#header h1 {
			float:left;
			margin-top:55px;
		}
		
			#header h1 a {
				overflow:hidden;
				display:block;
				width:196px;
				height:0;
				padding-top:116px;
				background: url(../images/logo.png) 0 0 no-repeat;
			}
		
		#header div.agenda-box {
			float:right;
			width:280px;
			height:180px;
			margin:20x 10px 0 10px;
			padding: 10px;
			background: url(../images/agenda-box.png) 0 0 no-repeat;
		}
		
			#header div.agenda-box h2 {
				margin:23px 0 7px 29px;
				color:#6e6dae;
				font-size:1.5em;
				text-transform:uppercase;
			}
			
			#header div.agenda-box p {
				margin:0 35px 8px 28px;
				color:#8d8d8f;
				font-size:1.1em;
			}
			#header div.agenda-box p a{
				color:#8d8d8f;
				}
				
			#header div.agenda-box p.agenda {
				overflow:hidden;
				height:70px;
			}
	/*END Header*/
	
	/*START Page*/
	#page {
		overflow:hidden;
		width:995px;
		min-height:415px;
	}
		/*START Sidebar*/
		.index #sidebar{
			width:460px;
		}
		#sidebar {
			float:left;
			width:320px;
		}
			
			#sidebar ul#menu {
				margin:8px 0 0 38px;
			}
			
				#sidebar ul#menu li {
					text-transform:uppercase;
					font-size:1.5em;
					line-height:1.4em;
					color:#9697aa;
				}
				
					#sidebar ul#menu li img {
						vertical-align: baseline;
					}
				
					#sidebar ul#menu li a {
						/*color:#b6b7ba;*/
						color:#9697aa;
						
					}
					
					#sidebar ul#menu li a.active,
					#sidebar ul#menu li a:hover {
						/*color:#7170b3;*/
						color:#333192;
					}
					
					#sidebar ul#menu li .submenu {
					
					}
					
						#sidebar ul#menu li .submenu li {
							font-size:15px;
						}
						
							#sidebar ul#menu li .submenu li a {
								padding-left:11px;
								background: url(../images/submenu-normal.gif) left center no-repeat;
							}
							
							#sidebar ul#menu li .submenu li a.active,
							#sidebar ul#menu li .submenu li a:hover {
								background: url(../images/submenu-active.gif) left center no-repeat;
							}
		
			
			a.mitex {
				overflow:hidden;
				position:absolute;
				bottom:0px;
				left:18px;
				width:100px;
				height:18px;
			}
			div.bg-container.no-bg a.mitex {
				left:18px;
			}
			
			a#links {
				position: absolute;
				right:20px;
				bottom:45px;
			}
			div.bg-container.no-bg a#links {
				left:18px;
				bottom:36px;
			}
					
			div.bg-container {
				position:absolute;
				bottom:45px;
				left:20px;
				padding:33px 36px 45px;
				width:374px;
				height:87px;
				background:url(../images/bg-container.png) 0 0 no-repeat;
			}
			div.bg-container.no-bg {background:none;}
			
				div.bg-container a.arrow {
					position:absolute;
					top:65px;
				}
				
				div.bg-container a.left {
					left:0;
				}
				
				div.bg-container a.right {
					right:0;
				}
			
				div.bg-box {
					overflow:hidden;
					width:374px;
					height:87px;
				}
				
					div.bg-box ul {
						width:10000px !important;
					}
					
					div.bg-box li {
						margin-right:12px;
					}
					
					div.bg-box li a {
						display:block;
						border:1px solid #e1dfdf;
					}
					
					div.bg-box li img {
						width:114px;
						height:84px;
					}
		/*End Sidebar*/
		/*START Content*/
		#content {
			float:left;
		}
		
			#content .content-box-top {
				width:574px;
				height:34px;
				background: url(../images/content-box-top.png) 0 0 no-repeat;
			}
			
			#content .content-box-center {
				overflow:hidden;
				width:574px;
				background: url(../images/content-box-center.png) 0 0 repeat-y;
			}
			
			html#video div#content div.content-box-center {
				padding:0 38px;
				width:498px;
			}
			
				#content .content-box-center h2 {
					padding:8px 0 9px 38px;
					color:#6e6dae;
					font-size:1.5em;
					text-transform:uppercase;
				}
				
				html#video div#content div.content-box-center h2 {
					padding:8px 0;
				}
			
				#content .content-box-center p {
					margin:0 38px 21px 38px;
					color:#8d8d8f;
					font-size:1.4em;
					line-height:1.43em;
				}
				
				html#video div#content div.content-box-center p {
					margin:0 0 21px;
				}
				
				#content .content-box-center p.paginas {
					clear:both;
					float:right;
					margin-bottom:0;
					font-size:1.1em;
					text-transform:uppercase;
				}
				
					#content .content-box-center p.paginas a {
						color:#8d8d8f;
					}
					
					#content .content-box-center p.paginas a.active,
					#content .content-box-center p.paginas a:hover {
						color:#6665a1;
					}
			
				#content .content-box-center .medewerker {
					overflow:hidden;
					margin:0 0 15px 38px;
				}
				
					#content .content-box-center .medewerker img {
						float:left;
						border:1px solid #e1dfdf;
					}
					
					#content .content-box-center .medewerker .presentje-text {
						float:right;
						margin-right:30px;						width:268px;
					}
					
						#content .content-box-center .medewerker .presentje-text h3 {
							color:#6E6DAE;
							font-weight:normal;
						}
						
						#content .content-box-center .medewerker .presentje-text p {
							margin:0;
						}
					
					#content .content-box-center .medewerker .medewerker-text {
						float:right;
						margin-right:38px;
						width:360px;
					}
					
						#content .content-box-center .medewerker .medewerker-text h3 {
							color:#6E6DAE;
							font-weight:normal;
						}
					
						#content .content-box-center .medewerker .medewerker-text p {
							margin:0;
						}
				
				#content .content-box-center .images-box,
				#content .content-box-center .merken-box{
					width:503px;
					margin-left:38px;
					overflow:hidden;
				}
				#content .content-box-center .images-box .images{
					width: 500px;
					overflow:hidden;
				}
					#content .content-box-center .images-box a {
						margin:0 0 13px 13px;
						display:block;
						float:left;
						line-height:84px;
						border:1px solid #e1dfdf;
						text-align:center;
						width: 110px;
						height: 84px;
					}
						#content .content-box-center .images-box a img {
							position:relative;
						}
							#content .content-box-center .images-box a.coupon{
								width: 500px;
								height: auto;
							}
							
							#content .content-box-center .images-box a.print{
								margin: 0;
								border:0;
							}
					#content .content-box-center .merken-box a {
						margin:0 0 13px 13px;
						display:block;
						float:left;
						width:152px;
						height:75px;
						border:1px solid #e1dfdf;
					}
					
					#content .content-box-center .images-box a.first-child,
					#content .content-box-center .merken-box a.first-child {
						margin-left:0;
					}
				
				#content .content-box-center div.box-right {
					float:right;
					width:193px;
				}
				
					#content .content-box-center div.box-right h2 {
						padding-left:0;
					}
				
					#content .content-box-center div.box-right form.route {
					
					}
					
						#content .content-box-center div.box-right form.route input.text {
							display:block;
							/*margin-top: px;*/
							width:142px;
							height:19px;
							padding-left:5px;
							border:1px solid #b0b1b3;
							font-size:1.4em;
							font-family:"Times New Roman";
							background:#e6e8eb;
							color:#000;
						}
						
						#content .content-box-center div.box-right form.route input.submit {
							margin-left:-7px;
						}
				
				#content .content-box-center div.box-right ul.gegevens {
					}
					
						#content .content-box-center div.box-right ul.gegevens li.top-space {
							margin-top:17px;
						}
					
						#content .content-box-center div.box-right ul.gegevens li {
							color:#8d8d8f;
							font-size:1.4em;
							line-height:1.43em;
						}
						
							#content .content-box-center div.box-right ul.gegevens li a {
								color:#7170b3;
							}
				
				#content .content-box-center div.box-left {
					float:left;
					width:230px;
				}
				
			#content .content-box-bottom {
				width:574px;
				height:29px;
				background: url(../images/content-box-bottom.png) 0 0 no-repeat;
			}
			
			#content .coupon-container {
				margin:0 38px 21px;
			}
			
				.coupon-container a.submit {
					display:block;
					width:127px;
					margin-left:-6px;
					height:40px;
				}
				
				img.coupon {
					width:100%;
				}
				
				/*ul#links li.mitex {
					padding-top:19px;
					position: absolute;
					right: 125px;
					top: 80px; 
				}*/
				
			html#video h3 {
				margin:0.83em 0;
				color: #6E6DAE;
				font-size: 1.4em;
				text-transform: uppercase;
			}
				
		
			ul#videos {
				font-size:1.4em;
			}
			
				ul#videos li {
					margin-top:5px;
					color:#333192;
				}
				
				ul#videos a {
					color:#9697aa;
				}
				
				ul#videos a:hover {
					color:#333192;
				}
		/*END Content*/
		
	/*END Page*/
	/*START Footer*/
	#footer {
		position:absolute;
		overflow:hidden;
		bottom:10px;
		width:100%;
		margin-top:20px;
	}
	
	#footer p.left {
		float:left;
		margin-left:38px;
		color:#b6b7ba;
		font-size:1.1em;
		text-transform: uppercase;
	}
	
	#footer p.right {
		float:right;
		font-size:1.1em;
		text-transform: uppercase;
	}
		#footer p a {
			color:#b6b7ba;
	}
	ul#landingpages-menu{
		float:right;
		padding-right:20px;
	}
	#landingpages-menu li{
		float:left;
	}
	#landingpages-menu li a{
		color:#8D8D8F;
	} 
	#landingpages-menu li span{
		padding:0 10px;
		color:#ccc;
	}
	/*END Footer*/

/*START Misc.*/
.none {display:none !important;}
.block {display:block;}
.inlineB {display:inline-block;}
.hidden {visibility:hidden;}
.space {margin-top:20px;}
hr.clear {clear:both;display:none;visibility:hidden;width:100%;}
hr.show {display:block !important;}
a.button {display:inline-block;padding:2px 6px;font-size:1.3em;right:0 !important;}
img.right {float:right;margin:0 36px -194px 0;width:160px;}
span.small {font-size:10px !important;}

	/*START Background*/
	#background {
		overflow:hidden;
		position:absolute;
		top:0;
		left:0;
		z-index:-1;
		width:100%;
		height: 100%;
	}

		#background img {
			width:100%;
			position: absolute;
			top: 0;
			left: 0;
		}
	/*END Background*/
	
	/* START: Forms */
input.text {
	border:1px solid #d3d3d3;
	background:#fafaf9;
	color:#000;
}

.form {
	width:320px;
	color:#8D8D8F;
	font-size:1.4em;
	line-height:1.43em;
	margin-left:38px;
}

.right .form {
	width:100%;
}

	.form div {
		position:relative;
	}

	.form dt,
	.form dd {
		margin-bottom:5px; /* Spacing between the rows */
		margin-left:0;
	}

	.form dt {
		clear:both;
		float:left;
		width:108px;
		height:21px;
		font-size:1em;
		line-height:21px;
	}

	.form dd {
		float:right;
		width:209px;
		height:21px;
		line-height:21px;
	}
	
	.form dt.message {
		height:105px;
	}
	.form dd.message {
		height:105px;
	}
	
	.form dd.radios {
		line-height:17px;
	}
	
		.form dd.radios span {
			
		}
	
	.form input.text {
		margin:0;
		padding:0 2px 3px;
		width:205px;
		height:16px;
		font-size:1em;
		/* Simpele border */
		border:1px solid #B0B1B3;
		background:#E6E8EB;
		color: #000;
		/* Mooie border
		border-top:1px solid #7c7c7c;
		border-left:1px solid #c3c3c3;
		border-right:1px solid #c3c3c3;
		border-bottom:1px solid #dddddd;
		background:#fff url(../images/input-background.gif) repeat-x;
		*/
	}
	
	.form input.long {
		width:370px;
	}
	
	.form .error {
		border:1px solid #9e0226 !important;
	}
	
	.form select {
		height:21px;
		font-size:1em;
		line-height:17px;
		color:#8D8D8F;
	}
	
	.form input#name {
		float:right;
		position:relative;
		right:-2px;
		width:142px;
	}
	
	.form input#postcode {
		float:left;
		width:54px;
	}
	
	.form input#city {
		float:right;
		position:relative;
		right:-2px;
		width:142px;
	}
	
	.form input {
		color:#8D8D8F;
	}
	
	.form textarea {
		position:relative;
		z-index:10;
		overflow:auto;
		margin:0;
		padding:1px;
		width:207px;
		height:101px;
		border:1px solid #B0B1B3;
		background:#E6E8EB;
	}
	
	.form input#submit {
		font-size:1em;
	}
	
	.form input.button,
	a.button {
		float:right;
		position:relative;
		right:-2px;
		height:38px;
		border:0;
		color:#fff !important;
	}
	
	.form dd.submit {
		height:38px; 
	}
	
	.form input.radio {
		vertical-align:middle;
	}
	
	.form select#sex {
		float:left;
		width:60px;
	}
	
	.form label:after {
		content:":";
	}
	
	.form label[for=postcode]:after {
		content:"";
	}
	
	.form .route-field {
		position:relative;
	}
	
	.form .overlabel,
	.form .overlabel-apply {
		position:absolute;
		left:4px;
		top:2px;
		z-index:10;
		color:#9fa4a6;
		cursor:text;
	}
	
	form.presentje {
		margin-left:0 !important;
		width:240px;
	}
	
		form.presentje input.text {
			display:block;
			margin-top:5px;
		}
		
		form.presentje input.button {
			float:none;
			margin:5px 0 0 -9px;
		}
		
/* END: Forms */
/*END Misc.*/