html, body {
 margin: 0;
 padding: 0;
}

body {
 font: 0.75em/1.4 arial, serif;
 color: #444;
}

/* default element margins */
h1, h2, h3, h4, h5, h6, p,
form,
table.index {
 margin: 1em 0;
}

img {
 border:0px;
}

h1{
 font-size: 1.5em;
 color: #0066FF;
 margin: 0.5em 0;
}

h2{
 font-size: 1.2em;
 color: #FF6600;
}

tbody th {
 text-align: left;
}

form {
 padding: 0;
}

form th {
 width: 140px;
 vertical-align: top;
}

form td input {
 border: 1px #AAA solid;
 padding: 2px;
}

form fieldset {
 margin: 1em 0;
 border: 2px #D4EE89 solid;
 padding: 10px;
}

fieldset legend {
 font-size: 20px;
 color: #0166FE;
 padding: 0 0.25em;
}

form label {
 cursor: pointer;
}

p.submit {
 text-align: right;
 margin-bottom: 0;
}

.clear {
 clear: both;
}

/*container 954px breed gecentreerd*/
#container {
 width: 980px;
 margin: 0 auto;
}

/*header bevat logo en een plaatje rechts*/
#header {
 width: 980px;
 height: 144px;
 background: url(/gfx/header.jpg) no-repeat 474px 0;
 position:relative;
}

#twitter{
position:absolute;
top:0px;
right:5px;
z-index:500;
}

#twitter a{
display:block;
background:url('/gfx/twitter.png') no-repeat center right;
font-size:12px;
color:gray;
text-decoration:none;
padding-top:7px;
font-weight:normal;
width:125px;
height:130px;
}

#twitter a:hover{
color:black;
text-decoration:none;
}

body#home #header,
body#zonder-korting #header {
 background: none;
}

#logo {
 float: left;
 width: 474px;
 margin: 0;
}

h1#logo img {
 width: 460px;
 height: 130px;
}

#header_picture {
float:left;
width:459px;
}
/*
#nav {
 position: relative;
 height: 25px;
 border-top: 5px #ff944c solid;
 background: #ff6600;
}
*/
#nav {
 position: relative;
 height: 25px;
}

.nav-rood {
 border-top: 5px #ff944c solid;
 background: #ff6600;
}

.nav-groen {
 border-top: 5px #d4ee89 solid;
 background: #a6ce39;
}

body#zonder-korting #nav {
 border-top-color: #D4EE89;
 background: #A6CE39;
}

#nav ul {
 position: absolute;
 top: 0;
 z-index: 40;
 padding: 0 0px 0px 7px;
 margin: 4px 0 0 0;
}

#nav li {
 display: inline;
 color: #FFF;
 font-weight: bold;
 margin: 7px;
}

#nav li a {
 color: #FFF;
 text-decoration: none;
}

#nav li a:hover {
 text-decoration: underline;
}

#inloggen {
 position: absolute;
 right: 0;
 top: 4px;
 z-index: 40;
}

#inloggen a {
 margin: 4px 5px 0px 10px;
 color: #FFF;
 font-weight: bold;
 text-decoration: none;
}

/*bevat left en right content*/
#content {
 width: 980px;
}

#content_tekst {
 width: 800px;
 float: left;
}

/*reclame banner*/
#banner{
 float: right;
 width: 127px;
 height: 602px;
 margin: 30px 5px 0px 0px;
}

/* GOOGLE MAPS rest. in de buurt */
#map {
 width: 100%;
 height: 300px;
 margin-top:5px;
 border: 1px #888 solid;
}

/*left content*/
#left_content {
 width: 460px;
 float:left;
 margin-bottom: 10px;
}

#right_content {
 width: 490px;
 float:right;
 margin-top: 263px;
 margin-bottom: 10px;
 z-index: 100;
 position: relative;
}

body#zonder-korting #right_content {
 margin-top: 343px;
}

/* SEARCH */
#gevonden {
 float: left;
 width: 320px;
 height: 280px;
 margin: 10px 0px;
}

#zoekcontainer { 
 width:300px;
 float:left;
}

#zoeken {
 margin: 10px 0px;
}

form#form-aanmelden,
form#form-inloggen,
form#form-reserveren {
 width: 40em;
}

