/* -------------------------------------------------------------------------
	Reset
*/

* {
	margin: 0;
	padding: 0;
	border: 0;
	outline: none;
}
a,
a:active,
a:hover,
a:link,
a:visited {
	text-decoration: none;
	z-index: 500;
}



/* -------------------------------------------------------------------------
	Basic HTML / Framework
*/

body {
	margin: 0; 
	padding: 0;
	font: normal 12px/18px Arial, Helvetica, sans-serif;
	color: black;
	background: #f68e1e url(../../img/bg_main.jpg) no-repeat center top;
}

h1, h2, h3, h4{
	color: #2e3192;
	font-weight: bold;
	text-transform: uppercase;
}

h1 {
	font-size: 16px;
}
h2 {
	font-size: 16px;
}

p{
	padding: 10px 0px;
	color: #2e3192;
	line-height: 20px;
}

#site_container {
	width: 950px;
	margin: 0px auto;
}

.clearBoth {
	clear: both;
	height: 1px;
	line-height:1px;
	font-size: 1px;
}

#site_logo {
	margin: 0px 0px 25px 10px;
	display: block;
	width: 235px;
	height: 90px;
}

#content_container_top {
	margin-top: 20px;
	background: transparent url(../../img/bg_content_top.png) no-repeat center top;
	padding-top: 32px;
}

#content_container {
	background: transparent url(../../img/bg_content.png) repeat-y center top;
	padding: 0px 0px 20px 20px;
}

#footer_container {
	background: url(../../img/bg_footer.png) no-repeat center top;
	padding: 37px 20px 10px 20px;
	color: #2e3192;
	font-size: 11px;
}

#footer_left {
	float: left;

	text-transform: uppercase;
}

#footer_right {
	float: right;
}
#footer_right a {
	color: #2e3192;
	font-size: 11px;
	background: url(../../img/bullet.jpg) no-repeat 0px 6px;
	padding: 0px 0px 0px 5px;
	margin-left: 10px;
}

#home_sidebar{
	float: left;
	width: 314px;
	margin: 0px 40px 0px 0px;
}

#page_sidebar{
	float: left;
	width: 160px;
	margin: 0px 20px 0px 0px;
}

#spotlight_container{
	float: left;
}

#page_container{
	float: left;
	width: 730px;
}

.page_content a{
	text-decoration: underline;
}

#page_container ul {
	color:#2E3192;
	line-height:20px;
	list-style: inside;
}

/* -------------------------------------------------------------------------
	Navigatie
*/
#sitenav_container {
	float: right;
	width: 100%;
	text-align: right;
}

.sitenav_item{
	display: inline;
}

.sitenav_item .sitenav_item_left {
	background: url(../../img/bg_topmenu_left.png) no-repeat left top;
	height: 30px;
	width: 14px;
}

.sitenav_item .sitenav_item_center {
	background: url(../../img/bg_topmenu_center.png) repeat-x left top;
	height: 30px;
	vertical-align: top;
	padding: 3px 0px 0px 0px;
}

.sitenav_item .sitenav_item_center a {
	color: #ffffff;
	font-weight: bold;
	text-transform: uppercase;	
	display: block;	
}

.sitenav_item .sitenav_item_center .search,
.sitenav_item_active .sitenav_item_center .search {
	color: #ffffff;
	font-weight: bold;
	text-transform: uppercase;
	margin-top: 1px;
}

.sitenav_item .sitenav_item_center .search input,
.sitenav_item_active .sitenav_item_center .search input {
	padding: 1px;
	margin: 0px 5px 0px 10px;
}

.sitenav_item .sitenav_item_right {
	background: url(../../img/bg_topmenu_right.png) no-repeat left top;
	height: 30px;
	width: 14px;
}

.sitenav_item_active{
	display: inline;
}

.sitenav_item_active .sitenav_item_left {
	background: url(../../img/bg_topmenu_left_blue.png) no-repeat left top;
	height: 30px;
	width: 14px;
}

.sitenav_item_active .sitenav_item_center {
	background: url(../../img/bg_topmenu_center_blue.png) repeat-x left top;
	height: 30px;
	vertical-align: top;
	padding: 3px 0px 0px 0px;
}

