body {
background:#F3EAE1;
text-align:center;
margin:0px;
padding:0px;
font-size:95%;
font-color:#404040;
font-family:"Calibri","Gill Sans", Arial, Helvetica, sans-serif;
line-height:1.35em;
}

/* general */

h1 {
font-family:"Georgia", Times, serif;
font-size:150%;
font-weight:normal;
color:#666666;
}

h2 {
font-family:"Georgia", Times, serif;
font-size:110%;
font-weight:normal;
color:#808000;
border-bottom:1px dotted #808000;
}

a {
color:#808000;
text-decoration:none;
}

a img {
border:none;
}

p, li, td, th {
color:#404040;
}

li {
list-style-image:url(../images/bullet.gif);
}

th {
vertical-align:top;
}

input, textarea {
border: 2px solid #ccc;
color:#666666;
font-family:Georgia, times, serif;
}

select {
color:#666666;
font-family:Georgia, times, serif;
}

/* header */

#header {
height:100px;
width:980px;
margin:0px auto;
text-align:left;
}

#logo {
width:470px;
height:90px;
float:left;
margin-top:10px;
}

#secnav {
width:480px;
height:100px;
float:left;
background: url(../images/bg_secnav.gif) top right no-repeat;
vertical-align:top;
text-align:right;
color:#ffffff;
padding-right:30px;
}

#secnav a {
color:#ffffff;
}

#secnav a.current {
font-weight:bold;
}

/* nav */

#nav {
width:980px;
margin:15px auto 5px auto;
text-align:left;
border-bottom:1px solid #808080;
height:25px;
}

#nav ul {
margin:0px;
padding:0px;
}

#nav ul li {
margin:0px 25px 0px 0px;
padding:0px;
display:inline;
text-align:center;
}

#nav ul li a {
font-size:100%;
color:#808080;
text-decoration:none;
font-family:"Gill Sans", Arial, Verdana, sans-serif;
}

#nav ul li a.current {
color:#606000;
}

#nav ul li a.current:hover {
text-decoration:none;
}

/* subnav */

#subnav {
width:980px;
margin:0px auto 15px auto;
text-align:left;
height:25px;
}

#subnav ul {
margin:0px;
padding:0px;
}

#subnav ul li {
margin:0px 25px 0px 0px;
padding:0px;
display:inline;
text-align:center;
}

#subnav ul li a {
font-size:100%;
color:#808080;
text-decoration:none;
font-family:"Gill Sans", Arial, Verdana, sans-serif;
}

#subnav ul li a.current {
color:#606000;
}

#subnav ul li a.current:hover {
text-decoration:none;
}

/* wrapper */

#content {
width:980px;
margin:0px auto;
text-align:left;
}

/* tagline */

#tagtext {
width:560px;
height:110px;
float:left;
border:10px solid #ffffff;
padding:0px 20px 20px 20px;
}

#tagtext ul {
margin-left:15px;
}

#tagtext li, #text li {
list-style-image: url(../imges/bullet.gif);
}

span.focus {
color:#FF6B00;
}

#tagphoto {
width:340px;
float:left;
margin-left:20px;
}

/* content */

#text {
width:700px;
float:left;
border:10px solid #ffffff;
padding:20px;
margin-top:10px;
}

#textdetail {
background:#ffffff;
border:10px solid #D4CAC0;
width:700px;
float:left;
padding:20px;
margin-top:10px;
}

#troeven {
clear:both;
width:660px;
background:#D4CAC0;
padding:20px;
margin-top:10px;
}

#troeven h1 {
color:#333333;
}

/* right */

#right {
width:150px;
float:left;
margin-top:10px;
margin-left:15px;
}

#basket {
width:150px;
height:110px;
border:10px solid #ffffff;
padding:20px;
}

#basket h1 {
font-family:"Georgia", Times, serif;
font-size:100%;
font-weight:normal;
color:#666666;
padding-left:20px;
background:url(../images/cart.png) bottom left no-repeat;
}

#maattabel {
width:150px;
height:110px;
border:10px solid #ffffff;
padding:20px;
margin-top:10px;
}

#maattabel h1 {
font-family:"Georgia", Times, serif;
font-size:100%;
font-weight:normal;
color:#666666;
}

