/** styles.css voor vouwcard.nl **/
/** door: Omega Webdesign, www.omega-webdesign.nl **/

html, body {
	margin: 0px;
	padding: 0px;
	color: #222222;
	background-color: white;
	font-family: Arial;
	font-size: 91%;
	line-height: 1.6em;
	height: 100%;
}

a:link, a:visited { color: black; font-style:normal; }
a:hover { color: #4D269B; /*font-style:italic; color: #4D269B;*/ }

#wrapper {
	position: relative;
	background-color: #8D8D8D;
	background-image: url(../imgs/rouwcard/background_rouwcard.jpg);
	background-position: top center;
	background-repeat: repeat-x;
	margin: 0;
	min-height: 100%;
}

	#innerWrapper {
		position: relative;
		width: 960px;
		margin: 0 auto;
	}
	
		#header { position: relative; z-index: 15; }
		
			#headerTop {
				position: relative;
				background-image: url(../imgs/rouwcard/header_rouwcard.jpg);
				background-position: top left;
				background-repeat: no-repeat;
				height: 130px;
			}
			
				#headerTop #homel {
					display: block;
					border: solid 0px red;
					width: 375px;
					height: 130px;
				}
				
					#headerTop #homel img { border: none; }
			
				#headerTop #catButton {
					position: absolute;
					border: solid 0px red;
					top: 20px;
					left: 385px;
					width: 180px;
					height: 40px;
					cursor: pointer;
				}
				
				#headerTopTekst {
					position: absolute;
					right: 15px;
					bottom: 15px;
					width: 545px;
					height: 22px;
					color: #4D269B;
					font-size: 1.2em;
					font-style: italic;
					font-weight: bold;
					padding: 2px 0 0 10px;
					border-left: dotted 1px #B1ACB0;
				}
				
					#headerTopTekst span { 
						position: absolute; 
						right:0; 
						top:0; 
						color: #B1ACB0;
						font-style: normal;
						font-weight: normal;
					}
					
						#headerTopTekst span a:link, #headerTopTekst span a:visited { text-decoration: none; color: #B1ACB0; }
						#headerTopTekst span a:hover { color: #4D269B; text-decoration: underline; }
				
			#headerCatMenu {
				background-image: url(../imgs/header_cat_menu.png);
				background-position: top left;
				background-repeat: no-repeat;
				height: 80px;
			}
			
				#headerCatMenu ul { margin: 0 0 0 20px; padding: 10px 0 0 10px; width: 600px; }
				
					#headerCatMenu ul li {
						float: left;
						position: relative;
						font-size: 0.9em;
						list-style-type:none;
						background-image: url(../imgs/header_cat_arrow.png);
						background-position: center left;
						background-repeat: no-repeat;
						padding-left: 30px;
						line-height: 28px;
					}
					
						#headerCatMenu a {
							width: 120px;
							display: block;
							text-decoration: none;
						}
					
						#headerCatMenu a:link, #headerCatMenu a:visited { color: white; }
						#headerCatMenu a:hover { text-decoration: underline; }
			
			#headerImg {
				position: relative;
				background-image: url(../imgs/rouwcard/afb_vlinder.png);
				background-position: top left;
				background-repeat: no-repeat;
				height: 220px;
				z-index: 20;
			}
			
				#startNuButton {
					position: absolute;
					top: 60px;
					right: 20px;
					border: none;
					z-index: 100;
				}
			
		#main { 
			position: relative; 
			z-index: 0; 
			margin: 0;
			padding: 0;
		}
		
			#main #menu {
				position: relative;
				background-image: url(../imgs/algemeen/background_menu.png);
				background-position: top left;
				background-repeat: no-repeat;
				height: 57px;
				z-index: 10;
			}
			
				#main #menu ul { 
					margin: 0; 
					padding: 9px 0 0 15px;
				}
				
					#main #menu ul li {
						list-style-type: none;
						display: inline;
						position: relative;
					}
					
						#main #menu ul li img { border: none; }
			
			#main #content {
				position: relative;
				background-image: url(../imgs/algemeen/background_content.png);
				background-position: top left;
				background-repeat: repeat-y;
				min-height: 760px; /*500px;*/
				padding: 10px 20px 0 400px;
				margin: 0;
			}
			
			#main #contentkol {
				position: relative;
				background-image: url(../imgs/algemeen/background_content.png);
				background-position: top left;
				background-repeat: repeat-y;
				min-height: 500px;
				padding: 10px 20px 0 20px;
				margin: 0;
			}
			
				#main #content img#animatie { position: absolute; top: 10px; left: 10px; }
				#animatie { position: absolute; top: 10px; left: 10px; }
				
				#content h1, #contentkol h1 {
					margin: 0;
					padding: 1em 0 0.5em 0;
					color: #4D269B;
					font-size: 1.8em;
				}
				
				#content h2, #contentkol h2 {
					margin: 0;
					padding: 1em 0 0.5em 0;
					color: #4D269B;
					font-size: 1.4em;
				}
				
				#content h3, #contentkol h3 {
					margin: 0;
					padding: 1em 0 0.5em 0;
					color: #4D269B;
					font-size: 1.2em;
				}
				
				#content p, #contentkol p { margin: 0; padding-top: 0.5em; padding-bottom: 0.5em; }
				#content ol, #content ul, #contentkol ol, #contentkol ul { margin-top: 0; margin-bottom: 0; padding-top: 0.5em; padding-bottom: 0.5em; }
			
				/*#main #content a:link, #main #content a:visited { color: white; font-style:normal; }
				#main #content a:hover { font-style:italic;  } */
			
		#footer {
			position: relative;
			background-image: url(../imgs/algemeen/background_footer.png);
			background-position: top left;
			background-repeat: no-repeat;
			height: 57px;
			padding: 24px 20px 0 20px;
			margin: 0;
			color: white;
			font-size: 0.9em;
			text-align: right;
		}
		
			#footer span#addthis { float: left; margin-top: 3px; }
			#footer span#ideal { float: left; margin: -5px 0 0 10px;}
			#footer span#overig { position: absolute; left: 22px; top: 57px; font-size: 0.9em; }
				#footer span#overig a:link, #footer span#overig a:visited { color: white; text-decoration: none; margin-right: 20px; }
				#footer span#overig a:hover { text-decoration: underline; }

