/*
	Default Style Sheet
	Copyright: Winking - OPTIsend
	Version: 2007
*/

* {
	margin: 0px;
	padding: 0px;
}

html {
	height: 100%;
	margin-bottom: 1px;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
	color: #000000;
	background-color: #F7F7F7;
}

a:link {
	color: #3399FF;
}

a:visited {
	color: #3399FF;
}

a:hover {
	color: #66CC00;
}

a:active {
	color: #66CC00;
}

#wrapper {
	margin: auto;
	width: 1000px; /* breedte van site */
}
	
	/*
	Header
	*/
	
	#header {
		clear: both; /* voor een eventuele banner boven de header */
		background-color: #FFFFFF;
		background-image: url(../images/optisend-winking-v-logo2.png);
		background-repeat: no-repeat;
		background-position: 935px 12px;
		padding-top: 15px;
	}
	
		#header h1 {
			float: left;
			text-indent: -5000px;
			background-image: url(../images/optisend_logo.gif);
			background-repeat: no-repeat;
			margin: 0px 0px 15px 5px;
			width: 171px;
		}
		
			#header h1 a {
				display: block;
				width: 171px;
				height: 38px;
			}
		
		#header h2 {
			float: left;
			margin-left: 25px;
			margin-top: 22px;
			font-size: 12px;
			color: #666666;
			/*font-family: Georgia;*/
			letter-spacing: -1px;
		}
		
		#header #mainMenu {
			clear: both;
		}
		
			#header #mainMenu ul {
				list-style-type: none;
			}
			
				#header #mainMenu ul li {
					float: left;
				}
				
					#header #mainMenu ul li a {
						display: block;
						padding: 10px 15px 10px 15px;
						border-bottom: 1px solid #009900;
						border-right: 1px solid #009900;
						background-color: #66CC00;
						color: #FFFFFF;
						font-weight: bold;
						text-decoration: none;
					}
					
						#header #mainMenu ul li a:hover {
							background-color: #009900;
						}
						
						/* aanduiden welke active pagina */
						#header #mainMenu ul li a.active {
							background-color: #009900;
						}
						
		#header #subMenu {
			clear: both;
			background-color: #009900;
			height: 23px;
		}
		
			#header #subMenu ul {
				list-style-type: none;
			}
			
				#header #subMenu ul li {
					float: left;
				}
				
					#header #subMenu ul li a {
						display: block;
						padding: 5px 15px 5px 15px;
						border-right: 1px solid #66CC00;
						background-color: #009900;
						color: #FFFFFF;
						font-weight: bold;
						text-decoration: none;
					}
				
						#header #subMenu ul li a:hover {
							font-weight: bold;
						}
	
			#header #subMenu p#lang {
				text-align: right;
				padding: 4px 15px 2px 5px;
				color: #FFFFFF;
			}
			
				#header #subMenu p#lang a {
					text-decoration: none;
					color: #FFFFFF;
					font-weight: bolder;
				}
			
	/*
	Content
	*/
		
	#content {
		float: left;
		width: 749px; /* 750px totale breedte */
		background-color: #E8F0E9;
		border-right: 1px solid #CCCCCC;
		border-bottom: 1px solid #CCCCCC;
	}
		#content p {
			color: #333333;
			margin-bottom: 10px;
		}
		
	#content h3.singleH3 {
		color: #223322;
		margin-top: 20px;
		margin-bottom: 10px;
		margin-left: 40px;
	}
	
		#content #quoteIndex {
			border-bottom: 1px solid #CCCCCC;
			padding: 30px 40px 30px 40px;
			font-weight: bold;
			font-size: 22px;
			color: #000000;
			font-family: Georgia;
			letter-spacing: -1px;
			background-image: url(../images/bg-pc3.jpg);
			background-repeat: no-repeat;
			max-height: 669px;
			max-width: 749px;
			height: 44px; /*totaal 104px (104 - paddingtop/bottom)*/
		}
		
			#content p#quoteIndex {
				line-height: 22px;
				margin: 0px;
			}

		#content #quotePrint {
			border-bottom: 1px solid #CCCCCC;
			padding: 30px 40px 30px 40px;
			font-weight: bold;
			font-size: 22px;
			color: #000000;
			font-family: Georgia;
			letter-spacing: -1px;
			background-image: url(../images/bg-optisendprinthoofd.png);
			background-repeat: no-repeat;
			max-height: 669px;
			max-width: 749px;
			height: 44px; /*totaal 104px (104 - paddingtop/bottom)*/
		}
		
			#content p#quotePrint {
				line-height: 22px;
				margin: 0px;
			}

		#content #quoteSuite {
			border-bottom: 1px solid #CCCCCC;
			padding: 30px 40px 30px 40px;
			font-weight: bold;
			font-size: 22px;
			color: #000000;
			font-family: Georgia;
			letter-spacing: -1px;
			background-image: url(../images/bg-optisendsuite.png);
			background-repeat: no-repeat;
			max-height: 669px;
			max-width: 749px;
			height: 44px; /*totaal 104px (104 - paddingtop/bottom)*/
		}
		
			#content p#quoteSuite {
				line-height: 22px;
				margin: 0px;
			}
			
		#content .box1 {
			float: left;
			padding-left: 40px;
			padding-right: 10px;
			margin-top: 15px;
			margin-bottom: 15px;
			width: 324px; /* breedte: 375px */
			border-right: 1px solid #FFFFFF;
		}
		
		#content .box2 {
			float: left;
			padding-left: 40px;
			padding-right: 10px;
			margin-top: 15px;
			margin-bottom: 15px;
			width: 324px; /* breedte: 375px */
		}
		
		#content ul {
			list-style-image: url(../images/arrow-green-optisend-winking.png);
			margin-bottom: 10px;
			margin-left: 15px;
		}
			
			#content ul li {
				padding-top: 1px;
				padding-bottom: 1px;
			}
			
		#content .text {
			clear: both;
			padding: 10px 10px 10px 40px;
			border-bottom: 1px solid #FFFFFF;
		}
		
			#content .text img {
				margin-top: 5px;
				margin-bottom: 5px;
			}
		
		#content .download {
			text-align: center;
			border: 2px solid  #9CE412;
			background-color: #B6FA43;
			padding: 5px 5px 5px 60px;
			margin-top: 15px;
			margin-bottom: 10px;
			
			/* CSS3 rounded borders for FireFox & webkit */
			-moz-border-radius-topleft: 15px;
			-webkit-border-top-left-radius: 15px;
    		-moz-border-radius-topright: 15px;
			-webkit-border-top-right-radius: 15px;
    		-moz-border-radius-bottomleft: 15px;
			-webkit-border-bottom-left-radius: 15px;
    		-moz-border-radius-bottomright: 15px;
			-webkit-border-bottom-right-radius: 15px;	
		}
			#content .download:hover {
				background-color: #9CE412;
			}
			
			#content .download p {
				padding: 0px;
				margin: 0px;
			}
			
				#content .download p a {
					text-decoration: none;
					font-weight: bold;
					color: #009900;
					padding: 5px 50px 5px 50px;
				}	

		/* tabel vergelijking met andere methodes */
		#content #herkenning {
			width: 694px;
			text-align: center;
			margin-top: 5px;
			margin-bottom: 10px;
		}
		
			#content #herkenning tr {
				height: 25px;
			}
			
			#content #herkenning tr.zebra {
				background-color: #DDDDDD;
			}
				
				#content #herkenning tr th {
					background-color: #66CC00;
					color: #FFFFFF;
					padding-top: 1px;
					padding-bottom: 1px;
				}
				
				#content #herkenning tr td {
					width: 130px;
					font-size: 10px;
					height: 25px;
				}
				
				#content #herkenning tr td.col1 {
					width: 240px;
					font-weight: bold;
					text-align: left;
					font-size: 10px;
					padding-left: 10px;
					padding-right: 10px;
				}

			
	/* frontpage only */
	#frontpageWhatIs {
		background-image: url(../images/what-is-optisend2.png);
		background-repeat: no-repeat;
		background-position: 525px center;
	}
	
	#frontpageWhatIs2 {

	}
	
		#frontpageWhatIs2 img {
			float: right;
		}
	
	
	/*
	Sidebar
	*/
	
	#sidebar {
		float: left;
		width: 210px; /* 250px totale breedte */
		padding: 30px 20px 20px 20px;
		background-color: #FFFFFF;
	}

		#sidebar .tile {
			border: 2px solid  #9CE412;
			background-color: #B6FA43;
			padding: 10px 5px 10px 30px;
			margin-bottom: 15px;
			background-image: url(../images/arrow1down.png);
			background-repeat: no-repeat;
			background-position: 5px 15px;
			
			/* CSS3 rounded borders for FireFox & webkit */
    		-moz-border-radius-topright: 15px;
			-webkit-border-top-right-radius: 15px;
    		-moz-border-radius-bottomleft: 15px;
			-webkit-border-bottom-left-radius: 15px;
    		-moz-border-radius-bottomright: 15px;
			-webkit-border-bottom-right-radius: 15px;
		}
		
			#sidebar .tile:hover {
				background-color: #9CE412;
			}
		
			#sidebar .tile p {
				color: #009900;
				font-weight: bold;
			}
				
				#sidebar .tile p.note {
					font-weight: normal;
				}
				
				#sidebar .tile p a {
					text-decoration: none;
					color: #009900;
					
				}
		
		#sidebar .contactinfo img {
			margin-left: -25px;
			margin-right: 10px;
		}
				
		#sidebar p.contactinfo {
			color: #333333;
			padding: 5px 5px 10px 30px;
		}
		
		#sidebar .ref img {
			margin-bottom: 5px;
			margin-right: 5px;
		}
		
		#sidebar .ref a img {
			border: 0px;
		}
		
	/*
	Footer
	*/
	
	#footer {
		clear: both;
		text-align: center;
		padding: 10px;
		background-color: #FFFFFF;
	}
	
