﻿/* Global Styles */

body {
	color: #990000;
	margin:0px;
	scrollbar-3dlight-color: #F96F93;
	scrollbar-arrow-color: #F9CC8F;
	scrollbar-darkshadow-color: #9F0C04;
	scrollbar-face-color: #9F0C04;
	scrollbar-highlight-color: #F9CC8F;
	scrollbar-shadow-color: #9F0C04;
	scrollbar-track-color: #F9CC8F;

	}
	
div.myspace-scroll-box {
height:360px;
width:740px;
color: #9F0C04;
overflow:auto;
}	
td {
	font:10px Arial, Helvetica, sans-serif;
	}
	
a {	
	color: #9F0C04;
	text-decoration: none;
	}
	
a:hover {
	text-decoration: none;
	}

/* ID Styles */

#navSideMenu a {
	font: bold small-caps normal 10px/normal , 10px, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	letter-spacing:0.1em;
	text-transform: uppercase;
	vertical-align: midden;
	text-transform: uppercase;
	display:block;
}
#navSideMenu a:hover {
	font: small-caps normal 10px/normal , 10px, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	letter-spacing:0.1em;
	text-transform: uppercase;
	vertical-align: midden;
	text-transform: uppercase;
	font-weight: bold;
}
#navSideMenu td {
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	text-transform: uppercase;
	color: #FFFFFF;
	text-decoration: none;
	}
	
#navigation td {
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	text-transform: uppercase;
	color: #FFFFFF;
	text-decoration: none;
	
	}

#navigation a {
	font:11px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	letter-spacing:.1em;
	text-decoration: none;
	}
	
#navigation a:hover {
	color:#FFFFFF;
	text-transform: uppercase;
	font-weight:bold;
	text-decoration: none;
	/*background: url("../../../VanRoessel_New/picts/mm_bullet_yellow.gif") 10px 50% no-repeat;*/
	}
	
#navheader {
	font:bold 24px/30px Arial, Helvetica, sans-serif;
	color: #990000;
	letter-spacing:0.4em;
	padding:10px;
	background-attachment: fixed;
	background-color: #CC9933;
	background-repeat: repeat;
	background-position: center center;
	white-space: normal;
	display: block;
	clear: none;
	float: left;
	}
	
#logo 	{
	font:14px Arial, Helvetica, sans-serif;
	color: #FF9900;
	letter-spacing:.5em;
	line-height:30px;
	}

#tagline 	{	
	font:11px Arial, Helvetica, sans-serif;
	color: #FF9900;
	letter-spacing:.2em;
	line-height:14px;
	}
	
#monthformat td {
	 border-bottom: 1px solid #FFFFCC;
	 }
	 
#dateformat {
	font:11px Arial, Helvetica, sans-serif;
	color: #FFFF00;
	letter-spacing:.4em;
	}
	
#dateformat a {
	font: 11px Arial, Helvetica, sans-serif;
	color: #FFFF00;
	letter-spacing:.1em;
	text-decoration: none;
	}
	
#dateformat a:hover {
	color: #FFFFCC;
	}

/* Class Styles */
.button3{
	font-family:10px/px Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#OOOOOO;
	
	
}
.bodyText {
	font:11px Arial, Helvetica, sans-serif;
	color:#FFFF00;
	line-height:22px;
	margin-top:0px;
	letter-spacing:.1em;
	display:inline-block;
	}
	
.pageName{
	font:18px Arial, Helvetica, sans-serif;
	color: #FFFF00;
	line-height:24px;
	letter-spacing:.3em;
	}
	
.columnHeader {
	font: 11px Arial, Helvetica, sans-serif;
	color: #FF080E;
	line-height:18px;
	letter-spacing:.05em;
	}

.subHeader a {	
	color: #FFFFFF;
}
.subHeader a:hover {	
	color: #FFFFFF;
		letter-spacing: 0em;
		text-transform: bolder;
}
.subHeader {
	font:bold 11px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	letter-spacing:.1em;
	background-color: #9F0C04;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-right-color: #000000;
	border-bottom-color: #000000;
	}

.smallText {
	font:10px Arial, Helvetica, sans-serif;
	color:#333333;
	}
	
.navText {
	font:11px Arial, Times New Roman, Times, serif;
	color: #1F2669;
	line-height:16px;
	letter-spacing:.1em;
	text-decoration: none;
	}

.navMenu {
	font:normal 10px Arial, Helvetica, sans-serif;
	color: #9F0C04;
	letter-spacing:0.1em;
	text-transform: uppercase;
	vertical-align: midden;
	border-top: solid 1px #9F0C04;
	border-bottom: solid 1px #9F0C04;
		
}
.navSideMenu {
	font: bold small-caps normal 10px/normal , 10px, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	line-height: 16px;
	letter-spacing:0.1em;
	text-transform: uppercase;
	vertical-align: midden;
	text-transform: uppercase;
	border-bottom: solid 1px #FFFFFF;
	display:block;
}

.navSubMenu {
	font:normal 10px Arial, Helvetica, sans-serif;
	color: #9F0C04;
	letter-spacing:0.1em;
	text-transform: uppercase;
	vertical-align: midden;
	border-bottom: solid 1px #9F0C04;
}
.Bodytext {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: 16px;
	color: #9F0C04;
	
}
.BodyTextBlack {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: 16px;
	color: #000000;
	font-variant: normal;
}
.Prijs {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	line-height: 16px;
	font-weight: bolder;
	color: #FFFFFF;
}
.navigation {
	font:10px/16px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-transform: uppercase;
	letter-spacing:0.1em;
	vertical-align:middle;
	display:inline-block;
	/*border-top: 1px solid #FFFFFF;*/
	border-bottom: 1px solid #FFFFFF;
	width: 160px;
	/*background-position: 5px;	*/
	}
	
