html, body {width: 100% !important;}

body {
	font-family: Arial, Helvetica, sans-serif;
	background: rgb(210,210,210);
	margin: 0;
	padding: 0;
}

#wrapper { 
	margin: 2px;
	background: transparent;
}

#inner-wrapper { 
	margin: 0;
	padding: 0;
	background: transparent;
}

#taalkeuze {
}
#top {
	margin: 0;
	padding: 0;
	background: #fff;
	border-bottom: 1px solid rgb(255,255,255);
	clear: both;
}
#top div{
	margin: 0 135px 0 0;
	padding: 0;
	background: #000 url(./template/backgr-top.jpg) top left repeat-x;
}

#top h2 {
	margin: 0 10px 0 340px;
	padding: 0.2em 0 0.3em 1em;
	line-height: 1.45em;
	font-size: 0.8em;
	color: #fff;
	background: transparent;
	text-align: right;
}

img#thw {
	position: absolute;
	top: 4px;
	right: 2px;
	border: none;
}

#logo {
	float: left;
	border: none;
	padding: 0;
	margin: 0 0 0 20px;
}

#topmenu {
	background: transparent url(./template/bg-menu-top.jpg) center left repeat-x;
	border-bottom: 1px solid rgb(176,176,176);
	clear: right;
}
#topmenu div{
	height: 20px;
	background: transparent url(./_img/menu.gif) top left no-repeat;
}

#topmenu span {
	display: none;
}
#topmenu ul {
	margin: 0;
	padding: 0;
	clear: right;
}
#topmenu ul li {
	list-style-type: none;
	font-size: 1px;
	line-height: 20px;
	display: inline;
	float: left;
	margin: 0;
	padding: 0;
}
#topmenu ul li a {
	display: block;
	height: 20px;
	background: url(_img/menu.gif) top left no-repeat;
	text-decoration: none;
}
.firstmenuitem {
	width: 135px;
}

#topmenu #winkel {
	background-position:  0px 0px;
	width: 135px;
}
#topmenu #winkel:hover, #topmenu #winkel_on {
	background-position: 0px -20px;	
	width: 135px;
}
#topmenu #wiezijnwij {
	background-position: -135px 0;
	width: 125px;
}
#topmenu #wiezijnwij:hover, #topmenu #wiezijnwij_on {
	background-position: -135px -20px;	
	width: 125px;
}
#topmenu #faq {
	background-position: -260px 0;
	width: 87px;
}
#topmenu #faq:hover, #topmenu #faq_on {
	background-position: -260px -20px;	
	width: 87px;
}
#topmenu #contact {
	background-position: -347px 0;
	width: 105px;
}
#topmenu #contact:hover, #menu #contact_on {
	background-position: -347px -20px;
	width: 105px;
}
#topmenu #map {
	background-position: -452px 0;
	width: 110px;
}
#topmenu #map:hover, #menu #map_on {
	background-position: -452px -20px;
	width: 110px;
}

#content {
	margin: 0;
	padding: 0;
	font-size: 75%;
	background: rgb(209,209,209);
	border-top: 1px solid rgb(203,203,203);
}

#menu {
	float: left;
	clear: left;
	background: transparent;
	position: relative;
	z-index: 100;
}

#menumiddle {
	margin: 0;
	padding: 0;
	background: transparent;
}
#menumiddle h2 {
	font-size: 1em;
	margin: 1em 0 0 0;
	padding: 0.2em 0.5em;
	text-transform: uppercase;
	color: #fff;
	background: #000;
	border-top: 1px solid rgb(236,236,236);
	border-bottom: 1px solid rgb(236,236,236);
}

#menu a {
	display: block;
	padding: 0.3em 0 0.3em 0.3em;
	color: #000;
	font-weight: bold;
	width: 12.7em;
	background: transparent url(./template/bg-link.jpg) center right no-repeat;
	text-decoration: none;
	border-bottom: 1px solid rgb(236,236,236);
}
#menu a:visited {
}
#menu a:hover {
	color: #fff;
	background: rgb(74,74,74) url(./template/bg-link-hov.jpg) center right no-repeat;
}
#menu a.sub {
	background: rgb(221,221,221) url(./template/bg-link-sub.jpg) center right no-repeat;
	width: 12em;
	padding-left: 1em;
}
#menu a:visited.sub {
}
#menu a:hover.sub {
	color: #fff;
	background: rgb(74,74,74) url(./template/bg-link-hov.jpg) center right no-repeat;
}
#menu a.subsub {
	background: rgb(228,228,228) url(./template/bg-link-subsub.jpg) center right no-repeat;
	width: 11em;
	padding-left: 2em;
}
#menu a:visited.subsub {
}
#menu a:hover.subsub {
	color: #fff;
	background: rgb(74,74,74) url(./template/bg-link-hov.jpg) center right no-repeat;
}

