/* Style for Horecaslagerij Manders */

* {
margin:0 auto;
}

body {
background: url(../images/achtergrondcontent.jpg);
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}

#top {
background: url(../images/achtergondheader-groter2.png);
width:100%;
height:375px;
}

#wrapper {
width:950px;
}

#banner {
width:950px;
height:375px;
}

#main {
width:905px;
text-align:left;
}

#footer {
background: url(../images/balk.png) repeat-x;
width:905px;
height:40px;
color: #FFFF99;
text-align:center;
padding-top:10px;
margin-top:5px;
font-family:"Times New Roman", Times, serif;
font-size:16px;
font-weight:bold;
}

#welcome {
width:427px;
height:135px;
padding:13px;
margin-bottom:5px;
font-weight:bold;
}

#movie {
background: #bf2f38;
width:427px;
height:301px;
padding:13px;
margin-bottom:5px;
}

#thumbnails {
background: #ffd27c;
width:905px;
text-align:center;
padding:7px 0 7px 0;
height:134px;
}

#thumbnails2 {
width:905px;
text-align:center;
padding:7px 0 7px 0;
height:134px;
}

#productlist {
width:430px;
}

#shopping_cart {
background: #ffc450;
width:430px;
min-height:135px;
height:auto !important;
height:135px;
margin:0 0 5px 5px;
padding:13px;
font-weight:bold;
}

h1 {
color:#bf2f38;
font-size:30px;
text-transform:uppercase;
font-weight:bold;
font-family:"Times New Roman", Times, serif;
margin:0;
padding:0;
}

h2 {
color:#bf2f38;
font-size:24px;
text-transform:uppercase;
font-weight:bold;
font-family:"Times New Roman", Times, serif;
margin:0;
padding:0;
}

h3 {
color:#000000;
font-size:16px;
text-transform:uppercase;
font-weight:bold;
font-family:"Times New Roman", Times, serif;
margin:0;
padding:0;
}

h4 {
color:#000000;
font-size:14px;
font-family:"Times New Roman", Times, serif;
margin:0;
padding:0;
}

/* Classes */

.block_dark, .dark {
background: #ffc450;
}

.block_light, .light {
background: #ffd27c;
}

.block_dark, .block_light {
width:421px;
height:135px;
margin:0 0 5px 5px;
padding:13px;
font-weight:bold;
}

.homeImg {
padding-left:13px;
padding-bottom:13px;
}

.titleImg {
margin-bottom:10px;
}

.colored {
background:#ffd27c;
}

/* Recept */

.recept, .recept2 {
width:435px;
font-size:16px;
}

.recept {
margin:0 10px 20px 14px;
}

.recept2 {
margin:0 10px 20px 0; 
}

.receptTitle {
color:#bf2f38;
font-size:28px;
}

.receptTitle2 {
color:#bf2f38;
margin-bottom:5px;
}

.receptTable {

}

.receptImg {
border:3px solid #bf2f38;
}

.preparationTitle {
color:#bf2f38;
font-size:22px;
padding-bottom:10px;
}

#ingredients {
width:528px;
}

.ingredientsText {
padding:0 15px 0 15px;
color:#bf2f38;
font-weight:bold;
background: url(../images/ingredientsbg.png) repeat-y;
}

.ingredientsText ul {
padding: 0;
margin: 0 0 0 20px;
}

#preparation {
width:904px;
color:#bf2f38;
margin-top:15px;
font-weight:bold;
margin-bottom:10px;
}

.blackBorder {
border:1px solid #000000;
}


/* Customer */


.customerLogin {
width:375px;
text-align:center;
}

.customerLoginTable {

}

.input {
padding:2px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px; 
}

.normal {
font-weight:normal;
}

.center {
text-align:center;
}

.red {
color:#bf2f38;
}

/* Floats */

.floatleft {
float:left;
}

.floatright {
float:right;
}

.clearfloat {
clear:both;
}

.no_border {
border:none;
}

#latestProducts {
margin: 0 auto;
width:615px;
}


/* Orderhistory */

h5 {
color:#000000;
font-size:19px;
font-weight:bold;
font-family:"Times New Roman", Times, serif;
margin:0;
padding:0;
}

.cuf {
text-decoration:none;
font-size:20px;
}

.tableHeader {
background:#bf2f38 !important;
color:#FFFFFF;
text-align:center;
height:25px;
}

.tableHeader h3 {
color:#FFFFFF;
font-size:20px;
}

.contentTable {
margin-bottom:20px;
}

.tableHeader2 {
background:#d37367 !important;
color:#FFFFFF;
}

.tableHeader3 {
background:#d37367 !important;
color:#FFFFFF;
font-size:16px;
}

.contentTable .tableHeader2 a, .white {
color:#FFFFFF !important;
text-decoration:none;
}

.tableHeader3 a {
font-size:16px;
}

.contentTable td { 
background: #ffd17b;
}

.contentTable td a {
color:#000000;
}

.contentText {
font-size:20px;
font-family:"Times New Roman", Times, serif;
}

.contentTextSmall {
font-size:16px;
font-family:"Times New Roman", Times, serif;
}

/* Thumbnail */

.mrgn {
margin-left:18px;
}

.mrgn2 {
margin-left:45px;
}


/** HOVER **/

a.hover {
position: relative; /*this is the key*/
z-index: 24;
text-decoration: none;
}

a.hover:hover {
z-index: 25; 
background: none;
}

a.hover span {
display: none;
}

a.hover:hover span { /*the span will display just on :hover state*/
display: block;
position: absolute;
top: 2em; 
left: 2em; 
font: 10px/16px verdana;
border: 1px solid #000000;
color: #fff;
text-align: left;
padding: 5px;
background:#bf2f38;
width:400px;
}

a.hover:active, a.hover:focus {
outline: 0;
}