body {
    background: #dde6f3 url(/images/bg_body3.gif) repeat-x top left;
    margin: 0;
    padding: 0;
    font-family: arial, helvetica;
    font-size: 76%;
    color: #000;
    text-align: center;
}

.container {
	width: 950px;
    margin: 0 auto;
    text-align: left;
    font-size: 1.1em;
}



/* HEADER */

#header {
    height: 90px;
	background: url(/images/top.gif) bottom no-repeat;
	margin: 0;
	padding: 0;
}

#header #logo {
	float: left;
	width: 750px;
}

#header #winkelwagen {
	float: left;
	width: 200px;
	text-align: right;
	margin: 50px 0 0 0;
}

#header #winkelwagen a {
	color: #0994ff;
	background: url(/images/cart.png) no-repeat top left;
	padding: 0 0 0 20px;
	text-transform: uppercase;
	font-size: 0.9em;
	font-weight: bold;
}

#header #winkelwagen a.aantalartikelen {
	color: #cc0000;
	background: none;
	padding: 0;
	font-weight: normal;
}


/* MENU AND MAIN */

#menu-and-main {
   background: #fff url(/images/bg_menu_and_main.gif) right repeat-y;
  
}

/* MAIN */

#menu {
	float: left;
	width: 190px;
	background: url(/images/bg_menu_block.gif) 0 170px repeat-x;
	font-family: georgia ms, times, times new roman, ms serif;
}

#main {
	float: left;
	width: 760px;
	color: #555; 
}

#content {
    padding: 30px;
	
}

#main .main-left {
	float: left;
	width: 370px;

	
}

#main .main-right {
	float: left;
	width: 320px;

}



/* MENU  */



#menu ul {
    padding: 0;
    margin: 25px 0 22px 1px;
    list-style: none;
}

#menu ul li {
    margin: 0;
}

#menu ul li a {
    display: block;
    padding: 0 20px 0 20px;
    text-decoration: none;
    margin: 0px;
    line-height: 45px;
    font-size: 1.5em;
    color: #fff;
	background: url(/images/bg_menu.gif) no-repeat top;
}

#menu ul li a:hover {
	background: url(/images/bg_menu_hover.gif) no-repeat top;
	color: #fff;
}

#menu ul li#current a:link, #menu ul li#current a:visited, #menu ul li#current a:active, #menu ul li#current a:hover {
	background: #fff;
	color: #000;
	border-top: 1px solid #c9dbfb;
}

/* BANNER */

#menu p.banner {
	padding: 0 0 0 17px;
}


/* h1 h2 h3 */

h1 {
    font-family: georgia, times, times new roman;
    font-weight: normal;
    font-size: 2.2em;
    color: #280109;
	margin: 0 0 20px 0;
}

h2 {
    font-size: 1.5em;
}

h3 {
	margin: 0 0 15px 0;
}

#pagetitle {
	margin: 0 0 15px 0;
}


/* BASICS */

p {
	margin: 0 0 15px 0;
}


/* HOMEBLOCKS */

.homeblock {
    float: left;
    width: 300px;
    height: 250px;
    margin: 0 30px 30px 0;
    background: url(../images/bg_homeblock.gif) no-repeat; 
}

#homeblock-last {
    margin-right: 0;
	 background: url(../images/bg_homeblock_even.gif) no-repeat;
}

.homeblock h3 {
    font-size: 1.6em;
	margin: 12px 0 7px 15px;
}

.homeblock h3 a {
	color: #fff;
	text-decoration: none;
	font-family: georgia, times, times new roman;
}

.homeblock p {
	margin: 0;
	padding: 0;
}

.homeblock p.image img {
	margin: 0 0 0 1px;
}

.homeblock p.text {
	margin: 5px 0 0 0;
}

.homeblock ul {
	padding: 0;
    margin: 15px 15px 15px 30px;
}

.homeblock .link {
    margin: 0 0 15px 15px;
}




/* PRODUCT OVERVIEW */


.row {
	float: left;
	width: 300px;
	height: 300px;
	background: url(/images/bg_row.gif);
	margin: 0 20px 20px 0;
}


.row .image {
	width: 300px;
}

.row .image .photoframe {
	height: 180px;
}

.row .text {
	padding: 15px;
}

.row .text h3 {
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 1.2em;
	font-weight: bold;
}

.row .text h3 a {
	color: #000;
	text-decoration: none;
}

.row .text p {
	margin: 0 0 5px 0;
}

/* PRODUCT DETAIL */


.row-detail {
	width: 680px;
	height: auto;
	background: none;
	
}

.row-detail .image {
	float: left;
	width: 320px;
	border: 1px solid #ccc;
}

.row-detail .image .photoframe {
	height: auto;
}

.row-detail .image .photoframe img {
	margin: 1px;
}

.row-detail .image .link {
	background: #dde6f3;
	padding: 5px 0 5px 5px;
	text-align: center;
}

.row-detail .image .link a {
	font-weight: bold;
}

.row-detail .text {
	float: left;
	width: 330px;
	margin: 0 0 0 20px;
	padding: 0;
	
}

.row-detail .text h3 {
	margin: 0 0 10px 0;
}

table.specificaties {
	width: 330px;
	border: 1px solid #ddd;
}

table.specificaties tr th, table.specificaties tr td {
	padding: 10px 0 5px 10px;
}

table.specificaties tr td.directleverbaar {
    color: green;
    font-weight: bold;;
}


.formbox {
	width: 308px;
    padding: 10px;
    background-color: #f5f5f5;
    border: 1px solid #ddd;
	margin: 0 0 10px 0;
}

.formbox .question {
	margin: 0 0 10px 0;
}


/* WINKELWAGEN */

table.winkelwagen {
	width: 660px;
	margin: 0 0 25px 0;
	border-collapse: collapse;
}

