﻿* {padding: 0; margin: 0;}

html, body, form {height:100%;}

body {background: #666 url(images/bg_small.gif); font-family: "Trebuchet MS" ;font-size: 13px; line-height: 22px; color: #000;}

table {border-collapse: collapse;}
img {border: 0;}

li {margin: 0 0 5px 20px;}

a:link {color: #000;}
a:visited {font-style: normal; color: #000}
a:focus, a:hover, a:active {color: #404040;}

p {padding: 10px 0;}

#outer{width: 950px; min-height:100%; margin: 0 auto; background: #fff;}
* html #outer {height: 100%;}

#left 
{
	width: 220px;
	float: left;
	padding: 15px 0 0 10px;
}

div#logo { margin-top: 20px; padding-left: 10px;}
div#categorie {padding: 22px 0 12px 0; margin-bottom: 10px; font-size: 14px; border-bottom: solid 2px #cfcfd4;}
	
#CmsMenuLeft {margin-left: 10px;}

div.menu a {display: block; height:30px; background: #fff url(images/bullet_red.gif) no-repeat 0 0; padding-left: 35px; padding-top: 3px; font-size: 14px; line-height: 25px; font-weight: bold; text-decoration: none; margin-bottom: 20px;}
div.menu a:link, div.menu a:visited {color: #000;}
div.menu a:focus, div.menu a:hover, div.menu a:active {color: #404040; text-decoration: underline;}

#right
{
	width: 720px;
	float: right;
}

#CmsContent {padding: 60px 30px 25px 20px; }
#CmsFooter {text-align: center; font-size: 12px;}

.dropdown
{
	font-size: 12px;
	padding: 2px;
}

div#CmsTopMenu {padding: 60px 0 0 0; }
div#CmsTopMenu a {display: -moz-inline-box; display: inline-block; width: 110px; height: 80px; margin-right: 8px; }

a.button1 {background: #fff url(images/but1.gif) no-repeat; }
a.button2 {background: #fff url(images/but2.gif) no-repeat; }
a.button3 {background: #fff url(images/but3.gif) no-repeat; }
a.button4 {background: #fff url(images/but4.gif) no-repeat; }
a.button5 {background: #fff url(images/but5.gif) no-repeat; }
a.cart { background: #fff url(images/cart.gif) no-repeat; padding-top: 3px; width: 60px; vertical-align: top; }
a.empty { background: #fff url(images/cart_empty.gif) no-repeat; }

span.kassa_message {color: #c43441;}

div.seperator { height: 25px; background: #fff url(images/bg_menu.gif) repeat-x;}

h1 {background: #fff url(images/h1.gif) no-repeat 0 50%; font-size: 20px; font-weight: bold; color: #c43441; padding-left: 25px; margin-bottom: 5px; font-family: Georgia;}
h2 {background: #fff url(images/h2.gif) no-repeat 0 50%; font-size: 20px; font-weight: bold; color: #1c8f3f; padding-left: 25px; margin-bottom: 5px; font-family: Georgia;}
h3 {background: #fff url(images/h3.gif) no-repeat 0 50%; font-size: 20px; font-weight: bold; color: #3a66a8; padding-left: 25px; margin-bottom: 5px; font-family: Georgia;}
h4 {background: #fff url(images/h4.gif) no-repeat 0 50%; font-size: 20px; font-weight: bold; color: #ffeb00; padding-left: 25px; margin-bottom: 5px; font-family: Georgia;}
h5 {font-weight:bold; font-size: 18px; margin: 10px 0; }
h6 {font-weight:normal; font-style: italic; font-size: 15px; margin: 5px 0 2px 0;}

table.produkt {border-bottom: solid #bbb 1px;}
table.produkt th {text-align: left; font-weight: normal; font-size: 11px;}

div.pager td {padding: 4px;}
div.pager {margin-bottom: 10px;}

.cart_nietleverbaar, .errormessage {color: Red; font-weight: bold;}
.cart_aantalbox {width: 30px; font-size: 10px;}
.cart_kenmerkbox {width: 200px; font-size: 10px;}

table.cart_table {width: 100%;}
table.cart_table td {padding: 5px 4px; vertical-align: top;}
table.cart_table th {padding: 4px; text-align: left;}

span.cart_label {display: -moz-inline-box; display: inline-block; text-align: right; font-weight: bold;}
span.cart_currency {display: -moz-inline-box; display: inline-block; text-align: right; width: 50px;}
div.cart_kassa {padding-top: 10px; margin-top: 6px; text-align: right; padding-right: 4px;}

div.mem_row {margin-bottom: 2px;}
label.mem_label1 {position: relative; vertical-align: top; display: -moz-inline-box; display: inline-block; width : 200px; margin-top: 4px; color: #000;}
span.mem_validator {position: relative; display: -moz-inline-box; display: inline-block; width : 5px; padding: 0 3px; margin-top: 4px; color: #000;}
.mem_text {
	border: solid 1px #4b87bf;
	font-family: Tahoma, Verdana;
	font-size: 11px;
	padding: 3px;
	width: 250px;
	background: #f5f5f5; 
}
.mem_dropdown {color: #000; font-size: 12px;background: #f5f5f5; font-family: Tahoma, Verdana;}
input.voornaam, input.telefoon, input.mobiel, input.straat {width: 177px;}
input.tussenvoegsels {width: 60px; margin-left: 5px;}
input.huisnr, input.toevoeging {width: 21px; margin-left: 5px;}
input.postcode {width: 90px;}
input.woonplaats {width: 143px; margin-left: 5px;}

div.member h1 {background: #fff; font-size: 15px; font-family: Tahoma, Verdana; padding: 0; margin: 6px 0;}
div.member h1:first-letter {font-size: 18px;}

div.kind_row {margin-bottom: 5px;}
div.kind_row a {font-size: 12px;}
label.kind_label1 {position: relative; vertical-align: top; display: -moz-inline-box; display: inline-block; width : 250px; margin-top: 4px; color: #000;}
span.kind_validator {position: relative; display: -moz-inline-box; display: inline-block; width : 5px; padding: 0 3px; margin-top: 4px; color: #000;}
.kind_text {
	border: solid 1px #4b87bf;
	font-family: Tahoma, Verdana;
	font-size: 11px;
	padding: 3px;
	width: 250px;
	background: #f5f5f5; 
}

.kind {border-bottom: solid 1px #bbb; margin-bottom: 10px;}

div.login_row {margin-bottom: 5px;}
label.login_label1 {position: relative; vertical-align: top; display: -moz-inline-box; display: inline-block; width : 150px; margin-top: 4px; color: #000;}
span.login_validator {position: relative; display: -moz-inline-box; display: inline-block; width : 5px; padding: 0 3px; margin-top: 4px; color: #000;}
.login_text {
	border: solid 1px #4b87bf;
	font-family: Tahoma, Verdana;
	font-size: 11px;
	padding: 3px;
	width: 250px;
	background: #f5f5f5; 
}

.kind_dropdown
{
	border: solid 1px #4b87bf;
	font-family: Tahoma, Verdana;
	font-size: 11px;
	padding: 3px;
	width: 250px;
	background: #f5f5f5; 	
}

table.sum_table td {padding: 5px 0;}
table.sum_table th {padding: 4px; padding-left:0;}

div.nojavasriptwarning {color: Red; font-weight: bold;}

p.error {color: Red;}