/* inloggen */
#inloggen form { margin: 0; padding: 0 0 1em 0; background-color: white; }

	#inloggen form div.veld {
		position: relative;
		background-color: #4D269B;
		padding: 20px;
		margin: 0px;
		width: 470px;
		color: white;
	}
		
		#inloggen #wwverg a:link, #inloggen #wwverg a:visited { color: blue; }
		#inloggen #wwverg a:hover { color: white; }
		
		#inloggen form div.veld .error {
			width: 470px;
			background-color: red; 
			color: white; 
			font-weight: bold; 
		}

	#inloggen a:link, #inloggen a:visited { color: white; font-style:normal; }
	#inloggen a:hover { font-style:italic;  } 
	
	#inloggen h3 { color: white; }
	
/* eof:: inloggen */

/* startnu */
#startnu form { margin: 0; padding: 0 0 1em 0; background-color: white; }

	#startnu form div.veld {
		position: relative;
		background-color: #4D269B;
		padding: 20px;
		margin: 0px;
		width: 470px;
		color: white;
	}
		
		#startnu #wwverg a:link, #startnu #wwverg a:visited { color: white; }
		#startnu #wwverg a:hover { color: white; }
		
		#startnu form div.veld .error {
			width: 470px;
			background-color: red; 
			color: white; 
			font-weight: bold; 
		}
	#startnu a:link, #startnu a:visited { color: white; font-style:normal; }
	#startnu a:hover { font-style:italic;  } 
		
	#startnu h3 { color: white; }
	
/* eof:: startnu */

/* wachtwoord vergeten */
#wwvergeten { margin: 0; padding: 0 0 1em 0; background-color: white; }

	#wwvergeten div.veld {
		position: relative;
		background-color: #4D269B;
		padding: 20px;
		margin: 0px;
		width: 470px;
		color: white;
	}

		#wwvergeten div.veld .error {
			width: 470px;
			background-color: red; 
			color: white; 
			font-weight: bold; 
		}
	#wwvergeten h3 { color: white; }
	
/* eof:: wachtwoord vergeten */
				
/* voor veelgestelde vragen pagina */
#faqlijst h3 { color: #222222; font-size: 1.2em; }

#faqlijst ul { list-style: none; margin: 0; padding: 0; }

#faqlijst li { 
	background-image: url(../imgs/algemeen/bullet_paars.gif);
	background-position: left top;
	background-repeat: no-repeat;
	padding-left: 30px;
	padding-bottom: 3px;
}
	
	#faqlijst li a {
		/*display: block;*/
		font-weight: bold;
		padding: 0px 0 0px 0;
		text-decoration: none;
	}
	
	#faqlijst li a:link, #faqlijst li a:visited { color: #222222; }
	#faqlijst li a:hover { color: #4D269B; }
	
	#faqlijst span.antw { display: block; padding-top: 10px; padding-bottom: 1.5em; }
