body {

margin: 0;
padding:0; 
background:#FFFFFF;
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
color: #2F2F2F;
background-color:#F9FAFE; 
}

html, body {
height:100%;
} 

#outer1 {
width: 960px;
margin: 0 auto;
background: url(plaatjes/linker_border.jpg) repeat-y;
background-color:#FFFFFF;
} 

#outer2 {
width: 960px;
background: url(plaatjes/rechter_border.jpg) repeat-y right;	
}

#wrapper {
width:960px;
margin: 0 auto;
padding: 0;
height:100%;
}
 
#header {
height: 155px;
width:904px;
margin: 0 auto; 
background-image:  url(plaatjes/header_test.jpg);
background-repeat: no-repeat;
background-position:center;
}

#menuwrapper {
width: 904px;
margin:0 auto;
height:22px;
background-image:url(plaatjes/menu_bg.jpg);
background-position:center;
background-repeat:no-repeat;
border-bottom:1px dotted silver;
text-align:center;
}

#content {
float:left;
width:630px;
margin:15px 0 0 28px;
padding:5px 0 0 0;
border-right:1px dotted silver;
min-height:250px;
}

#content_breed {
float:left;
width:905px;
margin:0 0 0 28px;
padding:5px 0 0 0;
min-height:250px;
}

#rechterkolom {
float:right;
width:275px;
padding:5px 25px 0 0;
margin:0;
height:100%;
}

#footer {
margin-left:28px;
margin:0 28px;
padding:0;
height:30px;
font-size: 8pt;
line-height:30px;
background-image:url(plaatjes/footer_bg.jpg);
background-repeat:no-repeat;
background-position:center;
border-top:1px dotted silver;
border-bottom:1px dotted silver;
}


/*#current a:link, #current a:visited, #current a:hover {
color: #FFF;	
background-color: #FFBA5A;
height:27px;
line-height:21px;
display:block;
}*/

a:link, a:visited, a:active { 
color: #FD7706;
text-decoration:none;
}

a:hover {
color: #FD7706;
text-decoration: underline;  
}

/* #content a { font-weight: bold; } */
#footer a { 
font-weight: normal; 
} 

p, h1, h2, h3, h4, ul {
margin:0;
padding:0 15px 10px 15px;
}
li {
margin:0 0 0 20px;
padding:0;
}

td {
margin:0;
padding:0 15px 0 15px;
}

h1, h2, h3 {
color: #235A8F;
}

h1 {
font-size: 22px;
font-weight:bold;
}

h2 {
font-size: 20px;
font-weight:bold;
}

h3 {
font-size: 16px;
font-weight:bold;
}

h4 {
font-weight:bold;
}


img { 
border: dotted 1px #ddd;
}

img.geenborder { 
border: 0; 
}
.center {
text-align:center;	
}
input, textarea {
color: #000; 
background: #FFF; 
padding: 0; 
margin:0; 
border: 1px solid #FF7803; 
}
.bold {
font-weight:bold;
}
.borderoranje {
color:#FF7803; 
}
.oranje {
color:#FF7803; 
}
.underline {
text-decoration:underline;
}
.quote {
margin:0 20px 20px 20px;
padding: 5px;
background-color:#EFF6FF;
border:1px dotted silver;
}
.quote img {
	border:0;
}
.floatrechts {
float: right;
margin: -12px 0 0 0;
}
.floatlinks {
float: left;
margin: 0 12px 0 0;
}
.floatright {
float: right;
margin: 0;
}
.floatleft {
float: left;
margin: 0;
}
.hr {
height: 0;
font-size: 0;
line-height: 0;
margin: 1em auto;
border-bottom: dashed 1px #FF7803;
}
.naam {
font-weight: bold;
text-align: left;
float: left;
}

.gastmail {
font-size: 10px;
font-weight: normal;
text-align: center;
}

