* {
margin: 0;
padding: 0;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background: #59BAE5 url('body_bg.jpg') repeat-x;
}

table, tr, td {
	margin: 0;
	padding: 0;
	border: 0;
	border-spacing: 0px;
	border-collapse: collapse;
}

td {
	vertical-align: top;
}

tr.shaded {

}

checkbox, input, radio, select {
	font-family: Verdana,Arial,sans-serif;
	font-size: 11px;
}
/*
ul {
list-style: none;
}
*/
img {
border: 0;
}

a {
color: #00f;
}

#wrapper {
width: 1013px;
background: url('wrapper_bg.jpg');
}

#header {
width: 756px;
height: 119px;
background: url('header.jpg') no-repeat;
}

#search {
position: absolute;
top: 30px;
left: 116px;
}

#search input {
width: 90px;
padding: 1px;
}

#leftcolumn {
background: url('leftcolumn_bg.jpg') no-repeat top left;
width: 257px;
}

#manneke {
background: url('gaastramanneke.gif') no-repeat top left;
width: 146px;
height: 328px;
position: absolute;
top: 180px;
z-index: 1;
}

#hangslot {
background: url('hangslot.jpg') no-repeat top left;
width: 41px;
height: 59px;
position: absolute;
top: 243px;
left: 221px;
}

#content #page_content td {
background-color: #fff;
border: 0;
}

p.info {
color: #999;
}

.menu {
width: 181px;
margin-left: 76px;
background: url('menu_bg.gif') repeat-y;
}

.menu_top {
width: 181px;
height: 7px;
font-size: 1pt;
margin-left: 76px;
background: url('menu_top.gif') no-repeat;
}

.menu_bottom {
width: 181px;
height: 26px;
margin-left: 76px;
margin-bottom: 15px;
background: url('menu_bottom.gif') no-repeat;
}

/*.menu p {
width: 156px;
margin-left: 7px;
margin-right: 8px;
padding: 3px 5px;
border-top: 1px solid #79BACC;
}

.menu p:hover {
background-color: #888;
}*/

.menu a, .menu a:visited {
color: #eee;
font-family: arial;
font-size: 13pt;
text-decoration: none;
display: block;
width: 157px;
height: 23px;
margin-left: 7px;
margin-right: 7px;
padding: 3px 5px;
border-top: 1px solid #79BACC;
}

.menu a:hover {
background-color: #888;
}

.menu a.nohover:hover {
background-color: transparent;
}

.menu a span {
display: none;
}

.menu a.home {
background: url('home_bg.jpg');
}

.menu a.home:hover {
background: url('home_bg.jpg') 167px 0;
}

.menu a.jongens {
background: url('jongens_bg.jpg');
}

.menu a.jongens:hover {
background: url('jongens_bg.jpg') 167px 0;
}

.menu a.meisjes {
background: url('meisjes_bg.jpg');
}

.menu a.meisjes:hover {
background: url('meisjes_bg.jpg') 167px 0;
}

.menu a.accessoires {
background: url('accessoires_bg.jpg');
}

.menu a.accessoires:hover {
background: url('accessoires_bg.jpg') 167px 0;
}

.menu a.algemeen {
background: url('algemeen_bg.jpg');
}

.menu a.algemeen:hover {
background: url('algemeen_bg.jpg') 167px 0;
}

.menu a.verzenden {
background: url('verzenden_bg.jpg');
}

.menu a.verzenden:hover {
background: url('verzenden_bg.jpg') 167px 0;
}

.menu a.bestellen {
background: url('bestellen_bg.jpg');
}

.menu a.bestellen:hover {
background: url('bestellen_bg.jpg') 167px 0;
}

.menu a.betalen {
background: url('betalen_bg.jpg');
}

.menu a.betalen:hover {
background: url('betalen_bg.jpg') 167px 0;
}

.menu a.retourneren {
background: url('retourneren_bg.jpg');
}

.menu a.retourneren:hover {
background: url('retourneren_bg.jpg') 167px 0;
}

.menu a.voorwaarden {
background: url('voorwaarden_bg.jpg');
}

.menu a.voorwaarden:hover {
background: url('voorwaarden_bg.jpg') 167px 0;
}

.menu a.privacy {
background: url('privacy_bg.jpg');
}

.menu a.privacy:hover {
background: url('privacy_bg.jpg') 167px 0;
}

.menu a.wet {
background: url('wet_bg.jpg');
}

.menu a.wet:hover {
background: url('wet_bg.jpg') 167px 0;
}

.menu a.winkels {
background: url('winkels_bg.jpg');
}

.menu a.winkels:hover {
background: url('winkels_bg.jpg') 167px 0;
}

.menu a.links {
background: url('links_bg.jpg');
border-bottom: 1px solid #79BACC;
}

.menu a.links:visited {
border-bottom: 1px solid #79BACC;
}

