@charset "utf-8";
/* CSS Document */

.link1:link { color: #FFFFFF; text-decoration: none; }
.link1:visited { color: #FFFFFF; text-decoration: none; } 
.link1:hover {	color: #ff0823;	text-decoration: none;}
.link1:active { text-decoration: none; }

.link2:link { color: #FFFFFF; text-decoration: none; }
.link2:visited { color: #FFFFFF; text-decoration: none; } 
.link2:hover {	color: #6406ff;	text-decoration: none;}
.link2:active { text-decoration: none; }

.link3:link { color: #ff0823; text-decoration: none; }
.link3:visited { color: #ff0823; text-decoration: none; } 
.link3:hover {	color: #6406ff;	text-decoration: none;}
.link3:active { text-decoration: none; }

/* Zet padding en margin van alle elementen op 0 (zodat de browser-standaard deze niet instelt) */
* {
 margin: 0;
 padding: 0;
}

a img{
  border: none;
}
 
/*
Start CSS slideshow
*/ 
ul#gallery {
  list-style:none outside none;
}
/*
End CSS slideshow
*/ 

/* Padding voor paragraaf zodat er ruimte tussen paragrafen zit */
p {
 padding:0.5em 0;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #040404;
	margin: 0px;
	padding: 0px;
	line-height: 16px;
	background-repeat: no-repeat;
}

.h1 {
	font-weight: bold;
	color:#FFFFFF;
}	

#container {
	width: 1024px;
	height: auto;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	position: relative;
}

#header {
	height: 191px;
	width: 1024px;
	left: 0px;
	top: 0px;
	z-index: 2;
	position: relative;
	background-repeat: repeat;
}

#logo {
	height: 77px;
	width: 315px;
	left: 45px;
	top: 40px;
	z-index: 3;
	position: relative;
	background-image:url(Plaatjes/Logo%20TVI.jpg);
}

#menu_rechts {
	height: 21px;
	width: 440px;
	z-index: 4;
	left: 570px;
	top: 25px;
	position: absolute;
}

#menu {
	height: 32px;
	width: 588px;
	z-index: 5;
	left: 21px;
	top: 153px;
	position: absolute;
}

#menutekst1 {
	height: 20px;
	width: 117px;
	z-index: 6;
	left: 22px;
	top: 161px;
	position: absolute;
}

#menutekst2 {
	height: 20px;
	width: 117px;
	z-index: 7;
	left: 138px;
	top: 161px;
	position: absolute;
}

#menutekst3 {
	height: 20px;
	width: 117px;
	z-index: 8;
	left: 255px;
	top: 161px;
	position: absolute;
}

#menutekst4 {
	height: 20px;
	width: 117px;
	z-index: 9;
	left: 372px;
	top: 161px;
	position: absolute;
}

#menutekst5 {
	height: 20px;
	width: 117px;
	z-index: 10;
	left: 492px;
	top: 161px;
	position: absolute;
}

#submenu {
	height: 15px;
	width: 117px;
	z-index: 5;
	left: 2px;
	top: 2px;
	position: absolute;
	font-weight: bold;
}

#submenu2 {
	height: 15px;
	width: 117px;
	z-index: 5;
	left: 121px;
	top: 2px;
	position: absolute;
	font-weight: bold;
}

#submenu3 {
	height: 15px;
	width: 117px;
	z-index: 5;
	left: 242px;
	top: 2px;
	position: absolute;
	font-weight: bold;
}

#lijn {
	height: 4px;
	width: 1024px;
	z-index: 11;
	left: 0px;
	top: 186px;
	position: absolute;
}

#achtergrond {
	height: 486px;
	width: 1024px;
	z-index: 12;
	left: 0px;
	top: 187px;
	position: absolute;
}

#content {
	position: absolute;
	width:588px;
	height: 479;
	z-index: 13;
	left: 20px;
	top: 398px;
}

#content_tekst {
	position: absolute;
	width:548px;
	height: 479;
	z-index: 14;
	padding: 20px 20px 0 20px;
	left: 22px;
	top: 407px;
}

#contact {
	position: absolute;
	width:380px;
	height: 140px;
	z-index: 15;
	left: 624px;
	top: 216px;
}

#contact_tekst {
	position: absolute;
	width:340px;
	height: 130px;
	z-index: 16;
	padding: 0 15px 0 15px;
	left: 624px;
	top: 222px;
}

#meer_button {
	position: absolute;
	width:120px;
	height: 27px;
	z-index: 17;
	left: 639px;
	top: 326px;
}

#kader_li_top {
	position: absolute;
	width:180px;
	height: 219px;
	z-index: 18;
	left: 626px;
	top: 398px;
}