.datum {
font-size: 10px;
text-align: right;
float: right;
}
.bericht {
margin:0;
padding:0 15px 10px 15px;
}    
.nocomment {
	display:none;
	visibility:hidden;
}

/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/anywidth.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#menu {width:903px; height:22px; text-align:center; margin:0 auto;}
#menu ul {display:inline-block;} 
#menu ul.top-level {margin-left:0;}
#menu ul {margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left;} 
#menu li {margin:0; padding:0;}
#menu a {display:block; font:normal 11px verdana,arial,sans-serif;color:#444; line-height:22px; text-decoration:none; padding:0 20px;} 
* html #menu ul.top-level {margin-left:0;} /* I don't know why, but this centers IE5.5 ?? */

#menu li:hover > ul {visibility:visible;}
#menu a:hover ul,
#menu a:hover a:hover ul, 
#menu a:hover a:hover a:hover ul {visibility:visible;}
#menu a:hover ul ul, 
#menu a:hover a:hover ul ul {visibility:hidden;}

#menu ul.top-level {margin:0 auto;} 
#menu li.top-level-li {float:left; position:relative; margin-right:1px;}
 
#menu a.top-level-a {float:left; padding:0 0 0 20px; background:url(plaatjes/menu/taba.gif) no-repeat left top;} 
#menu a.top-level-a b {float:left; padding:0 20px 0 0; background:url(plaatjes/menu/tabb.gif) no-repeat right top; cursor:pointer; cursor:hand;}
#menu a.down b {float:left; padding:0 20px 0 0; background:url(plaatjes/menu/tabc.gif) no-repeat right top; cursor:pointer;}

#menu a.top-level-a:hover {white-space:nowrap; background:url(plaatjes/menu/taba.gif) no-repeat left -30px;}
#menu a.top-level-a:hover b, 
#menu a.top-level-a:focus b, 
#menu a.top-level-a:active b {color:#000; background:url(plaatjes/menu/tabb.gif) no-repeat right -30px; cursor:pointer;}
#menu a.down:hover b, 
#menu a.down:focus b, 
#menu a.down:active b {color:#000; background:url(plaatjes/menu/tabc.gif) no-repeat right -30px; cursor:pointer;}

#menu li.top-level-li:hover > a {white-space:nowrap; background:url(plaatjes/menu/taba.gif) no-repeat left -30px;}
#menu li.top-level-li:hover > a b {color:#000;  background:url(plaatjes/menu/tabb.gif) no-repeat right -30px;}
#menu li.top-level-li:hover > a.down b {color:#000;  background:url(plaatjes/menu/tabc.gif) no-repeat right -30px;}

#menu li ul {display:block; position:absolute; visibility:hidden; background:#FFF; padding:0; border:1px dotted silver; left:0;}
#menu li li {border-bottom:1px dotted silver;}
#menu li li a {background:#fff;} 
#menu li li a:hover {background:#D2E3F3; background-image:url(plaatjes/footer_bg.jpg);} 
#menu li li:hover > a {background:#D2E3F3; background-image:url(plaatjes/footer_bg.jpg);}
#menu li li a.fly {background:#fff url(plaatjes/menu/fly.gif) no-repeat right top;}
#menu li li a.fly:hover {background:#e3e6ed url(plaatjes/menu/fly.gif) no-repeat right top;} 
#menu li li:hover > a.fly {background:#e3e6ed url(plaatjes/menu/fly.gif) no-repeat right top;}

#menu ul.drop-down {top:22px; opacity:0.95;} 
#menu li li ul {left:100%; margin-top:-23px; margin-left:-5px;}

#menu table {position:absolute;top:0;left:0;border-collapse:collapse;text-align:left;}
#menu table ul li a {padding-left:0; padd\ing-left:20px;}
#menu table table {top:auto; left:100%; margin-left:-1px; padding:0; margin:0;}
#menu table table ul {margin-top:-4px; marg\in-top:-7px;}