/* SCREEN CSS by Wes Oudshoorn */

html {
background: url(/media/img/stripe.gif) repeat-y center top fixed;
height: 100%;
}

body {
font: 85%/25px Arial;
height: 100%;
}

/* WRAP */

#wrap {
width: 960px;
margin: 0 auto;
padding: 50px 0 100px 0;
}

/* HEAD */

body .home {
top: 50%;
margin-top: -50px;
padding: 0;
}

#head {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
height: 75px;
padding-top: 25px;
background: url(/media/img/body.gif) repeat-x bottom fixed;
}

p a, #side address a {
color: blue;
}

p a:hover, #side address a {
color: darkblue;
}

p a:visited, #side address a:visited {
color: darkblue;
}

small {
font-size: .8em;
}

.home {
top: 50%;
margin-top: -50px;
_margin-top: 0;
border-top: 5px solid #000;
padding: 0;
background: none;
}

.home ul {
margin-top: -25px;
}

#head a, #side a {
font-family: "Square721 Cn BT";
color: #555;
font-weight: 500;
font-size: 1.4em;
text-decoration: none;
}

#side a {
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
}

#head ul {
margin-right: 25px;
position: fixed;
_position: absolute;
left: 50%;
margin-left: -250px;
_margin-left: -240px;
width: 750px;
}

#head li {
float: left;
}

#head li a {
display: block;
margin: 30px 0px 22px 19px;
text-indent: -9999em;
width: 50px;
filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75;
}
#head li a:hover, #head li.current a {
opacity: 1;
filter:alpha(opacity=100);-moz-opacity:1;opacity:1;
}

#head li.homep a {
background: url(/media/img/nav/home.jpg) no-repeat;
width: 40px;
}
#head li.geschiedenis a {
background: url(/media/img/nav/geschiedenis.jpg) no-repeat;
width: 92px;
}

#head li.producten a {
background: url(/media/img/nav/producten.jpg) no-repeat;
width: 72px;
}

#head li.tips a {
background: url(/media/img/nav/tips.jpg) no-repeat;
width: 31px;
}

#head li.contact a {
background: url(/media/img/nav/contact.jpg) no-repeat;
width: 56px;
}

#head li.en a {
background: url(/media/img/nav/en.jpg) no-repeat;
width: 40px;
}

#head li.cafe a {
background: url(/media/img/nav/cafe.jpg) no-repeat;
width: 34px;
}

#head li.drie a {
background: url(/media/img/nav/360.jpg) no-repeat;
width: 36px;
}
#head li.nieuws a {
background: url(/media/img/nav/nieuws.jpg) no-repeat;
width: 53px;
}
#head li.restauratie a {
background: url(/media/img/nav/restauratie.jpg) no-repeat;
width: 82px;
}

#head a:hover, #side a:hover {
color: #000;
}

.home .logo {
top: 50%;
margin-top: -183px;
*margin-top: -201px;
_margin-top: -200px;
}

.logo {
position: fixed;
*position: absolute;
bottom: 13px;
_bottom: 12px;
left: 50%;
margin-left: -480px;
}

/* SIDE */

#side {
float: left;
position: fixed;
*left: 50%;
margin-left: 25px;
*margin-left: -455px;
width: 175px;
}

#side ul {
margin-bottom: 2em; 
margin-top: -1em;
}



#side li a {
padding: 10px 0;
display: block;
border-bottom: 1px solid #000;
}

#cont {
margin-left: 300px;
}

/* TYPO */

h1 {
font-size: 2em;
line-height: 44px;
margin-bottom: 1em;
}

h2 {
padding-bottom: .5em;
line-height: 16px;
margin-bottom: 1em;
border-bottom: 1px solid #000;
}
table h2 {
margin: 0;
border: 0;
}

h3 {
margin-bottom: .5em;
line-height: 22px;
}

p, address, form {
line-height: 20px;
font-size: .9em;
margin-bottom: 1em;
font-style: normal;
}

#side p {
text-align: justify;
}

table {
font-size: .9em;
width: 100%;
margin-bottom: 2em;
}

th {padding: 5px 10px 5px 0;
text-align: left;
border-bottom: 2px solid #000;}

td {
border-bottom: 1px dotted #555;
padding: 5px 10px 5px 0;
}

/* NIEUWS */

#nieuws img {
float: left;
margin-right: 1em;
}

#nieuws div {
margin-bottom: 1em;
}

/* TIPS */

#tips li {
border-bottom: 1px dotted #000;
margin-bottom: 1em;
padding-bottom: .5em;
}

#tips p {
margin-bottom: .5em;
}

#wijn table, #wijn h3, #wijn p {
margin-left: 1em;
}

.homewrap {
display: none;
}

/* FORM */

#cont label {
width: 100px;
display: block;
float: left;
}

#cont div {
clear: both;
padding: 10px 0px;
}

#cont input {
padding: 5px;
}