form#form-zoeken {
 width: 360px;
 float: left;
 margin: 0;
}

div.zoek-gmaps {
 width: 280px;
 border: 1px #888 solid;
 float: left;
 margin-left: 10px;
}

#map-zoek {
 width: 425px;
 height: 280px;
 margin-top: 25px;
 border: 1px #888 solid;
}

/* zoek resultaten */
#restaurants {
 float:left;
 width: 800px;
 padding: 0;
 margin: 0;
 list-style: none;
}

#restaurants > li {
 border-top: 1px dashed #a0c6ff;
}

li.odd {
 background: #F3F3F3;
}

#restaurants h3  a{
 font-size: 16px;
 color: #a6ce39;
 margin: 5px 0;
}

/*  #restaurants h3  a{
 font-size: 16px;
 color: #a6ce39;
 margin: 5px 0;
}  */

#restaurants .niet-beschikbaar .restaurant-naam  a{
 color: #C72E35;
}

.restaurant-naam {
 width: 300px;
 margin-left: 18px;
}

.restaurant-adres {
 margin: 0;
}

.wrap-foto-icons {
 float: left;
 width: 120px;
 height: 130px;
 margin: 10px;
}

.wrap-foto-icons p {
 margin: 10px 0 0 0;
}

.wrap-foto-icons p img {
 margin-right: 10px;
}

.restaurant-thumb {
 display: block;
}

.restaurant-keuken {
 margin: 0;
}

.restaurant-beschrijving {
 float: left;
 width: 375px;
 margin: 15px 0px 0px 0px;
}

#restaurants div.wrap {
 width: 480px;
 float: left;
 margin-bottom: 5px;
}

/* menu rechts van zoekresultaten */
.opties {
 float: left;
 width: 170px;
 margin: 10px 0 5px 0;
 padding-left: 10px;
 color: #FFF;
 font-size: 11px;
 list-style-type:none;
}

.opties li {
 width: 140px;
 height: 19px;
 margin: 1px 0;
 display: block;
}

.opties li a{
 background: url('/gfx/menu_button.png') no-repeat;
 width: 140px;
 height: 17px;
 display: block;
 color: #FFF;
 text-decoration:none;
 padding: 2px 4px;
}
         
.opties li.accent{
height:26px;
}         
                 
.opties li a:hover{
 background-image:url('/gfx/menu_button_over.png');
}                   

.opties li.accent a{
background:url('/gfx/menu_button_accent.png') no-repeat scroll 0 0 transparent;
color:#FFFFFF;
display:block;
height:22px;
padding:2px 4px;
text-decoration:none;
width:140px;
font-size:15px;
}
                 
.opties li.accent a:hover{
 background-image:url('/gfx/menu_button_accent_mo.png');
}   

.horizontal {
 width: 100%;
}

.horizontal li {
 float: left;
 margin-right: 10px;
}

#restaurant-nav {
 padding-left: 0;
 margin: 0 0 20px 0;
 float: left;
 width: 150px;
}

/* @old, homepage artikelen */
#artikel_container{
 width:450px;
 border-top:1px dashed #1170ff;
 border-bottom:1px dashed #1170ff;
}

#artikel_foto{
 float:left;
 width:128px;
 height:130px;
 padding:30px 0px 30px 15px;
}

#artikel{
 float:left;
 width:225px;
 padding:20px 0px 20px 15px;
 margin-left:50px;
 border: 1px red solid;
}

#artikel h2{
 color:#0066ff;
 font-size:14px;
}

#over_lastminute{
 width:380px;
 padding:20px 0px 0px 15px;
}

#over_lastminute h2{
 color:#ff7011;
 font-size:14px;
}
/* @old end */

/* home image */
.diner-groot {
 position: absolute;
 right: 52px;
 top: -75px;
 z-index: 10;
 width: 423px;
 height: 423px;
}

#diner-groot {
 background: url('/gfx/diner_groot.jpg') no-repeat;
}

#diner-groot-zk {
 background: url('/gfx/diner_groot02.jpg') no-repeat;
}

/* home blokken rechterkant */
.info-blok {
 width: 135px;
 margin: -90px 0 0 15px;
 float: left;
 background-repeat: no-repeat;
 padding-top: 0px;
}

.info-blok a {
 color: #444;
 display: block;
 text-decoration: none;
 padding-top: 120px;
}