/* eof:: veelgestelde vragen */

/* klantenservice */
#content #mailform, #contentkol #mailform { margin: 0; padding: 0; background-color: white; }
				
	#content #mailform fieldset, #contentkol #mailform fieldset {
		position: relative;
		background-color: #4D269B;
		padding: 0px;
		margin: 0px;
		color: white;
		/*border: solid 1px #CECC05;*/
		width: 370px;
	}
	
		#content #mailform fieldset #veldwrapper, #contentkol #mailform fieldset #veldwrapper { 
			position: relative; 
			margin: 20px; 
			padding: 0; 
		}
		
			#content #mailform fieldset #veldwrapper .rij, #content #mailform fieldset #veldwrapper .submrij, #contentkol #mailform fieldset #veldwrapper .rij, #contentkol #mailform fieldset #veldwrapper .submrij {
				padding: 2px 0;
			}
			
			#content #mailform fieldset #veldwrapper .submrij, #contentkol #mailform fieldset #veldwrapper .submrij {
				text-align: center;
			}
		
				#content #mailform fieldset #veldwrapper .rij .lkolom, #contentkol #mailform fieldset #veldwrapper .rij .lkolom { 
					float: left; 
					width: 122px;
					clear: left;
				}
				
				#content #mailform fieldset #veldwrapper .rij input.txt, #contentkol #mailform fieldset #veldwrapper .rij input.txt {
					width: 200px;
					height: 18px;
					margin: 0;
					padding: 0;
					/*border: solid 1px #CECC05;*/
				}
		
				#content #mailform div.error, #contentkol #mailform div.error { 
					width: 326px;
					background-color: red; 
					color: white; 
					font-weight: bold; 
				}
			
				#content #mailform textarea , #contentkol #mailform textarea  { width: 322px; /*border: solid 1px #CECC05;*/ }
/* eof:: klantenservice */

/* mijn card */
#mijncard {
	background-color: white;
	padding-bottom: 10px;
}
	#mijncard #makenewcard, #mijncard #contcard, #mijncard #bestbc, #mijncard #mygeg, #mijncard #wwwijzigen, #mijncard #uitl {
		background-color: #4D269B; /*#CECC05;*/
		margin-top: 10px;
	}
		#mijncard #makenewcard a, #mijncard #contcard a#titel, #mijncard #bestbc h3, #mijncard #mygeg a, #mijncard #wwwijzigen a, #mijncard #uitl a {
			display: block;
			padding: 10px;
			margin: 0;
			text-decoration: none;
			font-size: 1.2em;
			font-weight: bold;
		}
		
		#mijncard #makenewcard a:link, #mijncard #makenewcard a:visited, #mijncard #mygeg a:link, #mijncard #mygeg a:visited, 
			#mijncard #wwwijzigen a:link, #mijncard #wwwijzigen a:visited, #mijncard #uitl a:link, #mijncard #uitl a:visited,
			#mijncard #contcard a:link, #mijncard #contcard a:visited
			{ color: white; font-style:normal; }
		#mijncard #makenewcard a:hover, #mijncard #mygeg a:hover, #mijncard #uitl a:hover, #mijncard #wwwijzigen a:hover,
			#mijncard #contcard a:hover { font-style: italic; /*color: black;*/ }
		
		#mijncard #contcard, #mijncard #bestbc {
			padding-bottom: 20px;
			color: white;
		}
		
			#mijncard #bestbc .bestaande_card {
				margin: 20px 20px 0 20px;
				padding: 10px; 
				background-color: white;
				color: black;
			}
						
				#mijncard #bestbc .bestaande_card h4 {
					margin: 0;
					padding: 0;
					font-size: 1.1em;
				}
				
				#mijncard #bestbc .bestaande_card p {
					margin: 0;
					padding: 0;
				}
				
					#mijncard #bestbc .bestaande_card a:link, #mijncard #bestbc .bestaande_card a:visited { color: black; }
					#mijncard #bestbc .bestaande_card a:hover { color: #4D269B; }
		
			#mijncard #contcard p {
				padding-left: 10px;
			}
			
			#mijncard #contcard .bestaande_card {
				margin: 20px 20px 0 20px;
				padding: 10px; 
				background-color: white;
			}
			
				#mijncard #contcard .bestaande_card h4 {
					margin: 0;
					padding: 0;
					font-size: 1.1em;
				}
				
				#mijncard #contcard .bestaande_card p {
					margin: 0;
					padding: 0;
				}
	#mijncard h3 { color: white; }	
