@charset "utf-8";
/* CSS Document */
body{
margin:0;
padding:0;
background:#c2b49a;
font-family:Arial, Helvetica, sans-serif;
color:#000000;
font-size:12px;
}
/***********home************/
#globalhome{
margin:auto;
background:url(img/home/bgk-home.gif) no-repeat top left;
width:810px;
height:700px;
}
#vakantie{
float:left;
margin: 20px 0 0 50px;
_margin: 20px 0 0 25px;
padding:0;
}
/***********navigationtop***********/
#tophome{
float:right;
list-style-type:none;
margin: 20px 50px 0 16px;
_margin: 20px 25px 0 16px;
padding:0;
width:227px;
}
#tophome li {
float:left;
padding:0;
margin:0;
position:relative;
height:16px;
z-index:101;
}
#tophome li img{
margin:0 7px;
}
#tophome li a{
display:block;
height:12px;
}
#tophome li a span{
display:none;
}
#tophome li a.fr{
background:url(img/fr.gif);
width:17px;
}
#tophome li a.nl{
background:url(img/nl.gif);
width:16px;
}
#tophome li a.contact{
background:url(img/contact.gif);
width:44px;
}
#tophome li a.wettelijke{
background:url(img/wettelijke.gif);
width:90px;
}
#tophome li a:hover{
background-position:0 -12px;}
#tophome li a.fr:hover{
background-position:0 0;}
/***********fin navigationtop***********/
/*cursor:pointer;*/
a#bull01{
background:url(img/home/ballon1-1.gif);
display:block;
float:left;
width:103px;
height:85px;
margin:94px 0 0 527px;
_margin:130px 0 0 263px;
}
*+html a#bull01{
margin:76px 0 0 527px;
}
a#bull01:hover{
background-position:0 -85px;
margin:92px 10px 2px 517px;
_margin:129px 0 0 258px;
}
*+html a#bull01:hover{
margin:76px 10px 2px 517px;
}
a#bull02{
	font-weight:bold;
