/*************************************************************************************************
 * STYLE RESETS
 *************************************************************************************************/
 
    body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
        margin:0;
        padding:0;
    }
    
    table {
        border-collapse:collapse;
        border-spacing:0;
    }
    
    fieldset,img { 
        border:0;
    }
    
    ol,ul {
        list-style:none;
    }
    
    caption,th {
        text-align:left;
    }
    
    h1,h2,h3,h4,h5,h6 {
        font-size:100%;
        font-weight:normal;
    }
    
    abbr,acronym { 
        border:0;
    }
    
/*************************************************************************************************
 * GENERIEKE STYLES (UITSLUITEND "KALE" HTML-TAGS!)
 *************************************************************************************************/
 
    html, body {
    	padding:0px;
    	margin:0px;
    }
 
    body, td, input, select, textarea {
    	font-family:verdana,arial;
    	color:#292929;
    	font-size:11px;
    	line-height:18px;
    }
    
    body {
    	text-align:center;
		background: url(../img/bodyBg.jpg) top left repeat-x;
    }
    
	td {
		color:#6d1f7e;
	}
	
    a:link, a:visited, a:hover, a:active {
    	text-decoration:none;
    	color:#6d1f7e;
    }
    
    a:hover {
    	text-decoration:underline;
    }
    h1 {
    	font-size:13px;
    	padding-bottom:10px;
    	font-weight:bold;
    	color:#6d1f7e;
    }
 
    h2 {
    }
    
    h3 {
    }
    
    p {
        margin-bottom: 10px;
    }
    
     
 div#winkelwagen a {
 	color:#ec7404;
 }
 
 div#winkelwagen h1 {
 	float:left;
 	display:inline;
 	margin-left:10px;
 	margin-top:18px;
 }	
 

/*************************************************************************************************
 * GLOBALE LAYOUT (STRAMIEN + ALGEMENE OPMAAK)
 *************************************************************************************************/

 div#container {
 	width:928px;
 	background: transparent url(../img/bg.png) top left repeat-y;
 	
 	position:relative;
 	margin:0 auto;
 	text-align:left;
 }
 
 div#header {
	position: relative;
 	width:902px;
 	height:235px;
 	background:url("../img/header.jpg") top left no-repeat;
 	margin-left:14px;
 }
 
 div#underHeader {
 	width:902px;
 	height:24px;
 	background:url("../img/underHeader.jpg") top left no-repeat;
 	margin-left:14px;
	padding: 30px 0 5px 75px;
	color: #999;
 }
 
 div#overflow {
 	overflow:hidden;
 	_overflow:visible;
 	min-height:597px;
	height:auto !important;
	height:597px;
 	margin-left:13px;
 	background:url("../img/judith.jpg") 705px bottom no-repeat;
 }
 
 div#columnLeft {
 	width:184px;
 	float:left;
 	text-align:justify;
 	display:inline;
 	margin-left:5px;
 }

  div#columnMiddle {
 	width:459px;
 	float:left;
 	display:inline;
 	margin-left:25px;
 }
 

 div#columnRight {
 	width:182px;
 	float:right;
 	display:inline;
 	margin-right:17px;
 }
 
 div#winkelwagen {
 	width:182px;
 	height:211px;
 	background:url("../img/winkelwagen.jpg") top left no-repeat;
 	margin-top:40px;
 	
 	font-family:Century Gothic, Arial, Verdana;
 	font-size:12px;
 }
 
 div#winkelwagen table {
 	width:161px;
 	margin-top:20px;
 	clear:both;
 	margin-left:14px;
 }

 div#winkelwagen table tr td {
 	font-family:Century Gothic, Arial, Verdana;
 	font-size:12px;
 	line-height:25px;
 }
 
 div#footer {
 	position: relative;
 }
 
 div#footer a.buffet {
		display:block;
 		background:url("../img/footer_buffet.png") top left no-repeat;
 		width:148px;
 		height:83px;
		behavior:url(../js/iepngfix.htc);
		position:absolute;
		top:30px;
		left:75px;
		text-indent: -9000px;
		cursor: pointer;
}

