/* CSS Document */
body{
margin: 0;
text-align: center;
background-color: #d5eaff;
font-family: Comic Sans MS, Arial, Helvetica, sans-serif;
font-size: 62.5%;
}

div#main_container{
margin: 5px auto 0 auto;
width: 995px;
text-align: left;

}

div#header{
background: url(../images/header.jpg) no-repeat;
width: 100%;
height: 224px;
/*border-left: solid #000000 1px;
border-right: solid #000000 1px;
border-top: solid #000000 1px;*/
}

div#inhoud{
float: left;
width:990px;
height:auto;
background: url(../images/content.jpg) no-repeat;
}

div#menu{
float: left;
width: 183px;
height:auto;
color: #FFFFFF;
font-size:13px;
/*border-left: solid #000000 1px;
border-bottom: solid #000000 1px;*/
font-weight:bold;
}

div#content{
float: left;
width: 807px;
min-height:620px;
/*border-right: solid #000000 1px;*/
margin-bottom: 5px;
}

div#footer{
clear:both;
width: 990px;
height: 154px;
/*border-right: solid #000000 1px;*/
margin-bottom: 5px;
background: url(../images/footer.jpg) no-repeat;
}

.span{
display: none;
}

.ul{
list-style: none;
margin: 0;
padding-top: 10px;
padding-left: 658px;
}

.link_nl{
float:left;
width:30px;
height:25px;
}

.link_be{
float:left;
width: 30px;
height: 25px;
}

.link_ontbijtmenu{
float: left;
width: 100px;
height: 30px;
}

.link_bestellen{
float: left;
width: 70px;
height: 30px;
}

.link_contact{
float: left;
width: 70px;
height: 30px;
}

.li{
margin: 0 0 0 6px;
float: left;
display: inline;
} 

#menu a{
font-family: Comic Sans MS, Arial, Helvetica, sans-serif;
}

#menu a:link, #menu a:visited{
color: #FFFFFF;
text-decoration: none;
}

#menu a:hover, #menu a:active{
color: #000000;
text-decoration: overline underline;
} 

#menu span{
color:#000000;
}

#menu li{
margin-left: -17px;
}

.go_away{
	display: none;
}

fieldset{
width: 400px;
padding: 5px 0 10px 10px;
margin: 0 0 0 10px;
border: 1px solid #f9ad0a;
}

legend{
color: #008000;
font-weight: bold;
padding: 4px 6px 4px 0;
margin: 0 0 5px 0;
font-size: 1.4em;
}

label{
color: #008000;
width: 125px;
float: left;
padding: 2px 0 0 0;
font-size:1.3em;
font-weight:bold;
}

.bestelling label{
color: #008000;
width: 200px;
float: left;
padding: 2px 0 0 0;
font-size:1.3em;
font-weight:bold;
}


input{
margin: 2px 0 9px 0;
padding: 1px 0 2px 3px;
border: 1px solid #008000;
background-color: transparent;
width: 200px;
}

textarea{
margin: 2px 0 9px 0;
padding: 1px 0 2px 3px;
border: 1px solid #008000;
background-color: transparent;
width: 200px;
}

.radio{
margin: 2px 0 9px 0;
padding: 1px 0 2px 3px;
background-color: transparent;
border:none;
}

.radioo{
width:auto;
}

.fieldset_akkoord{
width: 400px;
padding: 5px 0 10px 10px;
margin: 0 0 0 10px;
border:none;
}

select{
margin: 2px 0 15px 0;
padding: 1px 0 2px 3px;
border: 1px solid #008000;
background-color: transparent;
}

.button{
background-color: transparent;
color: #008000;
font-weight: bold;
width: auto;
margin: 0 5px 0 0;
padding: 1px 5px 2px 5px;
cursor: pointer;
float: right;
}

.bestelling fieldset{
width: 600px;
padding: 5px 0 10px 10px;
margin: 0 0 0 10px;
border: 1px solid #f9ad0a;
}