.sitenav_item_active .sitenav_item_center a {
	color: #ffffff;
	font-weight: bold;
	text-transform: uppercase;	
	display: block;	
}

.sitenav_item_active .sitenav_item_center .search {
	color: #ffffff;
	font-weight: bold;
	text-transform: uppercase;
	margin-top: 1px;
}

.sitenav_item_active .sitenav_item_right {
	background: url(../../img/bg_topmenu_right_blue.png) no-repeat left top;
	height: 30px;
	width: 14px;
}

#prodnav_container {
	width: 100%;
	height: 160px;
}

#prodnav_container li {
	float: left;
	display: block;
/*	margin-right: 7px;*/
}

#prodnav_container li a {
	height: 158px;
	display: block;
}

#prodnav_container li a.btn_sportenspel {
	background: url(../../img/btn_sportenspel.png) no-repeat center bottom;
	width: 120px; 
	margin: 0px 0px 0px 0px;
}
#prodnav_container li a.btn_sportenspel_active,
#prodnav_container li a.btn_sportenspel:hover {
	background: url(../../img/btn_sportenspel-on.png) no-repeat center bottom;
	width: 120px; 
	margin: 0px 0px 0px 0px;	
}

#prodnav_container li a.btn_traktaties {
	background: url(../../img/btn_traktaties.png) no-repeat center bottom;
	width: 105px; 
	margin: 0px 0px 0px 8px;
}
#prodnav_container li a.btn_traktaties_active,
#prodnav_container li a.btn_traktaties:hover {
	background: url(../../img/btn_traktaties-on.png) no-repeat center bottom;	
	width: 105px; 
	margin: 0px 0px 0px 8px;
}

#prodnav_container li a.btn_luchtkussens {
	background: url(../../img/btn_luchtkussens.png) no-repeat center bottom;
	width: 125px; 
	margin: 0px 0px 0px 15px;
}
#prodnav_container li a.btn_luchtkussens_active,
#prodnav_container li a.btn_luchtkussens:hover {
	background: url(../../img/btn_luchtkussens-on.png) no-repeat center bottom;
	width: 125px; 
	margin: 0px 0px 0px 15px;
}

#prodnav_container li a.btn_zeskampklein {
	background: url(../../img/btn_zeskampklein.png) no-repeat center bottom;
	width: 129px; 
	margin: 0px 0px 0px 15px;
}
#prodnav_container li a.btn_zeskampklein_active,
#prodnav_container li a.btn_zeskampklein:hover {
	background: url(../../img/btn_zeskampklein-on.png) no-repeat center bottom;
	width: 129px; 
	margin: 0px 0px 0px 15px;
}

#prodnav_container li a.btn_zeskampgroot {
	background: url(../../img/btn_zeskampgroot.png) no-repeat center bottom;
	width: 205px; 
	margin: 0px 0px 0px 0px;
}
#prodnav_container li a.btn_zeskampgroot_active,
#prodnav_container li a.btn_zeskampgroot:hover {
	background: url(../../img/btn_zeskampgroot-on.png) no-repeat center bottom;
	width: 205px; 
	margin: 0px 0px 0px 0px;
}

#prodnav_container li a.btn_spelverhuur {
	background: url(../../img/btn_spelverhuur.png) no-repeat center bottom;
	width: 112px; 
	margin: 0px 0px 0px 0px;
}
#prodnav_container li a.btn_spelverhuur_active,
#prodnav_container li a.btn_spelverhuur:hover {
	background: url(../../img/btn_spelverhuur-on.png) no-repeat center bottom;
	width: 112px; 
	margin: 0px 0px 0px 0px;
}

#prodnav_container li a.btn_diversen {
	background: url(../../img/btn_diversen.png) no-repeat center bottom;
	width: 104px; 
	margin: 0px 0px 0px 0px;
}
#prodnav_container li a.btn_diversen_active,
#prodnav_container li a.btn_diversen:hover {
	background: url(../../img/btn_diversen-on.png) no-repeat center bottom;
	width: 104px; 
	margin: 0px 0px 0px 0px;
}

