/* CSS Document */
* {
	margin:0;
	
}

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

a:hover {
	color: #00BDFF;
	text-decoration:underline;
}

p{
	margin-bottom: 10px;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

h1,h2 {
	font-weight: bold;
}

h2{
    font-size: 13pt;
}

a img {
	border:none;
}

label{
	float:left;
	width: 120px;
	clear:both;
}

body, html{
	font: 11px/17px normal Tahoma, Verdana, Arial;
	padding: 0;
	margin: 20px 0 0 0;	
	color: #000;
	background: url(../images/layout/background.jpg) repeat-y top left;
	background-color: #222222;
	min-width: 960px;
}

#left_frame {
	width: 235px;
	float:left;
}

#logo {
	background-image:url(../images/layout/logo.jpg);
	background-repeat:no-repeat;
	width:147px;
	height:61px;
	padding-top: 50px;
	padding-left: 12px;
	margin-left: 40px;
	margin-bottom: -25px;
	}

#lampen_menu, #nav_menu {
	list-style-type: none;
	margin: 0 0 0 40px;
	padding: 0;
}

#lampen_menu li, #nav_menu li {
	padding-left: 12px;
	padding-right: 8px;	
	padding-top: 8px;		
	padding-bottom: 8px;			
	border-bottom: 1px dotted #656565;
	width: 130px;
}

#lampen_menu li a:hover, #nav_menu li a:hover{
	color: #00BDFF;
	text-decoration:none;
}

#nav_menu {
	margin-top: 25px;
}
#nav_menu li a {
	color: #00BDFF;
}

#contact {
	width: 204px;
	background-color:#323232;
	text-align: center;
	line-height: 2.0;
	padding-top: 8px;
	padding-bottom: 8px;
	margin-top: 40px;
	margin-bottom: 33px;
	color:#FFF;
}



/* Middle / Content */

#middle {
	width:700px;
	float:left;
	margin-top:33px;
	color: #000;
	height: 100%;	
}	

#middle a {
	color:#000;
}

#top-middle {
    text-align: center;  
	margin-right: 100px;
}

#top-middle img {
    margin: 0;
    padding: 0;
    float: right;
	border:none;	
}

#top-middle form{
    float: right;
    margin: 0;
    padding: 0;
}

#form-search {
    margin: auto 0 auto 0;
    padding: 0;
}

#form-search input{
    height: 18px;
    margin: 0;
    padding: 0;
    margin-top: 3px;
}
#search-field{
    width: 163px;
}


#search-button {
    background-color: #00BDFF;
    width: 45px;
    border: 0px;
    font-weight: bold;
    color: #FFFFFF;
    cursor: pointer;
}

.page_nav {
	margin-top: 30px;
	margin-bottom: 30px;
}

.page_nav form {
	float:left;
	margin: 0;
	padding: 0;
}

#content {
	background-color:#D4F4FF;
	border-top: 5px solid #000;
	padding: 15px;
	color: #000;
	line-height: 2.0;
	width: 670px;
	float: left;

}

#content table tr td h1 {
	font-size: 13px;
	font-weight: bold;
}
#content table tr td {
	font-size: 11px;
	line-height: 2.0;
}

.clear_both {
	clear:both;
}

.mediumDropdown {
	width: 150px;
}

/* ORDER FORMS */
#getClientData form{
    margin: 0;
    padding: 0;
}

#getClientData input, #getClientData textarea{
    font-family: inherit;
    font-size: 1em;
    width: 200px;
    padding: 2px;
    margin: 0;
    border: 1px solid #222222;
    background: white;
    color: #2F2F2F;
}

#getClientData fieldset, #shoppingcart fieldset{
    border: 1px solid gray;
    margin: 5px;
    padding: 5px;
}

#getClientData legend{
    font-weight: bold;
}

#getClientData #customerSex{
    width: 20px;
    background: none;
    border: none;
}

#getClientData #agreement{
    width: 20px;
    background: none;
    border: none;
}

#getClientData #billData{
    width: 20px;
    background: none;
    border: none;
}

#getClientData #notes{
    width: 300px;
    height: 100px;
    overflow: auto;
}

#getClientData .smallField {
	width: 50px;
}

#getClientData .button, #cartButton {
    font-family: inherit;
    font-size: 1em;
    width: 200px;
    padding: 2px;
    margin: 0;
    border: 1px solid #222222;
    background: white;
    color: #2F2F2F;
}

#getClientData .tinyField {
	width: 30px;
}