#info-blok1 {
 background-image: url('/gfx/1.png');
}
    
    #info-blok1 h3 {
     color:#a6ce39;
    }

#info-blok2 {
 margin-top: -20px;
 background-image: url('/gfx/2.png');
}

    #info-blok2 h3 {
     color:#FF6600;
    }

#info-blok3 {
 background-image: url('/gfx/3.png');
}

    #info-blok3 h3 {
     color:#0066FF;
    }
    

/*reserveren*/
#reserveren{
margin:0 auto;
width:450px;
padding-top:100px;
font-size:12px;
}
#reserveren p{
padding-top:30px;
margin:0 auto;
width:400px;
}

#reserveren fieldset{
 border: 1px #000 solid;
 height:260px;
}
#reserveren ul{
padding:10px 0px 0px 15px;

}
#kosten{
font-size:10px;
}

/*aanmelden*/
#aanmelden{
 width:600px;
 font-size:12px;
 margin-top:20px;
}

div#aanmelden fieldset {
 border: 1px #000 solid;
 width:450px;
}

#gratis{
 margin-left: 100px;
}

/*profiel pagina*/

/*menu links*/
#opties{
float:left;
width:136px;
margin:30px 0px 0px 0px;
}

/*Naam van het restaurant*/
#restaurantnaam{
margin:10px 0px 0px 52px;
width:300px;
}

#restaurantnaam h2{
color:#A6CE39;
font-size:font-size:14px;
}

/*Fotoviewer*/
#fotoviewer_container{
 float:left;
 width:470px;
}

#restaurant_content {
 float:left;
 width: 645px;
 position: relative;
}


#restaurant_info {
 float: left;
 width: 300px;
 background: #CACACA;
 border-right: 3px solid #A6CE39;
 padding: 10px 10px 0 10px;
}

#restaurant_info table {
 color: #FFF;
}

#restaurant_route {
 float: left;
 width: 440px;
 padding: 0 10px 0 10px;
}

/*footer*/
#footer{
 border-top: 5px #D4EE89 solid;
 background: #A6CE39;
 height: 20px;
 color: #FFF;
 padding-top: 5px;
 text-align: center;
 margin: 5px 0;
}

.notice {
 border: 1px #FFDC00 solid;
 background: #FFF998;
 padding: 1em;
 width: 500px;
}

.error {
 border: 1px #E30707 solid;
 background: #FED8D8;
 padding: 1em;
 width: 40em;
}

/* table view */
table.view {
 width: 100%;
 border-collapse: collapse;
 margin-bottom: 10px;
}

table.view thead th {
 text-align: left;
 background: #DDD;
}

table.view th, table.view td {
 padding: 3px;
}

table.view tbody tr {
 border-bottom: 1px #CCC solid;
}

td.action {
 text-align: right;
}

table caption {
 font-size: 1.2em;
 color: #FF6600;
 font-weight: bold;
 text-align: left;
 margin: 0.25em 0;
 padding-top: 0.5em;
}

table.info {
 clear: left;
}

table.info tbody th {
 color: #FF6600;
 width: 80px;
}

#restaurant-openingstijden {
 width: 100%;
 margin-top: 1em;
}

#restaurant-openingstijden caption {
 font-size: 1em;
}

.sms-disclaimer {
 margin-top: 20px;
 width: 40em;
}

#knop-reserveren {
 display: block;
 margin-left: -10px;
}

/* calendar */
table.calendar {
 border-collapse: collapse;
 font: 12px arial, serif;
 margin: 10px 0 50px 0;
 border: 2px #DDD solid;
}

table.calendar tbody td {
 width: 123px;
 height: 50px;
 border: 2px #DDD solid;
 vertical-align: top;
 padding: 4px;
 font-size: 11px;
}

table.calendar a {
 color: #333;
 text-decoration: none;
}

table.calendar a:hover {
 color: #333;
 text-decoration: underline;
}

.next-month {
 text-align: right;
}

.calendar-month {
 font-size: 16px;
 font-weight: bold;
 text-align: center;
}

table.calendar tbody td div {
 position: relative;
 height: 100%;
}

.weekday {
 display: block;
 position: absolute;
 bottom: 0;
 right: 0;
 font-weight: bold;
}