a.btnBlue{
	display: inline-block;
	height: 26px;
	width: 116px;
	background: url(../../img/bg_btn_blue.png) no-repeat left top;
	color: #f7ffff;
	text-align: center;
	padding: 3px 0px 0px 0px;
}

#page_sidebar .btnBlue{
	margin-bottom: 10px;
	float: left;
}

/* -------------------------------------------------------------------------
	Producten
*/
.product_item{
	float: left;
	width: 170px;
	margin: 10px 10px 10px 0px;
}

.product_item .product_info{
	color: #2e3192;
	font-weight: bold;
	font-size: 11px;
	padding-bottom: 5px;
	/*height: 60px;*/
}
.product_item .product_title{
	text-transform: uppercase;
	font-size: 12px;
}

.product_oldprice .product_oldprice_left {
	height: 20px;
	width: 10px;
	background: url(../../img/bg_oldprice_left.png) no-repeat top left;
}
.product_oldprice .product_oldprice_right {
	height: 20px;
	width: 10px;
	background: url(../../img/bg_oldprice_right.png) no-repeat top left;
}
.product_oldprice .price {
	background-color: #f78e1e;
	color: #f7ffff;
	text-decoration: line-through;
}

.product_saleprice .product_saleprice_left {
	height: 26px;
	width: 10px;
	background: url(../../img/bg_price_sale_left.png) no-repeat top left;
}
.product_saleprice .product_saleprice_right {
	height: 26px;
	width: 10px;
	background: url(../../img/bg_price_right.png) no-repeat top left;
}

.product_price {
	margin-top: 20px;
}

.product_price .product_price_left {
	height: 26px;
	width: 10px;
	background: url(../../img/bg_price_left.png) no-repeat top left;
}
.product_price .product_price_right {
	height: 26px;
	width: 10px;
	background: url(../../img/bg_price_right.png) no-repeat top left;
}

.product_price .price span,
.product_saleprice .price span {
	font-weight: bold;
	font-size: 20px;
}

.product_price .price,
.product_saleprice .price{
	background-color: #f78e1e;
}

.price{
	background-color: #f78e1e;
	color: #f7ffff;
}
.product_saleprice .price {
	font-size: 11px;
	background-color: #f78e1e;
}

.btn_bestellen {
	background: url(../../img/bg_button_orange_71.png) no-repeat left top;
	width: 71px;
	height: 26px;
	color: #f7ffff;
	display: block;
	padding: 4px 0px 0px 0px;
	text-align: center;
	margin: 5px 0px 0px 0px;
}

.btn_bestellen_blue {
	background: url(../../img/bg_button_blue_101.png) no-repeat left top;
	width: 101px;
	height: 26px;
	color: #f7ffff;
	display: block;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	padding: 4px 0px 0px 0px;
	text-align: center;
	margin: 15px 0px 0px 0px;
}

#productdetail_left {
	float: left;
	width: 320px;
}

#productdetail_right {
	float: left;
	width: 405px;
	text-align: right;
}

.detail_image_small {
	margin-left: 7px;
}
.detail_image_large {
	margin-bottom: 7px;
}

.btn_print {
	margin-bottom: 15px;
}

/* -------------------------------------------------------------------------
	Cart
*/

#cart_table {
	margin-top: 25px;
	width: 100%;
}

.cart_thumb,
.cart_descr,
.cart_price,
.cart_delete {
	border-bottom: 2px solid #f78e1e;
	padding-bottom: 5px;
}

.cart_thumb {
	width: 140px;
	vertical-align: top;
}

.cart_descr {
	color: #2e3192;
	font-weight: bold;
	font-size: 11px;
}

.cart_descr .product_title {
	font-size: 12px;
	text-transform: uppercase;
}

.cart_price {
	width: 150px;
	vertical-align: top;
	padding-top: 15px;
}
.cart_price table {
	margin-right: 15px;
}

.cart_delete {
	width: 50px;
	vertical-align: top;
	padding-top: 35px;
}

.cart_label {
	text-align: right;
	color: #2e3192;
	font-weight: bold;
	font-size: 12px;
	padding: 20px 15px 0px 0px;
}

.cart_totalprice {
	margin-top: 20px;
}

