/*
Theme Name: One Silverworx2
Author: Joren Wouters
Description: Made by Silverworx
License: GNU General Public License
License URI: license.txt
*/
@media only screen and (min-width: 1001px) and (min-device-width: 1001px) {
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
body, html {
margin: 0;
max-width: 100%;
width: 100%;
}
p {
margin: 0;
text-align: left;
}
div {
display: block;
}
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.alignright {float:right; }
.alignleft {float:left; }
.aligncenter {display: block; margin-left: auto; margin-right: auto}
h1, h2, h3, h4, h5, h6 {
font-family: Verdana;
}
h1 {
font-size: 30px;
}
h2 {
font-size: 25px;
}
h3 {
font-size: 20px;
}
h4 {
font-size: 15px;
}
h5 {
font-size: 10px;
}
h6 {
font-size: 5px;
}
strong {
font-weight: bold;
}
em {
font-style: italic;
}
abbr[title] {
color: red;
}
#header {
margin: 0;
width: 100%;
height: 180px;
border-bottom: 1px solid #c8c8c8;
float: left;
}
#logo {
margin-left: 5%;
margin-top: 40px;
height: 100px;
width: 20%;
float: left;
}
#navselector {
margin-left: 50%;
width: 40%;
height: 100px;
border: 1px solid #000;
float: none;
display: none;
}
#headmenu {
margin-left: 1%;
height: 100px;
width: 99%;
float: left;
}
#headmenu .menu, #headmenu .menu li, #headmenu .menu ul, #headmenu .menu a, #headmenu .menu span {
margin:0;padding:0;border:0;outline:0;list-style:none;}
#headmenu .menu {
position:relative;z-index:597;float:left;}
#headmenu .menu li {
float:left;min-height:1px;line-height:1;vertical-align:middle;}
#headmenu .menu li:hover {
position:relative;z-index:599;cursor:pointer;}
#headmenu .menu a, #headmenu .menu span {
display:block;text-decoration:none;}
#headmenu .menu ul {
visibility:hidden;position:absolute;top:100%;left:0;z-index:598;}
#headmenu .menu ul li {
float:none;}
#headmenu .menu ul ul {
top:0;left:100%;
width: 150%; }
#headmenu .menu li:hover > ul {
visibility:visible;}
#headmenu .menu {
list-style: none;
margin-top: -10px;
padding: 0;
}
#headmenu ul.menu li {
width: auto;
line-height: 50px;
height: 50px;
padding: 0 18px;
font-family: verdana, geneva, sans-serif;
text-transform: uppercase;
color: #1a4265;
white-space: nowrap;
font-size: 15px;
}
#headmenu ul.menu a {
color: #000;
}
#headmenu ul.menu li:hover > a, #headmenu ul.menu li:hover > span {
color: #1a4265;
}
#headmenu ul.menu ul li {
width: 100%;
background: #1a4265;
text-transform: capitalize;
border: 1px solid #1a4265;
opacity: 1;
}
#headmenu ul.menu ul li a {
color: #fff;
}
#headmenu ul.menu ul li:hover {
background: #fff;
}
#headmenu ul.menu ul li:hover a {
color: #1a4265;
}
#body {
width: 100%;
margin-top: 50px;
float: left;
}
#home {
margin: 0 auto;
width: 82%;
}
#homedesign, #homehosting, #homeservice {
margin-top: 50px;
width: 100%;
height: auto;
font-family: Verdana;
font-size: 25px;
color: #777;
font-style: italic;
}
#homehosting {
margin-top: 150px;
}
#homeservice {
margin-top: 150px;
}
.hometitle {
font-size: 35px;
font-family: Verdana;
color: #1a4265;
margin-bottom: 20px;
text-align: left;
}
.homeimage {
float: left;
height: 256px;
margin-right: 5%;
}
.homeimage2 {
float: right;
height: 256px;
margin-left: 5%;
}
.homedescription {
margin-top: 50px;
}
#404 {
margin-left: 5%;
margin-bottom: 30px;
color: #1a4265;
}
.404 {
margin-left: 5%;
}
#content {
margin-left: 5%;
margin-right: 5%;
font-family: Verdana;
}
#content li {
font-family: Verdana;
}
#content a {
color: blue;
text-decoration: none;
}
#content a:hover {
color: #000;
}
.header1 {
font-size: 40px;
color: #1a4265;
margin-bottom: 20px;
}
.content {
font-size: 20px;
color: #000;
}
.content ul {
font-size: 20px;
font-family: Verdana;
margin-top: 10px;
margin-left: 5%;
}
article {
margin-left: 5%;
margin-top: 50px;
width: 50%;
}
#stats {
color: #777;
border-bottom: 1px solid #777;
margin-bottom: 30px;
}
#stats a, #stats a:visited {
color: blue;
text-decoration: none;
}
#stats a:hover {
color: #000;
}
.entry-title {
color: #1a4265;
text-decoration: none;
font-family: Verdana;
margin-bottom: 10px;
font-size: 25px;
}
.entry-title a, .entry-title a:visited {
color: blue;
text-decoration: none;
}
.entry-content {
font-family: Verdana;
color: #000;
font-size: 15px;
}
.entry-content a, .entry-content a:visited {
color: blue;
}
.entry-content a:hover {
text-decoration: none;
}
.entry-content li {
font-family: Verdana;
font-size: 15px;
}
#pricetables, #pricetables4 {
margin: 0 auto;
margin-top: 10px;
width: 100%;
height: auto;
float: left;
display: block;
}
#pricetable0 {
margin: 0;
width: 18%;
float: left;
}
#pricetable10 {
margin: 0;
width: 28%;
float: left;
}
.top0 {
margin: 0;
height: 75px;
width: 100%;
}
#names {
margin: 0px auto;
margin-bottom: 0;
width: 100%;
height: 200px;
}
.name, .last, .name2{
margin: 0px auto;
border-top: 1px solid #e0e0e0;
height: 50px;
width: 100%;
font-family: Verdana;
font-size: 15px;
color: #777;
}
.name2 {
border-bottom: 1px solid #e0e0e0;
}
.last {
border-bottom: 1px solid #e0e0e0;
}
#pricetable1 {
margin: 0;
width: 15%;
float: left;
}
#pricetable2 {
margin-left: 10%;
width: 20%;
float: left;
}
#pricetable3 {
margin: 0;
width: 25%;
float: left;
}
#pricetable3:nth-child(1) {
margin-left: 12%;
}
#pricetable3:nth-child(2) {
margin-left: 25%;
}
.top, .top2, .top3, .top4, .top5 {
margin: 0;
height: 75px;
width: 100%;
background: #6a78a7;
}
.top2 {
}
.top3, .top4 {
background: #515f8f;
}
.top5 {
background: #313e6b;
}
.title2, .description2 {
margin: 0px auto;
padding-top: 5px;
font-family: Helvetica;
font-size: 30px;
text-align: center;
color: #fff
}
.description2 {
font-size: 15px;
}
#settings {
margin: 0px auto;
margin-bottom: 0;
width: 100%;
}
.setting, .setting-last, .setting2 {
margin: 0px auto;
border-top: 1px solid #e0e0e0;
border-left: 1px solid #e0e0e0;
height: 50px;
width: 99%;
font-family: Verdana;
font-size: 15px;
color: #777;
}
.setting2, .price2 {
border-right: 1px solid #e0e0e0;
}
#second {
background: #F7F7F7;
}
.setting-last {
border-bottom: 1px solid #e0e0e0;
}
.price2 {
margin: 0px auto;
height: 140px;
width: 99%;
font-family: Verdana;
font-size: 15px;
color: #777;
text-align: center;
}
#price2 {
padding-top: 10px;
font-family: Verdana;
font-size: 30px;
color: #777;
text-align: center;
}
#bestel {
margin-top: 20px;
margin-left: auto;
margin-right: auto;
height: 30px;
line-height: 30px;
width: 50%;
background: linear-gradient(#E89535, #FFA830);
display: block;
list-style: none;
border-radius: 3px;
text-align: center;
}
#bestel:hover {
background: linear-gradient(#FFA830, #E89535);
}
#bestel a, #bestel a:hover {
color: #fff;
}
#korting {
box-shadow: 0px -2px 20px 5px #999;
font-weight: bold;
}
#korting2, #korting1, #korting5 {
margin-left: 1px;
border-top: 1px solid #e0e0e0;
border-right: 1px solid #e0e0e0;
border-left: 1px solid #e0e0e0;
width: 99%;
}
#korting5 {
border-right: 0px;
}
.tekst-box {
margin-top: 15px;
margin-left: 5%;
}
.tekst-box img {
margin-top: -5px;
margin-left: 37%;
}
#version1 {
margin-left: 2.5%;
display: block;
margin-top: 20px;
}
strong {
font-weight: bold;
}
#packages {
margin: 0 auto;
margin-top: 50px;
width: 99%;
}
#package, #package1 {
margin-left: 4%;
margin-top: 20px;
height: 200px;
width: 21%;
float: left;
border: 1px solid #0f3647;
}
#package1 {
margin-left: 2.5%;
}
#packagetitle {
margin-top: 10px;
color: #0f3647;
text-align: center;
}
#description {
margin: 0 auto;
margin-top: 20px;
height: 100px;
width: 95%;
font-family: Verdana;
font-size: 15px;
}
#description li {
text-decoration: none;
margin-left: 10%;
font-family: Verdana;
}
#package .package li, #package1 .package li {
margin-left: auto;
margin-right: auto;
margin-top: 25px;
height: 30px;
line-height: 30px;
width: 50%;
background: #0f3647;
list-style: none;
text-align: center;
border: 1px solid #fff;
}
#package .package li a, #package1 .package li a {
color: #fff;
text-decoration: none;
}
#package .package li a:hover, #package1 .package li a:hover {
color: #fff;
}
#contact {
margin-top: 30px;
}
#text {
font-family: Verdana;
font-size: 15px;
margin-bottom: 20px;
}
#contact input[type=text], #contact input[type=email]{
padding: 5px;
font-family: Verdana;
font-size: 15px;
}
#contact textarea {
width: 40%;
max-width: 40%;
font-family: Verdana;
}
#contact input[type=submit]{
color: #fff;
font-family: Verdana;
background: #1a4265;
padding: 25px;
padding-bottom: 10px;
padding-top: 10px;
outline: 0;
border: 1px solid #fff;
}
#package2 {
margin-top: 20px;
height: 200px;
width: 30%;
float: left;
border: 1px solid #0f3647;
}
#package2 .packagetitle {
color: #0f3647;
font-size: 25px;
text-align: center;
}
#package2 li {
margin-left: 2%;
color: #0f3647;
list-style: yes;
font-size: 20px;
}
#footer {
margin-top: 50px;
height: 140px;
width: 100%;
float: left;
border-top: 1px solid #c8c8c8;
}
#footermenu {
margin-top: 20px;
margin-left: 5%;
width: 70%;
height: 90px;
float: left;
}
#footermenu ul {
list-style: none;
margin: 0;
padding: 0;
}
#footermenu ul li {
font-family: Verdana;
font-weight: bold;
text-transform: uppercase;
font-size: 15px;
float: left;
margin-right: 20px;
}
#footermenu ul li:nth-child(1) {
margin-right: 0px;
}
#footermenu ul li:nth-child(2) {
margin-right: 20px;
}
#footermenu ul li:nth-child(3) {
margin-right: 10px;
}
#footermenu ul li:nth-child(4) {
margin-right: 45px;
}
#footermenu ul li a {
color: #000;
text-decoration: none;
}
#footermenu ul ul {
margin-top: 20px;
}
#footermenu ul ul li {
font-family: Verdana;
font-weight:normal;
text-transform: capitalize;
float: none;
width: 120%;
}
#footermenu ul ul a:hover {
color: #1a4256;
text-decoration: underline;
transition: .7s;
}
#social {
margin-top: 20px;
margin-left: 70%;
height: 90px;
width: 25%;
}
#social a {
margin-left: 10%;
}
#social a:first-child {
margin-left: -2%;
}
#holland {
margin-top: 5px;
margin-left: -15%;
float: left;
}
.copyright {
margin-top: 13px;
font-family: Verdana;
color: #777;
}
#shop {
margin: 0;
margin-bottom: 20px;
width: 100%;
height: auto;
float: left;
display: block;
}
.woocommerce-message {
margin-top: 20px;
margin-bottom: 20px;
margin-left: 5%;
width: 70%;
height: 50px;
line-height: 50px;
padding-left: 50px;
color: #1a4265;
font-family: Verdana;
border: 1px solid #1a4265;
}
.woocommerce-message a, a:visited {
color: blue;
}
.woocommerce-message a:hover {
color: #000;
}
.page-title {
color: #1A4265;
margin-left: 5%;
}
.woocommerce-result-count {
margin-top: 20px;
margin-left: 5%;
font-family: Verdana;
}
.woocommerce-ordering {
margin-top: 10px;
margin-left: 5%;
font-family: Verdana;
}
#shop ul.products li.product {
padding-top: 50px;
float: left;
display: block;
width: 20%;
margin-top: 70px;
height: 300px;
}
#shop ul.products li.product:nth-child(1), #shop ul.products li.product:nth-child(2), #shop ul.products li.product:nth-child(3), #shop ul.products li.product:nth-child(4) {
padding-top: 0;
}
.child {
margin-left: 5%;
}
.first-child {
margin-left: 2%;
}
#shop ul.products .onsale {
margin-top: -30px;
display: block;
background: #1a4265;
height: 30px;
line-height: 30px;
text-align: center;
width: 25%;
color: #fff;
font-family: Verdana;
}
#shop ul.products li.product a img {
width: 100%;
height: 200px;
}
#shop .products li.product a {
text-decoration: none;
}
#shop .products li.product a h3 {
margin-top: 10px;
text-align: center;
color: #000;
text-decoration: none;
}
#shop .products .star-rating {
display: none;
}
#shop .products .price {
margin-top: 20px;
display: block;
text-align: center;
margin-left: auto;
margin-right: auto;
color: #000;
font-family: Verdana;
}
#shop ul.products li.product .button {
margin-top: 20px;
margin-left: auto;
margin-right: auto;
display: block;
background: #1a4265;
color: #fff;
width: 50%;
height: 40px;
line-height: 40px;
font-family: Verdana;
text-align: center;
border: 1px solid #fff;
}
#shop ul.products .last {
border: none;
}
/* 1 product */
.images {
margin-left: 5%;
width: 40%;
float: left;
}
.summary {
height: 460px;
}
div.product .onsale {
margin-left: 5%;
display: block;
color: #fff;
font-family: Verdana;
background: #1A4265;
width: 10%;
text-align: center;
height: 40px;
line-height: 40px;
}
div.product .product_title {
font-family: Verdana;
margin-bottom: 20px;
}
div.product .woocommerce-product-rating {
display: none;
}
div.product .price {
font-family: Verdana;
margin-bottom: 20px;
font-size: 23px;
}
div .product div[itemprop="description"] {
margin-top: 20px;
margin-bottom: 20px;
font-family: Verdana;
}
div.product .quantity {
float: left;
}
div.product .single_add_to_cart_button {
margin-left: 5%;
}
div.product .woocommerce-tabs .tabs {
margin-left: 5.5%;
list-style: none;
padding: 0;
}
div.product .woocommerce-tabs .tabs li {
float: left;
padding-right: 20px;
}
div.product .woocommerce-tabs .tabs li a {
color: blue;
}
div.product .woocommerce-tabs .tabs li:last-child {
float: none;
}
div.product .woocommerce-tabs #tab-description {
margin-top: 40px;
margin-left: 5%;
width: 90%;
}
div.product .woocommerce-tabs #tab-description h2 {
font-family: Verdana;
}
div.product .woocommerce-tabs #tab-description p {
margin-top: 20px;
}
div.product .woocommerce-tabs #tab-reviews {
margin-top: 40px;
margin-left: 5%;
width: 90%;
}
div.product .woocommerce-tabs #tab-reviews .commentlist {
margin-left: 2%;
}
div.product .woocommerce-tabs #tab-reviews .commentlist li {
margin-top: 50px;
}
div.product .woocommerce-tabs #tab-reviews .star-rating {
display: none;
}
div.product .woocommerce-tabs #tab-reviews .description {
margin-top: 30px;
font-family: Verdana;
text-align: left;
}
div.product .woocommerce-tabs #tab-reviews .comment-respond {
margin-top: 80px;
margin-left: 60%;
font-family: Verdana;
}
div.product .woocommerce-tabs #tab-reviews .comment-respond #review_form #reply_title {
font-family: Verdana;
}
div.product .upsells {
margin-top: 70px;
}
div.product .upsells h2 {
margin-left: 5%;
}
div.product .upsells ul.products li.product .onsale {
margin-left: 0;
}
.woocommerce /* Dit is de Cart */ {
width: 100%;
display: block;
}
.actions .button, .shipping_calculator .button {
background: #1a4265;
outline: none;
border: 1px solid #fff;
color: #fff;
padding: 5px;
}
.shipping-calculator-form .form-row:nth-child(3) {
margin-top: -40px;
}
.woocommerce-info {
margin-left: 4.5%;
border: 1px solid #fff;
padding: 10px;
margin-bottom: 30px;
width: 70%;
font-family: Verdana;
}
.woocommerce .product-name {
width: 800px;
text-align: center;
}
.woocommerce .product-quantity {
padding-left: 20px;
padding-right: 20px;
text-align: center;
}
.woocommerce .product-price, .woocommerce .product-subtotal {
text-align: center;
}
.woocommerce .input-text {
width: 100px;
}
.woocommerce thead tr td {
width: 200px;
text-align: center;
}
.woocommerce .remove {
color: red;
text-decoration: none;
font-family: Verdana;
font-size: 30px;
}
.coupon {
padding-top: 30px;
padding-bottom: 30px;
}
#coupon_code {
margin-top: -3px;
}
.cart-collaterals {
padding-top: 30px;
}
.cart-collaterals tbody tr th {
width: 300px;
text-align: left;
}
.order-total th {
padding-top: 20px;
padding-bottom: 20px;
}
.shipping_calculator .shipping-calculator-button {
font-size: 20px;
}
.shipping_calculator .shipping-calculator-form select, .shipping_calculator .shipping-calculator-form input[type=text]{
margin-left: -35%;;
}
.woocommerce .woocommerce-billing-fields { /* Dit is de Checkout */
margin-top: 30px;
}
.woocommerce .woocommerce-billing-fields input[type=text], .woocommerce .woocommerce-billing-fields select, .woocommerce .woocommerce-billing-fields textarea, .woocommerce .woocommerce-billing-fields input[type=password]{
position: absolute; left: 40%;
padding: 5px;
width: 200px;
font-family: Verdana;
}
.woocommerce .woocommerce-shipping-fields input[type=text], .woocommerce .woocommerce-shipping-fields select, .woocommerce .woocommerce-shipping-fields textarea, .woocommerce .woocommerce-shipping-fields input[type=password]{
position: absolute; left: 40%;
padding: 5px;
width: 200px;
font-family: Verdana;
}
.woocommerce .shipping_calculator input[type=text], .woocommerce .shipping_calculator select, .woocommerce .shipping_calculator textarea, .woocommerce .shipping_calculator input[type=password]{
position: absolute; left: 40%;
padding: 5px;
width: 200px;
font-family: Verdana;
}
.woocommerce .form-row {
margin-top: 20px;
display: block;
}
#shipping_address_2_field, #billing_address_2_field {
height: 20px;
}
#ship-to-different-address {
margin-top: 30px;
}
#order_comments_field {
padding-top: 20px;
margin-bottom: 230px;
}
#order_comments_field label {
margin-right: 20px;
margin-left: 0;
}
#order_comments {
height: 200px;
width: 30%;
max-width: 50%;
}
#order_review_heading {
font-size: 25px;
margin-top: 50px;
}
.woocommerce .shipping-calculator-form {
margin-bottom: 30px;
}
.woocommerce .shipping-calculator-form .form-row {
height: 20px;
}
.shop_table {
margin-top: 10px;
margin-left: 7.5%;
}
.shop_table thead tr th, .shop_table tbody tr td {
width: 200px;
}
.shop_table tfoot tr {
text-align: left;
}
.shop_table tbody tr {
text-align: left;
}
.shop_table .cart_item .product-name, .shop_table .cart_item .product-total {
text-align: left;
}
.shop_table thead tr .product-name, .shop_table thead tr .product-total {
text-align: left;
font-weight: bold;
padding-bottom: 5px;
}
tr.cart-subtotal th{
padding-top: 30px;
}
.payment_methods li {
margin-top: 20px;
margin-bottom: 20px;
}
.order_details {
margin-bottom: 20px;
display: block;
}
.woocommerce p {
margin-bottom: 20px;
}
.customer_details {
margin-bottom: 20px;
}
.myaccount_user /* Dit is het My Account */ {
margin-bottom: 20px;
}
.order-number, .order-date, .order-status, .order-total {
text-align: left;
}
.order-number span, .order-date span, .order-status span, .order-total span {
margin-top: 10px;
display: block;
}
.order .order-status, .order-status span {
margin-left: 20%;
display: block;
}
.my_account_orders {
margin-bottom: 20px;
}
.title {
text-align: left;
}
.title h3 {
font-size: 25px;
}
.edit {
text-align: left;
font-size: 20px;
}
.address {
margin-top: 40px;
float: left;
}
.address:nth-child(2) {
margin-left: 20%;
}
.col-1 .title h3, .col-2 .title h3 {
margin-bottom: 10px;
}
}
@media only screen and (max-width: 730px), only screen and (max-device-width: 730px) {
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
p {
margin: 0;
}
div {
display: block;
}
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.alignright {float:right; }
.alignleft {float:left; }
.aligncenter {display: block; margin-left: auto; margin-right: auto}
h1, h2, h3, h4, h5, h6 {
font-family: Verdana;
}
h1 {
font-size: 30px;
}
h2 {
font-size: 25px;
}
h3 {
font-size: 20px;
}
h4 {
font-size: 15px;
}
h5 {
font-size: 10px;
}
h6 {
font-size: 5px;
}
strong {
font-weight: bold;
}
em {
font-style: italic;
}
#header {
margin: 0;
width: 100%;
border-bottom: 1px solid #c8c8c8;
float: left;
}
#logo {
margin-left: 5%;
margin-top: 40px;
margin-bottom: 20px;
height: 100px;
width: 20%;
float: left;
}
#navselector {
display: block;
margin-top: 50px;
margin-left: 70%;
width: 10%;
height: 25px;
border: none;
}
#headmenu {
margin: 0;
width: 100%;
display: none;
}
#headmenu .menu, #headmenu .menu li, #headmenu .menu ul, #headmenu .menu a, #headmenu .menu span {
margin:0;padding:0;border:0;outline:0;list-style:none;}
#headmenu .menu {
position:relative;z-index:597;float:left;}
#headmenu .menu li {
float:none;min-height:1px;line-height:1;vertical-align:middle;}
#headmenu .menu li:hover {
position:relative;z-index:599;cursor:pointer;}
#headmenu .menu a, #headmenu .menu span {
display:block;text-decoration:none;}
#headmenu .menu ul {
visibility:hidden;position:absolute;top:100%;left:0;z-index:598;}
#headmenu .menu ul li {
float:none;}
#headmenu .menu ul ul {
top:0;left:100%;
width: 150%; }
#headmenu .menu li:hover > ul {
visibility:visible;}
#headmenu ul.menu {
list-style: none;
margin: 0;
padding: 0;
width: 100%;
background: #1a4265;
}
#headmenu ul.menu li {
margin: 0;
width: 100%;
line-height: 75px;
height: 75px;
font-family: verdana, geneva, sans-serif;
text-transform: uppercase;
color: #fff;
white-space: nowrap;
float: none;
text-align: center;
border-bottom: 1px solid #1a4265;
}
#headmenu ul.menu li a {
color: #fff;
}
#headmenu ul.menu li:hover > a, #headmenu ul.menu li:hover > span {
color: #fff;
transition: .5s;
}
#headmenu ul.menu ul {
margin: 0;
width: 100%;
}
#headmenu ul.menu ul li {
padding: 0;
margin: 0;
width: 100%;
background: #fff;
text-transform: capitalize;
border-top: 1px solid #1a4265;
text-align: center;
color: #1a4265;
}
#headmenu ul.menu ul li a {
color: #1a4265;
}
#body {
width: 100%;
margin-top: 50px;
float: left;
}
#home {
margin: 0 auto;
width: 100%;
float: left;
}
#homedesign, #homehosting, #homeservice {
margin: 0 auto;
margin-top: 50px;
width: 100%;
height: auto;
font-family: Verdana;
font-size: 25px;
color: #777;
font-style: italic;
text-align: center;
}
#homedesign {
margin-top: 0;
}
.hometitle {
margin: 0 auto;
font-size: 25px;
font-family: Verdana;
color: #1a4265;
margin-bottom: 20px;
text-align: center;
}
.homeimage {
margin: 0;
float: none;
height: 256px;
}
.homeimage2 {
margin: 0;
float: none;
height: 256px;
}
.homedescription, .homedescription2 {
margin: 0 auto;
margin-top: 25px;
font-size: 15px;
text-align: center;
}
#404 {
margin-left: 5%;
margin-bottom: 30px;
color: #1a4265;
}
.404 {
margin-left: 5%;
}
#content {
margin-left: 5%;
margin-right: 5%;
font-family: Verdana;
}
#content li {
font-family: Verdana;
}
#content a {
color: blue;
text-decoration: none;
}
#content a:hover {
color: #000;
}
.header1 {
font-size: 40px;
color: #1a4265;
margin-bottom: 20px;
}
.content {
font-size: 15px;
color: #000;
}
.content ul {
font-size: 15px;
font-family: Verdana;
margin-top: 10px;
margin-left: 10%;
}
.content img {
margin-top: 5px;
}
article {
margin-left: 5%;
margin-top: 50px;
width: 80%;
}
#stats {
color: #777;
border-bottom: 1px solid #777;
margin-bottom: 30px;
}
#stats a, #stats a:visited {
color: blue;
text-decoration: none;
}
#stats a:hover {
color: #000;
}
.entry-title {
color: #1a4265;
text-decoration: none;
font-family: Verdana;
margin-bottom: 10px;
font-size: 25px;
}
.entry-title a, .entry-title a:visited {
color: blue;
text-decoration: none;
}
.entry-content {
font-family: Verdana;
color: #000;
font-size: 15px;
}
.entry-content a, .entry-content a:visited {
color: blue;
}
.entry-content a:hover {
text-decoration: none;
}
.entry-content li {
font-family: Verdana;
font-size: 15px;
}
#pricetables, #pricetables4 {
margin: 0;
margin-top: 10px;
width: 100%;
height: auto;
float: left;
display: none;
}
#pricetables img {
margin-top: 10px;
}
#pricetables #pricetable0 .top0, #pricetables #pricetable1 .top, #pricetables #pricetable1 .top2, #pricetables #pricetable1 .top3, #pricetables #pricetable1 .top4, #pricetables #pricetable1 .top5, #pricetables #pricetable10 .top0 {
height: 125px;
}
#pricetable0 {
margin: 0;
width: 18%;
float: left;
}
#pricetable10 {
margin: 0;
width: 30%;
float: left;
}
#pricetables #pricetable10 #names .name, #pricetables #pricetable10 #names .last {
font-size: 13px;
}
.top0 {
margin: 0;
height: 100px;
width: 100%;
}
#names {
margin: 0px auto;
margin-bottom: 0;
width: 100%;
height: auto;
}
.name, .last, .name2{
margin: 0px auto;
border-top: 1px solid #e0e0e0;
height: 100px;
width: 100%;
font-family: Verdana;
font-size: 20px;
color: #777;
}
.name2 {
border-bottom: 1px solid #e0e0e0;
}
.last {
border-bottom: 1px solid #e0e0e0;
}
#pricetable1 {
margin: 0;
width: 16%;
float: left;
}
#pricetable2 {
margin-left: 10%;
width: 20%;
float: left;
}
#pricetable3 {
margin-left: 5%;
width: 90%;
float: left;
margin-top: 50px;
}
#pricetable3:nth-child(1) {
margin-left: 0%;
}
#pricetable3:nth-child(2) {
margin-left: 1%;
}
.top, .top2, .top3, .top4, .top5 {
margin: 0;
height: 100px;
width: 100%;
background: #6a78a7;
}
.top2 {
}
.top3, .top4 {
background: #515f8f;
}
.top5 {
background: #313e6b;
}
.title2, .description2 {
margin: 0px auto;
padding-top: 5px;
font-family: Helvetica;
text-align: center;
color: #fff
}
.title2 {
font-size: 30px;
}
.description2 {
margin-top: 10px;
font-size: 20px;
}
#settings {
margin: 0px auto;
margin-bottom: 0;
width: 100%;
}
.setting, .setting-last, .setting2 {
margin: 0px auto;
border-top: 1px solid #e0e0e0;
border-left: 1px solid #e0e0e0;
height: 100px;
width: 100%;
font-family: Verdana;
font-size: 20px;
color: #777;
}
.setting2, .price2 {
border-right: 1px solid #e0e0e0;
}
#second {
background: #F7F7F7;
}
.setting-last {
border-bottom: 1px solid #e0e0e0;
}
.price2 {
margin: 0px auto;
height: 140px;
width: 99%;
font-family: Verdana;
font-size: 15px;
color: #777;
text-align: center;
}
#price2 {
padding-top: 10px;
font-family: Verdana;
font-size: 30px;
color: #777;
text-align: center;
}
#bestel {
margin-top: 20px;
margin-left: auto;
margin-right: auto;
height: 30px;
line-height: 30px;
width: 50%;
background: linear-gradient(#E89535, #FFA830);
display: block;
list-style: none;
border-radius: 3px;
text-align: center;
}
#bestel:hover {
background: linear-gradient(#FFA830, #E89535);
}
#bestel a, #bestel a:hover {
color: #fff;
}
#korting {
box-shadow: 0px -2px 20px 5px #999;
font-weight: bold;
}
#korting2, #korting1, #korting5 {
margin-left: 1px;
border-top: 1px solid #e0e0e0;
border-right: 1px solid #e0e0e0;
border-left: 1px solid #e0e0e0;
width: 99%;
}
#korting5 {
border-right: 0px;
}
.tekst-box {
margin-top: 15px;
margin-left: 5%;
}
.tekst-box img {
margin-top: -5px;
margin-left: 37%;
}
#version1 {
margin-left: 2.5%;
display: none;
margin-top: 20px;
font-size: 20px;
}
strong {
font-weight: bold;
}
#packages {
margin: 0 auto;
margin-top: 50px;
width: 99%;
}
#package, #package1 {
margin-left: 4%;
margin-top: 20px;
height: 200px;
width: 21%;
float: left;
border: 1px solid #0f3647;
}
#package1 {
margin-left: 2.5%;
}
#packagetitle {
margin-top: 10px;
color: #0f3647;
text-align: center;
}
#description {
margin: 0 auto;
margin-top: 20px;
height: 100px;
width: 95%;
font-family: Verdana;
font-size: 15px;
}
#description li {
text-decoration: none;
margin-left: 10%;
font-family: Verdana;
}
#package .package li, #package1 .package li {
margin-left: auto;
margin-right: auto;
margin-top: 25px;
height: 30px;
line-height: 30px;
width: 50%;
background: #0f3647;
list-style: none;
text-align: center;
border: 1px solid #fff;
}
#package .package li a, #package1 .package li a {
color: #fff;
text-decoration: none;
}
#package .package li a:hover, #package1 .package li a:hover {
color: #fff;
}
#contact {
margin-top: 30px;
}
#text {
font-family: Verdana;
font-size: 15px;
margin-bottom: 20px;
}
#contact input[type=text], #contact input[type=email]{
padding: 5px;
font-family: Verdana;
font-size: 15px;
}
#contact textarea {
width: 40%;
max-width: 40%;
font-family: Verdana;
}
#contact input[type=submit]{
color: #fff;
font-family: Verdana;
background: #1a4265;
padding: 25px;
padding-bottom: 10px;
padding-top: 10px;
outline: 0;
border: 1px solid #fff;
}
#package2 {
margin-top: 20px;
height: 200px;
width: 30%;
float: left;
border: 1px solid #0f3647;
}
#package2 .packagetitle {
color: #0f3647;
font-size: 25px;
text-align: center;
}
#package2 li {
margin-left: 2%;
color: #0f3647;
list-style: yes;
font-size: 20px;
}
#footer {
margin-top: 50px;
height: 90px;
width: 100%;
float: left;
border-top: 1px solid #c8c8c8;
}
#footermenu {
display: none;
}
#social {
margin-top: 20px;
margin-left: 10%;
height: 90px;
width: 90%;
}
#social a {
margin-left: 10%;
float: left;
}
#social a:first-child {
margin-left: -2%;
}
#holland {
margin-top: -15px;
margin-left: 30%;
margin-right: 5%;
float: left;
}
.copyright {
margin-top: 10px;
font-family: Verdana;
color: #777;
}
#shop {
margin: 0;
margin-bottom: 20px;
width: 100%;
height: auto;
float: left;
display: block;
}
.woocommerce-message {
margin-top: 20px;
margin-bottom: 20px;
margin-left: 5%;
width: 70%;
height: 50px;
line-height: 50px;
padding-left: 50px;
color: #1a4265;
font-family: Verdana;
border: 1px solid #1a4265;
}
.woocommerce-message a, a:visited {
color: blue;
}
.woocommerce-message a:hover {
color: #000;
}
.page-title {
color: #1A4265;
margin-left: 5%;
}
.woocommerce-result-count {
margin-top: 20px;
margin-left: 5%;
font-family: Verdana;
}
.woocommerce-ordering {
margin-top: 10px;
margin-left: 5%;
font-family: Verdana;
}
#shop ul.products li.product {
padding-top: 50px;
float: left;
display: block;
width: 20%;
margin-top: 70px;
height: 300px;
}
#shop ul.products li.product:nth-child(1), #shop ul.products li.product:nth-child(2), #shop ul.products li.product:nth-child(3), #shop ul.products li.product:nth-child(4) {
padding-top: 0;
}
.child {
margin-left: 5%;
}
.first-child {
margin-left: 2%;
}
#shop ul.products .onsale {
margin-top: -30px;
display: block;
background: #1a4265;
height: 30px;
line-height: 30px;
text-align: center;
width: 25%;
color: #fff;
font-family: Verdana;
}
#shop ul.products li.product a img {
width: 100%;
height: 200px;
}
#shop .products li.product a {
text-decoration: none;
}
#shop .products li.product a h3 {
margin-top: 10px;
text-align: center;
color: #000;
text-decoration: none;
}
#shop .products .star-rating {
display: none;
}
#shop .products .price {
margin-top: 20px;
display: block;
text-align: center;
margin-left: auto;
margin-right: auto;
color: #000;
font-family: Verdana;
}
#shop .products .button {
margin-top: 20px;
margin-left: auto;
margin-right: auto;
display: block;
background: #1a4265;
color: #fff;
width: 50%;
height: 40px;
line-height: 40px;
border: 1px solid #1a4265;
font-family: Verdana;
text-align: center;
}
#shop ul.products .last {
border: none;
}
/* 1 product */
.images {
margin-left: 5%;
width: 40%;
float: left;
}
.summary {
height: 460px;
}
div.product .onsale {
margin-left: 5%;
display: block;
color: #fff;
font-family: Verdana;
background: #1A4265;
width: 10%;
text-align: center;
height: 40px;
line-height: 40px;
}
div.product .product_title {
font-family: Verdana;
margin-bottom: 20px;
}
div.product .woocommerce-product-rating {
display: none;
}
div.product .price {
font-family: Verdana;
margin-bottom: 20px;
font-size: 23px;
}
div .product div[itemprop="description"] {
margin-top: 20px;
margin-bottom: 20px;
font-family: Verdana;
}
div.product .quantity {
float: left;
}
div.product .single_add_to_cart_button {
margin-left: 5%;
}
div.product .woocommerce-tabs .tabs {
margin-left: 5.5%;
list-style: none;
padding: 0;
}
div.product .woocommerce-tabs .tabs li {
float: left;
padding-right: 20px;
}
div.product .woocommerce-tabs .tabs li a {
color: blue;
}
div.product .woocommerce-tabs .tabs li:last-child {
float: none;
}
div.product .woocommerce-tabs #tab-description {
margin-top: 40px;
margin-left: 5%;
width: 90%;
}
div.product .woocommerce-tabs #tab-description h2 {
font-family: Verdana;
}
div.product .woocommerce-tabs #tab-description p {
margin-top: 20px;
}
div.product .woocommerce-tabs #tab-reviews {
margin-top: 40px;
margin-left: 5%;
width: 90%;
}
div.product .woocommerce-tabs #tab-reviews .commentlist {
margin-left: 2%;
}
div.product .woocommerce-tabs #tab-reviews .commentlist li {
margin-top: 50px;
}
div.product .woocommerce-tabs #tab-reviews .star-rating {
display: none;
}
div.product .woocommerce-tabs #tab-reviews .description {
margin-top: 30px;
font-family: Verdana;
text-align: left;
}
div.product .woocommerce-tabs #tab-reviews .comment-respond {
margin-top: 80px;
margin-left: 60%;
font-family: Verdana;
}
div.product .woocommerce-tabs #tab-reviews .comment-respond #review_form #reply_title {
font-family: Verdana;
}
div.product .upsells {
margin-top: 70px;
}
div.product .upsells h2 {
margin-left: 5%;
}
div.product .upsells ul.products li.product .onsale {
margin-left: 0;
}
.woocommerce /* Dit is de Cart */ {
width: 100%;
display: block;
}
.actions .button, .shipping_calculator .button {
background: #1a4265;
outline: none;
border: 1px solid #fff;
color: #fff;
padding: 5px;
}
.shipping-calculator-form .form-row:nth-child(3) {
margin-top: -40px;
}
.woocommerce .woocommerce-info {
margin-left: 0%;
border: 1px solid #fff;
padding: 10px;
margin-bottom: 30px;
width: 70%;
font-family: Verdana;
}
.woocommerce .product-name {
width: 800px;
text-align: center;
}
.woocommerce .product-quantity {
padding-left: 20px;
padding-right: 20px;
text-align: center;
}
.woocommerce .product-price, .woocommerce .product-subtotal {
text-align: center;
}
.woocommerce .input-text {
width: 100px;
}
.woocommerce thead tr td {
width: 200px;
text-align: center;
}
.woocommerce .remove {
color: red;
text-decoration: none;
font-family: Verdana;
font-size: 30px;
}
.coupon {
padding-top: 30px;
padding-bottom: 30px;
}
#coupon_code {
margin-top: -3px;
}
.cart-collaterals {
padding-top: 30px;
}
.cart-collaterals tbody tr th {
width: 300px;
text-align: left;
}
.order-total th {
padding-top: 20px;
padding-bottom: 20px;
}
.shipping_calculator .shipping-calculator-button {
font-size: 20px;
}
.shipping_calculator .shipping-calculator-form select, .shipping_calculator .shipping-calculator-form input[type=text]{
margin-left: -35%;;
}
.woocommerce .woocommerce-billing-fields { /* Dit is de Checkout */
margin-top: 30px;
}
.woocommerce .woocommerce-billing-fields input[type=text], .woocommerce .woocommerce-billing-fields select, .woocommerce .woocommerce-billing-fields textarea, .woocommerce .woocommerce-billing-fields input[type=password]{
position: absolute; left: 40%;
padding: 5px;
width: 200px;
font-family: Verdana;
}
.woocommerce .woocommerce-shipping-fields input[type=text], .woocommerce .woocommerce-shipping-fields select, .woocommerce .woocommerce-shipping-fields textarea, .woocommerce .woocommerce-shipping-fields input[type=password]{
position: absolute; left: 40%;
padding: 5px;
width: 200px;
font-family: Verdana;
}
.woocommerce .shipping_calculator input[type=text], .woocommerce .shipping_calculator select, .woocommerce .shipping_calculator textarea, .woocommerce .shipping_calculator input[type=password]{
position: absolute; left: 40%;
padding: 5px;
width: 200px;
font-family: Verdana;
}
.woocommerce .form-row {
margin-top: 20px;
display: block;
}
#shipping_address_2_field, #billing_address_2_field {
height: 20px;
}
#ship-to-different-address {
margin-top: 30px;
}
#order_comments_field {
padding-top: 20px;
margin-bottom: 230px;
}
#order_comments_field label {
margin-right: 20px;
margin-left: 0;
}
#order_comments {
height: 200px;
width: 30%;
max-width: 50%;
}
#order_review_heading {
font-size: 25px;
margin-top: 50px;
}
.woocommerce .shipping-calculator-form {
margin-bottom: 30px;
}
.woocommerce .shipping-calculator-form .form-row {
height: 20px;
}
.shop_table {
margin-top: 10px;
margin-left: 7.5%;
}
.shop_table thead tr th, .shop_table tbody tr td {
width: 200px;
}
.shop_table tfoot tr {
text-align: left;
}
.shop_table tbody tr {
text-align: left;
}
.shop_table .cart_item .product-name, .shop_table .cart_item .product-total {
text-align: left;
}
.shop_table thead tr .product-name, .shop_table thead tr .product-total {
text-align: left;
font-weight: bold;
padding-bottom: 5px;
}
tr.cart-subtotal th{
padding-top: 30px;
}
.payment_methods li {
margin-top: 20px;
margin-bottom: 20px;
}
.order_details {
margin-bottom: 20px;
display: block;
}
.woocommerce p {
margin-bottom: 20px;
}
.customer_details {
margin-bottom: 20px;
}
.myaccount_user /* Dit is het My Account */ {
margin-bottom: 20px;
}
.order-number, .order-date, .order-status, .order-total {
text-align: left;
}
.order-number span, .order-date span, .order-status span, .order-total span {
margin-top: 10px;
display: block;
}
.order .order-status, .order-status span {
margin-left: 20%;
display: block;
}
.my_account_orders {
margin-bottom: 20px;
}
.title {
text-align: left;
}
.title h3 {
font-size: 25px;
}
.edit {
text-align: left;
font-size: 20px;
}
.address {
margin-top: 40px;
float: left;
}
.address:nth-child(2) {
margin-left: 20%;
}
.col-1 .title h3, .col-2 .title h3 {
margin-bottom: 10px;
}
@media only screen and (min-width: 731px) and (min-device-width: 731px) {
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
body, html {
margin: 0;
max-width: 100%;
}
p {
margin: 0;
text-align: left;
}
div {
display: block;
}
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.alignright {float:right; }
.alignleft {float:left; }
.aligncenter {display: block; margin-left: auto; margin-right: auto}
h1, h2, h3, h4, h5, h6 {
font-family: Verdana;
}
h1 {
font-size: 30px;
}
h2 {
font-size: 25px;
}
h3 {
font-size: 20px;
}
h4 {
font-size: 15px;
}
h5 {
font-size: 10px;
}
h6 {
font-size: 5px;
}
strong {
font-weight: bold;
}
em {
font-style: italic;
}
abbr[title] {
color: red;
}
#header {
margin: 0;
width: 100%;
height: 180px;
border-bottom: 1px solid #c8c8c8;
float: left;
}
#logo {
margin-left: 5%;
margin-top: 40px;
height: 100px;
width: 20%;
float: left;
}
#navselector {
margin-left: 50%;
width: 40%;
height: 100px;
border: 1px solid #000;
float: none;
display: none;
}
#headmenu {
margin-left: 1%;
height: 100px;
width: 100%;
float: left;
}
#headmenu .menu, #headmenu .menu li, #headmenu .menu ul, #headmenu .menu a, #headmenu .menu span {
margin:0;padding:0;border:0;outline:0;list-style:none;}
#headmenu .menu {
position:relative;z-index:597;float:left;}
#headmenu .menu li {
float:left;min-height:1px;line-height:1;vertical-align:middle;}
#headmenu .menu li:hover {
position:relative;z-index:599;cursor:pointer;}
#headmenu .menu a, #headmenu .menu span {
display:block;text-decoration:none;}
#headmenu .menu ul {
visibility:hidden;position:absolute;top:100%;left:0;z-index:598;}
#headmenu .menu ul li {
float:none;}
#headmenu .menu ul ul {
top:0;left:100%;
width: 150%; }
#headmenu .menu li:hover > ul {
visibility:visible;}
#headmenu .menu {
list-style: none;
margin-top: -10px;
padding: 0;
}
#headmenu ul.menu li {
width: auto;
line-height: 50px;
height: 50px;
padding: 0 15px;
font-family: verdana, geneva, sans-serif;
text-transform: uppercase;
color: #1a4265;
white-space: nowrap;
font-size: 12px;
}
#headmenu ul.menu a {
color: #000;
}
#headmenu ul.menu li:hover > a, #headmenu ul.menu li:hover > span {
color: #1a4265;
}
#headmenu ul.menu ul li {
width: 100%;
background: #1a4265;
text-transform: capitalize;
border: 1px solid #1a4265;
opacity: 1;
}
#headmenu ul.menu ul li a {
color: #fff;
}
#headmenu ul.menu ul li:hover {
background: #fff;
}
#headmenu ul.menu ul li:hover a {
color: #1a4265;
}
#body {
width: 100%;
margin-top: 50px;
float: left;
}
#home {
margin: 0 auto;
width: 82%;
}
#homedesign, #homehosting, #homeservice {
margin-top: 50px;
width: 100%;
height: auto;
font-family: Verdana;
font-size: 25px;
color: #777;
font-style: italic;
}
#homehosting {
margin-top: 150px;
}
#homeservice {
margin-top: 150px;
}
.hometitle {
font-size: 35px;
font-family: Verdana;
color: #1a4265;
margin-bottom: 20px;
text-align: left;
}
.homeimage {
float: left;
height: 256px;
margin-right: 5%;
}
.homeimage2 {
float: right;
height: 256px;
margin-left: 5%;
}
.homedescription {
margin-top: 50px;
}
#404 {
margin-left: 5%;
margin-bottom: 30px;
color: #1a4265;
}
.404 {
margin-left: 5%;
}
#content {
margin-left: 5%;
margin-right: 5%;
font-family: Verdana;
}
#content li {
font-family: Verdana;
}
#content a {
color: blue;
text-decoration: none;
}
#content a:hover {
color: #000;
}
.header1 {
font-size: 40px;
color: #1a4265;
margin-bottom: 20px;
}
.content {
font-size: 20px;
color: #000;
}
.content ul {
font-size: 20px;
font-family: Verdana;
margin-top: 10px;
margin-left: 5%;
}
article {
margin-left: 5%;
margin-top: 50px;
width: 50%;
}
#stats {
color: #777;
border-bottom: 1px solid #777;
margin-bottom: 30px;
}
#stats a, #stats a:visited {
color: blue;
text-decoration: none;
}
#stats a:hover {
color: #000;
}
.entry-title {
color: #1a4265;
text-decoration: none;
font-family: Verdana;
margin-bottom: 10px;
font-size: 25px;
}
.entry-title a, .entry-title a:visited {
color: blue;
text-decoration: none;
}
.entry-content {
font-family: Verdana;
color: #000;
font-size: 15px;
}
.entry-content a, .entry-content a:visited {
color: blue;
}
.entry-content a:hover {
text-decoration: none;
}
.entry-content li {
font-family: Verdana;
font-size: 15px;
}
#pricetables, #pricetables4 {
margin: 0 auto;
margin-top: 10px;
width: 100%;
height: auto;
float: left;
display: block;
}
#pricetables {
margin-left: -5%;
width: 110%;
}
#pricetable0 {
margin: 0;
width: 18%;
float: left;
font-size: 12px;
}
#pricetable10 {
margin: 0;
width: 38%;
float: left;
}
#pricetable1 {
width: 16%;
}
.top0 {
margin: 0;
height: 75px;
width: 100%;
}
#names {
margin: 0px auto;
margin-bottom: 0;
width: 100%;
height: 200px;
}
.name, .last, .name2{
margin: 0px auto;
border-top: 1px solid #e0e0e0;
height: 75px;
line-height: 50px;
width: 100%;
font-family: Verdana;
font-size: 12px;
color: #777;
}
.name2 {
border-bottom: 1px solid #e0e0e0;
}
.last {
border-bottom: 1px solid #e0e0e0;
}
#pricetable1 {
margin: 0;
width: 15%;
float: left;
}
#pricetable2 {
margin-left: 10%;
width: 20%;
float: left;
}
#pricetable3 {
margin: 0;
width: 25%;
float: left;
}
#pricetable3:nth-child(1) {
margin-left: 12%;
margin-right: 50%;
}
#pricetable3:nth-child(2) {
margin-left: 25%;
}
.top, .top2, .top3, .top4, .top5 {
margin: 0;
height: 75px;
width: 100%;
background: #6a78a7;
}
.top2 {
}
.top3, .top4 {
background: #515f8f;
}
.top5 {
background: #313e6b;
}
.title2, .description2 {
margin: 0px auto;
padding-top: 5px;
font-family: Helvetica;
font-size: 25px;
text-align: center;
color: #fff
}
.description2 {
font-size: 15px;
}
#settings {
margin: 0px auto;
margin-bottom: 0;
width: 100%;
}
.setting, .setting-last, .setting2 {
margin: 0px auto;
border-top: 1px solid #e0e0e0;
border-left: 1px solid #e0e0e0;
height: 75px;
line-height: 50px;
width: 99%;
font-family: Verdana;
font-size: 12px;
color: #777;
}
.setting2, .price2 {
border-right: 1px solid #e0e0e0;
}
#second {
background: #F7F7F7;
}
.setting-last {
border-bottom: 1px solid #e0e0e0;
}
.price2 {
margin: 0px auto;
height: 140px;
width: 99%;
font-family: Verdana;
font-size: 15px;
color: #777;
text-align: center;
}
#price2 {
padding-top: 10px;
font-family: Verdana;
font-size: 30px;
color: #777;
text-align: center;
}
#bestel {
margin-top: 20px;
margin-left: auto;
margin-right: auto;
height: 30px;
line-height: 30px;
width: 50%;
background: linear-gradient(#E89535, #FFA830);
display: block;
list-style: none;
border-radius: 3px;
text-align: center;
}
#bestel:hover {
background: linear-gradient(#FFA830, #E89535);
}
#bestel a, #bestel a:hover {
color: #fff;
}
#korting {
box-shadow: 0px -2px 20px 5px #999;
font-weight: bold;
}
#korting2, #korting1, #korting5 {
margin-left: 1px;
border-top: 1px solid #e0e0e0;
border-right: 1px solid #e0e0e0;
border-left: 1px solid #e0e0e0;
width: 99%;
}
#korting5 {
border-right: 0px;
}
.tekst-box {
margin-top: 15px;
margin-left: 5%;
}
.tekst-box img {
margin-top: -5px;
margin-left: 37%;
}
#version1 {
margin-left: 2.5%;
display: block;
margin-top: 20px;
font-size: 12px;
}
strong {
font-weight: bold;
}
#packages {
margin: 0 auto;
margin-top: 50px;
width: 99%;
}
#package, #package1 {
margin-left: 4%;
margin-top: 20px;
height: 200px;
width: 21%;
float: left;
border: 1px solid #0f3647;
}
#package1 {
margin-left: 2.5%;
}
#packagetitle {
margin-top: 10px;
color: #0f3647;
text-align: center;
}
#description {
margin: 0 auto;
margin-top: 20px;
height: 100px;
width: 95%;
font-family: Verdana;
font-size: 15px;
}
#description li {
text-decoration: none;
margin-left: 10%;
font-family: Verdana;
}
#package .package li, #package1 .package li {
margin-left: auto;
margin-right: auto;
margin-top: 25px;
height: 30px;
line-height: 30px;
width: 50%;
background: #0f3647;
list-style: none;
text-align: center;
border: 1px solid #fff;
}
#package .package li a, #package1 .package li a {
color: #fff;
text-decoration: none;
}
#package .package li a:hover, #package1 .package li a:hover {
color: #fff;
}
#contact {
margin-top: 30px;
}
#text {
font-family: Verdana;
font-size: 15px;
margin-bottom: 20px;
}
#contact input[type=text], #contact input[type=email]{
padding: 5px;
font-family: Verdana;
font-size: 15px;
}
#contact textarea {
width: 40%;
max-width: 40%;
font-family: Verdana;
}
#contact input[type=submit]{
color: #fff;
font-family: Verdana;
background: #1a4265;
padding: 25px;
padding-bottom: 10px;
padding-top: 10px;
outline: 0;
border: 1px solid #fff;
}
#package2 {
margin-top: 20px;
height: 200px;
width: 30%;
float: left;
border: 1px solid #0f3647;
}
#package2 .packagetitle {
color: #0f3647;
font-size: 25px;
text-align: center;
}
#package2 li {
margin-left: 2%;
color: #0f3647;
list-style: yes;
font-size: 20px;
}
#footer {
margin-top: 50px;
height: 140px;
width: 100%;
float: left;
border-top: 1px solid #c8c8c8;
}
#footermenu {
display: none;
}
#social {
margin-top: 20px;
margin-left: 10%;
height: 90px;
width: 90%;
}
#social a {
margin-left: 10%;
float: left;
}
#social a:first-child {
margin-left: -2%;
}
#holland {
margin-top: -15px;
margin-left: 30%;
margin-right: 5%;
float: left;
}
.copyright {
margin-top: 10px;
font-family: Verdana;
color: #777;
}
#shop {
margin: 0;
margin-bottom: 20px;
width: 100%;
height: auto;
float: left;
display: block;
}
.woocommerce-message {
margin-top: 20px;
margin-bottom: 20px;
margin-left: 4%;
width: 90%;
height: 50px;
line-height: 50px;
padding-left: 25px;
color: #1a4265;
font-family: Verdana;
border: 1px solid #1a4265;
}
.woocommerce-message a, a:visited {
color: blue;
}
.woocommerce-message a:hover {
color: #000;
}
.page-title {
color: #1A4265;
margin-left: 5%;
}
.woocommerce-result-count {
margin-top: 20px;
margin-left: 5%;
font-family: Verdana;
}
.woocommerce-ordering {
margin-top: 10px;
margin-left: 5%;
font-family: Verdana;
}
#shop ul.products li.product {
padding-top: 50px;
float: left;
display: block;
width: 20%;
margin-top: 70px;
height: 300px;
}
#shop ul.products li.product:nth-child(1), #shop ul.products li.product:nth-child(2), #shop ul.products li.product:nth-child(3), #shop ul.products li.product:nth-child(4) {
padding-top: 0;
}
.child {
margin-left: 5%;
}
.first-child {
margin-left: 2%;
}
#shop ul.products .onsale {
margin-top: -30px;
display: block;
background: #1a4265;
height: 30px;
line-height: 30px;
text-align: center;
width: 25%;
color: #fff;
font-family: Verdana;
}
#shop ul.products li.product a img {
width: 100%;
height: 200px;
}
#shop .products li.product a {
text-decoration: none;
}
#shop .products li.product a h3 {
margin-top: 10px;
text-align: center;
color: #000;
text-decoration: none;
}
#shop .products li.product:nth-child(4) a h3, #shop .products li.product:nth-child(8) a h3, #shop .products li.product:nth-child(12) a h3, #shop .products li.product:nth-child(16) a h3, #shop .products li.product:nth-child(20) a h3, #shop .products li.product:nth-child(24) a h3, #shop .products li.product:nth-child(28) a h3 {
margin-top: -17px;
}
#shop .products li.product:nth-child(4) .price, #shop .products li.product:nth-child(8) .price, #shop .products li.product:nth-child(12) .price, #shop .products li.product:nth-child(16) .price, #shop .products li.product:nth-child(20) .price, #shop .products li.product:nth-child(24) .price, #shop .products li.product:nth-child(28) .price {
margin-top: -10px;
font-size: 16px;
}
#shop .products li.product:nth-child(4) .button, #shop .products li.product:nth-child(8) .button, #shop .products li.product:nth-child(12) .button, #shop .products li.product:nth-child(16) .button, #shop .products li.product:nth-child(20) .button, #shop .products li.product:nth-child(24) .button, #shop .products li.product:nth-child(28) .button {
margin-top: 5px;
}
#shop .products .star-rating {
display: none;
}
#shop .products .price {
margin-top: 20px;
display: block;
text-align: center;
margin-left: auto;
margin-right: auto;
color: #000;
font-family: Verdana;
}
#shop ul.products li.product .button {
margin-top: 20px;
margin-left: auto;
margin-right: auto;
display: block;
background: #1a4265;
color: #fff;
width: 50%;
height: 40px;
line-height: 40px;
font-family: Verdana;
text-align: center;
}
#shop ul.products .last {
border: none;
}
/* 1 product */
.images {
margin-left: 5%;
width: 40%;
float: left;
}
.summary {
height: 460px;
}
div.product .onsale {
margin-left: 5%;
display: block;
color: #fff;
font-family: Verdana;
background: #1A4265;
width: 10%;
text-align: center;
height: 40px;
line-height: 40px;
}
div.product .product_title {
font-family: Verdana;
margin-bottom: 20px;
}
div.product .woocommerce-product-rating {
display: none;
}
div.product .price {
font-family: Verdana;
margin-bottom: 20px;
font-size: 23px;
}
div .product div[itemprop="description"] {
margin-top: 20px;
margin-bottom: 20px;
font-family: Verdana;
}
div.product .quantity {
float: left;
}
div.product .single_add_to_cart_button {
margin-left: 5%;
}
div.product .woocommerce-tabs .tabs {
margin-left: 5.5%;
list-style: none;
padding: 0;
}
div.product .woocommerce-tabs .tabs li {
float: left;
padding-right: 20px;
}
div.product .woocommerce-tabs .tabs li a {
color: blue;
}
div.product .woocommerce-tabs .tabs li:last-child {
float: none;
}
div.product .woocommerce-tabs #tab-description {
margin-top: 40px;
margin-left: 5%;
width: 90%;
}
div.product .woocommerce-tabs #tab-description h2 {
font-family: Verdana;
}
div.product .woocommerce-tabs #tab-description p {
margin-top: 20px;
}
div.product .woocommerce-tabs #tab-reviews {
margin-top: 40px;
margin-left: 5%;
width: 90%;
}
div.product .woocommerce-tabs #tab-reviews .commentlist {
margin-left: 2%;
}
div.product .woocommerce-tabs #tab-reviews .commentlist li {
margin-top: 50px;
}
div.product .woocommerce-tabs #tab-reviews .star-rating {
display: none;
}
div.product .woocommerce-tabs #tab-reviews .description {
margin-top: 30px;
font-family: Verdana;
text-align: left;
}
div.product .woocommerce-tabs #tab-reviews .comment-respond {
margin-top: 80px;
margin-left: 60%;
font-family: Verdana;
}
div.product .woocommerce-tabs #tab-reviews .comment-respond #review_form #reply_title {
font-family: Verdana;
}
div.product .upsells {
margin-top: 70px;
}
div.product .upsells h2 {
margin-left: 5%;
}
div.product .upsells ul.products li.product .onsale {
margin-left: 0;
}
.woocommerce /* Dit is de Cart */ {
width: 100%;
display: block;
}
.actions .button, .shipping_calculator .button {
background: #1a4265;
outline: none;
border: 1px solid #fff;
color: #fff;
padding: 5px;
}
.shipping-calculator-form .form-row:nth-child(3) {
margin-top: -40px;
}
.woocommerce-info {
margin-left: 4.5%;
border: 1px solid #fff;
padding: 10px;
margin-bottom: 30px;
width: 70%;
font-family: Verdana;
}
.woocommerce .product-name {
width: 800px;
text-align: center;
}
.woocommerce .product-quantity {
padding-left: 20px;
padding-right: 20px;
text-align: center;
}
.woocommerce .product-price, .woocommerce .product-subtotal {
text-align: center;
}
.woocommerce .input-text {
width: 100px;
}
.woocommerce thead tr td {
width: 200px;
text-align: center;
}
.woocommerce .remove {
color: red;
text-decoration: none;
font-family: Verdana;
font-size: 30px;
}
.coupon {
padding-top: 30px;
padding-bottom: 30px;
}
#coupon_code {
margin-top: -3px;
}
.cart-collaterals {
padding-top: 30px;
}
.cart-collaterals tbody tr th {
width: 300px;
text-align: left;
}
.order-total th {
padding-top: 20px;
padding-bottom: 20px;
}
.shipping_calculator .shipping-calculator-button {
font-size: 20px;
}
.shipping_calculator .shipping-calculator-form select, .shipping_calculator .shipping-calculator-form input[type=text]{
margin-left: -35%;;
}
.woocommerce .woocommerce-billing-fields { /* Dit is de Checkout */
margin-top: 30px;
}
.woocommerce .woocommerce-billing-fields input[type=text], .woocommerce .woocommerce-billing-fields select, .woocommerce .woocommerce-billing-fields textarea, .woocommerce .woocommerce-billing-fields input[type=password]{
position: absolute; left: 40%;
padding: 5px;
width: 200px;
font-family: Verdana;
}
.woocommerce .woocommerce-shipping-fields input[type=text], .woocommerce .woocommerce-shipping-fields select, .woocommerce .woocommerce-shipping-fields textarea, .woocommerce .woocommerce-shipping-fields input[type=password]{
position: absolute; left: 40%;
padding: 5px;
width: 200px;
font-family: Verdana;
}
.woocommerce .shipping_calculator input[type=text], .woocommerce .shipping_calculator select, .woocommerce .shipping_calculator textarea, .woocommerce .shipping_calculator input[type=password]{
position: absolute; left: 40%;
padding: 5px;
width: 200px;
font-family: Verdana;
}
.woocommerce .form-row {
margin-top: 20px;
display: block;
}
#shipping_address_2_field, #billing_address_2_field {
height: 20px;
}
#ship-to-different-address {
margin-top: 30px;
}
#order_comments_field {
padding-top: 20px;
margin-bottom: 230px;
}
#order_comments_field label {
margin-right: 20px;
margin-left: 0;
}
#order_comments {
position: absolute; left: 50%;
height: 200px;
width: 40%;
max-width: 50%;
}
#order_review_heading {
font-size: 25px;
margin-top: 50px;
}
.woocommerce .shipping-calculator-form {
margin-bottom: 30px;
}
.woocommerce .shipping-calculator-form .form-row {
height: 20px;
}
.shop_table {
margin-top: 10px;
margin-left: 7.5%;
}
.shop_table thead tr th, .shop_table tbody tr td {
width: 200px;
}
.shop_table tfoot tr {
text-align: left;
}
.shop_table tbody tr {
text-align: left;
}
.shop_table .cart_item .product-name, .shop_table .cart_item .product-total {
text-align: left;
}
.shop_table thead tr .product-name, .shop_table thead tr .product-total {
text-align: left;
font-weight: bold;
padding-bottom: 5px;
}
tr.cart-subtotal th{
padding-top: 30px;
}
.payment_methods li {
margin-top: 20px;
margin-bottom: 20px;
}
.order_details {
margin-bottom: 20px;
display: block;
}
.woocommerce p {
margin-bottom: 20px;
}
.customer_details {
margin-bottom: 20px;
}
.myaccount_user /* Dit is het My Account */ {
margin-bottom: 20px;
}
.order-number, .order-date, .order-status, .order-total {
text-align: left;
}
.order-number span, .order-date span, .order-status span, .order-total span {
margin-top: 10px;
display: block;
}
.order .order-status, .order-status span {
margin-left: 20%;
display: block;
}
.my_account_orders {
margin-bottom: 20px;
}
.title {
text-align: left;
}
.title h3 {
font-size: 25px;
}
.edit {
text-align: left;
font-size: 20px;
}
.address {
margin-top: 40px;
float: left;
}
.address:nth-child(2) {
margin-left: 20%;
}
.col-1 .title h3, .col-2 .title h3 {
margin-bottom: 10px;
}
}