body {
	margin              : 0;
    font-family         : Verdana, Arial, Helvetica, sans-serif;
	background          : #FFF url(../img/bg.gif) top left repeat;
}

/* --------------------------------	*/
/* header   					 	*/
/* --------------------------------	*/
.header_links_bg {
	background          : url(../img/header_leftside_bg.png) top left repeat-x;
}

.header_linkerzijde {
	background          : url(../img/header_linkerzijde.png) top right no-repeat;
	height              : 166px;
}

.header {
	width               : 771px;
	height              : 166px;
}

.header #header {
    position            : relative;
    width               : 771px;
	height              : 166px;
    overflow            : hidden;
    background          : url(../img/header_bg.png) no-repeat left top;
}

#header .logo {
    position            : absolute;
    left                : 20px;
    top                 : 0;
}

.header_rechts_bg {
	background          : url(../img/header_rightside_bg.png) top left repeat-x;
}


/* --------------------------------	*/
/* menu        					 	*/
/* --------------------------------	*/
#menu {
    position            : absolute;
    right               : 20px;
    top                 : 146px;
	height              : 24px;
	color               : #fff;
	font-family         : Arial, Verdana, Helvetica, sans-serif;
	font-size           : 12px;
    margin              : 0;
    padding             : 0;
    list-style          : none;
}

#menu li {
    float               : left;
    height              : 14px;
    border-left         : 1px solid #FFF;
}

#menu li:first-child {
    border-left         : none;
}

#menu a {
	float               : left;
    padding             : 0 4px;
    line-height         : 14px;
    
    color               : #fff;
	text-decoration     : none;
}

#menu a:hover,
#menu li.actief a {
	color               : #FA7E1A;
}


/* --------------------------------	*/
/* maincontent 					 	*/
/* --------------------------------	*/
.main_content {
	margin              : 0 auto;
}


/* --------------------------------	*/
/* linkermenu  					 	*/
/* --------------------------------	*/
.linker_menu {
	background-color    : #B3B3B3;
	width               : 197px;
}

#submenu {
	width               : 197px;
	padding-top         : 8px;
	margin              : 0;
    font-size           : 11px;
    background          : #FA7E1A;
}

#submenu ul {
	list-style-type     : none;
	margin              : 0;
	padding-left        : 0;
}

#submenu > ul > li {
    border-top          : 1px solid #feb980;
}

#submenu > ul > li:first-child {
    border-top          : none;
}

#submenu > ul > li > a {
	display             : block;
    padding             : 8px 5px 8px 10px;
	color               : #fff;
	font-weight         : bold;
	text-decoration     : none;
}

#submenu > ul > li > a > span {
	display             : none;
}

#submenu > ul > li > a:hover {
	background-color    : #faab6c;
}

#submenu > ul > li > a:hover > span {
	display             : inline;
}

#submenu > ul > li.actief > a {
    padding-left        : 40px;
    color               : #FA7E1A; 
	background          : #FFF url(../img/submenu-item.png) no-repeat 5px 5px;
}

/* submenu sub */
#submenu ul ul {
    background          : #EEE;
}

#submenu ul ul li {
    border-bottom       : 1px solid #CCC;
}

#submenu ul ul a {
    display             : block;
    padding             : 4px 3px 4px 15px;
    color               : #666;
    text-decoration     : none;
}

#submenu ul ul a:hover {
    background          : #FFF;
}

#submenu ul ul li.actief a {
    font-weight         : bold;
    color               : #FA7E1A;
}

/* opvulling (a&m impact link) */
.opvulling {
	padding-top         : 35px;
	padding-bottom      : 5px;
	padding-left        : 5px;
}

.opvulling a {
	color               : #fff;
	font-size           : 10px;
	font-weight         : bold;
}

.opvulling a:hover {
	text-decoration     : none;
}


/* --------------------------------	*/
/* midden content				 	*/
/* --------------------------------	*/
.content {
	font-size           : 11px;
	color               : #545454;
	line-height         : 17px;
	padding-left        : 10px;
	padding-right       : 10px;
	padding-top         : 10px;
	padding-bottom      : 10px;
	background-color    : #fff;
}

