@charset "UTF-8";
/* CSS Document */
body{
	font-family: Tahoma,Geneva,sans-serif;
	font-size:12px;
	line-height:16px;
	background-image:url(images/achtergrond_patroon.png);
	width:400px;
	height:400px;
	background-repeat: repeat;
	background-color: #909090;
}

div{
position:absolute;
}

#container{
	width:900px;
	height:650px;
	position:absolute;
	left:50%;
	margin-left:-450px;
}

#achtergrond{
	width:900px;
	height:650px;
	top: 0px;
	left:0px;
	background-image:url(images/frame.jpg);
	background-repeat:no-repeat;
}


#info{
	top:625px;
	left:50px;
	width:800px;
	height:10px;
	text-align:center;
	letter-spacing:2,5px;
	color: #000000;
	font-family: Tahoma,Geneva,sans-serif;
	font-size:10px;
}

#project_knop{
	top:595px;
	left:72px;
	width:100px;
	height:15px;
	color: #CC0000;
	font-size:10px;
	letter-spacing:8px;
	font-weight: bold;
}

.txt_project_knop a {
	color: #000000;
	font-family: Tahoma,Geneva,sans-serif;
	letter-spacing:8px;
	font-size:10px;
	text-decoration:none;
	font-weight: bold;
}

.txt_info a {
	color: #000000;
	font-family: Tahoma,Geneva,sans-serif;
	letter-spacing:2,5px;
	font-size:10px;
	text-decoration:none;
}

.txt_mail a {
	color: #000000;
	font-family: Tahoma,Geneva,sans-serif;
	text-decoration:none;
}

a:hover{
    color: #CC0000;
}	

.mailadres a {
	color: #262626;
	text-decoration: non;
}

#kader_tekst{
	width:757px;
	height:185px;
	top: 400px;
	left:71px;
	padding-right:0px;
	text-align:left;
	overflow:auto;
	position: absolute;
	color:#262626;
}

#kader_project1{
	width:367px;
	height:210px;
	top: 385px;
	left:71px;
	padding-right:0px;
	padding-bottom:10px;
	overflow:auto;
	position: absolute;
}


#kader_project2{
	width:367px;
	height:210px;
	top: 385px;
	left:460px;
	padding-right:0px;
	padding-bottom:10px;
	overflow:auto;
	position: absolute;
}

#kader_tekst_links{
	width:200px;
	height:200px;
	top: 400px;
	left:71px;
	padding-right:0px;
	text-align:left;
	overflow:auto;
	position: absolute;
	color:#262626;
}

#kader_tekst_rechts{
	width:150px;
	height:200px;
	top: 400px;
	left:300px;
	padding-right:0px;
	text-align:left;
	overflow:auto;
	position: absolute;
	color:#262626;
}

#kader_tekst_mail{
	width:370px;
	height:200px;
	top: 400px;
	left:71px;
	padding-right:0px;
	text-align:left;
	overflow:auto;
	position: absolute;
	color:#262626;
}

#slideshow{
	width:757px;
	height:171px;
	top: 123px;
	left:71px;
	padding-right:0px;
	text-align:left;
	overflow:hidden;
	position: absolute;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}


h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight: bold;
	letter-spacing:1,5px;
	margin-top:0px;
	margin-bottom:2px;
	color:#CC0000;
}

h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: bold;
	letter-spacing:1,5px;
	margin-top:0px;
	margin-bottom:2px;
	color:#000000;
}

div.jMyCarousel1 .prev{
	background: url('images/left.png') center center no-repeat;
	width:24px;
	height:31px;
	border:0px;
}
div.jMyCarousel1 .next{
	background: url('images/right.png') center center no-repeat;
	width:20px;
	height:31px;
	border:0px;
}


/** carousel 1 **/
div.jMyCarousel1 ul li{
	border:1px solid #fff;
	line-height:0px;
}

div.jMyCarousel1 ul li a{ /* in case of link */
	display:block;
	border:0px;
}

div.jMyCarousel1 ul li a img{
	display:block;
	border:0px;
}


div.jMyCarousel2 .prev{
	background: url('images/left.png') center center no-repeat;
	width:24px;
	height:31px;
	border:0px;
}
div.jMyCarousel2 .next{
	background: url('images/right.png') center center no-repeat;
	width:20px;
	height:31px;
	border:0px;
}


/** carousel 1 **/
div.jMyCarousel2 ul li{
	border:1px solid #fff;
	line-height:0px;
}

div.jMyCarousel2 ul li a{ /* in case of link */
	display:block;
	border:0px;
}

div.jMyCarousel2 ul li a img{
	display:block;
	border:0px;
}


div.jMyCarousel3 .prev{
	background: url('images/left.png') center center no-repeat;
	width:24px;
	height:31px;
	border:0px;
}
div.jMyCarousel3 .next{
	background: url('images/right.png') center center no-repeat;
	width:20px;
	height:31px;
	border:0px;
}


/** carousel 1 **/
div.jMyCarousel3 ul li{
	border:1px solid #fff;
	line-height:0px;
}

div.jMyCarousel3 ul li a{ /* in case of link */
	display:block;
	border:0px;
}

div.jMyCarousel3 ul li a img{
	display:block;
	border:0px;
}


div.jMyCarousel4 .prev{
	background: url('images/left.png') center center no-repeat;
	width:24px;
	height:31px;
	border:0px;
}
div.jMyCarousel4 .next{
	background: url('images/right.png') center center no-repeat;
	width:20px;
	height:31px;
	border:0px;
}


/** carousel 1 **/
div.jMyCarousel4 ul li{
	border:1px solid #fff;
	line-height:0px;
}

div.jMyCarousel4 ul li a{ /* in case of link */
	display:block;
	border:0px;
}

div.jMyCarousel4 ul li a img{
	display:block;
	border:0px;
}