* {
	margin: 0;
	padding: 0;
}

body {
	background: #c8c8c8 url( '../images/background.gif' ) repeat-x top;
}

/*  Container */
div#container {
	width: 584px;
	margin: 25px auto;
}

/*  logo */
div#container div#logo {
	background: url( '../images/intro/logo.jpg' ) no-repeat;
	width: 584px;
	height: 91px;
}

/*  Afbeeldingen */
div#container div#afbeeldingen {
	width: 584px;
	list-style: none;
}
	
	div#container div#afbeeldingen a#ict-beheer {
		background: url( '../images/intro/ict-image.png' ) no-repeat top;
		width: 193px;
		height: 302px;
		float: left;
		border-right: 1px solid #e5e5e5;
	}
	
		div#container div#afbeeldingen a#ict-beheer:hover{
			background: url( '../images/intro/ict-image.png' ) no-repeat bottom;
		}
	
	div#container div#afbeeldingen a#webdesign {
		background: url( '../images/intro/web-image.png' ) no-repeat top;
		width: 193px;
		height: 302px;
		float: left;
		border-right: 1px solid #e5e5e5;
	}
	
		div#container div#afbeeldingen a#webdesign:hover{
			background: url( '../images/intro/web-image.png' ) no-repeat bottom;
		}
	
	div#container div#afbeeldingen a#contact {
		background: url( '../images/intro/contact-image.png' ) no-repeat top;
		width: 193px;
		height: 302px;
		float: left;
		border-right: 1px solid #e5e5e5;
	}
	
		div#container div#afbeeldingen a#contact:hover{
			background: url( '../images/intro/contact-image.png' ) no-repeat bottom;
		}
	
	
	
/*  Contact content */
div#container div#content {	
	width: 582px;
	height: 302px;
	background: url( '../images/intro/contact-form2.png' ) no-repeat top left;
}

	div#container div#content div#form {
		width: 348px;
		height: 282px;
		padding: 10px 0 0 20px;
	}
		
		div#container div#content div#form p{
			margin: 1em 0 0 0;
			font: 11px Tahoma;
			color: #000;
		}
		
		div#container div#content div#form table#contact-form {
			font: 11px Tahoma;
			color: #000;
		}
		
		div#container div#content div#form table#contact-form tr {
			height: 27px;
			*height: 28px;
		}
		
		
		/* General styling for both valid and invalid input */
		.invalidInput,.validInput{
			display:compact;
			padding:1px;
		}
		/* Style for invalid input */
		.invalidInput{
			border:1px solid #810a0c;
		}
		
		/* Style for valid input */
		.validInput{
			border:1px solid #FFF;
		}
		
		input.submit {
			padding: 3px 10px;
			color: #52534b;
			background: #eee;
			border: 1px solid #aaa;
			font: bold 12px "Arial";
			margin: 2px 0 0 -2px;
		}
		
		textarea {
			margin: 2px 0 0 0;
			*margin: 0;
		}

/*  Keuzemenu */
div#container ul#keuzemenu {
	width: 584px;
	list-style-type: none;
	clear: both;
}

	div#container ul#keuzemenu li h2 {
		font: bold 11px Tahoma;
		color: #fff;
	}
	
	div#container ul#keuzemenu  p {
		font: 11px Tahoma;
		color: #fff;
		position: relative;
		top: 15px;
		left: 20px;
	}
	
	div#container ul#keuzemenu  p a {
		font: 11px Tahoma;
		color: #fff;
	}

	div#container ul#keuzemenu li#ict-beheer{
		width: 193px;
		height: 123px;
		background: url( '../images/intro/ict-bottom.gif' ) no-repeat;
		float: left;
	}
	
	div#container ul#keuzemenu li#webdesign{
		width: 194px;
		height: 123px;
		background: url( '../images/intro/webdesign-bottom.gif' ) no-repeat;
		float: left;
	}
	
	div#container ul#keuzemenu li#contact-formulier{
		width: 195px;
		height: 123px;
		background: url( '../images/intro/contact-bottom.gif' ) no-repeat;
		float: left;
	}
	
/*  Footer */	
div#container div#footer {
	clear: both;
	width: 622px;
	height: 34px;
	background: url( '../images/intro/footer.png' ) no-repeat;
	position: relative;
	right: 24px;
}

/* sIFR 2.0  standard sIFR styles  */

h1.sifr {
		margin: 0 0 10px 0;
			font: 24px verdana;
			color: #fff;
		}

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}


/* sIFR titles */
.sIFR-hasFlash h1 {
	visibility: hidden;	
	font: 24px Verdana;
	color: #7f0b0c;
}