@charset "utf-8";
/* CSS Document */

#container{
background:url(../images/background.jpg) no-repeat;
width:900px; 
height:720px; 
position:absolute; 
top:50%; left:50%; 
margin:-360px auto auto -450px; 
}

#container_index{
width:437px; 
height:417px; 
position:absolute; 
top:50%; left:50%; 
margin:-208px auto auto -218px; 
}

#kaart1_static{
width:288px;
height:336px;
float:left;
z-index:1;
position:absolute;
margin-top:80px;
margin-left:20px;
cursor:pointer;
}

#kaart2_static{
width:295px;
height:340px;
float:left;
z-index:4;
position:absolute;
margin-top:80px;
margin-left:20px;
cursor:pointer;
}

#kaart3_static{
width:237px;
height:304px;
float:left;
z-index:3;
position:absolute;
margin-top:80px;
margin-left:40px;
cursor:pointer;
}

#kaart4_static{
width:276px;
height:332px;
float:left;
z-index:2;
position:absolute;
margin-top:80px;
margin-left:20px;
cursor:pointer;
}

#kaart1{
width:288px;
height:336px;
float:left;
z-index:1;
position:absolute;
margin-top:80px;
margin-left:20px;
cursor:pointer;
}

#kaart2{
width:295px;
height:340px;
float:left;
z-index:4;
position:absolute;
margin-top:220px;
margin-left:220px;
cursor:pointer;
}

#kaart3{
width:237px;
height:304px;
float:left;
z-index:3;
position:absolute;
margin-top:100px;
margin-left:430px;
cursor:pointer;
}

#kaart4{
width:276px;
height:332px;
float:left;
z-index:2;
position:absolute;
margin-top:200px;
margin-left:580px;
cursor:pointer;
}

#kaart_reclame{
float:left;
z-index:4;
position:absolute;
margin-top:40px;
margin-left:20px;
cursor:pointer;
}

#kaart_televisie{
z-index:3;
position:absolute;
margin-top:40px;
margin-left:130px;
cursor:pointer;
}


.screenshot{
border:5px #000000 solid;
float:left;
padding:1px;
}

#main{
width:500px;
height:509px;
background: url(../images/background_main.png) no-repeat;
position:absolute;
margin-top:50px;
margin-left:230px;
padding-left: 85px;
padding-top: 30px;
padding-right: 100px;
}

#mainproducties{
width:530px;
height:509px;
background: url(../images/background_main.png) no-repeat;
position:absolute;
margin-top:50px;
margin-left:230px;
padding-left: 75px;
padding-top: 30px;
padding-right: 75px;

}

#maincontact{
width:500px;
height:509px;
background: url(../images/background_main.png) no-repeat;
position:absolute;
margin-top:50px;
margin-left:230px;
padding-left: 50px;
padding-top: 30px;
padding-right: 100px;
text-align:center;
}

#homeknop{
position:absolute;
margin-top:550px;
}

#homeknop2{
position:absolute;
margin-top:545px;
margin-left:15px;
}

#backknop{
position:absolute;
margin-top:550px;
margin-left:748px;
}

h1{
font-family:"Trebuchet MS";
font-size:18px;
color:#934512;
}

.latijn{
margin-left:50px;
margin-top:11px;
}

producties_tekst{
font-family:"Trebuchet MS";
font-size:11px;
color:#934512;
}

p{
font-family:"Trebuchet MS";
font-size:12px;
color:#934512;
}

a {
font-family:"Trebuchet MS";
font-size:12px;
color:#934512;
   outline: none;
}

a:hover {
font-family:"Trebuchet MS";
font-size:12px;
color:#934512;
text-decoration:none;
outline: none;
}

a:active
{
outline: none;
}

a:focus
{
-moz-outline-style: none;
}


ul li{
font-family:"Trebuchet MS";
font-size:12px;
color:#934512;
list-style: none;
/*list-style-image: url(../images/koeken_bullet.png);*/

}

.bullets{
margin-top:5px;
padding-right:5px;
}

#divlatijn{
	position:absolute;
	margin-top:10px;
	width:50%;
	left: 220px;
	top: 68px;
}