.notcurrent-month {
 background: #F8F8F8;
}

.notcurrent-month span.weekday {
 color: #BBB;
}

.weeknr {
 padding: 4px;
 vertical-align: bottom;
 text-align: center;
 border-bottom: 2px #DDD solid;
}

.daginstelling {
 background: #F1FFF2;
}

.date-delete {
 position: absolute;
 bottom: 0;
 left: 0;
 width: 16px;
 height: 16px;
 background: url(/gfx/icons/bullet_delete.png);
}

.date-add {
 position: absolute;
 bottom: 0;
 left: 0;
 width: 16px;
 height: 16px;
 background: url(/gfx/icons/bullet_add.png);
}

.calendar .geen-korting {
 background: #FEEDE2;
}

.calendar .niet-beschikbaar {
 background: #FEE2E2;
}

.calendar .current-day {
 background: #EDF8CE;
}

#reserveren-kalender tbody td {
 width: 120px;
}

input[readonly] {
 background: #F0F0F0;
}


.ad1 {
 margin-top:5px;   
 float: left;
 margin-right: 44px;
}

.ad2 {
margin-top:5px;
 float: left;
}

.footer-blok {
 width: 215px;
 min-height: 235px;
 border: 1px #D4EE89 solid;
 float: left;
 padding: 10px;
 margin-right: 10px;
 margin-bottom: 10px;
}

.footer-blok ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

.footer-blok a {
 color: #FF6500;
}

div.keuken-anders {
 margin-right: 0;
} 

div.keuken-mediteraans {
 margin-left: 2px;
}

#zoek-legenda {
 font-weight: bold;
 font-size: 14px;
}

.legenda-met-korting {
 color: #A6CE39;
}

.legenda-zonder-korting {
 color: #C72E35;
}

/* homepage */

.leesmeer{
text-decoration:none;
background:url('/gfx/link-pijl.png') no-repeat 0px 5px;
padding-left:12px;
color:#8cac35;
}

.leesmeer:hover{
text-decoration:underline;
}

#hoofd_bericht{
margin:10px 0;
border-top:1px dashed #6aa6ff;
}

#hoofd_bericht h2{
color: rgb(0, 102, 255);
font-size: medium;
}

#hoofd_bericht img{
float:left;
margin:3px 10px 5px 0px;
}

#berichten{
border-top:1px dashed #6aa6ff;
}

#berichten .bericht{
border:1px solid #e8e8e8;
width:318px;
float:left;
margin:10px 5px;
}

#berichten .rotator{
border:1px solid #e8e8e8;
width:318px;
margin:10px 5px;
overflow:hidden;
}

#berichten .rotator img, #berichten .rotator table { display: none }
#berichten .rotator first { display: block }

#berichten .nieuwsbrief{
width:318px;
border:1px solid #e8e8e8;
height:119px;
margin:10px 5px;
position:relative;
}

#berichten .bericht .content{
min-height:300px;
margin:20px;
}

#berichten .bericht img{
float:left;
margin:0 15px 8px 0;
}


#berichten .first{
margin-left:0px;
}

#berichten .last{
margin-right:0px;
}

#berichten-rechts{
float:right;
}

