/* MS-abfoto.nl-Stylesheet - Stylesheet developement by Media Solutions. */

/* Base declaration */
* {
	color: #999999;
	font-family: Arial, Verdana;
	font-size: 11px;
	text-decoration: none;
	line-height: 17px;
	margin: 0;
	padding: 0;
	text-align: left;
}

body {
	text-align: center;
	background:url(../images/background.jpg) center top no-repeat;
	background-color: #1b1b1b;
}

.error
{
	color: red
}

input.form-error {
	border: 1px solid red !important;
}

/* End Base declaration */

/* Placing */
#site {
	width: 981px;
	margin: 0 auto;
	position:relative;
	padding:0 0 50px;
	min-height:500px;
}

	#header {
		position:relative;
		background:url(../images/bg_header.jpg) 292px top no-repeat;
		height: 92px;
		width: 981px;
		border-bottom: 1px solid #303030;
	}
	
	#topmenu {
		float: right;
		margin: 7px 45px 0 0;
		height: 72px;
	}
	
	#content {
		width: 981px;
		min-height: 350px;
	}
	
	#fotoalbum-box {
		margin:0 35px 0 30px;
	}
	
		#top-box {
			overflow:hidden;
			float:right;
			width:600px;
			margin:0 -31px 0 0;
			padding-bottom:6px;
			background: url(../images/top-box-bg.gif) right bottom no-repeat;
		}
		
		#top-box a.winkelmandje {
			float:right;
			display:block;
			margin-right:56px;
			padding-left:30px;
			color:#838383;
			font-size:11px;
			line-height:18px;
			text-transform:uppercase;
			background:url(../images/winkelmandje.gif) left center no-repeat;
		}
		#top-box a.winkelmandje:hover,
		#top-box a.winkelmandje:active {
			color:#dedede;
			text-decoration:none;
		}
		
		#top-box a.winkelmandje.active {
			background:url(../images/winkelmandje-a.png) left center no-repeat;
		}
		
		
		#top-box form.fotoalbum-select {
			width:235px;
			margin:0 156px 0 0;
		}
	
			#top-box form.fotoalbum-select label {
				float:left;
				margin-right:11px;
				color:#838383;
				font-size:11px;
			}
			
			#top-box form.fotoalbum-select select {
				width:184px;
				height:21px;
				color:#838383;
				font-size:11px;
				line-height:21px;
				text-transform:uppercase;
				border:1px solid #3b3b3b;
				background:#303030;
			}
	
		#fotoalbum-box h2.fotoalbum {
			float:left;
			clear:both;
			display:inline-block;
			color:#ababab;
			font-size:20px;
			font-weight:normal;
		}
	
		#fotoalbum-box p.slideshow,
		#fotoalbum-box p.verstuur-album {
			display:inline-block;
			margin:3px 0 0 8px;
			padding-left:6px;
			font-size:11px;
			line-height:12px;
			background:url(../images/p-bg.gif) left center no-repeat;
		}
		
			#fotoalbum-box p.slideshow a {
				color:#a9a9a9;
			}
			
			#fotoalbum-box p.verstuur-album a {
				color:#dbe79a;
			}
		
		#fotoalbum-box p.datum {	
			color:#ababab;	
			font-size:11px;
			line-height:12px;
			clear:left;
		}
	
		#fotoalbum-box img.stappen {
			float:right;
			margin:4px 5px 0 0;
		}
		
/* START: Photos */
div.photo-container {
	margin-top:15px;
}

div.photos {
	width:911px;
	margin-bottom:6px;
}

	div.photos:after { 
	    content:"\0000a0"; 
	    display:block; 
	    height:0; 
	    clear:both;  
	    visibility:hidden; 
	}

	div.photo {
		overflow:hidden;
		float:left;
		width:125px;
		height:113px;
		margin-left:6px;
	}
	div.photo.first-child {margin-left:0px;}
	
	
	a.photo {
		clear:both;
		display:block;
		width:125px;
		height:89px;
		margin-bottom:2px;
		text-align: center;
	}
	
	a.photo img {	
		max-width:125px;
		max-height:89px;
	}
	
	a.button {
		display:block;
		width:94px;
		height:17px;
		padding:5px 0 0 31px;
		color:#383838;
		font-size:11px;
		line-height:12px;
		background:#aaaaaa url(../images/plusje.jpg) left center no-repeat;
	}
	a.button:hover, a.button:active {text-decoration:none;}
	
	ul.pages {
		overflow:hidden;
		width:911px;
		margin-top:19px;
	}
	
		ul.pages li {
			float:left;
			list-style:none;		
		}
		
		ul.pages li.left {
			width:421px;
		}
		ul.pages li.right {
			float:right;
		}
		ul.pages li.middle {
			
		}
		
			ul.pages li a {
				color:#aaa;
			}
	
