@charset "utf-8";
/* Stylesheet for My Media Mailer 2.0, By Media Solutions */

/* Table of Contents
1. Base Elements
2. Site
3. Header
	3.1. inloggen
	3.2. inlog-venster
4. Page
	4.1. Alinea-1
	4.2. Alinea-2
	4.3. nieuwsbrief-voorbeelden
	4.4. sidebar
5. Footer
6. Misc
*/

/*1. Base Elements */

* {
	margin:0;
	padding:0;
}

body {
	font-family:tahoma;
	background:#ffffff url(../images/body-bg.png) 0 91px repeat-x;
}

li {
	list-style:none;
}

img {
	border:0;
}

a {
	text-decoration:none;
}

fieldset {
	padding:0;
	border:none;
}

/*2. site*/

#site {
	width:966px;
	margin: 0 auto;
	padding:0 0 0 13px;
}

	/*3. Header */
	
	#video #header {
		height:293px;
		background: url(../images/headers/demo-header.jpg) center 92px no-repeat
	}
	
	#header {
		position:relative;
		z-index:9;
		width:940px;
		height:348px;
		
	}
	
		#header h1 {
			position:absolute;
			left:0px;
			top:14px;
			width:340px;
			height:56px;
			background: url(../images/mmm-logo.png);
		}
		
			#header h1 span {
				display:none;
			}
			
			#header h1 a {
				display:block;
				width:340px;
				height:56px;
			}
		#header .email-marketing {
			position:absolute;
			right:16px;
			top:16px;
		}
		
			#header .email-marketing a {
				font-family:tahoma;
				font-size:20px;
				color:#0079c3;
				text-decoration:none;
				display:block;
				height:38px;
				line-height:36px;
				width:331px;
				background: url(../images/button-grijs.png) right center no-repeat;
			}
			
			#header .email-marketing-button {
				position:absolute;
				right:-50px;
				top:-8px;
				border:0;
			}
		#video #header .menu {
			top:247px;
		}	
		
		#header .menu {
			position:absolute;
			height:46px;
			width:946px;
			top:302px;
			z-index:4;
			background: url(../images/menu-bg.png) center center no-repeat;
		}
		
			#header .menu li {
				display:block;
				float:left;
				list-style:none;
				height:27px;
				line-height:27px;
				margin:5px 0 0 38px;
				padding:0 38px 0 0;
				background: url(../images/menu-border-right.png) right center no-repeat;
			}
				
				#header .menu .last-of-type {
					background:none;
				}
				
				#header .menu li a {
					color:#858585;
					text-decoration:none;
					font-size:14px;
					font-family:Tahoma;
				}
				
				#header .menu li a:hover,
				#header .menu li .active {
					color:#0079c3;
				}
		
	/* 3.1 inloggen */
	
	#inloggen {
		position:absolute;
		height:36px;
		width:382px;
		top:73px;
		right:-5px;
		z-index:2;
		background: url(../images/inlog-bg.png) right center no-repeat;
	}
	
		#inloggen span a {
			float:right;
			text-family:Tahoma;
			font-size:15px;
			color:#575656;
			display:block;
			width:77px;
			height:18px;
			line-height:18px;
			margin:10px 29px 0 0;
			background: url(../images/arrow-down.png) right bottom no-repeat;
		}
	/*3.2 inlog-venster */
	#inlog-venster {
		display: none;
		position:absolute;
		width:376px;
		height:160px;
		top:88px;
		right:0px;
		z-index:1;
		background: url(../images/inlog-uitklap-bg.png) no-repeat;
	}
	
		#inlog-venster form {
			margin:42px 0 0 30px;
			font-family:Tahoma;
			font-size:11px;
			color:#004873;
		}
		
			#inlog-venster form fieldset {
				border:0;
			}
			
			#inlog-venster form input.text {
				float:right;
				margin:0 15px 2px 0;
				font-family:Tahoma;
				font-size:11px;
				color:#004873;
				padding:3px 6px;
				width:220px
			}
			
			#inlog-venster form .submit {
				display:block;
				margin:4px 10px 0 0;
				border:none;
				width:90px;
				height:34px;
				background: url(../images/button-inlog.png) 0 0 no-repeat;
			}
			
			
			#inlog-venster .wachtwoord-vergeten a {
				width:125px;
				margin:13px 0 0 30px;
				display:block;
				color:#1c9ce9;
				font-family:Tahoma;
				font-size:11px;
				text-decoration:none;
			}
			
	/*4. Page */
	
	#page .content {
		float:left;
	}
	
	#page {
		width:937px;
		position:relative;
		margin:0 0 0 -13px;
		padding:0 0 20px 26px;
		background: url(../images/body-bg.png) no-repeat center bottom;
	}
	
		#page h2 {
			color:#0079c3;
			font-size:15px;
			font-weight:normal;
			font-family:tahoma;
		}
			
			#page h2 a {
				color:#858585;
			}
			
			/* 4.1. Alinea-1 */
			#alinea-1 {
				margin:16px 18px 0 0;
				float:left;
				width:245px;
				min-height:157px;
			}
			
				#alinea-1 p {
					margin:7px 0 0;
					line-height:21px;
					font-family:tahoma;
					font-size:11px;
					color:#575656;
				}
				
					#alinea-1 p a {
						font-weight:bold;
						color:#0079c3;
					}
					
					#alinea-1 p a:hover {
						color:#005488;
					}
			
			/* 4.2. Alinea-2 */
			#alinea-2 {
				margin:16px 0 0 14px;
				float:left;
				width:267px;
				min-height:157px;
			}
			
				#alinea-2 h3 {
					color:#575656;
					line-height:21px;
					font-family:tahoma;
					font-size:11px;
					font-weight:bold;
				}
				
				#alinea-2 p {
					margin:7px 0 0;
					line-height:21px;
					font-family:tahoma;
					font-size:11px;
					color:#575656;
				}
			
					#alinea-2 p a {
						color:#0079c3;
					}
					
					#alinea-2 p a:hover {
						color:#005488;
					}
			/* voorbeeld detail img */
			#voorbeeld-detail-img {
				margin:16px 0 0;
				float:left;
				width:245px;
				min-height:157px;
				background: url(../images/voorbeeld-detail-img.png) center top repeat-y;
			}
			
				#voorbeeld-detail-img img {
					margin:0 0 0 3px;
					border:1px solid #b8b8b8;
				}
			/* voorbeeld detail img schaduws */
			#schaduw-top {
				width:247px;
				height:2px;
				background:#fff url(../images/voorbeeld-detail-schaduw-top.png) center bottom no-repeat;
			}
			
			#schaduw-bottom {
				width:247px;
				height:4px;
				background:#fff url(../images/voorbeeld-detail-schaduw-bottom.png) center top no-repeat;
			}
			
			/* 4.4. sidebar */
			
			#sidebar {
				position:relative;
				z-index:1;
				float:right;
				width:383px;
				margin:-14px 3px 0 0;
				background: url(../images/sidebar-bg.gif) repeat-y;
			}
			#site .no-bg {
				float:right;
				width:383px;
				margin:0 3px 0 0;
				background:#ffffff;
			}
			
			#site .streep-bg {
				float:right;
				width:383px;
				min-height:360px;
				margin:0 3px 0 0;
				background:#ffffff url(../images/sidebar-streep.gif) 23px 19px no-repeat;
			}
					/*sidebar gradient*/
					
					 #sidebar #sidebar-gradient {
					 	background: url(../images/sidebar-gradient-bg.png) center top repeat-x;
						margin:0 7px 0 1px;
						padding:0 0 0 25px;
						overflow:hidden;
					 }
				
						#sidebar #sidebar-gradient h2 {
							padding: 30px 0 7px 0;
						}
						
						#sidebar #sidebar-gradient .star {
							float:right;
							margin:20px 8px 0 0;
						}
						
						#sidebar #sidebar-gradient .voordelen-ul li {
							color:#575656;
							font-family:tahoma;
							font-size:12px;
							line-height:23px;
							padding:0 0 0 24px;
							background: url(../images/vinkje.png) left center no-repeat;
						}
						
						#sidebar #sidebar-gradient .voordelen-a {
							display:block;
							width:310px;
							height:38px;
							line-height:38px;
							font-family:tahoma;
							font-size:15px;
							color:#0079c3;
							margin:5px 0 0;
							background: url(../images/arrow-right.png) right center no-repeat;	
						}
						
						/*demo*/
						
						#sidebar #sidebar-gradient .demo-mmm2-p {
							color:#575656;
							font-family:tahoma;
							font-size:11px;
							line-height:23px;
							width:322px;
							margin:0 0 18px 0;
						}
						
						#sidebar #sidebar-gradient form fieldset {
							margin:1px 0 0;
							font-family:tahoma;
							font-size:11px;
							color:#757474;
						}
					
						#sidebar #sidebar-gradient form fieldset .text {
							width:204px;
							height:24px;
							border:none;
							background:#dbdbdb;
						}
						
						#sidebar #sidebar-gradient form label {
							width:107px;
							font-size:11px;
						}
						
						#sidebar #sidebar-gradient form fieldset .label-naam {
							width:29px;
						}
						
						#sidebar #sidebar-gradient form fieldset .naam {
							width:88px;
							margin:0 1px 0 0;
						}
						
						#sidebar #sidebar-gradient form fieldset .label-achternaam {
							width:78px;
						}
					
						#sidebar #sidebar-gradient form fieldset .achternaam {
							width:115px;
						}
						
						#sidebar #sidebar-gradient form fieldset .checkbox {
							float:left;
							margin:19px 0 0;
						}
						
						#sidebar #sidebar-gradient form fieldset .checkbox-text {
							display:block;
							width:189px;
							margin:19px 0 0 24px;
						} 
						
						#sidebar #sidebar-gradient form fieldset .submit-demo {
							height:34px;
							width:90px;
							float:right;
							border:none;
							margin:-23px 30px 0;
							background: url(../images/button-proberen.png) 0 0 no-repeat;
						}
						
						#sidebar #sidebar-gradient form fieldset .submit {
							height:34px;
							width:90px;
							float:right;
							border:none;
							margin:-23px 30px 0;
							background: url(../images/button-versturen.png) 0 0 no-repeat;
						}
					
					/*voorbeelden */
					
					#page .voorbeelden-first-dl {
						float:left;
						width:154px;
						height:179px;
						margin:10px 16px 20px 0;
					}
						
						.voorbeelden-first-dl dt a {
							display:block;
							height:155px;
							width:148px;
							padding:2px 4px 4px 3px;
							background: url(../images/voorbeelden-img-bg.png) center center no-repeat;
						}
						
						.voorbeelden-first-dl dt a img {
							border:1px solid #b8b8b8;
						}
						
						#page .voorbeelden-first-dl dd {
							padding:0 0 0 2px;
							color:#575656;
							font-family:tahoma;
							font-size:11px;
						}
					
					/* sidebar dl */
					
					#page #sidebar .last-child {
						float:left;
						width:114px;
						height:158px;
						margin:10px 0 20px;
					}
					
					#site #page #sidebar-details {
						overflow:hidden;
						width:383px;
						background:#fff;
					}
					
					#sidebar .voorbeelden-first-dl {
						float:left;
						width:110px;
						height:158px;
						margin:10px 16px 20px 0;
					}
						
						#sidebar .voorbeelden-first-dl dt a {
							display:block;
							height:115px;
							width:121px;
							background: url(../images/voorbeeld-klein-schaduw.png) center top no-repeat;
						}
						
						#sidebar .voorbeelden-first-dl dt a img {
							width:106px;
							height:109px;
							padding:2px 7px 1px 0;
							border:1px solid #b8b8b8;
						}
						
						
						#sidebar .voorbeelden-first-dl dt .active  {
							opacity:0.5;
							 /* for IE */
  							filter:alpha(opacity=50);
						} 
					
						#sidebar .voorbeelden-first-dl dd {
							padding:0 0 0 3px;
							color:#575656;
							font-family:tahoma;
							font-size:11px;
						}
					
						#sidebar .voorbeelden-first-dl .active {
							color:#858585;
						}	
							
							
					#sidebar #sidebar-bottom-voorbeelden {
						height:107px;
						width:382px;
						background:#ffffff url(../images/sidebar-gradient-klein-bg.png) center top repeat-x;
					}
					
						#sidebar #sidebar-bottom-voorbeelden p {
							color:#003758;
							font-family:tahoma;
							font-size:15px;
							padding:12px 21px 0 24px;
						}
					
						#sidebar #sidebar-bottom-voorbeelden a {
							background:transparent url(../images/arrow-right.png) no-repeat scroll right center;
							color:#0079C3;
							display:block;
							font-family:tahoma;
							font-size:15px;
							height:38px;
							line-height:38px;
							margin:6px 19px 0 0;
							width:172px;
							float:right;
						}
						
					/* sidebar voorbeelden details */
						#sidebar #sidebar-bottom-voorbeelden-details {
							position:relative;
							z-index:-1px;
							padding:12px 0 0;
							height:120px;
							width:382px;
							background:#ffffff url(../images/sidebar-gradient-voorbeelden-bg.png) center bottom repeat-x;
						}
					
							#sidebar #sidebar-bottom-voorbeelden-details p {
							color:#003758;
							font-family:tahoma;
							font-size:15px;
							padding:12px 21px 0 24px;
						}
					
						#sidebar #sidebar-bottom-voorbeelden-details a {
							background:transparent url(../images/arrow-right.png) no-repeat scroll right center;
							color:#0079C3;
							display:block;
							font-family:tahoma;
							font-size:15px;
							height:38px;
							line-height:38px;
							margin:6px 19px 0 0;
							width:172px;
							float:right;
						}
							
					/*sidebar bottom*/
				#sidebar #sidebar-bottom {
					padding:20px 0 0 0;
					width:383px;
					background:#ffffff url(../images/sidebar-bottom-bg.png) center top no-repeat;
				}	
				
					#sidebar #sidebar-bottom .demo-right-ul {
						border-left:1px solid #bab9b9;
						padding:30px 0 5px 13px;
						margin:8px 0 0;
					}
					
						#sidebar #sidebar-bottom .demo-right-ul li {
							height:19px;
							padding:0 0 0 18px;
							margin:0 21px 5px 0;
							font-size:11px;
							line-height:19px;
							background: url(../images/arrow-right-li.png) left center no-repeat;
						}
						
							#sidebar #sidebar-bottom .demo-right-ul li a {
								color:#007ac2;
							}
							
							#sidebar #sidebar-bottom .demo-right-ul li a:hover {
								color:#005488;
							}
							
				#sidebar #sidebar-bottom-index {
					padding:20px 0 9px 0;
					width:383px;
					background:#ffffff url(../images/sidebar-bottom-bg-index.png) center top no-repeat;
				}	
				
			/*sidebar menu*/
				#sidebar .sidebar-menu {
					margin:11px 0 0 40px;
					border:none;
				}
				
					#sidebar .sidebar-menu li {
						height:23px;
						padding:0 0 0 18px;
						margin:0 21px 0 0;
						line-height:23px;
						background: url(../images/arrow-right-li.png) left center no-repeat;
					}
					
					#sidebar .sidebar-menu .active {
						background: url(../images/arrow-right-gr.png) left center no-repeat;
					}
						
						#sidebar .sidebar-menu .active a {
							color:#858585;
						}
						
						#sidebar .sidebar-menu li a {	
							color:#0079c3;
							font-size:11px;
							font-family:tahoma;
						}
						
						#sidebar .sidebar-menu li a:hover {	
							color:#005488;
						}
				#sidebar .adres-gegevens {
					float:left;
					margin:18px 0 0;
				}

					#sidebar .adres-gegevens li {
						font-family:tahoma;
						font-size:11px;
						color:#0079c2;
						line-height:23px;
						margin:0 0 0 40px;
					}

				#sidebar .nummer-gegevens {
					float:left;
					margin:18px 0 0;
				}

	
					#sidebar .nummer-gegevens li {
						font-family:tahoma;
						font-size:11px;
						color:#0079c2;
						line-height:23px;	
						margin:0 0 0 40px;
					}
			/* 4.3. nieuwsbrief-voorbeelden */
			
			#nieuwsbrief-voorbeelden {
				clear:both;
				position:relative;
				margin:0 0 0 -13px;
				width:940px;
				height:153px;
				background:url(../images/voorbeeld-nieuwsbrief-bg.png) 0 0 repeat-x;
			}
			
				#nieuwsbrief-voorbeelden p {
					overflow:hidden;
					font-family:tahoma;
					font-size:15px;
					font-weight:normal;
					color:#ffffff;
					padding:10px 0 12px 26px;
				}
				
				#shadows {
					position:relative;
					height:0;
					width:910px;
				}
					
					#shadows div {
						position:absolute;
						top:0;
						z-index:20;
						width:12px;
						height:110px;
						background:url(../images/shadows.png) no-repeat;
					}
				
					#shadows div:first-child {
						left:0;
						background-position:-14px -14px;
					}
					
					#shadows div + div {
						right:0;
						background-position:0 -14px;
					}
				
				#slide-container {
					position:relative;
					overflow:hidden;
					margin:0 auto;
					width:910px;
					height:110px;
				}
				
					#slider {
						position:relative;
						width:500%;
						height:110px;
					}
					
						.slide {
							float:left;
							padding:0 0 0 18px;
							height:110px;
						}
				
			/* marketing */
			
			#content-marketing {
				padding:16px 0 0;
				width:551px;
			}
			
				#content-marketing h2 {
					margin:0 0 5px;
				}
			
				#content-marketing p {
					line-height:21px;
					font-family:tahoma;
					font-size:11px;
					color:#575656;
					margin:0 0 26px;
				}
				
				#content-marketing .content-img {
					float:left;
				}
				
				#content-demo {
					padding:16px 0 0;
					width:524px;
				}
			
				#content-demo h2 {
					margin:0 0 5px;
				}
			
				#content-demo p {
					line-height:21px;
					font-family:tahoma;
					font-size:11px;
					color:#575656;
					margin:0 0 26px;
				}
				
				#content-demo .last-child {
					margin:0;
				}
				
					#content-demo .dealer-content-ul li {
						font-size:11px;
						font-family:tahoma;
						color:#575656;
						line-height:21px;
						padding:0 0 0 18px;
						background: url(../images/li-blok-style.png) left center no-repeat;
					}
				#content-demo .demo-opties {
					margin:14px 0 54px;
				}
				
					#content-demo .demo-opties li {
						float:left;
						height:19px;
						padding:0 0 0 18px;
						margin:0 21px 0 0;
						line-height:19px;
						background: url(../images/arrow-right-li.png) left center no-repeat;
					}
					
						#content-demo .demo-opties li a {
							color:#0079c3;
							font-size:15px;
							font-family:tahoma;
						}
						
						#content-demo .demo-opties li a:hover {
							color:#005488;
						}
					
				/* offerte */
				#content-marketing	.offerte-form fieldset {
					margin:1px 0 0;
					font-family:tahoma;
					font-size:11px;
					color:#757474;
				}
				
					#content-marketing	.offerte-form fieldset .text {
						padding:4px 0 0 4px;
						width:377px;
						height:20px;
						border:1px solid #a2a2a2;
						color:#5c5c5c;
						font-family:tahoma;
						font-size:11px;
						background:#dbdbdb;
					}
						
					#content-marketing	.offerte-form fieldset label {
						display:inline-block;
						width:165px;
					}
					
					#content-marketing	.offerte-form fieldset .label-naam {
						width:29px;
					}
						
					#content-marketing	.offerte-form fieldset .naam {
						width:163px;
						margin:0 1px 0 0;
					}
						
					#content-marketing	.offerte-form fieldset .label-achternaam {
						width:136px;
					}
					
					#content-marketing	.offerte-form fieldset .achternaam {
						width:207px;
					}
					
					#content-marketing	.offerte-form fieldset .label-postcode {
						width:46px;
					}
						
					#content-marketing	.offerte-form fieldset .postcode {
						width:121px;
						margin:0 1px 0 0;
					}
						
					#content-marketing	.offerte-form fieldset .label-woonplaats {
						width:119px;
					}
					
					#content-marketing	.offerte-form fieldset .woonplaats {
						width:249px;
					}
					
					#content-marketing	.offerte-form fieldset .select-opties {
						width:383px;
						height:24px;
						color:#007ac3;
						font-size:11px;
						font-family:tahoma;
					}
					
					#content-marketing	.offerte-form fieldset .textveld {
						width:377px;
						height:74px;
						font-size:11px;
						font-family:tahoma;
					}
					
				#content-marketing	.offerte-form .last-child {
					margin:1px 0 26px 0;
				}
				
					#content-marketing .offerte-form fieldset .textveld-label {
						vertical-align:top;
					}
				
				#content-marketing	.offerte-form .submit {
					float:right;
					margin:10px -6px 0 0;
				}
				/* dealer */
				
				#sidebar .form-text {
					display:block;
					width:179px;
					margin:33px 0 0;
				}
				
				/*faq*/
				#sidebar .faqform-h3 {
					margin:30px 0 20px 40px;
					color:#0079c3;
					font-size:15px;
					font-weight:normal;
					font-family:tahoma;
				}
				
				#sidebar .faqform {
					margin:0 0 0 40px;
				}
				
					#sidebar .faqform fieldset {
						margin:1px 0 0;
						color:#757474;
						font-family:tahoma;
						font-size:11px;
						
					}
					
						#sidebar .faqform fieldset .text {
							padding:4px;
							width:288px;
							height:16px;
							border:1px solid #a2a2a2;
							color:#5c5c5c;
							font-family:tahoma;
							font-size:11px;
							background:#dbdbdb;
						}
						
						#sidebar .faqform fieldset .area {
							height:63px;
						}
						
						#sidebar .faqform fieldset .submit {
							float:right;
							margin:7px 40px 0 0;
						}
						
		/* 5. footer */
		
		#footer {
			width:966px;
			height:126px;
			margin:20px 0 0 -13px;
			overflow:hidden;
			background: url(../images/body-bg.png) center center no-repeat;
		}
		
		#site .no-background {
			background:none;
		}
		
			#footer h2 {
				padding: 0 0 0 25px;
				font-family:tahoma;
				font-size:15px;
				font-weight:normal;
				color:#0079c3;
			}
			
			#footer ul {
				padding:0 0 0 25px;
				margin:4px 0 0;
				height:66px;
			}
			
				#footer ul li {
					float:left;
					line-height:13px;
					padding:0 11px 5px 0;
					margin:0 11px 0 0;
					background: url(../images/footer-li-border.png) right 2px no-repeat;
				}
				
				#footer ul .last-of-type{
					background:none;
				}
				
					#footer ul li a {
						font-family:tahoma;
						font-size:11px;
						height:11px;
						line-height:11px;
						color:#575656;
					}
					
					#footer ul li a:hover {
						color:#0079c3;
					}
			
			#footer .copy {
				float:left;
				padding:0 0 0 25px;
				color:#575656;
				font-family:tahoma;
				font-size:13px;
			}
			
				#footer .contactcopy {
					margin:6px 0 0 25px;
				}
			
			#footer .media-solutions {
				float:right;
				padding:0 25px 0 0;
			}
			
			#footer .contact-media-solutions {
				margin:0;
			}
				#footer .media-solutions a {
					font-family:tahoma;
					font-size:13px;
					color:#575656;
				}
				
				#footer .media-solutions a:hover {
					color:#0079c3;
				}

/*6. Misc */

.strong {
	font-weight:bold;
}

hr.clear {
	clear:both;
	visibility:hidden;
}

.hidden {
	display:none;
}

#flash {
	position:absolute;
	top:91px;
	left:0;
	z-index:-3;
}