﻿body
{
    font-family: Tahoma, Geneva, sans-serif;
    line-height: 20px;
    margin: 0;
}
h1
{
    margin: 30px 0 30px 0;
    font-size: 19pt;
    letter-spacing: -1px;
}
.banner
{
    
}
.aanbieding
{
    background: white;
    border: solid 2px black;
    padding: 5px;
    margin: 10px 0 0 0;
    font-size: 11pt;
    font-weight: bold;
}
h2
{
    font-size: 12pt;    
}
a
{
    color: black;
}

a:hover
{
    color: Maroon;
}
.oldprice
{
    background: url(../images/oldprice.png) no-repeat;
}
.offer
{
    font-size: 14pt;
    font-weight: bold;
    color: #ef5ba1;
}
.pdf
{
    background: url(../images/pdf.gif) no-repeat;
    padding-left: 22px;
    height: 25px;
    margin-left: 3px;
    display: inline-block;
}

li
{
    list-style-image: url(../images/bullet.png);
    list-style-position: outside;
    padding-left: 15px;
}

h4
{
    font-family: Tahoma, Geneva, sans-serif;
    margin: 0 0 -17px 0;
    color: Maroon;
    font-size: 17px;
    letter-spacing: -1px;
}

h4 a
{
    text-decoration: none;
    color: Maroon;
}

h4 a:hover
{
    text-decoration: underline;
}

h5
{
    font-family: Tahoma, Geneva, sans-serif;
    margin: 0 0 0 0;
    font-size: 17px;
    letter-spacing: -1px;
    display: block;
    white-space: nowrap;
}
.MainMenu
{
    width: 700px;
    text-align: right;
}
.body_blauw
{
    background: url( '../images/bg_blue.png' ) center fixed;
}

.body_geel
{
    background: url( '../images/bg_yellow.png' ) center fixed;
}

.body_groen
{
    background: url( '../images/bg_green.png' ) center fixed;
}

.body_oranje
{
    background: url( '../images/bg_orange.png' ) center fixed;
}

.body_paars
{
    background: url( '../images/bg_purple.png' ) center fixed;
}

.body_roze
{
    background: url( '../images/bg_pink.png' ) center fixed;
}

.MainTable
{
    width: 950px;
}

.Logo
{
    width: 190px;
}

.topmenu 
{
    text-align: left;
    height: 50px;
}
.topmenu .addthis_toolbox
{
    float: right;
    margin: 10px 10px 0 0;
}
.topmenu .addthis_toolbox span.title
{
    float: left;
    margin: 3px 0 0 0;
    visibility: hidden;
}
.topmenu .languages
{
    margin: 5px 0 0 0;
    float: left;
}
.topmenu a img
{
    border: none;
}

.MainContent
{
    font-size: 12px;
}

.sub
{
    text-align: center;
    padding: 15px;
}

.sub a
{
    display: block;
    text-align: left;
    width: 120px;
    background: #fff;
    padding: 2px 2px 2px 6px;
    text-decoration: none;
    border: solid 2px black;
}

.Update
{
    position: absolute;
    padding: 10px;
    font-size: 11px;
    font-family: Tahoma, Geneva, sans-serif;
    font-weight: bold;
    border: solid 2px black;
    bottom: 10px;
    left: 10px;
    background-color: #CCFF00;
}

.pasfoto
{
    margin-top: 6px;
    margin-right: 10px;
}

.foto
{
    padding: 4px;
    background-color: White;
    border: solid 2px Black;
    cursor: pointer;
    margin: 5px 7px 0 0;
}

.foto_normal
{
    padding: 4px;
    background-color: White;
    border: solid 2px Black;
}

.achterdeschermen tr
{
    vertical-align: top;
}

.agenda
{
    background-color: White;
    padding: 10px;
    text-align: left;
    border: solid 3px Maroon;
}

.agenda h4
{
    border-bottom: dotted 2px maroon;
    padding-bottom: 5px;
}