/* eof:: mijn card */

/* mijn gegevens */
	#mijngegevens { margin: 0; padding: 0; background-color: white; 	}
	
	#mijngegevens fieldset {
		position: relative;
		background-color: #4D269B; /*#CECC05;*/
		color: white;
		padding: 0px;
		margin: 0px;
		/*width: 370px;*/
	}
	
		#mijngegevens fieldset #veldwrapper { 
			position: relative; 
			margin: 20px; 
			padding: 0; 
		}

			#mijngegevens fieldset #veldwrapper .rij, #mijngegevens fieldset #veldwrapper .submrij {
				padding: 2px 0;
			}
			
			#mijngegevens fieldset #veldwrapper .submrij {
				text-align: center;
			}
		
				#mijngegevens fieldset #veldwrapper .rij .lkolom { 
					float: left; 
					width: 122px;
					clear: left;
				}
				
				#mijngegevens fieldset #veldwrapper .rij input.txt {
					width: 200px;
					height: 18px;
					margin: 0;
					padding: 0;
				}
		
				#mijngegevens div.error { 
					width: 326px;
					background-color: red; 
					color: white; 
					font-weight: bold; 
				}
	
/* eof:: mijn gegevens */
/* wachtwoordwijzigen */
	#wachtwoordwijzigen { margin: 0; padding: 0; background-color: white; 	}
	
	#wachtwoordwijzigen fieldset {
		position: relative;
		background-color: #4D269B; /*#CECC05;*/
		color: white;
		padding: 0px;
		margin: 0px;
		/*width: 370px;*/
	}
	
		#wachtwoordwijzigen fieldset #veldwrapper { 
			position: relative; 
			margin: 20px; 
			padding: 0; 
		}

			#wachtwoordwijzigen fieldset #veldwrapper .rij, #wachtwoordwijzigen fieldset #veldwrapper .submrij {
				padding: 2px 0;
			}
			
			#wachtwoordwijzigen fieldset #veldwrapper .submrij {
				text-align: center;
			}
		
				#wachtwoordwijzigen fieldset #veldwrapper .rij .lkolom { 
					float: left; 
					width: 222px;
					clear: left;
				}
				
				#wachtwoordwijzigen fieldset #veldwrapper .rij input.txt {
					width: 200px;
					height: 18px;
					margin: 0;
					padding: 0;
				}
		
				#wachtwoordwijzigen div.error { 
					width: 426px;
					background-color: red; 
					color: white; 
					font-weight: bold; 
				}
	
/* eof:: wachtwoordwijzigen */
.stepslist {
	font-size:14px;
	font-style:italic;
	font-weight:bold;
	color:#333333;
	
}
.olisttext {
	background-image:url(../imgs/algemeen/olist.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
}
.olist {
	height:55px;
	width:80px;
	background-image:url(../imgs/algemeen/olist.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	color:#FFF;
	font-size:26px;
	font-style:italic;
	font-weight:bold;
	line-height:55px;
	text-align:center;
}

.midcel {
	background-image:url(../imgs/algemeen/seplijn.jpg);
	background-repeat:repeat-y;
	background-position:left;
}
#linkercol {
	color:#888;
	padding:5px 15px;
}
#linkercol h3 {
	color:#ffffff;
	background-image:url(../imgs/rouwcard/linkerh3_rouw.jpg);
	background-repeat:no-repeat;
	width:310px;
	height:30px;
	line-height:30px;
	font-size:14px;
	font-style:italic;
	padding-top: 0px;
	padding-left:10px;
}
#linkercol p {
	font-style: italic;
	padding-left: 10px;
	padding-right: 10px;
}
#linkercol h2 {
	color: #4D269B;
	font-size: 1.4em;
	font-style:italic;
}

/* bof:: prijzen & betalen */
#prijzentabel {
	border-style: solid;
	border-width: 1px 0 0 1px;
	border-color: #4D269B;
}

#prijzentabel th {
	background-color: #4D269B;
	color: white;
	font-size: 1.2em;
}

#prijzentabel th, #prijzentabel td {
	text-align: center;
	padding: 2px 0;
	border-style: solid;
	border-width: 0 1px 1px 0;
	border-color: #4D269B;
}
/* eof:: prijzen & betalen */