/*html en pagina*/
html, body{
	height:100%;
}
body{
	margin: 0px;
	padding: 0px 5px 5px 5px;
	font-size: 11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	background-color:#FF9900;
}
/*h1 t/m h6*/
h1{
	font-size: 2.2em;
}
h2{
	font-size: 1.8em;
}
h3{
	display:block;
	background-color:#003366;
	color:#FF9966;
	font-size: 1.3em;
	padding: 1px 0px 1px 5px;
	text-align:left;
	border: 1px solid;
	border-color: #444 #CCC #CCC #444;
}
h3.index{
	width: 50%;
}
h4{
	display:block;
	background-color:#993300;
	color:#FFFFFF;
	font-size:1em;
	font-weight:bold;
	padding: 1px 0px 1px 5px;
	text-align:left;
	width:50%;
	border: 1px solid;
	border-color: #444 #CCC #CCC #444;
}
hr{
	color:#003366;
	text-align:center;
	width:50%;
}
table{
	width: 55%;
	background-color: #F0E68C;
	border: 1px solid #000;
}
table.zonder{
	width: 55%;
	background-color: transparent;
	border: none;
}
td.euro, td.prijzig{
	text-align: right;
	font-weight: bold;
}
/*de header van de pagina*/
#masthead{
	padding: 0;
	background-color: #A6C5DA;
	background-image: url(../images/header.jpg);
	background-position:left;
	background-repeat: no-repeat;
	height: 90px;
}
/*de wrappers*/
#kolom_rechts {
    margin: 0;
    padding: 0;
    background-color: #ff9900;
    background-image: url(../images/bgffcc66.gif);	
    background-position: right;
    background-repeat: repeat-y;
    width: 100%;
}
#menu_rechts{
	float: right;
	width: 190px;
/*	margin-top:20px;*/
	padding: 20px 5px 5px 5px;
}
#wink{
	width: 80%;
	border-top: 1px solid #003366;
	border-bottom: 1px solid #003366;
	text-align: center;
}
#wink a{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #003366;
	text-decoration: none;
}
#winkpl{
	width: 80%;
	text-align: center;
}
#wink a:hover{
	color: #FF9900;
}
#kolom_links {
    margin:0px;
    padding: 0px;
    background-image: url(../images/bg003366.gif);
    background-repeat: repeat-y;
    width: 100%;
}
/*kolommen links en rechts*/
#menu_links {
	float: left;
	width: 200px;
	min-height: 475px;
	height: auto !important;
	height:475px;
	margin-top: 20px;	
	padding: 5px 0px 0px 0px;
	color: white; /* witte tekst op blauwe achtergrond */
}
/*menu links*/
#menu_links ul{
	margin:0.2em 0 0 2em;
	padding: 0.2em;
	list-style-type: none;
	border: none;
}
/*de verschillende gedaantes van het menu*/
#menu_links li a {
	display: block;
	font-size: 10px;
	text-decoration: none;	
	width: 75%;
	padding: 5px 5px 5px 0.5em;
	background-color: transparent;
	color: #FFFFF0;
}
#menu_links li a:hover{
	background-color: #3366CC;
}
#menu_links li a.actief{
	border: 1px solid #FF6600;
	font-weight: bold;
	color: #FF6600;
}
#menu_links input{
	width: 75%;
	font-size: 10px;
	height: 12px;
	margin-left: 2em;
	margin-bottom: 5px;
}
#menu_links label{
	font-size: 10px;
	width: 75%;
	margin-left: 2em;
	margin-bottom: 5px;
}
#menu_links select{
	width: 75%;
	font-size: 10px;
	height: 14px;
	margin-left: 2em;
	margin-bottom: 5px;
}
#menu_links .knop{
	width: 30%;
	height: 23px;
}

/*de inhoud van de pagina*/
#inhoud{
	margin: 0px 210px 0px 210px;
	height: 100%;
	border: 1px solid #f90;
}
img{
	margin: 0 5px;
	border: 1.5px solid;
	border-color: #444 #CCC #CCC #444;
}
.imglinks{
	float: left;
}
.imgrechts{
	float: right;
}
/*de voet van elke pagina*/
#footer{
	clear: both;
	color: #333;
	font-size: 10px;
	text-align: center;
	border-top: 1px solid black;
	margin-top: 0px;
}
#copyr{
	color:#333;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
}
#copyr a{
	color: #333;
	font-size: 10px;
	text-decoration: none;
}
#copyr a:hover{
	color: #FFFFE0;
}
/*truc om alle kolommen tot aan de footer door te laten lopen*/
.clear {
	margin: 0;
   padding: 0;
   clear: both;
   display: block;
   height: 1px;
   overflow: hidden;
}
.artikel{
	min-height: 150px;
	height: auto !important;
	height:150px;
   }