#getClientData label {
	width: 150px;
	float: left;
	clear: both;
	font-weight: bold;
}

#getClientData #agreement-label {
    width: 250px;
    float: none;
    clear: none;
    font-weight: normal;
}

button.iDEALeasy {
    background-color: #FFFFFF;
}


/* ADMIN EDIT PRODUCT */
#editProduct form, #newProduct form{
    margin: 0;
    padding: 0;
}

#editProduct input, #newProduct input{
    font-family: inherit;
    font-size: 1em;
    width: 200px;
    padding: 2px;
    margin: 0;
    border: 1px solid #222222;
    background: white;
    color: #2F2F2F;
}

#editProduct fieldset, #newProduct fieldset{
    border: 1px solid gray;
    margin: 5px;
    padding: 5px;
}

#editProduct legend, #newProduct legend{
    font-weight: bold;
}

#editProduct .radio, #newProduct .radio{
    width: 20px;
    background: none;
    border: none;
}

#editProduct .smallField, #newProduct .smallField{
	width: 50px;
}

#editProduct .button, #newProduct .button{
    font-family: inherit;
    font-size: 1em;
    width: 200px;
    padding: 2px;
    margin: 0;
    border: 1px solid #222222;
    background: white;
    color: #2F2F2F;
}

#editProduct label, #newProduct label{
	width: 150px;
	float: left;
	clear: both;
	font-weight: bold;
}

/* CONTENT */
#content-container{
    
}

#content-container p{
    margin: 10px 0 15px 0;
    padding: 0;
}

#content-container a{
    text-decoration: none;
}

#content-container a:hover{
    text-decoration: underline;
}

#content-column-1 {
    width: 256px;
    text-align: left;
    float: left;
    margin: 0 8px 0 25px;
    _margin: 0 7px 0 15px;
    padding: 0;
}
#reacties {
   
    text-align: left;
    float: left;
    margin: 0 8px 0 25px;
    _margin: 0 7px 0 15px;
    padding: 0;
}

#persberichten{
    text-align: left;
    float: left;
    margin: 0 8px 0 25px;
    _margin: 0 7px 0 15px;
    padding: 0;
	min-height: 720px;

}

#persberichten .persbericht-thumbnail img{
	border: 3px solid black;
	margin: 0;
	padding: 0;
}


#persberichten .persbericht-thumbnail{
	margin: 3px;
	float: left;
}

#content-column-2 {
    width: 211px;
    text-align: left;
    float: left;
    margin: 0 0 0 8px;
    padding: 0;
}

#content-column-span, #links-column-span{
    width: 485px;
    text-align: left;
    float: left;
    margin: 0 8px 0 25px;
    _margin: 0 7px 0 15px;
    padding: 0;
}


/* H#'s */
#content-container h1 {
    margin: 0 0 0 25px;
    padding: 0;
    font-family: inherit;
    font-size: 11pt;
    font-weight: bold;
}

#content-container h3 {
    margin: 0;
    padding: 0;
    font-family: inherit;
    font-size: 11pt;
    font-weight: bold;
}

#content-container h2 {
    margin: 0;
    padding: 0;
    font-family: inherit;
    font-size: 10pt;
    font-weight: bold;
}


/* CONTENT LISTS */
#content-container ul {
    list-style-type: square;
}

#content-container ul, #content-container ol{
    margin: 10px 0 10px 30px;
    padding: 0;
}

#content-container ol ul{
    
}

#content-container ul li, #content-container ol li{
    margin: 0;
    padding: 0 0 0 5px;
}

#content-container ul li a, #content-container ol li a{
	text-decoration: none;
}

#content-container ul li a:hover, #content-container ol li a:hover{
	text-decoration: underline;
}

.go-up{
    margin: -10px 0 10px 0;
    padding: 0;
    text-align: right;
}


/* CONTACT PAGE */
#contact-form{
    border: 1px solid #222222;
    padding: 10px;
    _padding: 10px 10px 0 10px;
    margin: 10px 0 0 0;
    width: 465px;
}

#contact-form form{
    margin: 0;
    padding: 0;
}

#contact-form label{
    cursor: pointer;
    width: 75px;
    float: left;
    clear: both;
}

#contact-form textarea{
    height: 120px;
    overflow: auto;
}

#contact-form input, #contact-form textarea{
    font-family: inherit;
    font-size: 1em;
    width: 286px;
    padding: 2px;
    margin: 0;
    border: 1px solid #222222;
    background: white;
    color: #2F2F2F;
}