div#footer a.mail {
	position: absolute;
	display: block;
	top: 70px;
	right: 40px;
	width: 130px;
	height: 20px;
	text-indent: -9000px;
}

 div#footer a.feestmateriaal {
		display:block;
 		background:url("../img/btn.png") top left no-repeat;
 		width:159px;
 		height:87px;
		behavior:url(../js/iepngfix.htc);
		position:absolute;
		top:30px;
		left:75px;
		text-indent: -9000px;
		cursor: pointer;
}
 
div#footer .copyright {
	float:right;
	margin-top:100px;
	margin-right:40px;
	color:#c6c7c8;
	display:inline;
}

div#footer .copyright a {
	color: #c6c7c8;
}


 
 
  div#footer {
 	width:948px;
 	height:131px;
 	background:white url("../img/footer.jpg") top left no-repeat;
 	position:relative;
 }
 
 div#header ul, div#header ul li ul
{
	list-style:			none;
	margin:				0px;
	padding:			0px;
}

div#header ul
{
	float:				left;
	display:			inline;
	
	margin-top:217px;
	margin-left:300px;
}

div#header ul li
{
	float:				left;
	display:			inline;
}

* html div#header ul li
{
	width:				1%;
}

div#header ul li a
{
	display:			block;
	text-decoration:	none;
	color:				#ffffff;
	line-height:		16px;
	width:90px;
	text-align:center;
	padding-top:6px;
	padding-bottom:6px;
	border-right:1px solid white;
}

div#header ul li a:hover
{
	text-decoration:	none;
	background:url("../img/bgMenu.jpg") top left repeat-x;
}

div#header ul li ul
{
	width:				90px;
	position:			absolute;
	margin-top:			0px;
	margin-left:		0px;
	display:			none;
	border-top:			none;
	background-color:	#E8E8E8;
}

div#header ul li ul li
{
	margin-left:		0px;
	margin-top:			0px;
	margin-bottom:		0px;
	background:			none;
	float:				none;
	padding:			0px;
	width:				100%;
	height:				100%;
}

div#header ul li ul li a
{
	font-weight:		100;
	width:80px;
	_width:90px;
	padding:			2px 5px;
	border-bottom:1px solid white;
	color:				#ffffff;
	background:#7f9bb8;
}

div#header ul li ul li a:hover
{
	padding:			2px 5px;
	color:				#ffffff;
	background:#7f9bb8;
	text-decoration:none;
}

div#header ul li ul li ul
{
	border:				1px solid #BBBBBB;
	margin-top:			-20px; /* Menu hoogte in principe. Mag ook afwijken. */
	margin-left:		130px; /* Menu breedte in principe. Mag ook afwijken. */
}

/* IE */
* html div#header ul li ul li
{
	float:				left;
	clear:				both;
}

* html div#header ul li a
{
	height:				1%;
}

div#header a.home {
	position: absolute;
	top: 212px;
	right: 15px;
	width: 16px;
	height: 20px;
	display: block;
	text-indent: -9000px;
	background: url(../img/home.gif) left top no-repeat;
}

#menu {
	width:184px;
}

#menuHeader {
	width:184px;
	height:14px;
	background:url("../img/menuHeader.jpg") top left no-repeat;
}

#menuFooter {
	width:184px;
	height:14px;
	background:url("../img/menuFooter.jpg") top left no-repeat;
}

div#menu ul {
	background:#a779b2;
	width:184px;
	line-height:30px;
}

div#menu ul li a {
	color:white;
	display:block;
	_height:30px;
	text-decoration:none;
	padding-left:10px;
	font-family: Century Gothic, Verdana, Arial, sans-serif;
}	

div#menu ul li a:hover {
	background:#6d1f7e;
	color:white;
	text-decoration:none;
}
 