#menu a.special {
	color: #fff;
	background: rgb(178,29,29) url(./template/bg-link-spec.jpg) center right no-repeat;
	text-decoration: none;
	border-bottom: 1px solid rgb(236,236,236);
}
#menu a:visited.special {
}
#menu a:hover.special {
	color: rgb(178,29,29);
	background: rgb(221,221,221) url(./template/bg-link-sub.jpg) center right no-repeat;
}

#menu a.special span {
	text-align: center;
	font-weight: normal;
}

#menu a#payment {
	background: transparent url(./_img/betaalplaatjes.jpg) top center no-repeat;
	text-decoration: none;
	height: 25px;
	border-top: 1px solid rgb(236,236,236);
	border-bottom: 1px solid rgb(236,236,236);
}
#menu a:visited#payment {
}
#menu a:hover#payment {
}

#menu a.button {
	border: none;
	width: 107px;
	padding: 0.2em 0 0.2em 22px;
	background: rgb(209,209,209);
}
#menu a:visited.button {
	background: rgb(209,209,209);
}
#menu a:hover.button {
	background: rgb(209,209,209);
}
#menu a.button img{
	border: none;
}

#menu form {
	margin: 0 0 10px 6px;
}
#menu form h2{
	font-weight: normal;
	font-size: 1em;
	margin: 0.5em 0.2em 0.2em 0.3em;
}
.nl_input {
	font-family: Trebuchet MS;
	font-size: 11px;
	border: 1px solid #999999;
	width: 120px;
	padding: 2px;
	margin-left: 5px;
}
.nl_submit {
	font-family: Trebuchet MS;
	font-size: 11px;
	border: 1px solid #999999;
	width: 60px;
	margin-top: 1px;
	margin-left: 5px;
}
.nl_submit.right {
	margin-left: 3px;
}

#inhoud {
	margin-left: 13em;
	padding: 1em 2em 1em 2em;
	background: rgb(245,243,245) url(./template/bg-content.jpg) top left repeat-y;
	position: relative;
	border-left: 1px solid rgb(197,197,197);
}

/* 
    fix ie6 "peekaboo bug" using the "holly hack". 
    Note, this style only gets applied to ie6
  */
  * html #inhoud {
    height: 0.1%;
  }


#inhoud h1 { color: rgb(166,0,0); font-size: 1.5em; }
#inhoud h2 { font-size: 1.4em; text-transform: uppercase; }

#inhoud h2.announcement { text-align: center; margin: 10em 0; }

#inhoud h3 { font-size: 1.3em; font-weight: bold; margin: 1.2em 0 0.2em 0; }
#inhoud h4 { font-size: 1.1em; margin-bottom: 0; padding-bottom: 0; }
#inhoud h5 { color: rgb(0,112,130); }
#inhoud h6 { color: rgb(0,112,130); }

#inhoud p { margin-top: 0; }
#inhoud p.clear {	margin: 0; clear: both; }

#inhoud a { 
	color: rgb(166,0,0);
	background: transparent;
	text-decoration: none;
	border-bottom: 1px dotted;
}
#inhoud a:visited { }
#inhoud a:hover {
	color: rgb(0,0,0);
	background: transparent;
	text-decoration: none;
	border-bottom: 1px dotted;
}

#inhoud a img {
	display: block;
	position: relative;
	border: 1px solid rgb(166,0,0);
}
#inhoud a:visited img{ }
#inhoud a:hover img{
	border: 1px solid rgb(0,0,0);
}


#inhoud ul {
	margin-bottom: 2em;
}
#inhoud ul a{
	font-weight: bold;
}

#inhoud li {
	margin: 0.5em 0; 
}
#inhoud li p{
	margin-top: 0;
}

#inhoud ul li ul {
	margin-bottom: 0;
}

form {
}