/* END: Photos */
/* START: Cart */
winkelmand-container {
	clear:both;
}

table.cart {
	clear:both;
	width:913px;
	margin-top:17px;
	background:#141414;
}

	table.cart tr {
	
	}
	
		table.cart tr td.first-child {
			width:144px;
			height:95px;
			padding:3px 0 0 3px;
			background:none;
		}
	
		table.cart tr td {
			width:124px;
			height:78px;
			padding:17px 0 0 15px;
			vertical-align:top;
			border-bottom:1px solid #000;
			background: url(../images/td-bg.gif) left center no-repeat;
		}
		
		table.cart tr.last-row td {
			height:48px;
			padding:0;
			border:none;
			background:#202020;
		}
		
		table.cart tr td.big {
			width:212px;
		}
		
		table td.amount {
			width:111px !important;
		}
		
		table td.price {
			width:75px !important;
		}
		
		table.cart tr td.delete {
			width:108px;
		}
		
		table.cart tr.last-row td.totaal {
			text-align:right;
		}
		
			table.cart tr td label,
			table.cart tr td p.titel {
				display:block;
				margin-bottom:6px;
				color:#747474;
				font-size:11px;
			}
			
			table.cart tr td select {
				width:97px;
				height:21px;
				color:#747474px;
				border:1px solid #3b3b3b;
				background:#303030;
			}
			table.cart tr td.big select {
				width:164px;
			}
		
			table.cart tr td a.button {
				width:104px;
				height:30px;
				margin:10px 0 0 8px;
				padding:0;
				background:none;
			}
		
			table.cart tr td p {
				color:#747474;
				font-size:15px;
				line-height:17px;
			}
			
			table.cart tr.last-row td p {
				padding:16px 0 0 0;
				width:205px;			
				text-align:right !important;
			}
			
				table.cart tr td p strong {
					color:#747474;
					font-size:18px;
				}
			
			table.cart tr td a.delete {
				display:block;
				margin-top:22px;
				padding-left:19px;
				color:#747474;
				font-size:11px;
				background: url(../images/delete-btn.gif) left center no-repeat;
			}
			
div.bedrag-box {
	overflow:hidden;
	float:left;
	width:209px;
	height:auto !important;
	margin:24px 88px 0 0;
	padding:16px 0 16px 17px;
	background:#141414;
}

.stap3 div.bedrag-box {
	margin:0;
	padding:16px 0;
}

.stap3 div.bedrag-box.methode {
	padding:0 0 16px 17px;
	margin-top:14px;
}

div.bedrag-box.methode {margin-right:34px;}

	div.bedrag-box p {
		color:#747474;
		font-size:11px;
	}
	
		div.bedrag-box p strong {
			font-size:18px;
		}
	
	div.bedrag-box ul.gegevens {
		margin-top:25px;
	}
	
		div.bedrag-box ul.gegevens li {
			list-style:none;
			color:#747474;
			font-size:11px;
			line-height:22px;
		}
		
div.methode-box {
	padding:14px 0 0;
}

	div.methode-box .box {
		position:relative;
		float:left;
		width:319px;
		height:265px;
		margin-right:5px;
		border:1px solid #2b2b2b;
		background:#141414;
	}	
	
	div.methode-box .box div.image {
		height:98px;
		padding:12px 0 0;
		text-align:center;
	}
	
		div.methode-box .box img {
			border:1px solid #000;
		}
		
		div.methode-box .box div.text {
			text-align:left;
		}

			div.methode-box .box div p {
				margin:4px 12px 0 15px;
				color:#ababab;
				font-size:11px;
			}
			
			div.methode-box .box div a.submit {
				position:absolute;
				bottom:34px;
				left:15px;
			}
			
				div.methode-box .box div a.submit img {
					border:none;
				}
		
