*{margin:0;padding:0;}
html,body{height:100%;width:100%;}
body{background:#FFFFFF;font-family:"trebuchet ms",helvetica,arial,"times new roman",verdana;font-size:13px;color:#333333;line-height:170%;}
img{border:none;}
img.center{margin-left:auto;margin-right:auto;}
img.captcha{margin-bottom:5px;border:1px solid #333333;}
ul{list-style-type:none;}
a{color:#006699;}
a:hover,a:active,a:focus{color:#333333;}
a,a:hover,a:active,a:focus{text-decoration:underline;outline:none;}
hr{height:1px;border-style:none;margin:15px 0;background:#AAAAAA;color:#AAAAAB;}
h1{font-size:120%;margin-bottom:15px;color:#333333;}
h2,h3,h4,h5,h6{font-size:120%;margin-bottom:15px;color:#333333;}
fieldset{padding:15px;border:1px solid #AAAAAA;}
p{margin-bottom:15px;}

/* CONTENT RELATED CSS */
.wrapper{/* the bottom margin is the negative value of the footer's height */min-height:100%;height:auto !important;height:100%;min-width:980px;width:auto !important;width:100%;margin:0 auto -125px;}
.header{height:120px;line-height:120px;vertical-align:middle;
    background-color:#FFFFFF;
}
.header img {vertical-align:middle;}
.footer,.push{height:124px;min-width:980px;width:auto !important;width:100%;}
.footer {
    border-top:1px solid #AAAAAA;
    background-color:#EEEEEE;
}
/*.footer{background:#FFFFFF url("/img/bg_footer.gif") left center repeat-x;}*/
.footer p{font-size:90%;padding-top:25px;color:#666666}
.footer p a {text-decoration:none;}
.content{width:980px;margin:0 auto;}
.whitespace{margin:0 15px;}
.clear{clear:both;height:0;line-height:0;font-size:0px;/* IE needs this */}
.column{float:left;overflow:hidden; }

.header ul {
	float: right;
}

.header ul li {
    float: left;
    padding:0 25px 0 20px;
    font-size:95%;
}

.header ul li a, .header ul li a:hover {
    color:#666666;
    text-decoration:none;
}
.header ul li a:hover {
    color:#006699;
}
.header ul li.signup {background:transparent url(/img/account/signup.gif) no-repeat center left;}
.header ul li.login { background:transparent url(/img/account/login.gif) no-repeat center left; padding-right:0;}
.header ul li.account { background:transparent url(/img/account/account.gif) no-repeat center left;}
.header ul li.logout { background:transparent url(/img/account/logout.gif) no-repeat center left; padding-right:0;}

/* BEGIN NAVIGATIE */
.navbar {
    margin: 0 auto 25px auto;
    height:33px;
    margin-bottom:35px;
    border:1px solid #666666;
    border-bottom:1px solid #444444;

    background: #777777 url(/img/navbar.gif) top repeat-x;
background: -moz-linear-gradient(top, #999999 42%, #333333 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(42%,#999999), color-stop(100%,#333333));
background: -webkit-linear-gradient(top, #999999 42%,#333333 100%);
background: -o-linear-gradient(top, #999999 42%,#333333 100%);
background: -ms-linear-gradient(top, #999999 42%,#333333 100%);
background: linear-gradient(top, #999999 42%,#333333 100%);


    -webkit-box-shadow: #F6F6F6 2px 2px 3px;
    -moz-box-shadow: #F6F6F6 2px 2px 3px;
    box-shadow: #F6F6F6 2px 2px 3px;
    /*
    -webkit-border-radius: 10px;
 	-moz-border-radius: 10px;
	border-radius: 10px;
    */
}

.navbar li {
    float:left; 
    text-align:left;
    height:33px; 
    line-height:33px;
    vertical-align:middle; 
    position:relative;
}
/*
.navbar li.first {
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
.navbar li.last {
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomright: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
*/
.navbar li:hover {
    background: #444444 url(/img/navbarhover.gif) top repeat-x;
    
background: -moz-linear-gradient(top, #667788 42%, #111111 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(42%,#667788), color-stop(100%,#111111));
background: -webkit-linear-gradient(top, #667788 42%,#111111 100%);
background: -o-linear-gradient(top, #667788 42%,#111111 100%);
background: -ms-linear-gradient(top, #667788 42%,#111111 100%);
background: linear-gradient(top, #667788 42%,#111111 100%);
    
}
.navbar a {
    font-weight:bold;
    display:block;
    padding: 0px 15px;
    color:#FFFFFF;
    text-decoration:none;
}
.navbar a:hover, .navbar li:hover a {
    color:#FFFFFF;
    text-decoration:none;
}

/* Begin tweede niveau */
.navbar ul li:hover ul {
	display: block;
}
.navbar ul.sub {
	position: absolute;
	z-index: 500;
	border:1px solid #AAAAAA;
	display: none;
    background-color: #FAFAFA;
}
.navbar ul.sub li {
	float:none;
    white-space: nowrap;
}
.navbar ul.sub li:hover {
    background-color: #EBEBEB;
}
.navbar ul.sub li a {
    color:#333333;
    text-decoration:none;
}
.navbar ul.sub li:hover a,.navbar ul.sub li a:hover {
    color:#006699;
    text-decoration:none;
}
/* EINDE NAVIGATIE */



/* BEGIN FORMULIERVELDEN */
form {
    margin-bottom:25px;
}

form label {
	width:125px;
	float: left;
	clear:both;
}

form.wideform label {
	width:250px;
	float: left;
	clear:both;    
}

form input, form textarea, form select {
    width:215px;
    font-family:"trebuchet ms", "helvetica", "sans-serif", "arial", "times new roman";
}

form select {
    width:219px;
}

form input.readonly {
    border-color:#AAAAAA;
    color:#555555;
    background-color:#FAFAFA;
}

form input.button {
    width:auto;
    padding:1px 5px;
    color:#FFFFFF;
    background-color:#666666;
    cursor: pointer;
}

form input.button:hover {
    background-color:#006699;
}

form input.radio {
        border: none;   
        background: none;
        width:auto;
        margin-bottom:15px;
}

form input,form select,form textarea {
	border: 1px solid #666666;
	margin-bottom: 8px;
    padding: 1px;
}

form option {
	padding: 2px 0 0 3px;
}

form input.error, form textarea.error, form select.error {
    border: 1px solid #B44B44;
}

.formfocus {
    background-color:#FCFCFC;
    border: 1px solid #666666;
}

#formsteps { list-style:none; width:100%; overflow:hidden; margin-bottom:15px; padding:0px;}
#formsteps li {font-size:150%; float:left; padding-right:25px; color:#AAAAAA;}
#formsteps li span {display:block; font-size:55%;}
#formsteps li.activestep { color:#006699;}

/* EINDE FORMULIERVELDEN */


/* BEGIN BUTTONS */
div.button {
    overflow: hidden;
    width: 100%;
}
a.button {
    background: transparent url('/img/but_rechts.gif') no-repeat scroll top right;
    color: #fff;
    font-weight:bold;
    font-size:95%;
    display: block;
    float: left;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* breedte van rechterafbeelding */
    text-decoration: none;
}

a.button span {
    background: transparent url('/img/but_links.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
} 

a.button:hover {
    background-position: bottom right;
    color: #fff;
    outline: none; /* hide dotted outline in Firefox */
    text-decoration:none;
}

a.button:hover span {
    background-position: bottom left;
    padding: 6px 0 4px 18px;  /*push text down 1px */
} 
/* EINDE BUTTONS */

.box,.errorbox,.warningbox,.successbox,.menubox,.signupbox,.accordionbox {
	padding: 10px;
    border: 1px solid #999999;
	margin-bottom:15px;
    -webkit-border-radius: 10px;
 	-moz-border-radius: 10px;
	border-radius: 10px;
}

.accordionbox { /* wordt gebruikt met jquery-ui accordion functie op mijn account*/
    -webkit-border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    line-height:170%;
}

.errorbox,.warningbox,.successbox,.signupbox {
    padding-left: 50px;
}

.box,.accordionbox {
    border:1px solid #AAAAAA;
    background-color:#FFFFFF;
    background: -moz-linear-gradient(-45deg,  #FFFFFF 85%, #ECECEC 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(85%,#FFFFFF), color-stop(100%,#ECECEC)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg,  #FFFFFF 85%,#ECECEC 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg,  #FFFFFF 85%,#ECECEC 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg,  #FFFFFF 85%,#ECECEC 100%); /* IE10+ */
    background: linear-gradient(-45deg,  #FFFFFF 85%,#ECECEC 100%); /* W3C */
    -webkit-box-shadow: #F6F6F6 0px 2px 3px;
    -moz-box-shadow: #F6F6F6 0px 2px 3px;
    box-shadow: #F6F6F6 0px 2px 3px;
}

.box a,.box a:hover,.accordionbox a,.accordionbox a:hover {
    color:#006699;
}

.errorbox {
    border-color: #FFAAAA;
    color:#B44B44;
    background:#FFD6D6 url('/img/icons/error.gif') 10px 50% no-repeat;
    background: url('/img/icons/error.gif') 10px 50% no-repeat, -webkit-gradient(linear, 0 0, 0 bottom, from(#FFF0F0), to(#FFC6C6));
    background: url('/img/icons/error.gif') 10px 50% no-repeat, -webkit-linear-gradient(#FFF0F0, #FFC6C6);
    background: url('/img/icons/error.gif') 10px 50% no-repeat, -moz-linear-gradient(#FFF0F0, #FFC6C6);
    background: url('/img/icons/error.gif') 10px 50% no-repeat, -ms-linear-gradient(#FFF0F0, #FFC6C6);
    background: url('/img/icons/error.gif') 10px 50% no-repeat, -o-linear-gradient(#FFF0F0, #FFC6C6);
}

.errorbox a, .errorbox a:hover {
    color:#B44B44;
}

.warningbox {
	border-color: #FFCC00;
	color: #774400;
	background: #FFFFAA url('/img/icons/warning.gif') 10px 50% no-repeat;
    background: url('/img/icons/warning.gif') 10px 50% no-repeat, -webkit-gradient(linear, 0 0, 0 bottom, from(#FFFFAA), to(#FFFF80));
    background: url('/img/icons/warning.gif') 10px 50% no-repeat, -webkit-linear-gradient(#FFFFAA, #FFFF80);
    background: url('/img/icons/warning.gif') 10px 50% no-repeat, -moz-linear-gradient(#FFFFAA, #FFFF80);
    background: url('/img/icons/warning.gif') 10px 50% no-repeat, -ms-linear-gradient(#FFFFAA, #FFFF80);
    background: url('/img/icons/warning.gif') 10px 50% no-repeat, -o-linear-gradient(#FFFFAA, #FFFF80);
}

.warningbox a, .warningbox a:hover {
    color:#774400;
}

.successbox {
	border-color: #58B75A;
	color: green;
    background: #D6FFD6 url('/img/icons/success.gif') 10px 50% no-repeat;
    background: url('/img/icons/success.gif') 10px 50% no-repeat, -webkit-gradient(linear, 0 0, 0 bottom, from(#D6FFD6), to(#A6FFA6));
    background: url('/img/icons/success.gif') 10px 50% no-repeat, -webkit-linear-gradient(#D6FFD6, #A6FFA6);
    background: url('/img/icons/success.gif') 10px 50% no-repeat, -moz-linear-gradient(#D6FFD6, #A6FFA6);
    background: url('/img/icons/success.gif') 10px 50% no-repeat, -ms-linear-gradient(#D6FFD6, #A6FFA6);
    background: url('/img/icons/success.gif') 10px 50% no-repeat, -o-linear-gradient(#D6FFD6, #A6FFA6);
}

.successbox a, .successbox a:hover {
    color:green;
}

.errorbox a:hover,.warningbox a:hover,.successbox a:hover,.signupbox a:hover {
    text-decoration:none;
}

.signupbox {
	border-color: #58B75A;
	color: green;
    background: #D6FFD6 url('/img/icons/success.gif') 10px 50% no-repeat;
    background: url('/img/icons/success.gif') 10px 50% no-repeat, -webkit-gradient(linear, 0 0, 0 bottom, from(#D6FFD6), to(#A6FFA6));
    background: url('/img/icons/success.gif') 10px 50% no-repeat, -webkit-linear-gradient(#D6FFD6, #A6FFA6);
    background: url('/img/icons/success.gif') 10px 50% no-repeat, -moz-linear-gradient(#D6FFD6, #A6FFA6);
    background: url('/img/icons/success.gif') 10px 50% no-repeat, -ms-linear-gradient(#D6FFD6, #A6FFA6);
    background: url('/img/icons/success.gif') 10px 50% no-repeat, -o-linear-gradient(#D6FFD6, #A6FFA6);
}

.signupbox a, .signupbox a:hover {
    color:green;
}

.menubox {
    border-color: #B3CDE7;
    color: #3C9DD3;
	background: #F8FAFF;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F8FAFF), to(#EAF5FC));
    background: -webkit-linear-gradient(#F8FAFF, #EAF5FC);
    background: -moz-linear-gradient(#F8FAFF, #EAF5FC);
    background: -ms-linear-gradient(#F8FAFF, #EAF5FC);
    background: -o-linear-gradient(#F8FAFF, #EAF5FC);
}

.menubox a, .menubox a:hover {
    color:#006699;
    text-decoration:none;
}

.errorbox a:hover,.warningbox a:hover,.successbox a:hover,.signupbox a:hover,.menubox a:hover {
    text-decoration:none;
}

#copyaddress {
     margin-left: 10px;
     font-size:90%;
     text-decoration:underline;
     color: #006699;
     cursor:pointer;
     display:none;
}

table.fullwidth {
    width:100%;
}

table td {
    vertical-align:top;
    padding-right:25px;
}

table td.left {
	padding-right:10px;
	font-weight:bold;
}


/* BEGIN NUMMERING */
.alfabet a,.pagination a {
	font-size:11px;
	text-transform:uppercase;
 	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
	border-radius: 3px;
	vertical-align:middle;
	border:1px solid #AAAAAA;
	margin: 0 3px 3px 0;
	padding:2px 3px;
	text-decoration:none;
	height:15px;
	line-height:15px;
	text-align:center;
	display:inline-block;
    width:15px;
}

/*
.alfabet a,.pagination a {
	width:15px;
}
*/
.alfabet a:hover,.pagination a:hover, .pagination a.autowidth:hover {
	border-color: #006699;
	background-color:#EEEEEE;
	text-decoration:none;
}
.alfabet a.actief,.pagination a.actief {
	border-color: #006699;
	background-color: #006699;
	color: #FFFFFF;
	font-weight:bold;
}

.pagination a.autowidth {
    width: auto;
}


/* EINDE NUMMERING */