/* global */
html{height: 100%;}

body
{ font-family: lucida grande, trebuchet, tahoma, verdana, arial, sans-serif;
  padding: 0px;
  margin: 0px;
  font-size: .78em;
  background: #000 url(/images/achtergrond_groot.png) no-repeat;
  color: #555;
}

a 
{ color: #C55;
} 

a:hover
{ color: #F88;
} 

a, a:hover, a.current
{	text-decoration:none
}

p
{ margin: 0px;
  padding: 0px 0px 10px 0px;
  line-height: 1.3em;
}

h1, h2, h3
{ font-size: 120%;
  letter-spacing: .1em;
  padding: 9px 0px 4px 0px; 
  margin: 0px 0px 0px 0px; 
  color: #555;
}

h4, h5
{ font-size: 100%;
  letter-spacing: .1em;
  padding: 2px 0px 2px 0px; 
  margin: 0px 0px 0px 0px; 
}

h4 {color: #777;}

h5 {color: #999;}

img
{ border: 0px; 
  margin: 0px; 
  padding: 0px;
}

a{outline: none;}

form{padding: 0; margin: 0;}

/* image positioning - left, right and center */
.none
{ clear: left;
}

.left
{ float: left; 
}

.right
{ float: right; 
}

.center
{ display: block;
  text-align: center;
  margin: 0 auto;
}

.left, .right{border-color: #FFF;}

/* block quote */
blockquote
{ margin: 20px 0px 20px 0px; 
  padding: 10px 20px 0px 20px;
  border-left: 8px solid #4D4D4D;
}

/* margin lefts / margin rights - to centre content */
#main, #footer, #logo, #menubar, #site_content
{ margin-left: auto; 
  margin-right: auto;
}

/* main container */
#main
{ width: 960px;
  color: #555;
  border: 1px solid #000000;
}

/* spacer*/
#spacer
{ width: 960px;
  height: 5px;
}  
  
/* logo */
#logo
{ width: 960px;
  height: 200px;
	background: #240007 url(/images/logo.png) no-repeat;
	border: none;
}
	
/* navigation menu */
#menubar
{ width: 960px;
	height: 25px;
	background: #aaa;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

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

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

#menubar li a {
	display: block;
	height: 20px;
	padding: 5px 10px 0px 10px;
  color: #000;
	text-decoration: none;
}

#menubar li a:hover, #menubar li a.current, #menubar li a.current:hover { 
	background: #fff;
} 

/* Fix IE. Hide from IE Mac \*/
* html #menubar ul li { float: left; height: 1%; }
* html #menubar ul li a { height: 1%; }
/* End */

#menubar li ul {
	position: absolute;
	display: none;
}

#menubar li:hover ul, #menubar li.over ul {
	top: 25px; /*added for internet exploder*/
	left: 0px; /*added for ineternet exploder*/
	display: block;
}

#menubar li ul li a {
	width: 160px;
	height: 20px;
	padding: 2px 10px 0 10px;
	background: #aaa;
	text-align:left;
	text-decoration:none;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

#menubar li ul li a:hover, #menubar li ul li a.current, #menubar li ul li a.current:hover {
	background: #fff;
}

input.searchfield
{ background: #FFF; 
  border: 1px solid #696771; 
  padding: 2px;
	width: 100px;
}

input.searchbutton
{ background: #696771; 
  border: 0px; 
  padding: 1px;
  color: #FFF;
  width: 40px;
  cursor: pointer;
}

/* main content */
#site_content
{ width: 960px;
  overflow: hidden;
	background: rgb(204,204,204) url(../images/achtergrond_middel.png) no-repeat;
	background: rgba(204,204,204,0.8) url(../images/achtergrond_middel.png) no-repeat;
} 

/* sidebar */
.sidebar
{ float: left;
  width: 190px;
  padding: 0px 0px 15px 15px;
}

/* sidebar items / links */
.sidebaritem
{ text-align: left;
  float: left;
  width: 160px;
	margin: 0px 0px 15px 0px;
	padding: 8px 15px 8px 15px;
	background: #fff url(../images/achtergrond_klein.png) no-repeat;
	border: 1px solid #f80030;
}

.sidebaritem ul
{ border-top: 1px solid #DDDCE4;
	padding: 0px;
	margin: 0px 0px 10px 0px;
}

.sidebaritem li
{ list-style: none;
	margin: 0px; 
  padding: 5px 5px 5px 5px; 
  border-bottom: 1px solid #DDDCE4;
}

/* page content */
#content_container
{ width: 520px;
  float: right;
  padding: 0px 15px 15px 0px;
}

#content
{ text-align: left;
  padding: 8px 15px 8px 15px;
	background: #fff url(../images/achtergrond_klein.png) no-repeat;
	border: 1px solid #f80030;
}

/* breadcrumbs */
#breadcrumbs_container
{ width: 520px;
  float: right;
  padding: 5px 15px 5px 425px;
}

#breadcrumbs
{ text-align: left;
	padding: 4px 15px 4px 15px;
	background: #ddd;
	border: 1px solid #000;
}

/* unordered list */
#content ul
{ margin: 5px 0px 10px 16px;
  padding: 0px;
}

#content ul li
{ list-style-type: square;
  margin: 0px 0px 5px 0px; 
  padding: 0px;
}

/* ordered list */
#content ol
{ margin: 8px 0px 0px 24px;
  padding: 0px;
}

#content ol li
{ margin: 0px 0px 11px 0px; 
  padding: 0px;
}


/* footer */
#footer
{ width: 950px;
  height: 20px;
  padding: 5px 5px 0px 5px;
  text-align: center; 
  background: #aaa;
  color: #000;
	border-top: 1px solid #fff;
}

#footer a
{ background: transparent;
  color: #000;
}

#footer a:hover
{ background: transparent;
  color: #555;
}

#content a, #content a:hover, #footer a, #footer a:hover{text-decoration: none;}

/* sNews */
fieldset, .comment, .commentsbox
{ margin-bottom: 10px; 
  background: transparent; 
  color: #444;
}

fieldset
{ border: 1px solid #DDDCE4; 
  padding: 10px 8px;   
}

input{padding: 2px;}

textarea
{ width: 95%; 
  height: 200px;
  padding: 3px;
}

.comment
{ background: #F1EBF0; 
  color: #444;
}

.date
{ border-top: 1px solid #DDDCE4; 
  margin: 15px 0px 5px 0px;
  font-weight: bold;
}