div.adres-box {
	overflow:hidden;
	width:600px;
	padding:25px 0 0;
}

	div.adres-box .box {
		float:left;
		width:278px;
		margin-right:7px;
	}

	div.adres-box fieldset {
		width:278px;
		border:0;
	}
	
	div.adres-box fieldset.checkbox {
		margin-top:8px;
	}
	
	div.adres-box fieldset.submit {
		clear:both;
		padding-top:16px;
	}
	
		div.adres-box fieldset input.nummer {background:#a9a9a9;}
		div.adres-box fieldset input.text {
			width:273px;
			height:21px;
			margin-bottom:1px;
			padding-top:2px;
			color:#000;
			border:0;
		}
		
		div.adres-box fieldset label {
			display:inline-block;
			width:250px;
			vertical-align:top;
			position:relative;
			top:-2px;
		}
	
div.afronden-box {
	width:467px;
	padding:52px 0 0 253px;
}

	div.afronden-box p {
		width:400px;
		margin-bottom:82px;
		color:#747474;
		font-size:11px;
		line-height:20px;
	}
		
		div.afronden-box p strong {
			color:#a9a9a9;
		}
	
	
	div.afronden-box .box {
		float:left;
		width:209px;
		margin-left:38px;
	}
	div.afronden-box .box.first-child {margin-left:0;}
	
		div.afronden-box .box h3 {
			color:#ababab;
			font-size:15px;
			line-height:25px;
			font-weight:bold;
		}
		
		div.afronden-box .box ul {
			
		}
		
			div.afronden-box .box ul li {
				list-style:none;
				color:#4e4e4e;
			}
			div.afronden-box .box ul li.phone {color:#ababab;}
			
				div.afronden-box .box ul li a {
					padding-left:25px;
					color:#ababab !important;
					background: url(../images/arrows2.png) left center no-repeat;
				}
			
/* END: Cart */
	
	#footer {
		width: 951px;
		margin: 10px 0 0 30px;
		color:#303030;
		position:absolute;
		bottom:0;
	}
	
		#footer * {
			color:#303030;
		}
	
		#footer a {
			color:#636363;
		}
		
		#footer a:hover {
			color:#fff;
			text-decoration:none;
		}
/* End Placing */

/* Font's */

h1,
h2,
h3,
h4 {
	color: #ababab;
	line-height:20px;
	font-weight:normal;
}

h1 {
	font-size: 20px;
	line-height:24px;
}

h2 {
	font-size: 16px;
}

h3 {
	font-size: 15px;
}

h4 {
	font-size: 14px;
}

a {
	text-decoration: none;
	color: #dedede;
}

a img {
	border:0;
	text-decoration:none;
}

a:hover,
a:active {
	text-decoration: underline;
	color: #fff;
}

a.topmenu,
a.topmenu:active { 	
	color:#838383;
	margin-right: 15px;
}

a.topmenu.active {
	font-weight:700;
}

a.topmenu:hover {
	margin-right: 15px;
}

a.klantenlogin,
a.klantenlogin:hover,
a.klantenlogin:active {
	margin-right: 15px;
	color: #dedede;
	cursor: pointer;
}

a.btn-login {
	margin-left:6px;
	cursor: pointer;
}

a.logo {
	float: left;
}

a.hoofditem,
a.hoofditem:hover,
a.hoofditem:active {
	font-size: 16px;
	color: #ABABAB;
	line-height: 20px;
}

span.item {
	color: #838383;
}

span.type,
span.type-on {
	color: #4E4E4E;
	margin-right: 10px;
}

span.type:hover,
span.type-on {
	color: #838383;
	margin-right: 10px;
}

ul.arrows {
	list-style:none;
}

ul.arrows li {
	padding-left: 20px;
	margin: 2px 0;
	background:url(../images/arrows.jpg) center left no-repeat;
}

span.klantgeg {
	width: 80px; font-weight: bold;
}

input.offerte,
textarea.offerte {
	background-color: 303030;
	border: 1px solid #000;
	width: 230px;
	height: 20px;
	margin: 0;
}

textarea.offerte {
	height: 50px;
}

select {
	border: 0px;
}

html #contact-form dt label {
	color:rgb(116, 116, 116);
}

input.style,
input.offerte,
textarea.offerte,
select.offerte {
	background-color: 303030;
	border:1px solid #000;
}

input.voegtoe {
	margin: 0 0 0 15px;
	text-align: center;
	border: 0px;
}

textarea{
	overflow: auto;
}

.btn_submit {
	text-align: center;
}
/* End Font's */

/* Content Items */
#flow {
	width: 981px;
	height: 289px;
	padding: 20px 0px 10px 20px;
	border-bottom: 1px solid #303030;
	display: table;
}

#columnwrapper {
	overflow:hidden;
	padding:10px 0;
}


	#columnleft {
		float:left;
		margin-left:30px;
		width:240px;
	}
	
	#columnmiddle {
		float:left;
		margin-left:35px;
		width:390px;
	}
	
	#columnmiddle-widht {
		float:left;
		margin-left:35px;
		width:638px;
	}
	
	#content #columnwrapper .winkelmand-width {
		margin-left:290px;
	}
	
	#columnright {
		float:right;
		width:230px;
		margin-right:35px;
	}

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

/* End Content Items */

