/* ################## Algemene site instellingen */
body {
 background-color: #202020;
 text-decoration:none; 
 font-family: arial; 
 font-size:12px; color:black;
 margin: 0px 0px 0px 0px;
}

tr,td, table {
 text-decoration:none; 
 font-family: arial; 
 font-size:12px; color:black;
}

a:link {text-decoration: none; color:#808080;}
a:visited {text-decoration: none; color:#808080;}
a:hover {text-decoration: none; color:#303030;}
a {text-decoration: none; color:#808080;}


.basis {
	width: 900px;
	height: 100%;
	background-color:white;
}

.toplogo {
	background: url(../images/top.gif);
	text-align: left;
	height: 150px;
	padding-right: 20px;
	padding-bottom: 2x;
	vertical-align: bottom;
	horizontal-align: left;
}

#contentdiv{
	width: 100%; height: 100%;
}

.content {
background: url(../images/bg.gif) no-repeat;
background-position: 100% 100%;
background-color: white;
	font-family: arial;
	font-size: 11pt;
	font-color: black;
	padding: 25px 25px 25px 25px;
	vertical-align: top;
	text-align: left;

}

.footer {
	background: url(../images/bottom.jpg);
	text-align: center;
	height: 22px;
}

/* marge voor het uitklapmenu */
.premenu {
	padding-right: 20px;
}


/* Het uiklapmenu en instellingen */
.topmenu {
	align: left;
	height: 20px;
}

#csstopmenu, #csstopmenu ul{
	padding: 0;
	margin: 0;
	list-style: none;
}

#csstopmenu li{
	float: left;
	position: relative;
}

#csstopmenu a{
	text-decoration: none;
}

.mainitems{
	width: 105px;
	border: 1px black;
	border-left-width: 0px;
	border-right-width: 0px;
	color: white;
	margin: 0px 2px 0px 2px;
	
}

.headerlinks a {
	width: 100px;
	text-align: center;
  color: black;
	padding-left: 0px;
  border: 0px;
  border-style: none solid none solid;
  border-color: #808080;
  margin: 0 2 0 2 ;
  background: url(../images/menuback3.jpg);
  font-weight: bold;
}

.headerlinks a:active {background: url(../images/menuback3.jpg)}
.headerlinks a:visited {text-decoration: none; color:black;}
.headerlinks a {text-decoration: none; color:black;}

.headerlinks a:hover {
background: url(../images/menuback2.jpg);
}

.submenus{
	display: none;
	width: 10em;
	position: absolute;
	top: 1.2em;
	left: 0;
	border: 0px solid black;
}

.submenus li{
	width: 160px;
	background: url(../images/menuback1.jpg);
	margin: 0 0 0 0;
	margin-left: 5px;
}

.submenus li a{
	display: block;
	width: 160px;
	text-indent: 3px;
}

html>body .submenus li a{ /* non IE browsers */
	width: auto;
}

.submenus li a:link {text-decoration: none; color:white; background: url(../images/menuback.jpg); color:black;}
.submenus li a:visited {text-decoration: none; color:white; background: url(../images/menuback.jpg); color:black;}
.submenus li a {text-decoration: none; color:white; background: url(../images/menuback.jpg); color:black;}
.submenus li a:hover{background: url(../images/menuback2.jpg); color:black;}

#csstopmenu li>ul {/* non IE browsers */
	top: auto;
	left: auto;
}

#csstopmenu li:hover ul, li.over ul {
	display: block;
}

html>body #clearmenu{ /* non IE browsers */
	height: 3px;
}


.blog{
	align: center;
}

.blog_left{
	width: 500px;
	padding-right: 40px;
}

.blog_right{
padding-left: 25px;
vertical-align: top;
}

.blog_titel{
font-weight: bold;
font-size: 14px;
}

.blog_datum, .blog_reacties{
color: #808080;
}

.blog_bericht{
padding-left: 22px;
;}

.blog_scheiding{
border-style: solid none none none;
border-color: #808080;
width: 100%;
}


.menuleft {
width: 160px;
padding-top: 10px;
padding-left: 10px;
}

.bwmenu{
background-color: #f8f8f8;
border: 1px solid silver;
width: 150px;
}

.hoofdmenu-link{
border-style: outlet;
border-width: 1px;
border-color: #D8899E;
background-color: #D8899E;
padding: 0 5 0 5;
color: white;
}

.menu-link{
padding: 1 4 0 4;
}

a.menu-link:link, a.menu-link:active, a.menu-link:visited {
margin: 3px 5px 0px 5px;
text-decoration: none; 
  color:#303030;
text-align: left;
font-size: 11px;
width: 135px;
}

A.menu-link:hover{
 color: #D8899E;
  text-decoration: none; 
}