/*************************************************************************************************
 * PAGINA SPECIFIEKE LAYOUT
 *************************************************************************************************/
 
    /**********************************************************************
     * CATEGORIE OVERZICHT
     **********************************************************************/
        
        ul.verboseCategories {
            list-style: square;
			margin: 0 15px;
        }
     
     
    /**********************************************************************
     * ALGEMENE BLOKKEN LAYOUT
     **********************************************************************/
     
        div.block {
            margin-bottom: 5px;
            width:145px;
        }
        
        div.block div.seperator {
        }
     
        div.block h2 {
            background: #003772;
        	color: #fff;
        	font-size: 15pt;
        	font-weight: normal;        
        	padding: 4px 7px;
    	}
        
        div.block div.blockContent {
        }
        
        div.block div.blockContent h3 {
            font-size: 12px;
            font-weight: bold !important;
        }
             
    /**********************************************************************
     * PRODUCTOVERZICHT
     **********************************************************************/
     
        ul.pagination {
            margin: 10px 0;
        }
        
        ul.pagination li {
            display: inline;
        }
        
        ul.pagination li a {
            display: block;
            float: left;
            width: 20px;
            height: 20px;
            text-align: center;
            line-height: 20px;
            border: 1px solid #ddd;
            margin-right: 7px;
        }
        
        ul.pagination li a:hover {
            border: 1px solid #333;
        }
        
        ul.pagination li a.active {
            font-weight: bold;
            border: 1px solid #aaa;
        }                  
     
        ul.productsOverview { }
        
        ul.productsOverview li { 
            overflow: hidden;
            margin-bottom: 5px;
            border-bottom: 1px solid #000;
        }
        
        ul.productsOverview li div.productPhoto { 
            float: left;
            width: 75px;
            height: 75px;
            margin-right: 10px;
            overflow: hidden;
        }
        
        ul.productsOverview li div.productPhoto a {
        	display: block;
        	height: 75px;
        	width: 75px;
        	text-align: center;
        	line-height: 75px;
        }
        
        ul.productsOverview li div.productDescription { 
            float: left;
            width: 225px;
            margin-bottom: 25px;
        }
        
        ul.productsOverview li div.productOptions { 
            float: left;
            width: 130px;
            height: 80px;
            padding: 5px;
        }
        
        ul.productsOverview li div.productOptions a {
            display: block;
            background-color: #eee;
            padding: 3px 3px 3px 25px;
            border: 1px solid #ddd;
        }
        
        ul.productsOverview li div.productOptions div.productPrice {
            font-size: 15px;
            padding: 5px;
            font-weight: bold;
            margin: 5px 0;
            color: #6D1F7E;
        }
	 
	 /**********************************************************************
     * PRODUCTDETAIL
     **********************************************************************/ 
	 
        div.product-wrapper { }
         
        div.product-wrapper div.product-information {
            width: 280px;
            float: left;
        }
         
        div.product-wrapper div.product-options {
            width: 150px;
            float: right;
            text-align: right;
        }
        
        div.product-options div.productOptions {
            margin-top:10px;
        }
        
        div.product-options div.productOptions a.orderProduct {
            float: right;
        }
    	 
        div.product-options div.productOptions div.productPrice { 
            font-size: 140%;
            font-weight: bold;       
            color: #6D1F7E; 
        }
	 
        ul.product-thumbnails { 
    		float: right;
        	margin-top: 10px;
        }
        
        ul.product-thumbnails li { 
            width: 75px;
            height: 75px;
			float:left;
			display:inline;
			margin-right: 3px;
        }
        
        ul.product-thumbnails li a {
        	display: block;
        	border: 1px solid #888;
        	width: 75px;
        	height: 75px;
        	text-align: center;
        	line-height: 75px;
        	
			overflow: hidden;        	
        }
        
        ul.product-thumbnails li a:hover {
        	border: 1px solid #444;
        }
	 
    /**********************************************************************
     * WINKELWAGEN
     **********************************************************************/
     
        table.orderTable thead tr th {
            background: #6687AA;
            border-bottom: 2px solid #003772;
            color: #fff;
            font-weight: bold;
            padding: 2px 5px;
        }
        
        table.orderTable tbody tr td {
            padding: 2px;
        }
        
        table.orderTable tbody tr td.total {
            font-weight: bold;
        }
        
    /**********************************************************************
     * BETAAL- EN VERZENDWIJZE PAGINA
     **********************************************************************/        
     
        div.orderInfo {
            float: right;
            width: 220px !important;
            width: 250px;
            padding: 15px;
            background: #eee;
            border: 1px solid #ddd;
        }
        
        div.orderInfo h2 {
            font-weight: bold;
            border-bottom: 1px solid #222714;
            margin-bottom: 5px;
        }
        
        div.orderInfo label {
            width: 85px;
        }
        
        div.orderPaymentTypeSelector {
            float: left;
            width: 190px;
            height: 125px;
            padding: 15px 0 15px 0;
        }
        
        div.orderPaymentTypeSelector h2 {
            font-weight: bold;
            border-bottom: 1px solid #222714;
            margin-bottom: 5px;
        }
        
        div.orderExtraInformation {
            margin: 10px 0;
        }
        
        div.orderExtraInformation textarea {
            width: 382px;
            height: 44px;
        }
        
        input.orderPrevious {
            float: left;
        }
                
        input.orderNext {
            float: right;
        }
		