/* footer items */
span.left {
	float: left;
}

span.right {
	float: right;
	margin-right:60px;
}
/* end footer items */

/* image scroller*/
img.scroller {
	margin: 5px;
	border: 0px;
}

#buitenkant {
	width: 645px;
	overflow: hidden;
}

#binnenkant {
	position: relative;
}

div.image-scroll {
	float: left;
	margin: 0 7px 0 0;
	padding: 0 0 5px;
	background-color: #222;
	text-align: center;
}
/* klant page */

div.albums-klant {
	clear: both;
	margin: 0 0 24px;
	padding:0 0 24px;
	border-bottom:1px solid #303030;
}
/* order items */

div.order-item1,
div.order-item2,
div.order-item1-short {
	width: 630px;
	height: 60px;
	background-color: #222;
	padding: 10px 10px 10px 0px;
	margin: 10px 0 0 0;
}
div.order-item1-short {
	width: 410px;
}
div.order-item2 {
	background-color: #333;
}

div.order-inside {
	float: left;
	height: 60px;
	margin: 0 10px 0 0;
	padding: 0 0 0 10px;
	border-left: 1px solid #000;
}
a.verwijderen { font-size: 20px; }

/* Toevoegen*/

#toevoegen-afb {
	margin: 20px 0 0 0;
	float: left;
	width: 420px;
}
#toevoegen-opties {
	margin: 20px 0 0 0;
	float: right;
	width: 500px;
}

#toevoegen-opties select{
	width: 400px;
	display: block;
}
#toevoegen-opties fieldset{
	width: 410px;
	padding: 5px;
	display: block;
}
#toevoegen-opties span{
	float: right;
	font-size: 15px;
}

/* Column Left Index */
.arrow-items h3 {
	margin:0 0 5px;
	padding-left:20px;
	background:url(../images/arrows.jpg) left 6px no-repeat;
}

.arrow-items p {
	margin:0 0 20px;
	padding-left:20px;
}

/* Adres UL's */
	ul.adres {
		margin-bottom:20px;
		list-style:none;
	}
	
	ul.adres .arrow {
		padding-left:20px;
		background:url(../images/arrows.jpg) center left no-repeat;
	}
	
	ul.adres .lighter {
		color:#959595;
	}
	
#submit {
	padding:0 5px;
}
	
/* Menu by Michiel Bijl */
#menu {
	position:absolute;
	top:79px;
	right:50px;
	width:600px;
	overflow:hidden;
	background:url(border.gif) bottom left repeat-x;
}

#menu * {
	line-height:13px;
}
	
	#menu ul {
		margin:0;
		padding:0;
		list-style:none;
		font-size:0.75em;
		height:1em;
		
	}
	
	#menu li {
		float:right;
		margin-right:10px;
		line-height:1em;
	}
	
	#menu a {
		display:block;
		height:13px;
		color:#4e4e4e;
		text-transform:uppercase;
		text-decoration:none;
		border-bottom:1px solid #303030;
	}
	
	#menu a:hover {
		color:#4e4e4e;
		border-bottom:1px solid #4e4e4e;
	}
	
		#menu a span {
			color:#757575;
		}
		
		#menu a:hover span {
			color:#9c9c9c;
		}
	
		#menu a span.first {
			color:#9c9c9c;
		}

/* Winkelmandje / Stappen */
#basket {
	float:left;
	margin-left:30px;
	width:660px;
}

#basket-left {
	float:left;
	margin-left:30px;
	width:520px;
}

#basket-middle {
	float:left;
	margin-left:20px;
}

#client-info {
	float:right;
	width:240px;
}


div#stappen {
	float:right;
	width:700px;
}

.stappen {
	margin:20px 0 20px 0;
}

#content .left {
	float: left;
	margin:5px 30px 20px 10px;
}

#content .right {
	float: right;
	margin:5px 25px 20px 0;
}

#myaccount { /* left menu */
	margin:0 0 30px;
	list-style:none;
}

	#myaccount a {
		color:#7a7a53;
		font-size:15px;
	}
	
	#myaccount a:hover {
		color:#fff;
		text-decoration:none;
	}
	

.photoshoot-date {
	margin-left:13px;
	font-size:11px;
}

.albums-klant ul {
	list-style: none;	
}

.albums-klant ul li {
	float:left;
	margin-right:6px;
}

.albums-klant h2 {
	margin:0 0 5px;
}

h1.stand-out {
	margin:10px 0;
}

html div.margin-top-50 {
	margin-top:50px;
}

/* images.asp buttons */
.button span {
	display:none;
}

.button_prev {
	display:block;
	float:left;
	width:120px;
	height:28px;
	background:url(../images/button_prev.png);
}