/* begin hack \*/
* html .button{
padding: 0;
}

* html legend{
margin-left: -5px;
}
/* einde hack */ 

p{
color: #000000;
margin: 1px 0 0 0;
font-size:1.3em;
}

#content ul{
color: #008000;
margin: 1px 0 0 0;
font-size:1.3em;
list-style:disc;
margin-left: 40px;
}


h1{
color: #000000;
margin: 1px 0 5px 0;
font-size:2em;
}

h4{
color: #000000;
margin: 1px 0 0 0;
font-size:1.5em;
}

a{
font-family: Comic Sans MS, Arial, Helvetica, sans-serif;
}

a:link, a:visited{
color: #009900;
text-decoration: underline;
}

a:hover, a:active{
color: orange;
text-decoration: overline underline;
} 

.geenlink{
text-decoration:none;
border:none;
}

.links{
color: #008000;
margin: 1px 0 0 20px;
font-size:1.3em;
font-weight:bold;
}

.ontbijtmenu{
width: 500px;
height: 25px;
}

.ontbijtmenu_plaatje{
float:left;
width: 25%;
}

.ontbijtmenu_naam{
float:left;
width: 50%;
}

.ontbijtmenu_prijs{
float:left;
width: 25%;
}

div#betaalmethoden{
margin-bottom: 25px;
margin-top: 25px;
width:750px;
}

div#betaalmethoden_titel{
margin-bottom: 15px;
border-bottom:dashed #9ABC8A 1px;
}

div#bezorgkosten{
width:750px;
min-height:400px;
background:url(http://www.abrahamontbijt.nl/images/bezorgkosten.gif) no-repeat 450px 0;
float:left;
}

div#bezorgkosten_resultaat{
width:400px;
margin-left: 10px;
}

.bezorgkosten_res_plaats{
width:250px;
float:left;
}

.bezorgkosten_res_prijs{
width:100px;
float:left;
}

.bezorgkosten_res_toevoegen{
width:50px;
float:left;
}

#bezorgkosten span{
font-weight:bold;
}

.lunch{
width:711px;

}

.lun_titel{
width:700px;
}

.lun_plaatje{
width:200px;
height:100%;
float:left;
margin: 0 0 0 11px;
}

.lun_inhoud{
width:500px;
float:right;
height:33.33%;
margin-top:10px;
}

.lun_prijs{
width:700px;
float:left;
margin-top:10px;
}

div#ontbijt_detail{
width:711px;
}

div#ontbijt_det_titel{
width:700px;
}

div#ontbijt_det_omschrijving{
width:700px;
}

div#ontbijt_det_plaatje{
width:200px;
height:100%;
float:left;
margin: 0 0 0 11px;
}

div#ontbijt_det_brood{
width:500px;
float:right;
height:33.33%;
margin-top:10px;
}

div#ontbijt_det_beleg{
width:500px;
float:right;
height:33.33%;
margin-top:1px;
}

div#ontbijt_det_bijzonderheden{
width:500px;
float:right;
height:33.33%;
margin-top:1px;
}

div#ontbijt_det_prijs{
width:700px;
float:left;
margin-top:10px;
}
div#ontbijt_det_prijs1{
width:211px;
float:left;
}

div#ontbijt_det_prijs2{
width:489px;
float:left;
}

/* Dit stukje is voor brunch maar naam ontbijt gehouden voor het gemak :D */

div#ontbijt_det_warm{
width:500px;
float:right;
height:33.33%;
margin-top:1px;
}

div#ontbijt_det_koud{
width:500px;
float:right;
height:33.33%;
margin-top:1px;
}

div#ontbijt_det_boullion{
width:500px;
float:right;
height:33.33%;
margin-top:1px;
}

div#ontbijt_det_desert{
width:500px;
float:right;
height:33.33%;
margin-top:1px;
}

div#ontbijt_det_personen{
width:500px;
float:right;
height:33.33%;
margin-top:1px;
}

/* dank u voor de aandacht :D */


