/*********************************************************
 * 
 * Deze code is met veel plezier geschreven, getest en met trots 
 * opgeleverd door Vije Internetproducties.
 *
 * Informatie:
 * 
 * Opdrachtgever: De Multimediamakelaar
 * 
 * Voor vragen kunt u contact opnemen per e-mail (team@vije.nl) of per telefoon (074-2673400).
 * Meer informatie over Vije Internetproducties vindt u op http://www.vije.nl
 *
 *********************************************************/


/****( Globale definities )**********************************************/

    .spacer {
     	clear: both;
    	}
    
    .float-left {
    	float: left;
    	}
    
    .float-right {
    	float: right;
    	}

/******* ( Opmaak ) ****************************************************/

	    body, td, input { 
	    	font-family: Arial;
	    	color: #374a4e;
	    	font-size: 13px;
	    	}
    
    /******* (Layout)*************************************************************/
    
	    body {
	    	width: 100%;
	    	margin: 0pt auto;
	    	text-align: center;
	    	background: #273538 url(/img/bg.jpg) no-repeat center top;
	    	margin-top: 55px;
		    }
			#wrapper {
				text-align: left;
				margin: 0pt auto;
				width: 880px;
				height: 595px;
				}
				#header {
					padding-left: 20px;
					padding-top: 20px;
					float: left;
					}
					a#logo {
						display: block;
						height: 84px;
						width: 321px;
						text-indent: -3000px;
						background: transparent url(/img/logo.png) no-repeat left top;
						margin-left: 20px;
						padding-top: 20px;
						}
				#menu {
					margin-left: 12px;
					margin-top: 40px;
					}
					#menu a, #footer a {
						color: #374a4e;
						text-decoration: none;
						margin-left: 10px;
						margin-right: 10px;
						}
						#menu a:hover, #footer a:hover {
							text-decoration: underline;
							}
				#buttons {
					float: right;
					height: 209px;
					width: 484px;
					background: transparent url(/img/buttons.png) no-repeat left top;
					position: relative;
					}
					#buttons a {
						width: 45px;
						height: 45px;
						position: absolute;
						text-indent: -3000px;
						}
						#buttons a#wilma {
							left: 42px;
							top: 92px;
							}
						#buttons a#ivar {
							left: 150px;
							top: 40px;
							}
						#buttons a#vr {
							left: 140px;
							top: 150px;
							}
						#buttons a#jeroen {
							left: 210px;
							top: 117px;
							}
						#buttons a#harald {
							left: 287px;
							top: 55px;
							}
						#buttons a#roel {
							left: 330px;
							top: 110px;
							}
						#buttons a#arno {
							left: 398px;
							top: 82px;
							}

				#content {
					clear: both;
					padding-left: 40px;
					padding-right: 40px;
					margin: 0;
					overflow-y: auto;
					height: 385px;
					}
					#content object {
					    float: left;
					    margin-right: 20px;
					    margin-bottom: 20px;
					    }
					#content h1 {
						font-weight: bold;
						font-size: 13px;
						color: #000;
						}
					#content a {
						color: #000;
						text-decoration: none;
						}
						#content a:hover {
							text-decoration: underline;
							}
					.videoplayer {
						float: right;
						width: 240px;
						height: 210px;
						background-color: #aef;
						}
					#tagcloud {
						}
						#tagcloud a, #submenu a {
							display: block;
							float: left;
							width: 125px;
							height: 28px;
							line-height: 28px;
							text-align: center;
							background: #e3e7e9 url(/img/zoekterm_bg.png) no-repeat left top;
							text-decoration: none;
							color: #1a171b;
							margin-right: 4px;
							margin-bottom: 4px;
							}
							#submenu a {
								margin-right: 9px;
								}
							#submenu a.last {
								margin-right: 0px;
								}
							#tagcloud a:hover, #submenu a:hover {
								text-decoration: none;
								background: #e3e7e9 url(/img/zoekterm_bg_hover.png) no-repeat left top;
								}
				#footer {
					text-align: center;
					padding-top: 10px;
					color: #617375;;
					}
					#footer a {
						color: #617375;
						margin-left: 0px;
						margin-right: 0px;
						}
						#footer a:hover {
							color: #fff;
						}
				#tagcloudwindow {
					position: absolute;
					width: 300px;
					left: 50%;
					top: 150px;
					background-color: #eddccc;
					margin-left: -150px !important;
					margin-left: -160px;
					padding: 20px;
				}

	form#contactform {
		}
		form#contactform p {
			margin-top: 0px;
			margin-bottom: 2px;
			}
			form#contactform p label {
				display: block;
				float: left;
				width: 100px;
				}
				form#contactform p input.text {
					border: 1px solid #aaa;
					background-color: #fff;
					width: 150px;
					}
				form#contactform p textarea {
					border: 1px solid #aaa;
					background-color: #fff;
					width: 200px;
					height: 100px;
					}
	.errMsg {
		display: none;
	}
	
	form#contactform p input.errFld,  form#contactform p textarea.errFld {
		border: 1px solid #f00;
	}