table.content {
	font-size           : 11px;
	color               : #545454;
	line-height         : 17px;
}

.content h1 {
	line-height         : normal;
	margin              : 0 0 10px 0;
	padding             : 10px 0 10px 5px;
    border-bottom       : 1px solid #EEE;
	font-size           : 17px;
    font-weight         : normal;
	color               : #000;
}

.content h2 {
    line-height         : normal;
	margin              : 0 0 3px 0;
	padding             : 0;
	font-size           : 13px;
    color               : #FA7E1A;
}

.content h1 a {
    color               : #FA7E1A;
}

.content a {
	color               : #545454;
}

.content a:hover {
	text-decoration     : none;
}

/* levering */
.content .levering {
    margin              : 0 0 10px 0;
    padding             : 10px;
    border              : 1px solid #CCC;
    background          : #EEE;
}

.levering strong {
    display             : block;
    padding             : 2px 2px 10px 0;
    border-bottom       : 1px solid #CCC;
    color               : #000;
}

.levering dl {
    clear               : both;
    width               : 500px;
    overflow            : hidden;
    zoom                : 1;
}

.levering dt {
    float               : left;
    width               : 130px;
    padding             : 3px 10px 3px 0;
    text-align          : right;
    color               : #d26c1a;
}

.levering dd {
    float               : left;
    width               : 300px;
    padding             : 3px 0;
    margin              : 0;
    color               : #000;
}

/* contact */
.content address {
    margin              : 0 0 10px 0;
    font-weight         : bold;
    font-style          : normal;
}

.content .contact dt {
    font-weight         : bold;
}

/* --------------------------------	*/
/* homepage banner 				 	*/
/* --------------------------------	*/
#banners {
    margin              : 0;
    padding             : 0;
    overflow            : hidden;
    list-style          : none;
    zoom                : 1;
}

#banners li {
    float               : left;
    margin              : 0 5px 5px 0;
    padding             : 0;
}


/* --------------------------------	*/
/* winkelwagen  				 	*/
/* --------------------------------	*/
.winkelwagen {
	border-left         : 1px solid #D1E15C;
	width               : 173px;
	background          : url(../img/winkelwagen.jpg) top left no-repeat;
	background-color    : #fff;
	font-size           : 10px;
	font-weight         : bold;
}

.winkelwagen span {
	display             : block;
	padding-left        : 55px;
	padding-top         : 18px;
	color               : #fff;
	margin-bottom       : 8px;
}

.winkelwagen table {
	margin-left         : 5px;
	border-left         : 1px solid #ECF1CC;
	border-right        : 1px solid #ECF1CC;
	border-top          : 1px solid #ECF1CC;
	width               : 168px;
	height              : 100%;
}

.winkelwagen_status {
	background-color    : #F8FAEC;
	text-align          : center;
	color               : #97A273;
	padding-top         : 5px;
	padding-bottom      : 10px;
}

.winkelwagen_subtotaal {
	color               : #A4A280;
	background-color    : #EEF3D0;
	font-weight         : normal;
	padding-left        : 5px;
	padding-top         : 5px;
}

.winkelwagen_verzendkosten {
	color               : #A4A280;
	background-color    : #EEF3D0;
	font-weight         : normal;
	padding-left        : 5px;
}

.winkelwagen_totaal {
	color               : #A4A280;
	background-color    : #EEF3D0;
	padding-left        : 5px;
	padding-bottom      : 5px;
}


/* --------------------------------	*/
/* drukwerk detail				 	*/
/* --------------------------------	*/
table.drukwerk_detail {
	font-size: 11px;
	color: #545454;
	line-height : 17px;
	background-color: #fff;
}


/* --------------------------------	*/
/* formulieren  				 	*/
/* --------------------------------	*/
input[type=text],
textarea,
.veld {
    padding             : 3px;
	font-family         : Verdana;
	font-size           : 11px;
	border              : 1px solid #CCC;
}