.button_next {
	display:block;
	width:120px;
	height:28px;
	background:url(../images/button_next.png);
}




#betalingdiv {
	margin-left: auto;
	margin-right: auto;
	padding-left: 30px;
}
#betalingsplit {
	float: left;
	padding-left: 30px;
}
#bankoverschijving {
	border: 1px #303030 solid;
	float: left;
	height: 320px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	width: 260px;
}
#overschrijvinglogo {
	padding-left: 0px;
	height: 120px;
}

#idealbetaling {
	border: 1px #303030 solid;
	float: left;
	height: 320px;
	padding-left: 20px;
	padding-right: 10px;
	padding-top: 10px;
	width: 260px;
}
#ideallogo {
	padding-left: 30px;
	height: 120px;
}
div.betalingknop {
	position: relative;
	top: 10px;
	text-align: right;
}
div.betalingtext {
	height: 125px;
}


/* Gegevens Check */
.gegevens #columnleft {
	width:210px;
}

#gegevens-middel {
	float:left;
	width:200px;
}

#gegevens-right {
	float:right;
	width:410px;
}

.gegevens #customer {
	background:#ccc;
	border:1px solid;
}

#gegevens-middel input {
	width:100%;
}

.gegevens #collumnleft,
.gegevens #gegevens-middel,
.gegevens #gegevens-right {
	padding-bottom:20px;
}

.gegevens #footer {
	border-top:1px solid #ccc;
	clear:both;
	width: 951px;
	margin: 10px 0 0 30px;
}

.gegevens input {
	margin:0 0 15px;
}

.gegevens .hidden {
	display:none;
}

#site #gegevens-middel .button {
	float:right;
	width:80px;
	text-align:center;
}

#columnleft a:hover {
	text-decoration:none;
}

#columnright input {text-align:center;}
#columnright input.offerte {text-align:left;}

#site .links-page li {
	margin:0 0 1.5em;
}

.info {
}

#site .info dd {
	height:10px;
	line-height:1em;
}

.bd {
	border-bottom:1px solid #ABABAB;
	margin-bottom:1.5em;
	padding-bottom:1.5em;
}

#pagetitle {
	overflow:hidden;
	clear:both;
}

.state {
	width: 10px;
	font-size: 16px;
	display: inline-block;
}

.specialh2 {
	/*display: inline-block;*/
}

.help-text {
	display: none;
}

/* START: Fotos toevoegen */
fieldset.foto-opties {
	float:left;
	border:0;
}

	fieldset.foto-opties label {
		float:left;
		clear:left;
		width:93px;
		margin-bottom:1px;
		color:#000;
		font-size:11px;
	}
	
	fieldset.foto-opties select {
		float:left;
		width:154px;
		height:20px;
		margin-bottom:1px;
		color:#000;
		font-size:11px;
		border:1px solid #a9a9a9;
	}
	
		fieldset.foto-opties select option {
			color:#000;
		}
	
div.prijs {
	float:left;
	width:375px;
	margin-left:22px;
}	
	
	div.prijs p.prijs,
	div.prijs p.prijs strong {
		color:#000;
		font-size:15px;
		line-height:22px;
	}	
	
	div.prijs input.toevoegen {
		float:right;
		margin:-6px -10px 0 0;
	}
	
/* END: Fotos toevoegen */

/* START: hidden-photos */
#hidden-photos {
	display:none;
}
/* END: hidden-photos */
/* START: winkelmand-leeg */
p.winkelmand-leeg {
	margin:40px auto;
	width:160px;
	font-size:12px;
}
/* END: winkelmand-leeg */
/* START: album-versturen */
form#album-versturen {
	float:left;
	margin: 52px 0 0 1px;
}

	form#album-versturen input,
	form#album-versturen textarea {
		float:left;
		clear:left;
		border:0;
		width:186px;
		height:24px;
		padding-left:10px;
		margin-bottom:2px;
	}
	
	form#album-versturen label {
		float:left;
		clear:right;
		margin-left:14px;
	}
	
	form#album-versturen label.clear-label {
		clear:both;
		margin:4px 0 6px 0;
	}
	
		form#album-versturen label.clear-label span {
			color:#fff;
		}
	
	form#album-versturen input.btn {
		width:116px;
		height:42px;
		margin-left:-9px;
		padding:0;
	}
	
	div#voorbeeld {
		float:right;
		width:335px;
		margin:82px 25px 0 0;
	}
	
		div#voorbeeld p {
			margin:0 0 5px 0;
			color:#fff;
			font-size:11px;
		}
	
/* END: album-versturen */