.artikel img{
	float: left;
}
.artikel ul{
	margin-left: 180px;
}
.artikelre{
	min-height: 150px;
	height: auto !important;
	height:150px;
}
.artikelre img{
	float: right;
}
.exind{
	min-height: 150px;
	height: auto !important;
	height:150px;
}
.exind img{
	float: left;
}
.w25px{
	width: 25px;
}
.w20px{
	width: 20px;
}
.w215px{
	width: 215px;
}
.w300px{
	width: 300px;
}
/*links naar de meer....*/
.meerlnk a:link{
	font-size:0.8em;
	color:#003366;
	font-style:italic;
}
.meerlnk a:visited{
	font-size:0.8em;
	color:#003366;
	font-style:italic;
}
.meerlnk a:hover {
	font-size:0.8em;
	color: #fff;
	font-style:italic;
}
.meerlnk_links a:link{
	font-size:0.8em;
	color:#fff;
	font-style:italic;
}
.meerlnk_links a:visited{
	font-size:0.8em;
	color:#fff;
	font-style:italic;
}
.meerlnk_links a:hover {
	font-size:0.8em;
	color: #ff9900;
	font-style:italic;
}
.teruglnk a:link{
	font-size:0.8em;
	color:#003366;
	font-style:italic;
}
.teruglnk a:visited{
	font-size:0.8em;
	color:#003366;
	font-style:italic;
}
.teruglnk a:hover {
	font-size:0.8em;
	color: #fff;
	font-style:italic;
}
#weer{
	text-align:center;
	width: 100%;
}

/*div's voor de kolom inhoud*/
#topper{
	height:20px;
	text-align:center;
}

/*de normale links in teksten etc*/
	a:link{
		color: #FFCC66;
		font-weight:bold;
		background-color: transparent;
		text-decoration: none;
	}
	a:visited{
		color: #FFCC66;
		font-weight:bold;
		background-color: transparent;
		text-decoration: none;
	}
	a:hover{
		color: #666600;
		font-weight:bold;
		background-color: transparent;
		text-decoration: none;
}
/*class om iets snel te centreren, links of rechts uit te lijnen*/
.centrum{
	text-align:center;
}
.rechts{
	text-align:right;
}
.links{
	text-align: left;
}
.onder{
	z-index:100;
	text-align:center
}
/*doorgehaalde tekst*/
.doorgeh{
	display:inline;
	text-decoration: line-through;
	font-weight:bold;	
}
.dik{
	font-weight: bold;
}
/*prijzen*/
.prijs{
	font-style: italic;
	font-weight: bold;
	text-align: right;
}
td{
	vertical-align: top;
}
td.prijsje{
	text-align: right;
}
td.up{
	border-top: 1px solid #ff9900;
	text-align: right;
}
td.TotGen{
	border-top: 1px solid #ff9900;
	border-bottom: 1px double #ff9900;
	text-align: right;
	font-weight: bold;	
}
table.winkel{
	width: 80%;
	background-color: #8CC7F0;
}
table.winkel th{
	text-align: left;
}
table.winkel th.prijsje{
	text-align: right;
}
table.winkel td.aantal{
	text-align: right;
	width: 5%;
}
table.winkel td.art{
 	width: 40%;
 }
 table.winkel td.edit{
 	text-align: right;
 }
  
/*formulieren*/
#divform{
	text-align:center;
}
fieldset{	
	display:block;
	text-align:left;
	width: 70%;
	margin:0 0 1.5em 0;
	padding:1em 0 1em 1em;
}
legend{
	color:#333;
	font-weight:bold;
}
label{
	display:block;
	text-align:left;
	margin-top:1em;
	font-weight:bold;
}
input{
	display:block;
	width:18em;
}
/*bestelaantal*/
input.baantal{
	display: inline;
	width: 12px;
}
input.pc{
	width: 5em;
}
input.telef{
	width: 6em;
}
.paypal{
	width: 150px;
	height: 148px;
}
/*De bestelknop*/
.knop{
	display: inline;
	width: 70px;
	height: 2em;
	font-size: 12px;
}
#Bestelling{
	font-family:Arial, Helvetica, sans-serif;
	width:18em;
}
#Postcode{
	width:7em;	
}
#Telefoon{
	width:7em;
}
.opsbestel li{
	list-style: square;
	padding-top: 1em;
}
table.bestellen{
	background-color: #FF9900;
	border: none;
	width: 70%;
}
table.bestellen td{
	padding: 2px;
	vertical-align: top;
	text-align: left;
}
table.bestellen th{
	font-weight: normal;
	padding: 2px;
	text-align: left;
}
/*enkel artikel*/
table.bestellen2{
	background-color: #FF9900;
	border: none;
	width: 30%;
}
table.bestellen2 td{
	padding: 2px;
	vertical-align: top;
	text-align: left;
}
table.bestellen2 th{
	font-weight: normal;
	padding: 2px;
	text-align: left;
}
table.bestellen select{
	width: 20em;
}
#kassa{
	width: 95%;
	/*background-color: #003366;*/
	color: #fffff0;
}
table.kassa{
	background-color: #003366;
	border: 1px solid #fffff0;
	width: 100%;
}