input[type=text]:hover,
textarea:hover,
.veld:hover,
input[type=text]:focus,
textarea:focus,
.veld:focus {
	border              : 1px solid #333;
}

.veldFout {
	font-size           : 11px;
	border              : 1px solid #F00;
}

.button {
    padding             : 4px 10px;
	border              : 1px outset #FA7E1A;
	background-color    : #FA7E1A;
	font-size           : 12px;
    font-weight         : bold;
	color               : #FFF;
	cursor              : pointer;
}

.bestandFout {
	color               : #FF0000;
}

#melding {
	color               : #E70509;
	display             : none;
	font-weight         : bold;
}

/* Detail */
dl#bestelaantal dt {
    margin              : 10px 0 0 0;
    font-weight         : bold;
}


/* --------------------------------	*/
/* formaten tabel  				 	*/
/* --------------------------------	*/
.formatentabel {
	width               : 540px;
    border              : 1px solid #CCC;
    border-collapse     : collapse;
    border-spacing      : 0;
}

.formatentabel tr td {
    padding             : 2px 3px;
}

.formatentabel tr.even td {
    background          : #EEE;
}

.formatentabel tr th {
    padding             : 4px 3px;
    text-align          : right;
    white-space         : nowrap;
    color               : #FFF;
    background          : #FA7E1A;
}

.formatentabel tr th.aantal {
    border-left         : 1px solid #FFBF77;
}

.formatentabel tr td.prijs {
    border-left         : 1px solid #CCC;
    white-space         : nowrap;
}

.formatentabel tr td a {
    display             : block;
    min-height          : 38px;
    padding             : 2px 0 2px 40px;
    background          : url(../img/iconen/formaat-overig.png) no-repeat left top;
}

.formatentabel tr td a.formaat_a3 { background: url(../img/iconen/formaat-a3.png) no-repeat left top; }
.formatentabel tr td a.formaat_a4 { background: url(../img/iconen/formaat-a4.png) no-repeat left top; }
.formatentabel tr td a.formaat_a5 { background: url(../img/iconen/formaat-a5.png) no-repeat left top; }
.formatentabel tr td a.formaat_a6 { background: url(../img/iconen/formaat-a6.png) no-repeat left top; }
.formatentabel tr td a.formaat_a7 { background: url(../img/iconen/formaat-a7.png) no-repeat left top; }
.formatentabel tr td a.formaat_us { background: url(../img/iconen/formaat-us.png) no-repeat left top; }

/* --------------------------------	*/
/* subcategorieen 				 	*/
/* --------------------------------	*/
#subcategorieen {
    margin              : 10px 0;
    padding             : 10px;
    border              : 1px solid #CCC;
}

#subcategorieen > strong {
    display             : block;
    margin              : 0 0 10px 0;
    padding             : 0 0 0 40px;
    font-weight         : normal;
    line-height         : normal;
    font-size           : 17px;
    color               : #000;
    background          : url(../img/beeldmerk.png) no-repeat left top;
}

#subcategorieen ul {
    padding             : 0;
    margin              : 0;
    list-style          : none;
}

#subcategorieen ul li {
    margin              : 0 0 5px 0;
}

#subcategorieen ul li a {
    display             : block;
    padding             : 10px;
    text-decoration     : none;
    font-size           : 12px;
    font-weight         : bold;
    color               : #000;
    background          : #EEE;
}

#subcategorieen ul li a:hover {
    color               : #FFF;
    background          : #FA7E1A;
}


/* --------------------------------	*/
/* overig         				 	*/
/* --------------------------------	*/
#met {
	display             : none;
}

#zonder {
	display             : block;
}

.niet_rembours {
	display             : none;
}

.wel_rembours {
	display             : block;
}

.niet_zonder_verzend {
	display             : none;
}

.wel_zonder_verzend {
	display             : block;
}

.wel_normaal {
	display             : block;
}

.niet_normaal {
	display             : none;
}

.aktief {
	display             : block;
}

.passief {
	display             : none;
}