/* CSS Document */


/***************************************************/
/******  styles voor standaard html elementen ******/
/***************************************************/

body {
margin: 20px 0;
padding: 0;
text-align: center;
font: 12px Verdana, Arial, sans-serif;
color: #333;
background: url(bg1.gif) top left repeat;
}

a, a:visited {
color: #CC0000;
text-decoration: none;
}

a:hover {
color: #993300;
border-bottom: 1px solid #993300;
}

br.cleaning {
clear:both;
display:block;
height:1px;
font-size:1px;
line-height:1px;
}

h1 {
display: none;
height: 1px; 
text-indent: -500em; 
text-decoration:none;
}

h2 {
color: #CC0000;
margin: 0;
padding: 3px 0;
}

h3, h4 {
color: #CC0000;
margin: 0;
padding: 3px 0;
font-size:10pt;
line-height: 20%;
}

p {
margin: 0;
padding: 4px 0;
}

p.postedon {
font-size: 11px;
color: #666;
}

.postedon2 {
font-size: 11px;
color: #666;
padding-left: 10px;
top: -10px;
}

p.botnav {
text-align: center;
font-size: 11px;
}

p.tagline {
display: none;
height: 1px; 
text-indent: -500em; 
text-decoration:none;
}

p.citaat
{
border-left-width: 5px; 
border-left-style: solid; 
border-left-color: #c00;
padding: 5px 0 5px 5px;
font-size: 11px;
background: url(menu.gif) top left repeat;
margin-left: 30px;
line-height: 60%;
}


p.imgthumb {
float: left;
margin-right: 10px;
}

/***********************************************/
/****** styles voor div structuur blokken ******/
/***********************************************/

#wrapper {
width: 740px;
margin: 0 auto;
padding: 0;
background: #fff;
text-align: left;
background: url(menu.gif) top left repeat;
border: 1px solid black;
}
.wrapper-c {
padding: 0;
margin: 0;
}

.splash {
height: 190px;
margin: 0;
padding: 0;
clear: left;
}

.webtitel {
height: 160px;
background: transparent url(logo.gif) 442px 132px no-repeat;
}


div.spl-home {
background: transparent url(banner.jpg) top left no-repeat;
}
div.spl-about {
background: transparent url(banner.jpg) top left no-repeat;
}
div.spl-colofon {
background: transparent url(banner.jpg) top left no-repeat;
}
div.spl-contact {
background: transparent url(banner.jpg) top left no-repeat;
}
div.spl-article {
background: transparent url(banner.jpg) top left no-repeat;
}
div.spl-quilten {
background: transparent url(banner.jpg) top left no-repeat;
}
div.spl-haken {
background: transparent url(banner.jpg) top left no-repeat;
}
div.spl-borduren {
background: transparent url(banner.jpg) top left no-repeat;
}
div.spl-weblog {
background: transparent url(banner.jpg) top left no-repeat;
}

.navcontainer {
padding: 0;
margin: 0;
}

.navcontainer ul
{
padding: 0;
margin: 0;
float: left;
width: 699px;
font: bold 11px Verdana, Arial, helvetica, sans-serif;
border-left: 1px solid #AFB892;
}

.navcontainer ul li 
{ 
display: inline; 
margin-left: 0; 
padding: 0; 
margin-right: 3px;
}

.navcontainer ul li a,
.navcontainer ul li a:link,
.navcontainer ul li a:visited,
.navcontainer ul li a:link,
.navcontainer ul li span,
.navcontainer ul li a:hover
{
padding: 0.6em 1em;
text-decoration: none;
float: left;
border-bottom: none;
border-right: 1px solid #AFB892;
color: white;
}

.navcontainer ul li a:hover
{
color: #FFCC66;
}

.mainbox {
line-height: 20px;
background: url(menu.gif) top left repeat;
}

.big {
width: 540px;
float: left;
margin: 0;
padding: 0;
background: white;
border-right: 1px solid red;
}
.big-c {
padding: 0 10px 10px 25px;
margin: 0;
}


.tekstkader {
width: 740px;
float: left;
margin: 0;
padding: 0;
background: white;
}
.tekstkader-c {
padding: 0 10px 10px 25px;
margin: 0;
background: white;
}

.teksttabel {
border: 1px solid black;
}
.teksttabel tr {
}
.teksttabel td {
vertical-align: top;
padding: 5px 5px 0 5px;
border: 1px solid grey;
}