#inhoud .artikel-blok {
	background: rgb(245,243,245) url(./template/bg-content.jpg) top left repeat-y;
	border: 1px solid rgb(166,0,0);
	margin: 1em 0;
	padding: 1em;
	clear: right;
}
#inhoud .artikel-blok img {
	border: 1px double rgb(166,0,0);
	margin: 0 1em 0 0;
}

#inhoud .artikel-blok div {
	margin-left: 170px;
}
#inhoud .artikel-blok div ul li {
	margin-left: 1em;
}
#inhoud .artikel-blok div h2 {
	margin-top: 0;
}

.image-rechts {
	float: right;
	position: relative;
	margin: 0 0 1em 1em;
	clear: right;
}
.image-links {
	float: left;
	position: relative;
	margin: 0 1em 1em 0;
}

a#aanbieding {
	float: right;
	position: relative;
	margin: 0 0 1em 1em;
	background: url(_img/maandaanbieding.jpg) top left no-repeat;
	width: 250px;
	height: 292px;
	clear: right;
	text-decoration: none;
}
a:visited#aanbieding {
	background: url(_img/maandaanbieding.jpg) top left no-repeat;
}
a:hover#aanbieding {
	background: url(_img/maandaanbieding.jpg) top left no-repeat;
}

#inhoud div.blok-rechts {
	float: right;
	margin: 0 0 2em 1em;
	padding: 0;
	width: 250px;
	background: rgb(206,206,206) url(./template/bg-rechterblok.jpg) top left repeat-y;
	border: 1px solid rgb(178,29,29);
	clear: right;
}

#inhoud div.blok-rechts h2 {
	margin: 0;
	padding: 0.2em 0.2em 0.2em 0.6em;
	font-size: 1em;
	text-transform: none;
	color: #fff;
	background: rgb(178,29,29) url(./template/bg-top-rechterblok.jpg) center left repeat-x;
}
#inhoud div.blok-rechts h2 a {
	color: #fff;
	background: transparent;
	border-bottom: 1px dotted;
}
#inhoud div.blok-rechts h2 a:visited { }
#inhoud div.blok-rechts h2 a:hover {
	color: #000;;
	background: transparent;
	text-decoration: none;
	border-bottom: 1px dotted;
}

#inhoud div.blok-rechts a img {
	margin: 0;
	padding: 0;
	border: none;
	text-decoration: none;
}

#inhoud div.blok-rechts p {
	margin: 1em 0.5em;
	background: transparent;
}

.kleinblok {
	margin-top: 5px !important;
	width: 200px !important;
	font-size: 1.2em;
}

table#alfabet { 
	margin: 1.5em auto;
}

table#alfabet {
	font-size: 0.9em;
	text-align: center;
	border: 1px solid #000;
}

table#alfabet th {
	font-weight: normal;
	padding: 0.2em;
	text-align: center;
	border: 1px solid #999;
}

table#alfabet td {
	padding: 0.2em;
	border: 1px solid #999;
}

table#alfabet td a {
	color: rgb(0,112,130);
}

table.maattabel {
	margin: 5px 0;
	padding: 3px; 
	border: 1px solid #999;
	background: rgb(209,209,209);
}
table.maattabel thead { 
	margin:5px; 
	padding:5px; 
	text-align: left;
	background: rgb(204,0,51);
}
table.maattabel th {
	color: #fff;
	padding: 0.2em;
}
table.maattabel tr.top td {
	background: rgb(247,112,121);
}

table.maattabel tbody { 
	margin:5px; 
	padding:5px; 
	vertical-align: top; 
}
table.maattabel td {
	padding: 0.2em;
	border: 1px solid #999;
}
table.maattabel tr.even { 
	margin: 5px; 
	padding: 5px; 
	background-color: rgb(254,228,229); 
}
table.maattabel tr.odd { 
	margin: 5px; 
	padding: 5px; 
	background-color: rgb(254,240,241); 
}


#footer {
	margin: 0;
	padding: 0;
	background: transparent;
}

#footer div {
	padding: 5em 1em 0.5em 1em;
	text-align: center;
}

#footer a { color: rgb(28,90,137); }
#footer a:visited { color: rgb(206,202,0); }
#footer a:hover { color: rgb(116,175,234); }

.vulblok {
	height: 13em;
}

.vulblokmiddel {
	height: 25em;
}
.vulblokgroot {
	height: 42em;
}

p.blind {
	clear: both;
}