#kader_re_top {
	position: absolute;
	width:180px;
	height: 223px;
	z-index: 19;
	left: 824px;
	top: 398px;
}

#kader_li_bottum {
	position: absolute;
	width:180px;
	height: 223px;
	z-index: 20;
	left: 626px;
	top: 655px;
}

#kader_re_bottum {
	position: absolute;
	width:180px;
	height: 223px;
	z-index: 21;
	left: 824px;
	top: 655px;
}

#kader_li_top_tekst {
	position: absolute;
	width:150px;
	height: 20px;
	z-index: 22;
	left: 624px;
	top: 408px;
	padding: 0 15px 0 15px;
}

#kader_re_top_tekst {
	position: absolute;
	width:150px;
	height: 20px;
	z-index: 23;
	left: 824px;
	top: 408px;
	padding: 0 15px 0 15px;
}

#kader_li_bottum_tekst {
	position: absolute;
	width:150px;
	height: 20px;
	z-index: 24;
	left: 626px;
	top: 665px;
	padding: 0 15px 0 15px;
}

#kader_re_bottum_tekst {
	position: absolute;
	width:150px;
	height: 20px;
	z-index: 25;
	left: 824px;
	top: 665px;
	padding: 0 15px 0 15px;
}

#kader_li_top_plaatje {
	position: absolute;
	width:178px;
	height: 188px;
	z-index: 26;
	left: 627px;
	top: 431px;
}

#kader_re_top_plaatje {
	position: absolute;
	width:178px;
	height: 188px;
	z-index: 27;
	left: 825px;
	top: 431px;
}

#kader_li_bottum_plaatje {
	position: absolute;
	width:178px;
	height: 188px;
	z-index: 28;
	left: 627px;
	top: 688px;
}

#kader_re_bottum_plaatje {
	position: absolute;
	width:178px;
	height: 220px;
	z-index: 29;
	left: 825px;
	top: 656px;
}

#wisseling {
	position: absolute;
	width:170px;
	height: 140px;
	z-index: 29;
	left: 829px;
	top: 726px;
}

#created {
	position: absolute;
	width:250px;
	height: 50px;
	z-index: 29;
	left: 705px;
	top: 89px;
}

/* >>>>>>>>>>>>>>>>>>>>>>> FORM TEAMVIEWER <<<<<<<<<<<<<<<< */
		div#teamviewer {
			padding: 5px 20px 0 0px;			
		}

    form.tviform {
      width: 550px;
			font:12px Verdana,Tahoma,Arial,sans-serif;
    }
		form.tviform ul {
      margin: 0;
      padding: 0;
    }
    form.tviform li {
      list-style: none;
      margin: 0;
    }
    form.tviform p {
     	width: 300px;
			font-size:10px;
			text-align: right;	
		}
    form.tviform em {
      font-weight: bold;
      font-style: normal;
      color: #f00;
    }
    form.tviform input.textfield {
      width: 300px;
      border: 1px solid #aaa;
    }
    form.tviform label {
      display: inline-block;
      vertical-align: top;
    }		    

    .errorlist, form.tviform .error input.textfield{
           width: 300px;
      border: 1px solid #f00;
    }
    .error label, .error {
			color: #f00;
		}
    .error input.textfield, .error input.captcha {
			border: 1px solid #f00;
		}
    form.tviform label.title {
    	padding: 8px;
			margin:0;
     	text-align: right;
      width: 180px; /* Width of labels */
    }
    form.tviform label.title_captcha {
    	padding: 8px;
			margin:0;
     	text-align: right;
     	vertical-align: 80%;
      width: 180px; /* Width of labels */
    }
    form.tviform label.captcha {
     	vertical-align: 80%;			
		}
    form.tviform input.captcha {
      width: 50px;
      margin: 0 10px;
      font-size: 14pt;
      vertical-align: 60%;
    }
    form.tviform label.akkoord {
    	padding: 8px;
			margin:0;
     	text-align: left;
     	vertical-align: middle;
      width: 400px; /* Width of label */
    }
    form.tviform #akkoord {
			margin-left:80px;
      width: 10px;
    }
    .missing {
			background-color: #f00; 
			border: 2px solid yellow;
			color: yellow;
			font-weight: bold;
			padding: 6px;
			margin-bottom: 10px;
		}
    .complete {
			background-color: #6a9e6a; 
			border: 2px solid #007700;
			color: #fff;
			font-weight: bold;
			padding: 6px;
			margin-bottom: 10px;
		}
    .placeholder {
			background-color: #444; 
			color: #444;
			font-weight: bold;
			padding: 0px;
			margin-bottom: 0px;
		}
		#verzenden, #wis {
			margin: 5px 0 20px 140px;
		}