.jukebox
{
    position: absolute;
    background: url(../images/jukebox.png) no-repeat;
    width: 200px;
    height: 121px;
}

.drag
{
    display: block;
    position: relative;
    background: url(../images/jukebox.png) no-repeat;
    width: 200px;
    height: 121px;
    cursor: move;
    z-index: 100;
    text-align: center;
    padding-top: 20px;
}

.newsletter_box
{
    border: solid 2px #f15735;
    background-color: White;
    font-size: 11px;
    color: #f15735;
    float: left;
}

.newsletter_box input
{
    border: solid 2px #f15735;
    background-color: White;
}

.newsletter_box a
{
    color: #f15735;
}

.newsletter_box a:hover
{
    text-decoration: none;
}

.liedjes_menu
{
    font-size: 9px;
    font-weight: bold;
    text-align: center;
}

.liedjes
{
    margin: 10px 0 10px 0;
}
.liedjes_mo
{
    background-color: White;
}
.liedjes td
{
    white-space: nowrap;
}

.liveact_fotos img
{
    border: solid 2px Black;
}

.liveact_fotos .thumbs img
{
    position: relative;
    margin-left: -40px;
    background-color: White;
    padding: 4px;
}

.knoppen_liedje
{
    float: right;
    padding: 0 30px 0 0;
}

.liedje_titel
{
    font-size: 21px;
    font-weight: bold;
    letter-spacing: -1px;
    
}

/* Producten */
.MainText
{
    clear: both;
}
.MainText h1, .MainText h2, .MainText h3
{
    margin: 10px 0 5px 0;
}
.MainText p
{
    margin: 5px 0 5px 0;
}
.MainText h2
{
    font-size: 11pt;
    font-weight: bold;
    margin: 20px 0 0 0;
}
.MainText h3
{
    font-size: 10pt;
}
.MainText h4
{
    font-size: 10pt;
    color: #000;
    letter-spacing: 0px;
    margin: 0 0 15px 0;
}
.MainText table
{
    border: solid 2px Black;
    background-color: White;
    font-weight: bold;
    width: 370px;
    margin: 5px 0 0 0;
}
.MainText .price
{
    text-align: right;
}
.klodder1
{
    background: url(../images/klodder-blauw.png) no-repeat;
    font-size: 11px;
    height: 240px;
    width: 250px;
    padding: 10px 0 25px 25px;
    float: left;
    display: inline;
}
.klodder2
{
    background: url(../images/klodder-rood.png) no-repeat;
    font-size: 11px;
    height: 240px;
    width: 250px;
    padding: 10px 0 25px 25px;
    float: left;
    display: inline;
}
.klodder3
{
    background: url(../images/klodder-geel.png) no-repeat;
    font-size: 11px;
    height: 240px;
    width: 250px;
    padding: 10px 0 25px 25px;
    float: left;
    display: inline;
}
.klodder4
{
    background: url(../images/klodder-roze.png) no-repeat;
    font-size: 11px;
    height: 240px;
    width: 250px;
    padding: 10px 0 25px 25px;
    float: left;
    display: inline;
}

.klodder5
{
    background: url(../images/klodder-groen.png) no-repeat;
    font-size: 11px;
    height: 240px;
    width: 250px;
    padding: 10px 0 25px 25px;
    float: left;
    display: inline;
}

.klodder6
{
    background: url(../images/klodder-lila.png) no-repeat;
    font-size: 11px;
    height: 240px;
    width: 250px;
    padding: 10px 0 25px 25px;
    float: left;
    display: inline;
}

.Products .item
{
    text-align: left;
    line-height: 14px;
    width: 205px;
}
.category
{
    display: inline-block;
    clear: both;
    width: 650px;
}


