﻿/*
Paars #ac0142
Blauw #00aadd
Groen #008000
*/

body {text-align:center;padding:1em 0.5em;margin:0; padding:0;padding-bottom:10px;font-family:Arial, Helvetica, sans-serif; font-size:14px;}
h1 {margin:0;font-weight:bold; font-size:18px;}
h2 {font-weight:bold;font-size:14px;}
img {border:0;}
p {text-align:justify; line-height:22px;}
a {text-decoration:underline; color:#ac0142;}
a:hover {text-decoration:none; color:#ac0142;}
ul {float:right; width:400px;}
li { float:right; list-style-type:none; margin-left:10px;}
hr { border:0;background-color:#ac0142;margin-bottom:30px; height:1px;}    

.small_img{float:left; width:60px; margin:5px 0 2px 1px; padding:1px 5px 5px 1px; text-align:center; }
.bluelink {color:#ac0142;}
#wrapper{width:740px; text-align:left;}
#headerimage{ float:left; margin-bottom:20px;}
#introduction{float:left; width:450px;}
#infotable {margin-top:20px;}
#infotable p {margin:10px 0;}
#infotable td.menu {border:1px solid #ccc;border-bottom:0;padding:10px 10px;background:#eee;width:170px;height:30px;cursor:pointer;}
#infotable td.menu a {display:block;}
#infotable td.active {border-right:#fff 1px solid;background:#fff;height:30px;}
#infotable td.active a {color:#000;text-decoration:none;}
.webshop { border:solid 1px black;}
.slideshow {margin-left:200px; margin-top:50px;}
.amerken {float:right; width:130px; height:100px;margin-left:10px; margin-top:0px; margin-bottom:10px;}
#aanmelden { float:right; width:250px; height:60px; padding-top:10px; margin-top:20px;margin-right:5px; border:solid 1px #ac0142; text-align:center; background-color:#00aadd;}
#aanmelden input {margin: 6px 0pt; padding: 4px 10px; font-size: 130%; font-weight: bold;}
#inloggen { float:right; width:250px; margin-right:20px;}
#inloggen table {width:100%;}
#inloggen input {width:170px; float:right;}
#inloggen .tdText {text-align:right; font-weight:bold; font-size:13px;}
#inloggen .tdButton {float:left;}
#inloggen .tdWachtwoord {text-align:center; font-size:10px;}

.contentCenter{}
.contentCenter table{margin-left:200px;}
.contentCenter ul{float:left;}
.error{color:#00aadd; font-weight:bold;}
.errorSmall{color:#ac0142; font-weight:bold; font-size:10px;}
.gelukt{color:#008000; font-weight:bold;}
.addthis_toolbox addthis_default_style {float:right; margin-top:20px;margin-bottom:10px;}

#LedenCode{float:right; width:420px; border-left:solid 1px #cccccc;padding-left:10px;margin-bottom:30px;}
#Ledendetails{float:left;width:300px;border-bottom:solid 1px #cccccc;}
#Ledendetails .tdText {text-align:Left; font-weight:bold; font-size:13px;}
#Maandoverzicht {float:left; width:230px;}
#Maandoverzicht th{border-bottom:solid 1px #cccccc; background-color:#00aadd; color:White;padding:3px;}
#Maandoverzicht td{padding-right:10px; padding-bottom:5px;padding-top:5px;}
#Maandoverzicht .tdPunten{text-align:right;border-left:solid 1px #cccccc;}
#Maandoverzicht .tdTotaal{border-top:solid 1px #cccccc; font-weight:bold;}

#Transacties {float:right; width:480px;}
#Transacties th{border-bottom:solid 1px #cccccc; background-color:#00aadd; color:White;padding:3px;}
#Transacties td{padding-right:10px; padding-bottom:5px;padding-top:5px;}
#Transacties .tdPunten{text-align:right;border-left:solid 1px #cccccc;}
#Transacties .tdTotaal{border-top:solid 1px #cccccc; font-weight:bold;}
#Transacties .tdUitbetaald{text-align:right;border-left:solid 1px #cccccc; padding-left:5px;}

#webshopoverzicht .letter { margin-right:10px; font-weight:bold; font-size:20px; color:Black; text-decoration:underline;}
#webshopoverzicht a {text-decoration:none; color:Black;}
#webshopoverzicht a:hover {text-decoration:underline;color:#ac0142;}
#webshopoverzicht h1 a {margin-right:10px; font-weight:bold; font-size:26px; text-decoration:none;color:#00aadd;}
#webshopoverzicht ul {width:700px; margin:0;padding:0;margin-top:10px;}
#webshopoverzicht li {width:230px; float:left;margin-left:0;}
#webshopoverzicht {width:700px; }
#webshopoverzicht .boven a {float:left;color:#00aadd;}

#ProgressMessage
{
    position: absolute; 
    left: 50%;
    padding:20px;
    margin-left:-130px;
    z-index: 90; 
    width: 100%;
    text-align:center;
    width:260px;
    height:150px;
    background-color:White;
    border: solid 2px #840131;
}

#ProgressMessage p
{
    color:#6699CC;
    font-weight:bold;
    margin-bottom:20px;
    text-align:center;
}