.menu a.links:hover {
background: url('links_bg.jpg') 167px 0;
border-bottom: 1px solid #79BACC;
}

.menu a.menu1:hover {
background-color: #016299;
}

.menu a.submenu1 {
background-color: #0182b9;
}

.menu a.submenu1:hover {
background-color: #016299;
}

.menu a.menu2:hover {
background-color: #016201;
}

.menu a.menu3:hover {
background-color: transparent;
}

.menu p {
font-size: 10pt;
color: #ddd;
margin-bottom: 10px;
}

.menu ul ul {
display: none;
}

.menu ul ul li {
display: none;
}

.menu ul ul li.selected {
display: block;
}

.menu ul ul li.selected a {
background-color: #0292E0;
font-size: 11pt;
}

/*#content .category {
padding: 8px 3px;
display: block;
float: left;
}*/

#content a.category img {
margin: 8px 1px;
}

#rightcolumn {
background: url('rightcolumn_bg.jpg') no-repeat top right;
}

#content {
padding-left: 50px;
padding-right: 80px;
padding-top: 20px;
color: #666;
font-size: 8pt;
}

#content h1 {
font-family: Arial,Helvetica,sans-serif;
font-size: 13pt;
color: #6699cc;
border-bottom: 1px solid #ccc;
margin-bottom: 15px;
}

#content h2 {
font-family: Arial,Helvetica,sans-serif;
font-size: 10pt;
color: #FE8D3D;
margin-bottom: 5px;
}

#content h2 a {
font-size: 8pt;
}

#content h3 {
font-size: 10pt;
border-bottom: 1px solid #ccc;
margin-bottom: 10px;
margin-top: 15px;
}

#content p {
margin-bottom: 10px;
}

#content a {
color: #00f;
text-decoration: none;
}

#content a:hover {
color: #FE8D3D;
}

#basket {
	background: url('basket_bg.jpg') no-repeat;
	width: 211px;
	height: 69px;
	margin-left: 470px;
	display: block;
	text-decoration: none;
	padding-top: 50px;
	padding-left: 10px;
}

#basket:hover {
	background: url('basket_bg_hover.jpg') no-repeat;
	text-decoration: none;
	width: 211px;
	height: 69px;
	padding-top: 50px;
	padding-left: 10px;
}

#basket table {
width: 175px;
font-size: 8pt;
color: #333;
}

#footer {
background: url('footer.jpg') no-repeat;
height: 306px;
}

#footer table {
color: #555;
font-size: 8pt;
margin-top: 100px;
margin-left: 120px;
width: 850px;
}

#footer table table {
margin: 0;
width: auto;
}

#footer table table td {
padding: 2px;
}

#footer a {
text-decoration: none;
color: #777;
}

#footer a:hover {
text-decoration: underline;
}

td.number, th.number {
text-align: right;
}

#content form.setupform tr.shaded td {
padding: 5px;
border-bottom: 2px solid #000;
background-color: #6699cc;
color: #fff;
}
form.setupform td {
padding: 2px;
}

.back {
margin-top: -13px;
margin-bottom: 10px;
}

#content input {
border: 1px solid #999;
padding: 3px;
font-weight: bold;
}

#content input:hover {
background-color: #ddf;
}

#content input.long {
width: 90%;
}

#content select.maat {
width: 50px;
}

#content .back a {
color: #aaf;
text-decoration: none;
}
#content .back a:hover {
color: #aaf;
text-decoration: underline;
}

#content table {
margin-bottom: 5px;
width: 100%;
font-size: 8pt;
}

#content table th {
border-bottom: 2px solid #888;
/*background-color: #6699cc;*/
color: #6699cc;
padding: 5px;
}

#content table td {
padding: 2px;
border-top: 1px solid #ccc;
background-color: #FFFFCC;
}

#content table tr.faded td {
background-color: #ffe;
color: #ccc;
}

#content table tr:hover td {
/*background-color: #b55;
color: #fff;*/
}

#content table#articlelist td {
background-color: #FFF;
border-top: 0px;
padding: 10px 0;
}

#content table#articlelist td.noborder {
border: 0;
}

#content .article_thumb {
font-family: Arial,Helvetica,sans-serif
font-size: 8pt;
font-weight: bold;
width: 210px;
text-align: center;
}

#content .article_thumb a {
font-family: Arial;
color: #666;
display: block;
}

#content .article_thumb a:hover {
color: #18237d;
text-decoration: underline;
}

#content .article_thumb .price {
font-size: 10pt;
color: #666;
}

#content .article_thumb .price span {
font-size: 12pt;
 color: #6699cc; 
/* color: #cc0000;*/
}

.message {
color: #000;
font-weight: bold;
}

.short {
width: 50px;
}

.alert {
background: #FFB3B5 url('alert_bg.gif') no-repeat top left;
padding-left: 60px;
color: #000;
padding: 2px;
}
.alert img {
float: left;
}

#loginForm {
color: #eee;
font-size: 12pt;
font-family: Arial;
padding-top: 20px;
}