.category h1
{
    margin: 5px 0 10px 0;
}
.category .productitem
{
    float: left;
    margin: 0 10px 10px 0;
    width: 310px;
    display: inline-block;
    font-size: 8pt;
    position: relative;
}
.prijs
{
    font-weight: bold;
    font-size: 10pt;
}
.category .newproduct
{
    position: absolute;
    margin: -4px 0 0 -4px;
}
.category .productitem h3
{
    margin: 0 0 3px 0;
    padding: 0;
    width: 195px;
    line-height: 1em;
    font-size: 16px;
}
.category .productitem p
{
    margin: 0;
    line-height: 12pt;
    overflow: hidden;
}
.productitem h6
{
    position: absolute;
    margin: -20px 0 0 125px;
    font-size: 20px;
}
.category .productitem a img
{
    border: none;
    margin-right: 5px;
}
.category .productitem .order
{
    display: none;
}
.category .productitem:hover .order
{
    border: solid 1px black;
    background-color: White;
    font-weight: bold;
    text-align: center;
    width: 107px;
    text-transform: uppercase;
    font-size: 7pt;    
    position: absolute;
    margin: -28px 0 0 5px;
    display: block;
}
.category .productitem:hover .order a
{
    text-decoration: none;
}
.category .productitem:hover .order a:hover
{
    text-decoration: underline;
    color: Black;
}
.Products h3
{
    padding: 45px 0px 0px 0px;
    font-size: 12px;
    font-weight: bold;
    color: #ffff00;
    margin: 0;
}

.Products a h3
{
    text-decoration: none;
}

.Products .info
{
    line-height: 14px;
}

.Products .cover
{
    display: inline;
    padding-right: 5px;
    width: 100px;
}

.Products .itemprijs
{
    font-weight: bold;
    text-align: center;
    margin-top: 7px;
    font-size: 12px;
    color: White;
}

.Products .links
{
    text-align: center;
    color: White;
    line-height: 16pt;
}

.Products .links a
{
    padding: 3px;
    color: White;
}

.Products .links a:hover
{
    font-weight: bold;
}

.toolbox
{
    width: 100px;
    float: right;
    margin-top: 25px;
    padding: 0 0 0 15px;
}

.tracklist
{
    line-height: 14px;
    float: left;
    width: 500px;
    margin: 10px 0 20px 0;
}

.productdetail_omschrijving img
{
}

/* Winkelmandje */



.winkelmandje .head
{
    font-weight: bold;
}

.winkelmandje .totaal
{
    font-weight: bold;
}

.winkelmandje .totaal td
{
    border-top: solid 1px Black;
}

.winkelmandje input
{
    border: solid 1px black;
    font-size: 11px;
    font-weight: bold;
    width: 15px;
    text-align: center;
}



/* Bestellen */

.head1
{
    background-color: #ed4f97;
    font-weight: bold;
    color: White;
}

.head2
{
    background-color: #00b1ee;
    font-weight: bold;
    color: White;
}

.head1 td, .head2 td
{
    padding-left: 7px;
}

.orderform input, select, textarea
{
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 11px;
}

.orderform td
{
    text-align: left;
}

.formvalidation
{
    line-height: 14px;
    font-size: 11px;
}

.formvalidation ul
{
    margin: 0px;
}

.PaymentBox
{
    background-color: White;
    border: solid 2px Black;
    width: 400px;
    padding: 20px;
}

/* nieuws */
.news h4
{
    padding: 10px 0 10px 0;
    clear: both;
}
.news img
{
    margin: 5px 5px 0px 0;
}


/* Taal keuze */

.ChooseLanguage a
{
    font-size: 11px;
    text-decoration: none;
}

.ChooseLanguage img
{
    border: none;
}

.taalbox
{
    display: none;
    position: absolute;
    padding: 10px;
    background-color: White;
}

.taalbox a
{
    display: block;
    padding: 2px 2px 2px 12px;
}

.ChooseLanguage a.nl
{
    background: url(images/flags/nl.gif) no-repeat left middle;
}

.ChooseLanguage a.en
{
    background: url(images/flags/en.gif) no-repeat left middle;
}

