html {
margin : 0;
padding : 0;
}
* {
font-family : "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}
body {
margin : 0;
padding : 0;
text-align : center;
background : url('../image/bg.jpg');
}
body, td, th, a {
font-size : 16px;
color : #9933cc;
}
textarea, select {
color : #000;
}
form {
padding : 0;
margin : 0;
display : inline;
}
input, textarea, select {
margin : 3px 0;
}
a, a:visited {
color : #9933cc;
text-decoration : underline;
cursor : pointer;
}
a:hover {
text-decoration : none;
}
a img {
border : none;
}
p {
margin-top : 0;
}
#container {
width : 960px;
margin-left : auto;
margin-right : auto;
text-align : left;
background : #ffffff;
overflow : hidden;
}
#header {
position : relative;
}
#header .div1 {
height : 150px;
background : url('../image/header.jpg') no-repeat bottom;
}
#header .div2 {
position : relative;
top : 21px;
left : 15px;
}
#header .div3 {
width : 250px;
height : 62px;
position : absolute;
top : 10px;
right : 10px;
padding-top : 5px;
padding-left : 5px;
}
#header .div4 {
padding-left : 10px;
padding-right : 10px;
height : 40px;
background : url('../image/menu.jpg') repeat-x;
}
#header .div4 img {
float : left;
margin-right : 5px;
}
#header .div4 a {
padding : 12px 0 12px 0;
margin-left : 20px;
margin-right : 20px;
display : inline-block;
color : #fff;
text-align : center;
text-decoration : none;
font-size : 15px;
font-family : "Trebuchet MS", Arial, Geneva, sans-serif;
}
#header .div4 a:hover {
color : #000;
}
#header .div5 a {
float : left;
}
#header .div6 a {
float : right;
}
#breadcrumb {
padding-top : 8px;
padding-bottom : 10px;
padding-left : 10px;
}
#column_left {
float : left;
width : 225px;
margin-right : 10px;
overflow : hidden;
}
#column_left img {
padding-left : 10px;
}
#column_right {
float : right;
width : 100px;
margin-left : 10px;
}
#supercontent {
width : 1000px;
background : #fff;
overflow : hidden;
}
#content {
float : left;
width : 720px;
margin-bottom : 10px;
overflow : hidden;
}
#content .top {
padding : 8px 0 6px 10px;
}
#content .top h1, .heading {
color : #df176d;
font-size : 20px;
font-family : "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
margin : 0;
margin-left : 0;
}
.heading {
border-bottom : 1px solid #dddddd;
padding-bottom : 3px;
margin-bottom : 10px;
}
#content .middle {
background : #fff;
color : #000;
padding : 0 10px 1px 10px;
min-height : 380px;
overflow : hidden;
}
#content .bottom {
height : 30px;
}
.box {
margin-bottom : 10px;
background : url('../image/box_top.png') no-repeat;
margin-left : 10px;
}
.box .top {
padding : 8px 0 6px 7px;
color : #000000;
font-size : 14px;
font-family : Arial, Helvetica, sans-serif;
font-weight : bold;
text-transform : uppercase;
height : 15px;
}
.box .top img {
float : left;
margin-right : 5px;
}
.box .middle {
background : url('../image/box_middle.png') repeat-y;
padding : 10px;
}
.box .bottom {
height : 30px;
background : url('../image/box_bottom.png') no-repeat;
}
.infobox {
margin-bottom : 10px;
background : url('../image/box_top_info.png') no-repeat;
margin-left : 10px;
}
.infobox .top {
color : #000000;
font-size : 14px;
font-family : Arial, Helvetica, sans-serif;
font-weight : bold;
text-transform : uppercase;
height : 30px;
}
.infobox .top img {
float : left;
margin-right : 5px;
}
.infobox .middle {
background : url('../image/box_middle_info.png') repeat-y;
padding : 10px;
}
.infobox .bottom {
height : 30px;
background : url('../image/box_bottom_info.png') no-repeat;
}
.zoekbox {
margin-bottom : 10px;
margin-left : 10px;
}
.zoekbox .top {
color : #000000;
font-size : 14px;
font-family : Arial, Helvetica, sans-serif;
font-weight : bold;
text-transform : uppercase;
height : 30px;
}
.zoekbox .top img {
float : left;
margin-right : 5px;
}
.zoekbox .middle {
background : url('../image/box_top_zoek.png') no-repeat top;
padding : 10px;
}
.zoekbox .bottom {
height : 30px;
background : url('../image/box_bottom_zoek.png') no-repeat bottom;
}
.success {
padding : 5px 0;
margin-bottom : 10px;
background : #e4f1c9;
border : 1px solid #a5bd71;
font-size : 11px;
font-family : Verdana, Geneva, sans-serif;
text-align : center;
}
.warning {
padding : 5px 0;
margin-bottom : 10px;
background : #ffdfe0;
border : 1px solid #ff9999;
font-size : 11px;
font-family : Verdana, Geneva, sans-serif;
text-align : center;
}
.wait {
padding : 5px 0;
margin-bottom : 10px;
background : #fbfaea;
border : 1px solid #efebaa;
font-size : 11px;
font-family : Verdana, Geneva, sans-serif;
text-align : center;
}
.required {
color : #ff0000;
font-weight : bold;
}
.error {
color : #ff0000;
display : block;
}
.help {
cursor : pointer;
}
.tooltip {
border : 1px solid #fdda5c;
background : #fbff95;
padding : 5px;
font-size : 11px;
width : 250px;
}
.clear {
overflow : hidden;
width : 100%;
}
a.button {
background : transparent url('../image/button_right.png') no-repeat scroll right top;
color : #ffffff;
display : inline-block;
font : bold 12px arial, sans-serif;
height : 25px;
margin-right : 6px;
padding-right : 18px;
text-decoration : none;
}
a.button span {
background : transparent url('../image/button_left.png') no-repeat;
display : inline-block;
padding : 5px 0 5px 18px;
}
.buttons {
background : #f8f8f8;
border : 1px solid #dddddd;
margin-bottom : 10px;
clear : both;
padding : 5px;
}
.buttons input {
padding : 0;
margin : 0;
}
.buttons table {
width : 100%;
border-collapse : collapse;
}
.buttons table td {
vertical-align : middle;
}
.list {
width : 100%;
margin-bottom : 10px;
}
.list td {
text-align : center;
vertical-align : top;
padding-bottom : 10px;
}
.sort {
margin-bottom : 10px;
background : #f8f8f8;
height : 30px;
width : 100%;
}
.sort .div1 {
float : right;
margin-left : 5px;
padding-top : 6px;
padding-right : 9px;
}
.sort .div2 {
text-align : right;
padding-top : 9px;
}
.sort select {
font-size : 11px;
margin : 0;
padding : 0;
}
.pagination {
display : inline-block;
width : 100%;
background : #f8f8f8;
margin-bottom : 10px;
}
.pagination .links, .pagination .results {
padding : 7px;
}
.pagination .links {
float : left;
}
.pagination .links a {
border : 1px solid #cccccc;
padding : 4px 7px;
text-decoration : none;
color : #000000;
}
.pagination .links b {
border : 1px solid #cccccc;
padding : 4px 7px;
text-decoration : none;
color : #000000;
background : #ffffff;
}
.pagination .results {
float : right;
}
.tabs {
display : block;
width : 100%;
margin-bottom : 0;
}
.tabs a {
float : left;
display : block;
padding : 6px 15px 7px 15px;
margin-right : 2px;
border-top : 1px solid #dddddd;
border-bottom : 1px solid #dddddd;
border-left : 1px solid #dddddd;
border-right : 1px solid #dddddd;
background : #ffffff url('../image/tab.png') repeat-x;
color : #cc0066;
font-weight : bold;
font-size : 13px;
text-decoration : none;
z-index : 1;
position : relative;
top : 1px;
}
.tabs a.selected {
background : #ffffff url('../image/tab.png') repeat-x;
border-bottom : 0;
padding-bottom : 8px;
z-index : 3;
}
.page {
border : 1px solid #dddddd;
background : #ffffff;
display : inline-block;
padding : 10px;
display : block;
width : 670px;
min-height : 300px;
clear : both;
z-index : 2;
margin-bottom : 10px;
line-height : 25px;
color : #000;
}
#footer {
width : 100%;
background : #ffffff url('../image/footer.jpg') repeat-x top;
height : 90px;
}
#footer .div1 {
float : right;
text-align : right;
padding-right : 5px;
font-size : 11px;
color : #999;
}
#footer .div2 a {
font-size : 11px;
color : #999;
}
#category ul {
margin-top : 0;
margin-bottom : 0;
margin-left : 0;
list-style-type : none;
}
#category li {
padding : 7px;
border-bottom : 1px dotted #ff9900;
padding-left : 0;
}
#category li li {
padding : 8px;
padding-left : 10px;
border-bottom : 0;
}
#category li li a {
color : #339933;
font-size : 11px;
font-weight : bold;
text-decoration : underline;
}
#category li a {
text-decoration : none;
color : #990099;
font-size : 16px;
padding-left : 10px;
font-family : "Trebuchet MS", Arial, Sans-serif;
}
#category li a:hover {
text-decoration : underline;
color : #333;
}
#information ul {
margin-top : 0;
margin-bottom : 0;
margin-left : 0;
list-style-type : none;
}
#information li {
padding : 8px;
border-bottom : 1px dotted #9966cc;
padding-left : 0;
}
#information li a {
text-decoration : none;
color : #fff;
font-size : 14px;
font-weight : bold;
padding-left : 10px;
font-family : Arial;
}
#information li a:hover {
text-decoration : underline;
color : #333;
}
.cart {
border-collapse : collapse;
margin-bottom : 10px;
width : 100%;
border : 1px solid #eeeeee;
}
.cart th {
background : #eeeeee;
padding : 5px;
font-weight : normal;
}
.cart td {
padding : 5px;
}
.footerlinks {
margin : 5px;
padding : 5px;
margin-top : 0;
padding-top : 3px;
list-style : none;
text-align : left;
float : right;
}
.footerlinks li {
float : left;
display : inline-block;
}
.footerlinks li a {
display : block;
background : inherit;
color : #db0765;
font : 13px verdana, sans-serif;
text-decoration : none;
padding-left : 10px;
padding-right : 10px;
}
.footerlinks li a:hover {
text-decoration : underline;
}
input {
border : 1px solid #9933cc;
padding : 2px;
color : #000;
}
#vlag {
border : 0;
}
span.prijs {
font-size : 20px;
font-weight : bold;
color : #009cff;
}