/* 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;
}

/* 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;
	}
	
	#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:hover,
a.topmenu:active { 	
	margin-right: 15px;
}

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

a.btn-login {
	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;
	}
	
	#myaccount li {
		line-height:25px;
	}

.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 .hidden {
	display:none;
}

.gegevens .button {
	padding-top:5px;
	text-align:right;
}

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

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

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