.ChooseLanguage a.de
{
    background: url(images/flags/de.gif) no-repeat left middle;
}



/* Zoekbox */

.ZoekBox
{
    background: url(../images/zoeken.png) no-repeat;
    width: 270px;
    height: 28px;
    float: left;
    margin: 45px 0 0 0;
}

.ZoekBox .input
{
    font-size: 11px;
    font-weight: bold;
    border: none;
    background-color: Transparent;
    padding: 2px;
    margin: 5px 0 0 13px;
    width: 175px;
}

.ZoekBox .button
{
    position: absolute;
    margin-left: 5px;
}

/* Bedrijven */

.portfolio span
{
    float: left;
}
.portfolio span img
{
    width: 125px;
    height: 125px;
    float: left;
    border: solid 2px Black;
    margin: 0 10px 10px 0;
}

.company
{
    clear: both;
    margin: 10px 0 10px 0;
    width: 680px;
}
.company h5
{
    margin: 10px 0 20px 0;
}
.company .album
{
    float: left;
    margin: 0 7px 7px 0;
    background: white;
    border: solid 2px black;
}
.company .album div
{
    width: 125px;
    height: 125px;
    overflow: hidden;
    border: solid 4px white;
}

/* Footer */

.footer
{
    display: none;
    font-size: 11px;
    text-align: left;
    border-top: solid 1px gray;
    color: Gray;
    margin: 25px 0 0 260px;
}


/* Tweet List */
.twitter
{
    background: url(../images/back-tweets.png) repeat-y;
    display: inline-block;
    width: 260px;
    height: 210px;
    margin: 0 0 30px 0;
}
.twittertop
{
    background: url(../images/back-tweets-top.png) no-repeat top left;
    height: 75px;
}
.twitter .tweets
{
    background: url(../images/back-tweets-bottom.png) no-repeat left bottom;
}
.twitter .tweets .content
{
    overflow: hidden;   
    margin: -8px 0 0 19px;
    width: 205px;
    font-size: 8pt;
    line-height: 11pt;
    display: inline-block;    
    height: 245px;
}
ul.tweet_list
{
    margin: 0;
    padding: 0;
    list-style: none;
    color: #333;
}
ul.tweet_list li
{
    list-style: none;
    text-align: left;
    margin: 0;
    padding: 5px;
}
.tweet_list .tweet_avatar
{
    float: left;
    margin: 5px 5px 5px 0;
    width: 32px;
}
.tweet_list .tweet_text, .tweet_list .tweet_time
{
    float: right;
    width: 190px;
}
.tweet_list .tweet_odd, .tweet_list .tweet_even
{
    clear: both;
}
.tweet_list .tweet_first
{
    font-weight: bold;
}
.tweet_list .tweet_time a
{
    font-size: 7pt;
    color: #888;
    margin: 3px 0 0 0;
    padding-bottom: 10px;
    display: block;
    font-style: italic;
    border-bottom: dotted 1px #ccc;
}
.tweet_list .tweet_text a
{
    color: #26649f;
}

.avatar .tweet_text, .avatar .tweet_time
{
    display: none;
}
.avatar .tweet_avatar
{
    float: left;
    margin: 20px 0 0 15px;
}
.avatar .tweet_avatar img
{
    border-top: solid 1px #0089c2;
    border-left: solid 1px #0089c2;
}
.avatar, .twittertop .text
{
    margin-top: 17px;
}
.avatar, .twittertop .text span.title
{
    font-size: 16px;
    border: solid 1px transparent;
}
.followus
{
    clear: both;
    margin: 0 0 30px 10px;
}
.followus .title
{
    font-size: 16px;
    margin: 0;
}
.followus a img
{
    border: none;
    float: left;
}
.shopinshop .title
{
    font-size: 14pt;
    visibility: hidden;
    height: 16px;
    margin: 25px 0 10px 0;
}
.shopmenu
{
    position: absolute;
    margin-left: 700px;
}