#contact-form #submit-button{
    width: 100px;
    margin: 0 0 0 75px;
    _margin: 0 0 0 78px;
}


/* FAQ */
#shipping-costs-table{
    border-collapse: collapse;
    margin: 0 0 10px 0;
    padding: 0;
}

#shipping-costs-table td{
    text-align: left;
    vertical-align: top;
    border: 1px solid #222222;
    margin: 0;
    padding: 5px;
}

#top-row td{
    font-weight: bold;
}

#shipping-costs-table .table-content td{
    
}

.inline-cell{
    white-space: nowrap;
}


/* FOOTER */
#footer {
    padding: 0;
    margin: 0 0 0 0;
    height: 29px;
    background-color: #00BDFF;
    width: 100%;
	border-top: 1px solid #fff;
}

#footer p{
    margin: 0;
    padding: 5px 0 0 35px;
    top: 10px;
    color: #222222;
    font-size: 7.5pt;
    width: 922px;
}

#footer p a{
    text-decoration: none;
}

#footer p a:hover{
    color: #222222;
    text-decoration: none;
}

#footer-right {
    margin: 0 0 0 50px;
}

#footer p #footer-right a{
    color: #222222;
    text-decoration: none;
}

#footer p #footer-right a:hover{
    color: #FFFFFF;
    text-decoration: none;
}

#footer #powered-by{
	float: right;
}

/* LightBox */

#lightbox_top {
	background-color:#000;
	width: 680px;
	margin-bottom: 10px;
	color: #FFF;
	padding: 10px;
}

#lightbox_top_title, #lightbox_more_pics{
	float:left;
}

#lightbox table{
    width: 360px;
    _width: 340px;
    height: 200px;
    margin: 0;
    padding: 0;
}
#lightbox table tr{
    margin: 0;
    padding: 0;
}

#lightbox table td{
    vertical-align: top;
    margin: 0;
    padding: 0;
}

#lightbox #imageTd{
    width: 300px;
    height: 400px;
    padding: 0 10px 0 10px;
    margin: 0;
    float: left;
}

#lightbox #imageTd div img{
    width: 300px;
    height: auto;
    margin: 0;
    padding: 0;
}

#lightbox .titleTd{
    margin: 0 0 0 0;
    padding: 0 0 10px 0;
}

#lightbox .desc1Td{
    margin: 0;
    padding: 0;
}

#lightbox .desc2Td{
    margin: 0;
    padding: 0;
}

#lightbox #descriptionTd{
    width: 360px;
    _width: 340px;
    height: 200px;
    margin: 0;
    padding: 0;
    overflow: auto;
    vertical-align: top;
    line-height: 1.8;
}

#lightbox #lightbox-cart img, #lightbox #lightbox-cart img a, #lightbox #lightbox-cart img a:hover{
    margin: 0;
    padding: 0;
    border: none;
    text-decoration: none;
}


#lightbox_top_close, #lightbox_cart{
	float:right;
}

#lightbox_bottom {
	background-color:#000;
	width: 680px;
	margin-top: 10px;
	color: #FFF;
	padding: 10px;
}



/* LINKS ADMIN */

#linksArchive {
    margin: 0 0 0 5px;
    padding: 0;
}

#adminLinksList{    
    margin: 0;
    padding: 0;
}

#adminLinksList li{    
    margin: 2px 0 0 0;
    padding: 0;
    list-style-type: none;
    border-bottom: 1px solid #888;
    width: 365px;
}

#adminLinksList a{    
    width: 285px;
    display: table-cell;
    margin: 0;
    padding: 0;
}

#adminLinksList span{    
    width: 285px;
    display: table-cell;
    margin: 0;
    padding: 0;
}

#adminLinksList a.up{    
    width: 20px;
    _width: 15px;
}

#adminLinksList a.down{    
    width: 20px;
    _width: 15px;
}

#adminLinksList a.delete{    
    width: 35px;
}

#adminLinksFieldset{
    width: 350px;
    border: 1px solid black;
    margin: 5px;
    padding: 5px;
}

#adminLinksFieldset form{
    margin: 0;
    padding: 0;
}

#adminLinksFieldset form label{
    width: 75px;
    float: left;
    clear: both;
    cursor: pointer;
}

#adminLinksFieldset form input{
    width: 150px;
    float: left;
    font-family: inherit;
    font-size: 1em;
    padding: 2px;
    margin: 0;
    border: 1px solid #222222;
    background: white;
    color: #2F2F2F;
}