div#nieuwsbrief{
width:750px;
min-height:350px;
background:url(http://www.abrahamontbijt.nl/images/apenstaartje.jpg) no-repeat 550px 50px;
}

#ontbijt_detail ul{
color: #008000;
margin: 1px 0 10px 25px;
font-size:1.3em;
}

div#bestellen{
width:750px;
min-height:400px;
float:left;
}

div#akkoord{
float:left;
width:150px;
}

div#niet_akkoord{
float:left;
width:150px;
}

div#laptop{
width:250px;
}

.ontbijt_alles{
width:150px;
height:210px;
float:left;
border: 1px dashed #008000;
margin: 2.5px 2.5px 2.5px 2.5px;
text-align:center;
}

.ontbijt_all_plaatje{
width:140px;
height:123px;
float:left;
text-align:center;
}

.ontbijt_plaatje{
max-height:123px;
}

.ontbijt_all_titel{
width:150px;
height:70px;
float:left;
}

.ontbijt_all_prijs{
width:150px;
height:17px;
float:left;
}

.ontbijt_actueel{
width:285px;
height:auto;
float:left;
border: 1px dashed #008000;
margin: 1px 0 5px 5px;
text-align:center;
}

.ontbijt_act_plaatje{
width:280px;
height:auto;
float:left;
text-align:center;
}

.plaatje_actueel_ontbijt
{
width:285px;
height:auto;

}

.ontbijt_act_titel{
width:290px;
height:auto;
float:left;
}

div#content_ontbijt_left{
width:490px;
margin-left: 25px;
height:auto;
float:left;
}

div#content_ontbijt_plaatje{
width:292px;
height:auto;
float:left;
}

div#onbijten_index{
width:750px;
height:auto;
float:left;
}

div#content_left{
width:463px;
margin-left: 25px;
height:auto;
float:left;
}

div#content_plaatje{
width:283px;
height:auto;
float:left;
}

div.vestiging{
width:300px;
float:left;
margin-bottom: 5px;
}

div.ves_info{
width:300px;
float:left;
}

div.ves_plaatje{
width:0px;
float:left;
}

div#cadeaus{
width:672px;
float:left;
height:auto;
}

div.cad_thumbnail{
width:155px;
float:left;
margin: 5px 0 0 11px;
height:190px;
border: dashed #9ABC8A 1px;
text-align:center;
}

div#cadeau_detail{
width:750px;
float:left;
height:auto;
}

div#cad_plaatje{
max-width:350px;
float:left;
margin: 5px 0 0 11px;
height:auto;
}

div#cad_info{
max-width:350px;
float:left;
margin: 5px 0 0 11px;
height:auto;
}

div.bestelling{
width:750px;
float:left;
height:auto;
border: dashed #9ABC8A 1px;
margin: 7px 0 0 11px;
}


div.bes_aantal{
width:100px;
height:25px;
float:left;
}

div.bes_naam{
width:300px;
height:25px;
float:left;
}

div.bes_prijsps{
width:100px;
height:25px;
float:left;
}

div.bes_prijstot{
width:100px;
height:25px;
float:left;
}

div.bes_verwijder{
width:100px;
height:25px;
float:left;
}

div#error_message{
width:750px;
float:left;
height:auto;
border: solid #F16048 1px;
background: #FAEBE7;
margin: 7px 0 0 11px;

}

div.actiecode{
width:750px;
float:left;
height:auto;
border: dashed #9ABC8A 1px;
margin: 7px 0 0 11px;
}

div.act_actiecode{
width:375px;
float:left;
height:auto;
}

div.act_button{
width:374px;
float:left;
height:auto;
border-left: dashed #9ABC8A 1px;
}

<!-- Test van tabbladen //-->

div.tab {            
width:        10px;
height:        20px;
}
        
div.content {
left:        2px;
top:         40px;
z-index:    0;
border: 1px solid #333333;
width:    500px;
height:    350px;
text-align:     left;
padding-left:    5px;
padding-top:    5px;
}