.cart_totalprice .cart_totalprice_left {
	height: 26px;
	width: 10px;
	background: url(../../img/bg_price_left_blue.jpg) no-repeat top left;
}
.cart_totalprice .cart_totalprice_right {
	height: 26px;
	width: 10px;
	background: url(../../img/bg_price_right_blue.jpg) no-repeat top left;
}

.cart_totalprice .price {
	background-color: #2e3192;
}

.cart_totalprice .price span {
	font-weight: bold;
	font-size: 20px;
}

/* -------------------------------------------------------------------------
	Form
*/

#form {
	margin-top: 25px;
}

#form label {
	font-weight: bold;
	width: 130px;
	display: inline-block;
	vertical-align: top;
}

#form .radio_label {
	margin: 0px 5px;
}

#form .textbox {
	border: 1px solid #2d2d2d;
	width: 200px;
	padding: 1px;
}

#form .textarea {
	border: 1px solid #2d2d2d;
	width: 300px;
	height: 100px;
	padding: 1px;	
}

#form .required {
	color: #ff0000;
}

#form .btnReserveer {
	background: url(../../img/bg_button_blue_101.png) no-repeat left top;
	width: 101px;
	height: 26px;
	color: #f7ffff;
	display: block;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	padding: 4px 0px 0px 0px;
	text-align: center;
	margin: 15px 0px 0px 0px;
}


/* -------------------------------------------------------------------------
	Page
*/

.content_image{
	float: right;
	margin: 14px 0px 0px 15px;
}

.round_button_blue {
	margin-bottom: 5px;
}

.round_button_orange {
	margin-bottom: 5px;
	cursor: pointer;
}

.round_button_blue .left {
	height: 26px;
	width: 10px;
	background: url(../../img/bg_button_left_blue.jpg) no-repeat top left;
}
.round_button_blue .right {
	height: 26px;
	width: 10px;
	background: url(../../img/bg_button_right_blue.jpg) no-repeat top left;
}

.round_button_blue .content {
	background-color: #2e3192;
	font-size: 12px;
	color: #f7ffff;
	width: 150px;
}

.round_button_orange .left {
	height: 26px;
	width: 10px;
	background: url(../../img/bg_button_left_orange.jpg) no-repeat top left;
}
.round_button_orange .right {
	height: 26px;
	width: 10px;
	background: url(../../img/bg_button_right_orange.jpg) no-repeat top left;
}

.round_button_orange .content {
	background-color: #f78e1e;
	font-size: 12px;
	color: #f7ffff;
	width: 150px;	
}

td.content a,
td.content a:link,
td.content a:hover,
td.content a.active,
td.content a:visited {
	color: #f7ffff;
	text-decoration: none;
}

#submenu {
	padding-bottom: 25px;
}

#cart_note {
	text-align: right;
	display: inline;
	position: relative;
	top: 33px;
	left: 720px;
}

.cart_note_left {
	background: url(../../img/bg_cartnote_left.png) no-repeat left top;
	height: 30px;
	width: 14px;
}

.cart_note_center {
	background: url(../../img/bg_cartnote_center.png) repeat-x left top;
	height: 30px;
	vertical-align: top;
	padding: 6px 5px 0px 5px;
}

.cart_note_center a {
	color: #ffffff;
	font-weight: bold;
	text-transform: uppercase;	
	display: block;	
}

.cart_note_right {
	background: url(../../img/bg_cartnote_right.png) no-repeat left top;
	height: 30px;
	width: 14px;
}
.interactielink {
	text-align: right;
	margin-top: 10px;
}

.interactielink a{
	background: url(http://www.interactie.nl/img/lg_i.gif) no-repeat 0px 2px;
	padding: 0px 0px 0px 15px;
	color: #ffffff;
}

/* Afstandsberekening */
.btnBereken {
	background: url(../../img/bg_button_blue_101.png) no-repeat left top;
	width: 101px;
	height: 26px;
	color: #f7ffff;
	display: inline-block;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	padding: 4px 0px 0px 0px;
	text-align: center;
	margin: 0px 0px 0px 10px;
}

.zipcode-field {
	border:1px solid #2D2D2D;
	padding:1px;
	width:65px;
}