#basket a {
color:#666666;
text-decoration:underline;
}

#nieuws {
width:150px;
height:110px;
border:10px solid #ffffff;
padding:20px;
margin-top:10px;
}

.date {
font-size:80%;
color:#666666;
float:right;
}

#nieuws h1 {
font-family:"Georgia", Times, serif;
font-size:100%;
font-weight:normal;
color:#666666;
padding-left:20px;
background:url(../images/nieuws.png) bottom left no-repeat;
}

#nieuws a {
color:#666666;
text-decoration:underline;
}

#promo {
width:150px;
height:110px;
border:10px solid #ffffff;
padding:20px;
margin-top:10px;
}

#promo h1 {
font-family:"Georgia", Times, serif;
font-size:100%;
font-weight:normal;
color:#666666;
padding-left:20px;
background:url(../images/promo.png) bottom left no-repeat;
}

#promo a {
color:#666666;
text-decoration:underline;
}

#description {
width:150px;
border:10px solid #ffffff;
padding:20px;
margin-top:10px;
}

#small {
width:150px;
border:10px solid #ffffff;
padding:20px;
margin-top:10px;
}

#small h1 {
font-family:"Georgia", Times, serif;
font-size:100%;
font-weight:normal;
color:#666666;
}

#small ul {
margin-left:-20px;
}

/* forms */

td.error {
color:#ff0000;
}

/* footer */

#footer {
clear:both;
width:980px;
margin:20px auto;
border-top:1px solid #999999;
color:#999999;
padding-top:10px;
}

#footer a {
color:#999999;
}

/* home */

div.cat, div.subcat {
text-align:center;
vertical-align:top;
width:160px;
margin:20px 5px;
float:left;
}

div.cat img, div.subcat img {
border:10px solid #D4CAC0;
}

table.subcat {
width:700px;
}

table.subcat th, table.cat td {
text-align:center;
vertical-align:top;
width:175px;
}

table.subcat th {

}

table.products th, table.products td {
vertical-align:top;
width:175px;
}

/* products */

.product {
float:left;
width:170px;
height:300px;
border:10px solid #D4CAC0;
padding:15px;
margin:10px 5px 0px 5px;
background:#ffffff;
}

.product table {
width:100%;
}

.product table th {
font-size:130%;
}

.product table td.meer, td.meer {
text-align:center;
background:#ff6600;
padding:2px 0px;
}

.product table td.meer a, td.meer a {
text-decoration:underline;
color:#ffffff;
}

.product table td.meer a:hover, td.meer a:hover {
text-decoration:none;
}

.product table td.prijs {
font-size:130%;
color:#606000;
}

.prijs {
font-size:130%;
color:#606000;
}

/* bestellen */

#prodright {
float:right;
margin-left:10px;
font-size:80%;
text-align:center;
color:#666666;
}

#prodright img {
border:10px solid #D4CAC0;
margin-bottom:2px;
}

/* admin */

#admin {
text-align:left;
float:left;
margin-top:20px;
}

/* overzicht */

table.overzicht {
border-top:1px solid #666666;
border-left:1px solid #666666;
}

table.overzicht th {
border-right:1px solid #666666;
border-bottom:1px solid #666666;
vertical-align:top;
padding:2px 4px;
}

table.overzicht td {
border-right:1px solid #666666;
border-bottom:1px solid #666666;
vertical-align:top;
padding:2px 4px;
}

#adminnav {
float:left;
width:150px;
margin-right:30px;
margin-top:50px;
}

#adminnav ul {
margin:0px;
padding:0px;
}

#adminnav ul li {
margin:0px;
padding:0px;
list-style:none;
list-style-image:none;
width:150px;
}

#adminnav ul li a {
display:block;
width:150px;
background:#ff6600;
color:#ffffff;
text-decoration:none;
padding:2px 5px;
border-bottom:3px solid #ffffff;
}

#adminnav ul li a:hover {
font-weight:bold;
}

table.admin th, table.admin td {
vertical-align:top;
text-align:left;
padding:5px;
}

table.admin td {
vertical-align:top;
text-align:left;
padding:5px;
}

input.disabled {
background:#dddddd;
}
