/*#######################################################*/
/*                     reset HTML-elementen              */
/*#######################################################*/
html,
body,
img,
a,
div,
span,
hr,
p,
ul,
ol,
li,
h1,
h2,
h3,
h4,
table,
tr,
th,
td,
form,
fieldset,
label,
object,
embed,
param,
script,
noscript
	{
	margin: 0;
	padding: 0;
	border: 0;
	outline: none;
	}
	
a,
a img,
a:hover img
	{
	text-decoration: none;
	}
	
a:hover
	{
	text-decoration: underline;
	}	

input:focus,
a:focus,
a:active
	{
	outline: none;
	-moz-outline-style: none;
	}



/*#######################################################*/
/*                     floats                            */
/*#######################################################*/
.clear
	{
	margin: 0 0 -1px 0;
	padding: 0;
	clear: both;
	height: 1px;
	font-size: 1px;
	line-height: 1px;
	}

	
/*#######################################################*/
/*                     show/hide                         */
/*#######################################################*/
.show
	{
	display: block;
	visibility: visible;
	}

.hide
	{
	display: none;
	visibility: hidden;
	}

.gedimd
	{
	opacity: 0.2;
	filter:alpha(opacity=20);
	}
	
/*#######################################################*/
/*                     tinymce                           */
/*#######################################################*/
.byline_oranje
	{
	color: #E9690C;
	font-size: 11px;
	}
	
.byline_grijs
	{
	font-size: 11px;
	}

.plaatje-links {
	display: block;
	float: left;
	margin: 5px 10px 5px 0;
	}

.plaatje-rechts {
	display: block;
	float: right;
	clear: left;
	margin: 5px 0 5px 10px;
	}

.plaatje-midden {
	display: block;
	text-align: center;
	margin: 10px auto;
	clear: both;
	}
	

/*#######################################################*/
/*                     basis                             */
/*#######################################################*/	
html
	{
	background: url(../beeld/bg_html.gif) 0 0 repeat-x;
	}

body
	{
	background: url(../beeld/bg_body_full.gif) top center no-repeat;
	font-family: "Lucida Grande",Verdana,sans-serif;
	font-size: 12px;
	line-height: 150%;
	text-align: center;
	}

#container
	{
	margin: 0 auto;
	text-align: left;
	width: 934px;
	position: relative;
	}
	
/*#######################################################*/
/*                     Winkelmandje                      */
/*#######################################################*/		
#winkelmandje {
	top: 45px;
	right: 5px; 
	position: absolute;
}

.BasketTitle {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	color: #474747;
}

.BasketText {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	text-decoration: none;
	font-size: 12px;
	color: #474747;
}

.NameTitle {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
	color: #F29200;
}

.columnTitle {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	color: #F29200;
}

.articlePrice {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 12px;
	color: #474747;
}

.amountField {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #F29200;
	font-size: 12px;
	background-color: #FFF3C2;
	text-decoration: none;
	border: solid #F29200 1px;
	text-align: right;
	width: 60px;
}

.basketRemark {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	text-decoration: none;
	text-align: left;
	font-size: 9px;
}	

a.basketLink { 
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  color: #0000A0;
  font-size: 12px;
  text-decoration: underline;
}

a.basketLink:hover { 
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  color: #F29200;
  font-size: 12px;
  text-decoration: underline;
}

.basketcheckbox {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	font-size: 12px;
	background-color: #FFFFFF;
	text-decoration: none;
	width: 15px;
	height: 10px;
}

/*#######################################################*/
/*                Wachtwoord wijzigen                    */
/*#######################################################*/		

.wachtwoordveld	{
	width: 120px;
	height: 16px;
	line-height: 16px;
	margin: 3px 0 0 0;
	border: 1px solid #F29300;
	background: #F8F4EE;
}

.wachtwoordfout {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	color: #FF0000;
}

.pwd_submit	{
	width: 100px;
	height: 22px;
	line-height: 16px;
	margin: 3px 0 0 5px;
	border: 1px solid #000;
	background: #F29300; 
	cursor: pointer;
}
	
.pwd_submit:hover {
	border: 2px solid #000;
}

.pwd_cancel	{
	width: 100px;
	height: 22px;
	line-height: 16px;
	margin: 3px 0 0 5px;
	border: 1px solid #888888;
	background: #F29300; 
	cursor: pointer;
}
	
.pwd_cancel:hover {
	border: 1px solid #000;
}


/*#######################################################*/
/*                     header                            */
/*#######################################################*/		
#header
	{
	position: relative;
	width: 930px;
	height: 120px;
	border-bottom: 1px solid #fff;
	}

a#home
	{
  	position: absolute;
	width: 390px;
	height: 120px;
	text-indent: -9000px;
	cursor: pointer;
	background: url(../beeld/bg_logo.gif) 0 -13px no-repeat;
	}

