@charset "utf-8";
/* CSS Document */

* {	margin: 0; padding: 0; -moz-outline-style: none; }

html { height:100%; } 

body {
	margin: 0 auto;
	background: #404040 url(img/layout/background.jpg) repeat-x;
	font-family: Trebuchet MS, Verdana,Arial,Sans-serif;
	color: #CCCCCC;
	font-size: 11px;
	line-height: 16px;
	text-align: left;
	overflow: -moz-scrollbars-vertical;
}

select { border: 1px solid #1F1F1F; background: #FFFFFF; }

input, textarea, select {
	font-family: Trebuchet MS, Verdana,Arial,Sans-serif;
	font-size: 12px;
	border: 1px solid #1F1F1F; background: #FFFFFF;
}

input[type="button"] { cursor: pointer; }


img { border: 0px; -moz-outline-style: none; }

/* Link Definities */
a { -moz-outline-style: none; }
a:link { color: #CCCCCC; }
a:active { color: #CCCCCC; }
a:visited {	color: #CCCCCC; }
a:hover { color: #FFFFFF; }

/* Layout */
#container { width: 732px; min-height: 612px; margin: 0 auto; margin-top: 48px; }

/* Header */
#header { width: 704px; height: 81px; margin: 0px auto }
#logo {	width: 191px; height: 81px; margin-left: 9px; float: left; background: url(img/layout/logo.png) no-repeat; }
#winkelwagen { width: 499px; height: 52px; padding-right: 5px; float: right; text-align: right;  }

/* Menu */
#menu { width: 504px; height: 29px; float: right; }
.menu_spijltje { float: right; height: 29px; width: 3px; background:url(img/menu/menu_spijltje.png) no-repeat; }
.menuitem { height: 29px; float: right; cursor: pointer; }
.menuitem_over { background:url(img/menu/menu_over.png) repeat-x; }

/* Submenu */
.submenuitem { width: 76px; height: 28px; margin-left: 1px; float: left; background: #393939; cursor: pointer; }
.submenuitem_over { width: 76px; height: 28px; margin-left: 1px; float: left; background: #595959; cursor: pointer; }

/* Content Divs */
#wrapper { width: 732px; background: url(img/layout/wrapper_bg.png) repeat-y;  }
#main { width: 704px; min-height: 488px; margin: 0px auto; border: 1px solid #858585; border-bottom: 0px; background: url(img/layout/content_bg.png) no-repeat; }
#schaduw_onder { height: 18px; clear: both; background: url(img/layout/wrapper_onder.png) no-repeat; }

#navigatie { width: 704px; min-height: 16px; }
.nav_laag { height: 25px; background: #111111; border-bottom: 1px solid #000000; line-height: 25px;  } 
.nav_item { float: left; color: #e5e5e5; background: #202020; cursor: pointer; }
.nav_item_over { float: left; color: #e5e5e5; background: url(img/navigatie/navigatie_over.gif) repeat-x; cursor: pointer; } 
.nav_item_selected { float: left; color: #e5e5e5; background: url(img/navigatie/navigatie_over.gif) repeat-x; cursor: pointer; } 

#floatnav { position: absolute; width: 704px; top: 130px; background: url(img/layout/content_bg.png) no-repeat;  }
#subnav { background: #111111; }

#content { width: 664px; min-height: 428px; padding: 20px; margin-top: 5px; } 

/* Footer Div*/
#footer { width: 654px; height: 27px; padding-right: 5px; float: left; color: #666666; text-align: right; line-height: 27px; }

/* Loading Divs */
#loadblock { width: 703px; height: 100%; position: absolute; top: 130px; background: #000000; }
#loading { width: 72px; height: 72px; margin-left: -36px; position: absolute; left: 50%; top: 360px; }

/* Text Opmaken */
.kop { font-size: 12px; font-weight: bold; color: #FFFFFF; }
.kop2 { height: 13px; margin-bottom: 10px; font-size: 15px; font-weight: bold; line-height: 13px; }

/* Maattabel */
.maattabel { margin-top: 10px; border-left: 1px solid #FFFFFF; border-top: 1px solid #FFFFFF;  }
.maattabel_row { height: 20px; clear: both; text-align: center; }
.maattabel_header { font-size: 12px; font-weight: bold; }
.maattabel_cell { height: 20px; line-height: 20px; border-right: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; float: left; }

/* Paginanummers */
.paginanummers { width: 365px; height: 36px; margin: 0px auto; margin-bottom: 1px; }
.paginanummers a { text-decoration: none; }
.paginanummer { background: url(img/paginanummers/normal.gif); width: 18px; height: 18px; margin-left: 5px; margin-top: 9px; float: left; text-align: center; cursor: pointer; }
.paginanummer_over { background: url(img/paginanummers/select.gif); color: #000000;  }

/* Patronen Productlijst */
.patronen_productlijst_wrapper { width: 596px; height: 200px; margin: 0px auto; padding: 7px 22px; background: url(img/layout/box_midden.png) repeat-y; } 
.patronen_productlijst_artikelnaam { height: 13px; margin-bottom: 10px; font-size: 15px; font-weight: bold; line-height: 13px; }
.patronen_productlijst_foto { width: 104px; height: 161px; margin-right: 20px; float: left; }
.listblock { width: 5px; height: 5px; margin: 6px 6px 6px 0px; float: left; background: #FFFFFF; }

/*  */
.box_boven_448 { height: 12px; width: 448px; margin: 0px auto; background:url(img/layout/box_boven_448.png) no-repeat; }
.box_midden_448 { width: 404px; margin: 0px auto; padding: 7px 22px; background: url(img/layout/box_midden_448.png) repeat-y; }
.box_onder_448 { height: 12px; width: 448px; margin: 0px auto; background:url(img/layout/box_onder_448.png) no-repeat; }

/*  */
.box_boven_640 { height: 12px; width: 640px; margin: 0px auto; background:url(img/layout/box_boven_640.png) no-repeat; }
.box_midden_640 { width: 596px; margin: 0px auto; padding: 7px 22px; background: url(img/layout/box_midden_640.png) repeat-y; }
.box_onder_640 { height: 12px; width: 640px; margin: 0px auto; background:url(img/layout/box_onder_640.png) no-repeat; }

#FlashBook { background: #000000; color: #FFFFFF; width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; text-align: center; z-index: 1000;} 
#FlashBookSWF {  width: 700px; height: 480px; margin: 0px auto; }

#sfeerimpressie { z-index: 0; width: 268px; height: 372px; padding: 8px; margin-left: 44px; float: left; background:url(img/layout/bg_vertical.png); }

/* Contact */
.contact_textveld { width: 236px; height: 16px; margin: 0px; padding: 2px; border: 0px; line-height: 16px; }