/*
Match all
*/
	
hr {
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: #CCCCCC;
	border: none;
	height: 1px;
	color: #CCCCCC;
}
	
h3 {
	color: #223322;
	margin-top: 15px;
	margin-bottom: 15px;
}
	
h4 {
	color: #57AF00;
	margin-top: 15px;
	margin-bottom: 15px;
}
	
strong {
	color: #57AF00;
}

strong.black {
	color: #000000;
}

.floatRight {
	float: right;
}

.clearBoth {
	clear: both;
}

/* border rond klikbare afbeeldingen verwijderen */	
a img {
	border: 0px;
}

/* tabel met nieuws */	
table.news td {
	padding-bottom: 5px;
	padding-right: 10px;
}

/* tabel prijzen */
table.prices { 
	border-spacing: 0px;
	empty-cells: hide;
	margin-bottom: 20px;
}	
	table.prices th {
		border-top: 1px solid #FFFFFF;
		border-left: 1px solid #FFFFFF;
		border-right: 1px solid #CCCCCC;
		border-bottom: 1px solid #CCCCCC;
		border-spacing: 0px;
		padding: 2px 10px 2px 10px;
	}

	table.prices td {
		border-top: 1px solid #FFFFFF;
		border-left: 1px solid #FFFFFF;
		border-right: 1px solid #CCCCCC;
		border-bottom: 1px solid #CCCCCC;
		border-spacing: 0px;
		padding: 1px 10px 1px 10px;
	}
	
	table.prices .right {
		text-align: right;
	}
	
	table.prices .left {
		width: 250px;
	}
		
	table.prices th {
		font-weight: bold;
	}
	
	table.prices span.discount {
		color: #FF0000;
		text-decoration: line-through;
	}
	