.navigation2 {
	font:10px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-transform: uppercase;
	letter-spacing:0.1em;
	text-decoration: none;
	display:block;
	text-align: left;
	vertical-align: midden;
	top: 0px;
	width: 160px;
	background-position: 5px;	
	}
.Bodytext2 {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	line-height: 16px;
	font-weight: bolder;
	color: #9F0C04;
	font-variant: normal;
}
.Bodytext1 {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 20px;
	color: #9F0C04;
	font-variant: normal;
}
.Bodytext3 {
	font-family:  Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 11px;
	font-style: normal;
	line-height: 20px;
	color: #FFFFFF;
	font-variant: normal;
}
.Bodytext4 {
	font-family:  Arial, Helvetica, sans-serif;
	color: #9F0C04;
	font-size: 11px;
	font-style: normal;
	line-height: 16px;
	color: #9F0C04;
}
.BodytextWhite {
	font-family:12px/16px  Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight:bold;
	text-shadow:inherit ;
}
.topmenu {
	color: #FF0000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.recept{
	color: #FF0000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border-top: 2px solid #9F0C04;
	border-left: 2px solid #9F0C04;
	border-right: 2px solid #9F0C04;
	border-bottom: 2px solid #9F0C04;
	background-color:#9F0C04;
}
.button {  
	background: #9F0C04; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt; 
	font-weight: bold; 
	color: #FCFBF3;
	border-top: 0px; 
	border-left: 0px; 
	border-right: solid 1px #003366;
	border-bottom: solid 1px #003366;
	margin: 0px;
}
.field {  
	background: #FCFBF3; 
	font-family: verdana; 
	font-size: 8pt; 
	font-weight: normal; 
	color: #000000;
	border-top: 0px; 
	border-left: 0px;
	border-bottom: solid 1px #9F0C04;
	border-right: solid 1px #9F0C04;
	line-height: 10pt;
}
.field2 {  
	background: #FCFBF3; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt; 
	font-weight: normal; 
	color: #000000;
	border-top: 0px; 
	border-left: 0px;
	border-bottom: 0px;
	border-right: 0px;
	line-height: 14pt;
	background-color:#FFFFFF;
}


/* Styles PZSHOP */

img {

	border: none;
}
.tabelhoofd 
{
	font-weight: bold;
	background-color: #9F0C04;
	color: white;
}
.tabelhoofd A, .tabelhoofd A:hover
{
	color: white;
	font-weight: normal;
}
.tabel th, tabel TH
{
	font-weight: bold;
	background-color: #9F0C04;
	color: white;
}

.tabel td
{
	border-bottom: 1px #9F0C04 solid;
}

.tabelrij
{
	border-bottom: 1px #9F0C04 solid;
}
.tabel
{
	width: 100%;	
}
.ArtikelInfo
{
	width: 100%;
	border-bottom: 1px #9F0C04 solid;

}
.ArtikelPlaatje
{
	border: 2px dotted #9F0C04;
	background-color: white;
	text-align: center;
	width:100px;
	height: 100px;
}
.ArtikelNaam
{
	font-weight: bold;
	background-color: #9F0C04;
	width: 85%;
	color: white;
	
	}
.ArtikelOmschrijving
{
	vertical-align: top;
	height: 90px;
	width: 99%;
}
.ArtikelPrijs
{
	text-align: center;
	font-weight: bold;
	font-size: 20px;
}
.ArtikelNaamDetail
{
	font-weight: bold;
	font-size: 20px;
	
}
.ArtikelPrijsDetail
{
	font-weight: bold;
	font-size: 30px;
}
.ArtikelDetails, .ArtikelDetails a
{
	text-align: center;
	background-color: #9F0C04;
	color: white;


}
.ArtikelBestel
{
	text-align: right;
}
input, select { 
    background-image: url(../images/inputbg.jpg); 
    background-repeat: repeat-x; 
    background-color : #DADCDB; 
    border-top: #DBDBDB 1px solid;  
    border-bottom: #989A99 1px solid;  
    border-left: #DBDBDB 1px solid;  
    border-right: #989A99 1px solid; 
    color: #000000; 
    font-size: 12px; 
} 
.categorie
{
	text-align: left;
	width: 90%;
}
.categorie TD
{
}
.ProgrammaPrijs
{
	font-weight: bold;
	font-family: arial;
	font-size: 18px;
}
.VanPrijs
{
	text-decoration: line-through;
}
.Bestellingwizard
{
	text-align: center;
	font-size: 11px;
	color: #9F0C04;

}

.BestelingwizardActief
{
	color: black;
	font-weight: bold;
}
.Ervaring
{
	border-bottom: 1px dotted #CCCCCC;
	width: 95%;
}
.h1 {
	font-size: 18px;
	font-weight:bold;
	
}
.h2 {
	font-size: 14px;
	color:#9F0C04;
	font-weight:bold;
}
A.h2:a {
	font-size: 14px;
	color:#9F0C04;
	font-weight:bold;
}
.h4 {
	padding-bottom: 20px;
	float:inherit;
}
.h5 {
	padding-right: 10px;
	float:left;

}
.h6 {
	padding-left: 10px;
	float:right;

}
#d1 { 
width: 400px; 
padding-left:30px;
}
#d2 { 
width: 600px; 
padding-left:30px;
}