a#home:hover
	{	
	background-position: 0 -143px;
	}


/*#######################################################*/
/*                     hoofdnavigatie                    */
/*#######################################################*/	
ul#hoofdnavigatie
	{
	background: url(../beeld/bg_hoofdnavigatie4.png) 0 0 no-repeat;
	width: 934px;
	list-style-type: none;
	}

ul#hoofdnavigatie li
	{
	display: inline;
	}
	
ul#hoofdnavigatie li a
	{
	float: left;
	display: block;
	height: 25px;
	line-height: 25px;
	margin: 0 -15px 0 37px;
	font-family: Arial,sans-serif;
	font-size: 14px;
	color: #666;
	text-decoration: none;
	}

ul#hoofdnavigatie li a.actief
	{
	color: #000;
	}


ul#hoofdnavigatie li a.zoeken,
ul#hoofdnavigatie li a:hover
	{
	color: #EB690B;
	}


/*#######################################################*/
/*                     content                           */
/*#######################################################*/	
#content
	{
	background: url(../beeld/bg_content.png) 0 0 repeat-y;
	width: 934px;
	}


/*#######################################################*/
/*                     fotostreamer                      */
/*#######################################################*/	
#fotostreamer
	{
	position: relative;
	height: 260px;
	width: 930px;
	}
	
#visual
	{
	position: absolute;
	left: 4px;
	top: 0;
	z-index: 1;
	}	

#streamer
	{
	position: absolute;
	left: 37px;
	bottom: 5px;
	z-index: 2;
	}		
	

/*#######################################################*/
/*                     subnavigatie                      */
/*#######################################################*/	
ul#subnavigatie
	{
	width: 934px;
	list-style-type: none;
	}

ul#subnavigatie li
	{
	display: inline;
	}
	
ul#subnavigatie li a
	{
	float: left;
	display: block;
	height: 36px;
	line-height: 36px;
	margin: 0 -25px 0 37px;
	font-family: Arial,sans-serif;
	font-size: 12px;
	color: #E9690C;
	text-decoration: none;
	}

ul#subnavigatie li a:hover
	{
	color: #000;
	}


/*#######################################################*/
/*                     nieuwscontainer                   */
/*#######################################################*/	
#nieuwscontainer
	{
	margin: 30px 0 40px 37px;
	}
	
#videocontainer
	{
	float: left;
	width: 360px;
	}
	
#nieuws
	{
	float: left;
	width: 510px;
	position: relative;
	}
	
#nieuwsheader	
	{
	margin: 0 0 10px 10px;
	float: left;
	}
	
/* hover-effect nieuwstitems */
ul#nieuwsitems
	{
	width: 380px;
	list-style-type: none;
	padding: 0 0 5px 0;
	float: right;
	}
	
ul#nieuwsitems li
	{
	padding: 0 0 2px 0;
	}

ul#nieuwsitems li a
	{
	display: block;
	padding: 5px 10px;
	text-decoration: none;
	font-size: 12px;
	line-height: 140%;
	color: #666;
	}

ul#nieuwsitems li a span /* <span> oogt als kopje */
	{
	display: block;
	font-style: normal;
	font-weight: bold;
	color: #4D4D4D;
	}
	
ul#nieuwsitems li a em.verder 	/* <em> oogt als linkje */
	{
	display: inline;
	font-style: normal;
	font-size: 16px;
	font-weight: bold;
	color: #E9690C;
	margin: -3px 0 0 0;
	}

ul#nieuwsitems li a:hover,
ul#nieuwsitems li a.actief
	{
	background: #fcfcfc;
	}
	

/*#######################################################*/
/*                     merken                            */
/*#######################################################*/	
#merken
 	{
 	height: 40px;
 	line-height: 40px;
 	padding: 0 40px;
 	color: #E9690C;
 	font-weight: bold;
 	}
 	
#merken a
 	{	
	color: #E9690C;
	text-decoration: underline;
	}
	
#merken a:hover
 	{	
	color: #000;
	}
	
	
/*#######################################################*/
/*                     aanbiedingen                      */
/*#######################################################*/	
ul#aanbiedingen
	{
	background: #fcfcfc;
	width: 926px;
	height: 104px;
	margin: 0 0 0 4px;
	padding: 0;
	list-style-type: none;
	}

ul#aanbiedingen li
	{
	display: inline;
	}
	
ul#aanbiedingen li a
	{
	float: left;
	display: block;
	margin: 13px 0 0 37px;
	opacity: 0.7;
	filter:alpha(opacity=70);
	}

	
/*#######################################################*/
/*                     footer                            */
/*#######################################################*/		
#footer
	{
	background: url(../beeld/bg_footer.png) 0 0 no-repeat;
	width: 934px;
	height: 34px;
	color: #666;
	text-align: center;
	line-height: 34px;
	font-size: 9px;
	}