/* frontpage */
html,body {
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	margin:0 auto;	
	background: url(/images/bggr.jpg) repeat-x scroll center top;   
	background-color:#b20101;

}

ul, li {
	margin: 0;
	padding: 0;
}

h2 {	
	display:block;
	font-size: 14px;
	color: #000;
}
/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/

#header {	
	margin: 0 auto;
	height: 218px;	
	width: 980px;
}

#logo {
	width: 320px;
	height:115px;
	float:left;
	background: url(/images/lgrand.png) repeat-x left bottom;   
	background-color:#fcfeea;
}

#logo a {
	display: block;
}

#logo img {
	margin-left:5px;
	border:0;
	text-align:center;
}

#container {
	margin: 0 auto;
	width:  980px;

}

#kwaliteiten {
	width:980px;
	float:left;
	margin-top:15px;
	margin-bottom:15px;
}
#kwaliteiten .item {
	float:left;
	font-family: Verdana;
	color:#FFF;
	font-size:16px;
	margin-left:35px;
	margin-right:30px;
	width:250px;
}

#kwaliteiten .item p {
	width:195px;
	float:left;
}

#kwaliteiten .item img {
	float:left;
	margin-top:20px;
	/margin-top:0px;
}

#kwaliteiten .yellow {
	color:#ffcc33;
}

#container .column {
  padding-bottom: 20010px;  /* X + padding-bottom */
  margin-bottom: -20000px;  /* X */
}

/* hoofdmenu */
#menu {
	font-family: Arial, Verdana;
	height: 30px;
	font-size: 16px;
	position:relative;
	margin-top:35px;
	float:left;
}

#menu ul{
	text-align: center;
}

#menu li{
	display: inline;
}

#menu li a{
	float:left;
	display: block;
	text-decoration: none;
	padding:5px;
	margin-left:35px;
	color: #FFF;
	font-weight:600;
}


#menu li a:visited{
	color: #FFF;
}
#menu li a:link{
	color: #FFF;
}

#menu li a:hover, #menu li.selected a{
	color: #FFF;
	text-decoration:underline;
}
#content {
	background: url(/images/lkrand.jpg) repeat-y scroll left top;   
	float: left;
	width:  980px;
	background-color:#fcfeea;
	overflow:hidden;
}
#content .column {
  padding-bottom: 20010px;  /* X + padding-bottom */
  margin-bottom: -20000px;  /* X */
}


#linkerkolom {
	width:580px;
	float:left;
	padding-left:20px;
	padding-right:20px;
	font-family: Arial;
	font-size:13px;
}
#linkerkolom h1 {
	font-size:18px;
	margin-top: 20px;
	margin-bottom: 20px;
	font-family: Arial;
	color: #a9233a;
}

#linkerkolom img {
	border:0px solid #FFF;
	margin: 5px;
}

#linkerkolom  ul{
	margin-left:30px;
	margin-bottom:20px;
}
#rechterkolom {
	background: url(/images/px.jpg) repeat-x scroll left bottom;   
	width:355px;
	float:left;
	background-color:#FFF;
}
#rechterkolom  p{

}

#rechterkolom  ul{
	margin-left:30px;
	margin-bottom:20px;
}

#rechterkolom  li{
	list-style-type: disc;
	width: 250px;
}

#rechterkolom .purple {
	color: #a9233a;
	display:block;
	font-size:16px;
	font-weight:bold;
	font-family:Arial;
	margin:0px 0px 10px 10px;
}

#collectie .product img{
	float:left;
	position: relative; 
	margin-right:10px;
	margin-left:10px;
	margin-bottom:10px;
	display: inline;  
	background-color:#FFF;
}

#collectie .bar {
	margin-left:10px;
	margin-top:-30px;
	width:340px;
	height:20px;
	float:left;
	text-align: right;
	padding:4px;
	padding-top:2px;
	padding-bottom:2px;
	font-weight: 700;
}

#collectie .bar a{
	margin-right:10px;
	padding:4px;
	padding-top:2px;
	padding-bottom:2px;	
	color: #FFF;
	text-decoration: none;
	background: url(/images/next.gif) no-repeat scroll;   
	background-color: #a9233a;
	background-position: 97% 55%; 
}

#linkerkolom .productrij {
	float:left;
	margin-bottom: 10px;
	width:580px;
}
#linkerkolom .product img{
	float:left;
	position: relative; 
	margin-right:30px;
	margin-left:10px;
	margin-bottom:10px;
	display: inline;  
	background-color:#FFF;
}
#collectie .productrij {
	float:left;
	margin-bottom: 10px;
	width:350px;
}

