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

body{
   background: #000 url(images/body2.gif) repeat-x;
   font-family:Verdana, Arial, Helvetica, sans-serif;
}

#wrapper{
   background: url(images/background.gif) repeat-x; 
   width: 1000px;
   height: 1050px; 
   margin: auto; 
   border: 2px dotted #993300;
} 

#header{
   background: url(images/header.png); 
   width: 908px;
   height: 234px;
   margin-left: 38px;
   float: left;
} 

/* ------------------------------Navigation---------------------------- */

#menu{
   width: 164px;
   height: 740px; 
   float: left;
   margin-left: 28px;
} 

/*-------------------------------content ------------------------------ */ 

#content{
   background: url(images/content.png);
   width: 734px; 
   height: 745px;
   float: left;
   margin-left: 10px;
   margin-top: 10px;
} 

#content2{
   background: url(images/content2.png);
   width: 734px; 
   height: 745px;
   float: left;
   margin-left: 10px;
   margin-top: 10px;
}

#spandoek{
   background: url(images/img_09.png);
   width: 751px;
   height: 104px; 
}

#spandoek2{
   background: url(images/overons.png);
   width: 751px;
   height: 104px; 
}

#spandoek3{
   background: url(images/tarieven.png);
   width: 751px;
   height: 104px; 
}

#spandoek4{
   background: url(images/fotos.png);
   width: 751px;
   height: 104px; 
}

#spandoek5{
   background: url(images/links.png);
   width: 751px;
   height: 104px; 
}

#spandoek6{
   background: url(images/contact.png);
   width: 751px;
   height: 104px; 
}

#spandoek7{
   background: url(images/uitlaten_header.png);
   width: 751px;
   height: 104px; 
}

#spandoek8{
   background: url(images/training_header.png);
   width: 751px;
   height: 104px; 
}

#spandoek9{
   background: url(images/regelement.png);
   width: 751px;
   height: 104px; 
}

.jenny_kop{
   float: left;
   margin-left: 160px;
   font-size: 26px;
   font-weight: bold; 
}

.sandra_kop{
   float: left;
   font-size: 26px;
   font-weight: bold; 
   margin-top: 30px; 
   margin-left: 230px;
}

#main li{
   list-style: none;
}

.fotobox{
   margin-left: 90px;
   margin-top: 80px;
   float: left;  
} 

#music{
   float: left;;
   width: 150px;
   height: 50px; 
   display: block;
   margin-top: 10px;
 }
 
#socialButtons {
   float: right;
   margin-top: 10px;
   margin-right: 15px;
}

#facebook {
    float: right;
}

#blog {
    float: right;
    margin-right: 10px;
}

#youtubeMov {
    float: left;
    margin-left: 50px;
}
 
.prikbord{
   background: url(images/prikbord.png) no-repeat;
   width: 575px;
   height: 434px;
   display: block;
   float: left;
   margin-left: 90px; 
}

.werkzaam{
   float: left;
   font-size: 18px;
   margin-left: 160px;

}

/*--------------soorten texten ---------------------------*/
.text{
   font-size: 11px;
   float: left;
   display: block; 
   margin-left: 40px; 
   padding: 10px;
   margin-top: 10px; 
}

/*------------- jenny of sandra nav ---------------- */ 

.keuze1{
   background: url(images/jenny.gif);
   width: 187px;
   height: 86px;
   float: left;
} 

.keuze2{
   background: url(images/sandra.gif);
   width: 193px;
   height: 87px;
   float: right;
   margin-right: 25px; 
} 

.keuze1:hover{
   background: url(images/jenny2.gif) no-repeat;
   width: 270px;
   height: 95px;
}

.keuze2:hover{
   background: url(images/sandra2.gif) no-repeat;
   width: 288px;
   height: 70px;
}

.debus{
   background: url(images/debus.gif);
   width: 206px;
   height: 60px; 
   float: right; 
   margin-top: 10px; 
   margin-right: 25px; 
} 

.debus:hover{
   background: url(images/debushover.gif);
   width: 324px;
   height: 67px; 
   float: right; 
   margin-top: 10px; 
   margin-right: 25px; 
}  
  
#tabs{
   border: none;
   
}  

.img_src{
   border: none;
} 

/*---------------------------------------------*/
.logo{
   background: url(images/logo.png);
   width: 500px;
   height: 400px;
   margin: auto; 
   display: block;
} 
 
.pootjes{
   background: url(images/poten.gif) no-repeat;
   width: 243px;
   height: 61px; 
   float: left;
   margin-left: 270px;
   font-size: 26px;
   font-weight: bold; 
}

.bestfriend{
   background:url(images/best_friend.gif);
   width: 99px;
   height: 56px; 
   float: left;
}  

.running_dog{
   background: url(images/running_dog2.gif);
   width: 470px;
   height: 50px; 
   float: left;
   margin-top: 100px; 
   margin-left: 70px;
} 

.gif_run{
   background:url(images/running.gif);
   width: 128px;
   height: 92px; 
   float: left;;
} 

.gif_training{
   background: url(images/hokje.gif); 
   width: 124px;
   height: 94px; 
}

.text table td{
   padding-left: 5px;
}

/*---------------------------onderste helft balk --------------------------------- */
#footer{
   display: inline;
   margin-top: 40px;
   color: #FFFFFF;
   font-size: 10px;
   float: right;
}