*{
		padding:0;
		margin:0;
	}

html, body {
		height: 100%;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		text-align: center;
		
		background-image: url("../images/background.gif");
		background-color: #2c0746;
		background-position: top center;
		background-repeat: no-repeat;
}

a:active {  color:#d31144; text-decoration:none;}
a:link {  color: #d31144; text-decoration:none;}
a:visited {  color: #d31144; text-decoration:none;}
a:hover {  color:#002b5c; text-decoration:underline;}

a.top:active {  color:#cfbcdd; text-decoration:none;}
a.top:link {  color: #cfbcdd; text-decoration:none;}
a.top:visited {  color: #cfbcdd; text-decoration:none;}
a.top:hover {  color:#FFF; text-decoration:underline;}

h2 {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color:#ef3f35;
		font-size:12px;
		}

h3 {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:16px;
		color:#462660;
		}
		
h4 {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#FFFFFF;
		}

img {
		border:none;
		padding:0;
		margin:0;
		}
	
#container {
		margin: 0 auto;
		width: 680px;
		text-align:left;
		overflow: hidden;
	}

#main {
		float:left;
		width:460px;
		padding-left:30px;
		}
		
#right {
		float:right;
		width:140px;
		padding-left:25px;
		padding-right:23px;
}

.right{
float:right;
}



#header{
		height:142px;
	}

#footer {
		clear:both;
		line-height:44px;
		
		padding-right:30px;
		height:44px;
		text-align:right;
		
	}
	
#top {
		font-size:9px;
		background-color:#000000;
		color:#FFF;
		line-height:20px;
		height:20px;
		text-align:right;
		padding-right:30px;
	}

/* STYLE FORMS */
			
			.inputbutton { 
			 background-color: #2c0746;
			 color:#FFFFFF;
			 font-size:12px;
			 border:1px solid #cfbcdd;
			}
			
			textarea {
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			}
			
			.form {
			border:1px solid #cfbcdd;
			}

/* END STYLE FORMS */

/* LIGHTBOX */

	#lightbox{
		position: absolute;
		left: 0;
		width: 100%;
		z-index: 100;
		text-align: center;
		line-height: 0;
		}
	
	#lightbox a img{ border: none; }
	
	#outerImageContainer{
		position: relative;
		background-color: #fff;
		width: 250px;
		height: 250px;
		margin: 0 auto;
		}
	
	#imageContainer{
		padding: 10px;
		}
	
	#loading{
		position: absolute;
		top: 40%;
		left: 0%;
		height: 25%;
		width: 100%;
		text-align: center;
		line-height: 0;
		}
	#hoverNav{
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		z-index: 10;
		}
	#imageContainer>#hoverNav{ left: 0;}
	#hoverNav a{ outline: none;}
	
	#prevLink, #nextLink{
		width: 49%;
		height: 100%;
		background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
		display: block;
		}
	#prevLink { left: 0; float: left;}
	#nextLink { right: 0; float: right;}
	#prevLink:hover, #prevLink:visited:hover { background: url('../images/prevlabel.gif') left 15% no-repeat; }
	#nextLink:hover, #nextLink:visited:hover { background: url('../images/nextlabel.gif') right 15% no-repeat; }
	
	
	#imageDataContainer{
		font: 10px Verdana, Helvetica, sans-serif;
		background-color: #fff;
		margin: 0 auto;
		line-height: 1.4em;
		overflow: auto;
		width: 100%	
		}
	
	#imageData{	padding:0 10px; color: #666; }
	#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
	#imageData #caption{ font-weight: bold;	}
	#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
	#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
			
	#overlay{
		position: absolute;
		top: 0;
		left: 0;
		z-index: 90;
		width: 100%;
		height: 500px;
		background-color: #000;
		}
		
/* END LIGHTBOX */