/*************************************************************************************************
 * OVERIGE OPMAAK
 *************************************************************************************************/
 
    a.block {
        background: transparent url(../img/block.gif) no-repeat 1px 49%;      
        padding-left: 10px;
    }
    
    a.cart {
        background: transparent url(../img/icons/cart.png) no-repeat left top;
        padding-left: 25px;
    }
    
    a.cart-add {
        display: block;
        height: 16px;
        background: transparent url(../img/icons/cart_add.png) no-repeat 5px 50%;
        padding-left: 25px;
    }
    
    a.cartDelete {
        display: block;
        height: 16px;
        width: 16px;
        margin-left: 5px;
        background: transparent url(../img/icons/cart_delete.png) no-repeat left top;
        padding-left: 25px;
        text-indent: -9000px;
    }
 
    div.message-error {
        background: #FBF9E3 url(../img/icons/error.gif) no-repeat 5px 49%;
        border-bottom: 2px solid #F3EEB1;
        padding: 6px 5px 5px 35px;
        margin: 5px 0;
    }    
    
    div.message-success {
        background: #EDF1E2 url(../img/icons/accept.png) no-repeat 5px 49%;
        border-bottom: 2px solid #D6DFBF;
        padding: 6px 5px 5px 35px;
        margin: 5px 0;
    }
    
    div.breadcrumbs {
        background: #FDEFEE;
        border-bottom: 2px solid #6687AA;
        margin-bottom: 5px;
    }
 		
                
/*************************************************************************************************
 * FORMULIER OPMAAK
 *************************************************************************************************/
 
    div.formRow { 
        padding: 1px;
    }
    
    div.formRow .float-right {
    	float:left;
    }
    
    div.activeRow {
        background: #FBF9E3;
    }
    
    label { 
        float: left;
        width: 140px;
    }
    
    input.textfield, textarea { 
        border: 1px solid #003772;
        background: #fff;
        padding: 1px 2px;
    }
    
    div#extraDataColumn label {
        width: 100px;
    }
    
    div#extraDataColumn input {
        width: 75px;
    }
    
    fieldset {
        padding: 0 10px;
    }
    
    fieldset.fieldset-default {
        margin-bottom: 10px;
        padding: 10px;
        border: 1px solid #DAE2C7;
    }
    
    fieldset.fieldset-default legend {
        font-weight: bold;
        border: 0;
    }
 
    input.errorField, select.errorField, textarea.errorField {
        border: 1px solid #ff0000;
    }    
    
        
    input.button {
        background: #003772;
        height: 22px;
    	border: 1px solid #111;
    	padding: 0 3px 1px 3px;
    	color: #fff;        
    }    
    
    input.button:active {
        border: 3px double #ccc;
        border-top-color: #999;
        border-left-color: #999;
    }
    
    div.afleveradres-selection label {
        float: none;
    }
	
 
    /**********************************************************************
     * STARTPAGINA
     **********************************************************************/
     
    ul.frontpage-categories {}
    
    ul.frontpage-categories li {
        float: left;
        display: block;
        width: 130px;
        height: 180px;
        padding: 5px;
        text-align: center;
        background: #f2ebf3;
        margin-right: 10px;
        margin-bottom: 10px;
    }
    
    ul.frontpage-categories li.even {
        border: 0;
        background: transparent;
    }
    
    ul.frontpage-categories li div.image {
        width: 130px;
        height: 100px;
        margin: 0 auto;
    }
    ul.frontpage-categories li div.info {
        margin: 5px auto;
    }
    
    ul.frontpage-categories li div.info h2 {
        
    }	
 
 
 
/*************************************************************************************************
 * OVERIGE OPMAAK
 *************************************************************************************************/
 
	span.breadcrumbs span {
		font-weight: bold;
	}
    
/*************************************************************************************************
 * MODIFIERS
 *************************************************************************************************/
 
    .spacer {
        clear: both;
    }
    
    .floatLeft {
    	float:left;
    }
    
    .floatRight {
    	float:right;
    }