.small {
width: 198px;
float: right;
margin: 0;
padding: 0;
font-size: 11px;
}
.small-c {
padding: 0 0;
margin: 0;
}

.sbox {
padding: 10px;
}

.sbox ul {
list-style-type: none;
margin: 5px 0;
padding: 0;
}

.sbox ul li {
padding: 4px 0;
}

.sbox a {
font: 11px Verdana, Arial, sans-serif;
color: #333;
border-style: none;
}
.sbox a:visited {
font: 11px Verdana, Arial, sans-serif;
color: #333;
border-style: none;
}

.sbox a:hover {
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #c00;
}

.sbox h2
{
font: bold 16px 'Times New Roman', Arial, sans-serif;
margin: 0;
padding: 0;
text-transform: uppercase;
letter-spacing: 0.1em;
color: #c00;
}

.sbox2 h2
{
font: bold 16px 'Times New Roman', Arial, sans-serif;
margin: 0;
padding: 0;
text-transform: uppercase;
letter-spacing: 0.1em;
color: #c00;
}

.sbox2 a {
font: bold 16px 'Times New Roman', Arial, sans-serif;
margin: 0;
padding: 0;
text-transform: uppercase;
letter-spacing: 0.1em;
color: #c00;
border-style: none;
}
.sbox2 a:visited {
font: bold 16px 'Times New Roman', Arial, sans-serif;
margin: 0;
padding: 0;
text-transform: uppercase;
letter-spacing: 0.1em;
color: #c00;
border-style: none;
}

.sbox2 a:hover {
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #c00;
}


.newsitem h2 {
font: 16px 'Times New Roman', Arial, sans-serif;
font-weight: bolder;
margin: 0;
padding: 0;
text-transform: none;
letter-spacing: 0.05em;
color: #c00;
}

.newsitem a, 
.newsitem a:visited {
color: #CC0000;
font-weight: bolder;
text-decoration: none;
}

.newsitem a:hover {
color: #993300;
border-bottom: 1px solid #993300;
}

.newsitem postedon {
padding-left: 10px;
}

.newsitem ul li,
.newsitem ul li a,
.newsitem ul li a:visited,
.newsitem ul li a:link
{
line-height: 105%;
}

.newsitem ul li a:hover
{
color: #993300;
border-bottom: 1px solid #993300;
}

.menu-line1 {
margin-top: 10px;
border-top: 1px solid #ccc;
margin-bottom: 10px;
}

.menu-line2 {
margin-top: 10px;
border-bottom: 4px double #ccc;
margin-bottom: 10px;
}


.item {
padding: 10px 15px 10px 0;
}

.item h2 {
font: normal 21px 'Times New Roman', Arial, sans-serif;
color: #c00;
}

.item h3 {
font: bold 16px 'Times New Roman', Arial, sans-serif;
color: #c00;
}

.sub-item {
padding-left: 0px;
}

.excerpt {
padding-left: 10px;
line-height: 130%; 
}

div.sub-item h3 {
font: bold  12px Verdana, 'Times New Roman', Arial, sans-serif;
}

blockquote {
font-size: 11px;
border-right: 1px solid #E7E7E7;
border-bottom: 1px solid #E7E7E7;
padding-left: 15px;
padding-right: 15px;
background: #F7F7F7;
margin: 10px;
}

td.tablethumb {
vertical-align: middle;
text-align: left;
padding-left: 20px;
}

td.tableexc {
vertical-align: top;
text-align: left;
padding-left: 10px;
}

td.tableposted {
vertical-align: top;
text-align: left;
font-size: 11px;
color: #666;
padding-left: 20px;
}

.hw-item {
float: left;
}

.hw-table {
width: 150px;
padding: 10px;
cellspacing: 0px;
border: 0px;
}

.hw-thumb {
height: 115px;
vertical-align: bottom;
}

.hw-title {
vertical-align: top;
text-align: center;
font-size: 11px;
line-height: 100%;
height: 40px;
color: #666;
}

.ano, a.ano:visited, a.ano:hover {
border: none;
text-decoration: none;
}

.hoi {
font-weight: bold;
}

#footer {
letter-spacing: -1px;
font-size: 7pt;
}

.rssMenu {
/*margin: 0px, 0px, 0px, 0px;
padding: 0; */
color: #CC0000;
}