#collectie {
	width:350px;
	float:left;
	padding-top:10px;
	border-top: 1px solid #f7e6e6;
}
#collectie p{
	margin:5px 5px 5px 10px;
	font-size:12px;
	clear:left;
	color: #808080;
}
#nieuwsbrief {
	width:350px;	
	height:150px;	
	float:left;
	padding-top:10px;
	padding-bottom:10px;
}

#nieuwsbrief .btmImage {
	float:right;
	margin-top: -110px;
	margin-right: 30px;

}
.btmImage img {
	width:55px;
}

#nieuwsbrief form{
	padding-left:10px;
}

#nieuwsbrief table {
	padding:0;
	margin:0;
	margin-top:15px;
}

#nieuwsbrief .email {
	font-weight:bold;
}


/* LINKERKOLOM BLOKARTIKEL*/
.blokartikelen {	
	float:left;
	font-size: 12px;
	color: #000;	
	margin-bottom:10px;
}

.blokartikelen h2{
	margin:5px;
	color:#000;	
	font-size: 16px;	
}

#linkerkolom .blokartikelen ul {
	margin:0;
	margin-bottom: 3px;	
	
}

#linkerkolom #nieuwsbericht  span {
	text-align:right;

}

.blokartikelen ul li{
	list-style: none outside; 
	width:570px;
	background-color: #FFF3CC;
	color:#000;
	padding:5px;

}

.blokartikelen ul li a{
	color: #000;
	font-weight:bold;
	text-decoration: none;	
	margin:1px;
	line-height:1.4;
	padding:5px;
}

.blokartikelen ul li a:hover{
	color: #000;
	text-decoration:underline;
}

.blokartikelen ul li.archief{
	text-decoration:none;
	text-align:right;
	font-weight:bold;
}

.blokartikelen ul li.archief{
	float:right;
	list-style: none outside; 
	border:0;
}
.nieuwsbericht {
	background-color: #FCFFEA;
}

.nieuwsbericht p {
	background-color: #FCFFEA;
		font-family:Arial;

}
.nieuwsartikel {
	width:590px;
	margin-bottom: 30px;
}
.nieuwsartikel span{
	clear:both;
	display:block;
}
.nieuwsartikel strong a{
	text-decoration:none;
	font-size: 14px;
	color:#A9233A;
}
.blokartikelen .bar {
	height:20px;
	float:right;
	margin-top:2px;
	padding-bottom:2px;
	font-weight: 700;
}

.blokartikelen .bar a{
	padding:4px;
	padding-top:2px;
	padding-bottom:2px;	
	color: #FFF;
	text-decoration: none;
	background: url(/images/next.gif) no-repeat scroll;   
	background-color: #a9233a;
	background-position: 97% 55%; 
}
.label { display: block; float: left; width: 100px; text-align: right; margin-right: 5px; } 
.form-row { padding: 5px 0; width: 450px; } 
label.error { width: 150px; float: right; color: #F00; padding-left: 10px;} 
.form-row span{ width:75px;font-size: 12px; text-align:left; margin-left:5px;}
.form-row .submit{ margin-left:85px;}


.uploadform {
	background-color:#F2F2F2;
	width:500px;
	height:100px;
	margin-bottom:20px;
}


/* FOOTER */

#footer {
	float:left;
	width: 980px;
	height:100px;
	background: url(/images/ftrand.jpg) repeat-x scroll left bottom;   
	background-color: #FFF;
	color: #FFF;
	font-size: 11px;
	border-top: 1px solid #f7e6e6;
	padding-top:10px;
}


#pages {
	width:620px;
	font-size:14px;
	float:left;
	height:100px;
}
#pages a {
	padding:6px;
	color: #010101;
}

#ftcontact {
	margin-left:10px;
	width:300px;
	color: #a4a4a4;
	font-size:13px;
	font-family: Verdana;
	float:left;
}

#footer h2{
	margin:0px;	
	color: #FFF;
	font-size:14px;
	padding:5px;
	padding-left:0px;
}

#linkerkolom .image {
	margin-left:10px;
	width: 150px;
	float:left;
}
.image .options {
	float:left;
	width: 150px;
	text-align: center;
	background-color: #F2F2F2;
}
.image .options img{
	padding:4px;

}

/* admin*/
#admincontent {
	width: 950px;
    height: auto !important; 
    min-height: 100%; 
    height: 100%; 
	float: left;
	padding:10px;
	padding-bottom:50px;
	background-color: #FFF;
	font-size: 12px;
}

#admincontent form {
	width:570px;
	float:left;
	margin:20px;

}

#admincontent table img {
	border:0;
}

