@import 'reset.css';

* {margin:0; padding:0 }
body {color:#393939; margin:0; text-align:center; font:68.75%/1.6em Georgia, "Times New Roman", serif;}

a, a:active, a:link {text-decoration:none; color:#a90000;}
a:visited {text-decoration: none;}
a:hover {color: #000; border-bottom: 1px solid;}

dl {font-size:110%;}
dt {margin:0.5em 0 0 0; line-height:1.6em;}
dd {margin:0; line-height:1.6em;}

ul {list-style:none; font-size:110%; line-height:1.5em;}
ul.withbullets {list-style: circle; font-size:120%; line-height:1.6em; margin-left:1.2em;}
ul.withborder {font-size:120%; line-height:1.6em; width:456px;}
ul.withborder li {margin-bottom:.6em;}
#contact ul {font-size:120%; line-height:1.6em; margin-top:1em;}

img {margin:0;}

strong {font-weight:bold;}
em {font-style:italic;}
small, sub, sup {font-size:60%}
sub {vertical-align:sub; line-height:1.6em}
sup {vertical-align:super; line-height:1.6em}

/* Structure
--------------------------------------------------------------- */
#header {background:#d7ed9d; padding-top:36px;}
.container {text-align:left; position:relative; padding:0; margin:0 auto; width:960px;}
.single {margin-top:24px; padding-top:24px;}
.column {float:left; padding:0;}
* html .column {overflow-x:hidden;} /* IE6 fix */

#logo {width:456px; padding-right:24px; margin-bottom:36px;}

.news {width:456px; margin:24px 24px 0 0;}
.calendar, .news-photo, #short-about {width:480px; margin:24px 0 0 0;}

.regular {width:456px; margin:24px 24px 0 0;}
.irregular {width:456px; margin:24px 24px 0 0;}

.meer, .algemene-voorwaarden, #bestelinformatie, .over {width:750px; margin:24px 24px 0 0; padding-top:24px;}
.over, .meer {padding-top:0;}
.groothandel {width:750px; margin-right:24px;}
.groothandel-contact {width:186px;}
#contact {width:186px; margin-top:24px;}

#bestelinformatie  {border-top:1px solid #999;}
#persoonlijk-contact {width:186px; margin:24px 0 0 0; border-top:1px solid #999; padding-top:24px;}

#wijnen-page #bestelinformatie, #wijnen-page #persoonlijk-contact  {border:none; padding-top:0;}

.wine-description {width:456px; margin:24px 24px 0 0; border-top:1px solid #999; padding-top:24px;}
.wine-photo {width:270px; margin:24px 24px 0 0; border-top:1px solid #999; padding-top:24px;}
.wine-price {width:186px; margin:24px 0 0 0; border-top:1px solid #999; padding-top:24px;}

.first {border-color:#fff;}
.wine-price .the-price {background:#f8f4ab; height:93px; margin-bottom:24px;}
.the-price h2 {padding:27px 0 0 12px; margin:0; color:#000}
.the-price p {padding:0 0 0 12px; margin-top:.5em;}

.border {padding-top:24px; border-top:1px solid #999;}

table {width:960px;}
td.assortiment-wine-photo {width:67px; padding-right:24px;}
td.wine-name {padding-right:24px; padding-top:1em;}
td.wine-year {padding-right:24px; width:70px; text-align:right; padding-top:.6em;}
td.assortiment-wine-price {width:186px; text-align:right; padding-top:.6em;}
td p {margin-top:.5em; margin-bottom:.5em}
td {border-bottom:1px solid #ddd; vertical-align:top;}

table.small-table {width:456px; margin-top:1em; font-size:120%; line-height:1.6em;}

hr {background:transparent; color:transparent; clear:both; float:none; width:100%; height:1px; margin:0; border:none;}
div.clear {clear:both; float:none; margin:0; padding:0;}

/* Logo
--------------------------------------------------------------- */
h1         {margin:0; text-indent:-9999em; display:block; background-repeat:no-repeat; background-color:transparent;}
h1 a       {display:block; width:400px; height:95px; overflow:hidden; border-bottom:none; background:url(../images/totnu.png) no-repeat;}
h1 a:hover {background-position:0 -95px; border-bottom:none;}

/* Navigation
--------------------------------------------------------------- */
#navigation ol      {position:relative; left:0px; top:57px; height:18px; width:480px; margin:0; padding:0; background:#d7ed9d url(../images/navigation.png) top left no-repeat;}
#navigation ol li   {margin:0; padding:0; list-style-type:none; position:absolute; top:0;}
#navigation ol li,
#navigation ol a    {height:18px; display:block; border:none;}
#navigation ol li a {text-indent:-9999px; text-decoration:none;}

#wijnen      {left:  0px; width:55px;}
#geschenken  {left: 75px; width:86px;}
#proeverij   {left:182px; width:64px;}
#groothandel {left:267px; width:89px;}
#over        {left:377px; width:103px;}

#navigation  a:hover {background:#d7ed9d url(../images/navigation.png)}
#wijnen      a:hover {background-position:   0px -18px;}
#geschenken  a:hover {background-position: -75px -18px;}
#proeverij   a:hover {background-position:-182px -18px;}
#groothandel a:hover {background-position:-267px -18px;}
#over        a:hover {background-position:-377px -18px;}

#wijnen-page      #wijnen      a {background:#d7ed9d url(../images/navigation.png); background-position:   0px -18px;}
#geschenken-page  #geschenken  a {background:#d7ed9d url(../images/navigation.png); background-position: -75px -18px;}
#proeverij-page   #proeverij   a {background:#d7ed9d url(../images/navigation.png); background-position:-182px -18px;}
#groothandel-page #groothandel a {background:#d7ed9d url(../images/navigation.png); background-position:-267px -18px;}
#over-page        #over        a {background:#d7ed9d url(../images/navigation.png); background-position:-377px -18px;}

/* Text styles
--------------------------------------------------------------- */
p            {margin:1em 0 0 0; font-size:120%; line-height:1.6em}
p.grapes     {margin-top:.5em;}
p#about-text {background:#f8f4ab; padding:1em 5px; margin:2em 0 1em 0; font-style:italic; font-size:110%; color:#000; line-height:1.6em; }
p#news-photo {margin-top:24px;}

h1, h2, h3, h4, h5, h6 {font:1.2em/1.6em "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; font-weight:normal;}
h1 {font-size:3em; line-height:1.3em;}
h2 {font-size:1.9em; line-height:1.3em; margin:0; padding:0;}
h2.withmargin {margin-top:15px;;}
h3 {font-size:1.5em; line-height:1.6em; margin:1em 0 0 0; padding:0;}
h4 {font-size:1.3em; line-height:1.6em; margin:0; padding:0;}

td.assortiment-wine-price {font-family:"Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; font-size:1.1em; padding-top:.3em;;}

h3+p {margin-top:.5em;}

.meer h3 {margin:0;}
.meer h3 a {padding:3px; background:#f8f4ab;}

.address h3 {margin-top:0;}
.address ul {margin-top:.5em;}

span.amp {line-height:1; font-size:110%; font-family: "Dolly", "Baskerville", "Goudy Old Style", "Palatino Linotype", "Palatino", "Book Antiqua", serif; font-style:italic;}

li.tel {margin-top:.5em;}

/* footer */

#footer {width:100%; background:#f8f4ab; margin-top:48px; padding:24px 0 36px 0; position:relative; color:#222;}
#footer .logo {width:456px; margin-right:24px;}
#footer .address {width:270px; margin-right:24px;}
#footer .scenery {width:186px;}

#footer h1 {margin:31px 0 0 0; text-indent:-9999em; display:block; background-repeat:no-repeat; background-color:transparent;}
#footer h1 a {display:block; width:320px; height:37px; overflow:hidden; border-bottom:none; background:url(../images/totnu-woordbeeld.png) no-repeat;}
#footer h1 a:hover {background-position:0 -37px; border-bottom:none;}

p.numbers {font-size:110%; margin-top:26px; line-height:1.5em}