/* *** form contact *** */
#frmContact {

}

	#frmContact fieldset {
		border: 0px;
		padding: 0px;
		margin: 0px 0px 7px 0px;
	}

	#frmContact .row {
		margin: 0px;
	}

	#frmContact .bottomrow input {
		width: 140px;
		height: 25px;
		margin-left: 210px;
		border: 2px solid  #9CE412;
		background-color: #B6FA43;	
		color: #009900;
		font-weight: bold;
		font-size: 11px;
		letter-spacing: 1px;
		
		/* CSS3 rounded borders for FireFox & webkit */
		-moz-border-radius-topleft: 15px;
		-webkit-border-top-left-radius: 15px;
   	-moz-border-radius-topright: 15px;
		-webkit-border-top-right-radius: 15px;
   	-moz-border-radius-bottomleft: 15px;
		-webkit-border-bottom-left-radius: 15px;
   	-moz-border-radius-bottomright: 15px;
		-webkit-border-bottom-right-radius: 15px;	
	}

	#frmContact label {
		position: absolute;
		width: 130px;
		text-align: right;
		margin-top: 0px;
		padding-top: 5px;
		padding-right: 2px;
	}

	#frmContact input {
		margin-left: 140px;
		margin-top: 4px;
		margin-bottom: 4px;
		padding: 0px;
		border: 1px solid #9CE412;
	}
		
		#frmContact input:focus {
			background-color: #B6FA43;
		}
		
	#frmContact textarea {
		margin-left: 140px;
		border: 1px solid #9CE412;
	}
		
		#frmContact textarea:focus {
			background-color: #B6FA43;
		}
	#frmContact .err {
		color: #FF0000;
		font-size: 10px;
	}