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



*{
margin: 0px; padding: 0px;
}

img {
border: none;
}

a {
text-decoration: none;
color: #000000;
outline: none;
font-family: arial;
font-size: 12px;
}

a:hover {
color: #464646;
} 

body {
font-family: arial;
font-size: 12px;
color: #464646;
background-color:#000000;
}

p.leading {
line-height: 200%
}

#container {
width: 800px;
padding-left: 42px;
padding-right: 42px;
height: auto;
margin: 0px auto; 
text-align: left;
background-color: #000000;
}

/*tekst opmaak*/

p.leading {
line-height: 150%;
}

h1.tekstkop {
font-size: 18px;
padding-bottom: 18px;
}

h3.bold {
font-size: 12px;
}


/* header met logo. menu balk met knoppen*/

#indexheader {
width: 800px;
height: 137px;
float: left;
background-image: url(images/indexheaderback.jpg);
}

#indexhoofd {
width: 800px;
height: 199px;
float: left;
background-image: url(images/indexhoofd.jpg);
}

#header {
width: 800px;
height: 137px;
float: left;
background-image: url(images/headerback.jpg);
}

#logo {
width: 226px;
height: 49px;
float: left;
margin-top: 26px;
margin-left: 42px;
background-image: url(images/logo.jpg);
}

#menu {
width: 800px;
height: 26px;
float: left;
background-color: #d7d7d7;
}

.knoplinks {
margin-left: 42px;
margin-right: 73px;
float: left;
}

.knop {
margin-right: 75px;
float: left;
}

.knoprechts {
float: left;
}




/*content per pagina*/

#content {
width: 800px;
height: auto;
padding-bottom: 26px;
float: left;
background-color: #FFFFFF;
}

#contentinfo {
width: 800px;
height: auto;
float: left;
background-color: #FFFFFF;
}

#kopbalkheel {
width: 758px;
height: 38px;
float: left;
margin-top: 26px;
margin-bottom: 18px;
background-color: #464646;
}

.kop {
margin-left: 42px;
float: left;
}




/*info.html*/

#infotekstvak {
width: 422px;
height: auto;
float: left;
margin-left: 42px;
margin-bottom: 26px;
}


#wijnbanner {
width: 200px;
height: 75px;
float: left;
margin-left: 94px;
margin-top: 40px;
}

#animatie {
width: 800px;
height: 221px;
float: left;
background-image: url(images/animatieback.jpg);
}



/* pizzeria, ristorante, wijnbar, contact en route */

/*hoofdfotos per pagina*/

#hoofdfotopizza {
width: 358px;
height: 358px;
float:left;
margin-top: 26px;
margin-left: 42px;
background-image: url(images/hoofdfotopizza.jpg);
}

#hoofdfotowijn {
width: 358px;
height: 358px;
float:left;
margin-top: 26px;
margin-left: 42px;
background-image: url(images/hoofdfotowijn.jpg);
}

#hoofdfotoristorante {
width: 358px;
height: 358px;
float:left;
margin-top: 26px;
margin-left: 42px;
background-image: url(images/hoofdfotoristorante.jpg);
}

#hoofdfotocontactenroute {
width: 358px;
height: 358px;
float:left;
margin-top: 26px;
margin-left: 42px;
background-image: url(images/hoofdfotocontactenroute.jpg);
}


/*tekstopmaak per pagina*/

#tekstvakrechts{
width: 358px;
height: auto;
float: left;
margin-top: 26px;
margin-right: 42px;
}

#kopbalkhalf {
width: 358px;
height: 38px;
margin-bottom: 18px;
background-color: #464646;
}

#halftekstvak {
width: 361;
height: auto;
margin-left: 42px;
}


/*links pagina met logos*/

#logoruimte {
width: 716px;
height: auto;
margin-left: 42px;
padding-bottom: 60px;
float: left;
}


#logolinks {
width: 210px;
height: 105px;
margin-top: 42px;
float: left;
}

#logooverig {
width: 211px;
height: 105px;
margin-left: 42px;
margin-top: 42px;
float: left;
}

#logospace {
width: 210px;
height: 63px;
float: left;
}

#logotoelichting {
width: 210px;
height: 30px;
margin-top: 12px;
float: left;
}



/*design en photography by Ferry Rast*/

#ferryrast {
width: 800px;
height: 26px;
margin-bottom: 42px;
float: left;
}

#ferryrastlink {
padding-top: 15px;
width: 207px;
height: 11px;
float: right;
}


/*restaurant menukaarten voor pizzeria ristorante en wijnbar*/


/*balken inactief*/

#pizzeriabalk {
width: 716px;
height: 38px;
margin-top: 26px;
margin-left: 42px;
float: left;
}

#ristorantebalk {
width: 716px;
height: 38px;
margin-left: 42px;
float: left;
}

#wijnbarbalk {
width: 716px;
height: 38px;
margin-left: 42px;
float: left;
}

#menukopinactief {
width: auto;
height: 38px;
float: left;
}



/*balken actief*/

#pizzeriabalkactief {
width: 716px;
height: 38px;
margin-top: 26px;
margin-left: 42px;
float: left;
background-color: #464646;
}

#ristorantebalkactief {
width: 716px;
height: 38px;
margin-left: 42px;
float: left;
background-color: #464646;
}

#wijnbarbalkactief {
width: 716px;
height: 38px;
margin-left: 42px;
float: left;
background-color: #464646;
}

#menukopactief {
width: auto<div;
height: 38px;
float: left;
margin-left: 170px;
}



/*menukaart deel*/

#menukaart {
width: 546px;
height: auto;
margin-left: 212px;
float: left;
}

#menukaartonderkant {
width: 546px;
height: 35px;
margin-left: 212px;
float: left;
}

#omhoogknop {
width: 35px;
height: 35px;
float: right;
}