table.winkelwagen tr th {
	background: #eee;
	padding: 5px;
	text-transform: uppercase;
	font-size: 0.9em;
}

table.winkelwagen tr td {
	background: #f5f5f5;
	padding: 5px;
	border-bottom: 1px solid #fff;
}

table.winkelwagen tr td.number {
	text-align: right;
	padding: 0 20px 0 0;
	
}

table.winkelwagen tr.total td {
	font-weight: bold;
	background: #fff;
}

table.winkelwagen tr td input.amount {
	float: none;
	text-align: right;
}


/* CONTACT */

.msgSuccess {
    color: green;
}

.msgFailed {
    color: #cc000;
}


form#contact-form input#EDCA_SHOP_ContactsName {
	width: 170px;
}

form#contact-form input#EBCA_SHOP_ContactsEmail {
	width: 180px;
}

form#contact-form textarea {
	width: 200px;
}


form#contact-form .question label {
	width: 110px;
}


form#contact-form .submitbutton {
	margin: 0 0 0 110px;
}




/* FOOTER */

#footer {
    background: url(../images/bottom.gif) no-repeat top;
    margin: 0 auto;
    width: 950px;
    text-align: right;
    padding: 15px 0 10px 0;
    color: #1e78be;
    font-size: 0.9em;
    letter-spacing: 0.1em;
}

#footer .line {
	padding: 0 10px 0 10px;
	color: #cc0000;
}

#footer a {
    color: #1e78be;
    text-decoration: none;
}

#footer a:hover {
    color: #1e78be;
    text-decoration: underline;
}

/* FORMS */

form {
	margin: 0;
	padding: 0;
}

fieldset {
    padding: 0;
    margin: 0;
    border: none;
}

legend {
    padding: 0;
	margin: 0 0 10px 0; 
    font-weight: bold;
    font-size: 1.1em;
    color: #222;
	text-transform: uppercase;
}

button {
    padding: 5px;
}

button.withimage {
    padding: 0 4px 4px 0;
}

button img {
    margin: 2px 5px 0 0;
}

input.amount {
    float: left;
    width: 30px;
}

label {
    width: 200px;
}

div.validationerror {
    margin: 0 0 0 200px;
}

label.big, input.big {
    font-size: 1.25em;
}



/* WINKELWAGEN BUTTONS */


.buttonrow .leegmaken {
    float: left;
    width: 210px;

}

button#leegmaken {
	width: 200px;
}

.buttonrow .herberekenen {
    float: left;
    width: 220px;
    text-align: left;
}

button#herberekenen {
	width: 140px;
}

.buttonrow .naardekassa {
    float: left;
    width: 220px;
    text-align: right;
}

button#naardekassa {
    font-weight: bold;
    width: 200px;
}

.sidebar button {
    font-size: 1.3em;
    width: 100%;
}







/* KASSA */

ol.status {
    margin: 0 0 20px 0;
    border-top: 1px solid #d9dfec;
    border-bottom: 1px solid #d9dfec;
    width: 660px;
	padding: 0;
}

ol.status li {
    float: left;
    margin: 0;
    width: 185px;
    padding: 2px 0 2px 25px;
    list-style-type: decimal;
    list-style-position: inside;
    background: url(/images/icon_status_todo.gif) no-repeat 1% 50%;
    color: #cbdaee;
}

ol.status li.actief {
	color: #6f95ca;
	font-weight: bold;
	background: url(/images/icon_status_actief.gif) no-repeat 1% 50%;
}

ol.status li.voltooid {
    background: url(/common/images/famfamfam_silk_icons_v013/tick.png) no-repeat 1% 50%;
	color: #6f95ca;
}

ol.status li#last {
    background: none;
}



/* AFLEVERGEGEVENS */

.InputAfleveradres {
    display: none;
}


/* BESTELLING CONTROLEREN */

form#bestelling_controleren  {
	width: 660px;
	margin: 0 0 10px 0;
}

form#bestelling_controleren .submitbutton {
    text-align: right;
    height: 40px;
    margin: 0;
    padding: 0;
}


table#factuuradres, table#afleveradres {
	margin: 0 0 20px 0;
	background: #f5f5f5;
	width: 660px;
}

table#factuuradres tr th, table#afleveradres tr th {
	font-weight: normal;
	width: 150px;
	padding: 5px;
	background: #eee;
}

table#factuuradres tr td, table#afleveradres tr td {
	font-weight: bold;
	padding: 5px;
}


/* BESTELLING VERSTUURD */

#internetordernummer {
	width: 300px;
	text-align: center;
	border: 2px solid #82c532;
	color: #222;
	padding: 5px;
	font-size: 1.2em;
	margin: 0 0 10px 0;
}


/* LINKS */

a {
	color: #0994ff;
}

a:hover {
    color: #444;
}

a.readmore {
	background: url(../images/icon_meerinformatie_hover.gif) no-repeat;
	padding: 0 0 0 21px;
	background-position: left;
	color: #0994ff;
	font-weight: bold;
}

a.readmore:hover {
	background: url(../images/icon_meerinformatie.gif) no-repeat;
	padding: 0 0 0 21px;
	background-position: left;
	color: #cc0000;
}

/* IMAGES */

img {
	border: none;
}

/* SPECIAL */


.clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
.clearfix {display:inline-block;}
/* mac hide \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide */


/* MODAL WINDOW */
div#fancy_div           {background:#FFFFFF none repeat scroll 0 0; color:#000;}
span#fancy_left_ico     {left:20px;}
span#fancy_right_ico    {right:20px;}
div#fancy_title table   {border:0px}
div#fancy_title table tr th, div#fancy_title table tr td    {text-align:center;}
div#fancy_title table tr td div {padding: 7px 10px 28px}