#loginForm #userNameLabel {
margin-left: 45px;
display: block;
}
#loginForm #userName {
margin-left: 40px;
margin-bottom: 10px;
width: 100px;
}
#loginForm #passWordLabel {
margin-left: 45px;
display: block;
}
#loginForm #passWord {
margin-left: 40px;
width: 100px;
}
#loginForm #submitButton {
background: url('inloggen.jpg') no-repeat;
margin-left: 50px;
margin-top: 10px;
margin-bottom: 10px;
color: #fff;
padding-left: 30px;
font-family: Arial;
font-size: 12pt;
width: 90px;
height: 35px;
border: 0;
vertical-align: middle;
}

#content #loginPage a {
color: #666;
}
#content #loginPage a:hover {
text-decoration: underline;
color: #18237d;
}

#content #loginPage td {
background-color: transparent;
border: 0;
}
#content #loginPage tr:hover td {
color: #333;
}
#content #loginPage #leftColumn {
background-color: #ffc;
border: 1px solid #ccc;
width: 200px;
padding: 20px;
}
#content #loginPage #rightColumn {
padding: 20px;
}
#userNameLabelMain, #passWordLabelMain {
display: block;
font-weight: bold;
}
#userNameMain {
margin-bottom: 10px;
}

#content a#loginButton {
background: url('button_login.gif') no-repeat;
width: 115px;
height: 25px;
margin-left: 40px;
display: block;
}
#content a#loginButton:hover {
text-decoration: none;
}
#content a#registerButton {
background: url('button_new_account.gif') no-repeat;
border: 0;
width: 115px;
height: 25px;
display: block;
}
#content a#registerButton:hover {
text-decoration: none;
}

#submitRegistrationButton {
background: url('button_continue.gif') no-repeat;
border: 0;
width: 115px;
height: 25px;
display: block;
}

#content #leesMeer {
background: url('bestelsnel.jpg') no-repeat;
width: 125px;
height: 30px;
text-decoration: none;
margin-left: 35px;
}

#content #leesMeer:hover {
background: url('bestelsnel_hover.jpg') no-repeat;
text-decoration: none;
}

#steps { 
color: #ccc;
font-size: 11pt;
}

#steps span {
color: #6699cc;
}

.floatright {
float: right;
}

#content #articleInfo td {
font-family: Arial;
background-color: transparent;
border: 0;
border-bottom: 1px solid #ccc;
padding-bottom: 30px;
}

#content #articleInfo span {
font-size: 10pt;
margin-right: 10px;
color: #aaf;
font-weight: bold;
width: 50px;
display: block;
float: left;
}

#content #articleInfo p {
border-bottom: 1px solid #ccc;
margin-bottom: 20px;
padding-bottom: 20px;
}

#content #articleInfo .price {
font-size: 11pt;
font-weight: bold;
}

#content #articleInfo td.articleDetails {
width: 200px;
}

#toBasket {
background: url('inwinkelwagen.jpg') no-repeat;
width: 225px;
height: 50px;
display: block;
}

#toBasket:hover {
background: url('inwinkelwagen_hover.jpg') no-repeat;
}

.graphBar {
height: 15px;
background-color: #fbb;
border-right: 1px solid #888;
float: left;
margin-right: 10px;
}

#content td {
}

#content .graph tr:hover td {
background-color: #fff;
color: #000;
}

#content td .note {
font-family: Courier New;
border: 1px solid #555;
background-color: #ff7;
font-size: 7pt;
color: #000;
margin-right: 5px;
padding: 0 2px;
float: left;
}

#content tr:hover td .note {
background-color: #000;
color: #fff;
border-color: #fff;
}

#content .basket td {
border: 0;
}

#content .basket tr:hover td {
background-color: #ffc;
color: #555;
}

#content #articleInfo tr:hover td {
color: #555;
}

#content #articleInfo input.toBasket {
background-color: #f00;
background: url('inwinkelwagen.jpg') no-repeat;
width: 225px;
height: 50px;
border: 0;
}

#content #articleInfo input.toBasket:hover {
background: url('inwinkelwagen_hover.jpg') no-repeat;
}

.readMore a {
font-size: 9pt;
text-decoration: underline;
padding-left: 5px;
}

.availableSizes {
font-size: 8pt;
font-weight: normal;
}

.uitverkocht {
color: #f00;
}

.toTop {
text-align: center;
}

#content .toTop a {
color: #b88;
font-weight: bold;
}

#content .toTop a:hover {
color: #11b;
}

.articleName {
font-size: 10pt;
}

#nieuwsbrief_submit {
background: url('nieuwsbrief_inschrijven.jpg') no-repeat;
width: 125px;
height: 21px;
border: 0;
margin-left: 25px;
}

#nieuwsbrief_input {
margin-left: 23px;
width: 125px;
margin-top: 5px;
margin-bottom: 10px;
}

