H1{color:#C200A8; font-size:18pt;}
H2{color:#C200A8; font-size:15pt;}
H3{color:#C200A8; font-size:12pt;}
H4{color:#C200A8; font-size:11pt; margin-bottom:2px;}
body { font:10pt arial; color:#FF70EB; background-color:black; }

a.stand:link { color: yellow; text-decoration:none; }
a.stand:visited { color: #BD00A4; text-decoration:none; } // more dark purple
a.stand:active { color: yellow; }
a.stand:hover { color: #FF70EB; } // purple like body text

a:link { color: yellow; text-decoration:none; }
a:visited { color: #BD00A4; text-decoration:none; } // more dark purple
a:active { color: yellow; }
a:hover { color: #FF70EB; } // purple like body text

a.faq:link { color:yellow; text-decoration:none; }  /* for unvisited links */
a.faq:visited { color: yellow; text-decoration:none; } /* for visited links */
a.faq:active { color: yellow; } /* when link is clicked */
a.faq:hover { color: #FF70EB; } /* when mouse is over link */

table.add {background-color:#070707; width:120; border: outset 1pt; border-spacing: 1pt; font-size:12; color:#FAFF9B}
h1.add {color:#FF70EB; font-size:14; text-decoration: underline}
p.add {font-family:verdana}
a.add {color:#008000; font-size:10}

table.contact { color:black; background-color:#FFE5F9 }


A.tabel:link 	{ text-decoration: none; color: black;}
A.tabel:visited { text-decoration: none; }
A.tabel:active 	{ text-decoration: none;}
A.tabel:hover 	{ text-decoration: underline; color: #FF70EB;}

A.tabel_sel:link 	{ text-decoration: none; color: #FF70EB;}
A.tabel_sel:visited 	{ text-decoration: none; color: #FF70EB;}
A.tabel_sel:active 	{ text-decoration: none; color: #FF70EB;}
A.tabel_sel:hover 	{ text-decoration: underline; color: black;}

A.q_output:link 	{ text-decoration: none; font-size:9pt; color: yellow; }  
A.q_output:visited 	{ text-decoration: none; font-size:9pt; color: yellow; } 
A.q_output:active 	{ text-decoration: none; font-size:9pt; color: yellow; } 
A.q_output:hover 	{ text-decoration: underline; font-size:9pt; color: #FF70EB; } 

A.modest:link 		{ text-decoration: none; color: #FF70EB; }  
A.modest:visited 	{ text-decoration: none; color: #FF70EB; } 
A.modest:active 	{ text-decoration: none; color: #FF70EB; } 
A.modest:hover 		{ text-decoration: underline;  color: #FF70EB; } 

p.indented { padding-left:50pt; padding-right:50pt; }

td.avg{font-size:8pt}

table.fout {
	
	color:yellow;
	border-collapse:collapse;
	border:1px solid red; 
	font-style:arial; 
	font-size:12;
	float:center;
}

td.fout {padding:5pt;}

table.releaselist 
	{
	font-size:9pt;
	font-family:verdana;
	background-color:black
	}

table.menu      { border-collapse: separate; border: solid 1px #FF70EB; 
		font-size: 15px; text-align: center;
		margin-left: auto; margin-right: auto;
		border-spacing: 3pt; }



tr.menu        	{ background-color: #FFFFB3; }
td.menu 	{ width: 125px;}
td.cel     	{ border-right: solid 1px black; width: 125px;}


td.q_output		{ font-size:9pt; color: yellow;}

table.vertical_menu 	{ border-collapse: separate; border: solid 1px #FF70EB; 
			font-size: 18px; text-align: center;
			border-spacing: 8px 14px;
			width:99%;}
td.vertical_menu 	{ width: 125px; height:40px;}
td.vertical_cel		{ border: outset 2px #FF70EB; width: 125px; height:40px;}

			//border-bottom: solid 1px black; width: 125px; height:40px;}

p.month_rel 		{ text-align:right; font-size:10pt;}

input.mandje		{ border: solid 1px #FF70EB; font-size: 15px; 
			text-align: center; background-color: #FFFFB3; }

input.mandje_hov	{ color: #FF70EB; border: solid 1px black; }

input.search		{ border: outset 1px #C2C2C2; font-size: 15px; 
			text-align: center; background-color: #FF70EB; color: yellow;}

input.search_hov	{ border: inset 1px #C2C2C2; }

tr.rij:hover {background-color:#3D3D3D;}

/* begin css tabs */

ul#tabnav { /* general settings */
	text-align: right;
	margin: 1em 0 1em 0; /* set margins as desired */
	font: 10px arial; /* set font as desired */
	border-bottom: 1px solid yellow; /* set border COLOR as desired */
	list-style-type: none;
	padding: 3px 10px 3px 10px; /* THIRD number must change with respect to padding-top (X) below */
	
}

ul#tabnav li { /* do not change */
	display: inline;
}

body#repair li.tab1, body#review li.tab2, body#read li.tab3, body#ask li.tab4, body#order li.tab5
{ /* settings for selected tab */
	border-bottom: 1px solid black; /* set border color to page background color */
	background-color: black; /* set background color to match above border color */
	
}

body#repair li.tab1 a, body#review li.tab2 a, body#read li.tab3 a, body#ask li.tab4 a, 
body#order li.tab5 a 
{ /* settings for selected tab link */
	background-color: black; /* set selected tab background color as desired */
	color: yellow; /* set selected tab link color as desired */
	position: relative;
	top: 1px;
	padding-top: 6px; /* must change with respect to padding (X) above and below */
	font: bold 11px arial;
	cursor:default;
}

ul#tabnav li a { /* settings for all tab links */
	padding: 3px 8px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
	border: 1px solid yellow; /* set border COLOR as desired; usually matches border color specified in #tabnav */
	background-color: black; /* set unselected tab background color as desired */
	color: yellow; /* set unselected tab link color as desired */
	margin-right: 0px; /* set additional spacing between tabs as desired */
	text-decoration: none;
	border-bottom: none;
}

ul#tabnav a:hover { /* settings for hover effect */
	background-color: #3D3D3D; /* set desired hover color */
}

body#repair li.tab1 a:hover, body#review li.tab2 a:hover, body#read li.tab3 a:hover
, body#ask li.tab4 a:hover, body#order li.tab5 a:hover
 {
	background-color: black;
}



/* end css tabs */
div.cust_prop {
	margin:5px 20px;
	padding:10px;
	border:1px solid #C200A8;
	/* background:#969696; 
	color:#C200A8; */
	font: 10pt verdana;
}

a.tooltip, a.tooltip:active, a.tooltip:link 
{
	position:relative;
	color: yellow; 
	text-decoration:none;
}

a.tooltip span {
	display: none;
}

a.tooltip:hover span 
{
  display: block;
  position: absolute;
  top: 1em;
  left: 2em;
  /* border:1px solid black; */
  width:325px;
  background-color:#E0E0E0;
  color:#011A4D;
  padding:5px;
  z-index:99;
}

#regform input {
	width:175px;
}
#regform select {
	width:175px;
}
#regform input:focus {
	background-color:#FFF3CC;
}

#regform #check input {
	width:15px;
	margin-right:3px;
	display:block;
	padding:0;
	float:left;
	clear:both;
}

#regform #zipBox 
{
	position:relative;
	width:450px;
}

#regform #zipBox #zipFB
{
	width:250px;
	border:1px dotted yellow;
	position:absolute;
	visibility:hidden;
	right:1px;	
	top:1px;
}

#afrekenTabel table
{
  border-collapse:collapse;
  border:none;
  font:10pt arial;
}

#afrekenTabel th
{       
  padding-bottom:10px;
  text-align:left;
  font:10pt arial;
  font-weight:normal;
}

#afrekenTabel td
{       
  padding-right:5px;
  font:10pt arial;
}

#afrekenTabel input
{
  width:175px;
}

a.pageRev
{
  color:yellow;
  font:10pt arial;
  text-decoration:none;
}
a.pageRev:hover
{
  color:#FF70EB;
}

#fieldsetOrder
{
	padding:28px;
}
#fieldsetOrder legend
{
	color:#C200A8; 
	font-size:12pt;
}

/* CSS mode = ask */
#QA_Q { border-top:1px solid yellow; border-bottom:1px solid yellow; border-left:0px; border-right:0px; }
#QA_Q legend {margin-left:15px;}
#QA_Q #regform input { width:200px; }
#QA_Q #regform #checkP { width:300px; }
#QA_Q #regform #checkP #checkB { width:25px; }
#QA_Q #regform textarea { width:300px; height:150px; }
#QA_A { margin:5px; border-bottom:1px dotted yellow; }

/* end CSS mode = ask */

/* CSS mode = review 
writeReview is DIV voor formulier
waar klant beoordeling kan schrijven
--------------------------------------- */
#writeReview fieldset
{   
   margin:1em 0; padding:10px; border-top:1px solid yellow; border-bottom:1px solid yellow; border-left:none; border-right:none;
}
#writeReview legend { font-weight:bold; color:yellow; font-size:11pt;}
#writeReview #voorwaarden { border:1px solid yellow; margin:5px; padding:10px; }
#writeReview #voorwaarden p { font:9pt arial; margin-top:0px; padding-left:3px; }
#writeReview #voorwaarden b { font-weight:bold; color:yellow; font-size:9pt; }
#writeReview #gebruik, #writeReview #rapportCijfer { border-bottom:1px solid yellow; margin-bottom:2px; width:300px; }
#writeReview #Merk, #writeReview #Type { width:160px; }
#writeReview textarea { width:300px; height:125px; }
#writeReview #Naam { width:300px; }
#writeReview label { float:left; width:140px; margin:0; padding:0; }

#writeReview a:link { color: yellow; text-decoration:none; }
#writeReview a:visited { color: #BD00A4; text-decoration:none; } 
#writeReview a:active { color: yellow; }
#writeReview a:hover { color: #FF70EB; } 
/* END CSS mode = review */

/* -----------------------------------
Begin CSS leze reviews modeRead

viewReviews is DIV voor beoordeling
waar klant beoordeling(en) kan lezen

background-color: #3D3D3D = grijs

--------------------------------------- */
#readReviews #noneReviews { border-bottom:1px solid yellow; padding-bottom:5px; font:10pt arial;}
#readReviews .bodyReview {	font:9pt arial; width:450px; padding:5px; border-bottom:dotted 1px yellow;}
#readReviews .bodyReview .titelReview { font-weight:bold; font-size:11pt; color:yellow; margin-top:2px; }
#readReviews .bodyReview .reviewUse { font:9pt arial; } 
#readReviews .bodyReview .reviewText { font:9pt arial; width:425px; }
#readReviews #paginateReview { width:460px; background-color:#3D3D3D; height:25px; postion:relative; }
#readReviews #paginateReview #paginateLeft { float:left; background-color:#3D3D3D; width:70px; height:20px;	padding-top:4px; padding-left:1px; }
#readReviews #paginateReview #paginateCenter { text-align:left; width:300px; float:left; height:20px; }
#readReviews #paginateReview #paginateRight { float:right; background-color:#3D3D3D; width:70px; height:20px; padding-top:4px; padding-right:1px; }
#readReviews h3 { font-size:14px; margin-bottom:3px; padding:0; }
#readReviews h4 { font-size:12px; font-weight:bold; margin-bottom:1px; margin-top:1px; padding:0; }
#readReviews a:link { color: yellow; text-decoration:none; }
#readReviews a:visited { color: #BD00A4; text-decoration:none; }
#readReviews a:active { color: yellow; }
#readReviews a:hover { color: #FF70EB; } 
/* End CSS modeRead */ 

/* CSS verkeerde gebruiker mode = not_customer*/
#wrong_cust #inputSubmit { width:130px; color:orange;}
#wrong_cust #inputGoback { width:130px; color:green;}
#wrong_cust label { float:left; width:140px; margin:0; padding:0; }
#wrong_cust input:focus { background-color:#FFFFB3; }
/* END CSS verkeerde gebruiker */

.reviewFeedback { visibility:hidden; position:absolute; margin-left:270px; margin-top:-23px; font:8pt arial; display:block; width:150px; padding:3px; border:1px solid yellow; background-color:#3D3D3D; padding:5px; }

/* Tabel voor inschrijven releaselist */
table.inschrijven_rel_list {border-collapse:collapse; border:1px solid yellow; font:10pt arial;}
table.inschrijven_rel_list td {padding:5px;}


table.shopcart {font:10pt arial; border-collapse:collapse;}
.shopcart a:link { color: yellow; text-decoration:none; }
.shopcart a:visited { color: #BD00A4; text-decoration:none; } // more dark purple
.shopcart a:active { color: yellow; }
.shopcart a:hover { color: #FF70EB; } // purple like body text

.remove_from_cart { font:8pt arial; color: red; }
.cart_qty {border:none; width:40px; text-align:center; font:9pt arial; }

.shopcart td { padding:2px 5px; vertical-align:middle;}

.shopcart th { text-align:left; padding:2px 5px; }
.shopcart .subtot {border-top:1px solid; border-bottom:1px solid; margin:5px 5px;}
.plusmin {margin:0px 5px; font:12pt arial;}