#adminLinksFieldset form textarea{
    width: 260px;
	height: 105px;
    float: left;
    font-family: inherit;
    font-size: 1em;
    padding: 2px;
    margin: 0 0 5px 0;
    border: 1px solid #222222;
    background: white;
    color: #2F2F2F;
}

#adminLinksFieldset form #submit{
    width: 100px;
    margin: 0 0 0 75px;
}


	
/* items */
	#itemList{
	list-style-type: none;
	margin: 0;
	padding: 0;
	}
	#itemList li{
	background: #6699FF;
	border: 1px solid #ffffff;
	padding: 2px;	
	width: 400px;
	}
	#itemList li a{
	color: #000000;
	text-decoration: none;
	display: block;
	width: 100%;
	height: 100%;
	}
	#itemList li a:hover{
	color: #000000;
	}
	.itemPrice{
	font-weight: normal;
	position: absolute;
	right: 50px;
	_right: 20px;
	background: #6699FF;
	padding: 0 0 0 5px;
	}

/* category */
	.itemList{
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 100%;
	}
	.itemList li{
	background: #ffffff;
	border: none;
	padding: 2px;
	margin-bottom: 8px;
	}
	.itemList li a{
	color: #2D3FA5;
	text-decoration: none;
	display: block;
	width: 100%;
	height: 100%;
	}
	.itemList li a:hover{
	color: #000000;
	}
	.itemPrice{
  text-align: right;
	}

/* cart */

	.cartItem{
	padding: 3px;
	width: 100%;
	}
	.cartTitle{
	margin: 0 0 0 -2px;
	padding: 0;
	font-size: 11px;
	}
	
		.formList .cartTitle{
		font-size: 16px;	
		margin: 0 0 -5px -2px;
		padding: 0;
		}
	.formList {
	width: 100%;
	}
	.cartForm{
	background: #6699FF;
	width: 400px;
	height: 25px;
	padding: 8px 5px 5px 5px;
	margin-bottom: 3px;
	}
	.orderInformation{
	background: white;
	width: 550px;
	padding: 1px 5px 1px 5px;
	}
	.formList{
	padding: 5px;
	margin: 10px 0;
	}
	.endList{
	padding: 5px;
	width: 550px;
	background: white;
	border-top: 3px solid #ffffff;
	}
	
	.button {
    padding: 1px 3px;
    _padding: 0px 3px;
	margin: 0;
	font-size: 12px;
	border: 1px solid #000;
	background-color: #FFF;
	}
	
    .smallField {
	width: 50px;
    }
	
	.factuurList{
	background: white;
	width: 550px;
	padding: 1px 5px 0px 5px;
	}		
	.cartPrice{
	float: right;
	}
	
	.nowrap {
    white-space: nowrap;
	}

	#cartTotal{
	padding: 5px;
	width: 550px;
	height: 30px;
	background: white;
	color: black;
	border-top: 3px solid white;
	}
	#cartTotalPrice{
	position: absolute;
	right: 30px;
	margin: 5px;
	text-align: left;		
	}
	#cartBottom{
	padding: 5px;
	width: 550px;
	height: 30px;
	}
	#totalPrice{
	padding: 5px;
	width: 550px;
	height: 30px;
	background: white;
	border-top: 3px solid #ffffff;
	font-weight: bold;
	}
	
	#confirmation h4{
	margin: 3px 0 0 10px;	
	}
	
	.left {
	  float: left;
	}
	
	.right {
	  float: right;
	}
	.right-text{
	  text-align: right;
    }

	.clientInfo {
	padding: 0px 0 5px 5px;
	width: 550px;
	}
	
	.orderList {
	  margin: 1px 5px 1px 5px;
	}


/* frontpage */
	
	.special{
	width: 120px;
	float: left;
	margin: 0 6px 20px 0;
	}
	.specialLink, .specialFoto{
	border: none;
	text-decoration: none;
	}
	a .specialFoto{
	border-top: 3px solid #ffffff;	
	border-bottom: 3px solid #ffffff;	
	}
	a:hover .specialFoto{
	border-top: 3px solid #6699FF;
	border-bottom: 3px solid #6699FF;
	}
	.specialTekst{
	background: #6699FF;
	margin: 0 0 5px 0;
	padding: 2px;
	height: 80px;
	}
	.special h3{
	margin: 0;
	height: 60px;
	font-weight: normal;
	font-size: 11px;
	}
	.specialTekst a{
	color: #2D3FA5;
	margin: 0 3px 0 0;
	}