/* STANDARD FORM STYLES --------------------------------------------------------------------------------------------*/
.standardForm {
	margin-bottom:10px;
}
.standardForm td, .standardForm th {
	padding-right:10px;
	padding-bottom:6px;
}
.standardForm  .error {
	color:#FF0033;
	font-size:10px;
}
.standardForm .field {

}
.standardForm .label {

} 
.standardForm .element input {
	padding:2px;
}
.standardForm .buttons {
	text-align:right;
}
.standardForm .buttons input {
	border:none;
	background-color:transparent;
	padding:0px;
	margin-left:5px;
}
.standardForm .radioGroup label {
	display: inline;
	margin-right:5px;
}
.standardForm .radioGroup label input {
	border:none;
}
.standardForm .mediumInput {
	width: 200px;
}
.standardForm .smallInput {
	width: 70px;
}
.standardForm .largeInput {
	width:350px;
}
.standardForm .mediumArea {
	width: 350px;
	height: 200px;
}

/* upload css */

.swiff-uploader-box a {
	display: none !important;
}

/* .hover simulates the flash interactions */
a:hover, a.hover {
	color: red;
}

#demo-status{
	margin-top:15px;
	margin-bottom: 15px;
}

#demo-status .progress {
	background: url(/Automagneet/main/includes/uploader/assets/progress-bar/progress.gif) no-repeat;
	background-position: +50% 0;
	margin-right: 0.5em;
	vertical-align: middle;
}

#demo-status .progress-text {
	font-size: 0.9em;
	font-weight: bold;
}

#demo-list {
	list-style: none;
	padding: 10px 15px;
	margin-top: 10px;
	border: 1px solid black;
}

#demo-list li.validation-error {
	padding-left: 44px;
	display: block;
	clear: left;
	line-height: 40px;
	color: #8a1f11;
	cursor: pointer;
	border-bottom: 1px solid black;
	background: #fbe3e4 url(/Automagneet/main/includes/uploader/assets/failed.png) no-repeat 4px 4px;
}

#demo-list li.file {
	border-bottom: 1px dashed black;
	background: url(/Automagneet/main/includes/uploader/assets/camera.png) no-repeat 4px 4px;
	overflow: auto;
}
#demo-list li.file.file-uploading {
	background-image: url(/Automagneet/main/includes/uploader/assets/success.png);
	background-color: #D9DDE9;
}
#demo-list li.file.file-success {
	background-image: url(/Automagneet/main/includes/uploader/assets/accept-icon.png);
	background-color: #d4ebd5;
}
#demo-list li.file.file-failed {
	background-image: url(/Automagneet/main/includes/uploader/assets/failed.png);
	background-color: #eedada;
}


#demo-list li.file .file-name {
	font-size: 1.2em;
	margin-left: 44px;
	display: block;
	clear: left;
	line-height: 40px;
	height: 40px;
	font-weight: bold;
}
#demo-list li.file .file-size {
	font-size: 0.9em;
	line-height: 18px;
	float: right;
	margin-top: 2px;
	margin-right: 6px;
}
#demo-list li.file .file-info {
	display: block;
	margin-left: 44px;
	font-size: 0.9em;
	line-height: 20px;
	clear
}
#demo-list li.file .file-remove {
	clear: right;
	float: right;
	line-height: 18px;
	margin-right: 6px;
}	

.items{
margin-left: auto;
margin-right: auto;
width: 460px;
}
.item
{
margin-left: auto;
margin-right: auto;
padding:3px;
border: 1px solid #EEEEEE;
float:left;
width: 460px;
margin-top:20px;
}

.itemImage{
	float: left;
	width: 100px;
	max-height: 150px;
}

.item img
{
width: 100px;
}

.itemForm{
	float:left;
	width: 300px;
	margin-left: 30px;
	padding-top:9px;
}

.itemForm .text{
	width: 120px;
	margin-bottom: 12px;
}

.itemForm p{
width: 260px;
float:left;
}

itemForm .radio{
	width: 22px;
	float:left;
	}
.itemForm input{
	height:20px;
	margin-bottom: 12px;
}

.radioText{
height:25px;
width: 25px;
display: inline-block;
vertical-align:middle;
}

.oneven{
background-color: #F5F5F5;
}

.kleiner {
font-size: 70%;
}

#terug{
margin-top: 20px;	
}

.orderbut{
	margin-top: 20px;
}