.nieuwsbrief{
width:318px;
border:1px solid #e8e8e8;
height:150px;
}   

    .nieuwsbrief .form-hdr{
        height:30px;
        background-image:url('/gfx/form-hdr-bg.png');
        overflow:hidden;
    }
    
        span.hdr-niewsbrief{
        margin-left:10px;
        margin-top:8px;
        color:white;
        display:block;
        float:left;
        }
        
        a.niewsbrief-uitschrijven{
        float:right;
        margin-right:6px;
        margin-top:8px;
        color:white;
        }

    .nieuwsbrief .content-nieuwbrief{
    margin:1px;
    }
    
        .nieuwsbrief form{
        margin:5px 2px;
        }

    .blur{
    color:#9b9b9b;
    }

    .nieuwsbrief input, .nieuwsbrief select{
    padding:2px;
    margin:2px;
    border-color:#b0b0b0;
    border-width:1px;
    }

    .input-voornaam{
    width:70px;
    }
    
    .input-tussen{
    width:30px;
    }
    
    .input-achternaam{
    width:90px;
    }
    
    .nieuwsbrief .input-postcode{
    width:136px;
    }
    
    .nieuwsbrief .input-email{
    width:179px;
    }    
    
    .input-submit-holder{
    position:absolute;
    bottom:1px;
    right:1px;
    }
    
    .input-submit{
    cursor:pointer;
    }
    
    .aantal-sterren{
    color:black;
    }
    
    /* - restaurant overzicht --- */
    .restaurant-overzicht{
    border: 1px #D4EE89 solid;
    padding:20px;
    }
     
    .restaurant-overzicht p, .restaurant-overzicht span{
    color:#727272;
    }
    
    .restaurant-overzicht ul{
    margin:0px;
    padding:0px;
    }
    
    .restaurant-overzicht h1{
    margin-top:0px;
    }
    
    .restaurant-overzicht h2{
    display:inline;
    }
    
    .restaurant-overzicht li{
    width:129px;
    list-style:none;
    float:left;
    padding:0px 5px 3px 0;
    }
    
    .restaurant-overzicht > ul > li{
    margin-bottom:15px;
    }
    
    .restaurant-overzicht a{
    color:#ff6600;
    text-decoration:none;
    font-weight:bold;
    }
    
    .restaurant-overzicht a:hover{
    color:#a6ce39;
    }
    
    .restaurant-overzicht .hidden{
    display:none;
    }
    
        .overzicht-restaurants h2{
        display:block;
        margin:5px 0;
        }
            
            .overzicht-restaurants li{
            width:150px;
            padding:0px 15px 10px 0;
            border-top: 1px #D4EE89 solid;
            margin-right:15px;
            }
            
                .overzicht-restaurants .keuken{
                margin:5px 0;
                color:#a6ce39;
                }
                
                .overzicht-restaurants .disc{
                margin-bottom:3px;
                }
                

    .restaurant-overzicht a.toggle-plaats{
    cursor:pointer;
    color:gray;
    font-weight:normal;
    margin:12px 0;
    }
    
    /* - actiecode --- */
    
    #form-actie-dinercheque input[type='text']{
    border-left:1px solid #AAAAAA;
    border-top:1px solid #AAAAAA;
    border-right:1px solid #AAAAAA;
    border-bottom:1px solid #AAAAAA;
    }
    
        .field-actiecode{
        background:url('/gfx/field-actiecode.png') no-repeat 70px 0;
        width:281px;
        height:59px;
        position:relative;
        vertical-align:middle;
        padding-top:25px;
        }
            #form-actie-dinercheque label{
            float:left;
            width:140px;
            display:block;
            }
            
            #form-actie-dinercheque input[type='image']{
            margin-left:140px;
            }
            
            #form-actie-dinercheque .pField-nieuwsbrief label{
            width:auto;
            float:none;
            }
            
            #form-actie-dinercheque .pField-nieuwsbrief input{
            float:left;
            }
            
            #form-actie-dinercheque .field-actiecode input{
            border:0px;
            position:absolute;
            top:28px;
            left:147px;
            width:115px;
            }
            
            #form-actie-dinercheque .capcha-image{
            margin-left:140px;
            }
            
            p.exception{
            color:#ea6610;
            font-weight:bold;
            padding:12px;
            background-color:#f5f5f5;
            }
            
            p.message{
            color:#a6ce39;
            font-weight:bold;
            padding:12px;
            background-color:#f5f5f5;
            }
            
            .p-algemeen{
            color:gray;
            border-top:1px solid #ededed;
            padding-top:15px;
            margin-right:15px;
            margin-top:15px;
            }
            
            .fieldset-dagtemplate-periode table{
            float:left;
            padding-right:30px;
            }
            
            .fieldset-dagtemplate-periode th{
            width:165px;
            }
            
            .veel-gestelde-vragen-button{
            display:block;
            background:url('/gfx/vraag.png') no-repeat 2px 0;
            padding-left:35px;
            padding-top:6px;
            color:#214c9a;
            height:25px;
            }
            
            .prettyPhoto-button{
            display:block;
            background:url('/gfx/video.png') no-repeat;
            padding-left:35px;
            padding-top:6px;
            color:#214c9a;
            height:25px;
            }
       
            .veel-gestelde-vragen-button:hover{
            text-decoration:none;
            }
            
            .prettyPhoto-button:hover{
            text-decoration:none;
            }