/*background:url(img/home/ballon2-1.gif);*/
display:block;
float:left;
width:112px;
height:82px;
margin:63px 0 60px 39px;
_margin:63px 0 60px 41px;
}
*+html a#bull02{
margin:55px 0 60px 42px;
_margin:55px 0 60px 360px;
}
a#bull02:hover{
background-position:0 -82px;
}
a#bull03{
background:url(img/home/ballon3-1.gif);
display:block;
float:left;
width:138px;
height:83px;
margin:-40px 0 0 100px;
_margin:-40px 0 0 50px;
}
a#bull03:hover{
background-position:0 -83px;
margin:-38px 0 2px 100px;
_margin:-38px 0 2px 50px;
}
a#bull04{
background:url(img/home/ballon4-1.gif);
display:block;
float:left;
width:112px;
height:84px;
margin:-35px 0 0 355px;
_margin:-35px 0 0 300px;
}
a#bull04:hover{
background-position:0 -84px;
margin:-35px 0 0 365px;
_margin:-35px 0 0 305px;
}
hr.spacer {
	clear: both;
	visibility: hidden;
	_display: none;
	margin: 0 0 0 16px;
	padding: 0;
	border: none;
}
a.meerinfo{
display:block;
float:left; 
width:345px;
height:89px;
font-size:10px;
padding:30px 20px 0 12px;
color:#000000;
text-decoration:none;
border:none;
}
a.meerinfo img{
border:none;
}
*+html a.meerinfo p{
margin-top:0;
}
a#wat{
background:url(img/home/meerinfo01.gif);
margin:130px 0 0 16px;
_margin:130px 0 0 8px;
}
*+html a#wat{
margin:120px 0 0 16px;
}
a#kost{
background:url(img/home/meerinfo02.gif);
margin:130px 0 0 26px;
_margin:130px 0 0 13px;
}
*+html a#kost{
margin:120px 0 0 26px;
}
a#demo{
background:url(img/home/meerinfo03.gif);
margin:8px 0 0 16px;
_margin:8px 0 0 8px;
}
a#gratis{
background:url(img/home/meerinfo04.gif);
margin:8px 0 0 26px;
_margin:8px 0 0 13px;
}
a#wat:hover, a#kost:hover, a#demo:hover, a#gratis:hover{
background-position:0 -119px;
}
#bottom{
float:left;
display:block;
width:810px;
text-align:center;
margin-top:10px;
font-size:10px;
}
.brun{
text-decoration:none;
color:#c2b59b;

}
.blanc{
text-decoration:none;
color:#FFFFFF;

}
.orange{
text-decoration:none;
color:#ffc423;
}
.noir{
text-decoration:none;
color:#000000;
}
/***********fin home************/
/***********pages************/
#global{
margin:auto;
background:url(img/bgk-pages.gif) no-repeat top left;
width:810px;
height:700px;
}
a.home span{
display:none;
}
a.home{
background:url(img/home.gif);
float:left;
display:block;
width:32px;
height:10px;
margin: 20px 0 0 120px;
_margin: 20px 0 0 60px;
}
a.home:hover{
background-position:0 -10px;
}
#vakantiepage{
float:left;
margin: 20px 0 0 20px;
_margin: 20px 0 0 10px;
padding:0;
}
#contentradio{
margin:26px 0 0 193px;
_margin:26px 0 0 96px;
width:335px;
padding:20px 264px 0 0 ;
float:left;
background:url(img/missing-link.gif) no-repeat top right;
display:block;
height:508px;
}
*+html #contentradio{
height:502px;
}
#contentpage{
margin:26px 0 0 193px;
_margin:26px 0 0 96px;
width:385px;
padding:20px 214px 0 0 ;
float:left;
display:block;
height:508px;
}
*+html #contentpage{
height:502px;
}
#contentdemo{
margin:26px 0 0 193px;
_margin:26px 0 0 96px;
width:489px;
padding:20px 0 0 0 ;
float:left;
display:block;
height:508px;
}
*+html #contentdemo{
height:502px;
}
#contentinschrijven{
margin:26px 0 0 193px;
_margin:26px 0 0 96px;
width:489px;
padding:0 0 0 0 ;
float:left;
display:block;
height:528px;
}
*+html #contentinschrijven{
height:522px;
}
#contentinschrijven ul{
margin:-10px 0 -10px 15px;
_margin:-10px 0 -10px 7px;
padding:0;
}
*+html #contentinschrijven ul{
margin:-20px 0 -20px 15px;
}
#contentinschrijven table tr td{
padding:3px 0;
color:#716557;
}
.babbelbox{
margin-top:50px;
font-size:18px;
}
.demonstratiecode{
font-size:18px;
}
.mini{
font-size:10px;
}
input{
border:1px solid #c2b59b;
background-color:#d7eff1;
}
input#adres, input#emailadres{
background-color:#dfec9d;
}
a.doorsturen{
display:block;
width:137px;
height:34px;
background:url(img/nav/btn-doorsturen.gif);
}
a.doorsturen span{
display:none;
}
a.doorsturen:hover{
background-position:0 -34px;
}
/***********fin pages************/
/***********navigation***********/
#nav{
float:right;
list-style-type:none;
margin: 26px 8px 0 0;
padding:0;
width:628px;
}
*+html #nav{
margin: 10px 8px 0 0;
}
#nav li {
float:left;
padding:0;
margin:0;
position:relative;
height:34px;
z-index:101;
}
#nav li a{
display:block;
height:34px;
width:157px;
}
#nav li a span{
display:none;
}
#nav li a.radiokamp{
background:url(img/nav/btn-radiokamp.gif);
}
#nav li a.kosten{
background:url(img/nav/btn-de-kosten.gif);
}
#nav li a.demo{
background:url(img/nav/btn-demo.gif);
}
#nav li a.inschrijven{
background:url(img/nav/btn-inschrijven.gif);
}
#nav li a:hover{
background-position:0 -34px;}
/***********fin navigation***********/