#admincontent h1{
	margin-top:5px;
	font-size:16px;
}

#admincontent p{
	margin:0px;
}

#admincontent th {
	color: #000;
	padding-left:5px;
	
	padding-top:5px;
	padding-bottom: 5px;
}

tr.rijhover{
	color: #000;	

}
tr.subgroep{
	padding-left:15px;
}


#admincontent td{
	color: #000;	
	padding-top:3px;
	padding-bottom: 3px;
}
tr.rijhover:hover {
	color: #000;	

}

tr.rijhovereven:hover {
	color: #000;
}

tr.rijhovereven {	

	background-color: #F2F2F2;

}

.message {
	width:940px;
	display: block;
	border-top: 2px solid #06855a;
	border-bottom: 2px solid #06855a;
	color: #06855a;
	clear:right;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	margin-bottom:10px;
}
.nbrmessage {
	width:580px;
	display: block;
	color: blue;
	font-weight: bold;
	clear:right;
	margin-top: 5px;
	margin-bottom:10px;

}
.acties {
	float:left;
	width: 960px;
	background-color:#F2F2F2;
	padding:5px;
	padding-top:10px;
	border-bottom: 1px solid #F2F2F2;
}

a.acties {
	color: #32aade;
	font-weight:bold;
}

.acties a:hover{
	color: #000;
}
.acties img{
	border:0;
	margin-right: 10px;	
	margin-top: 10px;
	width:16px;	
}


a.button{
	background:url(/images/button.gif);
	display:block;
	color:#555555;
	font-weight:bold;
	height:28px;
	line-height:29px;
	margin-bottom:5px;
	margin-left:5px;
	text-decoration:none;
	width:180px;	
	float: left;

}

a:hover.button{
	color:#FF6600;
}

.add{
	background:url(/images/add.png) no-repeat 7px 5px;
	text-indent:30px;
	display:block;	
	font-size:12px;
}
.picadd{
	background:url(/images/pictureadd.gif) no-repeat 7px 5px;
	text-indent:30px;
	display:block;	
	font-size:12px;
}
/* Adminmenu */
#adminmenu {
	width: 960px;
	height: 26px;
	margin-top:5px;
	font-size: 13px;
	position:relative;
	float:left;
	background-color: #e34a00;
	padding:5px;
}

#adminmenu ul{
	text-align: center;
}

#adminmenu li{
	display: inline;
	text-align: center;
}

#adminmenu li a{
	float:left;
	display: block;
	text-decoration: none;
	padding:5px;
	padding-left:10px;
	padding-right:10px;
	margin-left:5px;
	margin-right:5px;
	color: #FFF;
	font-weight:600;
}

#adminmenu li a:visited{
	color: #FFF;
}
#adminmenu li a:link{
	color: #FFF;
}

#adminmenu li a:hover, #adminmenu li.selected a{
	color: #000;
	background-color:#F2F2F2;
	padding-bottom:10px;
}

.pagebar {
	width:470px;
	float:left;	
	color:#FFF;
	padding:1px;
}
.bottom {
	margin-bottom:10px;
}
#linkerkolom  .pagebar a {
	background-color:#FFF;
	color: #A9233A;	
	border:1px solid #C3C3C3;
	display:block;
	float:left;
	margin-left:5px;
	padding:2px 7px 2px 7px;
	text-decoration:none;
	font-weight:bold;
}

#linkerkolom .pagebar a:hover {
	color:#A9233A;
	border:1px solid #A9233A;
}

#linkerkolom a.pagesel {
	color:#A9233A;
	border:1px solid #FFF;
}

#linkerkolom a:hover.pagesel {
	color:#A9233A;
}

.disabled {
	color:#C3C3C3;
	border:1px solid #C3C3C3;
	float:left;
	margin-left:5px;
	padding:2px 5px 2px 5px;
	font-weight:bold;
}

/* SLIMBOX */

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(/images/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(/images/prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(/images/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(/images/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}
	#upload_iframe { display: none; }


	div.progress-bar {
		margin: 15px;
		margin-left:;
		width: 300px;
		height: 20px;

		background-color: #ebebeb;
		border: 1px solid #c0c0c0;
		position: relative;		
	}

	div.progress-bar-text 
	{
		position: relative;
		text-align: center;
		padding-top: 2px;
		font-weight: bold;
		width: 300px;
		height: 20px;
		z-index: 2;
	}

	div.progress-bar-bg 
	{
		position: absolute;
		height: 20px;
		background-color: #17197F;
		width: 0%;
		z-index: 1;
	}


	div.progress-50-percent {
		color: white;
	}